:root{color-scheme:dark;--bg:#0b0b0e;--panel:#101014;--line:#28262c;--gold:#ffab55;--pale:#ffc588;--text:#f5f0ed;--muted:#aba5aa;--mono:ui-monospace,"Cascadia Mono",Consolas,monospace;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
*,*::before,*::after{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 23% -35%,#31170f 0,transparent 49%),var(--bg);color:var(--text)}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}i{display:inline-block}h1,h2,p{margin:0}
.top{height:70px;padding:0 max(28px,calc((100% - 1300px)/2));display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;border-bottom:1px solid var(--line);background:#0d0c0fe6}.brand{justify-self:start;display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.19em;line-height:1.2;font-size:16px}.brand small{display:block;font:9px var(--mono);letter-spacing:.13em;color:var(--muted);margin-top:4px;white-space:nowrap}.mark{width:38px;height:38px;border:1px solid #795032;display:grid;place-items:center;border-radius:9px;background:#21160f;color:var(--gold);font-size:24px;line-height:1;letter-spacing:0}.top nav{display:flex;gap:6px;padding:4px;border:1px solid #2b282c;border-radius:10px;background:#0b0b0d}.top nav a{padding:7px 15px;font-size:13px;color:var(--muted);border-radius:6px}.top nav a[aria-current]{color:var(--pale);background:#2b2018}.private{justify-self:end;white-space:nowrap;font:10px var(--mono);letter-spacing:.1em;color:#c4bbc0}.private i,.badge i,.statusbar i{width:6px;height:6px;border-radius:50%;margin-right:5px;background:var(--gold);box-shadow:0 0 12px #ff9e52a0;vertical-align:1px}
main,footer{width:min(1300px,calc(100% - 56px));margin-inline:auto}.intro{padding:32px 0 25px;display:flex;align-items:end;justify-content:space-between;gap:20px}.eyebrow,.panel-top,.reactor-label,.statusbar,.chat-date,.chat-name,.guide-nav-title,.step-top,footer{font:11px var(--mono);letter-spacing:.12em}.eyebrow{color:#c5adb0;margin-bottom:10px}.eyebrow span{color:var(--gold)}h1{font-size:clamp(44px,5.8vw,84px);line-height:.98;letter-spacing:-.077em;font-weight:750}.intro p{color:var(--muted);font-size:clamp(14px,2vw,17px);margin-top:14px}.outline,.copy{border:1px solid #4b382d;background:#1c1512;border-radius:8px;color:var(--pale);font-size:13px;padding:10px 13px;white-space:nowrap;line-height:1.3}.outline{display:inline-flex;align-items:center;gap:13px}.outline:hover,.copy:hover{background:#38251a;border-color:#93633e}
.dashboard{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr);gap:16px}.panel{border:1px solid var(--line);border-radius:15px;background:var(--panel);min-width:0}.reactor{height:clamp(475px,58vh,620px);position:relative;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 45%,#32190f 0,#160f10 44%,#101014 76%)}.panel-top{height:52px;flex:none;padding:0 17px;display:flex;align-items:center;justify-content:space-between;color:#dcd1d4;border-bottom:1px solid var(--line);z-index:1}.panel-top h2{font:inherit}.mini-mark{font-size:16px;color:var(--gold);margin-right:7px;vertical-align:-1px}.badge{padding:5px 8px;border:1px solid #5e422f;background:#241911;border-radius:5px;color:var(--pale);font:10px var(--mono);letter-spacing:.08em;white-space:nowrap}.badge.neutral{background:#212026;border-color:#39333e;color:#d2c6ce}
.grid-art{position:absolute;inset:52px 0 0;background-image:linear-gradient(#fa9f5d14 1px,transparent 1px),linear-gradient(90deg,#fa9f5d14 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse at center,#000 16%,transparent 75%);pointer-events:none}.orb{flex:1;min-height:0;display:grid;place-items:center;position:relative;overflow:hidden}.orb canvas{width:min(100%,440px);height:100%;object-fit:contain;max-height:100%;min-height:0}.reactor-label{position:absolute;top:47%;z-index:1;color:#b38369;font-size:9px;display:flex;align-items:center;gap:7px}.reactor-label.left{left:22px}.reactor-label.right{right:22px}.reactor-label i{height:1px;width:12px;background:#b38369}
.voice-controls{z-index:1;flex:none;display:grid;justify-items:center;gap:9px;padding:0 14px 18px}.voice-controls p{min-height:1.4em;text-align:center;color:#beb0b2;font-size:11px}.primary{display:flex;gap:9px;align-items:center;justify-content:center;padding:11px 18px;background:linear-gradient(135deg,#ffca84,#f58a43);border:1px solid #ffc485;color:#251308;border-radius:8px;font-size:13px;font-weight:760;min-width:180px;box-shadow:0 0 28px #f5813829}.primary:hover{background:#ffd097}.signal{display:flex;height:17px;align-items:center;gap:4px}.signal i{width:2px;background:#fa9959;border-radius:2px;height:var(--h,5px);opacity:.6}.signal i:nth-child(3n){--h:9px}.signal i:nth-child(4n),.signal i:nth-child(7n){--h:13px}.signal.active i{animation:beat .75s ease-in-out alternate infinite;opacity:1}.signal.active i:nth-child(even){animation-delay:-.55s}.signal.active i:nth-child(3n){animation-delay:-.3s}@keyframes beat{to{height:16px}}
.chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:clamp(475px,58vh,620px)}.chat-log{padding:16px;overflow:auto;scrollbar-width:thin}.chat-date{font-size:9px;color:#aaa0a6;display:flex;align-items:center;gap:10px;white-space:nowrap;margin-bottom:21px}.chat-date span{height:1px;flex:1;background:var(--line)}.chat-name{color:#e8b388;font-size:10px;margin:0 0 6px}.chat-name span{color:var(--gold)}.bubble{width:fit-content;max-width:96%;font-size:14px;line-height:1.55;overflow-wrap:anywhere;background:#1e1a20;border:1px solid #322932;border-radius:2px 10px 10px;padding:9px 11px;margin:0 0 14px}.bubble.user{margin-left:auto;color:#ffe5ce;background:#302017;border-color:#553524;border-radius:10px 2px 10px 10px}.chat-bottom{padding:12px 16px 13px;border-top:1px solid var(--line)}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.chips button,.host-options button{background:#19171d;color:#ddd2d7;border:1px solid #37303a;border-radius:6px;padding:6px 8px;font-size:11px}.chips button:hover,.host-options button:hover{border-color:var(--gold);color:var(--pale)}#chat-form{display:flex;gap:6px;border:1px solid #39313b;background:#0d0c10;border-radius:8px;padding:4px}#chat-input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);padding:5px 6px;font-size:14px}#chat-input::placeholder{color:#9d949e}#chat-form button{height:32px;width:33px;border:1px solid #754a2a;background:#332115;color:var(--pale);border-radius:5px;font-size:20px;line-height:1}#chat-form button:hover{background:#4c2f1c}.chat-bottom>p{font-size:10px;color:var(--muted);margin-top:8px}
.statusbar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.statusbar div{display:flex;align-items:center;gap:9px;border:1px solid #242228;padding:10px 13px;border-radius:7px;color:#a99da6;letter-spacing:.09em}.statusbar strong{font:12px system-ui;letter-spacing:0;color:#e0d7dc}.statusbar i{width:5px;height:5px;margin:0}.statusbar div:nth-child(2) i{background:#9a8b95;box-shadow:none}
footer{border-top:1px solid var(--line);margin-top:21px;min-height:54px;display:flex;align-items:center;justify-content:space-between;color:#a697a2;font-size:9px;gap:12px}.guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;align-items:start}.guide-nav{padding:17px;position:sticky;top:15px}.guide-nav-title{display:flex;justify-content:space-between;gap:6px;align-items:center;color:#d8cbd1}.guide-nav-title strong{color:var(--pale);white-space:nowrap}progress{appearance:none;display:block;width:100%;height:5px;margin:11px 0 13px;border:0;background:#30282c;border-radius:6px;overflow:hidden}progress::-webkit-progress-bar{background:#30282c}progress::-webkit-progress-value{background:var(--gold)}progress::-moz-progress-bar{background:var(--gold)}.guide-nav a{display:block;font-size:13px;border-radius:5px;padding:8px 5px;color:#d4c9d0}.guide-nav a:hover{background:#2e211b;color:var(--pale)}.guide-nav a span{font:11px var(--mono);color:var(--gold);margin-right:8px}.steps{display:grid;gap:12px}.step{padding:19px 22px;scroll-margin-top:14px}.step-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--pale);margin-bottom:12px}.step-top label,.tool-options label{display:flex;align-items:center;gap:5px;color:#d4c7ce;font:12px system-ui;letter-spacing:0;white-space:nowrap;cursor:pointer}input[type=checkbox]{accent-color:var(--gold);width:16px;height:16px}.step h2{font-size:clamp(20px,4vw,28px);letter-spacing:-.04em}.step p{margin-top:8px;color:#c6bbc2;line-height:1.55;font-size:14px}.step a{display:inline-block;color:var(--pale);text-decoration:underline;text-underline-offset:3px;font-size:13px;margin-top:11px}.host-options,.tool-options,.link-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.host-options button{font-size:13px;padding:8px 11px}.host-options button[aria-pressed=true]{background:#362418;border-color:#94613b;color:var(--pale)}.tool-options label{border:1px solid #39303a;border-radius:6px;padding:5px 7px}.link-row a{margin-top:0}.code{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;margin-top:10px;background:#09090c;border:1px solid #322b33;border-radius:7px}.code code{font:12px var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:#f3ceab}.code button,.step-top button{padding:6px 8px}.prompt textarea{margin-top:12px;width:100%;min-height:180px;resize:vertical;border:1px solid #3a3039;border-radius:8px;background:#09090d;padding:10px;color:#e5d4de;line-height:1.55;font:13px/1.55 var(--mono)}.toast{position:fixed;right:18px;bottom:18px;z-index:2;padding:10px 14px;border:1px solid #8c5c39;border-radius:8px;background:#302015;color:#ffdeb8;font-size:13px}.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(max-width:900px){.reactor-label{display:none}.dashboard{grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr)}}
@media(max-width:690px){.top{height:60px;padding:0 14px;grid-template-columns:1fr auto;gap:8px}.private{display:none}.top nav a{padding:7px 9px}.brand{gap:7px;font-size:14px}.brand small{font-size:8px}.mark{width:32px;height:32px;font-size:21px}main,footer{width:calc(100% - 28px)}.intro{padding:22px 0 17px;align-items:start;flex-direction:column;gap:12px}.intro p{margin-top:9px}.outline{padding:7px 10px}.dashboard{grid-template-columns:1fr;gap:11px}.reactor{height:clamp(350px,56vh,445px)}.chat{height:370px}.panel-top{height:44px;padding:0 12px}.grid-art{top:44px}.voice-controls{padding-bottom:11px;gap:7px}.statusbar{grid-template-columns:1fr;gap:5px}.statusbar div{padding:7px 10px}.guide-layout{grid-template-columns:1fr}.guide-nav{position:static;display:grid;grid-template-columns:1fr 1fr;column-gap:5px;padding:12px}.guide-nav-title,progress{grid-column:1/-1}.step{padding:14px}.step p{font-size:13px}footer{min-height:44px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.signal.active i{animation:none}}
.chat{grid-template-columns:minmax(0,1fr)}
#chat-input{width:0}
#chat-form button{flex:none}
@media(max-width:360px){.brand small{display:none}.top nav{gap:2px}.top nav a{padding-inline:7px}.top{padding-inline:10px}}

main>section{scroll-margin-top:75px}
.top{grid-template-columns:1fr auto}.bubble{white-space:pre-wrap}.chat-bottom #stop-turn{margin-bottom:8px}button:disabled{cursor:default;opacity:.65}

.top{grid-template-columns:minmax(0,1fr) auto auto}.login-panel{max-width:430px;padding:24px;margin-bottom:60px}.login-panel form{display:grid;gap:11px;margin-top:15px}.login-panel label,.login-panel p{color:var(--muted);font-size:14px}.login-panel p{margin-top:10px}.login-panel .login-error{color:var(--pale)}.login-panel input{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text)}.login-panel button{justify-self:start}.logout{margin:0}
@media(max-width:690px){.top{grid-template-columns:minmax(0,1fr) auto}}

.speech-settings{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:10px;color:var(--muted);font-size:11px}
.speech-settings select{min-width:0;max-width:100%;flex:1 1 145px;color:var(--text);background:#19171d;border:1px solid #39313b;border-radius:5px;padding:5px}
.speech-settings .read-option{display:flex;align-items:center;gap:4px}
.speech-settings input{margin:0;accent-color:var(--gold)}
.speech-settings .copy{padding:4px 6px;font-size:11px}

.portal-sources{display:grid;gap:5px;margin:-6px 0 16px;padding:0;list-style:none}.portal-sources a{display:block;width:fit-content;max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:4px 7px;font-size:11px}