@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:#1e40af;color:#1f2937;overflow:hidden}#root{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.oml2d-tips,.oml2d__tips,.oml2d-message,#oml2d-tips,[class*=oml2d][class*=tips],[class*=oml2d][class*=message],.oml2d-statusbar,.oml2d__statusbar,#oml2d-statusbar,.oml2d-menu,.oml2d__menu,#oml2d-menu,.oml2d-loading,.oml2d__loading,#oml2d-loading,[class*=oml2d][class*=status],[class*=oml2d][class*=menu],[class*=oml2d][class*=loading]{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column{display:flex;flex-direction:column}.flex-between{display:flex;justify-content:space-between;align-items:center}.text-center{text-align:center}.text-white{color:#fff}.text-gray-600{color:#4b5563}.bg-white{background-color:#fff}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-4{margin:1rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.gap-4{gap:1rem}.btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.btn-primary{background-color:#1e40af;color:#fff;box-shadow:0 4px 6px -1px #0000001a}.btn-primary:hover{background-color:#1d4ed8;box-shadow:0 6px 8px -1px #00000026;transform:translateY(-1px)}.btn-secondary{background-color:#fff;color:#1e40af;border:2px solid #1e40af;box-shadow:0 2px 4px -1px #0000000f}.btn-secondary:hover{background-color:#f3f4f6;transform:translateY(-1px)}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:white;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;padding:1.5rem}.card-large{padding:2rem}.avatar-container{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#1e40af 0%,#dc2626 100%);display:flex;align-items:center;justify-content:center;font-size:4rem;color:#fff;box-shadow:0 20px 25px -5px #0000001a;margin-bottom:1.5rem;transition:all .3s ease}.avatar-container.speaking{animation:pulse 2s infinite;box-shadow:0 0 30px #1e40af80}.avatar-container.listening{animation:breathe 3s ease-in-out infinite;box-shadow:0 0 30px #dc262680}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.9}}.voice-indicator{width:60px;height:60px;border-radius:50%;background:#dc2626;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;animation:recordPulse 1.5s ease-in-out infinite;position:absolute;bottom:20px;right:20px}@keyframes recordPulse{0%,to{transform:scale(1);box-shadow:0 0 #dc2626b3}50%{transform:scale(1.1);box-shadow:0 0 0 10px #dc262600}}@media (max-width: 768px){.avatar-container{width:150px;height:150px;font-size:3rem}.card{margin:1rem;padding:1rem}.btn{padding:.75rem 1rem;font-size:.9rem}}@media (max-width: 480px){.avatar-container{width:120px;height:120px;font-size:2.5rem}.card{margin:.5rem;padding:.75rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus,.btn:focus{outline:2px solid #1e40af;outline-offset:2px}::selection{background-color:#1e40af;color:#fff}