*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080808;color:#f7f3ea;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.ticker{height:38px;background:#f4a51c;color:#0a0a0a;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;letter-spacing:.04em;position:relative}.ticker button{position:absolute;right:18px;border:0;background:none;font-size:22px}.ticker a{padding:10px 40px}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:absolute;top:38px;width:100%;z-index:5}.brand img{width:130px;mix-blend-mode:screen}.brand{overflow:hidden;height:54px;display:flex;align-items:center}nav{display:flex;gap:28px;font-size:13px;font-weight:700}nav a:hover{opacity:.6}.menu{display:none;background:none;border:0;color:white;font-size:26px}.hero{height:100svh;min-height:680px;position:relative;overflow:hidden}.hero-bg{width:100%;height:100%;object-fit:cover;object-position:center 30%}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.55) 42%,rgba(0,0,0,.1) 75%),linear-gradient(0deg,#080808 0%,transparent 28%)}.hero-copy{position:absolute;left:7vw;bottom:11vh;max-width:760px}.hero-logo{width:min(360px,65vw);margin-left:-28px;mix-blend-mode:screen}.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:900;color:#f4a51c}.hero h1{font-size:clamp(54px,8vw,118px);line-height:.85;letter-spacing:-.07em;margin:18px 0}.lead{font-size:clamp(16px,2vw,24px);opacity:.8}.cta{display:inline-block;margin-top:20px;border:1px solid #fff;border-radius:99px;padding:15px 22px;font-weight:800;font-size:13px}.cta:hover{background:#fff;color:#000}.cta.dark{background:#111;color:#fff;border-color:#111}.intro{padding:120px 7vw;max-width:1200px}.intro h2,.section-head h2,.podcast h2,.merch h2{font-size:clamp(42px,6vw,88px);line-height:.96;letter-spacing:-.055em;margin:15px 0}.intro>p:last-child{max-width:720px;font-size:20px;line-height:1.6;color:#aaa}.roles{display:grid;grid-template-columns:1fr 1fr}.role{height:72vh;min-height:560px;position:relative;overflow:hidden;padding:40px;display:flex;align-items:flex-end}.role:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent 65%)}.role img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.7s}.role:hover img{transform:scale(1.035)}.role>span{position:absolute;top:35px;right:35px;z-index:2;font-size:12px}.role div{z-index:2}.role small{letter-spacing:.18em}.role h3{font-size:clamp(45px,6vw,90px);line-height:.85;letter-spacing:-.06em;margin:12px 0 24px}.role b{font-size:13px}.release{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr;background:#ddd;color:#111}.release-photo img{width:100%;height:100%;object-fit:cover}.release-card{padding:7vw 5vw;display:flex;flex-direction:column;justify-content:center}.release-card>img{width:min(420px,100%);box-shadow:0 20px 60px #0003}.release-card h2{font-size:clamp(48px,6vw,90px);margin:24px 0 8px;letter-spacing:-.06em}.release-card p{line-height:1.6}.news{padding:120px 7vw}.section-head{display:flex;justify-content:space-between;align-items:end}.tabs button{background:none;border:0;color:#777;padding:12px;font-weight:800}.tabs .active{color:#fff;border-bottom:2px solid #f4a51c}.newsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#333;margin-top:50px}.newsgrid article{background:#080808;padding:35px;min-height:260px}.newsgrid time{font-size:11px;color:#f4a51c}.newsgrid h3{font-size:28px}.newsgrid p{color:#999;line-height:1.5}.podcast{padding:150px 7vw;background:#111;position:relative;overflow:hidden}.podcast h2{font-size:clamp(64px,10vw,150px);max-width:1100px}.podcast h2 em{color:#f4a51c;font-style:normal}.podcast>p:not(.eyebrow){max-width:660px;color:#aaa;font-size:19px;line-height:1.6}.merch{padding:140px 7vw;background:#f4a51c;color:#111}.merch .eyebrow{color:#111}.merch p:last-child{font-size:20px;max-width:650px}footer{padding:70px 7vw 30px;position:relative}.footer-brand img{width:180px;mix-blend-mode:screen}.links{display:flex;flex-wrap:wrap;gap:18px 28px;margin:40px 0;font-weight:700}.studio{display:flex;align-items:center;gap:18px;border-top:1px solid #333;padding-top:35px}.studio img{width:110px;height:70px;object-fit:cover}.studio p{font-weight:800}.studio span{font-size:12px;color:#888}.copy{font-size:11px;color:#666;margin-top:35px}.admin{position:absolute;right:7vw;bottom:28px;border:0;background:none;color:#444;cursor:pointer}.modal{display:none;position:fixed;inset:0;background:#000c;z-index:20;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal>div{width:min(440px,100%);background:#f3eee4;color:#111;padding:40px;position:relative}.modal input{width:100%;padding:14px;margin:6px 0;border:1px solid #bbb;background:white}.x{position:absolute;right:15px;top:12px;border:0;background:none;font-size:26px}.modal small{display:block;margin-top:20px;color:#777;line-height:1.4}
@media(max-width:800px){header{top:38px;padding:0 20px}nav{display:none}.menu{display:block}.hero-copy{left:22px;right:22px;bottom:9vh}.hero-logo{width:220px;margin-left:-16px}.roles{grid-template-columns:1fr}.role{height:68vh;padding:25px}.release{grid-template-columns:1fr}.release-photo{height:58vh}.release-card{padding:60px 24px 80px}.news{padding:90px 22px}.section-head{display:block}.newsgrid{grid-template-columns:1fr}.podcast,.merch,.intro{padding:90px 22px}.links{gap:14px 20px}.studio{align-items:flex-start}.studio img{width:90px}.ticker{font-size:11px;text-align:center}.role h3{font-size:58px}}
/* V3 — controlled chaos + mascot system */
.ticker{justify-content:flex-start;padding-left:72px;overflow:visible}.ticker>img{position:absolute;left:18px;top:-8px;width:48px;height:48px;object-fit:cover;border-radius:50%;transform:rotate(-8deg);border:2px solid #080808}.ticker b{font-size:10px;letter-spacing:.12em;margin-right:8px}
.chaos-note{display:inline-block;background:#f4a51c;color:#080808;padding:7px 11px;font-size:11px;font-weight:900;letter-spacing:.12em;transform:rotate(-2deg);box-shadow:7px 7px 0 #111}.hero-scribble{position:absolute;right:4vw;bottom:8vh;font-weight:900;font-size:14px;line-height:1.4;transform:rotate(7deg);border:2px solid #f4a51c;padding:12px 16px;color:#f4a51c;z-index:3}.hero:after{content:'×  ×  ×';position:absolute;right:9vw;top:22vh;font-size:34px;letter-spacing:.3em;color:#f4a51c;transform:rotate(-11deg);opacity:.8}
.chaos-section{position:relative;overflow:hidden}.mascot-float{position:absolute;z-index:3;object-fit:cover;border-radius:18px;box-shadow:10px 12px 0 #f4a51c;transform:rotate(7deg)}.m1{right:5vw;bottom:40px;width:170px;height:170px}.m2{right:6vw;top:55px;width:150px;height:150px;transform:rotate(-8deg);box-shadow:-9px 10px 0 #f4a51c}
.chaos-roles{gap:14px;padding:14px;background:#080808}.chaos-roles .role:nth-child(1){transform:rotate(-1deg) translateY(12px)}.chaos-roles .role:nth-child(2){transform:rotate(1.3deg) translate(-8px,-7px)}.chaos-roles .role:nth-child(3){transform:rotate(.8deg) translate(7px,5px)}.chaos-roles .role:nth-child(4){transform:rotate(-1.2deg) translateY(-8px)}.chaos-roles .role:nth-child(odd)>span{background:#f4a51c;color:#111;padding:8px;transform:rotate(8deg)}
.chaos-break{min-height:170px;background:#f4a51c;color:#111;display:flex;align-items:center;justify-content:center;gap:30px;overflow:hidden;position:relative}.chaos-break span{font-size:clamp(24px,4vw,60px);font-weight:1000;letter-spacing:-.05em;transform:rotate(-2deg);max-width:850px}.chaos-break img{width:150px;height:150px;object-fit:cover;border-radius:50%;transform:rotate(10deg)}
.chaos-release .release-card{transform:rotate(.35deg)}.newsgrid article:nth-child(1){transform:rotate(-.7deg)}.newsgrid article:nth-child(2){transform:translateY(12px) rotate(.6deg)}.newsgrid article:nth-child(3){transform:rotate(-.4deg)}
.podcast-mascot{position:absolute;right:-2vw;top:70px;width:min(430px,34vw);height:auto;transform:rotate(5deg);opacity:.88;border:3px solid #f4a51c;border-radius:28px;z-index:0}.podcast>*:not(.podcast-mascot){position:relative;z-index:1}.pod-tools{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.pod-tools span{border:1px solid #555;border-radius:99px;padding:9px 13px;font-size:12px;font-weight:800;background:#171717}.pod-tools span:last-child{border-color:#f4a51c;color:#f4a51c;transform:rotate(-3deg)}
@media(max-width:800px){.ticker{padding-left:55px}.ticker>img{left:8px;width:40px;height:40px}.ticker b{display:none}.hero-scribble{right:18px;bottom:3vh;font-size:10px}.hero:after{display:none}.m1{width:95px;height:95px;right:18px;bottom:18px}.m2{width:85px;height:85px;right:15px;top:18px}.chaos-roles{display:block;padding:8px}.chaos-roles .role{transform:none!important;margin-bottom:8px}.chaos-break{padding:25px 18px;gap:12px}.chaos-break img{width:90px;height:90px}.podcast-mascot{width:150px;right:-28px;top:18px;opacity:.35}.pod-tools{max-width:300px}}
.sticker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;max-width:1100px}.sticker-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;transition:.2s}.sticker-grid img:hover{transform:translateY(-5px) rotate(3deg);outline:2px solid #f4a51c}@media(max-width:800px){.sticker-grid{grid-template-columns:repeat(4,1fr)}}

/* V4 — transparent mascot pack + private sticker picker */
.ticker>img,.mascot-float,.chaos-break img,.podcast-mascot,.section-mascot{object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.role-page{position:relative;overflow:hidden}.section-mascot{position:absolute;right:5vw;top:70px;width:min(330px,30vw);max-height:420px;z-index:2;filter:drop-shadow(12px 14px 0 #0008);transform:rotate(5deg)}.music-mascot{top:100px;right:3vw;width:min(270px,25vw)}
.composer{display:none;position:fixed;inset:0;background:#000d;z-index:50;padding:24px;align-items:center;justify-content:center}.composer.show{display:flex}.composer-box{position:relative;width:min(920px,100%);max-height:90vh;overflow:auto;background:#111;border:1px solid #333;padding:32px}.composer-box h3{font-size:34px;margin:8px 0 20px}.compose-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.compose-tabs button{border:1px solid #444;background:#191919;color:#eee;border-radius:99px;padding:10px 14px;font-weight:800}.compose-tabs .active{border-color:#f4a51c;color:#f4a51c}.picker-head{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.picker-head span{font-size:12px;color:#888}.sticker-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.sticker-send{border:1px solid #292929;background:#0b0b0b;min-height:120px;padding:8px;cursor:pointer}.sticker-send:hover,.sticker-send.selected{border-color:#f4a51c;background:#18120a}.sticker-send img{width:100%;height:120px;object-fit:contain}.send-note{color:#888;font-size:13px}.podcast-open{margin-left:12px}
@media(max-width:800px){.section-mascot{width:120px;right:8px;top:15px;opacity:.7}.music-mascot{top:20px}.sticker-picker{grid-template-columns:repeat(3,1fr)}.sticker-send{min-height:95px}.sticker-send img{height:90px}.composer-box{padding:22px 14px}.podcast-open{margin-left:0}}

/* V5 — new mascot artwork placement */
.ticker{z-index:20;overflow:visible!important}
.ticker>img{left:16px!important;top:-29px!important;width:96px!important;height:96px!important;object-fit:contain!important;border:0!important;border-radius:0!important;transform:rotate(-5deg)!important;filter:drop-shadow(0 7px 8px #0007);z-index:22}
.ticker>a{padding-left:112px!important}
.m1{width:310px!important;height:310px!important;right:3vw!important;bottom:-35px!important;transform:rotate(4deg)!important}
.chaos-roles .role{isolation:isolate}.chaos-roles .role>img:not(.role-mascot){z-index:0}.chaos-roles .role:after{z-index:1}.role-mascot{position:absolute!important;z-index:3!important;width:min(240px,30%)!important;height:auto!important;inset:auto 24px 24px auto!important;object-fit:contain!important;filter:drop-shadow(8px 10px 10px #0008);transform:rotate(4deg)}
.chaos-roles .role:nth-child(even) .role-mascot{transform:rotate(-4deg)}
.chaos-roles .role div,.chaos-roles .role>span{z-index:4}
.chaos-break img{width:190px!important;height:190px!important;object-fit:contain!important}
.m2{width:240px!important;height:240px!important;right:4vw!important;top:32px!important;transform:rotate(-4deg)!important}
.podcast-mascot{width:min(390px,31vw)!important;right:2vw!important;top:80px!important;opacity:1!important;transform:rotate(3deg)!important}
@media(max-width:800px){.ticker>img{left:2px!important;top:-22px!important;width:76px!important;height:76px!important}.ticker>a{padding-left:66px!important}.m1{width:145px!important;height:145px!important;right:-12px!important;bottom:-5px!important}.role-mascot{width:125px!important;right:8px!important;bottom:12px!important}.chaos-break img{width:115px!important;height:115px!important}.m2{width:120px!important;height:120px!important;right:4px!important;top:12px!important}.podcast-mascot{width:150px!important;right:-18px!important;top:20px!important;opacity:.55!important}}


/* V5.1 — placement fixes + responsive polish */
/* Intro: copy left, portrait/mascot circle safely on the right. */
.intro.chaos-section{max-width:none;padding-right:38vw;min-height:500px;overflow:visible}
.intro.chaos-section>h2,.intro.chaos-section>p{max-width:760px}
.intro.chaos-section .m1{right:6vw!important;bottom:auto!important;top:50%!important;transform:translateY(-50%) rotate(3deg)!important;width:min(330px,27vw)!important;height:min(330px,27vw)!important;object-fit:contain!important;z-index:2}

/* Role mascots belong only to the opened role pages, never the homepage cards. */
.chaos-roles .role-mascot{display:none!important}
.role-page.intro{max-width:none;min-height:620px;padding-right:42vw}
.role-page.intro>p,.role-page.intro>h2,.role-page.intro>a{position:relative;z-index:3;max-width:720px}
.role-page .section-mascot{right:6vw;top:50%;transform:translateY(-50%) rotate(4deg);width:min(360px,30vw);max-height:480px;object-fit:contain;z-index:2}
.release.role-page .section-mascot{right:3vw;top:110px;transform:rotate(4deg);width:min(260px,22vw);z-index:3}

/* News mascot gets its own right-hand lane and cannot cover heading/tabs. */
.news.chaos-section{padding-right:7vw;overflow:visible}
.news .section-head{position:relative;z-index:4;padding-right:260px;min-height:150px}
.news .m2{right:7vw!important;top:32px!important;width:210px!important;height:210px!important;z-index:2!important}
.newsgrid{position:relative;z-index:3}

@media(max-width:800px){
  /* Intro becomes a clean vertical composition: text first, mascot below/right. */
  .intro.chaos-section{padding:80px 22px 36px!important;min-height:0;overflow:hidden}
  .intro.chaos-section .m1{position:relative!important;display:block;right:auto!important;top:auto!important;bottom:auto!important;transform:rotate(2deg)!important;width:min(68vw,260px)!important;height:auto!important;margin:30px 0 0 auto!important}
  .intro.chaos-section>h2{font-size:clamp(38px,12vw,58px)}

  /* Opened role pages: mascot is in normal flow, so it never overlaps text. */
  .role-page.intro{padding:70px 22px 55px!important;min-height:0}
  .role-page .section-mascot{position:relative!important;display:block!important;right:auto!important;top:auto!important;transform:rotate(2deg)!important;width:min(72vw,280px)!important;max-height:none!important;margin:28px auto 8px!important;opacity:1!important}
  .release.role-page .section-mascot{position:absolute!important;right:12px!important;top:16px!important;width:112px!important;margin:0!important;opacity:.95!important}

  /* News: mascot sits between title/tabs and cards, never on top of controls. */
  .news.chaos-section{padding:75px 22px!important;overflow:hidden}
  .news .section-head{padding-right:0;min-height:0;display:block}
  .news .m2{position:relative!important;display:block!important;right:auto!important;top:auto!important;width:min(52vw,190px)!important;height:auto!important;margin:18px 0 8px auto!important;transform:rotate(-3deg)!important}
  .news .tabs{margin-top:16px}
  .newsgrid{margin-top:28px}
}
/* V6 — local CMS preview */
.cms-media-list{position:relative;z-index:3;margin-top:48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cms-media{border:1px solid #333;padding:22px;background:#101010}.cms-media b{font-size:22px}.cms-media p,.cms-empty{color:#999;line-height:1.55}.cms-media a{color:#f4a51c;font-weight:800}@media(max-width:800px){.cms-media-list{grid-template-columns:1fr;margin-top:32px}}

/* V7 dynamic collections */
.media-category{border-top:1px solid #333}.category-head{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;color:#fff;border:0;padding:24px 0;font-size:clamp(24px,4vw,48px);font-weight:900;text-align:left;cursor:pointer}.category-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:30px}.media-category:not(.open) .category-items{display:none}.media-category:first-child .category-items{display:grid}.player-wrap{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden;margin-bottom:18px}.player-wrap iframe,.player-wrap img{width:100%;height:100%;border:0;object-fit:cover}.watch-links{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.watch-links a{border:1px solid #555;padding:8px 10px;border-radius:99px}.music-library{padding:90px 7vw 120px;position:relative;min-height:80vh}.music-library>h1{font-size:clamp(64px,10vw,140px);margin:10px 0 60px;letter-spacing:-.07em}.release-list{display:grid;gap:2px}.release-tile{display:grid;grid-template-columns:220px 1fr;gap:30px;background:#111;padding:20px;border-bottom:1px solid #333}.release-tile img{width:220px;aspect-ratio:1;object-fit:cover}.release-tile h2{font-size:42px;margin:8px 0}.release-detail{display:grid;grid-template-columns:1fr 1fr;min-height:90vh}.detail-cover{padding:6vw;background:#ddd}.detail-cover img{width:100%;position:sticky;top:40px}.detail-copy{padding:7vw 6vw}.detail-copy h1{font-size:clamp(58px,8vw,110px);margin:10px 0}.detail-copy dl{display:grid;grid-template-columns:160px 1fr;border-top:1px solid #333}.detail-copy dt,.detail-copy dd{margin:0;padding:12px 0;border-bottom:1px solid #333}.detail-copy pre{white-space:pre-wrap;font:inherit;line-height:1.7;color:#bbb}.detail-copy audio{width:100%}.stream-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.stream-links a{border:1px solid #fff;padding:12px 15px;border-radius:99px}.merch-collection{margin:60px 0}.merch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.merch-grid article{background:#eee;color:#111;padding:16px}.merch-grid img{width:100%;aspect-ratio:1;object-fit:cover}.podcast-topics{margin-top:70px;max-width:900px}.topic{border-top:1px solid #444;padding:30px 0}.topic h3{font-size:34px;margin:8px 0}.voice{display:grid;gap:8px;margin:15px 0}.voice audio{width:100%}
@media(max-width:800px){.category-items,.merch-grid{grid-template-columns:1fr}.release-tile{grid-template-columns:100px 1fr;gap:16px;padding:12px}.release-tile img{width:100px}.release-tile h2{font-size:28px}.release-detail{grid-template-columns:1fr}.detail-cover{padding:24px}.detail-copy{padding:50px 22px}.music-library{padding:70px 22px}.music-library .section-mascot{position:relative!important;width:150px!important;margin:0 0 10px auto!important}.category-head{font-size:28px}}

/* V8 hierarchy, release accordion, auth entry */
.cms-media-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.category-card{min-height:300px;background:#111;position:relative;overflow:hidden;display:flex;align-items:flex-end}.category-card>img,.category-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000 0%,transparent 75%)}.category-card>div:last-child{position:relative;z-index:2;padding:28px}.category-card h3{font-size:clamp(32px,4vw,58px);margin:5px 0 16px}.category-card small{color:#f4a51c;font-weight:900}.category-placeholder{display:grid;place-items:center;font-size:80px;color:#333}.category-page,.media-detail{padding:80px 7vw 120px}.category-page>h1,.media-detail>h1{font-size:clamp(58px,9vw,130px);letter-spacing:-.07em;margin:10px 0 50px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.video-card img,.video-placeholder{width:100%;aspect-ratio:16/9;object-fit:cover;background:#111;display:grid;place-items:center;font-size:50px}.video-card h3{font-size:24px;margin:12px 0}.media-detail{max-width:1200px;margin:auto}.media-player{aspect-ratio:16/9;background:#000;margin:30px 0}.media-player iframe,.media-player img{width:100%;height:100%;border:0;object-fit:cover}.media-description{font-size:19px;line-height:1.7;color:#bbb;max-width:850px}.lyrics-toggle{border-top:1px solid #444;border-bottom:1px solid #444;margin:30px 0}.lyrics-toggle summary{padding:20px 0;font-weight:900;cursor:pointer;color:#f4a51c;list-style:none}.lyrics-toggle[open] summary{border-bottom:1px solid #333}.snippet{margin-top:30px}.music-library>.section-mascot{width:min(190px,16vw)!important;right:5vw!important;top:72px!important;transform:rotate(4deg)!important}.account-entry{position:absolute;right:7vw;bottom:34px;width:90px;height:90px;border:0;background:none;padding:0;cursor:pointer}.account-entry img{width:100%;height:100%;object-fit:contain}.authbox h2{font-size:38px;margin:8px 0 20px}.auth-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:18px}.auth-choice button{padding:11px 5px;border:1px solid #bbb;background:white;font-weight:900;cursor:pointer}.auth-form{display:none}.auth-form.show{display:block}.age-choice{display:grid;gap:8px;margin:12px 0}.avatar-field{display:block;font-size:12px;font-weight:800;margin:10px 0}.avatar-field input{margin-top:6px}.authbox small{display:block;margin-top:18px;color:#777;line-height:1.4}
@media(max-width:800px){.cms-media-list,.video-grid{grid-template-columns:1fr!important}.category-card{min-height:240px}.category-page,.media-detail{padding:55px 22px 90px}.music-library>.section-mascot{position:absolute!important;width:105px!important;right:14px!important;top:70px!important;margin:0!important}.music-library>h1{padding-right:90px}.account-entry{right:20px;bottom:24px;width:72px;height:72px}.auth-choice{grid-template-columns:1fr}.modal>div{padding:30px 22px}}
/* V10 admin/podcast refinements */
.upload-chip{display:inline-flex;align-items:center;border:1px solid #444;background:#191919;color:#eee;border-radius:99px;padding:10px 14px;font-weight:800;cursor:pointer}.podcast-topics{display:grid;gap:18px;margin-top:45px;max-width:900px}.topic{border:1px solid #333;padding:28px;background:#0b0b0b}.topic h3{font-size:32px;margin:8px 0}.pod-messages{display:grid;gap:12px;margin-top:22px}.pod-message{border-top:1px solid #2c2c2c;padding-top:14px;display:grid;gap:10px}.pod-message audio{width:min(520px,100%)}.pod-message img,.pod-message video{max-width:min(520px,100%);max-height:420px;object-fit:contain}.pod-message .pod-sticker{width:130px;height:130px}.sticker-send img{width:100%;height:110px;object-fit:contain}.pod-reply{background:transparent;color:#fff;cursor:pointer}
/* V11 platform features */
.short-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.short-card{background:#111;padding:14px}.short-player{aspect-ratio:9/16;background:#000}.short-player iframe{width:100%;height:100%;border:0}.share-btn{border:1px solid #555;background:transparent;color:#fff;padding:10px 14px;cursor:pointer}.live-date{color:#f4a51c;font-weight:900}.live-comments{margin-top:50px;border-top:1px solid #333;padding-top:25px}.live-comments input,.search-input{width:100%;padding:16px;background:#111;border:1px solid #444;color:#fff;font:inherit}.live-comments button{padding:16px}.search-result{display:block;border-top:1px solid #333;padding:18px 0}.profile-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover}.footer-menu{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}.favorite-btn{border:1px solid #f4a51c;color:#f4a51c;background:transparent;padding:10px 14px;cursor:pointer}@media(max-width:800px){.short-grid{grid-template-columns:1fr}}

/* V11.1 fixes */
.podcast-home-preview .topic:nth-child(n+4){display:none}.podcast-home-preview .pod-messages{display:none}.podcast-home-preview .pod-reply{display:none}.category-page{padding-top:55px}

/* V12 — persistent transparent navigation + local test diagnostics */
header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1000!important;background:linear-gradient(180deg,rgba(8,8,8,.82),rgba(8,8,8,.34) 70%,transparent)!important;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
body:has(.ticker) header{top:38px!important}.ticker{position:relative;z-index:1001}
body:not(:has(.hero)) main,body:not(:has(.hero))>.podcast{padding-top:120px!important}
.local-protocol-warning{display:none;background:#fff2c7!important;border:2px solid #d08b00!important}.local-protocol-warning.show{display:block}.primary-link{display:inline-block;background:#111;color:#fff;padding:11px 15px;font-weight:900}.podcast-test-status{margin:28px 0 10px;padding:14px 16px;border:1px solid #444;color:#bbb}.podcast-test-status.ok{border-color:#4f8;color:#bfffd2}.podcast-test-status.bad{border-color:#f4a51c;color:#ffd18a}
@media(max-width:800px){header{height:66px!important;padding:0 18px!important}.brand img{width:112px!important}body:has(.ticker) header{top:38px!important}body:not(:has(.hero)) main,body:not(:has(.hero))>.podcast{padding-top:100px!important}}