@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{color:#f5f5f5;font-synthesis:none;text-rendering:optimizelegibility;--black:#080808;--paper:#f5f5f5;--carbon:#171817;--line:#f5f5f533;--muted:#9b9d9a;--yellow:#e0ff4f;--cyan:#0ff;--pink:#ff1493;--blue:#4363d8;--red:#e6194b;--mono:"JetBrains Mono", ui-monospace, monospace;background:#080808;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--black);min-width:0;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.splash{background:radial-gradient(circle at 70% 20%, #00ffff14, transparent 28%), var(--black);align-content:center;place-items:center;gap:72px;min-height:100vh;padding:32px;display:grid}.splash-sign{border-left:8px solid var(--yellow);padding:24px 32px;position:relative}.splash-sign span{color:var(--cyan);font:600 18px var(--mono);position:absolute;top:-50px;right:-62px}.splash-sign h1{letter-spacing:-.08em;margin:0;font-size:clamp(64px,13vw,156px);line-height:.8}.splash-sign p{color:var(--yellow);font:14px var(--mono);margin:22px 0 0}.splash-note{color:#c8c8c8;max-width:360px;font-size:18px}.center-state{place-content:center;min-height:100vh;padding:32px;display:grid}.center-state h1{margin:12px 0 4px}.center-state p{color:var(--muted)}.setup-screen{background:linear-gradient(90deg, transparent 0 49%, #00ffff1f 49% 49.2%, transparent 49.2%), var(--black);place-items:center;min-height:100vh;padding:32px 16px;display:grid}.setup-panel{border-top:8px solid var(--yellow);width:min(680px,100%);padding:36px 0}.setup-panel h1{letter-spacing:-.06em;max-width:620px;margin:20px 0;font-size:clamp(38px,7vw,68px);line-height:.98}.lede{color:#d1d1d1;max-width:590px;font-size:19px;line-height:1.5}.setup-actions{flex-wrap:wrap;gap:12px;margin:42px 0 24px;display:flex}.small-note{color:var(--muted);font:12px/1.6 var(--mono);max-width:520px}.eyebrow{color:var(--cyan);font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;display:block}.back-link{color:var(--muted);background:0 0;border:0;margin-bottom:30px;padding:0}.form-panel{max-width:720px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;margin:30px 0;display:grid}.field{color:#d5d5d5;gap:8px;font-size:14px;display:grid}.field>span{color:var(--muted);font:11px var(--mono);text-transform:uppercase;letter-spacing:.06em}.field input,.field select,.field textarea,.token-form input{color:var(--paper);border:1px solid var(--line);background:#ffffff0f;border-radius:0;min-height:46px;padding:13px 14px}.field textarea{resize:vertical;min-height:110px}.field input::placeholder,.field textarea::placeholder{color:#686a68}.check-row{color:#c9c9c9;align-items:flex-start;gap:10px;margin:22px 0 28px;font-size:14px;line-height:1.4;display:flex}.check-row input,.attribute-list input{accent-color:var(--yellow);margin-top:3px}.primary-button,.secondary-button,.signal-button,.danger-button,.quiet-button,.small-button{border:1px solid #0000;border-radius:0;min-height:44px;padding:11px 16px;font-weight:700}.primary-button{background:var(--yellow);color:var(--black)}.secondary-button{color:var(--paper);border-color:var(--line);background:0 0}.secondary-button span{color:var(--muted);font:10px var(--mono);margin-top:4px;display:block}.signal-button{background:var(--pink);color:#fff}.signal-button.recording{background:var(--cyan);color:var(--black)}.quiet-button{color:var(--muted);border-color:var(--line);background:0 0}.danger-button{color:#ff809a;background:0 0;border-color:#ff149380}.small-button{min-height:38px;color:var(--paper);border-color:var(--line);background:0 0;padding:8px 10px;font-size:12px}.small-button.bright{background:var(--yellow);color:var(--black);border-color:var(--yellow)}.error-text{color:#ff809a;font-size:12px}.app-frame{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.rail{border-right:1px solid var(--line);background:#050505;flex-direction:column;gap:16px;padding:24px 18px 18px;display:flex}.brand-mark{align-items:center;gap:14px;margin-bottom:28px;display:flex}.brand-mark>span{background:var(--yellow);color:#080808;place-items:center;width:44px;height:44px;font-size:30px;font-weight:700;display:grid}.brand-mark strong{font-size:20px;display:block}.brand-mark small{color:var(--muted);font:10px/1.3 var(--mono)}.rail-label{color:var(--muted);font:10px var(--mono);text-transform:uppercase}.environment-select{color:var(--paper);border:1px solid var(--line);background:#111;border-radius:0;width:100%;padding:10px}.rail-status{color:var(--muted);font:10px var(--mono);align-items:center;gap:8px;margin-bottom:24px;display:flex}.status-dot{background:var(--yellow);border-radius:50%;width:7px;height:7px}nav{gap:4px;display:grid}.nav-item{color:#a8aaa8;text-align:left;background:0 0;border:0;border-left:3px solid #0000;grid-template-columns:32px 1fr;align-items:center;padding:12px 8px;display:grid}.nav-item span{color:#676967;font:10px var(--mono)}.nav-item:hover,.nav-item.selected{color:#fff;border-left-color:var(--yellow);background:#e0ff4f14}.nav-item.selected span{color:var(--yellow)}.rail-footer{border-top:1px solid var(--line);color:#c6c6c6;gap:5px;margin-top:auto;padding-top:16px;font-size:12px;display:grid}.rail-footer .eyebrow{font-size:9px}.work-area{background:var(--black);min-width:0}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:24px;min-height:112px;padding:24px clamp(18px,4vw,54px);display:flex}.topbar h1{letter-spacing:-.04em;margin:8px 0 0;font-size:30px}.topbar-actions{align-items:center;gap:12px;display:flex}.record-state{color:var(--muted);font:10px var(--mono)}.notice{border-left:4px solid var(--yellow);color:#e9f2bd;background:#e0ff4f17;margin:16px clamp(18px,4vw,54px) 0;padding:12px 14px;font-size:13px}.page-content{max-width:1500px;padding:36px clamp(18px,4vw,54px) 48px}.page-intro{justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px;display:flex}.page-intro h2{letter-spacing:-.07em;max-width:760px;margin:12px 0;font-size:clamp(32px,5vw,64px);line-height:.94}.page-intro p{color:#b9bbb9;max-width:700px;margin:0;line-height:1.5}.intro-actions{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.work-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:44px;display:grid}.work-field{border-top:5px solid var(--yellow);background:#111;min-height:260px}.work-field.tone-cyan{border-top-color:var(--cyan)}.work-field.tone-pink{border-top-color:var(--pink)}.field-heading{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:16px;display:flex}.field-heading h3{margin:0;font-size:17px}.field-heading span{color:var(--muted);font:10px var(--mono)}.empty-state{color:var(--muted);gap:7px;padding:26px 16px;display:grid}.empty-state strong{color:#dbdddb;font-size:14px}.empty-state span{font-size:13px;line-height:1.4}.work-row,.ledger-row,.handoff-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:16px;display:flex}.work-row h4,.ledger-row h3,.handoff-row h3{margin:7px 0;font-size:16px}.work-row p,.ledger-row p,.handoff-row p{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.row-actions{flex-wrap:wrap;justify-content:end;align-items:center;gap:6px;display:flex}.state-badge{color:var(--yellow);font:10px var(--mono);white-space:nowrap;border:1px solid #e0ff4f59;padding:6px 8px}.state-badge.rose{color:#ff8dc6;border-color:#ff149373}.state-completed{opacity:.58}.state-completed h4{text-decoration:line-through}.section-label{color:var(--muted);font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:9px;margin:18px 0 12px;display:flex}.section-label span{background:var(--cyan);width:22px;height:4px}.timeline{border-top:1px solid var(--line)}.timeline-row{border-bottom:1px solid var(--line);grid-template-columns:14px 1fr auto;align-items:start;gap:12px;padding:14px 0;display:grid}.timeline-mark{background:var(--yellow);width:10px;height:10px;margin-top:4px}.timeline-mark.voice{background:var(--pink)}.timeline-mark.source{background:var(--cyan)}.timeline-row strong{font-size:13px}.timeline-row p{color:var(--muted);margin:5px 0 0;font-size:12px}.timeline-row time{color:var(--muted);font:10px var(--mono)}.inline-form,.token-form{border:1px solid var(--line);background:#111;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:24px;padding:16px;display:flex}.inline-form .field{flex:180px}.token-form{max-width:630px}.token-form .field{width:180px}.warning-banner{border-left:4px solid var(--pink);color:#ffd6e9;background:#ff14931f;margin-bottom:20px;padding:12px 14px;font-size:13px}.token-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.token-tile{border:1px solid var(--line);background:#111;grid-template-columns:96px 1fr;gap:16px;padding:16px;display:grid}.token-tile.needs-review{border-color:#ff14938c}.token-number{font:600 86px/.8 var(--mono);color:var(--cyan);letter-spacing:-.12em}.token-copy h3{margin:6px 0;font-size:16px}.token-copy p{color:var(--muted);margin:0;font-size:12px}.attribute-list{border-top:1px solid var(--line);color:#c4c4c4;grid-column:1/-1;gap:8px;padding-top:14px;font-size:12px;display:grid}.attribute-list label{gap:8px;display:flex}.ledger,.handoff-list,.faces-ledger,.question-list{border-top:1px solid var(--line)}.ledger-row,.handoff-row{align-items:center}.question-row{border-bottom:1px solid var(--line);grid-template-columns:62px minmax(0,760px);gap:20px;padding:22px 0;display:grid}.question-number{color:var(--yellow);font:22px var(--mono)}.question-body h3{margin:9px 0 14px;font-size:18px;line-height:1.3}.question-body textarea{width:100%;color:var(--paper);border:1px solid var(--line);resize:vertical;background:#111;border-radius:0;min-height:90px;padding:12px}.question-actions{align-items:center;gap:12px;margin-top:10px;display:flex}.question-actions span{color:var(--muted);font:10px var(--mono)}.face-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:16px 0;display:flex}.face-initial{width:40px;height:40px;color:var(--black);background:var(--cyan);place-items:center;font-weight:700;display:grid}.face-row h3{margin:0 0 4px;font-size:16px}.face-row p{color:var(--muted);margin:0;font-size:12px}.face-row .state-badge{margin-left:auto}.maintenance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.maintenance-panel{border-top:4px solid var(--cyan);background:#111;align-content:start;gap:14px;padding:20px;display:grid}.maintenance-panel p{color:var(--muted);margin:0 0 10px;font-size:13px;line-height:1.5}.danger-panel{border-top-color:var(--pink)}.safety-footer{border-top:1px solid var(--line);color:#747674;font:10px/1.5 var(--mono);padding:16px clamp(18px,4vw,54px)}@media (width<=980px){.app-frame{grid-template-columns:1fr}.rail{z-index:2;border-right:0;border-bottom:1px solid var(--line);padding:10px 14px;display:block;position:sticky;top:0}.brand-mark{vertical-align:middle;margin:0 18px 0 0;display:inline-flex}.brand-mark>span{width:34px;height:34px;font-size:22px}.brand-mark small,.rail-label,.rail-status,.rail-footer{display:none}.environment-select{vertical-align:middle;width:min(260px,100% - 120px)}nav{margin-top:10px;display:flex;overflow-x:auto}.nav-item{border-bottom:3px solid #0000;border-left:0;min-width:max-content}.nav-item.selected{border-bottom-color:var(--yellow)}.nav-item span{display:none}.work-fields,.maintenance-grid{grid-template-columns:1fr}.topbar{min-height:92px}}@media (width<=620px){.topbar,.page-intro{display:block}.topbar-actions,.intro-actions{justify-content:start;margin-top:18px}.page-intro h2{font-size:41px}.form-grid{grid-template-columns:1fr}.work-row,.ledger-row,.handoff-row{display:block}.row-actions{justify-content:start;margin-top:14px}.question-row{grid-template-columns:38px 1fr;gap:8px}.question-number{font-size:16px}.token-tile{grid-template-columns:74px 1fr}.token-number{font-size:64px}.record-state{display:none}}.mobile-nav{display:none}.nav-item:disabled{opacity:.38;cursor:not-allowed}.action-guide{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:-10px 0 24px;display:grid}.action-guide>div{background:#0d0d0d;gap:5px;padding:14px 16px;display:grid}.action-guide strong{color:var(--paper);font-size:13px}.action-guide span{color:var(--muted);font-size:12px;line-height:1.45}.patient-form{border:1px solid var(--line);border-top:4px solid var(--cyan);background:#0d0d0d;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 28px;padding:20px;display:grid}.patient-form-heading{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:start;gap:20px;padding-bottom:16px;display:flex}.patient-form-heading h3{margin:6px 0;font-size:24px}.patient-form-heading p{color:var(--muted);margin:0;font-size:13px}.patient-form textarea{resize:vertical;min-height:92px}.patient-form>.primary-button{justify-self:start}.text-button{min-height:44px;color:var(--cyan);text-align:left;font:11px var(--mono);background:0 0;border:0;padding:8px 0}.progress-note{border-left:4px solid var(--yellow);background:#e0ff4f14;align-self:end;min-width:128px;padding:10px 12px}.progress-note strong{color:var(--yellow)}@media (width<=980px){.rail{grid-template-columns:auto minmax(180px,1fr);align-items:center;gap:10px 14px;display:grid}.rail nav{display:none}.brand-mark{margin:0}.environment-select{width:100%}.mobile-nav{color:var(--muted);font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.mobile-nav select{border:1px solid var(--line);width:100%;min-width:0;min-height:44px;color:var(--paper);font:600 15px var(--sans);text-transform:none;letter-spacing:0;background:#111;border-radius:0;padding:10px 12px}}@media (width<=620px){.rail{grid-template-columns:1fr}.brand-mark,.environment-select,.mobile-nav{grid-column:1}.action-guide,.patient-form{grid-template-columns:1fr}.patient-form-heading{display:block}.patient-form-heading .quiet-button{margin-top:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.work-cluster{border-bottom:1px solid var(--line)}.cluster-heading{color:var(--cyan);font:11px var(--mono);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;gap:12px;padding:12px 16px 8px;display:flex}.cluster-heading span{color:var(--muted)}
