@font-face{font-family:Futura PT;src:url(/Futura/FuturaPTBook.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Futura PT;src:url(/Futura/FuturaPTMedium.otf)format("opentype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Futura PT;src:url(/Futura/FuturaPTDemi.otf)format("opentype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Futura PT;src:url(/Futura/FuturaPTBold.otf)format("opentype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Futura PT;src:url(/Futura/FuturaPTHeavy.otf)format("opentype");font-style:normal;font-weight:900;font-display:swap}:root{--black:#0b0a0b;--white:#f7f4ef;--gray:#a9a4a1;--muted:#716d6b;--line:#f7f4ef33;--red:#ad1e26;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--black);width:100%;height:100%;min-height:100%;color:var(--white);margin:0;overflow:hidden}body,button{font-family:Futura PT,Arial,sans-serif}button,a{color:inherit}.station{isolation:isolate;background:linear-gradient(#08070829,#0807086b),url(/bkg.png) 50%/cover no-repeat fixed;grid-template-rows:auto 1fr auto;height:100svh;min-height:100svh;display:grid;position:relative;overflow:hidden}.station:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 42%,#0000 15%,#0003 62%,#0000009e 100%),linear-gradient(90deg,#0000004d,#0000 30% 70%,#0000004d);position:fixed;inset:0}.soundcloud-widget{opacity:0;pointer-events:none;border:0;width:500px;height:166px;position:fixed;top:0;left:-10000px}.topbar{border-bottom:1px solid var(--line);z-index:4;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:0 4vw;display:grid;position:relative}.frequency,.local-time{letter-spacing:.17em;font-size:.69rem;font-weight:600}.frequency{align-items:center;display:flex}.top-logo{object-fit:contain;width:clamp(150px,18vw,220px);height:auto;max-height:58px;display:block}.live-dot{background:var(--red);border-radius:50%;width:7px;height:7px;margin-right:10px;animation:1.8s infinite pulse;box-shadow:0 0 0 5px #ad1e2629}.local-time{color:var(--gray);justify-self:end}.local-time strong{color:var(--white);margin-left:12px}.hero{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;height:calc(100svh - 134px);min-height:0;padding:8px 2.5vw;display:flex;position:relative;overflow:hidden}.main-visual{aspect-ratio:423/839;grid-template-rows:repeat(20,1fr);grid-template-columns:repeat(8,1fr);width:auto;max-width:min(42vw,380px);height:min(68svh,100svh - 220px);display:grid}.cassette-image,.cassette-hit,.cassette-label{min-width:0;min-height:0}.cassette-image{object-fit:contain;z-index:1;grid-area:1/1/-1/-1;width:100%;max-width:none;height:100%}.cassette-image.is-hidden{visibility:hidden}.cassette-hit{cursor:pointer;z-index:4;background:0 0;border:0;padding:0}.cassette-hit:disabled{cursor:default}.cassette-play{grid-area:16/2/18/4}.cassette-pause{grid-area:16/7/18/9}.cassette-label{z-index:3;text-align:center;color:#161616;flex-direction:column;grid-area:18/2/21/8;justify-content:center;align-items:center;padding:2% 4%;display:flex}.cassette-status{letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin:0 0 2px;font-size:.48rem;font-weight:700}.cassette-label h1,.cassette-label .artist{white-space:nowrap;width:100%;margin:0;overflow:hidden}.cassette-label h1{letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(.72rem,1.4vw,.95rem);font-weight:800;line-height:1.05}.cassette-label .artist{letter-spacing:.12em;text-transform:uppercase;color:#5c5c5c;margin-top:3px;font-size:.52rem;font-weight:500}.sliding-text span{will-change:transform;display:inline-block}.sliding-text span.is-sliding{animation:slide-text var(--slide-duration) ease-in-out infinite alternate}.volume-panel{background:0 0;grid-template-columns:auto auto minmax(90px,180px) auto 28px;align-items:center;gap:10px;width:min(100%,360px);margin:0;padding:4px 0;display:grid}.volume-panel button{cursor:pointer;background:0 0;border:0;padding:7px 2px;font-size:.68rem;font-weight:700}.volume-panel button:nth-of-type(2),.volume-panel button:nth-of-type(3){font-size:1.15rem}.volume-panel strong{color:var(--gray);font-size:.65rem;font-weight:400}.volume-slider{appearance:none;background:linear-gradient(90deg, var(--white) var(--volume,72%), #fff3 var(--volume,72%));cursor:pointer;border:0;border-radius:999px;width:100%;height:3px;margin:0}.volume-slider::-webkit-slider-runnable-track{background:0 0;height:3px}.volume-slider::-webkit-slider-thumb{appearance:none;background:var(--white);cursor:grab;border:0;border-radius:50%;width:12px;height:12px;margin-top:-4.5px}.volume-slider::-moz-range-track{background:#fff3;height:3px}.volume-slider::-moz-range-progress{background:var(--white);height:3px}.volume-slider::-moz-range-thumb{background:var(--white);cursor:grab;border:0;border-radius:50%;width:12px;height:12px}footer{border-top:1px solid var(--line);min-height:58px;color:var(--muted);letter-spacing:.12em;z-index:4;justify-content:space-between;align-items:center;gap:24px;padding:12px 4vw;font-size:.58rem;font-weight:500;display:flex;position:relative}footer p{margin:0}footer a{color:var(--gray);text-decoration:none}footer a:hover{color:var(--white)}@keyframes pulse{50%{opacity:.35}}@keyframes slide-text{0%,12%{transform:translate(0)}88%,to{transform:translateX(var(--slide))}}@media (max-width:1050px){.volume-panel{grid-template-columns:auto auto minmax(48px,100px) auto 24px}}@media (max-width:820px){.station{background-attachment:scroll;overflow:hidden}.topbar{grid-template-columns:1fr;justify-items:center}.frequency,.local-time{display:none}.top-logo{position:static;transform:none}.hero{gap:12px;padding:8px 6vw}.main-visual{max-width:min(70vw,340px);height:min(60svh,100svh - 240px)}.volume-panel{width:min(88vw,360px)}}@media (max-width:520px){.topbar{min-height:66px}.main-visual{max-width:min(78vw,300px);height:min(58svh,100svh - 240px)}.top-logo{width:138px}.cassette-label h1{font-size:.7rem}footer{text-align:center;justify-content:center}footer p{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.sliding-text span.is-sliding{animation:none!important}}