:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;--page-text: #0f172a;--page-bg-start: #f8fafc;--page-bg-end: #e2e8f0;--surface: #ffffff;--surface-muted: #f8fafc;--border: #cbd5e1;--hint-text: #334155;--input-bg: #ffffff;--input-border: #cbd5e1;--code-bg: #e2e8f0;--btn-primary-bg: #0f172a;--btn-secondary-bg: #475569;--btn-secondary-active-bg: #334155;--btn-text: #ffffff;--meta-text: #0f172a;--error-text: #b91c1c;--backdrop-bg: rgba(15, 23, 42, .55);--tone-idle-bg: #334155;--tone-working-bg: #1d4ed8;--tone-connected-bg: #047857;--tone-error-bg: #b91c1c}:root[data-theme=dark]{--page-text: #e2e8f0;--page-bg-start: #020617;--page-bg-end: #0f172a;--surface: #0f172a;--surface-muted: #1e293b;--border: #334155;--hint-text: #cbd5e1;--input-bg: #1e293b;--input-border: #475569;--code-bg: #334155;--btn-primary-bg: #1d4ed8;--btn-secondary-bg: #334155;--btn-secondary-active-bg: #1e293b;--btn-text: #ffffff;--meta-text: #e2e8f0;--error-text: #f87171;--backdrop-bg: rgba(2, 6, 23, .78);--tone-idle-bg: #475569;--tone-working-bg: #2563eb;--tone-connected-bg: #059669;--tone-error-bg: #dc2626}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-height:100vh;color:var(--page-text);background:linear-gradient(160deg,var(--page-bg-start) 0%,var(--page-bg-end) 100%);overflow:hidden}h1,h2,h3,p{margin:0}label{display:block;margin-top:.9rem;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input,select,textarea{width:100%;margin-top:.35rem;border:1px solid var(--input-border);border-radius:.65rem;padding:.62rem .75rem;font:inherit;color:var(--page-text);background:var(--input-bg)}button{border:0;border-radius:.65rem;padding:.62rem .95rem;background:var(--btn-primary-bg);color:var(--btn-text);font-weight:600;cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}.secondary{background:var(--btn-secondary-bg)}.secondary-active{background:var(--btn-secondary-active-bg)}.active-talk{background:#b91c1c}code{background:var(--code-bg);border-radius:.3rem;padding:.1rem .28rem}.hint{color:var(--hint-text)}.error{color:var(--error-text)}.meta{font-family:Consolas,Courier New,monospace;color:var(--meta-text);font-size:.9rem}.beta-gate-shell{height:100%;min-height:100vh;display:grid;place-items:center;padding:1.2rem}.beta-gate-card{width:min(100%,24rem);border:1px solid var(--border);border-radius:1rem;padding:1rem 1rem 1.15rem;background:var(--surface);box-shadow:0 12px 30px #0f172a1f}.beta-gate-card h1{font-size:1.2rem;margin-bottom:.35rem}.beta-gate-card button{margin-top:.75rem;width:100%}.beta-gate-error{margin-top:.5rem}.app-shell{height:100%;min-height:0;display:flex;flex-direction:column;gap:0;overflow:hidden}.top-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.25rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand-block h1{font-size:1.18rem}.brand-block p{margin-top:.15rem;font-size:.82rem;color:var(--hint-text)}.top-actions{display:flex;align-items:center;gap:.5rem}.status-pill{padding:.42rem .7rem;border-radius:999px;color:#fff;font-size:.83rem;font-weight:700}.tone-idle{background:var(--tone-idle-bg)}.tone-working{background:var(--tone-working-bg)}.tone-connected{background:var(--tone-connected-bg)}.tone-error{background:var(--tone-error-bg)}.main-layout{flex:1;min-height:0;display:grid;grid-template-columns:18.5rem minmax(0,1fr);gap:1rem;padding:0 1.25rem;align-items:stretch;overflow:hidden}.filter-rail{min-height:0;height:100%}.filter-rail .panel-card{height:100%;display:flex;flex-direction:column;overflow:auto}.filter-topics{min-height:8.3rem}.filter-subtopic-block{display:flex;flex-direction:column;flex:1;min-height:0}.filter-subtopics{flex:1;min-height:12rem;height:100%}.filter-summary{margin-top:.75rem}.conversation-stack{display:flex;flex-direction:column;gap:1rem;height:100%;min-height:0;overflow:hidden}.conversation-main{flex:1;min-height:0;display:flex;gap:1rem;overflow:hidden}.panel-card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1rem;box-shadow:0 10px 28px #0f172a14}.panel-card h2{font-size:1rem;margin-bottom:.35rem}.panel-header{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start}.transcript-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.transcript-scroll{flex:1;min-height:0;margin-top:.7rem;padding-right:.2rem;overflow:auto;display:flex;flex-direction:column;gap:.65rem}.bubble{width:min(100%,46rem);border-radius:.95rem;border:1px solid var(--border);padding:.6rem .75rem;background:var(--surface-muted)}.bubble-you{align-self:flex-end}.bubble-agent{align-self:flex-start}.bubble-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.24rem;font-size:.73rem;color:var(--hint-text)}.bubble p{font-size:.95rem;line-height:1.4}.exam-details-panel{width:20rem;min-width:18rem;max-width:22rem;min-height:0;display:flex;flex-direction:column;overflow:hidden}.exam-details-header{align-items:center}.exam-details-scroll{flex:1;min-height:0;margin-top:.6rem;padding-right:.2rem;overflow:auto;display:flex;flex-direction:column;gap:.6rem}.exam-question-card{border:1px solid var(--border);border-radius:.7rem;padding:.55rem .6rem;background:var(--surface-muted)}.exam-question-header{display:flex;justify-content:space-between;gap:.5rem;font-size:.76rem;color:var(--hint-text)}.exam-score-bar{margin:.38rem 0 .45rem;width:100%;height:.35rem;border-radius:999px;background:color-mix(in srgb,var(--border) 75%,transparent);overflow:hidden}.exam-score-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#10b981)}.exam-question-text{font-size:.82rem;line-height:1.3;margin-bottom:.3rem}.exam-question-label{margin-top:.32rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--hint-text)}.exam-question-value{margin-top:.08rem;font-size:.76rem;line-height:1.25}.exam-question-meta{margin-top:.25rem;font-size:.72rem;color:var(--hint-text)}.compact-stats{display:flex;flex-direction:column;gap:.28rem}.dev-panel h3{margin:0 0 .35rem;font-size:.86rem}.dev-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.log{margin:0;padding-left:1rem;max-height:12rem;overflow:auto}.log li{margin-bottom:.25rem;font-family:Consolas,Courier New,monospace;font-size:.84rem}.control-bar{position:sticky;bottom:0;z-index:30;padding:.75rem 1.25rem 1rem;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:.5rem}.control-row{display:flex;flex-wrap:nowrap;gap:.55rem;align-items:center;overflow-x:auto;padding-bottom:.15rem}.control-row button,.control-row .meta{flex:0 0 auto}.inline-meta{margin-left:auto;font-size:.85rem}.typed-input-inline{display:flex;align-items:center;gap:.35rem;min-width:18rem;flex:0 0 auto}.typed-input-inline input{margin-top:0;min-width:9.5rem;height:2.05rem;line-height:1.1;padding:.35rem .55rem;border-radius:.55rem}.typed-input-inline button{flex:0 0 auto}.icon-send-button{display:inline-flex;align-items:center;justify-content:center;width:2.05rem;height:2.05rem;padding:.35rem}.send-icon{width:1.05rem;height:1.05rem}.multi-select{min-height:8.3rem}audio{display:none}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:1rem;background:var(--backdrop-bg)}.settings-modal{width:min(100%,38rem);max-height:calc(100vh - 2rem);overflow-y:auto;border:1px solid var(--border);border-radius:1rem;padding:1rem 1.2rem 1.3rem;background:var(--surface);box-shadow:0 16px 45px #0f172a59}.settings-lock-pop{margin:.55rem 0 .8rem;padding:.5rem .62rem;border-radius:.55rem;border:1px solid var(--border);background:var(--surface-muted);color:var(--hint-text);font-size:.83rem}.settings-control-wrap{position:relative}.settings-control-wrap select{margin-top:.35rem}.settings-toggle-row{margin-top:.4rem;display:flex;align-items:flex-start;gap:.55rem}.settings-toggle-row input[type=checkbox]{width:auto;margin-top:.1rem}.settings-disabled-overlay{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;border:0;border-radius:.65rem;padding:0;background:transparent;cursor:not-allowed;z-index:1}.actions{display:flex;flex-wrap:wrap;gap:.55rem}.controls{margin-top:.6rem}@media(max-width:980px){.main-layout{grid-template-columns:1fr}.filter-rail{position:static}.panel-header,.conversation-main{flex-direction:column}.exam-details-panel{width:100%;min-width:0;max-width:none;min-height:15rem;max-height:18rem}.dev-columns{grid-template-columns:1fr}}@media(max-width:720px){.top-bar{flex-direction:column;align-items:flex-start}.top-actions{width:100%;flex-wrap:wrap}.control-bar{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.inline-meta{margin-left:0}.typed-input-inline{min-width:100%}}