:root{--font-display:"Bahnschrift", "Aptos Narrow", "Arial Narrow", sans-serif;--font-body:var(--font-display);--font-mono:var(--font-display);--background:#090f18;--surface:#111f2b;--surface-raised:#192e3d;--surface-inset:#0a141e;--text:#e4f0f5;--text-secondary:#a5bdca;--text-muted:#88a5b5;--line:#344e5f;--line-bright:#567c90;--cyan:#8adcf1;--cyan-soft:#62c9e61a;--cyan-glow:#62c9e636;--amber:#ffc16d;--amber-soft:#ffac4214;--amber-line:#94632f;--success:#a1e4bf;--error:#ffb2aa;--error-surface:#3b2228;--focus:#a9eeff;--control:#1d3546;--control-hover:#2c4b60;--disabled-text:#90a3b0;--shadow:#00000045;--grid:#75bfdb06;--core-amber:#ffab38;--core-gold:#ffda86;--core-hot:#fff0c4;--core-shadow:#ad4e14;--panel-fill:linear-gradient(125deg, #1b3040d9, #101c28f5 58%, #0e1924fa);font-family:var(--font-body);color:var(--text);background:var(--background);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;line-height:1.5}*{box-sizing:border-box;scrollbar-color:var(--line-bright) var(--surface-inset);scrollbar-width:thin}body{background:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px), radial-gradient(ellipse at 10% 0%, var(--cyan-soft), transparent 55%), var(--background);background-size:48px 48px,48px 48px,auto,auto;min-width:280px;min-height:100vh;margin:0}::selection{color:var(--background);background:var(--cyan)}button,input,select{font:inherit;border:1px solid var(--line-bright);border-radius:2px;padding:.5rem .7rem}button{color:var(--text);background:var(--control);cursor:pointer;box-shadow:inset 0 1px var(--cyan-soft);transition:background-color .12s,border-color .12s,box-shadow .12s}button:hover:enabled{background:var(--control-hover);border-color:var(--cyan);box-shadow:inset 0 1px var(--cyan-glow), 0 0 14px var(--cyan-soft)}button:active:enabled{background:var(--surface-inset);border-color:var(--amber)}button[aria-expanded=true]{border-color:var(--amber-line);color:var(--amber)}button:disabled,input:disabled,select:disabled{color:var(--disabled-text);border-color:var(--line);background:var(--surface-inset);cursor:default;box-shadow:none}input,select{color:var(--text);background:var(--surface-inset);min-width:0;box-shadow:inset 0 2px 5px var(--shadow)}input::placeholder{color:var(--text-muted)}input[type=range]{accent-color:var(--amber);box-shadow:none}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}input:focus-visible,select:focus-visible{border-color:var(--focus);box-shadow:0 0 0 4px var(--cyan-soft)}h1,h2,h3,p{margin:0 0 .65rem}h1,h2{font-family:var(--font-display);font-weight:600}h1{letter-spacing:.22em;margin:0;font-size:2rem;line-height:1.15}h2{letter-spacing:.1em;text-transform:uppercase;font-size:1.05rem}h3{overflow-wrap:anywhere;color:var(--text-secondary);font-size:.85rem}small,.muted{color:var(--text-secondary);font-size:.85rem}.app-shell{max-width:1920px;margin:auto;padding:clamp(1.25rem,2vw,2rem)}.app-header,.connection,.button-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.app-header{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;margin-bottom:1.1rem;padding:.25rem 0 1.1rem}.brand{border-left:3px solid var(--cyan);padding-left:.85rem}.connection{font-size:.8rem}.connection>[role=status]{border:1px solid var(--line);background:var(--surface-inset);color:var(--text-secondary);padding:.45rem .65rem}.connection[data-state=connected]>[role=status]{border-left:2px solid var(--success)}.connection[data-state=connecting]>[role=status]{border-left:2px solid var(--amber)}.connection[data-state=disconnected]>[role=status]{border-left:2px solid var(--error)}.workspace{grid-template-columns:minmax(280px,1fr) minmax(0,1.4fr) minmax(280px,1fr);grid-template-areas:"terminal core dashboard";align-items:start;gap:clamp(1rem,1.5vw,1.75rem);display:grid}.panel{border:1px solid var(--line);background:var(--panel-fill);min-width:0;box-shadow:inset 0 1px var(--cyan-soft), 0 8px 28px var(--shadow);padding:1rem;position:relative}.panel:before,.panel:after{content:"";pointer-events:none;width:18px;height:8px;position:absolute}.panel:before{border-top:1px solid var(--cyan);border-left:1px solid var(--cyan);top:-1px;left:-1px}.panel:after{border-bottom:1px solid var(--line-bright);border-right:1px solid var(--line-bright);bottom:-1px;right:-1px}.panel>h2{border-bottom:1px solid var(--line);color:var(--cyan);align-items:center;gap:.7rem;padding-bottom:.65rem;display:flex}.panel>h2:after{content:"";background:repeating-linear-gradient(90deg, var(--line-bright) 0 4px, transparent 4px 7px);flex:0 0 28px;width:28px;height:3px;margin-left:auto}.dashboard{grid-area:dashboard;min-width:0;container-type:inline-size}.dashboard-settings{margin-bottom:1rem}.dashboard-settings li{border-bottom:1px solid var(--line);margin-bottom:.8rem;padding-bottom:.65rem}li::marker{color:var(--cyan);font-family:var(--font-mono)}.layout-actions{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.layout-actions button{font-size:.85rem}.widget-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.widget-slot{min-width:0}.widget-span-1{grid-column:span 1}.widget-span-2{grid-column:1/-1}.console{flex-direction:column;grid-area:terminal;height:clamp(340px,78vh,1000px);display:flex;position:sticky;top:1rem}.message-list{overflow-wrap:anywhere;flex:1;min-height:0;padding:0 .35rem 0 0;overflow-y:auto}.message{border:1px solid var(--line);border-left:2px solid var(--line-bright);background:var(--surface-inset);margin:.5rem 0;padding:.75rem .7rem}.message-meta{color:var(--text-muted);font-family:var(--font-mono);flex-wrap:wrap;gap:.5rem;font-size:.75rem;display:flex}.message-meta strong{text-transform:uppercase;letter-spacing:.06em}.message p{white-space:pre-wrap;margin:.35rem 0 0}.message-user{border-left-color:var(--cyan)}.message-user .message-meta strong{color:var(--cyan)}.message-jarvis{border-left-color:var(--amber-line)}.message-jarvis .message-meta strong{color:var(--amber)}.message-error{color:var(--error);border-left-color:var(--error);background:var(--error-surface)}.command-input{border-top:1px solid var(--line-bright);flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem .65rem;margin-top:.75rem;padding-top:.75rem;display:grid}.command-input>.muted{grid-column:1/-1}.command-input input{width:100%;min-width:0}.command-input button{color:var(--amber);border-color:var(--amber-line)}.command-input button:disabled{color:var(--disabled-text);border-color:var(--line)}.icon-button{flex:0 0 44px;place-items:center;width:44px;height:44px;padding:.55rem;display:inline-grid}.icon-button svg{width:22px;height:22px;display:block}.playback-widget{flex-direction:column;min-height:220px;display:flex}.playback-controls{justify-content:center;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.target-group{border-top:1px solid var(--line);padding:.65rem 0}.panel>h2+.target-group{border-top:0;padding-top:0}.session-state{text-transform:capitalize;color:var(--amber);background:var(--amber-soft);border:1px solid var(--amber-line);padding:.1rem .5rem;font-size:.8rem;display:inline-block}.music-item{overflow-wrap:anywhere;align-items:center;gap:.75rem;min-width:0;display:flex}.music-item>div:last-child{min-width:0}.artwork{object-fit:cover;border:1px solid var(--line-bright);flex:0 0 52px;width:52px;height:52px}.placeholder{color:var(--text-muted);background:var(--surface-inset);place-items:center;font-size:.7rem;display:grid}.button-row+p{margin:.5rem 0 0}ol{margin:0;padding-left:1.5rem}li{overflow-wrap:anywhere;margin:.4rem 0}.search-form{flex-wrap:wrap;align-items:end;gap:.6rem;display:flex}.search-form label{color:var(--text-secondary);flex:130px;gap:.25rem;font-size:.85rem;display:grid}.search-form input,.search-form select{width:100%}.search-form .search-type{flex:0 100px}.search-form .search-query{flex:3 160px}.search-form input,.search-form select,.search-form>button{height:40px}.search-results{margin:.75rem 0 0;padding:0;list-style:none}.search-results li{border:1px solid var(--line);background:var(--surface-inset);justify-content:space-between;align-items:center;gap:.65rem;padding:.75rem .6rem;display:flex}.search-results button{flex-shrink:0}.notice{border:1px solid var(--amber-line);background:var(--surface-inset);overflow-wrap:anywhere;margin:0 0 1rem;padding:.75rem}.notice p:last-child{margin:0}[role=alert]{color:var(--error)}.core-centerpiece{grid-area:core;align-content:center;min-width:0;min-height:min(78vh,1000px);display:grid;position:sticky;top:1rem}.core-stage{width:min(100%,64vh);max-width:720px;margin:auto;position:relative}.core-canvas{aspect-ratio:1;width:100%;height:auto;display:block}.core-poster{pointer-events:none;width:100%;height:auto;position:absolute;inset:0}.core-preview{margin-top:.75rem}.core-preview .core-centerpiece{max-width:600px;min-height:0;margin:.75rem auto 0;position:relative;top:auto}.core-preview input[type=range]{vertical-align:middle;max-width:100%}.fake-controls{border:1px dashed var(--line-bright);background:var(--surface-inset);margin-bottom:1rem;padding:.75rem}.fake-controls>strong{color:var(--amber);margin-bottom:.5rem;font-size:.85rem;display:block}.fake-controls>small{margin-top:.5rem;display:block}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container (width<=600px){.widget-grid{grid-template-columns:minmax(0,1fr)}.widget-span-1,.widget-span-2{grid-column:1/-1}}@media (width<=1179px){.workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"core""terminal""dashboard"}.core-centerpiece{min-height:0;position:relative;top:auto}.core-stage{width:100%;max-width:600px}.console{height:clamp(340px,65vh,720px);position:relative;top:auto}}@media (width<=700px){.app-shell{padding:.85rem}.connection{gap:.4rem}}@media (prefers-reduced-motion:reduce){button{transition:none}}@media (forced-colors:active){.panel,.message,button,input,select{box-shadow:none}:focus-visible{outline-color:highlight}}