@font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Instrument Serif";font-style:italic;src:url(/fonts/instrument-serif-italic.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Inter Tight";src:url(/fonts/intertight.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(/fonts/geist-mono.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--paper:#F3F1EA;--paper2:#EAE7DC;--ink:#141414;--ink2:#4A4740;--rule:#CFCabd;--sig:#FF5A1F;--sig2:#C23E0C;--ok:#1C7C4A;
--serif:"Instrument Serif",Georgia,serif;--sans:"Inter Tight",system-ui,sans-serif;--mono:"Geist Mono",ui-monospace,monospace;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--sans);padding-bottom:84px;
background-image:linear-gradient(var(--paper2) 1px,transparent 1px);background-size:100% 32px}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--sig2)}
img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--sig);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--paper);padding:8px 14px;z-index:99}.skip:focus{left:8px}
.wrap{width:min(1240px,100% - 40px);margin:0 auto}.narrow{width:min(760px,100% - 40px)}
.kick{font:500 12px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);margin:0 0 14px}
em{font-style:italic;font-family:var(--serif)}
/* header */
.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--ink)}
.top-in{display:flex;align-items:center;gap:24px;height:58px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:600 15px/1 var(--sans);letter-spacing:-.01em}.brand b{font-weight:800}.lg{width:28px;height:28px}
.nav{display:flex;gap:4px;margin-left:auto;overflow-x:auto;scrollbar-width:none}.nav a{text-decoration:none;font:500 14px/1 var(--sans);padding:8px 10px;border-radius:99px;white-space:nowrap}
.nav a:hover{background:var(--ink);color:var(--paper)}.nav a[aria-current]{background:var(--ink);color:var(--paper)}
.stamp{font:500 11px/1.2 var(--mono);color:var(--ink2);margin:0;white-space:nowrap}
@media(max-width:900px){.stamp{display:none}.brand span{display:none}.top-in{gap:10px}}
/* hero */
.hero{padding:clamp(40px,8vw,110px) 0 60px;border-bottom:1px solid var(--ink)}
.h1{font:400 clamp(52px,10.4vw,168px)/.88 var(--serif);letter-spacing:-.035em;margin:0 0 34px}
.h1.sm{font-size:clamp(44px,7vw,104px);line-height:.92}
.h1 .ln{display:block}.h1.in .ln{animation:rise .9s var(--ease) both}
@keyframes rise{from{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}
.h1 em{color:var(--sig2)}
.eq{display:inline-flex;align-items:flex-end;gap:.06em;height:.62em;padding:.1em .22em;margin:0 .04em;border:2px solid var(--ink);border-radius:99px;background:var(--ink);vertical-align:.06em;transition:background .3s}
.eq i{display:block;width:.07em;min-width:5px;height:30%;background:var(--sig);border-radius:3px}
.eq span{font:600 .12em/1 var(--mono);color:var(--paper);letter-spacing:.1em;text-transform:uppercase;margin-left:.3em;align-self:center}
.is-playing .eq i{animation:eq 1s ease-in-out infinite}.is-playing .eq i:nth-child(2){animation-delay:-.4s}.is-playing .eq i:nth-child(3){animation-delay:-.7s}.is-playing .eq i:nth-child(4){animation-delay:-.2s}
.is-playing .eq span::before{content:"on "}
@keyframes eq{0%,100%{height:25%}50%{height:95%}}
.eq:hover{background:var(--sig2)}
.hero-b{display:grid;grid-template-columns:1.3fr 1fr auto;gap:32px;align-items:end;border-top:1px solid var(--ink);padding-top:22px}
.lede{font:400 clamp(18px,1.6vw,22px)/1.45 var(--sans);margin:0;max-width:62ch}
.hero-note{font-size:15px;color:var(--ink2);margin:0}
@media(max-width:900px){.hero-b{grid-template-columns:1fr;gap:18px}}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--paper);border:2px solid var(--ink);padding:13px 20px;border-radius:99px;font:600 15px/1 var(--sans);text-decoration:none;transition:transform .2s var(--ease),background .2s}
.btn:hover{background:var(--sig);border-color:var(--sig);color:var(--ink);transform:translateY(-2px)}
.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.lnk{background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;color:inherit}
.ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
/* sections */
section{position:relative}
.sec-h{display:grid;grid-template-columns:1fr 1.2fr;gap:10px 40px;align-items:end;margin-bottom:28px}
.sec-h .kick{grid-column:1/-1}.sec-h h2{font:400 clamp(40px,5.6vw,80px)/.95 var(--serif);letter-spacing:-.03em;margin:0}.sec-h p{margin:0;color:var(--ink2);max-width:52ch}
@media(max-width:800px){.sec-h{grid-template-columns:1fr}}
.mm,.sheet,.reels,.split,.faqs,.profiles,.records,.alltracks,.ladder,.freegrid,.calc,.prose{padding:clamp(48px,7vw,96px) 0;border-bottom:1px solid var(--ink)}
/* matchmaker */
.mm{background:var(--ink);color:var(--paper)}.mm .kick{color:#A8A396}
.mm-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,5vw,72px)}
@media(max-width:960px){.mm-g{grid-template-columns:1fr}}
.mm h2{font:400 clamp(44px,5.4vw,84px)/.92 var(--serif);letter-spacing:-.03em;margin:0 0 30px}.mm h2 em{color:var(--sig)}
.q{border:0;padding:0;margin:0 0 20px}.q legend{font:600 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#A8A396;margin-bottom:10px;padding:0}
.seg{display:flex;flex-wrap:wrap;gap:6px}.seg label{position:relative}
.seg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.seg span{display:block;padding:10px 15px;border:1.5px solid #5A564D;border-radius:99px;font:500 15px/1 var(--sans);transition:background .2s,border-color .2s,color .2s}
.seg label:hover span{border-color:var(--paper)}
.seg input:checked+span{background:var(--sig);border-color:var(--sig);color:var(--ink);font-weight:700}
.seg input:focus-visible+span{outline:3px solid var(--paper);outline-offset:2px}
.seg.small span{padding:8px 13px;font-size:14px;border-color:var(--rule)}.seg.small input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.mm-how{font-size:14px;color:#A8A396;max-width:52ch}.mm-how a{color:var(--paper)}
.mm-top{font:400 clamp(24px,2.4vw,32px)/1.15 var(--serif);margin:0 0 18px;min-height:2.4em}.mm-top b{font-weight:400;color:var(--sig);font-style:italic}.mm-top span{font-size:.62em;color:#A8A396;font-family:var(--sans)}
.cards{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.card{display:grid;grid-template-columns:42px 1fr auto;grid-template-areas:"r m p" "r w s" "r bar bar";gap:6px 14px;align-items:center;padding:14px 16px;border:1.5px solid #3A3731;border-radius:14px;background:#1C1B19}
.card.top{border-color:var(--sig);background:#24201C;box-shadow:0 0 0 1px var(--sig)}
.rank{grid-area:r;font:500 22px/1 var(--mono);color:#77736A;align-self:start;padding-top:4px}.card.top .rank{color:var(--sig)}
.c-main{grid-area:m}.c-main h3{margin:0;font:700 19px/1.1 var(--sans);letter-spacing:-.01em}.c-plan{margin:2px 0 0;font:500 12px/1 var(--mono);color:#8E897D}
.c-price{grid-area:p;margin:0;text-align:right}.c-price b{font:500 22px/1 var(--mono)}.c-price span{font-size:12px;color:#8E897D}
.c-why{grid-area:w;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}.c-why li{font-size:12.5px;line-height:1.2;padding:4px 8px;border-radius:6px;background:#2C2A26;color:#D9D5CA}
.c-score{grid-area:s;margin:0;text-align:right;font:600 15px/1 var(--mono);color:var(--paper)}.card.top .c-score{color:var(--sig)}
.c-meter{grid-area:bar;height:3px;background:#34312C;border-radius:3px;overflow:hidden}.c-meter i{display:block;height:100%;background:var(--paper);transform-origin:left;transform:scaleX(0);transition:transform .7s var(--ease)}.card.top .c-meter i{background:var(--sig)}
@media(max-width:560px){.card{grid-template-columns:32px 1fr auto;padding:12px}.c-why{display:none}.card.top .c-why{display:flex}}
/* spec sheet */
.spec-wrap{position:relative}.spec-scroll{overflow-x:auto;border:1.5px solid var(--ink);border-radius:16px;background:var(--paper)}
.spec{border-collapse:collapse;width:100%;min-width:1060px;font-size:14.5px}
.spec th,.spec td{text-align:left;vertical-align:top;padding:13px 14px;border-bottom:1px solid var(--rule);border-left:1px solid var(--rule)}
.spec thead th{font:700 15px/1.15 var(--sans);border-bottom:1.5px solid var(--ink);background:var(--paper2);position:sticky;top:0}
.spec tbody th{font:500 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);width:150px}
.spec th:first-child,.spec td:first-child{position:sticky;left:0;background:var(--paper);z-index:1;border-left:0}
.spec .corner{font:500 11px/1.3 var(--mono);color:var(--ink2);text-transform:uppercase;letter-spacing:.06em}
.spec td{font-variant-numeric:tabular-nums}.spec td small{display:block;font-size:12px;color:var(--ink2)}
.spec .hot{background:#FFE6DA}.spec thead .hot{background:var(--sig);color:var(--ink)}
.spec tr:last-child td,.spec tr:last-child th{border-bottom:0}
.spec a{font:600 12px var(--mono);display:inline-block;padding:2px 6px;border:1px solid var(--ink);border-radius:4px;text-decoration:none;margin:0 2px 2px 0}
.yes{color:var(--ok);font-weight:600}.no{color:var(--sig2);font-weight:600}.na{color:#8A867C}
.scrub{height:4px;margin:12px 4px 0;background:var(--rule);border-radius:4px;overflow:hidden;opacity:0;transition:opacity .3s}.spec-wrap.can .scrub{opacity:1}.scrub i{display:block;height:100%;background:var(--ink);border-radius:4px}
/* reels */
.rl{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--ink)}
.rl li{display:grid;grid-template-columns:minmax(150px,1fr) 170px 2fr;gap:20px;align-items:center;padding:14px 0;border-bottom:1px solid var(--rule)}
.rl-n{font:600 18px/1.1 var(--sans)}.rl-v{font:500 clamp(24px,3vw,38px)/1 var(--mono);letter-spacing:-.04em;display:inline-flex;height:1em;overflow:hidden}
.rd{display:inline-block;height:1em;overflow:hidden}.rd>span{display:block;line-height:1em;transition:transform 1.1s var(--ease)}.rc{display:inline-block}
.rl-bar{height:12px;background:var(--paper2);border-radius:99px;overflow:hidden}.rl-bar i{display:block;height:100%;background:var(--ink);border-radius:99px;transform-origin:left;transform:scaleX(var(--w,0));transition:transform 1s var(--ease)}
.rl li.na{color:#9A968B}.rl li:first-child .rl-bar i{background:var(--sig)}
@media(max-width:640px){.rl li{grid-template-columns:1fr auto;gap:8px}.rl-bar{grid-column:1/-1}}
.fine2{font-size:13.5px;color:var(--ink2);max-width:80ch;margin-top:16px}
/* split */
.split-g{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,70px)}@media(max-width:900px){.split-g{grid-template-columns:1fr}}
.split h2,.house h2{font:400 clamp(38px,4.4vw,64px)/.95 var(--serif);letter-spacing:-.03em;margin:0 0 22px}
.picks{margin:0}.picks div{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--rule)}.picks dt{font:600 12px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink2);padding-top:3px}.picks dd{margin:0}
@media(max-width:560px){.picks div{grid-template-columns:1fr;gap:4px}}
.house{background:var(--ink);color:var(--paper);border-radius:24px;padding:clamp(22px,3vw,40px)}.house .kick{color:#A8A396}.house h2 em{color:var(--sig)}
.house .btn.ghost{color:var(--paper);border-color:var(--paper);margin-top:18px}.house .btn.ghost:hover{background:var(--paper);color:var(--ink)}
/* tracklist */
.tl{list-style:none;margin:16px 0 0;padding:0}.tl.cols{columns:2 420px;column-gap:28px}
.tr{display:flex;align-items:center;gap:8px;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);break-inside:avoid}
.tp{flex:1;display:grid;grid-template-columns:30px 1fr auto auto;gap:10px;align-items:baseline;text-align:left;background:none;border:0;padding:11px 4px;min-width:0}
.tp b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tn,.td{font:500 12px/1 var(--mono);opacity:.6}.ta{font-size:13px;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:16ch}
.tp:hover b{text-decoration:underline}.tr.on .tp b{color:var(--sig)}.tr.on .tn{opacity:1;color:var(--sig)}.tp.now .tn::before{content:"▶ "}
.tdl{font:600 11px/1 var(--mono);text-decoration:none;padding:6px 8px;border:1px solid currentColor;border-radius:6px;opacity:.7}.tdl:hover{opacity:1}
/* faq */
.faq details{border-top:1px solid var(--ink);padding:4px 0}.faq details:last-child{border-bottom:1px solid var(--ink)}
.faq summary{cursor:pointer;list-style:none;font:400 clamp(22px,2.4vw,32px)/1.2 var(--serif);padding:16px 40px 16px 0;position:relative}.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:12px;font:300 32px/1 var(--sans);transition:transform .3s var(--ease)}.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{margin:0 0 18px;max-width:70ch;color:var(--ink2)}
/* page heads, profiles */
.pagehead{padding:clamp(40px,7vw,96px) 0 40px;border-bottom:1px solid var(--ink)}.pagehead .h1{margin-bottom:22px}
.prof{border-top:1px solid var(--ink)}.prof:last-child{border-bottom:1px solid var(--ink)}
.prof summary{display:grid;grid-template-columns:1.2fr 140px 1.4fr 30px;gap:20px;align-items:center;cursor:pointer;list-style:none;padding:20px 0}.prof summary::-webkit-details-marker{display:none}
.prof summary::after{content:"↓";font:400 20px/1 var(--mono);transition:transform .3s var(--ease)}.prof[open] summary::after{transform:rotate(180deg)}
.p-n{font:400 clamp(28px,3.4vw,46px)/1 var(--serif)}.p-p{font:500 22px var(--mono)}.p-p small{font-size:12px;color:var(--ink2)}.p-q{font-size:14px;color:var(--ink2)}
.prof:hover .p-n{color:var(--sig2)}
.p-b{padding:0 0 26px;display:grid;gap:4px;max-width:880px}.p-b p{margin:4px 0}.p-b ul{margin:6px 0;padding-left:20px}.p-note{color:var(--ink2);font-size:15px}.p-src{font-size:13px}
@media(max-width:700px){.prof summary{grid-template-columns:1fr auto 24px}.p-q{display:none}}
/* ladder */
.lad{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.lad li{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:26px;border:1.5px solid var(--ink);border-radius:20px;background:color-mix(in srgb,var(--sig) calc(var(--k) * 14%),var(--paper));margin-left:calc(var(--k) * 4%)}
.lad-n{font:400 64px/1 var(--serif)}.lad h2{margin:0 0 4px;font:700 22px/1.2 var(--sans)}.lad-spec{font:500 14px var(--mono);margin:0 0 8px}.lad p{margin:4px 0}.lad-who{font-size:14px}
@media(max-width:640px){.lad li{grid-template-columns:1fr;margin-left:0;padding:20px}.lad-n{font-size:44px}}
.prose h2{font:400 clamp(30px,3.4vw,46px)/1.05 var(--serif);margin:42px 0 12px}.prose h2:first-child{margin-top:0}.prose p{max-width:68ch}
.facts{padding-left:20px}.facts li{margin:8px 0}.src{font-size:13px;color:var(--ink2);margin-top:30px}
/* free grid */
.fg{list-style:none;margin:0 0 40px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.fg li{border:1.5px solid var(--ink);border-radius:20px;padding:24px;position:relative;background:var(--paper)}
.fg h2{font:400 32px/1 var(--serif);margin:0 0 10px}.fg p{margin:0 0 6px}
.fg-y::before,.fg-m::before,.fg-n::before{position:absolute;top:18px;right:18px;font:600 11px/1 var(--mono);letter-spacing:.1em;padding:5px 8px;border-radius:99px}
.fg-y::before{content:"FREE TIER";background:#D6EEDF;color:var(--ok)}.fg-m::before{content:"WITH PRIME";background:#FFF1C2}.fg-n::before{content:"PAID ONLY";background:#F7D8CC;color:var(--sig2)}
.fg-pc{background:var(--ink)!important;color:var(--paper)}.fg-pc .btn{background:var(--sig);border-color:var(--sig);color:var(--ink);margin-top:10px}
.usage{border:1.5px dashed currentColor;border-radius:16px;padding:18px 22px;margin:22px 0}.usage h3{margin:0 0 6px;font:700 13px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.usage p{margin:6px 0;font-size:15px}
/* calc */
.calc h2{font:400 clamp(30px,3.4vw,46px)/1.05 var(--serif);margin:0 0 16px}.calc h2+p{max-width:68ch}
.calc-l{display:flex;align-items:center;gap:14px;font-weight:600}.calc-l input{accent-color:var(--sig);width:220px}.calc-l output{font:600 22px var(--mono)}
.calc-r{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.calc-r li{display:flex;justify-content:space-between;padding:12px 14px;border:1px solid var(--ink);border-radius:12px}.calc-r b{font:500 18px var(--mono)}
.calc h2:nth-of-type(2){margin-top:48px}
/* records */
.recs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:22px 16px}
.rec b{display:block;margin-top:8px;font-weight:600;line-height:1.2}.rec span{font:500 12px var(--mono);color:var(--ink2)}
.rec-b{border:0;padding:0;background:none;border-radius:10px;overflow:hidden;display:block;width:100%;position:relative}
.rec-b img{width:100%;aspect-ratio:1;transition:transform .5s var(--ease)}.rec-b:hover img{transform:scale(1.04)}
.rec-b::after{content:"▶";position:absolute;inset:auto 10px 10px auto;width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-size:14px;opacity:0;transition:opacity .2s}.rec-b:hover::after,.rec-b:focus-visible::after{opacity:1}
.alltracks h2{font:400 clamp(36px,4vw,56px)/1 var(--serif);margin:0}
/* footer */
.foot{padding:70px 0 40px;background:var(--paper2)}.foot-big{font:400 clamp(40px,6vw,92px)/.95 var(--serif);letter-spacing:-.03em;margin:0 0 40px}.foot-big em{color:var(--sig2)}
.foot-g{display:grid;grid-template-columns:1fr 1fr 2fr;gap:30px;border-top:1px solid var(--ink);padding-top:24px}.foot h2{font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}.foot ul{list-style:none;margin:0;padding:0}.foot li{margin:4px 0}.foot p{margin:0;font-size:14px;color:var(--ink2)}
.fine{font-size:12.5px!important;margin-top:30px!important}@media(max-width:800px){.foot-g{grid-template-columns:1fr 1fr}.foot-g>div:last-child{grid-column:1/-1}}
/* player */
.pbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:44px minmax(0,1.2fr) auto minmax(0,1.4fr) auto;gap:14px;align-items:center;padding:12px max(20px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:var(--ink);color:var(--paper)}
.pb-prog{position:absolute;left:0;right:0;top:0;height:3px;background:#2E2C28}.pb-prog i{display:block;height:100%;background:var(--sig);transform-origin:left;transform:scaleX(0)}
.pbar img{width:44px;height:44px;border-radius:6px}
.pb-txt{min-width:0;display:grid;line-height:1.2}.pb-k{font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sig);margin-bottom:3px}
.pb-txt b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-txt span:last-child{font-size:12.5px;color:#A8A396;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-ctl{display:flex;gap:6px;align-items:center}.ib{width:38px;height:38px;border-radius:50%;border:1.5px solid #4A473F;background:none;display:grid;place-items:center;color:var(--paper)}.ib svg{width:13px;height:13px;fill:currentColor}
.ib.pp{width:46px;height:46px;background:var(--sig);border-color:var(--sig);color:var(--ink)}.ib:hover{border-color:var(--paper)}
.pb-seek{display:flex;align-items:center;gap:10px;font:500 12px var(--mono);color:#A8A396}.pb-seek input{flex:1;accent-color:var(--sig);min-width:60px}
.pb-dl{font:600 12px var(--mono);text-decoration:none;border:1.5px solid #4A473F;padding:9px 11px;border-radius:99px;color:var(--paper)}.pb-dl:hover{border-color:var(--paper);color:var(--paper)}
@media(max-width:760px){.pbar{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;padding-top:10px}.pb-seek,.pb-dl{display:none}.pbar img{width:40px;height:40px}.ib[data-pc=prev]{display:none}}
.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%,20px);background:var(--sig);color:var(--ink);font-weight:600;padding:10px 16px;border-radius:99px;opacity:0;pointer-events:none;transition:.3s var(--ease);z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}
.pcnav-busy main{opacity:.6;transition:opacity .2s}
.nf{min-height:60vh}