@font-face{font-family:Archivo Zine;src:url(fonts/archivo-var.woff2) format("woff2");font-weight:500 900;font-stretch:100% 125%;font-display:swap}@font-face{font-family:Atkinson Next;src:url(fonts/atkinson-next-var.woff2) format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Departure Mono;src:url(fonts/departure-mono.woff2) format("woff2");font-weight:400;font-display:swap}:root[data-skin=zine]{--z-ink-0:#10132b;--z-ink-1:#1a1e3f;--z-ink-2:#262b55;--z-line:#05061a;--z-paper:#eceaf4;--z-paper-2:#dedaec;--z-paper-ink:#12142a;--z-paper-muted:#55546e;--z-text:#f1eff8;--z-text-muted:#a9a8c7;--z-signal:#ff4b3e;--z-on-signal:#12142a;--z-signal-ink:#b42a20;--z-coin:#ffd23f;--z-brand:#9c88ff;--z-brand-ink:#5b3fe0;--z-tape:#e9d9a6d9;--z-tape-edge:#d3c08a;--z-focus:#ffd23f;--z-display:"Archivo Zine","Archivo","Arial Black",system-ui,sans-serif;--z-body:"Atkinson Next","Atkinson Hyperlegible Next","Atkinson Hyperlegible",system-ui,sans-serif;--z-mono:"Departure Mono",ui-monospace,"Courier New",monospace;--t-display:clamp(2.6rem,1.6rem + 3.6vw,5rem);--t-h1:clamp(2rem,1.5rem + 2vw,3.2rem);--t-h2:clamp(1.5rem,1.2rem + 1.2vw,2.1rem);--t-h3:1.25rem;--t-body:1.0625rem;--t-small:.9375rem;--t-data:.875rem;--t-tag:.8125rem;--shadow-1:3px 3px 0 var(--z-line);--shadow-2:5px 5px 0 var(--z-line);--shadow-press:1px 1px 0 var(--z-line);--ease-out:cubic-bezier(.22,1,.36,1);--ease-in:cubic-bezier(.55,0,1,.45);--ease-stamp:cubic-bezier(.16,1,.3,1);--d-instant:90ms;--d-fast:.16s;--d-base:.24s;--d-slow:.42s;--z-dots:radial-gradient(circle at 1px 1px,#ffffff0b 1px,transparent 1.4px) 0 0/6px 6px;--z-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .07 0 0 0 0 .08 0 0 0 0 .16 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");--z-rough:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60'%3E%3Cfilter id='r'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1.7 1.8'/%3E%3C/filter%3E%3Crect width='120' height='60' filter='url(%23r)'/%3E%3C/svg%3E");color-scheme:dark;scroll-padding-top:24px;-webkit-text-size-adjust:100%}:root[data-skin=zine] body:not(#z){--bg:var(--z-ink-0);--panel:var(--z-ink-1);--surface:var(--z-ink-1);--raised:var(--z-ink-2);--stroke:var(--z-line);--border:var(--z-line);--text:var(--z-text);--cream:var(--z-text);--muted:var(--z-text-muted);--accent:var(--z-signal);--brand:var(--z-brand);--lavender:var(--z-brand);--equalizer:var(--z-brand);--volume-color:var(--z-signal);--green:#5fd39a;--red:var(--z-signal);background:var(--z-ink-0);color:var(--z-text);font-family:var(--z-body);font-size:var(--t-body);line-height:1.6;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-skin=zine] body:not(#z):before{content:"";position:fixed;inset:0;background:var(--z-dots);pointer-events:none;z-index:-1}:root[data-skin=zine] body:not(#z) :is(button,input,textarea,select){font-family:inherit}:root[data-skin=zine] body:not(#z) :is(h1,h2,h3,.section-heading h2){font-family:var(--z-display);font-weight:850;font-stretch:112%;letter-spacing:-.01em;text-wrap:balance}:root[data-skin=zine] body:not(#z) h1{font-weight:900;font-stretch:122%;line-height:.98}:root[data-skin=zine] body:not(#z) h3{font-stretch:100%;font-weight:750}:root[data-skin=zine] body:not(#z) p{text-wrap:pretty}:root[data-skin=zine] body:not(#z) time,:root[data-skin=zine] body:not(#z) .tabular,:root[data-skin=zine] body:not(#z) [data-tabblet-listeners],:root[data-skin=zine] body:not(#z) [data-site-online]{font-variant-numeric:tabular-nums}:root[data-skin=zine] body:not(#z) ::selection{background:var(--z-signal);color:var(--z-on-signal)}:root[data-skin=zine] body:not(#z) :is(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--z-focus);outline-offset:3px;box-shadow:none}:root[data-skin=zine] body:not(#z) .icon{stroke-width:2.2}:root[data-skin=zine] body:not(#z) .zi{width:20px;height:20px;flex:none;vertical-align:middle}:root[data-skin=zine] body:not(#z) .accent{color:var(--z-signal)}:root[data-skin=zine] body:not(#z) .status-dot,:root[data-skin=zine] body:not(#z) .portrait-dot{animation:none!important;box-shadow:none!important;border-radius:0}:root[data-skin=zine] body:not(#z) .status-dot{width:10px;height:10px;background:var(--z-signal)}:root[data-skin=zine] .z-paper,:root[data-skin=zine] body:not(#z) :is(.radio-panel,.portal-card,.portal-hero,.radio-about,.public-faq,.home-community-card,.home-community-grid .passport-invite,.portal-article.prose,.portal-login,.zine-drop,dialog,.toast){--cream:var(--z-paper-ink);--text:var(--z-paper-ink);--muted:var(--z-paper-muted);--brand:var(--z-brand-ink);--lavender:var(--z-brand-ink);--equalizer:var(--z-brand-ink);--accent:var(--z-signal-ink);--surface:var(--z-paper-2);--raised:var(--z-paper-2);--bg:#f8f7fc;--stroke:var(--z-line);--border:var(--z-line);--z-focus:var(--z-brand-ink);color:var(--z-paper-ink);background:var(--z-grain),var(--z-paper);border:2px solid var(--z-line);border-radius:0;box-shadow:var(--shadow-2)}:root[data-skin=zine] body:not(#z) :is(dialog){box-shadow:8px 8px 0 var(--z-line)}:root[data-skin=zine] body:not(#z) dialog::backdrop{background:#05061acc}:root[data-skin=zine] body:not(#z) :is(.button,.login-button,[id=member-link],.music-request,.visit-room:not(.room-badge),.like-button:not(.footer-like),.channel-explore,.zine-btn){border-radius:0;border:2px solid var(--z-line);box-shadow:var(--shadow-1);font-family:var(--z-body);font-weight:800;letter-spacing:0;transition:transform var(--d-instant) var(--ease-out),box-shadow var(--d-instant) var(--ease-out),background-color var(--d-fast)}:root[data-skin=zine] body:not(#z) :is(.button,.login-button,[id=member-link],.music-request,.visit-room:not(.room-badge),.like-button:not(.footer-like),.channel-explore,.zine-btn):hover{transform:none;filter:none}:root[data-skin=zine] body:not(#z) :is(.button,.login-button,[id=member-link],.music-request,.visit-room:not(.room-badge),.like-button:not(.footer-like),.channel-explore,.zine-btn):active{transform:translate(2px,2px);box-shadow:var(--shadow-press)}:root[data-skin=zine] body:not(#z) :is(.button.primary,.login-button,.music-request,.zine-btn-signal,[id=radio-toggle]){background:var(--z-signal);color:var(--z-on-signal);border-color:var(--z-line)}:root[data-skin=zine] body:not(#z) :is(.button.primary,.login-button,.music-request,.zine-btn-signal,[id=radio-toggle]):hover{background:#ff6a5f}:root[data-skin=zine] body:not(#z) :is(.button:not(.primary),[id=member-link],.visit-room:not(.room-badge),.like-button:not(.footer-like)){background:var(--z-ink-2);color:var(--z-text)}:root[data-skin=zine] body:not(#z) .z-paper :is(.button:not(.primary)),:root[data-skin=zine] body:not(#z) :is(.radio-panel,.portal-card,.portal-hero,dialog) :is(.button:not(.primary),.visit-room,.like-button){background:var(--z-paper);color:var(--z-paper-ink)}:root[data-skin=zine] body:not(#z) .hosts-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;background:transparent;box-shadow:none;border:0;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;padding:0;color:var(--z-brand);font-family:var(--z-mono);font-size:var(--t-tag);text-transform:uppercase;letter-spacing:.04em;font-weight:400}:root[data-skin=zine] body:not(#z) .hosts-link:active{transform:none}:root[data-skin=zine] body:not(#z) :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea){border-radius:0;border:2px solid var(--z-line);background:var(--z-paper);color:var(--z-paper-ink);font-family:var(--z-body)}:root[data-skin=zine] body:not(#z) :is(input,textarea)::placeholder{color:var(--z-paper-muted)}:root[data-skin=zine] body:not(#z) .zine-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--z-mono);font-size:var(--t-tag);text-transform:uppercase;letter-spacing:.04em;line-height:1;padding:5px 8px 4px;background:var(--z-ink-2);color:var(--z-text);clip-path:polygon(0 2px,2px 2px,2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px))}:root[data-skin=zine] body:not(#z) .zine-tag-signal{background:var(--z-signal);color:var(--z-on-signal)}:root[data-skin=zine] body:not(#z) .zine-stamp{display:inline-block;font-family:var(--z-display);font-stretch:125%;font-weight:900;text-transform:uppercase;letter-spacing:.02em;line-height:1;color:var(--z-signal);border:3px solid currentColor;padding:6px 10px 5px;transform:rotate(-3deg);-webkit-mask:var(--z-rough) 0 0/120px 60px;mask:var(--z-rough) 0 0/120px 60px}:root[data-skin=zine] body:not(#z) .zine-stamp.is-stamping{animation:zine-stamp var(--d-fast) var(--ease-stamp) both}@keyframes zine-stamp{0%{transform:scale(1.18) rotate(-6deg);opacity:0}to{transform:scale(1) rotate(-3deg);opacity:1}}:root[data-skin=zine] body:not(#z) .zine-tape{position:absolute;width:86px;height:24px;background:var(--z-tape);pointer-events:none;z-index:3;clip-path:polygon(0 8%,6% 0,12% 10%,18% 2%,24% 8%,30% 0,100% 0,100% 92%,94% 100%,88% 90%,82% 98%,76% 92%,70% 100%,0 100%)}:root[data-skin=zine] body:not(#z) :is(.program-card.on-air,.visit-room,.play-button,.music-request,.login-button){filter:none}:root[data-skin=zine] body:not(#z) .fansite-footer{font-family:var(--z-body);font-size:var(--t-small);line-height:1.6;color:var(--z-text-muted);border-top:2px dashed var(--z-ink-2)}:root[data-skin=zine] body:not(#z) .fansite-footer :is(p){font-size:.875rem;max-width:72ch}:root[data-skin=zine] body:not(#z) .fansite-footer nav a{color:var(--z-text);font-size:var(--t-small);text-decoration:underline;text-decoration-color:var(--z-brand);text-underline-offset:4px;text-decoration-thickness:2px}:root[data-skin=zine] body:not(#z) .fansite-footer a:hover{color:var(--z-brand)}:root[data-skin=zine] body:not(#z) .skip-public{font-family:var(--z-mono);background:var(--z-signal);color:var(--z-on-signal);border-radius:0}@media(prefers-reduced-motion:reduce){:root[data-skin=zine] body:not(#z) *,:root[data-skin=zine] body:not(#z) *:before,:root[data-skin=zine] body:not(#z) *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}