/* SHO(U)TER 029 — single viewport application. Original splash and header retained. */
html.st30-active,html.st30-active body{width:100%;height:100%;overflow:hidden!important;overscroll-behavior:none;scroll-behavior:auto!important}
html.st30-active .hero{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;min-height:0!important;margin:0!important;z-index:0!important;pointer-events:none!important}
html.st30-active .hero .heroCopy,html.st30-active .hero aside,html.st30-active .hero .showter-side-label,html.st30-active .hero .showter-scroll-note,html.st30-active .hero .showter-counter{display:none!important}
html.st30-active .heroShade{background:linear-gradient(90deg,rgba(4,5,17,.86),rgba(8,6,31,.65) 56%,rgba(4,5,13,.83))!important}
html.st30-active .top{position:fixed!important;z-index:120!important;height:clamp(56px,8vh,76px)!important;background:rgba(4,6,18,.70)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
html.st30-active .top .listen{border-radius:7px!important}
html.st30-active main{height:100%;pointer-events:none}
html.st30-active main>*:not(.hero):not(.sap-modal),html.st30-active body>footer,html.st30-active #miniPlayer,html.st30-active .showter-statement{display:none!important}
html.st30-active #site-legal-tools{z-index:160!important}
#st30{--st-accent:#6553ff;position:fixed;z-index:65;left:clamp(12px,5vw,100px);right:clamp(12px,5vw,100px);top:calc(clamp(56px,8vh,76px) + clamp(10px,2vh,23px));bottom:clamp(9px,3vh,36px);display:grid;grid-template-columns:clamp(140px,17%,235px) minmax(0,1fr);border:1px solid rgba(153,150,255,.16);border-radius:18px;background:linear-gradient(130deg,rgba(11,15,46,.96),rgba(10,14,37,.96));box-shadow:0 22px 80px #000b,0 0 100px #2022ac45;overflow:hidden;font-family:Inter,Arial,sans-serif;isolation:isolate}
#st30:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 58% 8%,rgba(93,39,243,.18),transparent 48%);pointer-events:none;z-index:-1}
#st30 *{box-sizing:border-box}#st30 button{font-family:inherit;cursor:pointer}#st30 button:focus-visible{outline:2px solid #9991ff;outline-offset:2px}
.st30-sidebar{min-height:0;background:rgba(6,9,35,.74);border-right:1px solid #7d74cc22;padding:clamp(12px,2vw,25px) 12px;display:flex;flex-direction:column;gap:5px}
.st30-mark{font-size:22px;line-height:1;color:#a84cff;font-weight:900;margin:0 0 20px 12px}
.st30-side-title,.st30-eyebrow{color:#aa8dff;font-size:9px;letter-spacing:.12em}
.st30-side-title{margin:0 10px 10px}.st30-side{background:none;border:0;color:#abb3d2;display:flex;align-items:center;text-align:left;gap:12px;border-radius:7px;min-height:39px;padding:8px 10px;font-size:13px}
.st30-side>span:first-child{font-size:19px;width:22px;text-align:center}.st30-side.on,.st30-side:hover{background:linear-gradient(90deg,#3e30ae99,#352a9255);color:#fff}.st30-sidebar-bottom{margin-top:auto;color:#d9d7f5;font-size:12px;letter-spacing:.13em;padding:9px}.st30-sidebar-bottom small{display:block;font-size:8px;color:#8588b0;margin-top:8px;letter-spacing:.06em}
.st30-center{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(13px,2vw,28px) clamp(14px,2.4vw,34px) 0}
.st30-toolbar{min-height:64px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.st30-toolbar h2{font-size:clamp(18px,2.1vw,27px);line-height:1.2;margin:6px 0 0;font-weight:650;letter-spacing:-.025em}.st30-browse{border:1px solid #9995c533;background:#29234d55;color:#d7d3ff;border-radius:8px;padding:9px 14px;font-size:12px}
.st30-body{min-height:0;overflow:hidden;position:relative}.st30-home,.st30-panel{height:100%;min-height:0;display:none}.st30-home.st30-visible{display:grid;grid-template-rows:minmax(100px,41%) auto auto minmax(0,1fr);gap:7px}.st30-panel.st30-visible{display:flex;flex-direction:column;gap:11px}.st30-panel>h3{font-size:16px;margin:0 0 3px}.st30-panel>div{min-height:0;flex:1;overflow:auto;scrollbar-color:#7773bd transparent;scrollbar-width:thin}
.st30-albums{display:flex;align-items:center;justify-content:center;gap:8px;min-height:0;overflow:hidden}.st30-albums>button{background:#65699c55;border:0;border-radius:100%;width:29px;height:29px;flex:none;color:white;font-size:23px;line-height:1}
.st30-discs{display:flex;align-items:center;justify-content:center;gap:clamp(-7px,.5vw,8px);height:100%;max-width:min(100%,610px);min-width:0;overflow:hidden}.st30-disc{width:clamp(54px,9vw,124px);height:clamp(54px,9vw,124px);flex:none;border:0!important;border-radius:50%;overflow:hidden;background:radial-gradient(circle,#14163b 0 9%,#4c26a5 10% 15%,#090e2e 16% 40%,#8d1dde 70%);box-shadow:0 0 21px #4d27aa30;transition:transform .2s}.st30-disc:nth-child(2),.st30-disc:nth-child(4){transform:scale(.78)}.st30-disc:first-child{transform:scale(.87)}.st30-disc:nth-child(3){outline:5px solid #7934ff;outline-offset:3px;transform:scale(1.06);z-index:2}.st30-disc img{height:100%;width:100%;object-fit:cover;clip-path:circle(50% at 50% 50%)}.st30-disc:focus-visible{outline:2px solid white!important}.st30-discs-empty{font-size:12px;color:#898ba5}
.st30-selected{text-align:center;min-height:22px;font-size:12px;color:#e6e4ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st30-featured-title{display:flex;align-items:end;justify-content:space-between;min-height:48px}.st30-featured-title h3{font-size:17px;margin:3px 0}.st30-featured-title button{background:none;color:#a6a3df;border:0;font-size:11px}
.st30-home-feed{min-height:0;overflow:hidden}
#st30 #feed{display:block!important;position:relative!important;width:100%!important;max-width:none!important;height:100%!important;margin:0!important;padding:0!important;pointer-events:auto!important;background:transparent!important}
#st30 .sap-stream-head{display:none!important}#st30 .sap-filters-shell{display:none!important}#st30 .sap-rail-shell{height:100%!important;min-height:0!important}
#st30 .sap-rail{display:flex!important;height:100%!important;min-height:0!important;overflow-x:auto!important;overflow-y:hidden!important;gap:12px!important;scrollbar-width:thin}
#st30 .sap-card{min-width:clamp(126px,16vw,230px)!important;width:clamp(126px,16vw,230px)!important;height:100%!important;max-height:none!important;flex:0 0 auto!important;background:#0c112e!important;border:1px solid #9394cc20!important;border-radius:8px!important;overflow:hidden!important}
#st30 .sap-media{height:72%!important;max-height:none!important}#st30 .sap-meta{max-height:28%!important;overflow:hidden!important}#st30 .sap-card-title{font-size:clamp(10px,1vw,13px)!important}#st30 .sap-rail-arrow{z-index:3!important}#st30 #sapEmpty{font-size:12px!important;padding:5px!important}
.st30-songs-holder .listSide{border:0!important;padding:0!important;height:100%!important;display:flex;flex-direction:column}.st30-songs-holder #playlist{max-height:none!important;flex:1;min-height:0;overflow-y:auto!important}.st30-songs-holder .track{font-size:12px!important;padding:10px 6px!important}.st30-songs-holder .filter{font-size:10px!important}.st30-lyrics-drawer{display:none;position:absolute;top:0;right:0;bottom:0;width:min(440px,80%);z-index:8;background:#0c1031f8;border-left:1px solid #9e83ff55;padding:20px;box-shadow:-10px 0 40px #0009}.st30-lyrics-open .st30-lyrics-drawer{display:flex;flex-direction:column}.st30-drawer-head{display:flex;justify-content:space-between;align-items:center;font-size:16px}.st30-drawer-head button{border:0;background:none;color:white;font-size:28px}.st30-lyrics-slot{overflow:auto;min-height:0;flex:1;margin-top:20px}.st30-lyrics-slot .textSide{display:block!important;border:0!important;margin:0!important;padding:0!important}.st30-lyrics-slot .lyrics{max-height:none!important;font-size:13px!important;line-height:1.8!important}.st30-lyrics-slot .tabs{display:none!important}
#st30 #concerts,#st30 #directions{display:block!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;pointer-events:auto!important}
#st30 #concerts .concertTitle,#st30 #directions .directions-heading{display:none!important}#st30 #concerts .concertList{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:10px!important}#st30 #concerts .concert{background:#131936;border:1px solid #777bb433;padding:14px!important;border-radius:8px!important}#st30 #directions .directions-track{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:10px!important}#st30 #directions .direction-tile{min-width:0!important;min-height:125px!important;height:auto!important;border-radius:8px!important}
.st30-bottom{height:clamp(77px,12vh,104px);border-top:1px solid #8a88be33;display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#25125899,#28255f5c);margin:10px calc(-1 * clamp(14px,2.4vw,34px)) 0;padding:9px clamp(14px,2.4vw,34px);min-width:0}
.st30-player-slot{flex:1;min-width:0;height:100%}.st30-player-slot .nowBlock{height:100%!important;width:100%!important;display:grid!important;grid-template-columns:60px minmax(0,1fr)!important;gap:14px!important;padding:0!important;border:0!important}.st30-player-slot #cover{width:60px!important;height:60px!important;border-radius:50%;object-fit:cover!important}.st30-player-slot .nowText{min-width:0;display:grid;grid-template-columns:minmax(90px,1fr) minmax(100px,2fr);grid-template-rows:24px 28px;align-items:center;column-gap:16px}.st30-player-slot #trackTitle{grid-column:1;grid-row:1;font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important}.st30-player-slot .nowText small,.st30-player-slot #trackDesc{display:none!important}.st30-player-slot #seek{grid-column:2;grid-row:1/3;min-width:0;width:100%!important;accent-color:#7161ff!important}.st30-player-slot .controls{grid-column:1;grid-row:2;display:flex!important;align-items:center!important;gap:5px!important;margin:0!important}.st30-player-slot .controls button{font-size:17px!important;width:28px!important;height:28px!important;padding:0!important}.st30-player-slot .controls .play{width:31px!important;height:31px!important;background:#6553ff!important;border:0!important}.st30-player-slot .controls span{font-size:10px!important;white-space:nowrap!important;margin-left:3px!important}.st30-lyrics-button{flex:0 0 auto;background:#27234d;border:1px solid #bbb4ff44;color:white;border-radius:6px;font-size:11px;padding:9px 12px}
/* Entire experience stays within one screen; scrolling, when needed, occurs inside a panel only. */
@media(max-height:730px) and (min-width:701px){#st30{top:68px;bottom:8px}.st30-center{padding-top:12px}.st30-toolbar{min-height:48px}.st30-home.st30-visible{grid-template-rows:minmax(80px,35%) auto auto minmax(0,1fr)}.st30-bottom{height:70px}.st30-sidebar{padding-top:12px}.st30-mark{margin-bottom:8px}}
@media(max-width:900px){#st30{left:12px;right:12px;grid-template-columns:116px minmax(0,1fr)}.st30-sidebar{padding:14px 6px}.st30-side{font-size:11px;gap:6px}.st30-sidebar-bottom{font-size:9px}.st30-albums .st30-disc{width:clamp(48px,10vw,95px);height:clamp(48px,10vw,95px)}}
@media(max-width:700px){html.st30-active .top{height:54px!important}#st30{top:61px;bottom:calc(7px + env(safe-area-inset-bottom));left:6px;right:6px;border-radius:11px;grid-template-columns:53px minmax(0,1fr)}.st30-sidebar{padding:10px 3px;gap:6px;align-items:center}.st30-mark{font-size:17px;margin:4px 0 9px}.st30-side-title,.st30-sidebar-bottom{display:none}.st30-side{padding:8px 3px;width:44px;min-height:43px;display:flex;align-items:center;justify-content:center;border-radius:8px}.st30-side>span:first-child{font-size:21px}.st30-side>span:last-child{display:none}.st30-center{padding:10px 9px 0}.st30-toolbar{min-height:49px}.st30-toolbar h2{font-size:17px}.st30-eyebrow{font-size:8px}.st30-browse{font-size:0;padding:7px}.st30-browse:first-letter{font-size:18px}.st30-home.st30-visible{grid-template-rows:minmax(65px,30%) 18px 36px minmax(0,1fr);gap:4px}.st30-albums{gap:1px}.st30-albums>button{width:22px;height:22px;font-size:17px}.st30-discs{gap:0}.st30-disc,.st30-albums .st30-disc{width:clamp(39px,12vw,70px);height:clamp(39px,12vw,70px)}.st30-selected{font-size:10px}.st30-featured-title{min-height:0}.st30-featured-title h3{font-size:13px}.st30-featured-title button{font-size:9px}#st30 .sap-card{min-width:118px!important;width:118px!important}#st30 .sap-card-title{font-size:10px!important}.st30-bottom{height:79px;gap:5px;margin:5px -9px 0;padding:7px}.st30-player-slot .nowBlock{grid-template-columns:37px minmax(0,1fr)!important;gap:6px!important}.st30-player-slot #cover{height:37px!important;width:37px!important}.st30-player-slot .nowText{display:grid;grid-template-columns:1fr;grid-template-rows:16px 23px 12px;gap:0}.st30-player-slot #trackTitle{grid-column:1;grid-row:1;font-size:10px!important}.st30-player-slot #seek{grid-column:1;grid-row:3}.st30-player-slot .controls{grid-column:1;grid-row:2}.st30-player-slot .controls button{font-size:15px!important;width:24px!important;height:24px!important}.st30-player-slot .controls .play{height:25px!important;width:25px!important}.st30-player-slot .controls span{font-size:8px!important}.st30-lyrics-button{font-size:0;padding:5px 7px}.st30-lyrics-button:after{content:'▤';font-size:16px}.st30-panel>h3{font-size:13px}.st30-songs-holder .track{font-size:11px!important}.st30-lyrics-drawer{width:calc(100% - 53px);padding:12px}}
@media(max-height:550px){#st30{top:55px;bottom:4px}.st30-toolbar{min-height:35px}.st30-home.st30-visible{grid-template-rows:minmax(45px,28%) 15px 25px minmax(0,1fr)}.st30-bottom{height:55px}.st30-disc,.st30-albums .st30-disc{width:40px;height:40px}.st30-player-slot #cover{width:34px!important;height:34px!important}.st30-center{padding-top:5px}}

html.st30-active main>.sap-modal{pointer-events:auto!important;z-index:200!important}
.st30-disc.st30-vinyl{background:radial-gradient(circle at center,#050915 0 6%,#ddd7ff 7% 9%,#1d1744 10% 18%,#080c1c 19% 31%,#251c67 32% 48%,#050819 49% 59%,#792baf 60% 63%,#0a0b29 64% 100%)}.st30-disc.st30-vinyl:nth-child(even){filter:hue-rotate(95deg)}


/* SHOWTER 030 — one unified music app, with original video HERO inside dashboard */
html.st30-active .top{display:none!important}
html.st30-active .hero{visibility:hidden!important;pointer-events:none!important}
#st30{top:clamp(8px,2vh,20px)!important;bottom:clamp(8px,2vh,20px)!important;--st-accent:#6356fb}
#st30 .st30-center{padding-top:clamp(9px,1.5vh,18px)}
#st30 .st30-toolbar{min-height:clamp(43px,8vh,72px);align-items:center}
#st30 .st30-brand{min-height:35px;display:flex;align-items:center}
#st30 .st30-brand .logo{display:flex!important;position:static!important;max-width:225px;width:auto;align-items:center;gap:8px;background:none!important;padding:0!important;margin:0!important;transform:none!important}
#st30 .st30-brand .logo img{max-height:43px!important;max-width:190px!important;width:auto!important;object-fit:contain!important}
#st30 .st30-brand .logo small{font-size:8px!important;color:#aeabd7!important;letter-spacing:.06em!important}
#st30 .st30-home.st30-visible{grid-template-rows:minmax(112px,38%) auto minmax(66px,23%) 18px auto minmax(60px,1fr);gap:4px}
#st30 .st30-hero{isolation:isolate;position:relative;min-height:0;overflow:hidden;border-radius:12px;background:#080d29}
#st30 .st30-hero-media,#st30 #heroMedia{position:absolute!important;inset:0!important;height:100%!important;width:100%!important;display:block!important;visibility:visible!important;opacity:1!important;transform:none!important}
#st30 #heroMedia video,#st30 #heroMedia img{height:100%!important;width:100%!important;object-fit:cover!important;display:block!important;max-height:none!important;filter:none!important}
#st30 .st30-hero-tint{position:absolute;inset:0;background:linear-gradient(90deg,#080c25ed 0%,#080b23b0 43%,#060c1e2b 100%);pointer-events:none}
#st30 .st30-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;padding:clamp(12px,3vw,34px)}
#st30 .st30-hero-copy h1{font-size:clamp(25px,3.7vw,57px);line-height:1.04;letter-spacing:-.045em;margin:5px 0;font-weight:750;color:#fff}
#st30 .st30-hero-copy p{font-size:clamp(10px,1.1vw,16px);line-height:1.3;margin:0;color:#e7e9ff}
#st30 .st30-home-heading{display:flex;align-items:center;gap:15px;min-height:0}
#st30 .st30-home-heading h2{font-size:clamp(12px,1.4vw,20px);margin:0;letter-spacing:-.025em}
#st30 .st30-disc,#st30 .st30-disc.st30-vinyl{border-radius:50%;background:#171b36!important;box-shadow:0 0 0 1px #9c91ff40!important}
#st30 .st30-disc img{clip-path:none!important;object-fit:cover}
#st30 .st30-disc.st30-no-cover{background:#181d38!important;color:#aaa8cc;font-size:25px;display:grid;place-items:center}
#st30 .st30-disc:nth-child(3){outline:2px solid #a49aff!important;outline-offset:2px}
#st30 .st30-side{font-size:11px}
#st30 .st30-director{text-decoration:none;color:#bebbe5;line-height:1.2;margin-top:auto;border:1px solid #9e8dff33}
#st30 .st30-sidebar-bottom{margin-top:10px}
#st30 .st30-panel-songs .st30-track-modes{display:flex;gap:5px;flex-wrap:wrap}
#st30 .st30-track-modes button{font-size:11px;color:#b8b5e7;background:#242145;border:1px solid #8b82bd4d;padding:8px 10px;border-radius:8px}
#st30 .st30-track-modes button.on{background:#5245be;color:white}
#st30 .st30-track-hint{margin:0;font-size:10px;color:#aea9d5;line-height:1.5}
#st30 .st30-songs-holder .track[hidden]{display:none!important}
@media(max-height:720px) and (min-width:701px){#st30 .st30-home.st30-visible{grid-template-rows:minmax(85px,34%) auto minmax(49px,19%) 14px auto minmax(44px,1fr)}#st30 .st30-hero-copy h1{font-size:30px}}
@media(max-width:700px){#st30{top:calc(4px + env(safe-area-inset-top))!important;bottom:calc(4px + env(safe-area-inset-bottom))!important}#st30 .st30-toolbar{min-height:43px}#st30 .st30-brand .logo img{max-width:95px!important;max-height:29px!important}#st30 .st30-brand .logo small{display:none}#st30 .st30-home.st30-visible{grid-template-rows:minmax(92px,34%) auto minmax(50px,19%) 15px auto minmax(42px,1fr)}#st30 .st30-hero-copy{padding:10px}#st30 .st30-hero-copy h1{font-size:clamp(21px,6vw,35px)}#st30 .st30-hero-copy p{font-size:10px}#st30 .st30-director{font-size:0!important;min-height:42px!important}#st30 .st30-director>span:first-child{font-size:20px!important}#st30 .st30-track-modes button{font-size:10px;padding:6px}}
@media(max-height:550px){#st30 .st30-home.st30-visible{grid-template-rows:minmax(54px,31%) auto minmax(40px,18%) 12px auto minmax(31px,1fr)}#st30 .st30-hero-copy h1{font-size:22px}#st30 .st30-featured-title{display:none}}

/* SHOWTER 031 — fix first paint, original HERO placement and runtime mounting. */
html.st31-boot body>.top,html.st31-boot body>main,html.st31-boot body>footer,html.st31-boot body>#miniPlayer{visibility:hidden!important}
#st30 .st30-hero-media{background-color:#080b22;background-repeat:no-repeat;z-index:0}
#st30 .st30-hero-tint{z-index:1}
#st30 .st30-hero-copy{z-index:2}
#st30 #heroMedia video,#st30 #heroMedia img{position:absolute!important;inset:0!important;z-index:0!important;object-fit:cover!important}
#st30 .st30-hero{display:block!important;opacity:1!important;visibility:visible!important}
@media(prefers-reduced-motion:reduce){#st30 *{scroll-behavior:auto!important;transition-duration:0.01ms!important}}

/* SHOWTER 032 — complete circular cards without clipping at either edge. */
#st30 .st30-albums{display:grid!important;grid-template-columns:30px minmax(0,1fr) 30px!important;gap:clamp(8px,1.2vw,16px)!important;align-items:center!important;justify-content:stretch!important;overflow:visible!important;min-width:0!important;padding:4px 6px!important}
#st30 .st30-discs{display:grid!important;grid-template-columns:repeat(var(--st32-columns,5),minmax(0,1fr))!important;gap:clamp(8px,1.5vw,22px)!important;align-items:center!important;justify-items:center!important;width:100%!important;max-width:none!important;min-width:0!important;overflow:visible!important;padding:5px!important;box-sizing:border-box!important}
#st30 .st30-disc,#st30 .st30-disc:nth-child(2),#st30 .st30-disc:nth-child(3),#st30 .st30-disc:nth-child(4),#st30 .st30-disc:first-child{display:grid!important;place-items:center!important;width:min(100%,clamp(44px,9vh,128px))!important;max-width:100%!important;height:auto!important;aspect-ratio:1!important;transform:none!important;scale:1!important;outline:none!important;outline-offset:0!important;border:1px solid #8277bd60!important;overflow:hidden!important;border-radius:50%!important;position:relative!important;box-shadow:none!important;background:linear-gradient(155deg,#252144,#0b112e)!important;flex:none!important}
#st30 .st30-disc.st32-current{border:2px solid #ab9aff!important;box-shadow:0 0 0 2px #a79aff26!important}
#st30 .st30-disc img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important;clip-path:none!important}
#st30 .st32-initial{font-size:clamp(13px,2vw,22px);font-weight:700;color:#e1defd;letter-spacing:.01em}
#st30 .st30-albums>button:disabled{opacity:.22;cursor:default}
#st30 .st32-disc-empty{grid-column:1/-1;font-size:12px;color:#c0bde0;justify-self:start}
#st30 .st30-home.st30-visible{grid-template-rows:minmax(105px,38%) auto minmax(64px,23%) 18px auto minmax(44px,1fr)!important}
#st30 .st30-panel-songs .st30-track-modes{flex:none!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;overflow:visible!important;min-height:unset!important}
#st30 .st30-track-modes button{flex:0 0 auto!important;min-width:unset!important;width:auto!important;height:auto!important;padding:8px 12px!important;border-radius:8px!important}
#st30 .st30-panel-songs .st30-track-hint{flex:none!important;min-height:auto!important}
@media(max-width:700px){#st30 .st30-albums{grid-template-columns:22px minmax(0,1fr) 22px!important;padding:1px 2px!important;gap:4px!important}#st30 .st30-discs{gap:5px!important;padding:2px!important}#st30 .st30-disc,#st30 .st30-disc:nth-child(3){width:min(100%,clamp(34px,9vh,74px))!important}#st30 .st30-home.st30-visible{grid-template-rows:minmax(85px,34%) auto minmax(48px,19%) 15px auto minmax(35px,1fr)!important}#st30 .st30-track-modes button{padding:6px 8px!important;font-size:10px!important}}
@media(max-height:600px){#st30 .st30-disc{max-height:clamp(32px,10vh,64px)!important}#st30 .st30-home.st30-visible{grid-template-rows:minmax(58px,31%) auto minmax(37px,19%) 13px auto minmax(27px,1fr)!important}}

/* SHOWTER 034: hide native source filters; custom real categories remain clickable. */
#st30 .st30-songs-holder #playerFilters{display:none!important}
/* Mobile viewport and touch ergonomics; only the content areas may scroll, not the page. */
html.st30-active,html.st30-active body{height:100%;min-height:100%;overscroll-behavior:none!important}
#st30{max-height:calc(100dvh - 16px)}
#st30 .st30-center,#st30 .st30-body,#st30 .st30-panel{min-height:0!important;min-width:0!important}
#st30 .st30-songs-holder,#st30 .st30-feed-holder,#st30 .st30-concerts-holder,#st30 .st30-projects-holder{min-height:0!important;overflow:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#st30 .st30-track-modes{max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}
#st30 .st30-track-modes::-webkit-scrollbar{display:none}
#st30 .st30-track-modes button{white-space:nowrap;min-height:34px}
#st30 .st30-disc{touch-action:manipulation}
#st30 .st30-sidebar .st30-side{touch-action:manipulation}
@media(max-width:700px){
 #st30{height:auto!important;max-height:none!important;top:calc(4px + env(safe-area-inset-top,0px))!important;bottom:calc(4px + env(safe-area-inset-bottom,0px))!important;left:4px!important;right:4px!important;grid-template-columns:48px minmax(0,1fr)!important}
 #st30 .st30-sidebar{padding:8px 2px!important;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}
 #st30 .st30-sidebar::-webkit-scrollbar{display:none}
 #st30 .st30-side{width:42px!important;min-height:43px!important}
 #st30 .st30-center{padding:7px 8px 0!important}
 #st30 .st30-toolbar{min-height:39px!important;gap:4px}
 #st30 .st30-browse{min-height:32px;max-width:88px;white-space:nowrap}
 #st30 .st30-track-modes{gap:5px!important;padding-bottom:3px}
 #st30 .st30-track-modes button{min-height:34px!important;font-size:10px!important;padding:6px 9px!important}
 #st30 .st30-panel.st30-visible{gap:6px!important}
 #st30 .st30-home.st30-visible{grid-template-rows:minmax(60px,34%) auto minmax(42px,19%) 14px auto minmax(24px,1fr)!important;gap:3px!important}
 #st30 .st30-hero-copy h1{font-size:clamp(20px,6vw,30px)!important}
 #st30 .st30-hero-copy p{font-size:clamp(9px,2.4vw,11px)!important}
 #st30 .st30-discs{gap:4px!important;padding:2px!important}
 #st30 .st30-albums{gap:3px!important}
 #st30 .st30-albums>button{min-width:26px!important;min-height:32px!important}
 #st30 .st30-bottom{height:clamp(65px,11dvh,82px)!important;min-height:65px!important;margin-top:4px!important;padding:5px 7px!important}
 #st30 .st30-player-slot .nowBlock{grid-template-columns:34px minmax(0,1fr)!important;gap:5px!important}
 #st30 .st30-player-slot #cover{width:34px!important;height:34px!important}
 #st30 .st30-player-slot .nowText{min-width:0!important}
 #st30 .st30-lyrics-button{flex-shrink:0}
 #st30 .st30-lyrics-drawer{width:calc(100% - 48px)!important;max-width:none!important;padding:12px!important}
}
@media(max-width:380px){
 #st30{grid-template-columns:43px minmax(0,1fr)!important}
 #st30 .st30-sidebar .st30-side{width:38px!important}
 #st30 .st30-center{padding:6px 5px 0!important}
 #st30 .st30-brand .logo img{max-width:84px!important}
 #st30 .st30-albums{grid-template-columns:24px minmax(0,1fr) 24px!important;padding:1px!important}
 #st30 .st30-discs{gap:3px!important}
 #st30 .st30-disc{max-width:100%!important}
 #st30 .st30-bottom{margin-left:-5px!important;margin-right:-5px!important}
}
@media(max-height:560px) and (max-width:940px){
 #st30 .st30-home.st30-visible{grid-template-rows:minmax(45px,28%) auto minmax(34px,17%) 12px auto minmax(18px,1fr)!important;gap:2px!important}
 #st30 .st30-toolbar{min-height:30px!important}
 #st30 .st30-bottom{height:56px!important;min-height:56px!important}
 #st30 .st30-hero-copy p{display:none}
 #st30 .st30-hero-copy h1{font-size:20px!important}
 #st30 .st30-featured-title{display:none!important}
}
@media(prefers-reduced-motion:reduce){#st30 *,#st30 *::before,#st30 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* 034: public navigation never shows source-system controls. */
#st30 .st30-panel-songs #playerFilters{display:none!important}