:root{--ink:#edf1ef;--ink-dim:#a4b1ad;--ink-faint:#6b7673;--ground:#0f1312;--panel:#171d1b;--panel-line:#232b28;--accent:#2ea88e;--accent-press:#37c2a4;--on-accent:#07211b;--brand:#c94541;--gold:#fc0;--danger:#e2725b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--ground);color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Helvetica Neue,sans-serif;line-height:1.5}.app{max-width:72rem;margin:0 auto;padding:2rem 1.5rem 4rem}.app-header{margin-bottom:1.75rem}.wordmark h1{letter-spacing:.22em;text-transform:uppercase;color:var(--ink);margin:0;font-size:1.35rem;font-weight:700}.wordmark-wave{width:min(26rem,100%);height:auto;color:var(--brand);margin-top:.15rem;display:block}.tagline{color:var(--ink-dim);margin:.4rem 0 0;font-size:.9rem}.layout{grid-template-columns:19rem minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.rail{position:sticky;top:1rem}.stage{min-width:0}@media (width<=56rem){.layout{grid-template-columns:minmax(0,1fr)}.rail{order:2;position:static}.stage{order:1}}.now-playing{background:var(--panel);border:1px solid var(--panel-line);border-radius:1rem;padding:1.75rem 1.75rem 1.5rem}.filter-warning{border-left:2px solid var(--ink-faint);color:var(--ink-dim);background:#ffffff0a;border-radius:0 .35rem .35rem 0;margin:0 0 1rem;padding:.6rem .85rem;font-size:.9rem;line-height:1.4}.filter-warning--collapsed{border-left-color:var(--gold);color:var(--ink)}.step-kind{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.7rem}.song{margin:.35rem 0 0;font-size:2rem;line-height:1.12}.artist{color:var(--ink-dim);margin:.35rem 0 0;font-size:1.05rem}.provenance{color:var(--ink-dim);margin:.75rem 0 0;font-size:.95rem;line-height:1.45}.provenance--teleport{color:var(--gold)}.provenance-dj,.provenance-song{color:var(--ink)}.provenance-song--unknown,.provenance-unplayable{color:var(--ink-faint);font-style:italic}.notice{color:var(--gold);margin:1rem 0 0;font-size:.9rem}.controls{flex-direction:column;gap:.85rem;margin-top:1.5rem;display:flex}.transport{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.tbtn{width:3rem;height:3rem;color:var(--ink);border:1.5px solid var(--ink-faint);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border-color .12s,color .12s,background .12s;display:inline-flex}.tbtn:hover{border-color:var(--accent);color:var(--accent)}.tbtn--primary{background:var(--accent);border-color:var(--accent);width:3.6rem;height:3.6rem;color:var(--on-accent)}.tbtn--primary:hover{background:var(--accent-press);border-color:var(--accent-press);color:var(--on-accent)}.tbtn:disabled,.pill:disabled{opacity:.45;cursor:default}.tbtn:disabled:hover{border-color:var(--ink-faint);color:var(--ink)}.pill{background:var(--accent);color:var(--on-accent);font:inherit;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1.15rem;font-size:.92rem;font-weight:600;display:inline-flex}.pill:hover{background:var(--accent-press)}.pill--ghost{color:var(--ink);border:1px solid var(--ink-faint);background:0 0;font-weight:500}.pill--ghost:hover{border-color:var(--accent);color:var(--accent);background:0 0}.pace{align-items:center;gap:.5rem;margin-left:auto;display:inline-flex}.pace-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-size:.7rem}.pace-options{border:1px solid var(--panel-line);border-radius:999px;gap:.15rem;padding:.15rem;display:inline-flex}.pace-options button{color:var(--ink-dim);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.25rem .7rem;font-size:.78rem}.pace-options button:hover{color:var(--ink)}.pace-options button[aria-pressed=true]{background:var(--panel-line);color:var(--ink)}.vh{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.link-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.player-controls{flex-direction:column;gap:.5rem;display:flex}.player-phase,.player-stopped,.player-error,.player-unavailable{color:var(--ink-dim);margin:0;font-size:.85rem}.player-stopped{color:var(--gold)}.export-playlist p{color:var(--ink-dim);margin:0;font-size:.85rem}.export-playlist-done strong{color:var(--ink)}.export-playlist-error{color:var(--danger)}.export-playlist a{color:var(--accent)}.sign-in{border-top:1px solid var(--panel-line);flex-direction:column;gap:.5rem;margin-top:.25rem;padding-top:.85rem;display:flex}.sign-in-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.sign-in-reason,.sign-in-account{color:var(--ink-dim);margin:0;font-size:.85rem}.sign-in-expiry{color:var(--ink-faint);margin:0;font-size:.8rem}.pool{background:var(--panel);border:1px solid var(--panel-line);border-radius:.75rem;margin-top:1rem;padding:.8rem 1.1rem}.pool-head{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.pool h3{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.7rem}.pool-djs,.pool-computing,.pool-empty{color:var(--ink-faint);font-size:.72rem}.pool-grid{flex-wrap:wrap;gap:.4rem 2.25rem;margin:.5rem 0 0;display:flex}.pool-metric{flex-direction:column;display:flex}.pool-metric dt{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);order:2;font-size:.68rem}.pool-metric dd{font-variant-numeric:tabular-nums;order:1;margin:0;font-size:1.2rem}.pool-notes{color:var(--gold);margin:.5rem 0 0;padding-left:1rem;font-size:.75rem}.pool-notes:empty{margin:0}.filters{background:var(--panel);border:1px solid var(--panel-line);border-radius:.75rem;padding:1.1rem 1.25rem 1.25rem}.filters-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.filters h3{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 .25rem;font-size:.7rem}.filters-pending{color:var(--ink-faint);font-size:.7rem}.filters-note,.filter-hint,.health-empty{color:var(--ink-faint);margin:.35rem 0 0;font-size:.75rem}.filter-group{border:0;border-top:1px solid var(--panel-line);margin:.9rem 0 0;padding:.8rem 0 0}.filter-group legend{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);padding:0;font-size:.72rem}.filter-row{flex-wrap:wrap;gap:.35rem .9rem;margin-top:.5rem;display:flex}.filter-row--wrap{gap:.3rem .85rem}.filter-option{color:var(--ink);align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.filter-option input{accent-color:var(--accent)}.filter-option select{color:var(--ink);border:1px solid var(--ink-faint);font:inherit;background:0 0;border-radius:.4rem;padding:.3rem .6rem;font-size:.85rem}.dj-station+.dj-station{margin-top:.7rem}.dj-station-head{letter-spacing:.04em;font-weight:600}.dj-station-list{margin-top:.3rem;margin-left:1.35rem}.filter-option input:disabled{opacity:.55}.dj-notice{color:var(--ink-dim);margin:0 0 1rem;font-size:.85rem}.filter-slider{width:100%;accent-color:var(--accent);margin-top:.6rem}.trail{margin-top:2rem}.trail h3{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .75rem;font-size:.7rem}.trail-list{margin:0;padding:0;list-style:none}.trail-row{border-top:1px solid var(--panel-line);grid-template-columns:8.5rem 1fr;gap:.25rem 1rem;padding:.6rem 0;font-size:.95rem;display:grid}.trail-row--teleport .trail-kind{color:var(--gold)}.trail-kind{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);grid-row:span 3;padding-top:.2rem;font-size:.7rem}.trail-artist{color:var(--ink-dim);font-size:.85rem}.trail-row--skipped,.trail-row--skipped .trail-kind,.trail-row--skipped .trail-artist{color:var(--ink-faint)}.trail-row--skipped+.trail-row{border-top:none}.trail-skipped-reason,.trail-row .provenance{grid-column:2;margin:.15rem 0 0;font-size:.85rem}.trail-empty,.trail-more,.loading,.blocked-reason{color:var(--ink-dim);font-size:.9rem}.trail-expand{margin-top:.6rem}.load-error{color:var(--danger)}.session-seed{color:var(--ink-faint);margin-top:2rem;font-size:.8rem}.session-seed code{color:var(--ink-dim)}.build-notice{color:var(--gold);margin-top:.75rem;font-size:.85rem}footer{border-top:1px solid var(--panel-line);color:var(--ink-dim);margin-top:3rem;padding-top:1.5rem;font-size:.85rem}footer a{color:var(--ink)}.donate-row{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.donate-link{border:1.5px solid var(--station,var(--accent));color:var(--station,var(--accent));border-radius:.5rem;padding:.5rem 1rem;font-weight:600;text-decoration:none;display:inline-block}.donate-link:hover{background:var(--station,var(--accent));color:var(--ground)}.preflight{max-width:40rem;margin:0 auto;padding:2rem 1.25rem 4rem}.preflight h1{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 .4rem;font-size:1.05rem}.preflight p.lede{color:var(--ink-dim);margin:0 0 1.5rem;font-size:.85rem}.preflight-stage{background:var(--panel);border-radius:.6rem;margin-bottom:.6rem;padding:.75rem 1rem;font-size:.85rem}.preflight-stage-name{align-items:center;gap:.5rem;font-weight:600;display:flex}.preflight-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.1rem .45rem;font-size:.68rem}.preflight-badge.ok{color:#7fe0c4;background:#2ea88e2e}.preflight-badge.fail{color:#ff9b9b;background:#dc5a5a2e}.preflight-badge.pending{color:var(--ink-dim);background:#a4b1ad2e}.preflight-stage-detail{color:var(--ink-dim);white-space:pre-wrap;margin:.35rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.preflight-actions{gap:.6rem;margin:1rem 0;display:flex}.preflight-actions button{background:var(--accent);color:var(--on-accent);cursor:pointer;border:none;border-radius:.4rem;padding:.5rem .9rem;font-size:.85rem}.preflight-actions button:disabled{opacity:.5;cursor:not-allowed}.preflight-report{margin-top:1.5rem}.preflight-report textarea{background:var(--panel);width:100%;min-height:10rem;color:var(--ink);border:1px solid var(--panel-line);border-radius:.5rem;padding:.6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.branches{background:var(--panel);border:1px solid var(--panel-line);border-radius:.75rem;margin:1rem 0 0;padding:.9rem 1.1rem 1rem}.branch-stage{position:relative}.branch-tip{z-index:1;background:var(--panel);max-width:17rem;color:var(--ink);border:1px solid var(--ink-faint);pointer-events:none;border-radius:.4rem;margin:0;padding:.3rem .55rem;font-size:.78rem;line-height:1.35;position:absolute;box-shadow:0 .4rem 1rem #00000073}.branch-row{width:100%;height:auto;display:block;overflow:visible}.branch-root{fill:var(--accent);stroke:none}.branch-dot{fill:var(--accent);stroke:var(--accent);stroke-width:1px;pointer-events:all}.branch-dot--child{opacity:.78}.branch-dot--unplayable{fill:none;stroke:var(--ink-faint);stroke-dasharray:1.6 1.6}.branch-dot--stepped{stroke-width:2px;stroke-opacity:.85}.branch-link{fill:none;stroke:var(--ink);stroke-opacity:.24}.branch-link--child{stroke-opacity:.15}.branch-break line{stroke:var(--ink-dim);stroke-opacity:.75;stroke-width:1px}.branch-break-target{fill:#0000;stroke:none}.branch-more{fill:var(--ink-faint);font-size:9px;line-height:1}.branch-overflow{fill:var(--ink-faint);font-size:11px}.branch-caption{color:var(--ink-faint);margin:.75rem 0 0;font-size:.78rem}