
:root{--cat-bg:#031424;--cat-panel:#081a2b;--cat-border:rgba(115,160,196,.18);--cat-cyan:#19d8f2;--cat-text:#f5f8fb;--cat-muted:#aab8c6}.category-v3-page{margin:0;background:radial-gradient(circle at 80% 18%,rgba(58,15,120,.18),transparent 26%),linear-gradient(180deg,#020c18 0%,#041728 55%,#02111e 100%);color:var(--cat-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;padding-bottom:150px}.cat3-header{height:78px;display:grid;grid-template-columns:260px 1fr 150px;align-items:center;gap:20px;padding:0 34px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(2,13,25,.92);position:sticky;top:0;z-index:40;backdrop-filter:blur(18px)}.cat3-brand img{display:block;width:190px;max-height:60px;object-fit:contain}.cat3-nav{display:flex;justify-content:center;gap:34px}.cat3-nav a{color:#fff;text-decoration:none;font-weight:600;font-size:15px;opacity:.86}.cat3-nav a:hover,.cat3-nav a.active{color:var(--cat-cyan);opacity:1}.cat3-tools{display:flex;justify-content:flex-end;gap:10px}.cat3-tools a{width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;text-decoration:none;color:white;font-size:22px}.cat3-main{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:28px 0 48px}.cat3-crumb{display:flex;align-items:center;gap:10px;color:#8fa1b4;font-size:14px;margin:6px 0 28px}.cat3-crumb a{color:#9eb0c2;text-decoration:none}.cat3-crumb strong{color:#dce8f2}.cat3-hero{display:grid;grid-template-columns:145px minmax(0,1fr) 420px;align-items:center;gap:34px;min-height:180px;margin-bottom:26px}.cat3-icon{width:138px;height:138px;border-radius:20px;background:linear-gradient(145deg,#2c2bdc,#9812d8);display:grid;place-items:center;font-size:78px;box-shadow:0 18px 60px rgba(65,26,173,.24)}.cat3-hero-copy h1{margin:0 0 4px;font-size:44px;line-height:1}.cat3-hero-copy strong{color:var(--cat-cyan);font-size:18px}.cat3-hero-copy p{max-width:620px;margin:14px 0 0;color:#b4c1cd;line-height:1.55;font-size:16px}.cat3-wave{height:115px;display:flex;align-items:center;justify-content:center;gap:7px;filter:drop-shadow(0 0 14px rgba(34,200,255,.28))}.cat3-wave i{display:block;width:4px;border-radius:9px;background:linear-gradient(180deg,#08dfff,#9043ff);height:var(--h,48px);opacity:.88}.cat3-wave i:nth-child(3n){--h:82px}.cat3-wave i:nth-child(4n){--h:55px}.cat3-wave i:nth-child(5n){--h:96px}.cat3-wave i:nth-child(7n){--h:72px}.cat3-list{display:grid;gap:12px}.cat3-card{min-height:124px;display:grid;grid-template-columns:105px 58px minmax(260px,1fr) 140px 180px;align-items:center;gap:20px;padding:12px 24px 12px 12px;background:linear-gradient(90deg,rgba(8,27,45,.95),rgba(6,21,36,.88));border:1px solid var(--cat-border);border-radius:16px;transition:.2s ease}.cat3-card:hover{border-color:rgba(25,216,242,.5);transform:translateY(-1px);background:linear-gradient(90deg,rgba(11,38,60,.97),rgba(6,24,41,.92))}.cat3-card>img{width:105px;height:100px;object-fit:cover;border-radius:10px}.cat3-play{width:52px;height:52px;border:0;border-radius:50%;background:linear-gradient(145deg,#1ecdeb,#1390ad);color:white;font-size:19px;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.08)}.cat3-play:hover{filter:brightness(1.12)}.cat3-info h2{margin:0 0 7px;font-size:21px}.cat3-info p{margin:0;color:var(--cat-muted);font-size:14px}.cat3-count{text-align:left}.cat3-count b{display:block;font-size:18px;font-variant-numeric:tabular-nums}.cat3-count small{color:#8fa3b6}.cat3-mini-wave{height:52px;display:flex;align-items:center;justify-content:flex-end;gap:2px;overflow:hidden;position:relative;padding:0 4px;--wave:#00d2ff;--waveGlow:rgba(0,210,255,.62)}
.cat3-mini-wave::after{content:"";position:absolute;left:4px;right:4px;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,210,255,.18),transparent);transform:translateY(-.5px);pointer-events:none}
.cat3-mini-wave .bar{display:block;width:3px;height:6px;flex:0 0 3px;background:var(--wave);border-radius:4px;box-shadow:0 0 7px var(--waveGlow);opacity:.64;transition:height .075s linear,opacity .16s ease,filter .16s ease;will-change:height;z-index:1}
.cat3-card.is-playing .cat3-mini-wave,.cat3-mini-wave.active{filter:drop-shadow(0 0 8px var(--waveGlow))}
.cat3-card.is-playing .cat3-mini-wave .bar,.cat3-mini-wave.active .bar{opacity:1;filter:brightness(1.28)}
.cat3-card.is-playing{border-color:rgba(25,216,242,.85);box-shadow:0 0 0 1px rgba(25,216,242,.12),0 0 22px rgba(25,216,242,.10)}
.cat3-card.is-playing .cat3-play{box-shadow:0 0 20px rgba(0,210,255,.65)}
.cat3-mini-wave.purple{--wave:#c54cff;--waveGlow:rgba(197,76,255,.60)}
.cat3-mini-wave.orange{--wave:#ff8a27;--waveGlow:rgba(255,138,39,.60)}
.cat3-mini-wave.red{--wave:#ff3c5e;--waveGlow:rgba(255,60,94,.60)}
.cat3-mini-wave.blue{--wave:#2d9bff;--waveGlow:rgba(45,155,255,.60)}
.cat3-mini-wave.green{--wave:#44e083;--waveGlow:rgba(68,224,131,.60)}
@media(prefers-reduced-motion:reduce){.cat3-mini-wave .bar{transition:none!important}.cat3-card.is-playing .cat3-mini-wave .bar{height:18px!important}}
@media(max-width:900px){.cat3-header{grid-template-columns:1fr auto;padding:0 18px}.cat3-nav{display:none}.cat3-tools{grid-column:2}.cat3-main{width:min(100% - 28px,720px)}.cat3-hero{grid-template-columns:100px 1fr;gap:18px}.cat3-icon{width:96px;height:96px;font-size:52px}.cat3-wave{display:none}.cat3-hero-copy h1{font-size:34px}.cat3-card{grid-template-columns:74px 48px minmax(0,1fr);gap:12px;padding:10px}.cat3-card>img{width:74px;height:74px}.cat3-play{width:44px;height:44px}.cat3-count{grid-column:3;color:#d9e5ee}.cat3-mini-wave{display:none}.category-v3-page{padding-bottom:170px}}@media(max-width:540px){.cat3-brand img{width:150px}.cat3-tools a:nth-child(2){display:none}.cat3-hero{grid-template-columns:76px 1fr;min-height:130px}.cat3-icon{width:72px;height:72px;font-size:38px;border-radius:14px}.cat3-hero-copy h1{font-size:29px}.cat3-hero-copy p{font-size:14px;margin-top:8px}.cat3-card{grid-template-columns:68px 42px 1fr;min-height:104px}.cat3-card>img{width:68px;height:68px}.cat3-info h2{font-size:17px}.cat3-info p{font-size:12px}.cat3-count{font-size:12px}.cat3-count b{font-size:15px}}

/* AFM AI subtitle normalization */
.cat3-brand small{font-family:inherit!important;font-size:11px!important;font-weight:700!important;letter-spacing:.12px!important;white-space:nowrap!important;opacity:.88!important}
