:root{color:#dfe8e4;background:#10191a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Noto Sans SC,sans-serif;font-synthesis:none;--ink: #dfe8e4;--paper: #0d1415;--coral: #10191a;--sage: #789e94;--line: color-mix(in srgb, var(--ink) 16%, transparent);--mono: "SFMono-Regular", "Roboto Mono", "Cascadia Mono", Consolas, monospace;--agent-title-size: 5.4vw;--agent-ui-opacity: .82;--agent-panel-blur: 34px;--agent-grain-opacity: .22}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--coral);color:var(--ink)}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}#world{position:fixed;inset:0;display:block;width:100%;height:100%}#world.shader-fallback{background:radial-gradient(circle at 38% 44%,color-mix(in srgb,var(--sage) 54%,transparent),transparent 35%),var(--coral)}.pixel-overlay{position:fixed;inset:0;pointer-events:none;opacity:var(--agent-grain-opacity);background:radial-gradient(circle at center,transparent 28%,rgba(0,0,0,.34) 118%),url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.topbar{position:fixed;inset:0 0 auto;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:28px 32px;pointer-events:none}.wordmark{width:max-content;color:var(--ink);text-decoration:none;pointer-events:auto}.wordmark strong,.wordmark span{display:block}.wordmark strong{font:600 12px/1 var(--mono);letter-spacing:.16em}.wordmark span{margin-top:7px;font:500 7px/1.2 var(--mono);letter-spacing:.13em;opacity:.46}.topbar>p{margin:0;text-align:center;white-space:pre-line;font:500 7px/1.6 var(--mono);letter-spacing:.2em;opacity:calc(var(--agent-ui-opacity) * .58)}.panel-toggle{justify-self:end;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;font:500 9px/1 var(--mono);letter-spacing:.08em;opacity:.72}.panel-toggle i{display:inline-grid;place-items:center;width:25px;height:25px;margin-left:9px;border:1px solid var(--line);border-radius:50%;font-style:normal;transition:transform .3s ease,background .3s ease}.panel-toggle:hover i{transform:rotate(45deg);background:color-mix(in srgb,var(--ink) 8%,transparent)}.now-playing{position:fixed;left:clamp(28px,6vw,90px);bottom:clamp(48px,8vh,82px);z-index:4;width:min(660px,calc(100vw - 56px));color:var(--ink);text-shadow:0 2px 22px rgba(0,0,0,.32)}.live-row{display:flex;align-items:center;gap:10px;font:500 8px/1 var(--mono);letter-spacing:.15em;opacity:.58}.live-row i{width:5px;height:5px;border-radius:50%;background:var(--sage);box-shadow:0 0 18px var(--sage);animation:onair 2.8s ease-in-out infinite}@keyframes onair{50%{opacity:.25;transform:scale(.72)}}.now-playing h1{max-width:760px;margin:15px 0 17px;font:450 clamp(40px,var(--agent-title-size),76px)/.98 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;letter-spacing:-.07em}.track-meta{display:flex;flex-wrap:wrap;gap:13px;font:500 8px/1 var(--mono);letter-spacing:.11em;opacity:.5}.track-meta span+span:before{content:"·";margin-right:13px;opacity:.42}.meter{width:min(360px,100%);height:1px;margin-top:18px;overflow:hidden;background:color-mix(in srgb,var(--ink) 17%,transparent)}.meter i{display:block;width:0;height:100%;background:var(--ink);transition:width .25s linear}.quick-start{display:flex;align-items:center;justify-content:space-between;width:142px;margin-top:18px;padding:10px 14px 10px 16px;border:1px solid color-mix(in srgb,var(--ink) 26%,transparent);border-radius:999px;background:color-mix(in srgb,var(--paper) 44%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;font:500 10px/1 var(--mono);letter-spacing:.04em;transition:background .25s ease,border-color .25s ease,transform .25s ease}.quick-start:hover{background:color-mix(in srgb,var(--sage) 30%,transparent);border-color:color-mix(in srgb,var(--ink) 50%,transparent);transform:translateY(-1px)}.quick-start i{font-style:normal;font-size:8px}.hidden{display:none!important}.director-state{position:fixed;right:32px;bottom:44px;z-index:3;width:238px;text-align:right;text-shadow:0 2px 18px rgba(0,0,0,.28);opacity:var(--agent-ui-opacity)}.director-state>div:first-child span{display:block;font:500 7px/1 var(--mono);letter-spacing:.18em;opacity:.38}.director-state strong{display:block;margin-top:8px;font:500 9px/1.2 var(--mono);letter-spacing:.08em;opacity:.72}.director-state p{min-height:13px;margin:8px 0 13px;font:500 8px/1.4 var(--mono);opacity:.42}.director-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;height:1px}.director-bars i{display:block;background:var(--ink);transform:scaleX(.18);transform-origin:right;transition:transform .7s ease,background .7s ease}.control-panel{position:fixed;top:12px;right:12px;z-index:8;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:30px;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:18px;background:color-mix(in srgb,var(--paper) 82%,transparent);box-shadow:0 30px 100px #00000061;-webkit-backdrop-filter:blur(var(--agent-panel-blur)) saturate(.72);backdrop-filter:blur(var(--agent-panel-blur)) saturate(.72);transform:translate(calc(100% + 30px));transition:transform .42s cubic-bezier(.2,.8,.2,1)}.control-panel.open{transform:translate(0)}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--line)}.panel-heading span{font:500 7px/1 var(--mono);letter-spacing:.15em;opacity:.48}.panel-heading h2{max-width:310px;margin:11px 0 0;font:520 27px/1.12 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;letter-spacing:-.055em}.icon-button{width:31px;height:31px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;font:300 18px/1 sans-serif}.icon-button:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}.context-list{display:grid;gap:0}.context-list>div{display:grid;grid-template-columns:86px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}.context-list span{font:500 7px/1.4 var(--mono);letter-spacing:.12em;opacity:.42}.context-list strong{font:450 11px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;text-align:right}.quick-start:disabled{opacity:.5;cursor:wait;transform:none}.status{min-height:28px;margin:14px 0 0;font:500 8px/1.5 var(--mono);opacity:.56}.status.error{color:#e09487;opacity:1}.agent-note{margin:8px 0 0;padding-top:12px;border-top:1px solid var(--line);font:450 8px/1.58 var(--mono);opacity:.4}footer{position:fixed;right:32px;bottom:18px;left:32px;z-index:2;display:flex;justify-content:space-between;font:500 7px/1 var(--mono);letter-spacing:.14em;opacity:calc(var(--agent-ui-opacity) * .42);pointer-events:none}body[data-agent-layout=center-low] .now-playing{left:50%;transform:translate(-50%);text-align:center}body[data-agent-layout=center-low] .track-meta{justify-content:center}body[data-agent-layout=center-low] .meter,body[data-agent-layout=center-low] .quick-start{margin-right:auto;margin-left:auto}body[data-agent-layout=left-mid] .now-playing{top:34%;bottom:auto}body[data-agent-typography=technical] .now-playing h1{font-family:var(--mono);font-weight:430;letter-spacing:-.055em}body[data-agent-typography=wide] .now-playing h1{max-width:820px;font-weight:390;letter-spacing:-.035em;line-height:1.04}body[data-agent-typography=wide] .track-meta{letter-spacing:.17em}@media(max-width:760px){.topbar{grid-template-columns:1fr auto;padding:19px}.topbar>p{display:none}.now-playing,body[data-agent-layout=center-low] .now-playing,body[data-agent-layout=left-mid] .now-playing{inset:auto auto 51px 20px;width:calc(100vw - 40px);transform:none;text-align:left}.now-playing h1{max-width:350px;font-size:43px}body[data-agent-layout=center-low] .track-meta{justify-content:flex-start}body[data-agent-layout=center-low] .meter,body[data-agent-layout=center-low] .quick-start{margin-right:0;margin-left:0}.director-state{display:none}footer{right:20px;left:20px}footer span:first-child{display:none}}@media(prefers-reduced-motion:reduce){.live-row i{animation:none}.control-panel,.quick-start{transition:none}}
