:root{--gold:#c9a24a;--ink:#16171a;--paper:#f7f5f0;--muted:#6b6963;--line:#e2ded5;--panel:#fff;--bg:#f1eee7;--danger:#b4392f;--ok:#2f7a4b;--f-display:"Archivo", "Arial Narrow", system-ui, sans-serif;--f-body:"Inter", system-ui, -apple-system, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--f-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.screen-page{cursor:none;background:#000;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.screen-page.show-cursor{cursor:default}.stage{--c:#0f7c8c;aspect-ratio:16/9;color:#f3f1ec;background:#08090b;grid-template-rows:1fr 7.2%;grid-template-columns:66% 34%;width:min(100vw,177.78vh);display:grid;position:relative;overflow:hidden;container-type:inline-size}.stage.preview{border-radius:6px;width:100%}.channel{background:#050507;position:relative;overflow:hidden}.channel video{object-fit:contain;background:#050507;width:100%;height:100%;position:absolute;inset:0}.ch-top{pointer-events:none;z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:2.2cqw;left:2.6cqw;right:2.6cqw}.bug{font:800 1.05cqw var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 6px #000a;align-items:center;gap:.7cqw;display:flex}.live-dot{background:#e5484d;border-radius:50%;width:.65cqw;height:.65cqw;animation:2s infinite pulse;box-shadow:0 0 0 .3cqw #e5484d40}@keyframes pulse{50%{opacity:.35}}.now{font:500 .95cqw var(--f-mono);color:#ffffffc0;text-shadow:0 1px 6px #000a;white-space:nowrap;text-overflow:ellipsis;max-width:55%;overflow:hidden}.channel-fallback{text-align:center;background:radial-gradient(40% 50% at 30% 40%,#c9a24a55,#0000 70%),radial-gradient(45% 55% at 75% 70%,#2b3a5e,#0000 70%),#0b0c10;place-items:center;padding:4cqw;display:grid;position:absolute;inset:0}.channel-fallback b{font:800 3cqw var(--f-display);font-stretch:80%;display:block}.channel-fallback span{color:#ffffffb0;margin-top:.8cqw;font-size:1.2cqw;display:block}.sound-hint{z-index:3;color:#fff;font:600 1cqw var(--f-body);cursor:pointer;background:#000c;border:0;border-radius:99px;padding:.7cqw 1.4cqw;position:absolute;bottom:2.2cqw;left:2.6cqw}.rail{background:var(--paper);color:#16171a;border-left:.5cqw solid var(--c);grid-template-rows:auto 1fr auto;gap:1.6cqw;min-width:0;padding:2.6cqw 2.4cqw 2.2cqw;display:grid}.brand{align-items:center;gap:1.2cqw;min-width:0;display:flex}.mark{background:var(--c);color:#fff;width:4.6cqw;height:4.6cqw;font:800 1.8cqw var(--f-display);border-radius:1cqw;flex:none;place-items:center;display:grid;overflow:hidden}.mark img{object-fit:contain;background:#fff;width:100%;height:100%}.bname{font:800 1.75cqw/1.05 var(--f-display);font-stretch:85%}.btag{font:500 .95cqw var(--f-body);color:#5b5a56;margin-top:.3cqw}.slide{align-self:center;gap:.9cqw;min-width:0;transition:opacity .5s;display:grid}.slide.fading{opacity:0}.slide img{aspect-ratio:16/9;object-fit:cover;border-radius:.6cqw;width:100%}.slide .lbl{font:700 .95cqw var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--c)}.slide h2{font:800 2.4cqw/1.05 var(--f-display);text-wrap:balance;margin:0;font-stretch:85%}.slide p{font:400 1.2cqw/1.45 var(--f-body);color:#3d3c39;margin:0}.dots{gap:.5cqw;display:flex}.dots span{background:#00000020;border-radius:1cqw;width:1.6cqw;height:.3cqw}.dots span.on{background:var(--c)}.meta{border-top:1px solid #00000018;grid-template-columns:1fr auto;align-items:end;padding-top:1.4cqw;display:grid}.hours .k{font:700 .85cqw var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:#77756f}.hours .v{font:600 1.2cqw var(--f-body);margin-top:.3cqw}.clock{font:500 2.3cqw var(--f-mono);font-variant-numeric:tabular-nums}.ticker{background:var(--c);color:#fff;font:600 1.25cqw var(--f-body);grid-column:1/-1;align-items:center;display:flex;overflow:hidden}.ticker .tag{height:100%;font:800 1cqw var(--f-display);letter-spacing:.14em;text-transform:uppercase;background:#00000030;flex:none;align-items:center;padding:0 1.6cqw;display:flex}.ticker .lane{flex:1;align-items:center;height:100%;display:flex;overflow:hidden}.ticker .run{white-space:nowrap;padding-left:100%;animation:40s linear infinite run}@keyframes run{to{transform:translate(-100%)}}.ticker .pow{font:600 .95cqw var(--f-body);background:#00000030;flex:none;align-items:center;gap:.5cqw;height:100%;padding:0 1.6cqw;display:flex}.ticker .pow b{color:var(--gold);font-family:var(--f-display);letter-spacing:.06em}@media (prefers-reduced-motion:reduce){.live-dot,.ticker .run{animation:none}.ticker .run{padding-left:1.6cqw}}.shell{min-height:100%}.topbar{color:#f3f1ec;background:#16171a}.topbar-in{max-width:1180px;padding:14px max(16px, env(safe-area-inset-left));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.logo{font:800 15px var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);text-decoration:none}.logo small{color:#a9a59c;letter-spacing:.08em;margin-left:8px;font-weight:600}.topbar .who{color:#c9c5bb;align-items:center;gap:12px;font-size:13px;display:flex}.wrap{max-width:1180px;padding:28px max(16px, env(safe-area-inset-left)) 64px;gap:24px;margin:0 auto;display:grid}h1.page{font:800 clamp(24px, 3vw, 32px)/1.1 var(--f-display);text-wrap:balance;margin:0;font-stretch:85%}.sub{color:var(--muted);max-width:62ch;margin:4px 0 0}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0;padding:20px}.card h2{font:800 18px var(--f-display);margin:0 0 4px;font-stretch:90%}.card .hint{color:var(--muted);margin:0 0 16px;font-size:14px}.grid2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start;gap:24px;display:grid}.stack{gap:16px;display:grid}.field{gap:6px;display:grid}.field label{font-size:13px;font-weight:600}.field .note{color:var(--muted);font-size:12px}input[type=text],input[type=email],input[type=date],textarea,select{background:#fff;border:1px solid #cfcabf;border-radius:8px;width:100%;padding:9px 11px;font-size:15px}textarea{resize:vertical;min-height:76px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{color:#fff;cursor:pointer;background:#16171a;border:1px solid #16171a;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn.ghost{color:#16171a;background:0 0;border-color:#cfcabf}.btn.small{padding:6px 10px;font-size:13px}.btn.danger{color:var(--danger);background:0 0;border-color:#e6c5c1}.btn:disabled{opacity:.5;cursor:default}.status{color:var(--muted);min-height:1.2em;font-size:13px}.status.ok{color:var(--ok)}.status.err{color:var(--danger)}.slides{gap:12px;display:grid}.slide-ed{border:1px solid var(--line);background:#fcfbf8;border-radius:10px;gap:10px;padding:14px;display:grid}.slide-ed.off{opacity:.6}.slide-ed .head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.slide-ed .num{font:700 12px var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hours-grid{grid-template-columns:110px 1fr;align-items:center;gap:8px 12px;display:grid}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:8px;width:30px;height:30px}.swatch[aria-pressed=true]{border-color:#16171a;box-shadow:inset 0 0 0 2px #fff}.preview-box{gap:10px;display:grid;position:sticky;top:16px}.preview-box .stage{box-shadow:0 20px 50px -25px #0008}.linkbox{font:500 13px var(--f-mono);border:1px solid var(--line);word-break:break-all;background:#f4f1ea;border-radius:8px;padding:9px 11px}.list{gap:10px;display:grid}.list-item{border:1px solid var(--line);color:inherit;background:#fff;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:flex}.list-item:hover{border-color:#b9b3a6}.chip{font:600 11px var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:#55524b;background:#efebe2;border-radius:99px;padding:4px 8px}.chip.on{color:var(--ok);background:#e3f1e8}.chip.off{color:var(--danger);background:#f6e4e2}.dot{border-radius:4px;flex:none;width:12px;height:12px}.auth{place-items:center;min-height:100%;padding:24px 16px;display:grid}.auth .card{width:min(420px,100%)}.empty{color:var(--muted);text-align:center;border:1px dashed #cfcabf;border-radius:10px;padding:24px}
