:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f4f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:linear-gradient(#eef2ff 0%,#f8fafc 100%);min-width:320px;min-height:100vh;margin:0}a{color:#4338ca;text-decoration:none}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#4338ca;border:none;border-radius:12px;padding:.8rem 1rem}button:disabled{cursor:not-allowed;opacity:.65}input,select,textarea{background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;margin-top:.4rem;padding:.75rem .85rem}select{color:inherit}textarea{resize:vertical}#root{min-height:100vh}.app-shell{max-width:1200px;margin:0 auto;padding:2rem 1.25rem 3rem}.app-header,.card,.tab-nav,.auth-shell .form-card{background:#ffffffe6;border:1px solid #94a3b840;box-shadow:0 12px 32px #0f172a14}.app-header{border-radius:24px;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex}.app-header h1,.page-heading h2,.card h2,.card h3{margin:0}.eyebrow{color:#6366f1;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .35rem;font-size:.85rem;font-weight:700}.muted{color:#64748b}.header-actions{align-items:center;gap:.75rem;display:flex}.user-pill{white-space:nowrap;background:#eef2ff;border-radius:16px;align-items:center;padding:.75rem 1rem;display:flex}.user-role:before{content:"·";color:#94a3b8;margin:0 .45rem}.tab-nav{border-radius:18px;gap:.5rem;margin-top:1rem;padding:.75rem;display:flex}.tab-nav a{color:#334155;border-radius:12px;padding:.75rem 1rem;font-weight:600}.tab-nav a.active{color:#fff;background:#4338ca}.content-area{margin-top:1.5rem}.page-shell{flex-direction:column;gap:1rem;display:flex}.page-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.card{border-radius:20px;padding:1.25rem}.stack-xs,.stack-sm,.stack-md,.form-card{flex-direction:column;display:flex}.stack-xs{gap:.35rem}.stack-sm{gap:.6rem}.stack-md,.form-card{gap:1rem}.tag-row,.button-row{flex-wrap:wrap;gap:.5rem;display:flex}.tag{color:#3730a3;background:#e0e7ff;border-radius:999px;align-items:center;padding:.25rem .65rem;font-size:.85rem;font-weight:600;display:inline-flex}.meta-list{gap:.75rem;margin:0;display:grid}.meta-list div{gap:.2rem;display:grid}.meta-list dt{color:#0f172a;font-weight:700}.meta-list dd{color:#475569;word-break:break-word;margin:0}.agent-prompt{gap:.35rem;display:grid}.agent-prompt-text{color:#475569;word-break:break-word;white-space:pre-wrap;margin:0}.agent-prompt-text.is-clamped{-webkit-line-clamp:4;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.link-button{color:#4338ca;cursor:pointer;background:0 0;border:none;border-radius:0;justify-self:start;padding:0;font-size:.9rem;font-weight:600}.link-button:hover{text-decoration:underline}.two-column{grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:1rem;display:grid}.sidebar-list{flex-direction:column;gap:.75rem;max-height:calc(100vh - 240px);display:flex;overflow-y:auto}.sidebar-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.list-item{text-align:left;color:#0f172a;background:#f8fafc;flex-direction:column;align-items:flex-start;gap:.2rem;display:flex}.list-item.active{color:#fff;background:#4338ca}.detail-panel{flex-direction:column;gap:.8rem;max-height:calc(100vh - 240px);display:flex;overflow-y:auto}.message-list{flex-direction:column;flex:1;gap:.8rem;display:flex;overflow-y:auto}.message-card{background:#f8fafc;border-radius:16px;padding:1rem}.message-head{color:#475569;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.message-head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.btn-translate{cursor:pointer;color:#0f172a;background:#e2e8f0;border:none;border-radius:8px;padding:.2rem .55rem;font-size:.8rem;line-height:1.2}.btn-translate:hover:not(:disabled){background:#cbd5e1}.btn-translate:disabled{opacity:.65;cursor:not-allowed}.transcript-translation{color:#64748b;margin:.45rem 0 0;font-size:.92rem;line-height:1.5}.transcript-translate-error{color:#b91c1c;margin:.35rem 0 0;font-size:.85rem}.notice{border-radius:14px;padding:.85rem 1rem;font-weight:600}.notice.error{color:#b91c1c;background:#fee2e2}.notice.success{color:#166534;background:#dcfce7}.admin-user-list{flex-direction:column;gap:.75rem;display:flex}.admin-user-row{background:#f8fafc;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.admin-user-row .button-row{flex-shrink:0}.secondary-button{color:#0f172a;background:#e2e8f0}.secondary-link{color:#0f172a;background:#e2e8f0;border-radius:12px;justify-content:center;align-items:center;padding:.8rem 1rem;font-weight:600;display:inline-flex}.danger-button{background:#dc2626}.checkbox-row{align-items:center;gap:.75rem;display:flex}.checkbox-row input{width:auto;margin:0}.radio-row{cursor:pointer;align-items:center;gap:.5rem;margin-bottom:.25rem;font-weight:400;display:flex}.radio-row input[type=radio]{width:auto;margin:0}.range-field{gap:.35rem;display:grid}.range-heading,.range-control{align-items:center;display:flex}.range-heading{justify-content:space-between;gap:1rem}.range-heading output{color:#3730a3;text-align:center;background:#eef2ff;border-radius:8px;min-width:3rem;padding:.15rem .5rem;font-weight:700}.range-control{color:#64748b;gap:.75rem;font-size:.85rem}.range-control input[type=range]{accent-color:#4338ca;background:0 0;border:0;flex:1;width:auto;margin:0;padding:0}.auth-shell{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-shell .form-card{border-radius:24px;width:min(460px,100%);padding:1.75rem}.call-placeholder{max-width:640px}.call-status-card{flex-direction:column;gap:.75rem;display:flex}.call-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:1rem;display:grid}.call-layout--with-vocab{grid-template-columns:minmax(0,1.6fr) minmax(220px,.7fr)}.call-debug-panel,.transcript-panel,.vocab-panel{min-height:520px}.transcript-panel,.vocab-panel,.call-debug-panel{flex-direction:column;gap:1rem;display:flex}.transcript-panel--hidden{justify-content:center}.live-recognition-panel{background:linear-gradient(#eef2ff 0%,#f8fafc 100%);border:1px dashed #c7d2fe;border-radius:16px;gap:.6rem;padding:1rem;display:grid}.live-recognition-text{color:#312e81;word-break:break-word;margin:0;font-size:1.05rem;line-height:1.6}.transcript-list,.vocab-list{max-height:720px;overflow:auto}.btn-speak{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.15rem .35rem;font-size:1rem;line-height:1;transition:background .15s}.btn-speak:hover{background:#eef2ff}.btn-speak--active{opacity:.6;cursor:not-allowed}.transcript-bubble.user{background:#eef2ff}.transcript-bubble.assistant{background:#f8fafc}.vocab-group{border-bottom:1px solid #e2e8f0;padding-bottom:1rem}.vocab-group:last-child{border-bottom:none;padding-bottom:0}.vocab-item{background:#f8fafc;border-radius:16px;padding:.9rem 1rem}.vocab-item p{margin:.5rem 0}.speaking{color:#312e81;background:#c7d2fe}@media (width<=860px){.app-header,.header-actions,.two-column,.call-layout,.call-layout--with-vocab{flex-direction:column;grid-template-columns:1fr}.tab-nav{overflow-x:auto}}