:root{--bg:#111510;--bg2:#171d17;--panel:#1c241d;--panel2:#222d23;--line:#343e33;--cream:#f1eddd;--off:#d4d0c2;--muted:#9da99b;--acid:#d0ef87;--orange:#eab58c;--dark:#162015;--sidebar-width:238px;--radius:5px;--display:Georgia,'Times New Roman',serif;--sans:Inter,'Helvetica Neue',Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--acid);outline-offset:4px}::selection{background:var(--acid);color:#171b14}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-thumb{background:#455341;border-radius:8px}::-webkit-scrollbar-track{background:var(--bg)}[hidden]{display:none!important}.skip-link{position:absolute;transform:translateY(-200%);z-index:80;padding:15px;background:var(--acid);color:var(--bg)}.skip-link:focus{transform:none}
.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);position:fixed;z-index:20;inset:0 auto 0 0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#111611;padding:30px 18px 20px}.brand{display:flex;align-items:center;gap:11px;padding:2px 8px 0;width:max-content}.brand-mark{position:relative;display:grid;place-items:center;width:31px;height:31px;border:3px solid var(--acid);border-radius:50%}.brand-mark:before{content:"";display:block;width:15px;height:15px;border:2px solid var(--acid);border-radius:50%}.brand-mark span{width:4px;height:4px;border-radius:50%;background:var(--acid);position:absolute}.brand-word{font-size:26px;font-weight:900;letter-spacing:-2px}.brand-dot{color:var(--acid)}.sidebar-intro{font-family:var(--display);font-style:italic;color:#a7b09e;line-height:1.4;font-size:15px;padding:25px 9px 29px}.nav-caption{font-size:9px;letter-spacing:2px;color:#788676;font-weight:700;margin:12px 10px 11px}.nav-caption-second{margin-top:32px}.side-nav{display:flex;flex-direction:column;gap:3px}.side-nav a,.side-nav button{display:flex;align-items:center;text-align:left;min-height:43px;padding:0 10px;color:#aeb9aa;background:transparent;border:1px solid transparent;border-radius:4px;font-size:12px;font-weight:600;gap:13px;transition:.2s}.side-nav a:hover,.side-nav button:hover,.side-nav a.active{background:#243024;color:var(--cream)}.side-nav a.active{border-color:#384938}.side-nav a.active .nav-symbol{color:var(--acid)}.nav-symbol{font-size:21px;font-weight:400;width:20px;text-align:center;line-height:1}.nav-aux,.nav-count{font-weight:500;margin-left:auto;color:#7c8d7a;font-size:10px}.nav-count{display:grid;place-items:center;border:1px solid #53624d;border-radius:50%;height:23px;min-width:23px;color:var(--acid)}.side-spacer{flex:1}.side-note{background:#263227;padding:16px;border:1px solid #37473a}.side-note-kicker{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.5px;color:var(--acid)}.blink-dot{display:inline-block;width:7px;height:7px;background:var(--acid);border-radius:50%;box-shadow:0 0 11px #d0ef8780}.side-note p{font-family:var(--display);font-size:17px;line-height:1.37;margin:14px 0 26px}.side-note>span{font-size:9px;letter-spacing:1px;color:#8d9c8b}
.main-shell{min-width:0;flex:1;margin-left:var(--sidebar-width)}.topbar{height:76px;position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,68px);background:#111510f2;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.topbar-left{display:flex;gap:12px;align-items:center;white-space:nowrap;font-size:9px;font-weight:800;letter-spacing:1.5px}.topbar-breadcrumb{color:#859184}.topbar-slash{color:#586353}.topbar-left #topbarCurrent{color:var(--acid)}.topbar-actions{display:flex;align-items:center;gap:12px}.global-search{height:40px;width:min(26vw,315px);padding:0 12px;display:flex;align-items:center;border:1px solid #384638;background:#1c251d;gap:9px;color:#aab6a8}.global-search:focus-within{border-color:var(--acid)}.global-search svg{height:16px;width:16px;fill:none;stroke:currentColor;stroke-width:2}.global-search input{min-width:0;flex:1;background:none;color:var(--cream);border:0;outline:0!important;font-size:12px}.global-search input::placeholder{color:#8b9989}.global-search kbd{font-size:11px;border:1px solid #526051;border-radius:3px;min-width:20px;text-align:center;padding:2px;color:#98a997}.icon-btn{height:40px;width:40px;background:transparent;border:1px solid #384638;color:var(--cream);font-size:20px}.icon-btn:hover,.collection-shortcut:hover{background:#283728}.collection-shortcut{border:1px solid #384638;padding:0 11px;height:40px;display:flex;gap:9px;align-items:center;font-size:12px}.collection-shortcut>span:first-child{font-size:20px}.header-count{display:grid;place-items:center;background:var(--acid);border-radius:50%;color:#1b2714;font-size:10px;font-weight:800;height:20px;min-width:20px}
main{min-height:80vh}.view{padding:0 clamp(24px,4vw,68px) 65px;max-width:1750px;margin:auto}.hero{min-height:540px;display:grid;grid-template-columns:1.13fr .87fr;border-bottom:1px solid var(--line);overflow:hidden}.hero-copy{position:relative;z-index:3;padding:70px 0 54px}.eyebrow,.micro-label{color:var(--acid);font-size:10px;font-weight:800;letter-spacing:2px}.sparkle{font-size:20px;vertical-align:-2px;margin-right:8px}.hero h1{font-size:clamp(58px,6.3vw,111px);font-weight:500;line-height:.93;letter-spacing:-5px;margin:24px 0 25px}.hero h1 em,.page-heading h1 em{color:var(--acid);font-family:var(--display);font-weight:400}.hero-period{color:var(--acid)}.hero-desc{max-width:430px;color:#c8d0c1;line-height:1.7;font-size:14px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:26px}.btn{height:45px;display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid transparent;padding:0 20px;border-radius:2px;font-size:11px;font-weight:800;letter-spacing:.4px;white-space:nowrap;transition:transform .18s,background .18s}.btn:hover{transform:translateY(-2px)}.btn-accent{background:var(--acid);color:#1d2617}.btn-accent:hover{background:#e0ffa0}.btn-outline{background:none;color:var(--cream);border-color:#61705b}.btn-outline:hover{background:#263425}.hero-signature{display:flex;align-items:center;gap:10px;margin-top:55px;color:#899885;font-size:9px;font-weight:700;letter-spacing:1.2px}.green-line{height:1px;width:26px;background:var(--acid)}.hero-art{position:relative;min-height:490px;overflow:hidden}.hero-art:before{content:"";position:absolute;width:520px;height:520px;background:radial-gradient(circle,#48604233 0,#192b1b38 45%,transparent 74%);top:30px;left:0}.hero-orbit{position:absolute;border:1px solid #7b90643d;border-radius:50%;width:470px;height:470px;left:3%;top:10%}.orbit-two{width:340px;height:340px;left:15%;top:23%}.hero-vinyl{position:absolute;right:3%;top:12%;width:315px;height:315px;border-radius:50%;background:repeating-radial-gradient(circle,#141715 0,#222822 2px,#0e1210 3px,#101311 7px);box-shadow:0 22px 50px #0007;transform:rotate(-25deg)}.vinyl-center{position:absolute;top:36%;left:36%;height:28%;width:28%;background:var(--acid);border:10px solid #252d20;border-radius:50%}.vinyl-center:after{content:"";height:7px;width:7px;border-radius:50%;background:#171b16;position:absolute;top:calc(50% - 3px);left:calc(50% - 3px)}.hero-cover{width:200px;aspect-ratio:1;position:absolute;box-shadow:12px 20px 30px #000a;border:1px solid #e5e2dc55}.hero-cover-a{width:229px;top:10%;left:12%;transform:rotate(-11deg);z-index:2}.hero-cover-b{width:218px;right:9%;top:39%;transform:rotate(12deg);z-index:3}.hero-cover-c{width:178px;left:9%;bottom:9%;transform:rotate(8deg);z-index:4}.hero-art-label{position:absolute;right:0;bottom:18px;font-size:9px;letter-spacing:2px;line-height:1.6;font-weight:800;color:var(--acid);text-align:right}.hero-art-label span{font-size:23px;vertical-align:-5px;margin-left:10px}
.content-section{padding-top:72px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-head h2{font-family:var(--display);font-size:clamp(31px,3.4vw,48px);font-weight:400;letter-spacing:-1.8px;line-height:1.1;margin:12px 0 0}.section-head h2 i{font-weight:400;color:var(--acid)}.section-head>p{font-family:var(--display);font-style:italic;color:#a4b09e;font-size:15px}.accent-mark{color:var(--acid)}.paths-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.path-card{min-height:300px;background:#1c261f;border:1px solid #364136;padding:25px;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,background .2s}.path-card:hover{background:#283b2b;transform:translateY(-3px)}.path-card:nth-child(2){background:#292f25}.path-card:nth-child(3){background:#2c2d23}.path-index,.small-tag{font-size:9px;letter-spacing:1.8px;color:#9ead99;font-weight:800}.path-icon{position:absolute;right:23px;top:18px;font-size:49px;color:var(--acid);font-weight:100}.path-card h3{font-family:var(--display);font-size:40px;line-height:1.04;font-weight:400;letter-spacing:-1.7px;margin:56px 0 10px}.path-card p{margin:0;font-size:12px;line-height:1.6;color:#b1bdae;max-width:210px}.path-link{margin-top:auto;padding-top:28px;color:var(--acid);font-size:10px;letter-spacing:1px;font-weight:800}.text-link{font-weight:800;color:var(--acid);background:transparent;border:0;font-size:10px;letter-spacing:1.2px;white-space:nowrap}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:25px 18px}.album-card{min-width:0;position:relative}.album-cover-wrap{position:relative;aspect-ratio:1;overflow:hidden;background:#293228;box-shadow:0 9px 24px #0003;cursor:pointer}.album-cover-wrap img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .45s ease}.album-card:hover .album-cover-wrap img{transform:scale(1.06)}.album-cover-wrap::after{content:"";inset:0;position:absolute;background:linear-gradient(180deg,transparent 46%,#0009 100%);opacity:0;pointer-events:none;transition:opacity .2s}.album-card:hover .album-cover-wrap:after{opacity:1}.album-open{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;color:transparent;z-index:2}.card-save{width:34px;height:34px;border-radius:50%;position:absolute;z-index:4;right:10px;top:10px;background:#121b14d9;border:1px solid #e2e9d350;color:white;font-size:20px;opacity:0;transform:translateY(-5px);transition:.2s}.album-card:hover .card-save,.card-save.saved,.album-card:focus-within .card-save{opacity:1;transform:none}.card-save.saved{background:var(--acid);color:#25301b;border-color:var(--acid)}.album-genre-chip{font-size:8px;position:absolute;bottom:12px;left:12px;color:var(--cream);font-weight:800;letter-spacing:1px;z-index:1;opacity:0;transition:.2s}.album-card:hover .album-genre-chip{opacity:1}.album-meta{margin-top:12px}.album-title{font-size:13px;font-weight:750;letter-spacing:-.2px;line-height:1.35;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-sub{color:#a9b5a5;font-size:11px;line-height:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.album-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:#7d907c;font-weight:700;font-size:9px;letter-spacing:.9px}.album-bottom span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:75%}.section-footer{border-top:1px solid var(--line);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;gap:15px}.section-footer>span{font-size:9px;color:#8c9889;letter-spacing:1.3px}.quote-banner{margin:80px 0 0;border:1px solid #455940;background:radial-gradient(circle at 95% 35%,#3f5f3f 0,#263729 43%,#1c2a20 90%);padding:45px 52px;position:relative;overflow:hidden}.quote-banner:after{content:'◉';position:absolute;right:-25px;bottom:-120px;font-size:430px;color:#bfd29b16;line-height:1;pointer-events:none}.quote-banner>span{font-size:9px;letter-spacing:2px;color:var(--acid);font-weight:800}.quote-banner p{font-family:var(--display);font-size:clamp(26px,3.3vw,42px);line-height:1.2;letter-spacing:-1px;position:relative;z-index:1}.quote-banner p em{color:var(--acid)}.quote-banner button{font-size:11px;font-weight:800;color:var(--acid);background:none;border:0;padding:0;position:relative;z-index:1}.home-genres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-genre{display:flex;flex-direction:column;justify-content:space-between;min-height:145px;padding:20px;border:1px solid #3a473a;background:#1b251c;transition:background .2s}.home-genre:hover{background:#2a3b2b}.home-genre>span:first-child{display:flex;justify-content:space-between;font-size:10px;color:var(--acid);font-weight:800;letter-spacing:1px}.home-genre strong{font-family:var(--display);font-size:26px;font-weight:400}.home-genre small{color:#889d86;font-size:10px}
.page-heading{padding:66px 0 44px;max-width:760px}.page-heading h1{font-size:clamp(45px,5.7vw,88px);font-weight:500;letter-spacing:-3.4px;line-height:.99;margin:17px 0 20px}.page-heading p{font-size:14px;line-height:1.7;color:#acbbab;max-width:610px}.filters-panel{border:1px solid #344235;background:#19221b;padding:22px;margin-bottom:25px}.filter-label{font-size:9px;letter-spacing:1.8px;font-weight:800;color:#98a996;margin-bottom:15px}.filter-pills{display:flex;flex-wrap:wrap;gap:8px}.filter-pill{padding:8px 13px;border:1px solid #455345;background:transparent;color:#b6c3b1;font-size:11px;border-radius:35px;transition:.2s}.filter-pill:hover{border-color:var(--acid);color:var(--cream)}.filter-pill.active{background:var(--acid);border-color:var(--acid);color:#1b2815;font-weight:800}.filter-row{display:flex;align-items:end;flex-wrap:wrap;gap:12px;border-top:1px solid #354535;margin-top:22px;padding-top:18px}.filter-row label{display:flex;flex-direction:column;gap:8px;flex:1 1 135px;min-width:130px;color:#a2b09f;font-size:10px}.filter-row select,.collection-toolbar select{background:#263129;color:#f1f2e9;border:1px solid #455744;border-radius:2px;height:38px;padding:0 11px;font-size:11px;max-width:100%;min-width:0}.filter-row select:focus,.collection-toolbar select:focus{border-color:var(--acid)}.reset-btn{height:38px;background:none;border:0;color:var(--acid);font-size:11px;font-weight:800;padding:0 8px}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:27px 0 22px}.results-heading p{font-family:var(--display);font-size:23px;margin:0}.results-heading strong{font-weight:400;color:var(--acid)}.results-heading>span{font-size:9px;letter-spacing:1px;color:#859583;font-weight:750}.results-heading #queryInfo{font-family:var(--sans);font-size:12px;color:#a4b39e}.empty-state{background:#1b251d;border:1px dashed #52634e;min-height:290px;padding:38px;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center}.empty-illustration{font-size:58px;color:var(--acid);line-height:1}.empty-state h3{font-family:var(--display);font-size:29px;font-weight:400;margin:10px 0}.empty-state p{font-size:12px;color:#a1b19f;line-height:1.6;max-width:360px;margin:0 0 21px}.labels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.label-card{min-height:178px;background:#1c251e;border:1px solid #384538;text-align:left;padding:22px;display:flex;flex-direction:column;transition:.2s}.label-card:hover{background:#2b3c2c;transform:translateY(-2px)}.label-card-top{display:flex;justify-content:space-between;align-items:center;color:var(--acid);font-size:11px}.label-card-top span:first-child{font-size:26px}.label-card h3{margin:26px 0 6px;font-family:var(--display);font-size:24px;font-weight:400;line-height:1.2}.label-card small{color:#a5b4a0;font-size:11px}.info-strip{display:flex;align-items:center;gap:18px;border-left:3px solid var(--acid);background:#233023;padding:13px 20px;margin:0 0 24px}.info-strip p{font-size:12px;color:#b7c8b3;line-height:1.65}.info-disc{font-size:28px;color:var(--acid)}.time-machine{min-height:285px;background:#25382c;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:36px;border:1px solid #53674c}.time-machine:before{content:'◷';position:absolute;color:#d6ec9b12;font-size:320px;top:-100px;left:27%;pointer-events:none}.time-copy{position:relative}.time-copy .small-tag{color:var(--acid)}.time-copy h2{font-family:var(--display);font-size:48px;line-height:1.02;font-weight:400;margin:28px 0 12px;letter-spacing:-1.2px}.time-copy p{font-size:12px;color:#bbccba}.time-form{position:relative;align-self:center}.time-form label{display:block;font-size:10px;color:var(--acid);letter-spacing:1.6px;font-weight:800;margin-bottom:9px}.year-line{display:flex;gap:10px}.year-line input{min-width:0;width:100%;max-width:270px;font-family:var(--display);font-size:50px;color:var(--cream);background:#18291f;border:1px solid #73846e;padding:8px 15px;outline:0}.year-line .btn{height:auto;min-width:112px}.decade-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.decade-pills button{border:1px solid #698367;background:none;padding:7px 10px;font-size:10px;color:#c4d0c0}.decade-pills button:hover{color:#1d271a;background:var(--acid)}.time-results{margin-top:33px}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;border-bottom:1px solid var(--line);padding:0 0 21px;margin:0 0 25px;font-size:12px;color:#c2d0bf}.collection-toolbar>div{display:flex;gap:9px;flex-wrap:wrap}.toolbar-btn{background:none;border:1px solid #4c5a48;color:var(--cream);height:38px;padding:0 13px;font-size:10px}.toolbar-btn:hover{border-color:var(--acid)}.toolbar-btn.danger{color:#c9a098}.collection-empty{min-height:320px}
.site-footer{margin:35px clamp(24px,4vw,68px) 0;border-top:1px solid var(--line);padding:40px 0 32px}.footer-logo{font-size:31px;font-weight:900;letter-spacing:-2px}.footer-logo span{color:var(--acid)}.site-footer>p{font-family:var(--display);font-style:italic;font-size:16px;color:#bdcbb6}.footer-line{margin-top:45px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:9px;letter-spacing:1px;color:#8b9c86}.footer-line a{color:var(--acid);font-weight:800}
.album-dialog{padding:0;background:#1b241c;color:var(--cream);border:1px solid #66765c;box-shadow:0 28px 100px #000c;width:min(850px,calc(100vw - 36px));max-height:min(88vh,850px);overflow-y:auto}.album-dialog::backdrop{background:#070a08d9;backdrop-filter:blur(7px)}.modal-close{position:sticky;float:right;top:16px;right:16px;z-index:3;background:#233126;border:1px solid #50614c;color:var(--cream);font-size:16px;width:38px;height:38px;margin:-1px 15px -40px 0}.modal-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;padding:45px 34px 30px}.modal-cover{width:100%;aspect-ratio:1;object-fit:cover;box-shadow:10px 14px 30px #0007}.modal-details{padding-top:10px;min-width:0}.modal-eyebrow{font-size:10px;letter-spacing:2px;color:var(--acid);font-weight:800}.modal-details h2{font-family:var(--display);font-size:clamp(31px,3.8vw,49px);line-height:1.04;letter-spacing:-1.5px;font-weight:400;margin:18px 0 8px}.modal-artist{font-size:18px;font-family:var(--display);font-style:italic;color:#cbd9c3}.modal-description{font-size:13px;line-height:1.7;color:#bbc7b8;margin-top:21px}.modal-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px 0;border-top:1px solid #40513e;border-bottom:1px solid #40513e;margin:23px 0}.modal-stats div small{display:block;color:#849b83;font-size:9px;letter-spacing:1.4px;margin-bottom:5px}.modal-stats div strong{font-size:12px;font-weight:650;overflow-wrap:anywhere}.modal-actions{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.modal-actions .btn{flex:1;min-width:100px;gap:8px}.modal-actions .modal-fav.saved{background:#344d30;color:var(--acid)}.track-title{font-size:9px;letter-spacing:1.5px;color:var(--acid);font-weight:800;margin-top:22px}.tracklist{padding:0;margin:8px 0 0;list-style:none}.tracklist li{padding:10px 0;border-bottom:1px solid #354335;display:flex;gap:15px;color:#c1cfc0;font-size:12px}.tracklist li span{color:#778b78;font-size:10px}.modal-bottom{border-top:1px solid #425143;padding:22px 34px 30px}.modal-bottom>div:first-child{font-size:10px;color:var(--acid);letter-spacing:1.2px;font-weight:800;margin-bottom:12px}.related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.related-item{display:flex;align-items:center;gap:10px;background:#263327;border:1px solid #3a4c3a;text-align:left;padding:9px;color:var(--cream);min-width:0}.related-item:hover{background:#334934}.related-item img{height:46px;width:46px;object-fit:cover}.related-item span{font-size:10px;overflow:hidden;text-overflow:ellipsis}.related-item b{display:block;font-size:11px;margin-bottom:4px}.modal-note{color:#7e967b;font-size:10px;line-height:1.5;margin-top:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);background:var(--acid);color:#1b2717;padding:13px 20px;box-shadow:0 8px 30px #0008;font-size:12px;font-weight:800;pointer-events:none;opacity:0;transition:.25s;z-index:45;text-align:center;max-width:calc(100% - 30px)}.toast.show{opacity:1;transform:translate(-50%,0)}.radio-panel{position:fixed;right:22px;bottom:22px;z-index:29;width:min(335px,calc(100vw - 35px));background:#202c21;border:1px solid #768c69;box-shadow:0 20px 60px #000c}.radio-header{padding:14px 16px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #50614a;color:var(--acid);font-size:9px;font-weight:800;letter-spacing:1px}.radio-header>span{display:flex;align-items:center;gap:8px}.radio-header button{background:none;color:var(--cream);border:0}.radio-main{display:flex;align-items:center;gap:16px;padding:17px}.radio-main img{width:98px;height:98px;object-fit:cover}.radio-main small{font-size:9px;color:var(--acid);font-weight:800}.radio-main h3{font-family:var(--display);font-weight:400;font-size:22px;line-height:1.1;margin:10px 0 6px}.radio-main p{font-size:11px;color:#b6c8b1}.radio-listen{display:block;text-align:center;margin:0 17px;border:1px solid #677e62;padding:11px;color:var(--acid);font-size:11px;font-weight:800}.radio-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 17px}.radio-controls button{border:0;background:var(--acid);color:#192217;padding:10px 6px;font-size:11px;font-weight:800}.radio-controls button:first-child{background:#314332;color:var(--cream)}.radio-disclaimer{border-top:1px solid #42573f;color:#9eae99;padding:10px 17px;font-size:9px}.mobile-nav{display:none}
@media(min-width:1700px){.hero-art{max-width:600px}.albums-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1150px){:root{--sidebar-width:205px}.sidebar{padding-inline:11px}.hero{grid-template-columns:1.08fr .92fr}.hero h1{font-size:clamp(56px,6vw,78px)}.hero-cover-a{width:180px}.hero-cover-b{width:180px}.hero-cover-c{width:155px}.hero-vinyl{width:265px;height:265px}.paths-grid{gap:10px}.path-card{padding:18px;min-height:275px}.path-card h3{font-size:34px}.home-genres{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){:root{--sidebar-width:0px}.sidebar{display:none}.main-shell{margin-left:0}.topbar{padding:0 24px}.hero{min-height:470px}.hero-copy{padding-top:55px}.hero h1{font-size:clamp(62px,8vw,90px)}.hero-cover-a{top:15%;left:5%}.hero-cover-b{right:1%}.hero-cover-c{left:1%}.mobile-nav{display:flex;position:fixed;z-index:18;bottom:0;left:0;right:0;height:67px;border-top:1px solid #50614b;background:#152017f5;backdrop-filter:blur(15px);justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#a9baaa;font-size:9px;flex:1}.mobile-nav a span{font-size:22px}.mobile-nav a.active{color:var(--acid)}body{padding-bottom:70px}.radio-panel{bottom:80px}.toast{bottom:85px}}
@media(max-width:650px){.view{padding:0 18px 35px}.topbar{height:62px;padding:0 18px}.topbar-left{font-size:9px}.topbar-slash,.topbar-breadcrumb{display:none}.topbar-actions{gap:7px;flex:1;margin-left:15px;justify-content:end}.global-search{width:min(100%,220px);height:37px}.global-search kbd,.top-random,.shortcut-label{display:none}.global-search input{font-size:11px}.collection-shortcut{height:37px;padding:0 8px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:46px 0 5px}.hero h1{font-size:clamp(56px,13.5vw,76px);letter-spacing:-3.7px;margin:24px 0 22px}.hero-desc{font-size:13px}.hero-actions{gap:10px}.hero-actions .btn{padding:0 13px;font-size:10px;height:43px;gap:10px}.hero-signature{margin-top:28px;line-height:1.5;font-size:8px}.hero-art{min-height:260px;order:-1;max-height:270px}.hero-art:before{left:0;top:-80px}.hero-vinyl{right:9%;top:-15px;width:220px;height:220px}.hero-cover-a{width:144px;top:22px;left:12%}.hero-cover-b{width:150px;top:93px;right:14%}.hero-cover-c{width:106px;left:1%;bottom:18px}.hero-art-label{right:4px;bottom:5px;font-size:7px}.content-section{padding-top:53px}.section-head{align-items:start;gap:15px;margin-bottom:23px}.section-head h2{font-size:33px}.section-head>p{display:none}.paths-grid{grid-template-columns:1fr;gap:9px}.path-card{min-height:158px;padding:17px 20px}.path-icon{font-size:37px;right:19px}.path-card h3{font-size:29px;margin:18px 0 6px}.path-card h3 br{display:none}.path-card p{font-size:11px}.path-link{padding-top:14px}.albums-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}.album-title{font-size:12px}.album-sub{font-size:10px}.card-save{opacity:1;transform:none;right:7px;top:7px;width:31px;height:31px}.section-footer{flex-wrap:wrap}.quote-banner{margin-top:58px;padding:29px 22px}.quote-banner p{font-size:28px}.home-genres{grid-template-columns:repeat(2,1fr)}.home-genre{padding:14px;min-height:120px}.home-genre strong{font-size:22px}.page-heading{padding:46px 0 30px}.page-heading h1{font-size:50px;letter-spacing:-2px}.page-heading p{font-size:12px}.filter-row{gap:10px}.filter-row label{flex:1 1 calc(50% - 10px);min-width:0}.filter-pills{gap:6px}.filter-pill{font-size:10px;padding:7px 10px}.filters-panel{padding:15px}.results-heading p{font-size:20px}.results-heading>span{display:none}.labels-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.label-card{padding:15px;min-height:150px}.label-card h3{font-size:19px}.time-machine{grid-template-columns:1fr;gap:25px;padding:23px}.time-copy h2{font-size:37px;margin:18px 0 9px}.year-line input{font-size:36px}.year-line .btn{min-width:90px}.collection-toolbar>div{width:100%;gap:7px}.collection-toolbar select{width:100%;flex:1}.modal-layout{display:flex;flex-direction:column;padding:28px 20px 22px;gap:15px}.modal-cover{max-width:280px;margin:auto}.modal-details h2{font-size:35px}.modal-bottom{padding:20px}.related-list{grid-template-columns:1fr}.related-item img{width:40px;height:40px}.modal-close{top:9px;right:10px;margin-right:10px}.site-footer{margin:30px 18px 0}.footer-line{font-size:8px;gap:12px}.empty-state{min-height:230px;padding:18px}.empty-state h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}
/* SURCO v0.2 — archivo real, cambio de marca sin alterar el sistema visual */
.brand-editor-link{margin-top:16px;border:1px solid #58734d;background:#1a281c;color:var(--acid);font-size:10px;text-align:left;padding:10px;width:100%;letter-spacing:.4px}
.brand-editor-link:hover{background:#354a31}.brand-settings-icon{font-size:19px;color:var(--acid)}
.real-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,80px);background:#202b20;border:1px solid #43533f;padding:clamp(22px,3vw,48px);align-items:center;margin:10px 0 28px;position:relative;overflow:hidden}.real-hero:after{content:'◎';position:absolute;font-family:Georgia,serif;font-size:360px;color:#d0ef8709;right:20%;top:-135px;pointer-events:none}.real-hero>*{position:relative;z-index:1}.real-kicker{font-size:10px;letter-spacing:2px;color:var(--acid);font-weight:800}.real-hero h2{font-size:clamp(37px,4.3vw,68px);line-height:1;font-family:var(--display);font-weight:400;letter-spacing:-2px;margin:20px 0}.real-hero p{font-size:13px;line-height:1.7;color:#b9c6b5;max-width:390px}.real-search-form label{display:block;font-size:10px;letter-spacing:1.5px;color:var(--acid);font-weight:800;margin-bottom:15px}.real-search-input-wrap{display:flex;gap:8px}.real-search-form input{min-width:0;flex:1;background:#111c14;border:1px solid #65775e;padding:0 17px;color:var(--cream);font-size:14px}.real-search-form .btn{height:52px}.real-search-form small{color:#90a58e;display:block;margin-top:12px;line-height:1.5}.real-status-area{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin:0 0 23px;border-bottom:1px solid var(--line);padding-bottom:17px}.real-status{color:#cadac5;font-size:12px;line-height:1.6}.real-status.error{color:#fac5ad}.real-status.busy{color:var(--acid)}.real-pagination{text-align:center;padding:35px 0}.real-attribution{border-top:1px solid var(--line);padding-top:20px;margin-top:40px;font-size:11px;line-height:1.8;color:#a0b69c}.brand-dialog{background:#1a251a;color:var(--cream);border:1px solid #61785b;padding:clamp(20px,3vw,38px);max-height:calc(100dvh - 40px);overflow-y:auto;width:min(530px,calc(100vw - 24px));box-shadow:0 30px 80px #000a}.brand-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.brand-dialog-header{display:flex;justify-content:space-between;gap:25px}.brand-dialog-header h2{font-family:var(--display);font-size:38px;line-height:1.1;font-weight:400;margin:15px 0 12px}.brand-dialog-header h2 em{color:var(--acid)}.brand-dialog-header .modal-close{position:static;float:none;flex:none;margin:0}.brand-dialog>p{font-size:12px;line-height:1.7;color:#bbccba}.brand-dialog form{display:flex;flex-direction:column;gap:13px;margin:25px 0}.brand-dialog form label{font-size:10px;font-weight:750;color:var(--acid);letter-spacing:1.1px}.brand-dialog form input{height:43px;color:var(--cream);background:#121c14;border:1px solid #4a5d49;padding:0 12px;margin-bottom:6px}.brand-dialog form .btn{align-self:flex-start}.brand-publish{border-top:1px solid var(--line);padding-top:19px;margin-top:25px}.brand-publish strong{font-size:13px}.brand-publish p{font-size:12px;line-height:1.6;color:#abbdaa}.brand-publish code{color:var(--acid)}.brand-publish .btn{height:39px;margin:6px 5px 0 0}.btn-minor{color:#bed1b7;background:transparent;border:0;font-size:11px}.brand-notice{min-height:30px;color:var(--acid)!important;font-size:11px}
@media(max-width:900px){.brand-settings-icon{width:35px;height:35px}.real-hero{grid-template-columns:1fr}.real-hero h2{font-size:clamp(35px,8vw,55px)}}
@media(max-width:650px){.real-search-input-wrap{flex-direction:column}.real-search-form input{height:49px}.real-search-input-wrap .btn{align-self:flex-start}.real-hero{padding:20px}.real-hero h2{font-size:41px}.topbar-actions .brand-settings-icon{width:31px;height:37px;font-size:16px}.topbar-actions{gap:5px}.mobile-nav a{font-size:8.5px}.mobile-nav a span{font-size:20px}}
.footer-logo > span[data-brand-name]{color:var(--cream)}

.real-source-select{background:#121c14;color:var(--cream);border:1px solid #65775e;display:block;width:100%;height:44px;padding:0 13px;margin:0 0 20px}.real-source-select:focus-visible{outline:2px solid var(--acid)}

/* Topbar compacta sin desbordamiento horizontal en pantallas estrechas. */
@media(max-width:650px){.topbar-left{flex:0 1 78px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-left #topbarCurrent{overflow:hidden;text-overflow:ellipsis}.topbar-actions{flex:1 1 auto;min-width:0;margin-left:8px}.global-search{width:auto;min-width:0;flex:1 1 auto}.collection-shortcut,.brand-settings-icon{flex:0 0 auto}.brand-word{font-size:23px}}
@media(max-width:390px){.topbar-left{flex-basis:65px}.topbar-actions{margin-left:5px}.collection-shortcut{padding:0 6px}}
.brand-word{max-width:172px;overflow-wrap:anywhere;line-height:1.05}.brand{max-width:100%}

/* v0.3: features that preserve the existing visual system */
.real-catalogue-link{font-size:13px;margin:20px 0;color:#b5bbae}.real-catalogue-link a{color:#bafe73;text-decoration:underline;text-underline-offset:3px}.real-advanced{margin-top:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.real-advanced[hidden],.live-featured[hidden]{display:none!important}.real-advanced label{display:grid;gap:8px;font-size:11px;letter-spacing:.05em;color:#adb6a7}.real-advanced input,.real-advanced select{min-width:0;width:100%;padding:12px;background:#1a2019;border:1px solid #374032;color:#e5eedf;font-size:13px}@media(max-width:950px){.real-advanced{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.real-advanced{grid-template-columns:1fr}}

/* SURCO v0.4: sin controles de marca para visitantes. */