@font-face{font-family:Familjen Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/familjen-grotesk-latin.woff2)format("woff2")}@font-face{font-family:Doto;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/doto-900.woff)format("woff")}@font-face{font-family:Special Elite;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/special-elite-400.woff2)format("woff2")}:root{--bg:#f2f0e9;--card-white:#fff;--ink:#26262a;--body-grey:#6e6a5e;--caption-grey:#8a867a;--key-shadow:#b8b4a8;--device-charcoal:#2b2b2e;--screen:#191916;--lcd-bg:#1a241a;--deep-shadow-1:#141416;--deep-shadow-2:#17171a;--coral:#e8542f;--coral-pressed:#a33417;--lcd-green:#9fe870;--led-off:#4a4a50;--tv-body:#26262a;--font-body:"Familjen Grotesk", "Trebuchet MS", sans-serif;--font-lcd:"Doto", "Courier New", monospace;--font-card:"Special Elite", "Courier New", monospace;--zap-full:2s;--zap-compressed:1s;--static-full:.8s;--static-compressed:.4s;--card-delay-full:1s;--card-delay-compressed:.5s;--card-slide:.3s}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-weight:400;line-height:1.5}.page{max-width:960px;margin:0 auto;padding:2rem 1.5rem}.hero{text-align:center;margin-bottom:2rem}.hero__wordmark{font-family:var(--font-body);color:var(--ink);letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.hero__headline{color:var(--body-grey);margin:0;font-size:1rem;font-weight:400}.scene{flex-direction:row;align-items:flex-end;gap:2rem;margin-bottom:2rem;display:flex}.remote{background:var(--device-charcoal);border-radius:22px;flex-direction:column;align-items:center;gap:12px;width:240px;min-width:240px;padding:16px 18px 20px;display:flex;position:relative;box-shadow:0 8px #17171a}.ir-led{background:#4a4a50;border-radius:50%;width:9px;height:9px;transition:background .1s;position:absolute;top:12px;left:50%;transform:translate(-50%)}.ir-led--blip{animation:.9s ease-out led-blip-3}.ir-led--blip-fast{animation:.6s ease-out led-blip-2}.lcd{background:var(--lcd-bg);border-radius:8px;align-items:center;width:100%;padding:8px 10px;display:flex}.lcd__text{font-family:var(--font-lcd);color:var(--lcd-green);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:900;line-height:17px;overflow:hidden}.lcd--flicker{animation:.5s steps(3,end) lcd-flicker}.surf-key{width:116px;height:116px;font-family:var(--font-body);text-transform:uppercase;color:#fff;background:var(--coral);cursor:pointer;border:3px solid #17171a;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:23px;font-weight:700;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative;transform:translateY(0);box-shadow:0 7px #a33417}.surf-key:hover{transform:translateY(-2px);box-shadow:0 9px #a33417}.surf-key:active,.surf-key--pressed{transform:translateY(5px);box-shadow:0 1px #a33417}.surf-key:disabled{opacity:.7;cursor:not-allowed}.mood-keys{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.mood-key{font-family:var(--font-body);text-transform:uppercase;color:#26262a;cursor:pointer;background:#f2f0e9;border:none;border-radius:9px;justify-content:center;align-items:center;min-height:44px;padding:.5rem .25rem;font-size:10.5px;font-weight:600;transition:background .1s,color .1s,box-shadow .1s,transform 80ms;display:flex;box-shadow:0 3px #b8b4a8}.mood-key:hover{color:#26262a;background:#e8e6df}.mood-key:active{transform:translateY(2px);box-shadow:0 1px #b8b4a8}.mood-key--active{background:var(--coral);color:#fff;box-shadow:0 3px #a33417}.mood-key--active:active{box-shadow:0 1px #a33417}.input-key{width:100%;font-family:var(--font-body);letter-spacing:.03em;text-transform:uppercase;color:var(--ink);cursor:pointer;background:#f2f0e9;border:none;border-radius:9px;min-height:44px;padding:.5rem;font-size:10.5px;font-weight:600;transition:background .15s,color .15s,transform .1s,box-shadow .1s;box-shadow:0 3px #b8b4a8}.input-key:hover{background:#e8e6df}.input-key:active{transform:translateY(2px);box-shadow:0 1px #b8b4a8}.input-key--active{background:var(--coral);color:#fff;box-shadow:0 3px #a33417}.input-key--active:active{box-shadow:0 1px #a33417}.telly-container{flex-direction:column;flex:1;min-width:0;display:flex}.telly{background:#26262a;border-radius:14px;padding:12px;box-shadow:0 6px #141416}.telly__screen{aspect-ratio:16/10;background:var(--screen);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:158px;display:flex;position:relative;overflow:hidden}.telly__screen--tuned{background:#f2f0e9;animation:.3s steps(2,end) tune-in}.telly__screen--tuned-fast{background:#f2f0e9;animation:.15s steps(2,end) tune-in}.telly__channel{font-family:var(--font-lcd);color:#26262a;text-align:center;font-size:20px;font-weight:900;line-height:1.1}.telly__subtitle{font-family:var(--font-body);color:var(--body-grey);text-align:center;margin-top:.5rem;font-size:11px}.telly__no-signal{font-family:var(--font-lcd);color:#fff;font-size:1.5rem;font-weight:900}.telly__stand{background:#141416;border-radius:0 0 8px 8px;width:55%;height:10px;margin:0 auto}.press-note{color:#8a867a;text-align:center;margin-top:8px;font-size:12px;font-style:italic}.card-slot{max-height:0;padding:0 14px;transition:max-height .3s ease-out;overflow:hidden}.card-slot--visible,.card-slot--reprint{max-height:190px}.card-slot__inner{transform:translateY(-105%)}.card-slot--visible .card-slot__inner{animation:.9s cubic-bezier(.22,.61,.36,1) forwards firstprint}.card-slot--reprint .card-slot__inner{animation:1.2s cubic-bezier(.22,.61,.36,1) forwards reprint}@keyframes firstprint{0%,20%{transform:translateY(-105%)}to{transform:translateY(0)}}@keyframes reprint{0%{transform:translateY(0)}30%{transform:translateY(-105%)}60%{transform:translateY(-105%)}to{transform:translateY(0)}}.prov-card{background:var(--card-white);font-family:var(--font-card);border:2px solid #26262a;border-top:none;border-radius:0 0 12px 12px;padding:16px 20px 14px;position:relative;box-shadow:0 4px 8px #26262a1f}.prov-card__heading{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;color:var(--caption-grey);margin:0 0 .75rem;padding-right:90px;font-size:.65rem;font-weight:600}.prov-card__body{color:var(--ink);margin:0 0 .75rem;font-size:1rem;line-height:1.5}.prov-card__body--fallback{color:var(--body-grey);font-style:italic}.prov-card__footer{font-family:var(--font-body);color:var(--caption-grey);margin:0;font-size:.75rem;font-style:italic}.prov-card__stamp{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--coral);border:1.5px solid var(--coral);border-radius:3px;padding:2px 6px;font-size:.55rem;font-weight:700;position:absolute;top:1rem;right:1rem;transform:rotate(-4deg)}.filters{margin-bottom:1.5rem}.filters__group{margin-bottom:.75rem}.filters__label{text-transform:uppercase;letter-spacing:.04em;color:var(--caption-grey);margin-bottom:.4rem;font-size:.7rem;font-weight:600}.chip-row{flex-wrap:wrap;gap:.4rem;display:flex}.chip{font-family:var(--font-body);color:var(--body-grey);background:var(--card-white);border:1px solid var(--key-shadow);cursor:pointer;border-radius:100px;align-items:center;min-height:44px;padding:.4rem .75rem;font-size:.75rem;font-weight:400;transition:background .12s,color .12s,border-color .12s;display:flex}.chip:hover{border-color:var(--body-grey);color:var(--ink)}.chip--active{background:var(--coral);color:#fff;border-color:var(--coral);font-weight:600}.chip--active:hover{color:#fff;background:#d94a28;border-color:#d94a28}.status-line{text-align:center;padding:1rem 0}.status-line__text{color:var(--body-grey);margin:0 0 .5rem;font-size:.9rem}.status-line__sub{color:var(--caption-grey);margin:0;font-size:.8rem}.status-line__link{color:var(--coral);cursor:pointer;text-decoration:underline}.status-line__link:hover{color:var(--coral-pressed)}.reset-btn{font-family:var(--font-body);color:#fff;background:var(--coral);cursor:pointer;border:none;border-radius:6px;margin-top:.75rem;padding:.5rem 1.25rem;font-size:.8rem;font-weight:600;transition:background .12s}.reset-btn:hover{background:var(--coral-pressed)}@keyframes fuzz{0%{background-position:0 0}33%{background-position:-1px 1px}66%{background-position:1px -1px}to{background-position:0 0}}.telly__screen--static,.telly__screen--static-fast,.telly__screen--exhausted{background-image:radial-gradient(#f2f0e9b3 .6px,#0000 .6px);background-size:3px 3px;background-color:var(--screen);opacity:.45;animation:.4s steps(3,end) infinite fuzz}@keyframes led-blip-3{0%,to{background:var(--deep-shadow-1)}10%,20%{background:var(--coral);box-shadow:0 0 6px var(--coral)}30%,40%{background:var(--deep-shadow-1)}43%,53%{background:var(--coral);box-shadow:0 0 6px var(--coral)}63%,73%{background:var(--deep-shadow-1)}76%,86%{background:var(--coral);box-shadow:0 0 6px var(--coral)}}@keyframes led-blip-2{0%,to{background:var(--deep-shadow-1)}15%,30%{background:var(--coral);box-shadow:0 0 6px var(--coral)}45%,60%{background:var(--deep-shadow-1)}65%,80%{background:var(--coral);box-shadow:0 0 6px var(--coral)}}@keyframes lcd-flicker{0%{opacity:1}33%{opacity:.3}66%{opacity:.8}to{opacity:1}}@keyframes tune-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.ir-led--blip,.ir-led--blip-fast,.lcd--flicker{animation:none}.telly__screen--static,.telly__screen--static-fast,.telly__screen--exhausted{opacity:0;animation:none}.telly__screen--tuned,.telly__screen--tuned-fast,.telly__tuned-overlay{opacity:1;animation:none}.card-slot{max-height:190px;transition:none}.card-slot__inner,.card-slot--visible .card-slot__inner,.card-slot--reprint .card-slot__inner{animation:none;transform:translateY(0)}.surf-key:active,.surf-key--pressed{background:var(--coral-pressed);transform:none;box-shadow:0 7px #a33417}}@media (width<=768px){.scene{flex-direction:column;align-items:stretch}.remote{width:100%;min-width:unset;border-radius:20px;padding:1.25rem 1rem 1.5rem}.page{padding:1.5rem 1rem}}@media (width<=430px){.hero__wordmark{font-size:1.25rem}.hero__headline{font-size:.9rem}.prov-card{padding:12px 16px 10px}}