:root{--purple: #635bff;--navy: #0a2540;--white: #ffffff;--paper: #f6f9fc;--cyan: #00d4ff;--heart: #a960ee;--frame: #121a2b;--rule: #0a2540;--muted: #425466;--ok: #00a67e;--warn: #c0123c;--font-display: "Archivo Black", "Arial Black", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-cond: "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;color-scheme:light}*{box-sizing:border-box}html,body,#app{margin:0;height:100%}body{background:var(--frame);color:var(--navy);font-family:var(--font-cond);padding-block:24px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{max-width:1440px;margin:0 auto;background:var(--paper);border:2px solid var(--rule);border-radius:6px;box-shadow:0 0 0 14px #0b1322;display:grid;grid-template-rows:auto auto 1fr auto;height:100%;min-height:600px;overflow:hidden}.hdr{display:grid;grid-template-columns:1fr minmax(260px,30%);border-bottom:3px solid var(--rule)}.headline{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:clamp(30px,4.6vw,84px);line-height:.88;letter-spacing:-.02em;margin:0;padding:22px 28px}.station{background:var(--purple);color:var(--white);padding:22px 28px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.hdr.compact .headline{font-size:clamp(26px,3vw,44px);padding:14px 28px}.hdr.compact .station{padding:14px 28px;flex-direction:row;align-items:center;justify-content:space-between}.hdr.compact .station .big{font-size:36px}.station .big{font-family:var(--font-display);font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:0}.strip{display:flex;flex-wrap:wrap;align-items:stretch;border-bottom:2px solid var(--rule);background:var(--white)}.strip button{border:0;border-right:1px solid var(--rule);background:transparent;padding:10px 18px;font-family:var(--font-mono);font-size:14px;letter-spacing:.08em;text-transform:uppercase}.strip button[aria-current=page]{background:var(--navy);color:var(--white)}.strip .spacer{flex:1}.strip .status{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;padding:10px 18px;text-transform:uppercase;align-self:center}.main{display:grid;grid-template-columns:1fr minmax(300px,34%);min-height:0;overflow:hidden}.main>*{min-height:0;overflow:auto}.main.single{grid-template-columns:1fr}.panel{background:var(--navy);color:var(--white);padding:24px;display:flex;flex-direction:column;gap:16px;min-width:0}.panel .eyebrow,.eyebrow{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.panel h2{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(28px,3vw,48px);line-height:.95;margin:0}.list{list-style:none;margin:0;padding:0;overflow:auto}.row{display:grid;grid-template-columns:64px minmax(0,1.1fr) minmax(0,1.3fr) 56px 56px;align-items:center;border-bottom:1px solid var(--rule);min-height:54px}.row>*{padding:0 12px}.row .num{font-family:var(--font-display);font-size:24px;border-right:1px solid var(--rule);align-self:stretch;display:flex;align-items:center}.row .title{font-stretch:condensed;font-weight:700;text-transform:uppercase;font-size:19px;letter-spacing:.01em;background:none;border:0;text-align:left;padding:14px 12px}.row .ideas{font-family:var(--font-mono);font-size:14px;color:var(--navy)}.ab{color:var(--purple);font-weight:700;margin-right:6px}.row.sel{background:var(--navy);color:var(--white)}.row.sel .ideas{color:var(--white)}.row.sel .ab{color:var(--cyan)}.icon-btn{background:none;border:0;font-size:18px;width:44px;height:44px;color:inherit}.heart{color:var(--heart);font-size:22px}.heart[aria-pressed=false]{color:#9aa8b8}.wave{width:100%;height:140px;border:1px solid #1f3d5c;padding:10px;fill:var(--cyan)}.wave.dim{fill:#1f6d8a}.variants{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #1f3d5c}.variants button{border:0;background:transparent;color:var(--white);text-align:left;padding:12px;font-family:var(--font-mono);font-size:14px;min-height:64px}.variants button[aria-pressed=true]{background:var(--purple)}.meta{font-family:var(--font-mono);font-size:13px;color:var(--cyan);letter-spacing:.06em;text-transform:uppercase}.transport{display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;gap:3px;margin:auto -24px -24px;background:var(--paper);padding-top:3px}.transport button{border:0;background:var(--white);color:var(--navy);min-height:104px;font-size:32px}.transport .fav{background:var(--heart);color:var(--white);font-family:var(--font-display);font-size:22px;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.transport .fav[aria-pressed=true]{background:#8a3fd4}.foot{display:flex;align-items:center;gap:16px;border-top:2px solid var(--rule);padding:10px 18px;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;background:var(--white);flex-wrap:wrap}.foot .grow{flex:1}.barcode{height:26px;width:300px;max-width:30vw;background:repeating-linear-gradient(90deg,var(--navy) 0 2px,transparent 2px 4px,var(--navy) 4px 5px,transparent 5px 8px,var(--navy) 8px 11px,transparent 11px 12px)}.chip-btn{border:1.5px solid var(--navy);background:var(--white);padding:6px 12px;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;border-radius:2px}.chip-btn.primary{background:var(--purple);color:var(--white);border-color:var(--purple)}.chip-btn.dark,.chip-btn[aria-pressed=true]{background:var(--navy);color:var(--white)}.panel .chip-btn{background:transparent;color:var(--white);border-color:#3a5a7c}.panel .chip-btn.primary{background:var(--purple);border-color:var(--purple)}.panel .chip-btn[aria-pressed=true]{background:var(--cyan);color:var(--navy);border-color:var(--cyan)}.pad{padding:24px;display:flex;flex-direction:column;gap:18px;min-width:0;overflow:auto}.section{border:2px solid var(--rule);background:var(--white);padding:16px;display:flex;flex-direction:column;gap:12px}.section h3{margin:0;font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase}.row-wrap{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.dim-label{font-family:var(--font-mono);font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;min-width:110px}.prompt{width:100%;font-size:22px;padding:12px 14px;border:2px solid var(--navy);background:var(--paper)}.tokens span{font-family:var(--font-mono);font-size:13px;padding:2px 8px;border-radius:2px;margin-right:6px;display:inline-block}.tok-ok{background:var(--cyan);color:var(--navy)}.tok-ig{background:#e3e8ee;color:var(--muted);text-decoration:line-through}.tok-un{background:#ffe1e8;color:var(--warn)}textarea.json{width:100%;min-height:240px;font-family:var(--font-mono);font-size:12px;padding:10px;border:2px solid var(--navy);background:var(--paper)}.err{color:var(--warn);font-family:var(--font-mono);font-size:13px}.okmsg{color:var(--ok);font-family:var(--font-mono);font-size:13px}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;font-family:var(--font-mono);font-size:13px}.panel .kv{color:var(--white)}input.text{border:2px solid var(--navy);padding:8px 10px;background:var(--paper);font-size:16px}select{border:2px solid var(--navy);padding:8px 10px;background:var(--white);font-size:15px}.log{list-style:none;margin:0;padding:0;font-family:var(--font-mono);font-size:13px;max-height:420px;overflow:auto}.log li{display:grid;grid-template-columns:54px 22px 1fr auto;gap:8px;padding:6px 0;border-bottom:1px solid #1f3d5c}.out{padding:0 6px;border-radius:2px;text-transform:uppercase;font-size:11px;letter-spacing:.06em;align-self:center}.out.scheduled{background:var(--cyan);color:var(--navy)}.out.aggregated{background:var(--purple);color:var(--white)}.out.duplicate{background:#3a5a7c;color:var(--white)}.out.visualOnly{background:#f5c46b;color:var(--navy)}.out.invalid{background:var(--warn);color:var(--white)}.out.pending{background:transparent;border:1px solid #3a5a7c}.bigstat{font-family:var(--font-display);font-size:56px;line-height:1}.toast{position:fixed;left:50%;bottom:calc(72px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--navy);color:var(--white);border:2px solid var(--cyan);padding:10px 18px;font-family:var(--font-mono);font-size:15px;letter-spacing:.06em;text-transform:uppercase;display:flex;gap:10px;align-items:center;z-index:30;max-width:calc(100vw - 32px)}.toast[hidden]{display:none}.toast .ico{color:var(--cyan);font-size:20px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a2540d1;display:grid;place-items:center;z-index:40;padding:16px}.overlay .card{background:var(--paper);border:3px solid var(--navy);max-width:560px;width:100%;padding:28px;display:flex;flex-direction:column;gap:14px}.overlay h2{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:34px;line-height:.95}@media(max-width:960px){body{padding-block:16px;height:auto}.app{box-shadow:none;height:auto;min-height:0}.main,.main>*{overflow:visible}.hdr,.main{grid-template-columns:1fr}.row{grid-template-columns:44px minmax(0,1fr) 48px 48px;grid-template-areas:"num title play fav" "num ideas ideas ideas"}.row .num{grid-area:num;font-size:18px}.row .title{grid-area:title;font-size:16px}.row .ideas{grid-area:ideas;padding-bottom:10px;font-size:12px}.row .play{grid-area:play}.row .favbtn{grid-area:fav}.row .title{padding:12px}.headline,.pad{padding:16px}.transport{margin:auto -16px -16px}.panel{padding:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
