@charset "UTF-8";
:root{--bg:#111415;--sidebar:#171b1c;--panel:#1b2021;--raised:#222829;--line:#303637;--fg:#f1f0e9;--muted:#a1aaa7;--gold:#eac17b;--mint:#9cd0b8;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif;color-scheme:dark;font-family:var(--sans);font-size:16px;color:var(--fg);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button,a{transition:background .16s,color .16s,border-color .16s}a{color:inherit;text-decoration:none}button{color:inherit;background:none;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{opacity:.4;cursor:default}button:hover,a:hover{color:var(--gold)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}p{line-height:1.7}small{font-size:12px}::selection{background:#74603c;color:white}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#3b4341;border-radius:8px}::-webkit-scrollbar-track{background:transparent}
.appbar{height:88px;display:flex;align-items:center;padding:0 32px;gap:32px;border-bottom:1px solid var(--line);background:#171b1c;position:relative;z-index:20}.brand{display:flex;gap:13px;align-items:center;min-width:265px;font-size:23px;font-weight:650;letter-spacing:-.7px}.brand-light{font-weight:350;color:var(--gold)}.brand small{display:block;font-size:9px;letter-spacing:2.6px;font-weight:600;color:var(--muted);margin-top:3px}.brand-mark{height:36px;width:36px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 5px #171b1c,inset 0 0 0 6px #766449}.brand-mark i{height:10px;width:10px;border:1px solid var(--gold);border-radius:50%}.app-context{font-size:13px;color:var(--muted);flex:1}.top-actions{display:flex;align-items:center;gap:22px;font-size:13px;white-space:nowrap}.top-actions button{padding:10px 0}.shell{display:grid;grid-template-columns:320px minmax(0,1fr);height:calc(100dvh - 88px)}.catalog{background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;z-index:15}.catalog-top{padding:25px 20px 0}.catalog-title{font-weight:600;font-size:14px;margin-bottom:18px}.search-wrap{position:relative;margin-bottom:12px}.search-wrap>span{position:absolute;left:12px;top:5px;font-size:27px;color:var(--muted)}input,select{background:var(--bg);border:1px solid var(--line);color:var(--fg);border-radius:7px;padding:10px 11px;min-width:0;font-size:13px}input::placeholder{color:#89948f}.search-wrap input{width:100%;padding:12px 30px 12px 36px}.search-wrap kbd{position:absolute;right:11px;top:12px;font:12px var(--sans);color:var(--muted);border:1px solid var(--line);padding:0 4px;border-radius:3px}.catalog select{width:100%;margin-bottom:9px}.filter-row{display:flex;gap:8px}.filter-row select{flex:1;width:0}.filter-row button{font-size:12px;border:1px solid var(--line);border-radius:7px;height:37px;padding:0 10px}.filter-row button[aria-expanded=true]{border-color:var(--gold);color:var(--gold)}.result-line{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);padding:12px 0;border-bottom:1px solid var(--line)}.result-line button{font-size:12px;color:var(--gold)}.genre-list{overflow:auto;flex:1;padding:8px 10px}.genre-row{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border-radius:8px;padding:12px 10px;border:1px solid transparent}.genre-row:hover{background:#202627;color:var(--fg)}.genre-row.selected{background:#2a302b;border-color:#565440;box-shadow:inset 2px 0 var(--gold)}.mini-disc{width:36px;height:36px;flex-shrink:0;border-radius:50%;object-fit:contain;background:#101313}.disc-placeholder{background:repeating-radial-gradient(circle,#171c1c 0 3px,#313a37 4px 5px);position:relative;display:grid;place-items:center;color:var(--gold)}.disc-placeholder:after{content:'';width:22%;height:22%;background:var(--bg);border:2px solid #8b826a;border-radius:50%}.row-copy{min-width:0;flex:1}.row-name{display:block;font-size:14px;font-weight:550;line-height:1.35}.row-family{display:block;font-size:12px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-count{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:6px;align-items:flex-end}.owned-dot{width:5px;height:5px;border-radius:50%;background:var(--mint)}.catalog-footer{border-top:1px solid var(--line);padding:16px 20px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.live-dot{color:var(--mint)}.live-dot:before{content:'●';font-size:7px;margin-right:5px}main{overflow:auto;scroll-behavior:smooth;position:relative}.page{max-width:1450px;margin:auto;padding:26px 48px 64px}.page-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}.breadcrumb{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;flex-wrap:wrap}.breadcrumb span:last-child{color:var(--gold)}.page-tools{display:flex;gap:10px;align-items:center}.page-tools button,.utility-link{font-size:12px;padding:8px 11px;border:1px solid var(--line);border-radius:6px;white-space:nowrap}.hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:45px;align-items:center;padding-bottom:34px}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:12px}h1{font:clamp(40px,4.1vw,68px)/1.06 var(--serif);letter-spacing:-2px;margin-bottom:18px;overflow-wrap:anywhere}.origin{font-size:13px;color:var(--muted);margin-bottom:16px;line-height:1.6}.intro{font-size:17px;line-height:1.7;color:#d8ded8;max-width:760px}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}.badge{font-size:11px;letter-spacing:.2px;border:1px solid var(--line);padding:6px 9px;border-radius:5px;color:var(--muted)}.badge.owned{color:var(--mint);background:#1f2e28;border-color:#35483e}.hero-art{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}.hero-art:before{content:'';position:absolute;inset:5%;border-radius:50%;background:#b48e44;filter:blur(60px);opacity:.09;pointer-events:none}.hero-disc{width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 16px 24px #0006);border-radius:50%}.hero-art .art-caption{font-size:10px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}.tabbar{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:30px;position:sticky;top:0;background:var(--bg);z-index:5}.tabbar button{padding:16px 0;color:var(--muted);font-size:14px;border-bottom:2px solid transparent}.tabbar button[aria-selected=true]{color:var(--gold);border-color:var(--gold)}.tabbar em{font-size:11px;font-style:normal;color:var(--muted);margin-left:5px}.insight{border:1px solid #4c4936;background:linear-gradient(115deg,#282b23,#1b2220);border-radius:12px;padding:27px 30px;position:relative;margin-bottom:30px}.insight .eyebrow{margin-bottom:12px}.insight h2{font:26px/1.35 var(--serif);color:#f1e5ca;max-width:920px}.insight p{max-width:900px;color:#d6dacf}.text-action{display:inline-flex;align-items:center;gap:14px;color:var(--gold);font-size:13px;padding:0;margin-top:20px}.text-action:hover{text-decoration:underline}.section-title{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:28px 0 16px}.section-title h2{font:23px var(--serif)}.section-title .text-action{margin:0;white-space:nowrap}.section-title small{color:var(--muted)}.overview-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:32px}.sense-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 28px;margin:24px 0}.sense h3{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold);margin-bottom:9px}.sense p{font-size:14px;line-height:1.65;color:#c5cdc7}.sense button{margin-top:8px;font-size:12px}.quiet-panel{border-left:1px solid var(--line);padding-left:30px}.quiet-panel>h3{font:22px var(--serif);margin:2px 0 15px}.relation-compact{display:block;border-bottom:1px solid var(--line);padding:15px 0;width:100%;text-align:left}.relation-compact span{display:block;font-size:10px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin-bottom:6px}.relation-compact strong{font-size:14px;font-weight:500}.anchors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.anchor{border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:18px;display:flex;flex-direction:column;min-width:0}.anchor-top{display:flex;justify-content:space-between;color:var(--gold);font-size:11px;margin-bottom:16px}.anchor h3{font-size:15px;line-height:1.5;margin-bottom:4px}.anchor .artist{font-size:13px;color:var(--muted)}.anchor .track-note{font-size:12px;color:#aab5ac;margin:12px 0 0}.anchor a{font-size:12px;margin-top:auto;padding-top:16px;color:var(--gold)}.source-line{margin-top:25px;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:10px}.source-line button{font-size:11px;color:var(--gold);padding:0}.empty{padding:38px 24px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);line-height:1.7}.empty h2{font:26px var(--serif);color:var(--fg);margin-bottom:10px}.empty p{max-width:640px;font-size:15px}.loading{display:flex;gap:16px;align-items:center;justify-content:center;min-height:250px;color:var(--muted);font-size:14px}.spinner{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-menu{display:none}.icon-button{font-size:25px;width:36px;height:36px;border-radius:6px;color:var(--muted)}
.listen-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:10px 0 25px}.listen-tools input{min-width:220px;flex:1}.check-label{font-size:13px;color:var(--muted);display:flex;gap:7px;align-items:center}.check-label input{accent-color:var(--gold);min-width:0;flex:0}.song-group{margin-bottom:28px}.song-group h3{font-size:13px;color:var(--gold);padding:15px 0;border-bottom:1px solid var(--line)}.song{display:grid;grid-template-columns:25px minmax(0,1.3fr) minmax(0,1fr) 55px 55px;align-items:start;gap:16px;padding:15px 2px;border-bottom:1px solid #262c2d;font-size:14px}.song-star{color:var(--gold);font-size:12px}.song-artist,.runtime{color:var(--muted);font-size:13px}.song a{font-size:12px;color:var(--gold)}.song-note{display:block;font-size:12px;color:var(--muted);margin-top:6px;line-height:1.6}.song-flag{color:#d2b28b}.analysis-intro{display:flex;justify-content:space-between;gap:20px;margin-bottom:26px;color:var(--muted);font-size:14px}.analysis-intro p{max-width:720px}.analysis-section{margin-bottom:12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);overflow:hidden}.analysis-section summary{list-style:none;cursor:pointer;display:flex;gap:18px;align-items:center;padding:21px 24px}.analysis-section summary::-webkit-details-marker{display:none}.analysis-section summary:after{content:'+';margin-left:auto;color:var(--gold);font-size:24px;font-weight:300}.analysis-section[open] summary:after{content:'−'}.analysis-section summary small{font-size:10px;letter-spacing:1.5px;color:var(--gold);min-width:52px}.analysis-section summary strong{display:block;font-weight:550;font-size:16px}.analysis-section summary span{font-size:12px;color:var(--muted);display:block;margin-top:5px}.analysis-content{padding:0 26px 26px}.prose{font-size:16px;line-height:1.8;color:#d0d7d1;max-width:880px}.prose p{margin:0 0 18px}.prose h2,.prose h3,.prose h4{font-family:var(--serif);color:var(--fg);margin:26px 0 12px}.prose ul{padding-left:22px}.prose li{margin:10px 0}.prose code{font-family:var(--sans);font-size:13px;color:var(--muted)}.prose strong{color:#eeeee4;font-weight:600}.profile-row{padding:16px 0;border-bottom:1px solid var(--line)}.profile-row h3{font-size:12px;color:var(--gold);margin-bottom:8px}.profile-row p{font-size:15px}.relations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.relation-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:24px}.relation-card h3{font:23px var(--serif);margin-bottom:13px}.relation-card p{font-size:14px;color:var(--muted)}.relation-card .eyebrow{font-size:10px}.relation-card a{display:block;margin-top:16px;color:var(--gold);font-size:13px}.label-value{display:flex;gap:25px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.label-value span{min-width:130px;color:var(--muted)}.label-value strong{font-weight:400;line-height:1.6}.art-zoom{max-width:100%;display:block;margin:auto}.drawer-head{padding:28px 32px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel);z-index:1}.drawer-head h2{font:30px var(--serif)}.drawer-head .eyebrow{margin-bottom:7px}dialog{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(780px,100%);max-width:100%;background:var(--panel);color:var(--fg);border:0;border-left:1px solid var(--line);padding:0;box-shadow:-20px 0 80px #0005}dialog::backdrop{background:#060b0bbc;backdrop-filter:blur(3px)}#drawer-body{padding:30px 32px 60px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:30px}.metric{padding:20px;background:var(--bg);border:1px solid var(--line);border-radius:8px}.metric strong{display:block;font:34px var(--serif);color:var(--gold)}.metric span{font-size:12px;color:var(--muted);display:block;margin-top:8px}.family-stat{display:grid;grid-template-columns:minmax(0,1fr) 100px 60px;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px;cursor:pointer;width:100%;text-align:left}.family-stat progress{width:100px;height:5px;accent-color:var(--gold)}.family-stat>span:last-child{text-align:right;color:var(--muted);font-size:12px}.notice{font-size:13px;color:var(--muted);padding:16px 18px;border-left:2px solid var(--gold);background:#252a26;margin-bottom:22px;line-height:1.7}.no-results{padding:24px 15px;color:var(--muted);font-size:14px;line-height:1.7}.retry{border:1px solid var(--gold);border-radius:5px;padding:8px 14px;margin-top:14px}.load-more{width:100%;padding:15px;color:var(--gold);font-size:13px}.page-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:44px;padding-top:20px;color:var(--muted);font-size:11px;gap:20px}.error-art{display:none}
@media(min-width:1700px){.shell{grid-template-columns:350px minmax(0,1fr)}.page{padding:30px 65px 70px}.hero{grid-template-columns:minmax(0,1fr) 320px;gap:65px}.appbar{padding-left:35px}.brand{min-width:283px}}
@media(max-width:1150px){.shell{grid-template-columns:275px minmax(0,1fr)}.app-context{display:none}.appbar{justify-content:space-between;padding:0 22px}.brand{min-width:0}.page{padding:24px 28px 50px}.hero{grid-template-columns:minmax(0,1fr) 180px;gap:24px}.intro{font-size:16px}.overview-grid{grid-template-columns:1fr}.quiet-panel{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:25px}.anchors{gap:10px}.anchor{padding:14px}.page-top{align-items:flex-start}.tabbar{gap:24px}.sense-grid{gap:20px}.relations-grid{grid-template-columns:1fr}}
@media(max-width:850px){.shell{display:block}.catalog{display:none;position:fixed;left:0;top:76px;bottom:0;width:320px;max-width:90vw;box-shadow:20px 0 80px #0005}.catalog.open{display:flex}.mobile-menu{display:inline-grid;place-items:center}.appbar{height:76px;gap:15px;padding:0 18px;justify-content:initial}.brand{font-size:21px;flex:1}.brand-mark{width:30px;height:30px}.top-actions{gap:15px}.top-actions a{display:none}.top-actions button{font-size:12px}.app-context{display:none}.shell{height:calc(100dvh - 76px)}main{height:100%}.catalog-title{display:flex;align-items:center;justify-content:space-between}.catalog-title button{height:20px}.page{padding:24px 26px 50px}.hero{grid-template-columns:minmax(0,1fr) 175px}.hero h1{font-size:46px}.hero-art .art-caption{font-size:9px}#scrim:not([hidden]){position:fixed;inset:76px 0 0;background:#0009;z-index:10}}
@media(max-width:540px){.appbar{gap:9px;padding:0 12px}.brand{font-size:19px;gap:8px}.brand small{font-size:8px;letter-spacing:1.4px}.brand-mark{width:26px;height:26px}.top-actions button:first-child{display:none}.page{padding:22px 20px 44px}.page-top{margin-bottom:25px}.page-tools .utility-link{display:none}.hero{grid-template-columns:minmax(0,1fr) 90px;gap:15px;align-items:start}.hero h1{font-size:38px;letter-spacing:-1px}.hero .eyebrow{font-size:9px;letter-spacing:1.4px}.hero-art .art-caption{display:none}.hero-copy{display:contents}.hero-copy>.eyebrow,.hero-copy>h1{grid-column:1}.hero-copy>h1{margin-bottom:0}.hero-copy>.origin,.hero-copy>.intro,.hero-copy>.badges{grid-column:1/-1;margin:0}.hero-art{grid-column:2;grid-row:1/3}.hero{row-gap:13px;padding-bottom:20px}.hero-disc{width:90px}.tabbar{gap:0;justify-content:space-between;margin-bottom:24px}.tabbar button{font-size:12px}.tabbar em{display:none}.insight{padding:22px}.insight h2{font-size:23px}.sense-grid{grid-template-columns:1fr}.anchors{grid-template-columns:1fr}.anchor{padding:18px}.anchor-top{margin-bottom:10px}.section-title h2{font-size:22px}.section-title .text-action{font-size:11px}.song{grid-template-columns:18px minmax(0,1fr) 45px;gap:10px}.song-artist{grid-column:2}.song .runtime{display:none}.song>a{grid-column:3;grid-row:auto}.analysis-intro{display:block}.analysis-section summary{padding:18px 16px;gap:12px}.analysis-section summary small{min-width:35px;font-size:9px}.analysis-section summary strong{font-size:14px}.analysis-content{padding:0 18px 20px}.drawer-head{padding:23px}.drawer-head h2{font-size:26px}#drawer-body{padding:25px 23px}.metric-grid{grid-template-columns:1fr 1fr}.metric strong{font-size:27px}.family-stat{grid-template-columns:1fr 65px 48px;gap:10px}.family-stat progress{width:65px}.page-foot{flex-wrap:wrap}.label-value{flex-direction:column;gap:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Reading revision: compact orientation, immediate evidence, progressive detail. */
.page{padding-top:24px}.page-top{margin-bottom:20px}.hero{grid-template-columns:minmax(0,1fr) 190px;gap:40px;padding-bottom:20px;align-items:center}.hero h1{font-size:clamp(38px,3.4vw,58px);margin-bottom:12px}.hero .eyebrow{margin-bottom:9px}.hero .origin{margin-bottom:10px}.hero .intro{max-width:790px;font-size:18px;line-height:1.6}.hero .badges{margin-top:15px}.hero-art{gap:9px}.hero-art .art-caption{font-size:9px}.tabbar{margin-bottom:24px}.tabbar button{padding-top:14px;padding-bottom:14px}.first-look{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:30px;align-items:start}.first-look .insight{margin:0;padding:26px 28px}.insight h2{font-size:28px;line-height:1.25;max-width:760px}.insight .feature-copy{margin-top:13px;font-size:16px;line-height:1.7;color:#d4dcd3}.first-listen{padding:0 0 0 12px}.first-listen .section-title{margin:0 0 8px}.first-listen .section-title h2{font-size:23px}.listen-pick{display:grid;grid-template-columns:26px minmax(0,1fr) 46px;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);align-items:center}.pick-number{font-size:12px;color:var(--gold);font-variant-numeric:tabular-nums}.listen-pick h3{font-size:15px;font-weight:550;line-height:1.4}.listen-pick p{font-size:13px;color:var(--muted);margin-top:4px}.listen-pick small{display:block;margin-top:5px;color:var(--muted);line-height:1.6}.listen-pick a{font-size:12px;color:var(--gold)}.takeaway{margin:28px 0 32px;padding:24px 0 24px 25px;border-left:2px solid var(--gold);max-width:1030px}.takeaway h2{font:27px/1.3 var(--serif);margin:0 0 10px}.takeaway>p{font-size:16px;line-height:1.75;color:#d5dbd6;max-width:900px}.interpretation{font-size:11px;letter-spacing:0;text-transform:none;font-weight:400;color:var(--muted);margin-left:12px}.inline-detail{margin-top:12px;font-size:14px}.inline-detail>summary{color:var(--gold);font-size:13px;cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:10px;padding:5px 0;line-height:1.5}.inline-detail>summary::-webkit-details-marker{display:none}.inline-detail>summary:before{content:'+';font-size:18px;line-height:1}.inline-detail[open]>summary:before{content:'−'}.inline-detail:not([open])>summary .when-open,.inline-detail[open]>summary .when-closed{display:none}.expanded-copy{padding-top:16px;margin-top:8px;border-top:1px solid var(--line);overflow-wrap:anywhere}.expanded-copy p{margin-bottom:15px}.expanded-copy p:last-child{margin-bottom:0}.research-expansion .prose{font-size:16px;line-height:1.8}.first-look:has(.research-expansion[open]){grid-template-columns:minmax(0,1fr) 330px}.sense-grid{gap:24px 32px}.sense p{font-size:15px;line-height:1.75;color:#d0d8d1}.sense h3{font-size:12px}.sense .inline-detail{margin-top:4px}.sense .expanded-copy{border:0;padding-top:6px;margin-top:0}.relation-compact>a,.relation-compact>button{font-size:15px;font-weight:500;display:inline;padding:0}.relation-compact .inline-detail>summary{font-size:12px}.relation-compact .inline-detail>summary span{display:inline;color:var(--gold);text-transform:none;letter-spacing:0;margin:0;font-size:12px}.relation-compact .expanded-copy{font-size:14px}.reading-panel{margin:0 0 28px;border:1px solid #494b3b;border-radius:10px;background:var(--panel);scroll-margin-top:65px;overflow:hidden}.reading-panel-head{padding:24px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.reading-panel-head h2{font:28px/1.3 var(--serif)}.reading-panel-head .eyebrow{margin-bottom:8px}.reader-close{font-size:13px;color:var(--gold);border:1px solid var(--line);border-radius:5px;padding:8px 11px;white-space:nowrap}.reading-panel-body{padding:26px 28px 32px;max-width:1050px}.reading-panel-body .art-zoom{max-height:65vh;object-fit:contain}.verbatim{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 Consolas,monospace;padding:18px;background:var(--bg);color:var(--muted)}.analysis-content .prose{max-width:880px}.analysis-content>p{max-width:880px}.analysis-content h3{font-size:21px}.first-look>.empty{margin:0}.prose{overflow-wrap:anywhere}.page-foot{margin-top:32px}.source-line{font-size:12px}.source-line button{font-size:12px}
@media(min-width:1700px){.page{padding:22px 55px 55px}.hero{grid-template-columns:minmax(0,1fr) 200px;gap:55px}.page-top{margin-bottom:12px}.first-look{grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);gap:40px}}
@media(max-width:1150px){.first-look,.first-look:has(.research-expansion[open]){grid-template-columns:1fr}.first-listen{padding-left:0}.hero{grid-template-columns:minmax(0,1fr) 155px;gap:25px}.listen-pick{padding:12px 0}.takeaway{margin-top:26px}.first-look .insight{padding:23px}.hero .intro{font-size:16px}.insight h2{font-size:26px}}
@media(max-width:540px){.hero{grid-template-columns:minmax(0,1fr) 85px;gap:12px}.hero h1{font-size:37px}.hero-disc{width:85px}.first-look .insight{padding:21px}.insight h2,.takeaway h2{font-size:24px}.interpretation{display:block;margin:7px 0 0}.takeaway{padding-left:18px}.reading-panel-head{padding:20px}.reading-panel-body{padding:22px 20px}.reading-panel-head h2{font-size:23px}.source-line{flex-wrap:wrap}.research-expansion .prose{font-size:15px}.appbar .top-actions{gap:10px}}

/* Acid house banner sample: display only the first strip of the unmodified concept sheet. */
.genre-banner{display:block;width:100%;aspect-ratio:1915 / 293;position:relative;overflow:hidden;border-radius:8px;padding:0;margin:0 0 22px;background:#ee0877;isolation:isolate}
.genre-banner img{position:absolute;left:0;top:0;width:100%;height:auto;max-width:none;display:block}
@media(min-width:701px){
 .has-banner .hero{display:block;padding-bottom:12px}
 .has-banner .hero-copy>.eyebrow,.has-banner .hero-art{display:none}
 .has-banner .hero h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .has-banner .hero .intro{max-width:980px;font-size:17px}
 .has-banner .hero .origin{margin-bottom:8px}
 .has-banner .hero .badges{margin-top:12px}
 .has-banner .page-top{margin-bottom:17px}
}
@media(max-width:700px){.genre-banner{display:none}}

.batch-banner{background:#171b1c}
@media(max-width:700px){.batch-banner{display:block;margin-bottom:16px}.has-banner .batch-banner{min-height:0}}

/* Compact catalog: keep names readable and give the list more vertical room. */
.appbar{height:60px}
.shell{height:calc(100dvh - 60px)}
.catalog-top{padding:14px 16px 0;flex-shrink:0}
.catalog-title{margin-bottom:10px}
.search-wrap{margin-bottom:8px}
.search-wrap input{padding-top:9px;padding-bottom:9px}
.search-wrap>span{top:2px}
.search-wrap kbd{top:9px}
.catalog select{padding-top:8px;padding-bottom:8px;margin-bottom:6px}
.filter-row button{height:35px;white-space:nowrap}
.filter-close{display:block;margin:2px 0 6px auto;padding:6px 0;color:var(--gold);font-size:12px}
.result-line{padding:8px 0}
.genre-list{padding:5px 8px;min-height:0}
.genre-row{padding:5px 8px;gap:9px;min-height:44px;border-radius:6px}
.genre-row .mini-disc{width:30px;height:30px;flex:0 0 30px}
.row-family{margin-top:1px;font-size:11px}
.row-count{gap:3px}
.catalog-footer{padding:9px 16px;flex-shrink:0}
@media(max-width:850px){.catalog{top:60px}.appbar{height:60px}.shell{height:calc(100dvh - 60px)}#scrim:not([hidden]){inset:60px 0 0}.genre-row{min-height:48px}}

.label-download{display:inline-block;color:var(--accent,#e8b94b);font-weight:600;text-decoration:underline;text-underline-offset:3px}.page-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.genre-row:focus-visible{outline:2px solid #e8b94b;outline-offset:-2px}

/* Atlas identity leads; collection administration remains available on the right. */
.atlas-orientation{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:5px 0 13px;margin:0 0 10px;border-bottom:1px solid var(--line)}
.atlas-identity-main{display:flex;align-items:flex-start;gap:11px;min-width:0;flex:1}
.atlas-object{padding:3px 4px;background:#080b0d;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:53px}
.atlas-sprite{display:block;position:relative;overflow:hidden;flex-shrink:0}
.atlas-sprite img{position:absolute;max-width:none;display:block;pointer-events:none}
.atlas-identity-copy{min-width:0;flex:1;padding-top:2px}
.atlas-identity-heading{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;min-height:34px}
.atlas-type-name{font-size:16px;font-weight:650;letter-spacing:.4px;color:var(--fg);padding:3px 0;text-align:left}
.atlas-subtype{font-size:12px;color:var(--muted)}
.atlas-review{background:#080b0d;border-radius:20px;padding:0 2px;display:inline-flex;max-width:100%;min-height:34px}
.atlas-placement{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--muted);font-size:12px;line-height:1.5;margin-top:3px;overflow-wrap:anywhere}
.atlas-field-label{color:#819187;margin-right:3px}.atlas-provenance{color:#bdc9bf}.atlas-provenance.is-personal{color:#ecd28c;font-weight:550}
.atlas-more-context{margin-top:6px;font-size:12px;color:var(--muted)}.atlas-more-context summary{cursor:pointer;color:var(--gold);padding:3px 0}.atlas-more-context p{margin:5px 0;line-height:1.5;overflow-wrap:anywhere}.atlas-more-context strong{font-weight:500;color:#c6d1c8}
.atlas-admin{flex:0 1 260px;min-width:160px;padding-top:5px}.atlas-admin .badges{justify-content:flex-end;margin:0;gap:6px}.atlas-admin .badge{font-size:10px;padding:5px 8px}
.atlas-type-pending{width:45px;height:52px;display:grid;place-items:center;color:#9baa9e;font-size:25px;border:1px dashed #657369;border-radius:8px}
.atlas-recorded-verdict{margin-top:18px}
.has-banner .batch-banner{margin-bottom:7px}.has-banner .atlas-orientation{margin-top:-1px}.hero .badges{display:none}
@media(max-width:1100px){.atlas-orientation{flex-wrap:wrap;gap:8px}.atlas-identity-main{flex-basis:100%}.atlas-admin{flex-basis:100%;padding-top:0;min-width:0}.atlas-admin .badges{justify-content:flex-end}}
@media(max-width:540px){.atlas-orientation{padding-bottom:10px}.atlas-identity-heading{gap:4px 8px}.atlas-type-name{font-size:15px}.atlas-identity-main{gap:9px}.atlas-placement{gap:4px 9px}.atlas-admin .badge{font-size:10px}.atlas-review{min-height:36px}.atlas-type-name{min-height:36px}.atlas-more-context summary{padding:7px 0}}

/* Catalog display choices and filters stay usable without consuming the list. */
.catalog-top{flex-shrink:0;padding-top:16px}.catalog-title{margin-bottom:12px}
#more-filters{max-height:24dvh;overflow-y:auto;padding-right:3px}
.catalog-view-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:5px}
.catalog-option{display:block;font-size:10px;color:var(--muted);line-height:1.5}
.catalog-option select{display:block;margin-top:3px;font-size:12px;padding:8px 7px}
.catalog-reach-help{font-size:10px;line-height:1.4;color:var(--muted);margin:0 0 3px}
.row-count{max-width:100px;flex-shrink:0;text-align:right}.row-count>span{overflow-wrap:anywhere}

.catalog-icon-metric{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;min-height:23px;font-variant-numeric:tabular-nums}.catalog-icon-metric .atlas-sprite{flex-shrink:0}

/* Keep the full catalog prominent; options expand only when requested. */
.catalog-top{position:relative;padding:12px 16px 0}.catalog-title{margin-bottom:10px}
.catalog-top .search-wrap{margin-bottom:5px}.catalog-top .search-wrap input{padding-top:9px;padding-bottom:9px}
.catalog-options-toggle{font-size:11px;color:var(--gold);padding:5px 0}
#more-filters{max-height:42dvh;padding:8px 3px 0 0;border-bottom:1px solid var(--line)}
.catalog-top .result-line{padding:7px 0}.catalog-reach-help{margin-bottom:10px}
.catalog-legend{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);margin:8px 0}
.row-name{display:flex;align-items:center;gap:6px}.row-name>span:last-child{min-width:0}
.catalog-identity{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.catalog-type-unknown{width:14px;text-align:center;color:var(--muted);font-size:12px}

.genre-row .row-count{align-self:flex-start;padding-top:1px;min-height:23px}

/* Pair catalog controls so the complete options panel fits ordinary screens. */
.catalog-filter-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 8px}
.catalog-filter-grid .catalog-option{min-width:0;line-height:1.3}
.catalog-filter-grid select{width:100%;margin:3px 0 0;padding:6px;font-size:11px;height:30px;text-overflow:ellipsis}
#more-filters{max-height:calc(100dvh - 310px);padding-top:6px}
#more-filters .filter-close{margin:5px 0 2px auto;padding:3px 0}

.catalog-result-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.catalog-top .catalog-options-toggle{padding:0;font-size:11px}.catalog-top .result-line{gap:6px}

.catalog-option-group{border-bottom:1px solid var(--line);padding:0 0 7px;margin:0 0 7px}
.catalog-option-group:last-of-type{margin-bottom:0;border-bottom:0}
.catalog-option-group summary{cursor:pointer;font-size:12px;color:var(--fg);padding:4px 0;list-style:disclosure-closed}
.catalog-option-group[open] summary{list-style:disclosure-open;margin-bottom:6px}
.catalog-option-group summary span{font-size:10px;color:var(--muted);margin-left:5px}

.catalog-column-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:7px 20px 4px 68px;flex-shrink:0;border-bottom:1px solid var(--line)}
.catalog-column-head button{font-size:10px;color:var(--muted);padding:2px 0;text-align:left;white-space:nowrap}
.catalog-column-head button.active{color:var(--gold)}
#sort-metrics{display:flex;flex-direction:column;align-items:flex-end;width:86px;flex-shrink:0}
.genre-row .row-count{width:86px;max-width:86px}
.catalog-column-head button:hover{color:var(--fg)}

.catalog-result-actions{gap:5px}
.catalog-top .catalog-options-toggle{border:1px solid var(--line);border-radius:5px;padding:4px 6px;font-size:10px}
.catalog-top #filter-toggle{color:var(--fg);background:var(--panel)}
.catalog-top #view-toggle{color:var(--gold);border-color:#565440;background:#262920}
.catalog-options-toggle[aria-expanded=true]{box-shadow:inset 0 -2px var(--gold)}
#view-options{padding:8px 0;border-bottom:1px solid var(--line)}
#view-options .catalog-filter-grid{grid-template-columns:1fr}

/* Column-local display and order, without expanding the catalog header. */
.catalog-column-head{position:relative;padding-left:56px;align-items:center;z-index:16}
.catalog-heading-controls{display:flex;align-items:center;justify-content:flex-end;gap:4px}
.catalog-heading-controls #sort-metrics{width:auto;min-width:45px}
.catalog-column-head #view-toggle{padding:4px 5px;border:1px solid var(--line);border-radius:4px;color:var(--gold);font-size:12px}
.catalog-column-head button{min-height:26px}
#view-options.catalog-column-options{position:absolute;right:10px;top:100%;width:250px;max-width:calc(100vw - 40px);padding:13px;background:var(--panel);border:1px solid #565440;border-radius:8px;box-shadow:0 10px 30px #0009;max-height:55dvh;overflow:auto;z-index:30;text-align:left}
.catalog-column-options .catalog-option{font-size:11px;color:var(--muted)}
.catalog-order-options{border-top:1px solid var(--line);margin-top:12px;padding-top:9px}
#column-order-choices{display:grid;gap:3px;margin-top:5px}
#column-order-choices button{display:flex;align-items:center;justify-content:space-between;padding:7px 8px;font-size:12px;border-radius:4px;text-align:left;color:var(--fg);white-space:normal}
#column-order-choices button:hover,#column-order-choices button[aria-pressed=true]{background:#30392f;color:var(--gold)}
#column-order-status{font-size:10px;line-height:1.4;color:var(--muted);margin:9px 0 0}

/* Readable filter selections: roomy popup plus full, removable active labels. */
.catalog-top{z-index:20}
#more-filters{position:absolute;left:12px;top:100%;width:min(470px,calc(100vw - 24px));max-height:calc(100dvh - 230px);padding:14px;background:var(--panel);border:1px solid #657365;border-radius:8px;box-shadow:0 10px 30px #0009;z-index:40}
#more-filters .catalog-filter-grid{gap:11px 12px}
#more-filters .catalog-option{font-size:12px;line-height:1.4;color:#cbd5ce}
#more-filters select{font-size:13px;height:36px;padding:7px 8px;color:var(--fg);margin-top:4px}
#more-filters select.filter-is-set{border-color:#aac5b2;background:#27382f;color:#f2f7f3}
#active-filter-summary{display:flex;flex-wrap:wrap;gap:5px;padding:7px 0;border-bottom:1px solid var(--line)}
#active-filter-summary[hidden]{display:none}
#active-filter-summary button{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;max-width:100%;padding:5px 7px;font-size:12px;line-height:1.4;text-align:left;white-space:normal;overflow-wrap:anywhere;background:#27382f;color:#eef5ef;border:1px solid #53685a;border-radius:5px}
#active-filter-summary button strong{font-weight:500;color:#bdd2c3}
#active-filter-summary button:hover{border-color:var(--gold)}
@media(max-width:480px){#more-filters .catalog-filter-grid{grid-template-columns:1fr}}

/* Keep filter controls and reading panels within narrow screens. */
#more-filters .catalog-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#more-filters .catalog-option,#view-options .catalog-option{min-width:0}
#more-filters select,#view-options select{width:100%;min-width:0;max-width:100%}
.reading-panel,.reading-panel-head>div,.reading-panel-body{min-width:0;max-width:100%}
.reading-panel-head h2{overflow-wrap:anywhere}
.analysis-content{overflow-x:auto}
@media(max-width:850px){
  #more-filters{left:8px;right:8px;width:auto;max-width:calc(100% - 16px)}
}
@media(max-width:540px){
  #more-filters .catalog-filter-grid{grid-template-columns:minmax(0,1fr)}
  .browse-symbols{grid-template-columns:minmax(0,1fr)}
  .browse-symbol{min-width:0;overflow-wrap:anywhere}
  .reading-panel-head{align-items:flex-start;gap:12px}
  .reading-panel-head .reader-close{flex-shrink:0}
}

/* One on-demand YouTube player, with its own explicitly linked queue. */
#atlas-listening{margin-bottom:30px}
.atlas-player-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:26px;align-items:start}
.atlas-player-layout>div{min-width:0}
.atlas-video-frame{width:100%;aspect-ratio:16/9;min-height:210px;background:#080c0b;border-radius:7px;overflow:hidden}
#atlas-youtube-slot,.atlas-video-frame iframe{width:100%;height:100%;min-height:210px;border:0;display:block}
#atlas-youtube-slot:has(button){display:grid;place-items:center}
.atlas-video-start{color:var(--gold);padding:16px;border:1px solid var(--line);border-radius:6px}
#atlas-now-title{font:22px/1.35 var(--serif);margin:16px 0 4px;overflow-wrap:anywhere}
#atlas-now-artist{color:var(--muted);font-size:14px}
#atlas-player-status{color:var(--gold);font-size:13px;margin:10px 0;min-height:22px}
.atlas-play-controls,.atlas-queue-modes{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.atlas-play-controls button,.atlas-queue-modes button,.atlas-video-editor button{padding:9px 12px;min-height:44px;border:1px solid var(--line);border-radius:6px;background:var(--panel);font-size:13px}
.atlas-play-controls [data-listen=play]{flex:1;background:var(--gold);color:#211e15}
.atlas-queue-modes [aria-pressed=true]{border-color:var(--gold);color:var(--gold)}
.atlas-auto{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);min-height:44px}
.atlas-auto input{accent-color:var(--gold);width:16px;height:16px}
#atlas-watch-youtube{font-size:13px;color:var(--gold);display:inline-block;padding:8px 0}
.atlas-video-row{display:grid;grid-template-columns:24px minmax(0,1fr) 16px;gap:9px;align-items:center;padding:14px 10px;width:100%;text-align:left;border-bottom:1px solid var(--line);font-size:14px}
.atlas-video-row[aria-current=true]{background:var(--panel);box-shadow:inset 2px 0 var(--gold)}
.atlas-video-row>span:first-child,.atlas-video-row>span:last-child{color:var(--gold);font-size:12px}
.atlas-video-row small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.atlas-video-row span{overflow-wrap:anywhere}
.atlas-player-note{font-size:12px;color:var(--muted);margin-top:15px}
.atlas-video-editor{margin-top:24px;padding:16px;border:1px solid var(--line);border-radius:7px}
.atlas-video-editor summary{cursor:pointer;color:var(--gold)}
.atlas-video-editor p{font-size:13px;color:var(--muted);margin:12px 0}
.atlas-video-editor form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.atlas-video-editor label{font-size:13px;min-width:0}
.atlas-video-editor input:not([type=checkbox]){display:block;width:100%;min-width:0;margin-top:5px;padding:9px;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:5px}
.atlas-video-edit-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}
.atlas-video-edit-row span{overflow-wrap:anywhere}.atlas-save-status{font-size:13px;color:var(--gold);margin-left:12px}
@media(max-width:1100px){.atlas-player-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:540px){.atlas-video-editor form{grid-template-columns:minmax(0,1fr)}.atlas-video-editor input:not([type=checkbox]){font-size:16px}}

.atlas-track-play{padding:6px 8px;font-size:12px;white-space:normal;min-width:0}.atlas-player-layout>*{min-width:0}

/* Music-first listening: a single track list beside a visible player. */
.atlas-listening-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:28px;align-items:start}
.atlas-listening-columns>*{min-width:0}#atlas-listening{position:sticky;top:90px}
.atlas-listening-columns .atlas-player-layout{display:block}.atlas-player-layout>[hidden]{display:none}
.atlas-track-column .song{grid-template-columns:18px minmax(0,1fr) 76px;gap:8px 12px;align-items:start}
.atlas-track-column .song>div:not(.song-artist){grid-column:2}.atlas-track-column .song-star{grid-column:1;grid-row:1}
.atlas-track-column .song-artist{grid-column:2;grid-row:2}.atlas-track-column .runtime{grid-column:2;font-size:11px}
.atlas-track-column .atlas-track-play{grid-column:3;grid-row:1/3;min-height:44px;border:1px solid var(--line);border-radius:5px}
.atlas-track-column .listen-tools input[type=search]{width:100%;min-width:0}.atlas-track-column .song-note{overflow-wrap:anywhere}
.atlas-recording-admin{display:none;grid-column:2/-1;font-size:12px;margin-top:6px}.atlas-recording-editing .atlas-recording-admin{display:block}
.atlas-recording-admin summary{cursor:pointer;color:var(--gold);padding:8px 0}.atlas-recording-admin form{display:grid;gap:9px;padding:10px;border:1px solid var(--line);border-radius:6px}
.atlas-recording-admin input{width:100%;min-width:0;padding:10px;font-size:16px;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:4px}
.atlas-recording-admin button{padding:10px;border:1px solid var(--line);border-radius:4px}.atlas-recording-admin p{overflow-wrap:anywhere}.atlas-recording-admin a{color:var(--gold)}
#atlas-recovery-search{display:block;margin-top:12px;font-size:13px;color:var(--gold)}#atlas-recovery-search[hidden]{display:none}
@media(max-width:1150px){.atlas-listening-columns{grid-template-columns:minmax(0,1fr)}#atlas-listening{position:static;grid-row:1;max-width:540px;width:100%;margin:0 auto 18px}.atlas-track-column{grid-row:2}}

.atlas-recording-tools{font-size:12px;color:var(--gold);border:1px solid var(--line);border-radius:5px;padding:9px 12px;margin:0 0 18px}.song-source-notes{font-size:12px;margin-top:8px}.song-source-notes summary{cursor:pointer;color:var(--muted)}

/* Compact recording rows: metadata and controls stay together. */
.atlas-track-column .song{grid-template-columns:14px minmax(0,1fr);gap:8px;padding:13px 0;align-items:start}
.atlas-track-column .song .song-body{grid-column:2;min-width:0}.song-main{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;line-height:1.45}
.song-title{font-weight:500}.song-by{color:var(--muted)}.song-by:before{content:'— ';color:var(--muted)}.song-duration{font-size:12px;color:var(--muted)}
.song-actions{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 14px;margin-top:3px;min-width:0}
.atlas-track-column .song-actions .atlas-track-play{display:inline-flex;align-items:center;min-height:36px;padding:4px 9px;font-size:12px;grid-column:auto;grid-row:auto;width:auto}
.atlas-track-unlinked{font-size:12px;color:var(--muted);line-height:36px}
.song-actions .song-source-notes,.song-actions .atlas-recording-admin{margin:0;font-size:12px;min-width:0}
.song-actions summary{padding:8px 0;cursor:pointer;line-height:20px}.song-actions details[open]{flex-basis:100%}
.song-source-notes>div{padding:8px 12px;background:var(--panel);border-left:1px solid var(--line);overflow-wrap:anywhere}.song-source-notes p{margin:4px 0;font-size:12px;line-height:1.5}
.song-actions .atlas-recording-admin form{width:100%;min-width:0}.song-actions .atlas-recording-admin:not([open]) summary{white-space:normal}

/* Dense listening rows use the available horizontal space before wrapping. */
.atlas-listening-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.atlas-track-column .song{padding:6px 0;align-items:baseline}
.atlas-track-column .song .song-body{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;line-height:1.45}
.atlas-track-column .song-main,.atlas-track-column .song-actions{display:contents}
.atlas-track-column .song-title,.atlas-track-column .song-by{overflow-wrap:anywhere;min-width:0}
.song-fact{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.atlas-track-column .song-actions .atlas-track-play{min-height:32px;padding:3px 8px}
.atlas-track-unlinked{display:inline-flex;align-items:center;min-height:32px;line-height:1.4;color:var(--gold);font-size:12px}
.song-actions summary{padding:5px 0;line-height:22px}
.atlas-track-column .song-body details[open]{flex-basis:100%}
.song-group{margin-bottom:20px}
@media(max-width:1150px){.atlas-listening-columns{grid-template-columns:minmax(0,1fr)}}

/* Unified transport and explicit listening modes. */
.atlas-play-controls{display:grid;grid-template-columns:1fr 2fr 1fr;gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;max-width:420px;margin:14px auto}
.atlas-play-controls button{border:0;border-radius:0;min-height:48px;margin:0;font-size:17px;background:var(--panel)}
.atlas-play-controls button+button{border-left:1px solid var(--line)}
.atlas-play-controls [data-listen=play]{font-size:15px}
.atlas-playback-options{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:12px 0 16px}
.atlas-playback-options label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}
.atlas-playback-options select{min-height:40px;max-width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--fg);font:inherit}

/* Preserve the listening DOM while its video floats beside other sections. */
.atlas-player-window-controls{display:flex;justify-content:flex-end;gap:8px;margin-bottom:8px}
.atlas-player-window-controls button{padding:7px 10px;border:1px solid var(--line);border-radius:5px;color:var(--gold);font-size:12px;min-height:36px}
.atlas-player-window-controls button[hidden]{display:none}
.atlas-preserved> :not(.atlas-listening-columns),.atlas-preserved .atlas-track-column{display:none}
.atlas-preserved,.atlas-preserved .atlas-listening-columns{display:contents}
#atlas-listening.atlas-mini{position:fixed;z-index:80;inset:auto 16px 16px auto;width:360px;max-width:calc(100vw - 24px);margin:0;padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 35px #0009;max-height:calc(100dvh - 100px);overflow:auto}
.atlas-mini .atlas-player-layout{display:block}
.atlas-mini .atlas-player-layout>[hidden]{display:none}
.atlas-mini #atlas-now-title{font:500 14px/1.3 var(--sans, sans-serif);margin:8px 0 2px}
.atlas-mini #atlas-now-artist{font-size:12px;margin:0}
.atlas-mini #atlas-player-status,.atlas-mini #atlas-views-checked,.atlas-mini .atlas-playback-options,.atlas-mini #atlas-watch-youtube{display:none}
.atlas-mini .atlas-play-controls{margin:8px 0 0}
.atlas-mini .atlas-play-controls button{min-height:40px}
.atlas-mini .atlas-video-frame,.atlas-mini #atlas-youtube-slot,.atlas-mini .atlas-video-frame iframe{min-height:200px}
/* The floating mini player does not extend the viewport-sized app shell. */
@media(max-width:540px){#atlas-listening.atlas-mini{right:12px;bottom:12px;width:320px;padding:8px}.atlas-mini .atlas-player-window-controls{margin-bottom:6px}}

/* Large external volume control, including in the mini player. */
.atlas-volume-controls{display:flex;align-items:center;gap:10px;max-width:420px;margin:8px auto;min-width:0}
.atlas-volume-controls button{min-width:66px;min-height:44px;padding:7px;border:1px solid var(--line);border-radius:5px;color:var(--gold);font-size:12px}
.atlas-volume-label{font-size:12px;color:var(--muted)}
.atlas-volume-controls input[type=range]{flex:1;min-width:60px;width:100%;height:44px;margin:0;accent-color:var(--gold);cursor:pointer}
.atlas-volume-controls output{font-size:12px;color:var(--muted);min-width:40px;text-align:right}
.atlas-mini .atlas-volume-controls{gap:8px;margin:4px 0 0}
.atlas-mini .atlas-volume-label{display:none}

@media(max-width:540px){.atlas-volume-label{display:none}}

/* Compact icon controls and one-line recording identity. */
#atlas-listening .atlas-now-line{display:flex;align-items:baseline;gap:10px;margin:9px 0 4px;min-width:0;font-size:13px}
.atlas-now-name{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#atlas-listening #atlas-now-title{font:500 13px/1.5 var(--sans,sans-serif);margin:0;display:inline}
#atlas-listening #atlas-now-artist{font-size:12px;display:inline;margin:0;color:var(--muted)}
#atlas-now-artist:before{content:' — '}
#atlas-now-views{font-size:11px;color:var(--muted);white-space:nowrap;flex-shrink:0}
#atlas-listening .atlas-play-controls{grid-template-columns:1fr 1fr 1.2fr 1fr 1fr;max-width:none;margin:6px 0 0;border:0;gap:3px;overflow:visible}
#atlas-listening .atlas-play-controls button{border:0;border-radius:5px;min-height:40px;font-size:21px;padding:3px;background:transparent;color:var(--muted)}
#atlas-listening .atlas-play-controls [data-listen=play]{background:var(--gold);color:#211e15}
#atlas-listening .atlas-play-controls button[aria-pressed=true]{color:var(--gold);background:var(--panel);box-shadow:inset 0 -2px var(--gold)}
#atlas-listening .atlas-volume-controls{max-width:none;gap:7px;margin:2px 0 0}
#atlas-listening .atlas-volume-label,#atlas-listening #atlas-volume-value{display:none}
#atlas-listening .atlas-volume-controls button{min-width:36px;min-height:38px;padding:2px;font-size:22px;border:0;background:transparent}
#atlas-listening .atlas-volume-controls input[type=range]{min-width:40px;height:38px}
#atlas-listening .atlas-player-window-controls{margin:0;gap:2px;flex-shrink:0}
#atlas-listening #atlas-player-status{font-size:11px;margin:4px 0;min-height:0}
#atlas-listening #atlas-views-checked{font-size:10px;margin:2px 0}
#atlas-listening #atlas-watch-youtube{font-size:11px;padding:3px 0}

/* Track position remains visible independently of playback state. */
.atlas-playback-status{display:flex;align-items:baseline;gap:8px;font-size:11px;color:var(--muted);margin:3px 0}
#atlas-track-position{white-space:nowrap;flex-shrink:0}
#atlas-listening .atlas-playback-status #atlas-player-status{display:inline;margin:0;min-height:0;font-size:11px}

/* Keep the original iframe connected while another genre is browsed. */
.atlas-parked-page,.atlas-parked-page *:has(#atlas-listening){display:contents!important}
.atlas-parked-page *:not(:has(#atlas-listening)):not(#atlas-listening):not(#atlas-listening *){display:none!important}
.atlas-mini-source{display:none}
.atlas-mini .atlas-mini-source{display:block;margin:0 0 6px}
.atlas-mini-source .genre-banner{display:block;width:100%;margin:0;min-height:0;border-radius:5px;pointer-events:none}
.atlas-mini-source strong{display:block;font-size:12px;color:var(--gold);padding:4px}

/* Source genre artwork also identifies the full-size player. */
#atlas-listening .atlas-mini-source{display:block;margin:0 0 10px}
#atlas-listening.atlas-mini .atlas-mini-source{margin-bottom:6px}

/* Listening uses the same catalog filters and local favorites. */
.atlas-library-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}
.atlas-library-tools label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}
.atlas-library-tools select{max-width:155px;background:var(--panel);color:var(--fg);padding:6px;border:1px solid var(--line);border-radius:4px}
.atlas-library-tools button{padding:8px 10px;color:var(--gold);border:1px solid var(--line);border-radius:5px;font-size:12px}
.atlas-library-tools button:disabled{opacity:.5;cursor:default}
#atlas-library-status{font-size:11px;color:var(--muted);flex-basis:100%}
.atlas-favorites-filter input{accent-color:var(--gold)}
.atlas-catalog-row{position:relative}
.atlas-favorite{position:absolute;z-index:2;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;color:var(--gold);font-size:23px;line-height:1;background:#101614cc;cursor:pointer}
.atlas-favorite[aria-pressed=true]{color:#f5c765;text-shadow:0 1px 3px #000}
.atlas-disc-star{left:0;bottom:0;width:28px;height:28px;font-size:17px;background:transparent;text-shadow:0 1px 3px #000}
.atlas-disc-star:before{content:'';position:absolute;inset:-5px}
.atlas-page-banner{position:relative}.atlas-page-banner>.genre-banner{width:100%}
.atlas-banner-star{right:5px;top:5px}
.atlas-listening-card{position:relative;padding:8px 10px;border-bottom:1px solid var(--line)}
.atlas-banner-play{display:block;width:100%;text-align:left;padding:0;border:0;background:transparent}
.atlas-listening-card .genre-banner{display:block;width:100%;margin:0;min-height:0;border-radius:5px;pointer-events:none}
.atlas-banner-fallback{display:block;padding:18px 44px 18px 12px;background:var(--panel);color:var(--gold);font-size:17px}
.atlas-banner-caption{display:flex;flex-wrap:wrap;gap:4px 10px;padding:7px 0 2px;font-size:12px;color:var(--fg)}
.atlas-banner-caption small{color:var(--muted)}
.atlas-genre-details{font-size:11px;color:var(--muted);display:inline-block;padding:4px 0}
.atlas-listening-card>.atlas-banner-star{right:14px;top:12px}

@media(max-width:850px){.catalog.open{z-index:90}.atlas-library-tools{flex-shrink:0}}

.atlas-mini-source{position:relative}
.atlas-mini-source>.atlas-favorite{pointer-events:auto}

/* Larger gold favorite icons; unfavorited catalog discs have no badge. */
.atlas-favorite{width:44px;height:44px;border-radius:8px;background:#101614b8;color:var(--gold)}
.atlas-favorite svg{display:block;width:32px;height:32px;filter:drop-shadow(0 2px 2px #000a)}
.atlas-favorite[aria-pressed=true]{color:#f5c765}
.atlas-disc-star{width:34px;height:34px;left:0;bottom:0;background:transparent}
.atlas-disc-star svg{width:27px;height:27px}
.atlas-favorite:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* Favorite badge straddles the lower banner edge, opposite the identity icons. */
.atlas-page-banner>.atlas-banner-star,.atlas-mini-source>.atlas-banner-star{top:auto;bottom:-14px;right:5px;background:transparent}
.atlas-listening-card>.atlas-banner-star{top:auto;bottom:4px;right:14px;background:transparent}
.atlas-listening-card{padding-bottom:18px}
#atlas-listening .atlas-mini-source{margin-bottom:18px}
#atlas-listening.atlas-mini .atlas-mini-source{margin-bottom:18px}

/* Whole-site listening interface: banner folders, recordings, player. */
.atlas-interface-switch{display:flex;gap:3px;margin-left:auto;flex-shrink:0}
.atlas-interface-switch button{padding:8px 12px;min-height:40px;border:1px solid var(--line);border-radius:6px;font-size:13px;color:var(--muted)}
.atlas-interface-switch button[aria-pressed=true]{background:var(--gold);color:#211e15}
.atlas-interface-switch [hidden]{display:none}
body.atlas-listen-mode .top-actions,body.atlas-listen-mode .app-context,body.atlas-listen-mode .brand small,body.atlas-listen-mode #admin-panel,body.atlas-listen-mode #menu{display:none!important}
body.atlas-listen-mode .appbar{height:64px;padding:0 20px;gap:12px}
body.atlas-listen-mode .brand{min-width:0;font-size:20px}
body.atlas-listen-mode .shell{height:calc(100dvh - 64px);grid-template-columns:340px minmax(0,1fr)}
body.atlas-listen-mode #main>.page{padding:20px}
body.atlas-listen-mode #main>.page>:not(#tab-content):not(#atlas-preserved-listening){display:none!important}
body.atlas-listen-mode #tab-content>:not(.atlas-listening-columns){display:none!important}
body.atlas-listen-mode .atlas-library-tools>label:first-child,body.atlas-listen-mode .catalog-column-head,body.atlas-listen-mode .catalog-footer .live-dot{display:none}
body.atlas-listen-mode .atlas-recording-tools,body.atlas-listen-mode .atlas-recording-admin,body.atlas-listen-mode .song-source-notes,body.atlas-listen-mode .song-fact:not(.atlas-view-count),body.atlas-listen-mode .song-star,body.atlas-listen-mode .song-group>h3,body.atlas-listen-mode .listen-tools .check-label{display:none!important}
body.atlas-listen-mode .song:has(.atlas-track-unlinked),body.atlas-listen-mode .song-group:not(:has([data-play-song])){display:none}
body.atlas-listen-mode .song{grid-template-columns:minmax(0,1fr);padding:8px 0}
body.atlas-listen-mode .song .song-body{grid-column:1}
body.atlas-listen-mode .song-group{margin:0}
body.atlas-listen-mode .listen-tools{margin:0 0 12px}
body.atlas-listen-mode #atlas-listening:not(.atlas-mini){top:12px}
body.atlas-listen-mode #atlas-listen-folders{display:none}
@media(max-width:850px){
 .appbar .app-context{display:none}.atlas-interface-switch button{padding:6px 9px;font-size:12px}.atlas-interface-switch{gap:2px}
 body.atlas-listen-mode .appbar{padding:0 12px;height:60px;gap:8px}
 body.atlas-listen-mode .brand{font-size:17px}.atlas-listen-mode .brand-mark{display:none}
 body.atlas-listen-mode .shell{display:block;height:calc(100dvh - 60px)}
 body.atlas-listen-mode #catalog{position:static;transform:none;visibility:visible;width:100%;max-width:none;height:100%;display:none;border:0}
 body.atlas-listen-mode.atlas-listen-folders-open #catalog{display:flex}
 body.atlas-listen-mode.atlas-listen-folders-open #main{display:none}
 body.atlas-listen-mode #main{height:100%;overflow:auto}
 body.atlas-listen-mode #main>.page{padding:12px}
 body.atlas-listen-mode #atlas-listen-folders{display:block}
 body.atlas-listen-mode #close-catalog,body.atlas-listen-mode #scrim{display:none!important}
 body.atlas-listen-mode .atlas-listening-columns{display:flex;flex-direction:column;gap:16px}
 body.atlas-listen-mode .atlas-track-column{width:100%}
 body.atlas-listen-mode #atlas-listening:not(.atlas-mini){order:-1;width:100%;max-width:540px;position:static;margin:0 auto}
 body.atlas-listen-mode .atlas-banner-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px;padding:8px}
 body.atlas-listen-mode .atlas-listening-card{padding:4px 4px 16px;border:0}
 body.atlas-listen-mode .atlas-listening-card>.atlas-banner-star{right:4px;bottom:2px}
 body.atlas-listen-mode .atlas-library-tools{padding:8px 16px}
 body.atlas-listen-mode .catalog-top{padding-top:12px}
}
@media(max-width:430px){body.atlas-listen-mode .atlas-banner-list{grid-template-columns:minmax(0,1fr)}}

@media(max-width:850px){
 body.atlas-listen-mode.atlas-listen-folders-open #main:has(.atlas-mini),body.atlas-listen-mode.atlas-listen-folders-open #main *:has(.atlas-mini){display:contents!important}
 body.atlas-listen-mode.atlas-listen-folders-open #main *:not(:has(.atlas-mini)):not(.atlas-mini):not(.atlas-mini *){display:none!important}
 body.atlas-listen-mode.atlas-listen-folders-open #catalog{padding-bottom:0}
}

body.atlas-listen-mode .appbar{position:sticky;top:0;z-index:100}

.atlas-player-browse-switch{display:none}
body.atlas-listen-mode .atlas-player-browse-switch{display:flex;gap:4px;margin-top:10px;border-top:1px solid var(--line);padding-top:8px}
.atlas-player-browse-switch button{flex:1;min-height:42px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:13px}
.atlas-player-browse-switch button[aria-pressed=true]{background:var(--gold);color:#211e15;border-color:var(--gold)}
body.atlas-listen-mode .atlas-track-column .listen-tools{display:none}
body.atlas-listen-mode .atlas-show-genres>#songs{display:none}
.atlas-inline-genres[hidden]{display:none}
.atlas-inline-genres{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.atlas-inline-genres .atlas-listening-card{padding:4px 4px 16px;border:0}
.atlas-inline-genres .atlas-banner-star{right:4px;bottom:2px}
body.atlas-listen-mode .atlas-mini .atlas-player-browse-switch{display:none}

#atlas-back-to-player{position:fixed;right:18px;bottom:18px;z-index:85;min-height:44px;padding:10px 16px;border:1px solid var(--gold);border-radius:24px;background:var(--gold);color:#211e15;font-size:13px;box-shadow:0 3px 18px #0007}
#atlas-back-to-player[hidden],body:not(.atlas-listen-mode) #atlas-back-to-player,body.atlas-mini-active #atlas-back-to-player{display:none}
body.atlas-listen-mode #atlas-listening{scroll-margin-top:70px}
@media(max-width:850px){body.atlas-listen-mode .atlas-track-column{padding-bottom:65px}}

/* Desktop listening: folders, player, songs; phone navigation stays stacked. */
@media(min-width:851px){
 body.atlas-listen-mode .shell{grid-template-columns:clamp(270px,29.2vw,420px) minmax(0,1fr)}
 body.atlas-listen-mode .atlas-listening-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start}
 body.atlas-listen-mode #atlas-listening:not(.atlas-mini){grid-column:1;grid-row:1;position:sticky;top:12px;width:100%;max-width:none;margin:0}
 body.atlas-listen-mode .atlas-track-column{grid-column:2;grid-row:1;min-width:0}
 body.atlas-listen-mode .atlas-player-browse-switch,body.atlas-listen-mode .atlas-inline-genres{display:none!important}
 body.atlas-listen-mode .atlas-track-column.atlas-show-genres>#songs{display:block}
 body.atlas-listen-mode.atlas-listen-awaiting #main>.page{display:none}
 body.atlas-listen-mode.atlas-listen-awaiting #main:before{content:'Choose a genre to listen';display:block;margin:52px 32px;padding:28px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:18px;max-width:440px}
}

/* Optional musical character beneath the desktop player's controls. */
.atlas-player-symbols{margin:12px 0 8px;text-align:center}
.atlas-symbols-option{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;cursor:pointer}
.atlas-symbols-option input{accent-color:var(--gold)}
.atlas-player-symbols .music-symbols{justify-content:center;margin:8px 0 0;gap:4px}
.atlas-player-symbols[hidden],.atlas-player-symbols-content[hidden],.atlas-mini .atlas-player-symbols{display:none!important}


/* Keep secondary actions together and trim desktop player spacing. */
.atlas-player-links{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.atlas-player-links .atlas-symbols-option{margin-right:auto}
.atlas-symbols-option[hidden],.atlas-mini .atlas-player-links{display:none!important}
@media(min-width:851px){
 #atlas-listening:not(.atlas-mini) .atlas-mini-source{margin-bottom:12px}
 #atlas-listening:not(.atlas-mini) .atlas-now-line{margin:6px 0 2px}
 #atlas-listening:not(.atlas-mini) .atlas-playback-status{margin:2px 0}
 #atlas-listening:not(.atlas-mini) .atlas-play-controls{margin-top:3px}
 #atlas-listening:not(.atlas-mini) .atlas-volume-controls{margin-top:0}
 #atlas-listening:not(.atlas-mini) .atlas-volume-controls input[type=range]{height:32px}
 #atlas-listening:not(.atlas-mini) .atlas-volume-controls button{min-height:32px}
 .atlas-player-links{margin-top:2px;min-height:24px}
 .atlas-player-symbols{margin:2px 0 0}
 .atlas-player-symbols .music-symbols{margin-top:2px}
}
@media(max-width:850px){.atlas-symbols-option{display:none!important}}

/* Remove inherited control margins so the genre symbols fit below playback. */
@media(min-width:851px){
 body.atlas-listen-mode #main>.page{padding-top:12px;padding-bottom:12px}
 #atlas-listening:not(.atlas-mini) .atlas-play-controls{margin:2px 0 0}
 #atlas-listening:not(.atlas-mini) .atlas-mini-source{margin-bottom:8px}
 #atlas-listening:not(.atlas-mini) .atlas-now-line{margin:4px 0 0}
 #atlas-listening:not(.atlas-mini) .atlas-playback-status{margin:0}
 #atlas-listening:not(.atlas-mini) .atlas-player-links{margin-top:0;min-height:20px}
 #atlas-listening:not(.atlas-mini) .atlas-player-symbols{margin:0}
 #atlas-listening:not(.atlas-mini) .atlas-player-symbols .music-symbols{margin:0}
}

.atlas-browsed-banner{display:none}
@media(min-width:851px){
 body.atlas-listen-mode .atlas-browsed-banner{display:block;margin:0 0 12px}
 .atlas-browsed-banner .genre-banner{display:block;width:100%;margin:0;pointer-events:none}
 body.atlas-listen-mode #atlas-listening-placeholder{grid-column:1;grid-row:1;width:100%;min-width:0}
 body.atlas-listen-mode.atlas-center-browse #atlas-listening-placeholder{visibility:hidden}
 body.atlas-listen-mode.atlas-center-browse .atlas-parked-page #atlas-listening{position:fixed;z-index:20;left:var(--browse-player-left);top:var(--browse-player-top);width:var(--browse-player-width);max-height:calc(100dvh - var(--browse-player-top) - 12px);overflow-y:auto;scrollbar-width:thin;margin:0;background:var(--bg)}
}

/* Song favorites use platinum; genre favorites keep their gold. */
.atlas-song-favorite{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;min-height:36px;padding:5px;color:#c4cdd8;background:transparent;border:0}
.atlas-song-favorite svg{width:26px;height:26px}
.atlas-song-favorite[aria-pressed=true] svg{filter:drop-shadow(0 0 2px #e1ebff66)}
.atlas-song-favorite:hover,.atlas-song-favorite:focus-visible{background:#ffffff12;border-radius:6px}
.atlas-favorite-songs-art{display:flex;align-items:center;justify-content:center;gap:14px;min-height:78px;padding:12px;border:1px solid #8896a9;border-radius:7px;background:linear-gradient(120deg,#1c2229,#394654 48%,#20262f);color:#edf2fa;text-align:center}
.atlas-favorite-songs-art>span{font-size:42px;line-height:1;background:linear-gradient(140deg,#fff 10%,#9eaabb 36%,#fff 48%,#8c9bab 62%,#edf4ff 85%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px #000)}
.atlas-favorite-songs-art strong{font-size:21px;font-weight:600;letter-spacing:.03em}
.atlas-song-favorites-open>#songs,.atlas-song-favorites-open>.listen-tools,.atlas-song-favorites-open>.atlas-recording-tools,.atlas-song-favorites-open>.atlas-inline-genres{display:none!important}
.atlas-favorite-song-actions{display:flex;align-items:center;gap:12px;margin:12px 0;color:var(--muted);font-size:12px}
.atlas-favorite-song-actions span{margin-right:auto}.atlas-favorite-song-actions button{padding:8px;border:1px solid var(--line);border-radius:5px;color:var(--gold)}
.atlas-favorite-song-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}
.atlas-favorite-song-row>div{flex:1;min-width:0}.atlas-favorite-song-row strong{display:block;font-size:14px;overflow-wrap:anywhere}.atlas-favorite-song-row span{display:block;color:var(--muted);font-size:13px}.atlas-favorite-song-row small{display:block;color:var(--gold);font-size:11px;margin-top:3px}

/* Listen sidebar shares the active Explore entry; tab changes never remount playback. */
.atlas-listen-info-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:0 0 20px;padding-bottom:8px}
.atlas-listen-info-tabs button{padding:10px 12px;border-radius:6px;font-size:14px;line-height:1.3;color:var(--muted);border:1px solid transparent}
.atlas-listen-info-tabs button[aria-selected="true"]{background:var(--raised);border-color:var(--line);color:var(--gold)}
body.atlas-listen-mode .atlas-track-column.atlas-show-info>:not(.atlas-listen-info-tabs):not(.atlas-listen-info){display:none!important}
.atlas-listen-info{color:var(--fg);font-size:15px;line-height:1.65;overflow-wrap:anywhere}
.atlas-listen-info h2{font:26px/1.2 var(--serif);margin:0 0 14px;color:var(--gold)}
.atlas-listen-info section{margin-top:24px}
.atlas-listen-info h3{font-size:14px;line-height:1.4;margin:0 0 8px;color:var(--gold)}
.atlas-listen-entry-facts{margin:0 0 18px}
.atlas-listen-entry-facts .atlas-orientation{margin:0;padding:0 0 10px}
#listen-genre-info .atlas-listen-entry-facts .atlas-cutouts{margin-top:0}
.atlas-listen-entry-facts .atlas-facts{gap:5px 14px;margin-top:7px}
.atlas-listen-entry-facts .atlas-classification{margin-top:4px}
.atlas-listen-entry-facts .atlas-insight{font-size:13px;line-height:1.5}
.atlas-listen-entry-facts .music-symbols{margin:12px 0 0;flex-wrap:wrap}
.atlas-listen-catalog-context{margin-top:9px;font-size:12px;color:var(--muted)}
.atlas-listen-catalog-context summary{display:flex;align-items:center;gap:8px;cursor:pointer;line-height:1.5;padding:4px 0}
.atlas-listen-catalog-context summary>span:last-child{min-width:0;overflow-wrap:anywhere}
.atlas-listen-catalog-context summary:after{content:'+';margin-left:auto;color:var(--gold)}
.atlas-listen-catalog-context[open] summary:after{content:'−'}
.atlas-listen-catalog-context dl{margin:8px 0 0;padding:10px;border:1px solid var(--line);border-radius:6px}
.atlas-listen-catalog-context dl>div+div{margin-top:8px}
.atlas-listen-catalog-context dt{color:var(--muted);font-size:11px}
.atlas-listen-catalog-context dd{margin:0;color:var(--fg);font-size:12px;line-height:1.5}
#listen-genre-info>.reading-panel{margin:0 0 18px}
#listen-genre-info .reading-panel-head{padding:12px;gap:10px;align-items:flex-start}
#listen-genre-info .reading-panel-head h2{font-size:21px;margin:0}
#listen-genre-info .reading-panel-head .eyebrow{font-size:9px;letter-spacing:1px}
#listen-genre-info .reading-panel-body{padding:12px;font-size:13px}
#listen-genre-info .reading-panel-body .label-value{flex-direction:column;gap:4px;padding:10px 0;font-size:13px}
#listen-genre-info .reading-panel-body .notice{padding:10px;font-size:12px}
.atlas-listen-info p{line-height:1.65}
.atlas-listen-info ul{list-style:none;margin:0;padding:0}
.atlas-listen-info li{margin:10px 0}
.atlas-listen-info li>span{display:block;color:var(--muted);font-size:12px}
.atlas-listen-info li a,.atlas-listen-info li button{text-align:left;line-height:1.5;padding:0}
.atlas-listen-analysis{margin-top:24px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;color:var(--gold);text-align:left;font-size:14px;line-height:1.5}
body:not(.atlas-listen-mode) .atlas-listen-info-tabs,body:not(.atlas-listen-mode) .atlas-listen-info{display:none}

/* Compact duration disclosure: opening it never moves the playlist. */
.atlas-long-recording{position:relative;display:inline-block;flex:0 0 auto;margin:0 0 0 auto;padding:0;border:0;color:var(--gold);font-size:12px;line-height:1.4;align-self:center}
.atlas-long-recording summary{cursor:pointer;list-style:none;white-space:nowrap;padding:3px 4px;border-radius:4px}
.atlas-long-recording summary::-webkit-details-marker{display:none}
.atlas-long-recording summary:hover,.atlas-long-recording[open] summary{background:#ffffff12}
.atlas-long-recording summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.atlas-long-recording p{position:absolute;z-index:50;right:0;top:100%;width:280px;max-width:calc(100vw - 48px);box-sizing:border-box;margin:5px 0 0;padding:12px 14px;border:1px solid #806c40;border-radius:6px;background:#28271f;box-shadow:0 6px 20px #0008;color:var(--fg);font-size:14px;font-weight:400;line-height:1.5;text-align:left;white-space:normal}
.atlas-listen-info-tabs{align-items:center}
.atlas-mini .atlas-player-duration{display:none}

/* Compact recording pair with favorite centered beside both lines. */
.atlas-track-column #songs .song{grid-template-columns:14px minmax(0,1fr) 32px;align-items:center;column-gap:8px;padding:5px 0}
.atlas-track-column #songs .song .song-body{display:block;grid-column:2;min-width:0;line-height:1.3}
.atlas-track-column #songs .song-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;line-height:1.3}
.atlas-track-column #songs .song-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;margin-top:1px;line-height:1.3}
.atlas-track-column #songs .song-actions .atlas-track-play{min-height:26px;padding:2px 7px;line-height:20px}
.atlas-track-column #songs .song>.song-star{align-self:start;line-height:1.3}
.atlas-track-column #songs .song>.atlas-song-favorite{grid-column:3;grid-row:1;align-self:center;width:32px;min-height:32px;padding:5px}
.atlas-song-favorite svg{width:22px;height:22px}
body.atlas-listen-mode .atlas-track-column #songs .song{grid-template-columns:minmax(0,1fr) 32px;padding:5px 0}
body.atlas-listen-mode .atlas-track-column #songs .song .song-body{grid-column:1}
body.atlas-listen-mode .atlas-track-column #songs .song>.atlas-song-favorite{grid-column:2}

/* Direct genre playback; artwork clicks retain browsing behavior. */
.atlas-banner-direct-play{position:absolute;left:10px;bottom:1px;width:28px;height:28px;padding:5px;border:1px solid var(--line);border-radius:50%;background:var(--panel,#171b22);color:var(--text,#eee);display:grid;place-items:center;z-index:2;cursor:pointer}
.atlas-banner-direct-play svg{width:16px;height:16px;fill:currentColor}
.atlas-banner-direct-play:hover{background:#394654;color:#fff}
.atlas-banner-direct-play:focus-visible{outline:2px solid var(--accent,#e9c46a);outline-offset:2px}
body.atlas-listen-mode .atlas-banner-direct-play{left:6px;bottom:1px}

/* Listen information: keep discovery above playback and reading below it. */
body.atlas-listen-mode #catalog{z-index:95}
.atlas-player-info{margin-top:14px;padding:14px 12px;border-top:1px solid var(--line);max-height:32dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.atlas-player-info h2{font-size:22px}
.atlas-player-info section{margin-top:18px}
.atlas-mini .atlas-player-info{display:none!important}
@media(min-width:851px){
 body.atlas-listen-mode #atlas-listening:not(.atlas-mini){max-height:calc(100dvh - 88px);display:block;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
 body.atlas-listen-mode #atlas-listening:not(.atlas-mini)>.atlas-mini-source{position:sticky;top:0;z-index:3;background:var(--bg);padding-bottom:8px}
 body.atlas-listen-mode #atlas-listening:not(.atlas-mini)>.atlas-player-info{min-height:0;max-height:none;overflow:visible}
 body.atlas-listen-mode .atlas-track-column.atlas-show-info{max-height:calc(100dvh - 88px);display:flex;flex-direction:column;position:sticky;top:12px}
 body.atlas-listen-mode .atlas-show-info>.atlas-listen-info-tabs{flex:none;margin-bottom:10px}
 body.atlas-listen-mode .atlas-show-info>.atlas-listen-info{overflow-y:auto;overscroll-behavior:contain;padding:0 12px 24px 0;min-height:0}
}

/* A playing video occupies the left column while another genre opens. */
@media(min-width:851px){
 body.atlas-listen-mode.atlas-center-browse #main>.atlas-listen-load .loading{justify-content:flex-start;min-height:110px;gap:10px;overflow-wrap:anywhere}
 body.atlas-listen-mode.atlas-center-browse #main>.atlas-genre-load-error{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px}
 body.atlas-listen-mode.atlas-center-browse .atlas-genre-load-error>.empty{grid-column:2;min-width:0}
}

/* Both shuffle controls reflect the same current playback mode. */
.atlas-library-tools #atlas-shuffle-results[aria-pressed="true"]{background:var(--gold);color:var(--bg);border-color:var(--gold)}

/* Desktop Listen: the header belongs to the left catalog, freeing the player row. */
@media(min-width:851px){
 body.atlas-listen-mode{--listen-catalog-width:clamp(270px,29.2vw,420px)}
 body.atlas-listen-mode .appbar{position:absolute;inset:0 auto auto 0;width:var(--listen-catalog-width);height:64px;padding:0 12px;gap:8px;border-right:1px solid var(--line);justify-content:flex-start}
 body.atlas-listen-mode .appbar .brand{font-size:18px;gap:8px;flex:0 1 auto;white-space:nowrap}
 body.atlas-listen-mode .appbar .brand-mark{width:30px;height:30px;flex:none}
 body.atlas-listen-mode .atlas-interface-switch{margin-left:auto;gap:3px}
 body.atlas-listen-mode .atlas-interface-switch button{padding:6px 9px;min-height:36px;font-size:12px}
 body.atlas-listen-mode .shell{height:100dvh;grid-template-columns:var(--listen-catalog-width) minmax(0,1fr)}
 body.atlas-listen-mode #catalog{padding-top:64px}
 body.atlas-listen-mode #atlas-listening:not(.atlas-mini),body.atlas-listen-mode .atlas-track-column.atlas-show-info{max-height:calc(100dvh - 24px)}
}
@media(min-width:851px) and (max-width:1000px){body.atlas-listen-mode .appbar .brand-mark{display:none}}

/* Keep player/sidebar widths stable when Playlist and About use different scroll containers. */
@media(min-width:851px){body.atlas-listen-mode #main{scrollbar-gutter:stable}}

/* Quiet desktop scrollbars: visible at rest, clearer while using the panel. */
@media (hover:hover) and (pointer:fine) and (forced-colors:none){
 *{scrollbar-width:thin;scrollbar-color:#303735 transparent}
 *:hover,*:focus-visible{scrollbar-color:#59655f transparent}
 ::-webkit-scrollbar{width:6px;height:6px}
 ::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}
 ::-webkit-scrollbar-thumb{background:#303735;border-radius:8px}
 ::-webkit-scrollbar-thumb:hover{background:#59655f}
 ::-webkit-scrollbar-thumb:active{background:#718078}
}

/* Compact catalog trail, with optional tree and existing name details. */
.atlas-family-context{margin-top:9px;font-size:12px;color:var(--muted)}
.atlas-family-trail{display:flex;align-items:center;gap:6px;min-width:0;line-height:1.45}
.atlas-family-link{padding:5px 0;text-align:left;font-size:12px;line-height:1.45;color:var(--muted);overflow-wrap:anywhere;min-width:0}
.atlas-family-link:hover{text-decoration:underline;text-underline-offset:3px;color:var(--gold)}
.atlas-family-branch{color:#d9d9c8}
.atlas-family-chevron{color:#64726c;font-size:18px;flex:none}
.atlas-family-toggle{display:grid;place-items:center;flex:0 0 28px;width:28px;min-height:30px;margin-left:auto;border-radius:5px;color:var(--muted)}
.atlas-family-toggle:hover{background:var(--panel);color:var(--gold)}
.atlas-family-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.atlas-family-expanded{margin:6px 0 12px;padding:10px 12px;background:#171d1a;border:1px solid var(--line);border-radius:7px}
.atlas-family-tree,.atlas-family-tree ul{list-style:none;margin:0;padding:0}
.atlas-family-tree li{margin:0}
.atlas-family-tree ul{margin-left:7px;padding-left:18px;border-left:1px solid #48584f}
.atlas-family-tree ul>li{position:relative;padding-top:3px}
.atlas-family-tree ul>li:before{content:'';position:absolute;left:-18px;top:16px;width:12px;border-top:1px solid #48584f}
.atlas-family-current{line-height:1.5;padding:6px 0;color:var(--gold);overflow-wrap:anywhere}
.atlas-family-tree .atlas-family-current>span{display:inline;color:var(--gold);font-weight:550}
.atlas-family-current small{display:inline-block;font:10px var(--sans);color:var(--muted);margin-left:8px;white-space:nowrap}
.atlas-family-expanded dl{margin:10px 0 0;padding-top:8px;border-top:1px solid var(--line)}
.atlas-family-expanded dl>div+div{margin-top:6px}
.atlas-family-expanded dt{font-size:10px;color:var(--muted)}
.atlas-family-expanded dd{margin:2px 0 0;font-size:12px;line-height:1.5;color:var(--fg);overflow-wrap:anywhere}

/* Explicit search clearing, with keyboard hint when empty. */
.search-wrap input{padding-right:44px}.search-wrap input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search-wrap #search-clear{position:absolute;right:4px;top:4px;width:34px;height:34px;padding:0;border:0;border-radius:5px;color:var(--muted);font-size:24px;line-height:1}.search-wrap #search-clear:hover{color:var(--fg);background:var(--line)}.search-wrap #search-clear:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.search-wrap #search-clear[hidden],.search-wrap kbd[hidden]{display:none}

/* Keep the shortcut and clear control on the same search-field center. */
.search-wrap{display:flex;align-items:center}.search-wrap #search-shortcut,.search-wrap #search-clear{top:50%;transform:translateY(-50%);box-sizing:border-box;display:grid;place-items:center;margin:0;padding:0}.search-wrap #search-shortcut{right:12px;width:18px;height:18px;line-height:1}.search-wrap #search-clear{right:6px;width:30px;height:30px;line-height:1}.search-wrap #search-shortcut[hidden],.search-wrap #search-clear[hidden]{display:none}

/* Thin drawn cross avoids the font glyph's low, heavy baseline. */
.search-wrap #search-clear{font-size:0;color:var(--muted);background:transparent}.search-wrap #search-clear::before,.search-wrap #search-clear::after{content:"";position:absolute;left:50%;top:calc(50% - 2px);width:11px;height:1px;background:currentColor;border-radius:1px;transform:translate(-50%,-50%) rotate(45deg)}.search-wrap #search-clear::after{transform:translate(-50%,-50%) rotate(-45deg)}

/* Phone listening: scroll the video away to read; retain the source genre. */
@media(max-width:850px){
 body.atlas-listen-mode #atlas-listening:not(.atlas-mini){max-height:none;overflow:visible;min-height:0;flex-shrink:0}
 body.atlas-listen-mode #atlas-listening>.atlas-player-info{max-height:none;overflow:visible;overscroll-behavior:auto;min-height:0;padding-bottom:24px}
 body.atlas-listen-mode #atlas-listening>.atlas-mini-source{position:sticky;top:0;z-index:4;background:var(--bg);padding:6px 0 12px;margin-top:0}
 body.atlas-listen-mode #atlas-listening>.atlas-mini-source .genre-banner{max-height:none}
 body.atlas-listen-mode .atlas-track-column.atlas-show-info{max-height:none;overflow:visible}
 body.atlas-listen-mode .atlas-show-info>.atlas-listen-info{max-height:none;overflow:visible;overscroll-behavior:auto}
 body.atlas-listen-mode #atlas-listening.atlas-mini{overscroll-behavior:auto;scroll-padding-top:100px}
}

/* Portable player can collapse without recreating or stopping its iframe. */
#atlas-listening.atlas-mini.atlas-minimized{max-height:190px;overflow:auto}
#atlas-listening.atlas-mini.atlas-minimized .atlas-video-frame,
#atlas-listening.atlas-mini.atlas-minimized .atlas-player-info,
#atlas-listening.atlas-mini.atlas-minimized .atlas-player-symbols,
#atlas-listening.atlas-mini.atlas-minimized .atlas-player-links,
#atlas-listening.atlas-mini.atlas-minimized .atlas-playback-status,
#atlas-listening.atlas-mini.atlas-minimized .atlas-volume-controls>button,
#atlas-listening.atlas-mini.atlas-minimized .atlas-volume-controls>input,
#atlas-listening.atlas-mini.atlas-minimized .atlas-volume-controls>label,
#atlas-listening.atlas-mini.atlas-minimized .atlas-volume-controls>output,
#atlas-listening.atlas-mini.atlas-minimized .atlas-mini-source>*{display:none!important}
#atlas-listening.atlas-mini.atlas-minimized .atlas-mini-source{position:static;margin:0;padding:0}
#atlas-listening.atlas-mini.atlas-minimized .atlas-mini-source:before{content:attr(title);display:block;color:var(--gold);font-size:12px;line-height:1.4;padding:0 4px}
#atlas-listening.atlas-mini.atlas-minimized .atlas-now-line{margin:4px 0}
#atlas-listening.atlas-mini.atlas-minimized .atlas-volume-controls{justify-content:flex-end;margin:0}

/* The portable banner is its handle, including the collapsed genre label. */
#atlas-listening.atlas-mini>.atlas-mini-source{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
#atlas-listening.atlas-mini.atlas-dragging>.atlas-mini-source{cursor:grabbing}
#atlas-listening.atlas-mini>.atlas-mini-source img{-webkit-user-drag:none;pointer-events:none}
@media(max-width:850px){
 .atlas-mini-source .genre-banner,.atlas-listening-card .genre-banner{height:auto;max-height:none;flex-shrink:0}
 .atlas-listening-card,.atlas-mini-source{min-width:0}
}

/* Keep the banner and video visually connected, with edge-mounted stars. */
#atlas-listening>.atlas-mini-source,#atlas-listening.atlas-mini>.atlas-mini-source,body.atlas-listen-mode #atlas-listening:not(.atlas-mini)>.atlas-mini-source{margin:0 0 4px;padding:0}
#atlas-listening>.atlas-mini-source>.atlas-banner-star{bottom:-8px}
@media(max-width:850px){body.atlas-listen-mode #atlas-listening>.atlas-mini-source{margin:0 0 4px;padding:0}}
#atlas-listening.atlas-mini.atlas-minimized>.atlas-mini-source{margin:0;padding:0}

/* One compact now-playing row: recording left, audience and position right. */
#atlas-listening .atlas-video-frame{margin-top:0}
#atlas-listening .atlas-video-frame>.atlas-video-favorite{top:-8px}
#atlas-listening .atlas-now-line{align-items:flex-start;gap:8px}
#atlas-listening .atlas-now-name{flex:1;min-width:0}
#atlas-listening .atlas-now-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:2px 8px;max-width:46%;text-align:right;flex-shrink:0}
#atlas-listening .atlas-now-meta .atlas-playback-status{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;margin:0}
#atlas-listening.atlas-mini.atlas-minimized .atlas-now-meta .atlas-playback-status{display:flex!important}

/* Keep the recording star unframed and the genre star across the banner edge. */
#atlas-listening .atlas-video-frame>.atlas-video-favorite,#atlas-listening .atlas-video-frame>.atlas-video-favorite:hover{border:0;background:transparent;box-shadow:none;border-radius:0}
#atlas-listening>.atlas-mini-source>.atlas-banner-star{bottom:-16px}

/* Keep volume, window controls and the external link on one compact row. */
#atlas-listening .atlas-volume-controls{gap:4px;margin:0;align-items:center}
#atlas-listening .atlas-volume-controls input[type=range]{flex:1 1 60px;width:60px;min-width:35px;height:32px}
#atlas-listening .atlas-volume-controls button{min-width:32px;width:32px;min-height:32px;height:32px;padding:2px}
#atlas-listening .atlas-volume-controls .atlas-player-window-controls{gap:0;margin:0}
#atlas-listening .atlas-volume-controls #atlas-watch-youtube{display:inline-flex;align-items:center;flex:none;white-space:nowrap;font-size:10px;padding:0;min-height:32px;margin-left:auto}
#atlas-listening .atlas-player-links:not(:has(.atlas-symbols-option:not([hidden]))){display:none}
#atlas-listening .atlas-player-links{margin:0;padding:0}
#atlas-listening.atlas-mini.atlas-minimized .atlas-volume-controls #atlas-watch-youtube{display:none}

/* Local curation controls; research status is independent of blocking. */
.atlas-block-admin{padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:12px}.atlas-block-admin h3{font-size:14px}.atlas-block-admin p,.atlas-block-admin summary{font-size:12px;line-height:1.5}.atlas-block-admin button,.atlas-block-list button{border:1px solid var(--line);border-radius:5px;padding:8px 10px;color:var(--gold);margin:6px 0}.atlas-block-admin details{margin-top:8px}.atlas-block-admin textarea{width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:5px;padding:8px}.atlas-block-list section{border-top:1px solid var(--line);padding:16px 0}.atlas-block-list a{color:var(--gold);display:block;margin:8px 0}

/* Reference recordings have no number or playback columns. */
.listen-pick.atlas-reference-recording{display:block;min-width:0}.atlas-reference-recording>div{min-width:0}.atlas-reference-recording h3,.atlas-reference-recording p{overflow-wrap:anywhere}

/* Keep the current Listen selection visible within the full genre catalog. */
#genre-list .atlas-listening-card.atlas-selected-genre{outline:none;border:1px solid #68583b;border-radius:6px;box-shadow:inset 0 1px #ffffff0b}

/* Keep the frame close to the banner; the opaque play circle interrupts its bottom edge. */
#genre-list .atlas-listening-card.atlas-selected-genre{padding:4px;margin-bottom:14px}
#genre-list .atlas-selected-genre>.atlas-banner-direct-play{bottom:-14px;border:1px solid #68583b;background:var(--panel);z-index:2}

/* Source films stay separate from clean song titles and functional sections. */
.song-context{color:var(--muted,#b5b7b2);font-size:.8rem;line-height:1.4;margin-top:.2rem;overflow-wrap:anywhere}
.song-context[data-role="comparison"],.song-context[data-role="borderline"]{color:#d8bc7c}


/* One left-panel display preference, independent of Listen / Explore. */
body{--atlas-catalog-width:clamp(270px,25vw,320px)}
body.atlas-sidebar-wide{--atlas-catalog-width:clamp(340px,32vw,420px)}
.atlas-sidebar-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 4px;flex-shrink:0}
#catalog .atlas-interface-switch{display:flex;margin:0;gap:3px}
#catalog .atlas-interface-switch button,.atlas-sidebar-size button,.atlas-folders-toggle{min-height:34px;padding:6px 9px;border:1px solid var(--line);border-radius:5px;font-size:12px;color:var(--muted)}
.atlas-sidebar-size{display:flex;gap:3px}
.atlas-sidebar-size button[aria-pressed=true],#catalog .atlas-interface-switch button[aria-pressed=true]{background:var(--gold);color:#211e15;border-color:var(--gold)}
.atlas-sidebar-controls button:focus-visible,.atlas-banner-play:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#catalog .atlas-sidebar-controls+ .catalog-top{padding-top:8px}
#genre-list.atlas-banner-list{display:block;padding:6px 10px}
#genre-list .atlas-listening-card>.atlas-banner-play.genre-row{display:block;min-height:0;padding:0;background:transparent;border-radius:5px}
#genre-list .atlas-banner-caption{align-items:center;justify-content:space-between;gap:3px 8px;padding:5px 1px 0;font-size:11px;min-width:0}
#genre-list .atlas-banner-caption>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
#genre-list .atlas-banner-caption>span{flex:none}
.atlas-folders-toggle{display:none}
@media(min-width:851px){
 body .shell,body .shell.admin-mode-open,body.atlas-listen-mode .shell{grid-template-columns:var(--atlas-catalog-width) minmax(0,1fr)}
 body.atlas-listen-mode{--listen-catalog-width:var(--atlas-catalog-width)}
 body.atlas-listen-mode .appbar{width:var(--atlas-catalog-width);height:60px}
 body.atlas-listen-mode #catalog{padding-top:60px}
}
@media(min-width:1101px){body:not(.atlas-listen-mode) .shell.admin-mode-open{grid-template-columns:var(--atlas-catalog-width) minmax(0,1fr) 280px}}
@media(min-width:1700px){body:not(.atlas-listen-mode) .shell.admin-mode-open{grid-template-columns:var(--atlas-catalog-width) minmax(0,1fr) 300px}}
@media(max-width:850px){
 body #catalog,body.atlas-listen-mode #catalog{width:100%;max-width:100%}
 body.atlas-listen-mode #atlas-listen-folders{display:block}
 #catalog .atlas-sidebar-controls{padding-top:10px}
 body.atlas-listen-mode #genre-list.atlas-banner-list{display:block}
}