/* 📺 nostalgia vault — a 1980s living room: wood-grain TV, warm amber light, scanlines */
.nsp{--ns-amber:#F2A93B;--ns-amber2:#E07A2E;--ns-cream:#F4E3C1;--ns-wood:#6B3F22;--ns-wood2:#8A5530;--ns-ink:#1B1210}
.ns-hero{position:relative;overflow:hidden;color:#FBEFD9;background:radial-gradient(70% 90% at 75% 40%,#5A2E14 0%,#2A140B 55%,#160A06 100%);padding:46px 0 54px;isolation:isolate}
.ns-wall{position:absolute;inset:0;z-index:-1;opacity:.16;background:
  repeating-linear-gradient(90deg,transparent 0 46px,rgba(255,220,170,.35) 46px 48px),
  radial-gradient(circle at 20% 30%,rgba(255,200,120,.5),transparent 40%)}
.ns-wall::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,236,200,.9) 0 1px,transparent 1.5px) 0 0/26px 26px;opacity:.25}
.ns-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.ns-eb{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.3px;padding:6px 14px;border-radius:99px;background:rgba(242,169,59,.15);color:var(--ns-amber);box-shadow:inset 0 0 0 1px rgba(242,169,59,.35)}
.ns-intro h1{font:400 clamp(34px,5vw,54px)/1.25 Lalezar,var(--font);margin:16px 0 12px;color:#FFF3DF;text-shadow:0 4px 30px rgba(242,169,59,.35)}
.ns-intro h1 em{font-style:normal;background:linear-gradient(90deg,#FFD27A,#F2A93B 40%,#E8663D);-webkit-background-clip:text;background-clip:text;color:transparent}
.ns-intro p{font-size:15.5px;line-height:2.1;color:rgba(251,239,217,.78);max-width:520px}
.ns-score{margin:18px 0 6px}
.ns-sc{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:18px;background:rgba(0,0,0,.25);box-shadow:inset 0 0 0 1px rgba(255,220,170,.12);max-width:440px}
.ns-sc b{font:400 34px/1 Lalezar,var(--font);color:var(--ns-amber)}
.ns-sc small{display:block;font-size:12.5px;color:rgba(251,239,217,.7);line-height:1.8}
.ns-sc .pb{height:6px;border-radius:9px;background:rgba(255,255,255,.12);margin-top:6px;overflow:hidden}.ns-sc .pb i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#FFD27A,#E8663D);transition:width .8s cubic-bezier(.2,.8,.2,1)}
.ns-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.ns-btn{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font:inherit;font-weight:800;font-size:14px;padding:11px 20px;border-radius:14px;transition:transform .2s,box-shadow .2s,background .2s;text-decoration:none}
.ns-btn.gold{color:#2A140B;background:linear-gradient(135deg,#FFD27A,#F2A93B);box-shadow:0 10px 26px -8px rgba(242,169,59,.7),inset 0 1px 0 rgba(255,255,255,.5)}
.ns-btn.gold:hover{transform:translateY(-2px)}
.ns-btn.ghost{color:inherit;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1.5px rgba(255,220,170,.25)}
.ns-btn.ghost:hover{background:rgba(255,255,255,.14)}
.ns-btn[disabled]{opacity:.6;cursor:default}

/* ---- the television ---- */
.ns-tv{position:relative;justify-self:center;width:min(440px,100%);padding-top:44px}
.tv-ant{position:absolute;top:0;left:50%;width:0;height:52px}
.tv-ant i{position:absolute;bottom:0;width:3px;height:64px;background:linear-gradient(#ddd,#888);border-radius:3px;transform-origin:bottom center}
.tv-ant i:first-child{transform:rotate(-32deg)}.tv-ant i:last-child{transform:rotate(28deg)}
.tv-ant i::after{content:"";position:absolute;top:-5px;left:-3px;width:9px;height:9px;border-radius:50%;background:#ccc}
.tv-ant::after{content:"";position:absolute;bottom:-10px;left:-22px;width:44px;height:16px;border-radius:22px 22px 4px 4px;background:#3A2418}
.tv-body{position:relative;display:grid;grid-template-columns:1fr 92px;gap:16px;padding:20px;border-radius:30px;
  background:repeating-linear-gradient(100deg,rgba(255,255,255,.035) 0 3px,transparent 3px 9px),linear-gradient(160deg,#8A5530,#6B3F22 55%,#4D2C17);
  box-shadow:0 40px 80px -20px rgba(0,0,0,.7),inset 0 2px 0 rgba(255,255,255,.18),inset 0 -6px 14px rgba(0,0,0,.35)}
.tv-screen{position:relative;aspect-ratio:4/3;border-radius:28px/34px;overflow:hidden;background:#111;box-shadow:0 0 0 10px #241510,0 0 0 12px #5a3a26,inset 0 0 40px rgba(0,0,0,.9)}
.tv-img{position:absolute;inset:0;background:center 25%/cover #222;filter:saturate(1.15) contrast(1.05);transition:opacity .25s}
.tv-static{position:absolute;inset:0;opacity:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:cover;mix-blend-mode:screen}
.tv-static.on{animation:tvNoise .45s steps(6) both}
@keyframes tvNoise{0%{opacity:.95;transform:translate(0,0)}25%{transform:translate(-4%,3%)}50%{opacity:.85;transform:translate(3%,-2%)}75%{transform:translate(-2%,4%)}100%{opacity:0;transform:none}}
.tv-lines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
.tv-glass{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 30% 15%,rgba(255,255,255,.22),transparent 40%),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.6) 100%)}
.tv-cap{position:absolute;inset:auto 0 0;padding:28px 16px 12px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;text-align:center}
.tv-cap b{display:block;font:400 26px/1.3 Lalezar,var(--font);text-shadow:0 0 12px rgba(255,210,122,.5),2px 0 0 rgba(255,0,60,.35),-2px 0 0 rgba(0,180,255,.35)}
.tv-cap small{font-size:11.5px;opacity:.75}
.tv-live{position:absolute;top:12px;right:14px;font-size:10.5px;font-weight:800;color:#fff;background:rgba(220,38,38,.85);padding:3px 8px;border-radius:6px;animation:tvBlink 2s steps(2) infinite}
@keyframes tvBlink{50%{opacity:.55}}
.tv-panel{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:6px 0;border-radius:16px;background:linear-gradient(#2c1a11,#1e120c);box-shadow:inset 0 2px 8px rgba(0,0,0,.6)}
.tv-knobs{display:flex;flex-direction:column;gap:9px;padding-top:6px}
.tv-knob{position:relative;width:60px;height:38px;border:0;border-radius:12px;cursor:pointer;font:inherit;font-weight:900;font-size:13px;color:#F4E3C1;
  background:linear-gradient(#4a3022,#2a1910);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 3px 0 #120a06,0 4px 8px rgba(0,0,0,.4);transition:transform .1s,box-shadow .1s,color .2s}
.tv-knob:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 #120a06}
.tv-knob.on{color:#2A140B;background:linear-gradient(#FFD27A,#E59A2F);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 0 #8a4b12,0 0 18px rgba(242,169,59,.55)}
.tv-grill{display:grid;gap:5px;padding:10px 0 4px}
.tv-grill i{display:block;width:54px;height:4px;border-radius:4px;background:#0f0905;box-shadow:inset 0 1px 1px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.06)}
.tv-feet{display:flex;justify-content:space-between;padding:0 18%}.tv-feet i{width:26px;height:22px;background:linear-gradient(#3a2418,#20130b);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}

/* ---- the shelf ---- */
.ns-main{padding-top:30px;padding-bottom:40px}
.ns-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.ns-bar h2{font:400 26px Lalezar,var(--font);color:var(--strong);margin:0}
.ns-chips{display:flex;gap:6px;flex-wrap:wrap}
.ns-chip{border:1.5px solid var(--line);background:var(--fg);color:var(--text);font:inherit;font-weight:700;font-size:13px;padding:7px 14px;border-radius:99px;cursor:pointer}
.ns-chip.on{background:var(--strong);color:var(--fg);border-color:var(--strong)}
.ns-grid{display:block}
.ns-grid-in{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}
.ns-load,.ns-empty{grid-column:1/-1;padding:60px 10px;text-align:center;color:var(--muted)}
.ns-card{position:relative;display:flex;flex-direction:column;border-radius:20px;background:var(--fg);box-shadow:var(--shadow-s);border:1px solid var(--line);overflow:hidden;cursor:pointer;transition:transform .25s cubic-bezier(.2,.9,.3,1.2),box-shadow .25s;animation:nsIn .5s var(--d,0ms) both}
.ns-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
@keyframes nsIn{from{opacity:0;transform:translateY(14px)}}
.ns-pic{position:relative;aspect-ratio:4/3;margin:10px 10px 0;border-radius:16px/20px;overflow:hidden;background:center 25%/cover #2a1a10;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.ns-pic::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;transition:opacity .3s}
.ns-pic::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.55) 100%),radial-gradient(90% 70% at 25% 10%,rgba(255,255,255,.18),transparent 45%)}
.ns-card:hover .ns-pic::before{opacity:.4}
.ns-pic .dec{position:absolute;top:8px;right:8px;z-index:1;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:7px;background:rgba(20,10,6,.7);color:#FFD27A;backdrop-filter:blur(6px)}
.ns-pic .none{position:absolute;inset:0;display:grid;place-items:center;font-size:44px;opacity:.6}
.ns-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:3px;flex:1}
.ns-body b{font:400 20px/1.35 Lalezar,var(--font);color:var(--strong)}
.ns-body small{font-size:11.5px;color:var(--muted);direction:ltr;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ns-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px}
.ns-cnt{font-size:12px;color:var(--muted)}
.ns-tick{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:var(--fg2);color:var(--strong);font:inherit;font-size:12.5px;font-weight:800;padding:7px 12px;border-radius:99px;cursor:pointer;transition:all .2s}
.ns-tick:hover{border-color:var(--ns-amber)}
.ns-tick.on{background:linear-gradient(135deg,#FFD27A,#F2A93B);border-color:transparent;color:#2A140B;box-shadow:0 6px 16px -6px rgba(242,169,59,.7)}
.ns-tick.pop{animation:nsPop .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes nsPop{40%{transform:scale(1.18)}}
.ns-card.seen{border-color:color-mix(in srgb,var(--ns-amber) 45%,var(--line))}
.ns-note{margin-top:26px;font-size:12.5px;color:var(--muted);line-height:2;text-align:center}

/* ---- detail ---- */
.ns-dlg{width:min(720px,96vw);max-height:92vh;padding:0;border:0;border-radius:24px;background:var(--fg);color:var(--text);box-shadow:0 40px 100px -20px rgba(0,0,0,.6);overflow:hidden}
.ns-dlg[open]{display:flex;flex-direction:column}
.ns-dlg::backdrop{background:rgba(12,6,3,.72);backdrop-filter:blur(6px)}
.ns-small{width:min(440px,94vw)}
.nd-scroll{overflow:auto}
.nd-head{position:relative;padding:22px 22px 18px;color:#FFF3DF;isolation:isolate;overflow:hidden}
.nd-head .bg{position:absolute;inset:-30px;z-index:-1;background:center/cover;filter:blur(28px) brightness(.45) saturate(1.3)}
.nd-head .x{position:absolute;top:12px;left:12px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(0,0,0,.35);color:#fff;font-size:20px;cursor:pointer}
.nd-top{display:flex;gap:18px;align-items:flex-end}
.nd-cov{flex:none;width:130px;aspect-ratio:3/4;border-radius:14px;background:center/cover #2a1a10;box-shadow:0 16px 36px rgba(0,0,0,.5),0 0 0 3px rgba(255,210,122,.4)}
.nd-t small{display:inline-block;font-size:11.5px;font-weight:800;color:#FFD27A;background:rgba(0,0,0,.3);padding:3px 9px;border-radius:7px}
.nd-t h2{font:400 34px/1.25 Lalezar,var(--font);margin:8px 0 2px}
.nd-t .orig{font-size:12.5px;opacity:.75;direction:ltr;text-align:right}
.nd-t p{font-size:14px;line-height:2;opacity:.9;margin:8px 0 0}
.nd-sec{padding:18px 22px;border-top:1px solid var(--line)}
.nd-sec h3{font-size:15px;color:var(--strong);margin:0 0 12px}
.nd-seen{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.nd-meter{flex:1;min-width:200px}
.nd-meter b{font-size:13px;color:var(--strong)}.nd-meter .pb{height:8px;border-radius:9px;background:var(--fg2);overflow:hidden;margin-top:6px}.nd-meter .pb i{display:block;height:100%;background:linear-gradient(90deg,#FFD27A,#E8663D);border-radius:inherit}
.nd-chars{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}
.nd-ch{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:14px;border:1.5px solid var(--line);background:var(--fg);cursor:pointer;font:inherit;color:inherit;overflow:hidden}
.nd-ch span{width:58px;height:58px;border-radius:50%;background:center 20%/cover var(--fg2)}
.nd-ch b{font-size:11.5px;color:var(--strong);text-align:center;line-height:1.4;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr}
.nd-ch em{font-style:normal;font-size:11px;font-weight:800;color:var(--ns-amber2)}
.nd-ch .fill{position:absolute;inset:auto 0 0;height:var(--p,0%);background:color-mix(in srgb,var(--ns-amber) 18%,transparent);z-index:-1;transition:height .6s}
.nd-ch{isolation:isolate}
.nd-ch.on{border-color:var(--ns-amber);box-shadow:0 0 0 3px color-mix(in srgb,var(--ns-amber) 25%,transparent)}
.nd-end{display:grid;gap:8px}
.nd-opt{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--fg);font:inherit;font-weight:700;font-size:13.5px;color:var(--strong);cursor:pointer;overflow:hidden;isolation:isolate;text-align:right}
.nd-opt .fill{position:absolute;inset:0 auto 0 0;width:var(--p,0%);background:color-mix(in srgb,var(--ns-amber) 20%,transparent);z-index:-1;transition:width .6s}
[dir=rtl] .nd-opt .fill{inset:0 0 0 auto}
.nd-opt.on{border-color:var(--ns-amber)}
.nd-opt em{font-style:normal;font-size:12px;color:var(--muted)}
.nd-write textarea{width:100%;box-sizing:border-box;min-height:80px;border-radius:14px;border:1.5px solid var(--line);background:var(--fg2);padding:12px;font:inherit;font-size:14px;color:var(--text);resize:vertical}
.nd-write .ns-row{margin-top:8px}
.ns-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ns-row small{color:var(--muted);font-size:11.5px;margin-inline-start:auto}
.nd-mems{display:grid;gap:10px;margin-top:14px}
.nd-mem{position:relative;padding:14px 16px 12px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--ns-cream) 22%,var(--fg)),var(--fg));border:1px solid var(--line)}
.nd-mem::before{content:"❝";position:absolute;top:2px;left:12px;font-size:34px;line-height:1;color:color-mix(in srgb,var(--ns-amber) 55%,transparent)}
.nd-mem p{margin:0 0 8px;font-size:14px;line-height:2;color:var(--text);white-space:pre-wrap}
.nd-mem .m{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.nd-mem .m a{color:var(--strong);font-weight:700;text-decoration:none}
.nd-mem .lk{margin-inline-start:auto;border:0;background:none;font:inherit;font-size:12.5px;font-weight:800;color:var(--muted);cursor:pointer}
.nd-mem .lk.on{color:#E8663D}
.nd-mem .del{border:0;background:none;color:var(--muted);font-size:12px;cursor:pointer}
.nd-bridge{display:flex;align-items:center;gap:14px;padding:12px;border-radius:16px;text-decoration:none;color:inherit;background:linear-gradient(135deg,color-mix(in srgb,#3DB4F2 14%,var(--fg)),var(--fg));border:1px solid var(--line);transition:transform .2s}
.nd-bridge:hover{transform:translateY(-2px)}
.nd-bridge span{flex:none;width:58px;height:78px;border-radius:10px;background:center/cover var(--fg2)}
.nd-bridge small{display:block;font-size:12px;color:var(--muted)}.nd-bridge b{display:block;font-size:15px;color:var(--strong);margin-top:2px}
.nd-bridge em{margin-inline-start:auto;font-style:normal;font-weight:800;color:#3DB4F2;white-space:nowrap}
.nd-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.nd-links a{font-size:12.5px;font-weight:700;color:var(--strong);text-decoration:none;padding:7px 12px;border-radius:99px;background:var(--fg2)}
.ns-sug{padding:22px}.ns-sug h3{margin:0 0 6px;color:var(--strong)}.ns-sug p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 10px}
.ns-sug textarea{width:100%;box-sizing:border-box;border-radius:12px;border:1.5px solid var(--line);background:var(--fg2);padding:10px;font:inherit;color:var(--text);margin-bottom:10px}
.ns-sug .ghost{color:var(--text);box-shadow:inset 0 0 0 1.5px var(--line);background:none}

@media (max-width:860px){
  .ns-hero{padding:24px 0 34px}
  .ns-hero-in{grid-template-columns:1fr;gap:18px}
  .ns-tv{order:-1;width:min(380px,100%)}
  .tv-body{grid-template-columns:1fr 72px;gap:10px;padding:14px;border-radius:24px}
  .tv-knob{width:50px;height:32px;font-size:12px}.tv-grill i{width:42px}
  .ns-intro h1{margin-top:10px}
  .ns-grid-in{grid-template-columns:repeat(2,1fr);gap:12px}
  .ns-body b{font-size:17px}.ns-tick{padding:6px 10px;font-size:11.5px}.ns-foot{flex-wrap:wrap}
  .nd-top{flex-direction:column;align-items:flex-start}.nd-cov{width:104px}.nd-t h2{font-size:28px}
}
@media (prefers-reduced-motion:reduce){.tv-static.on,.ns-card,.tv-live{animation:none!important}}

/* ===== ✨ round two ===== */
/* power-on: the picture opens from a bright line, like an old CRT */
.tv-screen.boot .tv-img,.tv-screen.boot .tv-cap{animation:crtOn 1.2s cubic-bezier(.2,.8,.2,1) both}
.tv-screen.boot::before{content:"";position:absolute;inset:0;z-index:5;background:#fff;pointer-events:none;animation:crtFlash 1.2s ease-out both}
@keyframes crtOn{0%{transform:scale(1,.004);filter:brightness(6)}35%{transform:scale(1,.004);filter:brightness(6)}60%{transform:scale(1,1);filter:brightness(2)}100%{transform:none;filter:none}}
@keyframes crtFlash{0%{opacity:0;transform:scale(.02,.004)}30%{opacity:1;transform:scale(1,.006)}55%{opacity:.6;transform:scale(1,1)}100%{opacity:0;transform:scale(1,1)}}
/* the channel number, green and glowing */
.tv-osd{position:absolute;top:12px;left:16px;z-index:3;font:800 22px/1 "Courier New",monospace;color:#7CFF8A;text-shadow:0 0 8px #7CFF8A,0 0 2px #fff;letter-spacing:1px;opacity:0;transition:opacity .2s;direction:ltr}
.tv-osd.on{opacity:1}
.tv-rand{display:block;margin:14px auto 0;border:0;cursor:pointer;font:inherit;font-weight:800;font-size:13.5px;color:#FBEFD9;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1.5px rgba(255,220,170,.25);padding:9px 18px;border-radius:99px;transition:transform .2s,background .2s}
.tv-rand:hover{background:rgba(255,255,255,.15);transform:rotate(-2deg) scale(1.04)}
.tv-screen{cursor:pointer}
/* your generation */
.ns-sc{flex-wrap:wrap}
.ns-gen{flex-basis:100%;display:inline-flex;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:6px 12px;border-radius:99px;font-size:13px;font-weight:900;color:#2A140B;background:linear-gradient(90deg,#FFD27A,#F2A93B,#E8663D);box-shadow:0 6px 16px -6px rgba(242,169,59,.7);animation:genIn .6s cubic-bezier(.2,1.5,.4,1)}
@keyframes genIn{from{transform:scale(.6);opacity:0}}
/* the news crawl */
.ns-ticker{display:flex;align-items:stretch;height:46px;background:#120805;border-top:2px solid #C2410C;border-bottom:1px solid rgba(255,220,170,.12);overflow:hidden;color:#FBEFD9}
.tk-l{flex:none;display:flex;align-items:center;padding:0 18px;font-weight:900;font-size:14px;color:#fff;background:linear-gradient(90deg,#DC2626,#C2410C);clip-path:polygon(0 0,100% 0,92% 100%,0 100%);padding-inline-end:28px;z-index:1}
[dir=rtl] .tk-l{clip-path:polygon(0 0,100% 0,100% 100%,8% 100%);padding-inline:28px 18px}
.tk-v{flex:1;overflow:hidden;position:relative;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.tk-run{display:inline-flex;align-items:center;height:100%;white-space:nowrap;animation:tkRun var(--dur,40s) linear infinite;will-change:transform}
.ns-ticker:hover .tk-run{animation-play-state:paused}
@keyframes tkRun{from{transform:translateX(0)}to{transform:translateX(50%)}}
.tk-run a{font-size:14px;cursor:pointer;color:inherit;padding:0 6px}
.tk-run a:hover{color:#FFD27A}
.tk-run a i{font-style:normal;color:#F2A93B;font-size:12.5px}
.tk-run .dot{color:#C2410C;font-size:10px;padding:0 14px}
/* most-watched of our generation */
.ns-top{margin-bottom:28px;padding:18px 20px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,#F2A93B 12%,var(--fg)),var(--fg));border:1px solid var(--line)}
.nt-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.nt-h h2{font:400 22px Lalezar,var(--font);color:var(--strong);margin:0}.nt-h small{font-size:12.5px;color:var(--muted)}
.nt-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.nt-list li{display:flex;align-items:center;gap:12px;padding:6px 10px 6px 14px;border-radius:14px;cursor:pointer;transition:background .2s;animation:nsIn .5s var(--d) both}
.nt-list li:hover{background:color-mix(in srgb,var(--fg2) 70%,transparent)}
.nt-list .rk{width:28px;text-align:center;font:400 24px Lalezar,var(--font);color:#E59A2F}
.nt-list li:first-child .rk{font-size:30px;color:#F2A93B;text-shadow:0 0 14px rgba(242,169,59,.5)}
.nt-list .cv{flex:none;width:52px;height:40px;border-radius:9px;background:center 25%/cover #2a1a10;box-shadow:0 0 0 3px #4D2C17}
.nt-list div{flex:1;min-width:0}.nt-list b{display:block;font-size:14.5px;color:var(--strong)}
.nt-list .bar{display:block;height:6px;border-radius:9px;background:var(--fg2);margin-top:5px;overflow:hidden}.nt-list .bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#FFD27A,#E8663D);transform-origin:right;animation:barIn 1s cubic-bezier(.2,.8,.2,1) both}
@keyframes barIn{from{transform:scaleX(0)}}
.nt-list em{font-style:normal;font-size:12.5px;font-weight:800;color:var(--muted);white-space:nowrap}
/* shelves by decade, standing on wooden planks */
.ns-shelf{margin-bottom:34px}
.ns-sh{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.ns-sh h3{font:400 24px Lalezar,var(--font);color:var(--strong);margin:0;display:flex;align-items:center;gap:8px}
.ns-sh h3 span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;font-size:18px;background:linear-gradient(135deg,#7A3E18,#2A140B);box-shadow:inset 0 0 0 1px rgba(242,169,59,.4)}
.ns-sh small{font-size:13px;color:var(--muted)}.ns-sh small b{color:#E59A2F}
.ns-shbar{flex:1;min-width:120px;max-width:260px;height:6px;border-radius:9px;background:var(--fg2);overflow:hidden;margin-inline-start:auto}
.ns-shbar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#FFD27A,#E8663D)}
.ns-plank{height:16px;margin:14px -6px 0;border-radius:4px 4px 10px 10px;background:repeating-linear-gradient(100deg,rgba(255,255,255,.05) 0 3px,transparent 3px 11px),linear-gradient(#8A5530,#5A3418);box-shadow:0 12px 20px -10px rgba(0,0,0,.6),inset 0 2px 0 rgba(255,255,255,.18)}
.ns-pic .stamp{position:absolute;bottom:10px;left:10px;z-index:1;font-size:11px;font-weight:900;color:#2A140B;padding:3px 9px;border-radius:7px;background:linear-gradient(135deg,#FFD27A,#F2A93B);transform:rotate(-6deg);box-shadow:0 4px 10px rgba(0,0,0,.35)}
/* story preview */
.ns-story{width:min(460px,96vw)}
.st-h{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}
.st-h b{color:var(--strong);font-size:16px}.st-h .x{border:0;background:none;font-size:26px;color:var(--muted);cursor:pointer}
.st-themes{display:flex;gap:8px;justify-content:center;padding:12px 16px 0}
.st-themes button{border:1.5px solid var(--line);background:var(--fg);color:var(--text);font:inherit;font-weight:800;font-size:13px;padding:7px 16px;border-radius:99px;cursor:pointer}
.st-themes button.on{background:var(--strong);color:var(--fg);border-color:var(--strong)}
.st-prev{display:grid;place-items:center;padding:14px 16px;min-height:300px;overflow:auto}
.st-prev img{display:block;max-width:100%;max-height:min(62vh,640px);border-radius:16px;box-shadow:0 20px 50px -10px rgba(0,0,0,.6);animation:stIn .5s cubic-bezier(.2,1.3,.4,1)}
@keyframes stIn{from{transform:scale(.92) rotate(-1deg);opacity:0}}
.st-load{color:var(--muted);font-size:14px;padding:80px 0}
.st-act{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:4px 16px 18px}
.st-act .ghost{color:var(--text);background:none;box-shadow:inset 0 0 0 1.5px var(--line)}
@media (max-width:860px){.ns-sh h3{font-size:20px}.ns-shbar{max-width:none;flex-basis:100%;margin:0}.ns-ticker{height:42px}.tk-l{font-size:12.5px;padding-inline:20px 12px}}
@media (prefers-reduced-motion:reduce){.tk-run{animation-duration:0s}.tv-screen.boot .tv-img,.tv-screen.boot::before{animation:none}}