@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.6;color:#1f2937;background:#1e40af;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{width:100vw;height:100vh;position:relative}.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}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(30,64,175,.6);border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:rgba(30,64,175,.8)}::selection{background-color:#1e40af4d;color:#1e40af}::-moz-selection{background-color:#1e40af4d;color:#1e40af}:focus{outline:2px solid #1e40af;outline-offset:2px}:focus:not(:focus-visible){outline:none}.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}.flex-wrap{display:flex;flex-wrap:wrap}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-white{color:#fff}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-blue-600{color:#1e40af}.text-red-600{color:#dc2626}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-blue-600{background-color:#1e40af}.p-0{padding:0}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.m-0{margin:0}.m-2{margin:.5rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;line-height:1;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#1e40af 0%,#dc2626 100%);color:#fff;box-shadow:0 4px 15px #1e40af66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1e40af80}.btn-secondary{background:white;color:#1e40af;border:2px solid #1e40af;box-shadow:0 2px 8px #1e40af1a}.btn-secondary:hover{background:#1e40af;color:#fff;transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg,#7c3aed 0%,#1e40af 100%);color:#fff;box-shadow:0 4px 15px #7c3aed66}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed80}.btn-ghost{background:transparent;color:#4b5563;border:1px solid #d1d5db}.btn-ghost:hover{background:#f3f4f6;border-color:#9ca3af}.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}.btn:disabled:hover{transform:none;box-shadow:none}.card{background:white;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;padding:1.5rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #00000026}.card-premium{background:linear-gradient(145deg,white 0%,#f9fafb 100%);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;padding:2rem;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-admin{background:linear-gradient(135deg,#374151 0%,#111827 100%);color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000004d;padding:1.5rem}.input{padding:.75rem 1rem;border:2px solid #d1d5db;border-radius:.5rem;font-size:1rem;font-family:inherit;transition:all .3s ease;width:100%}.input:focus{border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a;outline:none}.input:disabled{background-color:#f3f4f6;cursor:not-allowed}.avatar-container{width:220px;height:220px;border-radius:50%;background:linear-gradient(135deg,#7c3aed 0%,#1e40af 100%);display:flex;align-items:center;justify-content:center;font-size:4.5rem;color:#fff;box-shadow:0 20px 40px -12px #7c3aed66;margin:0 auto 2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.avatar-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.1),transparent);animation:rotate 3s linear infinite;pointer-events:none}.avatar-container.speaking{animation:avatarSpeaking 1s ease-in-out infinite;box-shadow:0 0 40px #1e40af99}.avatar-container.listening{animation:avatarListening 2s ease-in-out infinite;box-shadow:0 0 40px #7c3aed99}.avatar-container.thinking{animation:avatarThinking 3s ease-in-out infinite}.voice-indicator{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#dc2626 0%,#1e40af 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;animation:recordPulse 1.5s ease-in-out infinite;position:fixed;bottom:2rem;right:2rem;z-index:50;box-shadow:0 8px 25px #dc262666}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{background-color:#f9fafb;padding:.75rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.table td{padding:.75rem;border-bottom:1px solid #e5e7eb;color:#4b5563}.table tr:hover{background-color:#f9fafb}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.modal-content{background:white;border-radius:1rem;box-shadow:0 25px 50px -12px #0006;max-width:90vw;max-height:85vh;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes avatarSpeaking{0%,to{transform:scale(1) rotate(0);box-shadow:0 0 25px #1e40af66}25%{transform:scale(1.02) rotate(-1deg);box-shadow:0 0 35px #1e40af99}75%{transform:scale(1.02) rotate(1deg);box-shadow:0 0 35px #1e40af99}}@keyframes avatarListening{0%,to{transform:scale(1) rotate(-3deg);box-shadow:0 0 30px #7c3aed80}50%{transform:scale(1.05) rotate(-1deg);box-shadow:0 0 40px #7c3aedb3}}@keyframes avatarThinking{0%,to{transform:scale(1) rotate(3deg)}33%{transform:scale(1.01) rotate(1deg)}66%{transform:scale(1.01) rotate(5deg)}}@keyframes recordPulse{0%,to{transform:scale(1);box-shadow:0 0 #dc2626b3}50%{transform:scale(1.1);box-shadow:0 0 0 15px #dc262600}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.avatar-container{width:180px;height:180px;font-size:3.5rem}.card{margin:1rem;padding:1rem}.card-premium{padding:1.5rem}.btn{padding:.625rem 1.25rem;font-size:.9rem}.modal-content{max-width:95vw;margin:1rem}.voice-indicator{width:60px;height:60px;font-size:1.5rem;bottom:1rem;right:1rem}.text-3xl{font-size:1.5rem}.text-2xl{font-size:1.25rem}}@media (max-width: 480px){.avatar-container{width:150px;height:150px;font-size:3rem}.card{margin:.5rem;padding:.75rem}.btn{padding:.5rem 1rem;font-size:.875rem}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (prefers-contrast: high){.btn-primary{background:#000000;border:2px solid #ffffff}.card{border:2px solid #000000}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{body{background:white!important;color:#000!important}.btn,.voice-indicator,.modal-overlay{display:none!important}.card{box-shadow:none!important;border:1px solid #000000!important}}a[href^=http]:not([href*=localhost]):not([href*="127.0.0.1"]):after{content:" 🔗";font-size:.8em;opacity:.6}code{background-color:#f3f4f6;padding:.125rem .25rem;border-radius:.25rem;font-family:JetBrains Mono,monospace;font-size:.875em}pre{background-color:#1f2937;color:#f9fafb;padding:1rem;border-radius:.5rem;overflow-x:auto;font-family:JetBrains Mono,monospace;line-height:1.5}pre code{background:none;padding:0;color:inherit}