/* Spatial workspace: softly lit surfaces with a readable, quiet control layer. */
:root{--bg:#e8edf7;--ink:#182845;--muted:#506582;--line:#cdd9ec;--blue:#205cd7;--radius:20px;--shadow:9px 12px 26px #8ca1c429,-5px -5px 18px #ffffffb5}
html,body{font-size:16px;line-height:1.55;background:radial-gradient(ellipse at 8% 0,#e4ddfa,transparent 45%),radial-gradient(ellipse at 95% 75%,#d6e9f6,transparent 50%),#e8edf7;background-attachment:fixed;color:var(--ink)}
button,input,textarea,select{accent-color:#205cd7}button{min-height:44px;transition:box-shadow .2s,background .2s,transform .2s}button:hover:not(:disabled){box-shadow:0 4px 14px #3865ac26;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:default;opacity:.6}:focus-visible{outline:3px solid #174ebc!important;outline-offset:4px!important}h1,h2,h3{letter-spacing:-.025em}.muted{color:var(--muted);font-size:14px;line-height:1.6}
.app-shell{max-width:1680px;margin:24px auto;padding:0;gap:0;grid-template-columns:225px minmax(0,1fr);min-height:calc(100vh - 48px);background:#f6f9ff9c;border:1px solid #fff;border-radius:28px;box-shadow:0 25px 80px #5b73962b,inset 0 1px 0 #fff;backdrop-filter:blur(24px)}
.sidebar{padding:25px 14px 18px;background:linear-gradient(140deg,#ffffffc9,#eef3fb9c);border-radius:28px 0 0 28px;border-right:1px solid #fff;box-shadow:4px 0 16px #8199bf0a;top:24px;height:calc(100vh - 48px)}.brand{font-size:24px;letter-spacing:-1px;padding:4px 9px 28px}.brand-mark{font:700 48px/1 Arial;color:#376aee;text-shadow:0 2px 0 #fff,0 5px 9px #7391e54d}.nav-label{font-size:11px;letter-spacing:2px;color:#637899;margin-bottom:10px}.nav-item{padding:13px 11px;font-size:14px;gap:11px;border:1px solid transparent;border-radius:12px;margin-bottom:5px;color:#425d81}.nav-item.active{background:linear-gradient(125deg,#fcfdff,#dbe7ff);border-color:#fff;color:#1f53b9;box-shadow:4px 5px 12px #9cadce40,inset 0 1px 0 #fff}.sidebar-bottom{padding-top:30px;gap:16px}.gentle-note{padding:19px 13px;background:linear-gradient(125deg,#e6edff,#efeafa);border:1px solid #fff;box-shadow:inset 0 1px 0 #fff;border-radius:16px}.gentle-note p{font-size:14px;line-height:1.6}.user-card{min-width:0;background:#ffffffa6;box-shadow:3px 5px 12px #b1bdd22b;border-color:white}.user-card>span:nth-child(2){min-width:0}.user-card strong,.user-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card small{font-size:12px}.avatar{flex-shrink:0;background:linear-gradient(135deg,#fff,#c2d8fa);box-shadow:2px 3px 6px #7895bf40,inset 1px 1px 2px #fff}
main{padding:27px 26px 20px}.page-header{padding:0 0 20px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;color:#52698d}h1{font-size:30px;margin:5px 0;line-height:1.3}.page-header p{font-size:15px}.header-note{font-family:Georgia,serif;font-style:italic;color:#5a739b;font-size:16px}.header-note i{border-top:2px solid #6188de;width:60px;display:block;margin:10px 0 0 auto;transform:rotate(-4deg)}
.panel{border:1px solid #fff;background:linear-gradient(130deg,#ffffffee,#f5f8ffde);box-shadow:var(--shadow);padding:19px;border-radius:20px;min-width:0}.panel h2{font-size:17px}.panel-heading{flex-wrap:wrap;gap:8px;margin-bottom:10px}.panel-heading h2 [data-icon]{color:#2465e4}.pill{font-size:12px;color:#12653f;background:#def4e9;padding:5px 10px}.pill.grey{color:#50617f}.view{gap:18px}.live-grid{grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr);gap:18px}.observation-column{gap:18px}
.camera-panel{border:6px solid #ffffffeb;outline:1px solid #d9e2f4;box-shadow:10px 13px 25px #7089b536,inset 0 1px 0 #fff;border-radius:23px;background:radial-gradient(ellipse at 78% 38%,#ece4ff,#dce6f8 45%,#e9f0f9);aspect-ratio:auto;min-height:380px}.camera-empty{padding:70px 28px 46px;align-items:flex-start;text-align:left;color:#3d597f;isolation:isolate}.camera-empty h2{color:#263f68;font-size:26px;line-height:1.3;max-width:52%;margin:10px 0}.camera-empty p{color:#4f698c;font-size:14px;line-height:1.7;max-width:52%;margin-bottom:15px}.camera-empty small{font-size:12px;color:#506987;max-width:52%}.camera-symbol{display:none}.spatial-scene{position:absolute;right:-7%;top:4%;width:67%;height:94%;z-index:-1;pointer-events:none}.spatial-scene canvas{width:100%;height:100%;display:block}.camera-cta{background:linear-gradient(#fff,#eaf0fc);border-color:#fff!important;color:#2458ac;box-shadow:5px 7px 13px #7490ba38,inset 0 1px 0 white;font-size:14px}.camera-toolbar{left:10px;right:10px;top:10px;gap:6px;z-index:3}.status-chip{border:1px solid #fff;border-radius:9px;font-size:12px;padding:7px 9px;gap:6px;background:linear-gradient(#fffffff2,#eaf0f9ed);box-shadow:3px 4px 8px #7a90b32b;min-height:38px}.status-chip [data-icon]{width:15px;height:15px}.status-chip.on{background:#ddf7e9;color:#146841}.status-chip.purple{background:#f0e6fc;color:#6940a9}.camera-status{top:auto;bottom:10px;right:10px;font-size:10px;background:#ffffffe0;color:#496182;z-index:2}.camera-status.live{background:#163b51;color:white}.camera-foot{bottom:10px;left:10px;font-size:11px;color:#3f5878;background:#ffffffd9;border-radius:7px;padding:5px 8px;z-index:2}.camera-panel .overlay{z-index:1}.object-tags{bottom:48px;pointer-events:none;z-index:2}.object-tag{font-size:12px}
.context-grid{gap:14px}.context-grid .panel{padding:15px}.context-grid h2{font-size:14px}.transcript-panel textarea{font-size:21px;line-height:1.5;min-height:90px;resize:vertical;color:#223a5c;border-radius:7px}.transcript-panel textarea::placeholder{color:#6a7e9f}.transcript-footer{font-size:12px;line-height:1.5}.perception-panel dl>div{grid-template-columns:76px minmax(0,1fr);font-size:12px}.perception-panel dt{color:#456083}.perception-panel dt [data-icon]{width:14px;height:14px}.perception-panel dd{overflow-wrap:anywhere}.perception-panel details{font-size:13px}.perception-panel summary{min-height:32px;padding:5px 0}.perception-panel input{min-height:40px}.check-label{line-height:1.5}
.suggest-column{gap:16px}.companion-panel{grid-template-columns:90px minmax(0,1fr);padding:15px;gap:14px;background:linear-gradient(120deg,#e9efff,#ffffffed)}.companion-stage{width:90px;height:110px}.avatar-stage{border-radius:19px;background:radial-gradient(ellipse at 40% 20%,#fff,#ccdcf6);box-shadow:inset 2px 3px 9px #8199bf36,0 1px 0 white}.companion-copy strong{font-size:14px;color:#254877}.companion-copy p{font-size:14px;line-height:1.5;color:#456083}.companion-actions{gap:7px}.companion-actions .button{font-size:12px;padding:6px 10px;min-height:36px}.avatar-pick{font-size:12px;min-width:0;flex-basis:100%;order:3}.avatar-pick input{width:100%;min-width:0;font-size:12px;min-height:34px}.candidates-panel{padding:21px 18px;display:flex;flex-direction:column;flex:1}.candidates-panel h2{font-size:23px}.candidates-panel>.muted{font-size:13px}.candidates{flex:1;gap:11px}.candidate{border:1px solid #d0dcef;border-radius:12px;padding:15px 13px;gap:11px;background:linear-gradient(#fff,#f6f9ff);box-shadow:0 3px 7px #7e99c00c;min-height:56px}.candidate.selected{border-color:#4d83e7;background:linear-gradient(110deg,#e2edff,#f3f7ff);box-shadow:inset 0 1px 0 white,0 3px 9px #4a72b81a}.candidate .text{font-size:16px;font-weight:500;line-height:1.5}.candidate .radio{width:20px;height:20px;border-color:#8099bf}.candidate small{font-size:11px;line-height:1.5;color:#557097}.candidate.none{border-style:dashed;color:#4f6589}.candidate-empty{border:1px dashed #c9d7ee;border-radius:15px;background:radial-gradient(ellipse at 50% 10%,#f3f5ff,#ffffffa0);min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column}.candidate-empty h3{font-size:18px;color:#466289}.candidate-empty p{font-size:14px;line-height:1.6}.candidate-empty [data-icon]{filter:drop-shadow(0 4px 4px #7498dd40);color:#4d80d7}.confirm-row{gap:10px}.confirm-row .button{font-size:13px;padding:12px 7px;min-height:48px}.choice-note{font-size:12px;line-height:1.6;color:#50698a}
.button{border-radius:10px;font-size:14px;min-height:44px;background:linear-gradient(#fff,#eef3fc);border-color:#d8e2f2;box-shadow:2px 3px 6px #7088ad12,inset 0 1px 0 white}.button.primary{background:linear-gradient(#4a88f7,#205ddd);border-color:#2864de;box-shadow:0 5px 10px #225dc02b,inset 0 1px 1px #ffffff70;color:#fff}.button.primary:disabled{background:#b4c6e8;border-color:#aebfdf;box-shadow:none}.button.secondary{background:linear-gradient(#f8fbff,#e9f0fc);color:#355987}.button.compact{min-height:40px}.icon-button{min-width:44px}.agent-panel,.improvement-panel{grid-column:auto;padding:18px 14px}.agent-panel .panel-heading>.muted{font-size:11px;margin:0}.agents{gap:7px;margin-top:16px}.agent{border:1px solid #fff;border-radius:13px;padding:14px 10px;min-width:0;box-shadow:3px 4px 8px #7086ad16,inset 0 1px 1px white}.agent h3{font-size:13px;margin:10px 0 6px}.agent p{font-size:12px;line-height:1.6;overflow-wrap:anywhere;color:#466083}.agent [data-icon]{width:23px;height:23px;filter:drop-shadow(0 3px 2px #586fad22)}.agent.blue{background:linear-gradient(140deg,#fff,#e5edff)}.agent.green{background:linear-gradient(140deg,#fff,#dff3ea)}.agent.violet{background:linear-gradient(140deg,#fff,#ece2ff)}.agent.amber{background:linear-gradient(140deg,#fff,#fff0d9)}.agent-arrow{color:#5d7ba8}.improvement-panel>.muted{font-size:12px}.improvement-empty{min-height:110px}.improvement-empty strong{font-size:14px}.improvement-empty p{font-size:12px;line-height:1.6}.growth-mark{border-radius:14px;background:linear-gradient(130deg,#fff,#ded5f7);box-shadow:3px 4px 7px #8c7eaf24,inset 0 1px 0 white;width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;color:#7253b5}.before-after{width:100%;gap:8px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.ba-col{padding:12px 9px;box-shadow:inset 1px 2px 5px #7b92b516;border:1px solid #e0e7f3}.ba-col strong{font-size:12px}.bar-row{font-size:11px;grid-template-columns:minmax(0,1fr) 34px;gap:5px}.bar-row>span:first-child{overflow-wrap:anywhere}.badges{font-size:11px;gap:5px}.badge{border:1px solid #ffffffa0;border-radius:6px;padding:4px 7px}.reflection{font-size:12px;line-height:1.6}.speech-bar{padding:13px;margin-top:0;gap:13px;border-radius:17px}.speech-avatar{width:44px;height:44px;padding:9px;border:3px solid #dceaff;border-radius:50%;flex-shrink:0;background:linear-gradient(#73acff,#266ae5);color:white;box-shadow:3px 4px 7px #4168aa30,inset 0 1px 2px white}.confirmed-copy{min-width:0;gap:5px}.confirmed-copy small{font-size:12px}.confirmed-copy strong{font-size:16px;line-height:1.5;overflow-wrap:anywhere}.waveform{color:#7c71dd;letter-spacing:2px;font-size:18px}.speech-bar>.primary{min-width:175px}.quick-row{font-size:12px;margin-top:0;align-items:flex-start}.quick-row>span{padding-top:11px}.quick-row div{gap:8px}.quick{font-size:14px;background:linear-gradient(#fff,#edf2fc);border-color:#fff;padding:9px 14px;box-shadow:3px 4px 7px #8b9ebb25}footer{font-size:11px;color:#526b8d;padding-top:17px;border-top:1px solid #d3dff0}.setup-panel{max-width:850px;padding:30px}.setup-panel h2{font-size:26px;margin:10px 0}.setup-panel label{font-size:15px;margin-top:22px}.setup-panel input,.setup-panel select{background:#f5f8fd;box-shadow:inset 2px 3px 7px #7d93b51a,0 1px 0 white;min-height:44px;border-color:#cbd8ec}.setup-panel input[type=checkbox]{width:22px;height:22px;min-height:22px;box-shadow:none}.setting-row{gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px}.mode-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.mode{padding:20px;border:1px solid #fff;background:linear-gradient(130deg,#fff,#eaf0fb);box-shadow:4px 6px 12px #8399bc26}.mode.selected{border-color:#6490e7;background:#e6eeff}.mode strong{font-size:15px}.mode small{font-size:13px}.row{padding:17px 14px;border-radius:13px;background:#ffffffa0}.row>div{min-width:0;overflow-wrap:anywhere}.row small{font-size:13px;line-height:1.6;margin-top:6px}.forget{min-height:44px}.stat,.metric{padding:18px;border:1px solid #fff;background:linear-gradient(125deg,#fff,#edf3ff);box-shadow:3px 5px 12px #738fb51a}.stat strong{font-size:28px;color:#275dba;margin:5px 0}.stat small,.stat em{font-size:13px}#eval{overflow-x:auto}table{font-size:13px}th,td{padding:13px 10px}.msg-head{flex-wrap:wrap}.msg-head code{margin-left:0}.msg-body{overflow-wrap:anywhere}.msg pre{max-width:100%}dialog{border:1px solid white;border-radius:20px;padding:26px;background:#f9fbff;box-shadow:0 25px 100px #223e7655}dialog::backdrop{background:#22395766;backdrop-filter:blur(6px)}dialog textarea{min-height:130px}summary{cursor:pointer}
.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:#fff;color:#174cb1;padding:12px 20px;border-radius:8px}.skip-link:focus{top:12px}.access-toolbar{display:flex;align-items:center;gap:8px;margin:0 0 18px;flex-wrap:wrap}.access-toolbar>span{font-size:12px;color:#516b8d;margin-right:5px}.access-toolbar button{font-size:12px;min-height:36px;padding:7px 12px;border:1px solid #fff;border-radius:20px;background:#ffffffaa;color:#355881;box-shadow:2px 3px 7px #8095b51a}.access-toolbar button[aria-pressed=true]{background:#215bcc;color:#fff;border-color:#215bcc}.large-text{font-size:19px}.large-text .candidate .text,.large-text .confirmed-copy strong,.large-text .nav-item,.large-text .muted,.large-text .companion-copy p{font-size:18px}.large-text .candidate small,.large-text .agent p,.large-text .perception-panel dl>div,.large-text .choice-note,.large-text .transcript-footer{font-size:15px}.high-contrast{--ink:#0b1e39;--muted:#263f61;--line:#536887;--shadow:none}.high-contrast .panel,.high-contrast .sidebar,.high-contrast .candidate,.high-contrast .agent{background:#fff;border:1px solid #536887;box-shadow:none}.high-contrast .candidate.selected,.high-contrast .nav-item.active{background:#deebff;border:2px solid #17489c}.high-contrast .muted,.high-contrast small,.high-contrast p,.high-contrast .choice-note{color:#263f61}.high-contrast .camera-empty{background:#eaf0fb}.high-contrast .spatial-scene{opacity:.25}.still-ui *, .still-ui *::before,.still-ui *::after{animation:none!important;transition:none!important}
@media(max-width:1350px){.app-shell{margin:12px;grid-template-columns:195px minmax(0,1fr)}.sidebar{top:12px;height:calc(100vh - 24px);padding:24px 10px}.nav-item{font-size:13px;gap:8px}main{padding:24px 18px 18px}.live-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:15px}.context-grid{grid-template-columns:1fr}.camera-panel{min-height:370px}.camera-empty{padding-left:20px}.camera-empty h2{font-size:22px}.camera-toolbar .purple{display:none}.agent-panel,.improvement-panel{grid-column:1/-1}.waveform{display:none}.agent p{font-size:13px}.header-note{font-size:14px}.improvement-empty{min-height:70px}.status-chip{font-size:11px}.camera-empty p{font-size:13px}}
@media(max-width:1050px){.app-shell{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding:24px 9px}.brand{font-size:0;padding:0 0 28px;justify-content:center}.brand-mark{font-size:44px}.nav-label,.nav-item>span:last-child{display:none}nav{flex-direction:column}.nav-item{justify-content:center;padding:14px}.nav-item [data-icon]{width:21px;height:21px}.gentle-note{display:none}.user-card{padding:10px;justify-content:center}.user-card>span:not(.avatar){display:none}.live-grid{grid-template-columns:1fr}.context-grid{grid-template-columns:1fr 1fr}.camera-panel{min-height:355px}.camera-empty{padding-left:35px}.camera-empty h2{font-size:28px}.camera-empty p{font-size:15px}.camera-toolbar .purple{display:inline-flex}.suggest-column{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);align-items:start}.companion-panel{grid-template-columns:1fr;text-align:center}.companion-stage{width:130px;height:155px;margin:auto}.companion-actions{justify-content:center}.agent-panel,.improvement-panel{grid-column:auto}.header-note{display:none}.speech-bar>.primary{min-width:0}}
@media(max-width:720px){.app-shell{display:block;margin:0;border-radius:0;border:0}.sidebar{position:sticky;top:0;height:auto;padding:9px 10px;display:flex;flex-direction:row;align-items:center;border-radius:0;z-index:10;background:#f4f7fff5;border-right:0;border-bottom:1px solid #cbd9ef;backdrop-filter:blur(12px)}.brand{padding:0}.brand-mark{font-size:32px}nav{margin-left:auto;flex-direction:row;flex-wrap:nowrap;gap:0}.nav-item{padding:11px;min-width:40px;margin:0}.nav-item [data-icon]{width:18px;height:18px}.sidebar-bottom{display:none}main{padding:22px 14px}h1{font-size:27px}.page-header p{font-size:14px}.access-toolbar{gap:7px}.access-toolbar>span{width:100%}.access-toolbar button{min-height:44px;font-size:13px}.camera-panel{min-height:405px}.camera-empty{padding:150px 23px 48px;justify-content:flex-end}.camera-empty h2,.camera-empty p,.camera-empty small{max-width:100%}.camera-empty h2{font-size:23px}.camera-empty p{font-size:14px;margin-bottom:9px}.camera-empty p br{display:none}.camera-empty small{font-size:11px;margin-top:8px}.spatial-scene{top:28px;right:-5%;width:72%;height:195px;opacity:.85}.camera-empty h2{position:relative;z-index:1}.camera-toolbar{flex-wrap:wrap;gap:5px}.status-chip{font-size:11px;padding:7px;min-height:38px}.camera-toolbar .purple{display:none}.context-grid{grid-template-columns:1fr}.context-grid h2{font-size:16px}.perception-panel dl>div{font-size:14px;grid-template-columns:90px 1fr}.transcript-footer{font-size:13px}.suggest-column{display:flex}.companion-panel{grid-template-columns:86px minmax(0,1fr);text-align:left}.companion-stage{width:86px;height:110px}.companion-actions{justify-content:flex-start}.companion-copy p{font-size:14px}.candidates-panel{width:100%}.candidate small{font-size:12px}.choice-note{font-size:13px}.agents{display:grid;grid-template-columns:1fr 1fr;gap:11px}.agent-arrow{display:none}.agent h3{font-size:15px}.agent p{font-size:13px}.agent-panel .panel-heading>.muted{display:none}.speech-bar{flex-wrap:wrap}.confirmed-copy{flex-basis:70%}.speech-bar>.primary{flex:1}.quick-row>div{flex:1}.quick-row>span{width:100%}.before-after{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.bar-row{font-size:12px}.badges,.reflection{font-size:12px}.ba-arrow{display:block}.mode-grid{grid-template-columns:1fr}.setup-panel{padding:24px 19px}.row{flex-wrap:wrap}.row>div{flex-basis:70%}.eval-charts{grid-template-columns:1fr}footer>span:last-child{display:none}.button{min-height:44px}.companion-actions .button{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}