/* Élio: graphite, linen light and copper. Work remains still and readable. */
:root{--accent:var(--cyan);--shadow:0 18px 48px #0005;--elio-copper:#bb8d5d}
::selection{background:#edc48b;color:#141311}input,textarea{caret-color:var(--accent)}*{scrollbar-width:thin;scrollbar-color:#75634a transparent}a{text-underline-offset:.2em}
.topbar{background:var(--bg);border-bottom-color:var(--line);padding-top:18px;padding-bottom:18px}.brand{gap:12px}.brand span{font-size:29px;letter-spacing:-.04em;font-weight:400}.brand small{font-size:11px;letter-spacing:0;color:var(--soft);margin-top:1px}.brand img{width:38px;height:38px}
.topbar nav button{border:0;border-radius:8px;background:transparent;color:var(--soft);padding:11px 12px}.topbar nav button[aria-current=page]{background:var(--raised);color:var(--ink)}
button,.button{border-radius:9px}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}button:not(:disabled):hover,.button:hover{background:var(--raised);border-color:#75634a}button.primary:not(:disabled):hover,.button.primary:hover{background:#f6d5a5;color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.sidebar h2,.missions-panel h2{letter-spacing:0;text-transform:none;font-size:14px;font-weight:500}.section-heading h1{letter-spacing:-.025em;font-weight:400;font-size:27px}.sidebar,.missions-panel{background:var(--bg)}
.workspace{--workspace-min:970px;border:0;background:#10100e;border-radius:18px;min-height:var(--workspace-min);overflow:hidden}.workspace .core{width:430px;top:12px}.core-word{position:static!important;color:var(--ink);font-size:27px!important;letter-spacing:-.035em!important;text-shadow:none;margin-top:-22px}.core-word span{font-size:12px;letter-spacing:0!important;color:var(--soft);margin-top:6px}.core>p{margin-top:10px;font-size:12px}
.workspace .capture-window,.workspace .result-window{top:555px}.action-window{border:0;border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.action-window header{padding:10px 12px}.action-window form{padding:18px}.drag-handle{font-size:13px}.action-window input,.action-window textarea{font-size:13px}#last-result p{font-size:13px}.core canvas.core-fallback{border-radius:0;background:url('/assets/elio.svg') center/62% no-repeat}
.voicebar{background:var(--bg);border-color:var(--line);box-shadow:0 -8px 22px #0002}.voicebar form{border-color:var(--line);border-radius:12px;background:var(--panel)}.voicebar>button{background:var(--raised);color:var(--ink)}.form-surface{border-radius:14px}.notice{border-radius:12px}
.immersive-identity strong{font-size:26px;letter-spacing:-.035em;font-weight:400}.immersive-actions button{border:0;background:#24211d;border-radius:10px}.immersive-window{border:0;box-shadow:0 22px 65px #0007;border-radius:16px}.immersive-window>header{padding:10px 12px 10px 18px}.immersive-window h2{font-size:15px}.immersive-job-body{padding:18px}.immersive-window>footer{padding:0 18px 18px}#immersive-dock .voicebar{border-color:var(--line);background:var(--panel)}#immersive-dock #chat-input{background:transparent}.immersive-sheet{border:0;box-shadow:var(--shadow);border-radius:16px}
@media(min-width:1600px){.workspace .core{width:470px;top:0}.workspace .capture-window,.workspace .result-window{top:600px}.workspace{--workspace-min:1030px;min-height:var(--workspace-min)}}
@media(max-width:780px){.brand span{font-size:26px}.topbar nav{flex:0 0 100%;width:100%;flex-wrap:nowrap;overflow-x:auto}.topbar nav button{padding:10px;font-size:12px}.workspace{min-height:0}.workspace .core{width:min(400px,100%);top:auto}.workspace .capture-window,.workspace .result-window{top:auto}.core-word{margin-top:-12px}.action-window form{padding:16px}.section-heading h1{font-size:24px}.top-state{max-width:none}.brand{margin-right:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}