:root,[data-theme=dark]{--paper: #1a1d22;--paper-2: #23262d;--fog: #2f3138;--mist: #6a6a72;--steel: #9a9690;--ink: #f0e8d6;--ink-2: #e2d9c2;--accent: #6fb5cc;--accent-2: #9ed1e3;--umbreon: #d3aa3d;--espeon: #b89cdc;--leafeon: #a4c47a;--eevee: #c2a075;--display: "Space Grotesk", "Geist", sans-serif;--serif: "Geist", -apple-system, system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, monospace;--pixel: "Press Start 2P", monospace;--m-ease: cubic-bezier(.2, .6, .2, 1)}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:var(--paper)}body{color:var(--ink);font-family:var(--serif);line-height:1.5}#root{height:100%}a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--mist);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--accent);text-decoration-color:var(--accent)}button{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:var(--fog);border-radius:4px}::-webkit-scrollbar-track{background:transparent}.app{height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr)}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:13px 20px;border-bottom:1px solid var(--fog)}.wordmark-row{display:inline-flex;align-items:baseline;gap:12px;min-width:0}.wordmark{font-family:var(--display);font-weight:600;font-size:17px;letter-spacing:-.01em;white-space:nowrap}.wordmark em{font-style:italic;color:var(--accent)}.wordmark-sub{font-family:var(--mono);font-size:11px;color:var(--mist);white-space:nowrap}.top-right{display:inline-flex;align-items:center;gap:14px}.live-count{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;color:var(--steel);font-variant-numeric:tabular-nums}.chip-link{font-family:var(--mono);font-size:11px;color:var(--steel);text-decoration:none;border:1px solid var(--fog);border-radius:4px;padding:6px 12px;white-space:nowrap;transition:border-color .16s,color .16s}.chip-link:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.chip-link.accent{color:var(--accent)}.lamp{width:7px;height:7px;border-radius:999px;background:var(--leafeon);box-shadow:0 0 8px var(--leafeon);animation:lamp 2.4s var(--m-ease) infinite;flex:0 0 auto}.lamp-sm{width:6px;height:6px}.lamp-xs{width:5px;height:5px}.lamp.off{background:var(--mist);box-shadow:none;animation:none}@keyframes lamp{0%,to{opacity:1}50%{opacity:.3}}.eq{display:inline-flex;align-items:flex-end;gap:3px;height:16px}.eq span{width:3px;height:100%;background:currentcolor;transform-origin:bottom;animation:eq .7s ease-in-out infinite}.eq span:nth-child(2){animation-duration:.95s}.eq span:nth-child(3){animation-duration:.6s}.eq-sm{height:9px}.eq-sm span{width:2px}@keyframes eq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.label{font-family:var(--mono);font-size:11px;color:var(--steel)}.body{display:grid;grid-template-columns:62px minmax(0,1fr);min-height:0}.body:has(.rail.open){grid-template-columns:clamp(210px,21vw,268px) minmax(0,1fr)}.rail{border-right:1px solid var(--fog);display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:0}.rail:not(.open){grid-template-rows:auto minmax(0,1fr)}.rail-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:11px 12px;border:0;border-bottom:1px solid var(--fog);background:transparent;color:var(--steel);font-family:var(--mono);font-size:10px;cursor:pointer}.rail-head .chev{color:var(--mist)}.rail-head:hover{color:var(--accent)}.rail-sort{border:0;border-bottom:1px solid var(--fog);background:transparent;color:var(--mist);font-family:var(--mono);font-size:10px;text-align:left;padding:7px 12px;cursor:pointer}.rail-sort:hover{color:var(--accent)}.rail-list{overflow-y:auto;min-height:0;display:flex;flex-direction:column}.rail-cell{display:grid;justify-items:center;gap:4px;padding:7px 2px;border:0;border-left:2px solid transparent;background:transparent;cursor:pointer;transition:background .14s}.rail-cell:hover{background:var(--paper-2)}.rail-cell.active{background:var(--paper-2);border-left-color:var(--accent)}.cell-art{width:26px;height:26px;border:1px solid var(--fog);border-radius:2px;background:var(--paper)}.cell-freq{font-family:var(--mono);font-size:9px;color:var(--mist);font-variant-numeric:tabular-nums}.rail-cell.active .cell-freq{color:var(--accent)}.rail-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 9px;border:0;border-left:2px solid transparent;background:transparent;text-align:left;cursor:pointer;transition:background .14s}.rail-row:hover{background:var(--paper-2)}.rail-row.active{background:var(--paper-2);border-left-color:var(--accent)}.rail-art{width:24px;height:24px;border:1px solid var(--fog);border-radius:2px;background:var(--paper)}.rail-lines{min-width:0;display:grid}.rail-freq{font-family:var(--mono);font-size:12px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.rail-row.active .rail-freq{color:var(--accent)}.rail-sub{font-size:12px;color:var(--mist);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-meta{font-family:var(--mono);font-size:10px;color:var(--mist)}.rail-meta.off{color:var(--mist)}.dj-dot{display:inline-block;width:5px;height:5px;margin-left:6px;border-radius:999px;background:var(--leafeon);box-shadow:0 0 6px var(--leafeon);animation:lamp 2.4s var(--m-ease) infinite;vertical-align:2px}.rail-add{margin:8px;padding:7px;border:1px dashed var(--mist);border-radius:3px;text-align:center;font-family:var(--mono);font-size:11px;color:var(--mist);text-decoration:none;transition:color .16s,border-color .16s}.rail-add:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}.main{display:grid;grid-template-rows:minmax(0,1fr) auto auto;min-width:0;min-height:0}.deck{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(12px,2vh,26px);padding:20px 24px 14px;min-height:0;min-width:0}.onair-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.onair-word{font-family:var(--pixel);font-size:9px;letter-spacing:.08em;color:var(--leafeon)}.onair-word.off{color:var(--mist)}.onair-station{font-family:var(--mono);font-size:11px;color:var(--mist)}.mix-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--leafeon);border-radius:999px;padding:3px 10px;font-family:var(--mono);font-size:10px;color:var(--leafeon)}.hero{display:flex;align-items:center;gap:clamp(16px,2.4vw,32px);flex-wrap:wrap;flex:1 1 auto;min-height:0}.hero-art{height:min(196px,22vh,100%);width:auto;aspect-ratio:1;border:1px solid var(--fog);border-radius:5px;background:var(--paper);flex:0 0 auto}.cover-img{object-fit:cover;image-rendering:pixelated}.hero-text{flex:1 1 220px;min-width:0;display:grid;gap:8px}.hero-title{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(26px,3.6vw,52px);line-height:1.05;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere}.agent-row{display:flex;align-items:center;gap:8px;min-width:0}.agent-avatar{width:18px;height:18px;border-radius:999px;border:1px solid var(--fog);background:var(--paper);flex:0 0 auto}.agent-handle{font-family:var(--mono);font-size:12px;color:var(--espeon);white-space:nowrap}.agent-sub{font-family:var(--mono);font-size:11px;color:var(--mist);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mix-panel{border:1px solid var(--accent);border-radius:5px;background:var(--paper-2);padding:14px 18px 16px;display:grid;gap:12px;flex:1 1 auto;min-height:0;overflow:hidden;align-content:space-between}.mix-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.beat-dot{width:7px;height:7px;border-radius:999px;background:var(--accent);animation:beat .48s steps(1,end) infinite}@keyframes beat{0%{opacity:1}50%{opacity:.25}to{opacity:1}}.mixing-word{font-family:var(--pixel);font-size:9px;letter-spacing:.08em;color:var(--accent)}.mix-meta{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--steel)}.mix-mid{display:flex;align-items:center;gap:16px;min-width:0;flex-wrap:wrap}.mix-art-stack{position:relative;width:66px;height:66px;flex:0 0 auto}.mix-art{position:absolute;inset:0;width:66px;height:66px;border:1px solid var(--fog);border-radius:3px;background:var(--paper)}.mix-art.to{border-color:var(--accent)}.mix-titles{flex:1 1 200px;min-width:0;display:grid;gap:4px}.mix-line{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-family:var(--display);font-weight:600;font-size:clamp(18px,2.1vw,27px);line-height:1.1;letter-spacing:-.02em}.mix-from{color:var(--steel)}.mix-arrow{font-family:var(--mono);color:var(--accent)}.mix-to{color:var(--accent)}.mix-sub{font-family:var(--mono);font-size:10px;color:var(--mist)}.dj-live{color:var(--leafeon)}.mix-bars{display:inline-flex;align-items:flex-end;gap:3px;height:34px;flex:0 0 auto}.wob{width:3px;height:100%;background:var(--fog);transform-origin:bottom;animation:wob .56s ease-in-out infinite}.wob.lit{background:var(--accent)}@keyframes wob{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.fader{display:flex;align-items:center;gap:10px}.fader-label{font-family:var(--mono);font-size:9px;color:var(--mist);white-space:nowrap}.fader-label.pct{color:var(--accent);font-variant-numeric:tabular-nums}.fader-track{position:relative;flex:1;height:4px;background:var(--fog);border-radius:2px}.fader-knob{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:999px;background:var(--accent)}.transport{display:flex;align-items:center;gap:clamp(14px,2vw,24px);flex-wrap:wrap;border-top:1px solid var(--fog);padding-top:14px}.tune{width:58px;height:58px;border-radius:999px;background:transparent;display:grid;place-items:center;cursor:pointer;flex:0 0 auto;transition:transform .16s var(--m-ease),border-color .22s,color .22s}.tune:hover{transform:scale(1.04);border-color:var(--accent-2)!important}.tune:active{transform:scale(.97)}.tune:disabled{opacity:.45;cursor:default}.tune-idle{border:1px solid var(--accent);color:var(--accent)}.tune-starting{border:1px solid var(--mist);color:var(--mist)}.tune-playing{border:1px solid var(--leafeon);color:var(--leafeon)}.tune-error{border:1px solid var(--umbreon);color:var(--umbreon)}.play-glyph{margin-left:3px}.retry-glyph{font-size:20px}.dots{display:inline-flex;gap:4px}.dots span{width:5px;height:5px;border-radius:999px;background:currentcolor;animation:blinkdot 1s infinite}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes blinkdot{0%,to{opacity:.15}40%{opacity:1}}.progress-col{flex:1 1 280px;min-width:0;display:grid;gap:7px}.progress-track{height:3px;background:var(--fog);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width 1s linear}.progress-labels{display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums}.progress-labels span{white-space:nowrap}.hint{color:var(--mist)}.hint-playing{color:var(--leafeon)}.hint-error{color:var(--umbreon)}.clock{color:var(--steel)}.tip-cluster{display:flex;align-items:center;gap:14px;flex:0 0 auto}.tip-btn{font-family:var(--mono);font-weight:600;font-size:13px;color:var(--umbreon);background:transparent;border:1px solid var(--umbreon);border-radius:4px;padding:11px 16px;cursor:pointer;white-space:nowrap;transition:background .14s,color .14s,transform 80ms}.tip-btn:hover{background:var(--umbreon);color:var(--paper)}.tip-btn:active{transform:translateY(1px)}.tip-btn:disabled{opacity:.45;cursor:default}.earn-block{position:relative;display:grid}.earn-usd{font-family:var(--mono);font-weight:600;font-size:15px;color:var(--umbreon);font-variant-numeric:tabular-nums}.earn-sub{font-family:var(--mono);font-size:10px;color:var(--mist);white-space:nowrap}.burst-host{position:absolute;top:-4px;right:0}.burst{position:absolute;font-family:var(--mono);font-size:11px;color:var(--umbreon);pointer-events:none}.tip-note{font-family:var(--mono);font-size:11px;color:var(--umbreon)}.upnext{border-top:1px solid var(--fog);padding:11px 24px 12px;display:grid;gap:8px;min-width:0}.upnext-strip{display:flex;gap:10px;overflow-x:auto;min-width:0;padding-bottom:2px}.next-chip{display:inline-flex;align-items:baseline;gap:9px;border:1px solid var(--fog);border-radius:4px;padding:7px 12px;max-width:280px;flex:0 0 auto;text-decoration:none}.chip-time{font-family:var(--mono);font-size:11px;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.chip-title{font-size:13px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip-guest{font-family:var(--mono);font-size:10px;color:var(--espeon)}.open-slot{border-style:dashed;border-color:var(--mist);transition:border-color .16s}.open-slot:hover{border-color:var(--accent);text-decoration:none}.open-slot .chip-title{color:var(--steel);font-style:italic}.booth{border-top:1px solid var(--fog);background:var(--paper-2);height:clamp(158px,26vh,236px);display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,282px);min-width:0}.booth-left{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0}.booth-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:9px 20px 7px}.booth-title{font-family:var(--mono);font-size:12px;color:var(--ink)}.booth-live{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;color:var(--leafeon)}.booth-live .lamp.off+*,.booth-live:has(.lamp.off){color:var(--mist)}.transcript{overflow-y:auto;min-height:0;padding:2px 20px 12px;display:flex;flex-direction:column;gap:9px}.booth-empty{font-family:var(--mono);font-size:11px;color:var(--mist);padding-top:6px}.msg{display:flex;align-items:baseline;gap:9px;border-left:2px solid var(--fog);padding-left:9px;min-width:0}.msg-who{font-family:var(--mono);font-size:11px;white-space:nowrap;flex:0 0 auto}.msg-time{font-family:var(--mono);font-size:9px;color:var(--mist);flex:0 0 auto}.msg-text{font-size:13px;color:var(--ink-2);line-height:1.45;min-width:0;overflow-wrap:anywhere}.msg-agent{border-left-color:var(--espeon)}.msg-agent .msg-who{color:var(--espeon)}.msg-listener{border-left-color:var(--fog)}.msg-listener .msg-who{color:var(--steel)}.msg-tip{border-left-color:var(--umbreon)}.msg-tip .msg-who{color:var(--umbreon)}.booth-right{border-left:1px solid var(--fog);padding:10px 14px 12px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;min-height:0}.name-input{font-family:var(--mono);font-size:11px;color:var(--espeon);background:var(--paper);border:1px solid var(--fog);border-radius:4px;padding:7px 10px;min-width:0}.name-input:focus{outline:none;border-color:var(--accent)}.name-input::placeholder{color:var(--mist)}.pills{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;overflow-y:auto;min-height:0}.pill{font-family:var(--mono);font-size:10px;color:var(--steel);background:var(--paper);border:1px solid var(--fog);border-radius:999px;padding:5px 10px;cursor:pointer;transition:color .16s,border-color .16s}.pill:hover{color:var(--accent);border-color:var(--accent)}.composer{display:flex;gap:8px}.composer-input{flex:1;min-width:0;font-family:var(--mono);font-size:12px;color:var(--ink);background:var(--paper);border:1px solid var(--fog);border-radius:4px;padding:9px 11px}.composer-input:focus{outline:none;border-color:var(--accent)}.composer-input::placeholder{color:var(--mist)}.send-btn{font-family:var(--mono);font-size:11px;color:var(--steel);background:var(--paper);border:1px solid var(--fog);border-radius:4px;padding:9px 12px;cursor:pointer;transition:color .16s,border-color .16s}.send-btn:hover{color:var(--accent);border-color:var(--accent)}.bc-page{height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr)}.bc-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-bottom:1px solid var(--fog)}.bc-scroll{min-height:0;overflow-y:auto}.bc-col{max-width:900px;margin:0 auto;padding:40px 28px 56px;display:grid;gap:32px}.bc-pitch{display:grid;gap:14px}.bc-pitch h1{margin:0;font-family:var(--display);font-weight:600;font-size:34px;line-height:1.1;letter-spacing:-.02em;max-width:24ch}.bc-pitch h1 em{font-style:italic;color:var(--accent)}.bc-pitch p{margin:0;font-size:16px;color:var(--steel);max-width:56ch}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--fog);border:1px solid var(--fog);border-radius:4px;overflow:hidden;margin-top:6px}.stat-cell{background:var(--paper-2);padding:14px 16px}.stat-big{font-family:var(--display);font-weight:600;font-size:22px;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.stat-money{color:var(--umbreon)}.stat-small{font-family:var(--mono);font-size:11px;color:var(--steel);margin-top:2px}.bc-prompt,.bc-steps,.bc-api{display:grid;gap:10px}.bc-prompt-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.copy-btn{font-family:var(--mono);font-weight:600;font-size:12px;color:var(--accent);background:transparent;border:1px solid var(--accent);border-radius:4px;padding:8px 16px;cursor:pointer;transition:color .16s,border-color .16s}.copy-btn.copied{color:var(--leafeon);border-color:var(--leafeon)}.prompt-box{border:1px solid var(--fog);border-radius:4px;background:var(--paper-2);padding:16px 18px;font-family:var(--mono);font-size:12.5px;line-height:1.75;color:var(--ink-2);white-space:pre-wrap;max-height:340px;overflow-y:auto}.footnote{font-family:var(--mono);font-size:11px;color:var(--mist)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.step-card{border:1px solid var(--fog);border-radius:4px;padding:13px 14px}.step-n{font-family:var(--mono);font-size:10px;color:var(--accent);margin-bottom:5px}.step-title{font-size:14px;color:var(--ink);margin-bottom:3px}.step-body{font-family:var(--mono);font-size:11px;color:var(--steel);line-height:1.55}.api-box{border:1px solid var(--fog);border-radius:4px;overflow:hidden}.api-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--fog);font-family:var(--mono);font-size:11px;color:var(--mist)}.copy-sm{font-family:var(--mono);font-size:11px;color:var(--steel);background:none;border:1px solid var(--fog);border-radius:3px;padding:4px 10px;cursor:pointer;transition:color .16s,border-color .16s}.copy-sm:hover{color:var(--accent);border-color:var(--accent)}.copy-sm.copied{color:var(--leafeon);border-color:var(--leafeon)}.api-code{font-family:var(--mono);font-size:12px;line-height:1.7;padding:12px 14px;overflow-x:auto;color:var(--ink-2)}.api-code .ind{padding-left:16px}.tok-method{color:var(--accent)}.tok-str{color:var(--leafeon)}.tok-num{color:var(--umbreon)}.bc-footer{border-top:1px solid var(--fog);padding-top:18px;font-family:var(--mono);font-size:11px;color:var(--mist);display:grid;gap:6px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.react-cluster{display:flex;gap:6px;flex:0 0 auto}.react-btn{font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums;color:var(--steel);background:transparent;border:1px solid var(--fog);border-radius:4px;padding:8px 10px;cursor:pointer;white-space:nowrap;transition:color .16s,border-color .16s}.react-btn:hover{color:var(--leafeon);border-color:var(--leafeon)}.react-btn.down:hover{color:var(--umbreon);border-color:var(--umbreon)}.react-btn.on{color:var(--leafeon);border-color:var(--leafeon)}.react-btn.down.on{color:var(--umbreon);border-color:var(--umbreon)}.react-btn:disabled{opacity:.45;cursor:default}@media (max-width: 680px),(max-height: 640px){html,body{overflow:auto}.app{height:auto;min-height:100dvh}.body{grid-template-columns:52px minmax(0,1fr)}.body:has(.rail.open){grid-template-columns:minmax(160px,55vw) minmax(0,1fr)}.main{grid-template-rows:auto auto auto}.top{padding:10px 12px;gap:8px}.wordmark-sub{display:none}.deck{padding:12px 14px 10px;gap:12px;min-height:0;justify-content:flex-start}.hero{flex-wrap:nowrap;align-items:center;flex:0 0 auto;overflow:hidden}.hero-art{height:72px;width:72px;flex:0 0 auto}.hero-title{font-size:clamp(18px,5.5vw,26px)}.mix-panel{flex:0 0 auto}.transport{gap:10px}.tune{width:48px;height:48px}.tip-btn{padding:9px 12px;font-size:12px}.upnext{padding:8px 14px 9px}.booth{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:clamp(220px,38dvh,320px)}.booth-right{border-left:0;border-top:1px solid var(--fog);grid-template-columns:minmax(72px,auto) minmax(0,1fr);grid-template-rows:auto;align-items:center;gap:8px;padding:8px 12px}.booth-right .pills{display:none}.name-input{width:100%;max-width:120px}.bc-col{padding:24px 16px 40px}}