:root{
color-scheme:dark;
--ink:oklch(92% .008 155);--muted:oklch(72% .012 155);
--line:oklch(29% .012 155);--paper:oklch(14% .008 155);
--surface:oklch(18% .009 155);--raised:oklch(22% .012 155);
--green:oklch(81% .16 155);--soft:oklch(24% .035 155);
--navy:oklch(12% .008 155);--warn:oklch(83% .10 80);
--mono:ui-monospace,SFMono-Regular,Consolas,monospace;
}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 system-ui,sans-serif}header{height:88px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4%}.brand{display:flex;gap:16px;align-items:center;font-size:32px;font-weight:800;text-decoration:none;color:var(--green)}.brand span{font-size:15px;letter-spacing:1.5px;color:var(--ink)}.brand small{display:block;font-size:9px;letter-spacing:1.4px;color:var(--muted)}.tag,.pill{font-size:11px;letter-spacing:.6px;background:var(--soft);color:var(--green);padding:5px 9px;border-radius:4px}.tag{border:1px solid var(--line)}main{max-width:1600px;margin:auto;padding:32px 4%}.entry{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:center;max-width:1080px;margin:48px auto 70px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:750;color:var(--green)}h1,h2,h3,p{margin-top:0}.entry h1{font-size:clamp(42px,5vw,70px);line-height:1.08;letter-spacing:-3px;margin:22px 0}.intro{font-size:17px;color:var(--muted);line-height:1.8}.timeline{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;gap:40px;margin:32px 0 20px}.timeline span{color:var(--muted);font-size:12px}.timeline b{display:block;color:var(--ink);font-size:13px}.entry-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:4px}.entry-card{padding:32px;border-top:1px solid var(--line)}h2{font-size:20px;line-height:1.3}h3{font-size:15px;margin:0}label{display:block;font-size:12px;font-weight:650;margin:12px 0 6px}input,textarea,select{font:inherit;color:inherit;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:11px;min-width:0}textarea{resize:vertical}button{font:inherit;font-weight:650;background:var(--green);color:var(--paper);padding:11px 16px;border:1px solid transparent;border-radius:4px;cursor:pointer;line-height:1.4;min-height:42px}button:hover{filter:brightness(.94)}button:disabled{opacity:.55;cursor:not-allowed}.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}:focus-visible{outline:2px solid var(--green);outline-offset:3px}.entry-card button{width:100%;margin-top:12px}.muted{color:var(--muted);font-size:12px}.entry-card .muted{margin-top:18px}.session-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.session-bar h1{font-size:28px;margin:0;letter-spacing:-.8px}.session-meta{display:flex;align-items:center;gap:18px}#clock{font:32px ui-monospace,monospace}#round{font-size:12px;color:var(--muted)}.desk{display:grid;grid-template-columns:240px minmax(300px,1fr) 300px;gap:18px;align-items:start}.panel{padding:22px;min-width:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.section-title h2{margin:0}.queue{padding:16px}.queue select{margin-bottom:12px}.queue>button{width:100%;margin-bottom:18px}.ticket{display:block;width:100%;text-align:left;background:var(--surface);color:var(--ink);border:1px solid var(--line);margin-bottom:10px;padding:14px}.ticket.selected{border-color:var(--green);background:var(--soft)}.ticket small{display:block;font-size:10px;font-weight:500;color:var(--muted);margin:5px 0}.ticket strong{font-size:13px}.brief{border:1px solid var(--line);background:var(--raised);padding:16px;margin:20px 0}.brief p{margin:6px 0;font-size:13px}.brief small{color:var(--muted)}.lab{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.lab>p{font-size:12px}.editor{background:var(--navy);border-radius:5px;overflow:hidden;margin:14px 0}.editor-tab,.editor-foot{color:var(--muted);background:var(--raised);padding:8px 14px;font:11px ui-monospace,monospace}.editor-tab span{float:right}.editor textarea{border:0;border-radius:0;background:var(--navy);color:var(--green);font:14px/1.8 ui-monospace,monospace;padding:20px;tab-size:2}.editor-foot{background:var(--soft);color:var(--green);padding:5px 14px}.actions{display:flex;gap:10px;flex-wrap:wrap}.preview{border:1px solid var(--line);background:var(--navy);padding:16px;margin:20px 0}.preview span{display:block;font-size:12px;margin-bottom:10px}.preview p{font-size:12px;margin:10px 0 0}.chat h2{margin-bottom:8px}#messages{max-height:350px;overflow:auto;min-height:120px;margin:20px 0}.message{background:var(--raised);border-radius:4px;padding:12px;margin-bottom:10px;overflow-wrap:anywhere}.message b{font-size:11px}.message p{font-size:13px;white-space:pre-wrap;margin:6px 0 0}.message.bot-message{background:oklch(24% .025 80)}#chat-form button{width:100%;margin-top:8px}.bot{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.bot b{font-size:13px}.bot p{font-size:12px;color:var(--muted)}.bot button{width:100%}#empty{text-align:center;color:var(--muted);padding:70px 16px}.empty-icon{font-size:48px;color:var(--green)}#empty h2{font-size:19px;margin:20px 0}.members{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.members span{padding:12px 18px;background:var(--paper);border:1px solid var(--line);border-radius:4px}#notice{position:sticky;top:0;z-index:5;background:oklch(24% .025 80);color:var(--warn);padding:12px 4%;border-bottom:1px solid oklch(40% .045 80)}#notice:empty{display:none}dialog{width:min(560px,95vw);border:1px solid var(--line);border-radius:4px;padding:28px;color:var(--ink)}dialog::backdrop{background:oklch(10% .008 155 / .8)}dialog button[type=submit]{margin-top:18px;width:100%}#scenario-description{font-size:13px;margin-top:16px}footer{padding:24px 4%;border-top:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:1.5px;display:flex;justify-content:space-between}#scores{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0}#scores span{padding:16px;background:var(--paper)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.desk{grid-template-columns:270px minmax(350px,1fr) 340px}}@media(max-width:1100px){.desk{grid-template-columns:210px minmax(0,1fr)}.chat{grid-column:2}.entry{gap:35px}}@media(max-width:700px){header{height:75px}.tag{display:none}main{padding:24px 16px}.entry{grid-template-columns:1fr;margin:12px auto;gap:28px}.entry h1{font-size:48px}.entry-card{padding:24px}.desk{grid-template-columns:1fr}.chat{grid-column:auto}.session-bar{display:block}.session-meta{margin-top:18px;gap:12px}.session-bar h1{font-size:25px}.queue #ticket-list{max-height:260px;overflow:auto}.panel{padding:16px}.timeline{gap:24px}footer{letter-spacing:.5px;gap:18px}.actions button{flex:1}.brand small{font-size:8px}}

.room-share{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.room-share p{margin:0}.room-share button{font-size:12px;padding:8px 12px}

body{min-height:100vh;display:flex;flex-direction:column}
main{width:100%;flex:1}
header{height:76px;background:var(--navy)}
.brand{font-family:var(--mono);font-size:30px;letter-spacing:-2px}
.brand span{font-size:14px;letter-spacing:2px}
.brand small{font-size:9px;letter-spacing:1px;margin-top:3px}
.tag,.eyebrow,.pill,.ticket small,.timeline b,footer,.editor-tab,.editor-foot{font-family:var(--mono)}
.tag{background:transparent;color:var(--muted);font-size:10px}
.entry{margin-top:72px;margin-bottom:80px;gap:72px}
.entry h1{font-weight:650;font-size:60px;line-height:1.12;letter-spacing:-2.5px}
.entry h1 em{font-style:normal;color:var(--green)}
.entry .intro{font-size:16px;max-width:46ch}
.entry .timeline{gap:36px}
.timeline b{font-size:11px;letter-spacing:1px;margin-bottom:6px;color:var(--green)}
.entry>.entry-card{padding:32px;background:var(--surface)}
.entry-card h2{font-size:24px;margin-bottom:28px}
.entry-card label{color:var(--muted)}
input,textarea,select{background:var(--navy);border-color:oklch(37% .012 155)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}
button{transition:background-color .15s ease-out,border-color .15s ease-out}
button:hover{filter:none;background:oklch(87% .14 155)}
button.secondary:hover{background:var(--raised);border-color:var(--muted)}
button:disabled{filter:none;opacity:.5}
.ticket:hover{background:var(--raised)}
.ticket.selected:hover{background:var(--soft)}
#clock{color:var(--green);font-variant-numeric:tabular-nums}
.section-title .eyebrow{line-height:1.8}
.editor{border:1px solid var(--line)}
.editor textarea{min-height:200px}
.brief b{font-size:12px;color:var(--ink)}
.message b{color:var(--green);font-family:var(--mono);font-weight:500}
.message.bot-message b{color:var(--warn)}
.preview span{color:var(--muted)}
dialog{background:var(--surface)}
footer{background:var(--navy);font-size:10px}
@media(max-width:1100px){.entry{gap:32px}.entry h1{font-size:48px}}
@media(max-width:700px){.entry{margin-top:20px;margin-bottom:32px;gap:32px}.entry h1{font-size:40px;letter-spacing:-1.5px}.entry>.entry-card{padding:24px}.entry .timeline{gap:20px}.timeline b{font-size:10px}.brand{font-size:26px}.brand small{font-size:8px}.session-meta{flex-wrap:wrap}.tag{display:none}footer{flex-wrap:wrap;gap:8px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}