:root{--corner-label-top:max(4vh, 52px);--pack-poster-paper:3 / 5;--bg-base:#f7f7f5;--bg-rail:#f3f3f0;--bg-raised:#fff;--bg-hover:#ededea;--bg-mat:#efeadf;--border-subtle:#e8e7e1;--border-mat:#e4ded0;--border-art:#e5e4df;--border-strong:#807e76;--text-primary:#1a1a18;--text-secondary:#5e5d57;--text-tertiary:#68665f;--act:#4c5a3e;--act-hover:#3f4b33;--act-press:#37422c;--act-ink:#fff;--act-wash:#edf0e8;--act-line:#7e8d69;--live:#b04a40;--live-ink:#a64237;--live-wash:#fbefec;--live-line:#dfb6ae;--danger:#8e2f24;--danger-wash:#fdf2f0;--danger-line:#e3b4ac;--elev-1:0 1px 1px #23231e0d, 0 6px 16px -12px #23231e3d;--elev-2:0 1px 2px #23231e0f, 0 18px 38px -20px #23231e61;--radius-control:7px;--radius-mat:3px;--radius-avatar:8px;--font-sans:"Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@supports (width:1cqw){:root{--corner-label-top:max(4cqh, 52px)}}.frame-preview{background:radial-gradient(90% 70% at 50% 42%,#211e19 0%,#100f0c 55%,#080807 100%)}.frame-preview__panel{background:linear-gradient(160deg,#2c2a22,#15140f);box-shadow:0 50px 80px -34px #000000f2,0 0 120px -14px #b04a404d,0 0 42px -8px #e08c5a2e}.type-display{letter-spacing:-2.4px;text-transform:uppercase;font-size:56px;font-weight:900}.type-h1{letter-spacing:-1px;font-size:30px;font-weight:900}.type-h2{letter-spacing:-.4px;font-size:19px;font-weight:700}.type-body{font-size:14px;font-weight:400;line-height:1.6}.type-meta{font-size:12px;font-weight:400}.type-caps{letter-spacing:1.6px;text-transform:uppercase;font-size:10px;font-weight:900}@font-face{font-family:Lato;src:url(/fonts/lato.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/lato-bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/lato-black.woff2)format("woff2");font-weight:900;font-display:swap}@font-face{font-family:Bebas Neue;src:url(/fonts/bebas-neue.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Amatic SC;src:url(/fonts/amatic-sc.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Shrikhand;src:url(/fonts/shrikhand.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Satisfy;src:url(/fonts/satisfy.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/fraunces.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/playfair-display.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Lobster;src:url(/fonts/lobster.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Rye;src:url(/fonts/rye.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Alfa Slab One;src:url(/fonts/alfa-slab-one.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Monoton;src:url(/fonts/monoton.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Anton;src:url(/fonts/anton.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/fonts/instrument-serif.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/fonts/instrument-serif-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Bodoni Moda;src:url(/fonts/bodoni-moda.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/space-mono.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Syne;src:url(/fonts/syne.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/archivo.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Pirata One;src:url(/fonts/pirata-one.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:UnifrakturMaguntia;src:url(/fonts/unifraktur-maguntia.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Mrs Saint Delafield;src:url(/fonts/mrs-saint-delafield.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Metal Mania;src:url(/fonts/metal-mania.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Shadows Into Light;src:url(/fonts/shadows-into-light.woff2)format("woff2");font-weight:400;font-display:swap}*{box-sizing:border-box}html,body,#root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000;height:100%;margin:0;padding:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}input[type=checkbox]{appearance:none;border:1px solid var(--border-strong);border-radius:var(--radius-mat);background:var(--bg-raised);cursor:pointer;flex:none;width:1.25rem;height:1.25rem;margin:0}input[type=checkbox]:checked{border-color:var(--act);background:var(--act)}input[type=checkbox]:checked:after{content:"";border:solid var(--act-ink);border-width:0 2px 2px 0;width:.3rem;height:.6rem;margin:.05rem auto 0;display:block;transform:rotate(45deg)}input[type=checkbox]:focus-visible{outline:2px solid var(--act);outline-offset:2px}input[type=checkbox]:disabled{cursor:default;opacity:.5}.mark-on-fill{background:#fffffff0;border-radius:18%;box-shadow:inset 0 0 0 1px #0000001f}.open-remote-link{z-index:9999;border-radius:var(--radius-control);color:#ffffffa6;letter-spacing:.02em;background:#0000008c;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,color .15s,opacity .6s;position:fixed;top:12px;right:12px}.open-remote-link--hidden{opacity:0;pointer-events:none}.open-remote-link:hover{color:#fff;background:#000000bf}.pairing{background:var(--bg-base);width:100%;height:100%;font-family:var(--font-sans);justify-content:center;align-items:center;display:flex;container-type:size}.pairing-content{flex-direction:column;align-items:center;gap:3vh;display:flex}@supports (width:1cqw){.pairing-content{gap:3cqh}}.pairing-title{color:var(--text-primary);letter-spacing:-.04em;margin:0;font-size:clamp(1.7rem,4vw,3.5rem);font-weight:900}@supports (width:1cqw){.pairing-title{font-size:clamp(1.7rem,4cqw,3.5rem)}}.pairing-subtitle{color:var(--text-secondary);text-align:center;margin:0;padding-inline:1rem;font-size:clamp(.9rem,1.4vw,1.25rem)}@supports (width:1cqw){.pairing-subtitle{font-size:clamp(.9rem,1.4cqw,1.25rem)}}.pairing-signin-link{color:var(--text-secondary);text-decoration:underline}.pairing-tv-cta{background:var(--bg-raised);border:2px solid var(--border-strong);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:.9vh;max-width:min(88vw,44em);padding:clamp(1.1rem,3.5vh,2rem) clamp(1.6rem,4vw,3.4rem);text-decoration:none;display:flex}@supports (width:1cqw){.pairing-tv-cta{gap:.9cqh;max-width:min(88cqw,44em);padding:clamp(1.1rem,3.5cqh,2rem) clamp(1.6rem,4cqw,3.4rem)}}.pairing-tv-cta:hover,.pairing-tv-cta:focus-visible{background:var(--bg-hover)}.pairing-tv-cta-title{color:var(--text-primary);letter-spacing:-.01em;font-size:clamp(1.5rem,2.8vw,2.6rem);font-weight:800}@supports (width:1cqw){.pairing-tv-cta-title{font-size:clamp(1.5rem,2.8cqw,2.6rem)}}.pairing-tv-cta-sub{color:var(--text-secondary);max-width:36em;font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.4}@supports (width:1cqw){.pairing-tv-cta-sub{font-size:clamp(1rem,1.5cqw,1.35rem)}}.pairing-email-form{gap:.6rem;width:min(88vw,26rem);display:flex}@supports (width:1cqw){.pairing-email-form{width:min(88cqw,26rem)}}.pairing-email-input{border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--bg-raised);min-width:0;min-height:48px;color:var(--text-primary);font:inherit;flex:1;padding:.6rem 1.1rem;font-size:clamp(.95rem,1.4vw,1.1rem)}@supports (width:1cqw){.pairing-email-input{font-size:clamp(.95rem,1.4cqw,1.1rem)}}.pairing-email-button{border-radius:var(--radius-control);background:var(--act);min-height:48px;color:var(--act-ink);font:inherit;cursor:pointer;border:none;padding:.6rem 1.5rem;font-size:clamp(.95rem,1.4vw,1.1rem);font-weight:700}@supports (width:1cqw){.pairing-email-button{font-size:clamp(.95rem,1.4cqw,1.1rem)}}.pairing-email-button:disabled{opacity:.6;cursor:default}.pairing-email-error{color:var(--danger)}.pairing-subtitle--quiet{font-size:clamp(.8rem,1.1vw,.95rem)}@supports (width:1cqw){.pairing-subtitle--quiet{font-size:clamp(.8rem,1.1cqw,.95rem)}}.signin{height:100dvh;font-family:var(--font-sans);background:var(--bg-base);padding:1.5rem env(safe-area-inset-right) calc(1.5rem + env(safe-area-inset-bottom)) env(safe-area-inset-left);justify-content:center;align-items:center;display:flex;overflow-y:auto}.signin-card{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:24rem;display:flex}.signin-title{color:var(--text-primary);letter-spacing:.04em;margin:0;font-size:2rem;font-weight:300}.signin-lead{color:var(--text-primary);margin:0;font-size:1rem;line-height:1.5}.signin-form{flex-direction:column;gap:.75rem;width:100%;display:flex}.signin-input{border:1px solid var(--border-strong);background:var(--bg-raised);color:var(--text-primary);border-radius:10px;min-height:44px;padding:.75rem 1rem;font-size:1rem}.signin-button{border-radius:var(--radius-control);background:var(--act);color:var(--act-ink);cursor:pointer;border:none;min-height:44px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600}.signin-button:disabled{opacity:.6;cursor:default}.signin-error{color:var(--danger);margin:0;font-size:.9rem}.signin-hint{color:var(--text-secondary);max-width:38ch;margin:0;font-size:.85rem;line-height:1.5}.signin-hint a{color:var(--text-secondary)}.tv-code{color:#f2f0ea;text-align:center;background:#0d0d0c;flex-direction:column;justify-content:center;align-items:center;gap:2vmin;min-height:100svh;padding:4vmin;display:flex}.tv-code-wordmark{letter-spacing:.35em;color:#8a8880;margin:0;font-size:max(12px,1.6vmin);font-weight:700}.tv-code-title{letter-spacing:-.01em;margin:0;font-family:Charter,Iowan Old Style,Georgia,serif;font-size:max(22px,4.5vmin);font-weight:600}.tv-code-code{letter-spacing:.12em;font-variant-numeric:tabular-nums;margin:1vmin 0;font-size:max(56px,14vmin);font-weight:700}.tv-code-sep{color:#6f6d66;padding:0 .15em}.tv-code-code--waiting{color:#6f6d66}.tv-code-sub{color:#b8b5ac;max-width:44ch;margin:0;font-size:max(14px,2.2vmin);line-height:1.5}.tv-code-sub--quiet{color:#8a8880;font-size:max(12px,1.6vmin)}.stage{cursor:none;background:#000;position:fixed;inset:0}.stage a,.stage button{cursor:pointer}.stage--mockup{background:#e9e9ea}.stage-photo{object-fit:cover;width:100vw;max-width:112.637vh;height:100vh;max-height:88.7805vw;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-content{position:absolute;inset:0}.stage--mockup .stage-content{--photo-w:min(100vw, calc(100vh * 615 / 546));--photo-h:min(100vh, calc(100vw * 546 / 615));--photo-left:calc((100vw - var(--photo-w)) / 2);--photo-top:calc((100vh - var(--photo-h)) / 2);inset:auto;top:calc(var(--photo-top) + var(--frame-top-frac) * var(--photo-h));left:calc(var(--photo-left) + var(--frame-left-frac) * var(--photo-w));width:calc(var(--frame-width-frac) * var(--photo-w));height:calc(var(--frame-height-frac) * var(--photo-h));overflow:hidden}.stage-readout{color:#fff;pointer-events:none;z-index:10;background:#000000bf;border-radius:6px;padding:.75rem 1rem;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.8rem;line-height:1.6;position:absolute;top:1rem;left:1rem}.stage-readout p{margin:0}.touch-controls{z-index:9999;pointer-events:none;opacity:0;flex-direction:column;align-items:flex-end;gap:10px;transition:opacity .4s;display:flex;position:fixed;top:48px;right:12px}.touch-controls.visible{pointer-events:auto;opacity:1}.touch-controls-button{color:#fff;cursor:pointer;background:#000000a6;border:none;border-radius:999px;min-width:44px;min-height:44px;padding:10px 18px;font-family:inherit;font-size:15px;font-weight:600}.touch-controls-button:active{background:#000000d9}.touch-controls-button--active{color:#000;background:#ffffffe6}.touch-controls-hint{color:#ffffffb3;background:#00000080;border-radius:999px;margin:0;padding:8px 16px;font-size:13px}.touch-nudge-pad{background:#000000a6;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:10px;display:flex}.touch-nudge-resize{min-width:0;min-height:36px;padding:6px 14px;font-size:13px}.touch-nudge-cross{grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,44px);gap:4px;display:grid}.touch-nudge-arrow{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex}.touch-nudge-arrow:active{background:#ffffff4d}.touch-nudge-arrow--up{grid-area:1/2}.touch-nudge-arrow--left{grid-area:2/1}.touch-nudge-arrow--right{grid-area:2/3}.touch-nudge-arrow--down{grid-area:3/2}.image-card-channel-label,.plain-art-card-channel-label,.poster-card-channel-label,.kexp-attribution{transition:opacity .4s}.frame-controls-open .image-card-channel-label,.frame-controls-open .plain-art-card-channel-label,.frame-controls-open .poster-card-channel-label,.frame-controls-open .kexp-attribution{opacity:0}
