@font-face{font-family:Vazirmatn;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/Vazirmatn-Regular.woff2) format('woff2')}
@font-face{font-family:Vazirmatn;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/Vazirmatn-SemiBold.woff2) format('woff2')}
@font-face{font-family:Vazirmatn;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/Vazirmatn-Bold.woff2) format('woff2')}
@font-face{font-family:Vazirmatn;font-style:normal;font-weight:800;font-display:swap;src:url(fonts/Vazirmatn-ExtraBold.woff2) format('woff2')}
:root{--bg:#0f0e12;--bg2:#17161c;--card:#1d1b23;--line:#2b2932;--fg:#f2efe9;--muted:#9a95a3;--gold:#e8be78;--red:#c8323c}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.7;padding-bottom:90px}
a{color:var(--gold);text-decoration:none}img{max-width:100%}
.wrap{max-width:1200px;margin:0 auto;padding:16px}
.top{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.brand{font-weight:800;font-size:1.3rem;color:var(--fg)}.brand small{display:block;font-size:.7rem;color:var(--muted);font-weight:400}
.top nav a{margin-inline-start:18px;color:var(--fg)}.top nav a.live{color:#ff5a5f}
.hero{border-radius:18px;min-height:320px;background:linear-gradient(135deg,#2b1d2e,#12202c);background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.1))}
.hero-text{position:relative;z-index:1;padding:32px}.hero h1{margin:0;font-size:2.4rem}.hero p{color:#ddd;margin:6px 0 16px}
.btn{display:inline-block;background:var(--gold);color:#1a1409;padding:10px 20px;border-radius:999px;font-weight:700;border:0;cursor:pointer;font-family:inherit;font-size:1rem}
.btn.ghost{background:transparent;color:var(--gold);border:1px solid var(--gold)}.btn.danger{background:var(--red);color:#fff}
.cta .btn{margin:4px 0 4px 8px}
.cols{display:grid;grid-template-columns:1fr;gap:24px;margin-top:24px}.cols:has(> aside){grid-template-columns:1fr 300px}.cols .main{min-width:0}
@media(max-width:860px){.cols{grid-template-columns:1fr}.top{flex-direction:column;gap:8px}.top nav a{margin:0 8px}}
h2{font-size:1.25rem;margin:28px 0 12px;border-inline-start:4px solid var(--gold);padding-inline-start:10px}
.song{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:var(--card);margin-bottom:8px;border:1px solid var(--line)}
.song.playing{border-color:var(--gold)}
.play-btn{width:44px;height:44px;border-radius:50%;border:0;background:var(--gold);color:#1a1409;font-size:1.1rem;cursor:pointer;flex:none}
.cover{width:56px;height:56px;border-radius:8px;object-fit:cover;flex:none}.cover.ph{background:#2c2a33}
.meta{flex:1;min-width:0}.meta .title{display:block;color:var(--fg);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta .sub{font-size:.8rem;color:var(--muted)}
.dl a{display:inline-block;padding:4px 10px;border-radius:8px;border:1px solid var(--line);color:var(--muted);font-size:.85rem;margin-inline-start:4px}.dl a.hq{color:var(--gold);border-color:var(--gold)}
.tag{background:var(--red);color:#fff;font-size:.7rem;padding:1px 8px;border-radius:6px;vertical-align:middle}.tag.gray{background:#444}
.muted{color:var(--muted)}.ltr{direction:ltr;text-align:left}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:16px}.card.narrow{max-width:400px;margin:40px auto}
.card h3{margin:0 0 8px}.card>a{display:block;padding:6px 0;border-bottom:1px solid var(--line)}
.banner{text-align:center;margin:12px 0}.banner img{border-radius:8px}.top-banner{margin:12px auto 0;max-width:1200px;padding:0 16px}
.teaser-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.teaser video{width:100%;aspect-ratio:9/16;background:#000;border-radius:12px;object-fit:cover}.teaser audio{width:100%}.teaser b{display:block;margin-top:6px}
.song-hero{display:flex;gap:20px;align-items:flex-start}.big-cover{width:240px;border-radius:14px}
.lyrics{white-space:pre-wrap;font-family:inherit;background:var(--card);padding:16px;border-radius:12px;line-height:2.1}
.search{display:flex;gap:8px;margin-bottom:16px}.search input{flex:1}
input,textarea,select{width:100%;padding:10px;border-radius:10px;border:1px solid var(--line);background:#111016;color:var(--fg);font-family:inherit;font-size:1rem}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid label{display:block;font-size:.9rem;color:var(--muted)}.grid .full{grid-column:1/-1}.grid .chk{display:flex;align-items:center;gap:8px}.grid .chk input{width:auto}
.grid.small{grid-template-columns:1fr 1fr;font-size:.85rem}
@media(max-width:600px){.grid{grid-template-columns:1fr}.song-hero{flex-direction:column}}
table{width:100%;border-collapse:collapse;margin-top:12px}th,td{padding:8px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
.tabs a{display:inline-block;padding:6px 14px;border:1px solid var(--line);border-radius:999px;margin:0 0 12px 6px;color:var(--fg)}
.flash{background:#2a3a2a;border:1px solid #3d6b3d;padding:10px;border-radius:10px;margin-bottom:12px}
footer{text-align:center;padding:24px;color:var(--muted);border-top:1px solid var(--line);margin-top:40px}footer .links a{margin:0 10px}
#player[hidden]{display:none}
#player{position:fixed;bottom:0;left:0;right:0;background:#151319;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:8px 14px;z-index:30}
#player img{width:52px;height:52px;border-radius:8px;object-fit:cover;background:#2c2a33}
.p-info{min-width:120px;max-width:260px}.p-info b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-info span{font-size:.75rem;color:var(--muted)}
.p-ctl button{background:none;border:0;color:var(--fg);font-size:1.3rem;cursor:pointer;padding:4px 6px}#p-play{font-size:1.6rem;color:var(--gold)}
#p-seek{flex:1;accent-color:var(--gold);padding:0}#p-q{width:auto;padding:4px 8px}#p-dl{font-size:1.4rem}
@media(max-width:600px){.p-info{max-width:120px}#p-q{display:none}}
.crumbs{font-size:.85rem;margin-bottom:10px}.crumbs a{color:var(--muted)}
.votes{margin-top:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vote{background:var(--card);border:1px solid var(--line);color:var(--fg);border-radius:999px;padding:6px 14px;cursor:pointer;font-family:inherit;font-size:1rem}
.vote.on{border-color:var(--gold);color:var(--gold)}.vote b{font-weight:600}
.idcard th{width:140px;color:var(--muted);font-weight:600}.idcard{background:var(--card);border-radius:12px;overflow:hidden}
.comment{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:8px}.comment p{margin:6px 0 0;white-space:pre-wrap}
.comment-form{margin-bottom:16px}
.share{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.share .vote{font-size:.85rem;padding:5px 12px}.share a.vote{color:var(--fg)}
.embed summary{list-style:none;display:inline-block}.embed textarea{margin-top:6px;font-size:.75rem}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.scard{position:relative;display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;color:var(--fg);transition:transform .15s,border-color .15s}
.scard:hover{transform:translateY(-3px);border-color:var(--gold)}
.scard img,.scard .ph{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;background:#2c2a33}
.scard .tag{position:absolute;top:10px;inset-inline-start:10px}
.sc-body{padding:10px 12px 12px}.sc-body b{display:block;font-size:1.05rem}.sc-body small{display:block;font-size:.78rem;color:var(--muted);margin-top:2px}
.sc-body .excerpt{margin:8px 0 6px;font-size:.85rem;color:#d8d3cc;line-height:1.7;border-inline-start:2px solid var(--gold);padding-inline-start:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.banner.full{grid-column:1/-1}
.stars{margin-top:10px;display:flex;align-items:center;gap:2px}.star{background:none;border:0;color:#4a4752;font-size:1.5rem;cursor:pointer;padding:0 2px;line-height:1}.star.on{color:var(--gold)}.stars .muted{margin-inline-start:8px;font-size:.85rem}
select[multiple]{height:auto}
.socials{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.so{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--fg);font-size:.85rem;transition:.15s}
.so svg{width:18px;height:18px;fill:currentColor}.so:hover{border-color:var(--gold);color:var(--gold)}
.so-instagram:hover{color:#e1306c;border-color:#e1306c}.so-telegram:hover{color:#2aabee;border-color:#2aabee}.so-bale:hover{color:#5cc48f;border-color:#5cc48f}.so-rubika:hover{color:#c8a1ff;border-color:#c8a1ff}
.so-spotify:hover{color:#1db954;border-color:#1db954}.so-youtube:hover,.so-ytmusic:hover{color:#ff0000;border-color:#ff0000}.so-soundcloud:hover{color:#ff5500;border-color:#ff5500}
.top-social .socials{justify-content:flex-start}.top-social .so{padding:5px 8px;border:0;background:none}.top-social .so span{display:none}.top-social .so svg{width:20px;height:20px}
.hero .socials,.sc-body .socials,.idcard .socials{justify-content:flex-start}.idcard .so{padding:3px 9px;font-size:.8rem}
.card .socials{justify-content:flex-start}
@media(max-width:860px){.top-social{order:3}}
.cards-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
@media(max-width:1000px){.cards-5{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.cards-5{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cards-5 .sc-body{padding:8px}.cards-5 .sc-body b{font-size:.9rem}.cards-5 .excerpt{display:none}}
@media(max-width:480px){.cards-5{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sc-body b,.sc-body small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand .logo{height:44px;width:auto;display:block}.brand small{margin-top:2px}
.vote.bump{transform:scale(1.15)}.vote{transition:transform .2s,border-color .15s,color .15s}
.artist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(max-width:700px){.artist-grid{grid-template-columns:1fr}}
.banner.adnet{min-height:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.banner.adnet:empty{display:none}
.banner.side{position:sticky;top:80px}
.ad-sticky{position:fixed;bottom:0;left:0;right:0;z-index:29;background:#151319;border-top:1px solid var(--line);display:flex;justify-content:center;align-items:center;padding:4px 32px 4px 4px}
.ad-sticky button{position:absolute;left:4px;top:4px;background:#333;color:#fff;border:0;border-radius:50%;width:24px;height:24px;cursor:pointer}
body:has(#player:not([hidden])) .ad-sticky{bottom:72px}
.banner.top img,.banner.mid img,.banner.footer img{width:100%;height:auto;display:block}
.banner.top{background:none}.banner.side img{width:100%;max-width:300px}
.banner.top a,.banner.mid a,.banner.footer a{display:block}
/* admin stats */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:16px}
.tile{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.tile b{display:block;font-size:1.7rem;line-height:1.3;color:var(--gold)}.tile span{font-size:.8rem;color:var(--muted)}
.tabs a.on{border-color:var(--gold);color:var(--gold)}
.chart svg{width:100%;height:auto;display:block;direction:ltr}.chart .grid{stroke:var(--line)}.chart .ax{fill:var(--muted);font-size:11px;font-family:Vazirmatn,Tahoma,sans-serif}
.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:.85rem;margin-bottom:6px}.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-inline-end:6px;vertical-align:middle}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:800px){.two{grid-template-columns:1fr}}
.bar{height:8px;background:var(--gold);border-radius:4px;display:inline-block;max-width:120px;vertical-align:middle;margin-inline-end:6px;min-width:2px}
.small{font-size:.8rem}
.scroll{overflow-x:auto}.scroll table{min-width:640px}
/* ---- home slideshow ---- */
.slider{position:relative;margin:18px 0 8px;border-radius:20px;overflow:hidden;background:#151319;border:1px solid var(--line);isolation:isolate}
.slides{display:grid;position:relative}
.slide{grid-area:1/1;position:relative;visibility:hidden;opacity:0;transition:opacity .7s ease,visibility 0s .7s}
.slide.on{visibility:visible;opacity:1;transition:opacity .7s ease;z-index:2}
.slide.out-l,.slide.out-r{visibility:visible;z-index:1}
.sl-bg{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(38px) saturate(1.4) brightness(.55);transform:scale(1.05);z-index:0}
.slide.on .sl-bg{animation:slbg 20s linear both}
@keyframes slbg{from{transform:scale(1.05) translateX(-1%)}to{transform:scale(1.18) translateX(1%)}}
.sl-glow{position:absolute;inset:0;z-index:0;background:radial-gradient(60% 80% at 20% 50%,rgba(232,190,120,.22),transparent 60%),linear-gradient(90deg,rgba(15,14,18,.35),rgba(15,14,18,.75))}
.sl-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;align-items:center;padding:30px 34px;min-height:400px}
.sl-img{position:relative;display:block;aspect-ratio:16/9;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08);background:#0d0c10;transform:perspective(1200px) rotateY(-6deg);transition:transform .6s ease}
.slide.on .sl-img{animation:slimg .9s cubic-bezier(.2,.8,.2,1) both}
.slider:hover .sl-img{transform:perspective(1200px) rotateY(0)}
@keyframes slimg{from{opacity:0;transform:perspective(1200px) rotateY(-14deg) translateX(-40px) scale(.94)}to{opacity:1;transform:perspective(1200px) rotateY(-6deg) translateX(0) scale(1)}}
.sl-img img,.sl-img .ph{width:100%;height:100%;object-fit:cover;display:block}
.sl-img.square{background-size:cover;background-position:center}.sl-img.square::before{content:"";position:absolute;inset:-30px;background:inherit;background-size:cover;filter:blur(24px) brightness(.6)}.sl-img.square img{object-fit:contain;position:relative}
.slide.on .sl-img img{animation:slken 20s ease-out both}
@keyframes slken{from{transform:scale(1)}to{transform:scale(1.08)}}
.sl-tag{position:absolute;top:12px;inset-inline-start:12px;font-size:.8rem;padding:3px 12px;box-shadow:0 4px 14px rgba(0,0,0,.5)}
.sl-play{position:absolute;inset-inline-end:14px;bottom:14px;width:56px;height:56px;border-radius:50%;border:0;background:var(--gold);color:#1a1409;font-size:1.3rem;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.6);transition:transform .2s}
.sl-play:hover{transform:scale(1.1)}
.sl-info{min-width:0}
.slide.on .sl-info>*{animation:slrise .7s cubic-bezier(.2,.8,.2,1) both}
.slide.on .sl-info>:nth-child(1){animation-delay:.1s}.slide.on .sl-info>:nth-child(2){animation-delay:.18s}.slide.on .sl-info>:nth-child(3){animation-delay:.26s}
.slide.on .sl-info>:nth-child(4){animation-delay:.34s}.slide.on .sl-info>:nth-child(5){animation-delay:.42s}.slide.on .sl-info>:nth-child(6){animation-delay:.5s}
.slide.on .sl-info>:nth-child(7){animation-delay:.58s}.slide.on .sl-info>:nth-child(8){animation-delay:.66s}
@keyframes slrise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.sl-kicker{color:var(--gold);font-size:.85rem;letter-spacing:.5px;font-weight:600}
.sl-title{margin:4px 0 0;font-size:2.4rem;line-height:1.25;border:0;padding:0}.sl-title a{color:var(--fg)}
.sl-en{color:var(--muted);font-family:Vazirmatn,sans-serif;direction:ltr;text-align:start;font-size:1rem;margin-top:2px}
.sl-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 8px}
.chip{display:inline-block;padding:3px 12px;border-radius:999px;background:rgba(232,190,120,.15);color:var(--gold);border:1px solid rgba(232,190,120,.35);font-size:.8rem}
.chip.ghost{background:rgba(255,255,255,.06);color:#ddd;border-color:rgba(255,255,255,.12)}
.sl-credits{color:#cfc9c0;font-size:.9rem}
.sl-lyrics{margin:12px 0;font-size:1rem;line-height:1.9;white-space:pre-line;color:#ece7de;border-inline-start:3px solid var(--gold);padding-inline-start:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sl-stats{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:.85rem;margin-bottom:12px}.sl-stats .gold{color:var(--gold)}
.sl-cta{display:flex;flex-wrap:wrap;gap:8px}.sl-cta .btn{padding:9px 18px}
.sl-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(15,14,18,.55);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;backdrop-filter:blur(6px);opacity:.7;transition:.2s}
.sl-nav:hover{opacity:1;border-color:var(--gold);color:var(--gold)}.sl-nav.prev{right:14px}.sl-nav.next{left:14px}
.sl-dots{position:absolute;bottom:12px;left:0;right:0;z-index:3;display:flex;justify-content:center;gap:8px}
.sl-dots button{width:34px;height:6px;padding:0;border:0;border-radius:3px;background:rgba(255,255,255,.22);cursor:pointer;overflow:hidden;position:relative}
.sl-dots button i{position:absolute;inset:0;width:0;background:var(--gold);display:block}
.sl-dots button.run i{animation:slprog 20s linear forwards}.slider.paused .sl-dots button.run i{animation-play-state:paused}
@keyframes slprog{from{width:0}to{width:100%}}
@media(max-width:900px){.sl-inner{grid-template-columns:1fr;gap:18px;padding:20px 18px 34px;min-height:0}.sl-img{transform:none}.slider:hover .sl-img{transform:none}
  @keyframes slimg{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
  .sl-title{font-size:1.7rem}.sl-lyrics{-webkit-line-clamp:2;font-size:.95rem}.sl-nav{display:none}.sl-play{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.slide.on .sl-bg,.slide.on .sl-img,.slide.on .sl-img img,.slide.on .sl-info>*{animation:none}}
/* ---- equalizer ---- */
#p-eq{width:120px;height:36px;flex:none;display:block}@media(max-width:600px){#p-eq{width:56px;height:28px}}
canvas.eq{display:none;pointer-events:none}canvas.eq.on{display:block}
.sl-img canvas.eq.big{position:absolute;left:0;right:0;bottom:0;width:100%;height:110px;padding:0 16px;box-sizing:border-box;background:linear-gradient(to top,rgba(10,9,12,.75),transparent)}
.cover-wrap{position:relative;width:240px;max-width:100%;flex:none}.cover-wrap .big-cover{width:100%;display:block}
.cover-wrap canvas.eq.big{position:absolute;left:0;right:0;bottom:0;width:100%;height:90px;padding:0 10px;box-sizing:border-box;border-radius:0 0 14px 14px;background:linear-gradient(to top,rgba(10,9,12,.8),transparent)}
.song canvas.eq.row{width:100%;max-width:220px;height:16px;margin-top:4px}
.song.playing .play-btn{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(232,190,120,.55)}50%{box-shadow:0 0 0 8px rgba(232,190,120,0)}}
@media(max-width:600px){.song-hero .cover-wrap{width:100%}}
/* ---- demos ---- */
.tag.soon{background:var(--gold);color:#1a1409}
.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}@media(max-width:760px){.demo-grid{grid-template-columns:1fr}}
.song.demo{border-style:dashed}.song.demo .play-btn{background:linear-gradient(135deg,var(--gold),#c98f3b)}
/* ---- coming soon (featured demo + countdown) ---- */
.coming{position:relative;display:grid;grid-template-columns:260px 1fr;gap:26px;align-items:center;margin:14px 0 8px;padding:22px 26px;border-radius:20px;border:1px solid rgba(232,190,120,.35);background:linear-gradient(120deg,#1d1a20,#15131a 60%,#1c1720);overflow:hidden}
.coming::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0 70%,rgba(232,190,120,.16) 85%,transparent 100%);animation:cmspin 14s linear infinite;pointer-events:none}
@keyframes cmspin{to{transform:rotate(360deg)}}
.cm-cover{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#0d0c10;box-shadow:0 20px 50px -20px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.08)}
.cm-cover img,.cm-cover .ph{width:100%;height:100%;object-fit:cover;display:block}.cm-cover .ph{display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--gold);background:#1a1720}
.cm-cover canvas.eq.big{position:absolute;left:0;right:0;bottom:0;width:100%;height:80px;padding:0 10px;box-sizing:border-box;background:linear-gradient(to top,rgba(10,9,12,.8),transparent)}
.cm-cover .sl-play{inset-inline-end:12px;bottom:12px;width:50px;height:50px;z-index:2}
.cm-info{position:relative;min-width:0}
.cm-title{margin:4px 0 8px;font-size:1.9rem;border:0;padding:0}.cm-title small{font-size:.9rem;font-weight:400}
.cm-meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:#cfc9c0;font-size:.95rem;margin-bottom:14px}.cm-meta b{color:var(--fg);font-weight:600}
.cm-count{display:flex;align-items:center;gap:6px;margin:6px 0 16px;direction:ltr;justify-content:flex-end}
.cm-count div{min-width:74px;padding:10px 8px;border-radius:12px;background:rgba(0,0,0,.35);border:1px solid rgba(232,190,120,.3);text-align:center}
.cm-count b{display:block;font-size:2rem;line-height:1.1;color:var(--gold);font-variant-numeric:tabular-nums}.cm-count span{font-size:.75rem;color:var(--muted)}
.cm-count i{color:var(--gold);font-style:normal;font-size:1.6rem;opacity:.7}
.cm-count b.tick{animation:cmtick .5s ease-out}@keyframes cmtick{from{transform:translateY(-4px);opacity:.4}to{transform:none;opacity:1}}
.cm-done{margin:6px 0 16px;font-size:1.2rem;color:var(--gold);font-weight:700}.cm-done .btn{margin-inline-start:10px}
@media(max-width:760px){.coming{grid-template-columns:1fr;padding:16px}.cm-cover{width:min(260px,100%);margin:0 auto}.cm-count div{min-width:0;flex:1;padding:8px 4px}.cm-count b{font-size:1.4rem}.cm-title{font-size:1.5rem}}
.ltr-inline{direction:ltr;unicode-bidi:isolate;font-size:.85em}
input[type=date],input[type=time]{color-scheme:dark}
/* ---- mobile header + hero ---- */
@media(max-width:860px){
  .top{padding:10px 14px;gap:6px}.brand .logo{height:36px}.brand small{font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:92vw}
  .top nav{display:flex;gap:4px;max-width:100%;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 0}.top nav::-webkit-scrollbar{display:none}
  .top nav a{margin:0;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.05);font-size:.9rem;flex:none}
  .hero{min-height:0;aspect-ratio:16/10;border-radius:14px;background-position:center top}
  .hero::after{background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.35) 22%,rgba(0,0,0,0) 40%)}
  .hero-text{padding:12px 14px}.hero h1{font-size:1.25rem;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.7)}.hero p{display:none}
}
.hero h1{margin:0}.hero-text p:last-child{margin-bottom:0}
/* ---- hero slideshow ---- */
.hero .hs{position:absolute;inset:0;background-size:cover;background-position:center top;opacity:0;transition:opacity 1.4s ease;z-index:0;will-change:transform,opacity}
.hero .hs.on{opacity:1;animation:kb1 9s ease-out both}
.hero .hs:nth-child(2n).on{animation-name:kb2}.hero .hs:nth-child(3n).on{animation-name:kb3}
@keyframes kb1{from{transform:scale(1.02)}to{transform:scale(1.14) translateX(-1.5%)}}
@keyframes kb2{from{transform:scale(1.14) translateY(-2%)}to{transform:scale(1.02)}}
@keyframes kb3{from{transform:scale(1.02) translateX(1%)}to{transform:scale(1.12) translateY(-2%)}}
.hero::after{z-index:1}.hero-text{z-index:2}
.hero-dots{position:absolute;bottom:12px;inset-inline-start:20px;z-index:3;display:flex;gap:6px}.hero-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35);display:block;transition:.3s}.hero-dots i.on{background:var(--gold);width:22px;border-radius:4px}
.hero-slides .hero-text{animation:slrise .9s cubic-bezier(.2,.8,.2,1) both}
@media(prefers-reduced-motion:reduce){.hero .hs.on{animation:none}}
.hero-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.hero-thumbs span{position:relative}.hero-thumbs img{height:60px;border-radius:6px;display:block}.hero-thumbs .btn{position:absolute;top:-6px;inset-inline-end:-6px;padding:0;width:22px;height:22px;line-height:22px;font-size:.9rem}