/* Stereu Studio 1.29 — presentation layer; existing playback hooks preserved. */
:root{--bg:#050505;--panel:#181818;--panel2:#111111;--line:#2b2b2b;--tx:#f5f5f5;--dim:#b9b9b9;--green:#92bd5e;--green-dark:#557c2e;--violet:#b8b8b8;--radius:18px;color-scheme:dark}
body{font-size:16px;line-height:1.6;background:var(--bg)}
button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent }
button{font-size:14px}a,button{touch-action:manipulation}
:focus-visible{outline:2px solid var(--violet);outline-offset:4px}
.content:focus{outline:none}.skip-link{position:fixed;left:16px;top:-80px;z-index:150;padding:12px 20px;background:var(--green);color:#171c0c;border-radius:12px}.skip-link:focus{top:12px}
h1,h2,h3,p{overflow-wrap:break-word}h1{font-size:clamp(28px,3.4vw,48px);line-height:1.12;letter-spacing:-.045em;margin:0 0 12px;font-weight:900}
h2{letter-spacing:-.035em;line-height:1.2}.eyebrow{color:var(--violet);font-size:12px;letter-spacing:.16em;font-weight:700;margin:0 0 12px}
.topbar{padding:18px 28px;gap:28px;background:#050505;border-bottom:0;backdrop-filter:none;min-height:82px}
.brand{flex:0 0 180px}.brand-logo{max-width:180px}.brand-name{letter-spacing:-.03em}.brand-name em{display:none}.brand-bars i{background:var(--violet)}
.search{max-width:680px;margin:0;min-width:120px}.search input,.search button{background:#1e1e1e;border-color:#343434}.search input{padding:13px 18px;font-size:14px}.search button{padding:0 18px}.search:focus-within{border-radius:99px;box-shadow:0 0 0 3px #b8b8b830}.search input:focus{outline:none;border-color:var(--violet)}
.topnav{margin-left:auto;align-items:center;gap:12px;flex-shrink:0}.nav-avatar{width:38px;height:38px;border:2px solid #474747}.nav-avatar img{width:100%;height:100%;object-fit:cover}.nav-avatar span{background:#383838;color:#e7e7e7}
.btn{padding:12px 20px;font-weight:700;font-size:14px;transition:background .16s,transform .16s}.btn-green{background:var(--green);color:#17200b}.btn-green:hover{background:#c1db9e;filter:none;transform:translateY(-1px)}.btn-outline{border-color:#454545;background:#ffffff03}.btn-outline:hover{background:#ffffff0b}.btn.sm{padding:8px 14px;font-size:14px}.btn-ghost:hover{background:#ffffff08}
.layout{grid-template-columns:224px minmax(0,1fr)}.sidebar{background:var(--bg);border:0;padding:8px 16px 24px}.sidebar h3{font-size:12px;letter-spacing:.12em;margin:22px 12px 10px;color:#8d8d8d}.sidebar h3:first-child{margin-top:8px}
.genres{gap:4px}.genres a{font-size:14px;border:0;padding:10px 12px;border-radius:10px;color:#bababa}.genres a:hover{color:var(--tx);background:#232323}.genres a.on{background:#b8b8b818;color:#dedede;border:0}.nav-symbol{font-size:20px;line-height:1;width:23px;display:inline-block;vertical-align:middle;margin-right:7px;color:#a1a1a1}.on .nav-symbol{color:var(--violet)}
.studio-nav .nav-crear{color:var(--green)!important}.studio-nav a{font-weight:700}.genre-browser{margin:24px 6px 12px;border-top:1px solid var(--line);padding-top:18px}.genre-browser summary{font-size:14px;font-weight:700;cursor:pointer;color:#c0c0c0;padding:6px}.genre-tags{display:flex;flex-flow:row wrap;margin-top:12px;gap:6px}.genre-tags a{font-size:12px;padding:6px 10px;border:1px solid var(--line);border-radius:99px}.genre-tags a.on{border:1px solid var(--violet)}.side-head{margin-top:24px}.side-vacio{line-height:1.65;font-size:13px;color:#9a9a9a}
.content{background:radial-gradient(ellipse at 85% 0%,#32323255,transparent 520px),#191919;border:1px solid #2c2c2c;border-radius:24px 24px 0 0;margin-right:16px;padding:34px;scrollbar-color:#474747 transparent;scroll-padding-top:24px}
.cat-head{gap:18px;margin-bottom:28px;align-items:center}.cat-head h1{flex-basis:100%;margin:0 0 10px}.cat-head h2{letter-spacing:-.03em;font-size:28px}.cat-head .pills{gap:6px}.pill{background:transparent;border-color:#404040;color:#c8c8c8;font-size:14px;padding:8px 16px}.pill.on{background:#efefef;color:#1a1a1a;border-color:#efefef}.pill:hover{border-color:var(--violet)}
.grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:24px}.grid>.card{padding:0 0 12px;border:1px solid transparent;border-radius:16px;background:transparent;box-shadow:none;min-width:0}.grid>.card:hover,.grid>.card:focus-within{background:#272727;border-color:#3b3b3b;transform:translateY(-3px)}.grid>.card.playing{background:#92bd5e0a;border-color:#92bd5e4d}.cover{border-radius:14px;background:#282828;box-shadow:0 10px 24px #0003}.grid .card .t{font-size:16px;margin:14px 10px 3px;font-weight:700;line-height:1.4}.grid .card .a{font-size:14px;margin:0 10px}.cover-ph{background:radial-gradient(ellipse at 20% 0%,#704cad,#2a2a2a 75%);color:#e9e9e9;font-size:64px}.grid>.card:nth-child(3n+2) .cover-ph{background:radial-gradient(ellipse at 20% 0%,#5a5a5a,#282828 75%);color:#ddf5de}.grid>.card:nth-child(3n) .cover-ph{background:radial-gradient(ellipse at 20% 0%,#855449,#312329 75%);color:#ffe2d0}.cardplay{width:46px;height:46px;right:12px;bottom:12px}.card:focus-within .cardplay{opacity:1;transform:none}.album-tag{background:#171717d9;color:#f0f0f0;border-color:#ffffff30}
.panelhead{margin-bottom:30px;align-items:center}.panelhead p.dim{margin:0;font-size:15px}.panelhead h2{font-size:30px}.artist-cards{grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:18px}.artist-card{padding:24px;border-radius:20px;background:linear-gradient(155deg,#2e2e2e 0%,#1f1f1f 75%);border-color:#3a3a3a;min-width:0}.artist-card.clickable{min-height:270px;transition:transform .18s,border-color .18s}.artist-card.clickable:nth-child(3n+2){background:linear-gradient(155deg,#2f2f2f,#212121 75%)}.artist-card.clickable:nth-child(3n){background:linear-gradient(155deg,#3b2b30,#212121 75%)}.artist-card.clickable:hover{border-color:var(--violet);transform:translateY(-4px)}.artist-card.clickable .artist-card-head{flex-direction:column;align-items:flex-start;gap:18px}.artist-card.clickable .artist-mini{width:86px;height:86px;border-radius:24px;box-shadow:0 8px 24px #0003;border:1px solid #ffffff16}.artist-mini.ph{background:#b8b8b820;color:#e1e1e1;font-size:32px}.artist-card.clickable strong{font-size:20px;line-height:1.3;letter-spacing:-.02em}.artist-card-head p{font-size:14px;margin-top:8px}.ver-mas{font-size:14px;border-top:1px solid #ffffff10;padding-top:14px;margin-top:22px;color:#cbcbcb}.artist-card.nuevo{background:#ffffff02;border:1px dashed #585858;min-height:250px}.artist-card.nuevo label{color:#e0e0e0;font-size:20px;font-weight:700;margin:0 0 18px}
.album-hero{margin:-34px -34px 30px;padding:42px 34px 24px;border-bottom:1px solid #ffffff0c}.album-hero .hero-flex{gap:30px;align-items:flex-end;flex-wrap:nowrap;margin-bottom:26px}.album-cover-big{width:clamp(170px,19vw,280px);height:auto;aspect-ratio:1;border-radius:16px;box-shadow:0 24px 48px #0006;object-fit:cover}.album-hero .hero-flex>div:last-child{min-width:0}.hero-title{font-size:clamp(34px,5.4vw,84px);line-height:1.04;letter-spacing:-.055em;overflow-wrap:anywhere}.hero-meta{font-size:14px;color:#dfdfdf;line-height:1.8}.hero-meta a{color:#fff}.hero-acciones{gap:14px}.playbig{background:var(--green);color:#17200b;width:58px;height:58px;box-shadow:0 6px 24px #0003}.icon-btn{width:44px;height:44px;background:#ffffff08;border-color:#ffffff35;color:var(--tx)}.tracklist{max-width:none;gap:5px}.lista-head{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:12px}.card.trow{border:1px solid transparent;border-radius:12px;background:transparent;padding:14px 16px;gap:16px;min-width:0}.card.trow:hover{background:#ffffff05}.card.trow.playing{background:#92bd5e0c;border-color:#92bd5e30}.trow-meta strong{font-size:15px}.trow-meta span{font-size:13px}.card.trow .cardplay.static{box-shadow:none;flex-shrink:0}.trow-no{flex-shrink:0}.card.trow>.dim{font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}.vista{border-color:var(--line)}
.formbox,.authbox,.albumbox,.stat{background:#1f1f1f;border-color:#383838;border-radius:18px;padding:26px}.formbox h3{font-size:22px;letter-spacing:-.025em}.formbox label,label{font-size:14px;color:#bfbfbf}input,select,textarea{background:#171717;border-color:#3e3e3e;border-radius:10px;padding:12px 14px}input::placeholder,textarea::placeholder{color:#989898}input:focus,select:focus,textarea:focus{outline:2px solid var(--violet)}input[type=file]::file-selector-button{font:inherit;border:0;border-radius:7px;background:#383838;color:#e5e5e5;padding:8px 12px;margin-right:12px}input[type=checkbox],input[type=radio]{accent-color:var(--violet)}.tabla{background:#1e1e1e}.tabla th{background:#262626;font-size:12px;color:#c1c1c1}.tabla td{font-size:14px}.stat strong{color:var(--violet);font-size:32px}.cr{gap:30px}.cr-card{background:#232323;border-color:#383838;border-radius:16px;padding:18px}.cr-card-h{color:#bfbfbf;font-size:12px}.cr-modo.on{background:#e0e0e0;color:#262626}.cr-modelo select{font-size:14px}.cr-lib{min-width:0}.empty{padding:64px 24px;border:1px dashed #444444;border-radius:20px;background:#b8b8b805}.empty p{font-size:18px;color:#c4c4c4}
.player{background:#191919;border:1px solid #3d3d3d;border-radius:18px;margin:10px 16px 14px;padding:12px 20px;grid-template-columns:minmax(180px,1fr) minmax(260px,1.65fr) minmax(180px,1fr);gap:20px;box-shadow:0 8px 30px #0003}.p-cover{border-radius:12px;background:#292929;border-color:#3f3f3f}.p-meta strong{font-size:14px}.p-meta span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.p-controls{gap:12px}.playbtn{background:var(--green);color:#17200b;width:44px;height:44px}.playbtn:hover{background:#c1db9e}.pic{color:#b8b8b8;min-width:32px;min-height:32px}.pic:hover{color:#fff}.pic.on{color:var(--green)}.p-progress{font-size:12px;font-variant-numeric:tabular-nums}.rango .rail{background:#474747}.rango:focus-within{outline:2px solid var(--violet);outline-offset:3px;border-radius:5px}.rango:focus-within .knob{opacity:1}.wave-wrap.con-onda:focus-within .rango{opacity:1;z-index:5}.wave-wrap.con-onda:focus-within .wave-canvas{opacity:.25}.queue{background:#1a1a1a;border:1px solid #383838;border-radius:20px 20px 0 0;margin-right:16px}.queue-head{padding:24px 20px 14px}.queue-head strong{font-size:22px}.queue-sec{font-size:12px;color:#b5b5b5}.q-row{border-radius:12px}.viz-box{border-color:#3b3b3b;border-radius:16px}.ctxmenu{background:#262626;border-color:#515151}.ctxmenu button:hover{background:#3d3d3d}.ctxmenu button{font-size:14px}.fs-overlay{background:#131313}
@media(min-width:901px) and (max-width:1200px){.layout{grid-template-columns:190px minmax(0,1fr)}.brand{flex-basis:148px}.content{padding:26px}.album-hero{margin:-26px -26px 24px;padding:30px 26px 20px}.queue{width:260px}.player{grid-template-columns:minmax(150px,1fr) minmax(230px,1.4fr) 180px;gap:10px;padding:12px}.p-vol{flex-wrap:wrap}.p-vol .vol{max-width:76px}.wave-row,.wave-hueco{width:100px}.cr{grid-template-columns:1fr}}
@media(max-width:900px){body{padding-bottom:180px}.topbar{position:relative;flex-wrap:wrap;padding:18px 18px 12px;gap:14px;min-height:0}.brand{flex:1}.brand-logo{max-width:150px}.topnav{gap:8px}.topnav .btn{padding:10px 12px;font-size:13px}.search{display:flex;order:3;flex-basis:100%;max-width:none}.search input{min-width:0}.layout{display:block;min-height:0}.sidebar{display:block;overflow:visible;padding:4px 18px 18px}.sidebar h3,.side-head,.sidebar>.genres:not(.primary-nav):not(.studio-nav){display:none}.primary-nav,.studio-nav{display:flex;flex-flow:row nowrap;overflow-x:auto;gap:6px;padding:6px 0;scrollbar-width:none}.primary-nav a,.studio-nav a{flex-shrink:0;font-size:14px;padding:9px 12px}.nav-symbol{font-size:18px;width:18px;margin-right:3px}.genre-browser{margin:8px 0 0;padding:0;border:0}.genre-browser summary{font-size:13px}.genre-tags{flex-wrap:wrap}.genre-tags a{white-space:normal}.sidebar .side-head{display:flex;margin:12px 0 0}.sidebar .side-head h3{display:block;font-size:12px}.sidebar>.side-head+nav{display:flex!important;flex-flow:row nowrap;overflow-x:auto}.side-vacio{font-size:12px}.content{margin:0 10px;padding:24px 18px;border-radius:20px;overflow:visible}.cat-head h1{font-size:32px}.cat-head{gap:14px}.cat-head .spacer{display:none}.grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:16px}.artist-cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.artist-card{padding:22px}.album-hero{margin:-24px -18px 22px;padding:28px 18px 20px;border-radius:20px 20px 0 0}.album-hero .hero-flex{gap:20px}.album-cover-big{width:160px}.hero-title{font-size:clamp(30px,6vw,50px)}.player{position:fixed;left:0;right:0;bottom:0;margin:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;border-radius:16px}.p-track{grid-column:1;min-width:0}.p-cover{width:42px;height:42px}.p-vol{display:flex;grid-column:2;grid-row:1;gap:4px}.p-vol .vol,#p-mute{display:none}.p-center{grid-column:1/-1;order:3;gap:0}.p-controls{gap:16px}.p-progress{display:flex}.wave-wrap{height:22px}.playbtn{width:38px;height:38px}.p-controls .pic{min-height:36px;min-width:36px}.queue{top:8px;right:0;bottom:170px;margin-right:8px;border-radius:18px;width:min(340px,calc(100vw - 16px))}.wave-row,.wave-hueco{display:none}.tracklist .card.trow{padding:12px 8px;gap:10px}.formbox,.authbox,.albumbox{padding:20px;max-width:100%}.tabla{display:block;overflow-x:auto}.cr{grid-template-columns:1fr}.row2{grid-template-columns:1fr}.panelhead h1{font-size:34px}}
@media(max-width:480px){.album-hero .hero-flex{align-items:flex-start;flex-direction:column;gap:22px}.album-cover-big{width:190px;align-self:center}.hero-title{font-size:40px}.hero-meta{font-size:14px}.artist-cards{grid-template-columns:1fr}.artist-card.clickable{min-height:220px}.artist-card.clickable .artist-card-head{flex-direction:row;align-items:center}.artist-card.clickable .artist-mini{width:70px;height:70px;border-radius:20px}.artist-card.clickable strong{font-size:19px}.artist-card.nuevo{min-height:210px}.panelhead{gap:18px}.card.trow .trow-no{display:none}.p-meta strong{max-width:48vw}.p-track{gap:8px}.p-track #p-like{display:none}.grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.grid .card .t{font-size:14px;margin:10px 4px 2px}.grid .card .a{font-size:13px;margin:0 4px}.pill{font-size:13px;padding:7px 12px}.topnav .btn{padding:8px 10px}.content{padding:22px 16px}.album-hero{margin:-22px -16px 22px}.inline{flex-wrap:wrap}.formbox .inline input{max-width:100%}}
@media(hover:none){.cardplay{opacity:1;transform:none}.pl-quitar{opacity:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Creation menus and secondary text share the same palette. */
.cr-menu,.cr-modal-in{background:#262626;border-color:#515151}.cr-tag,.cr-v{font-size:12px}.cr-sub,.cr-desc,.m-nota{font-size:13px;color:#acacac}.cr-ver,.cr-pub{font-size:14px}.m-campos label{font-size:12px;color:#bfbfbf}select option{background:#262626}.cr-menu button{font-size:14px}
/* 1.30 — quieter album header, consistent song lists and touch actions. */
.content{container-type:inline-size}
.album-hero{padding-top:28px;padding-bottom:16px;margin-bottom:20px}
.album-hero .hero-flex{align-items:center;gap:24px;margin-bottom:12px}
.album-hero .album-cover-big{width:180px;height:180px;flex:none;border-radius:12px}
.album-hero .hero-title{font-size:clamp(26px,3vw,42px);font-weight:700;letter-spacing:-.035em;line-height:1.16;text-wrap:pretty;overflow-wrap:break-word}
.album-hero .eyebrow{font-size:12px;margin-bottom:10px}.album-hero .hero-meta{font-size:14px;margin-top:12px;line-height:1.7}
.album-hero .hero-acciones{padding:10px 0 0;gap:12px}.album-hero .playbig{width:46px;height:46px;font-size:16px}.album-hero .icon-btn{width:40px;height:40px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.song-toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:0 0 16px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.song-toolbar>[data-song-count]{font-size:14px;font-variant-numeric:tabular-nums;margin-right:auto}
.song-search{margin:0;flex:0 1 260px}.song-search input{font-size:14px;padding:9px 12px;background:#ffffff04}
.song-toolbar .vista{display:flex;border-radius:10px;flex:none}.song-toolbar .vista-btn{font-size:13px;line-height:1.4;padding:8px 12px;width:auto;height:auto}.song-toolbar .vista-btn.on{background:#b8b8b820;color:#e1e1e1}
.card.trow.song-row{display:grid;grid-template-columns:22px 48px minmax(90px,1fr) minmax(60px,130px) 72px 36px 44px 36px;align-items:center;gap:12px;min-height:76px;padding:10px 12px;border-radius:10px}
.song-row[hidden]{display:none!important}.song-row .song-art{width:48px;height:48px;border-radius:8px;overflow:hidden;position:relative;display:grid;place-items:center;background:#323232;color:#c0c0c0;flex:none}
.song-art img{width:100%;height:100%;object-fit:cover}.song-row .song-art>.cardplay.static{position:absolute;inset:0;width:100%;height:100%;border-radius:0;background:#0009;color:white;opacity:0;font-size:17px;box-shadow:none}.song-row:hover .song-art>.cardplay.static,.song-row:focus-within .song-art>.cardplay.static,.song-row.playing .song-art>.cardplay.static{opacity:1}
.song-row .trow-meta{min-width:0}.song-row .trow-meta strong{font-size:14px;font-weight:700;line-height:1.5}.song-row .trow-meta span{font-size:13px;line-height:1.5}.song-row .wave-row,.song-row .wave-hueco{width:100%;height:24px;min-width:0}.song-plays{font-size:12px;text-align:right;font-variant-numeric:tabular-nums}.song-plays span{display:block;font-size:12px;color:#979797}.song-duration{font-variant-numeric:tabular-nums;text-align:right;font-size:13px}
.track-menu{font-size:22px;line-height:1;width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:#bdbdbd}.track-menu:hover{background:#ffffff12;color:white}.rowfav{width:36px;height:36px;display:grid;place-items:center;opacity:1;border-radius:8px;flex:none}.rowfav svg,#p-like svg{width:19px;height:19px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.rowfav.on svg{fill:var(--green);stroke:var(--green)}.rowfav:hover{background:#ffffff0b;transform:none}.rowfav:disabled,#p-like:disabled{opacity:.4;cursor:wait}#p-like:disabled:not([aria-busy=true]){cursor:default}
.card-tools{display:flex;justify-content:flex-end;gap:2px;margin:4px 6px -8px}.card-tools .rowfav,.card-tools .track-menu{width:32px;height:32px}.grid .card .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tracklist.compacta .song-row{min-height:54px;grid-template-columns:22px 34px minmax(90px,1fr) minmax(60px,130px) 72px 36px 44px 36px;padding-top:6px;padding-bottom:6px}.tracklist.compacta .song-row .song-art{width:34px;height:34px;border-radius:6px}.tracklist.compacta .song-row .trow-meta span{display:none}
.profile-settings{margin-bottom:24px;border:1px solid var(--line);border-radius:12px;background:#ffffff02}.profile-settings>summary{font-size:14px;font-weight:700;padding:14px 18px;cursor:pointer;color:#cccccc}.profile-settings .perfil-grid{padding:16px}.profile-settings .formbox{margin:0}.ctxmenu{max-height:calc(100dvh - 24px);overflow-y:auto}.ctxmenu button:focus-visible{outline-offset:-2px;background:#3d3d3d}#stereu-toast{max-width:calc(100vw - 32px);border-radius:12px;font-size:14px;line-height:1.5}
.cr-top{flex-wrap:wrap;gap:10px}.cr-modelo{min-width:0;max-width:100%}.cr-modelo select{max-width:100%}.cr-item{min-width:0}.cr-desc{max-width:100%}.content[aria-busy=true]{cursor:progress}
@container(max-width:850px){.cr{grid-template-columns:1fr}.song-row .song-plays{display:none}.card.trow.song-row{grid-template-columns:22px 48px minmax(90px,1fr) minmax(50px,100px) 36px 44px 36px}.tracklist.compacta .song-row{grid-template-columns:22px 34px minmax(90px,1fr) minmax(50px,100px) 36px 44px 36px}}
@container(max-width:620px){.song-row .wave-row,.song-row .wave-hueco,.song-row .song-plays{display:none}.card.trow.song-row{grid-template-columns:48px minmax(60px,1fr) 36px 40px 36px;gap:8px;padding:10px 4px}.song-row .trow-no{display:none}.tracklist.compacta .song-row{grid-template-columns:34px minmax(60px,1fr) 36px 40px 36px}.song-toolbar{gap:10px}.song-search{flex:1 1 180px}.album-hero .album-cover-big{width:140px;height:140px}}
@media(min-width:901px) and (max-width:1200px){.queue{position:fixed;right:0;top:86px;bottom:132px;width:290px;z-index:45;border-radius:18px;box-shadow:-16px 0 36px #0007}}
@media(max-width:900px){.album-hero .hero-flex{flex-direction:row;gap:18px;align-items:center}.album-hero .album-cover-big{width:136px;height:136px;align-self:auto}.album-hero .hero-title{font-size:30px}.album-hero .hero-flex>div:last-child{min-width:0}.card.trow.song-row{grid-template-columns:48px minmax(60px,1fr) 36px 40px 36px;gap:8px;padding:10px 4px}.song-row .wave-row,.song-row .wave-hueco,.song-row .song-plays,.song-row .trow-no{display:none}.tracklist.compacta .song-row{grid-template-columns:34px minmax(60px,1fr) 36px 40px 36px}.song-search{flex:1 1 180px}.song-toolbar{gap:10px}.p-track #p-like{display:grid;min-width:32px;width:32px;height:32px}.p-meta strong{max-width:none}.p-meta{flex:1}.p-vol #p-viz{display:none}}
@media(max-width:480px){.album-hero .album-cover-big{width:96px;height:96px}.album-hero .hero-title{font-size:26px}.album-hero .hero-meta{font-size:12px}.album-hero .eyebrow{font-size:12px;margin-bottom:6px}.album-hero .hero-flex{gap:14px}.song-row .trow-meta strong{font-size:13px}.song-row .trow-meta span{font-size:12px}.song-toolbar .vista-btn{font-size:12px}.song-toolbar .song-search{flex-basis:100%;order:3}.card.trow.song-row{grid-template-columns:40px minmax(45px,1fr) 32px 36px 32px;gap:6px}.song-row .song-art{width:40px;height:40px}.song-duration{font-size:12px}.song-row .rowfav,.song-row .track-menu{width:32px}.p-meta strong{font-size:13px}.p-vol{gap:0}.p-track{gap:8px}.tracklist.compacta .song-row{grid-template-columns:30px minmax(45px,1fr) 32px 36px 32px}.tracklist.compacta .song-row .song-art{width:30px;height:30px}}
@media(hover:none){.song-row .song-art>.cardplay.static{opacity:1;background:#0005}}
/* 1.31 — reference direction: black shell, neutral panels, restrained green. */
:root{--bg:#050505;--panel:#181818;--panel2:#111;--line:#2c2c2c;--tx:#f5f5f5;--dim:#b6b6b6;--green:#92bd5e;--green-dark:#557c2e;--violet:#bbb;--radius:22px;--action:#52792a}
body{background:#050505;color:#f5f5f5;font-weight:400}
.topbar{background:#050505;min-height:70px;padding:12px 24px;gap:20px}.brand{flex-basis:204px}.search{max-width:720px}.search input,.search button{background:#202020;border-color:#404040;color:#eee}.search input{font-size:14px;padding:12px 18px}.search input::placeholder{color:#c0c0c0}.search:focus-within{box-shadow:0 0 0 2px #7776}.search input:focus{border-color:#777}.topnav .btn{font-size:14px;font-weight:400}.nav-avatar{border-color:#444}.nav-avatar span{background:#45412b;color:white}
.app-mid{gap:8px}.layout{grid-template-columns:240px minmax(0,1fr);gap:8px}.sidebar{background:#111;border:0;border-radius:24px;padding:18px 10px;margin-left:8px}.sidebar h3{font-size:13px;letter-spacing:0;text-transform:none;font-weight:400;color:#b8b8b8;margin:24px 12px 10px}.sidebar h3:first-child{margin-top:0}.genres{gap:3px}.genres a,.studio-nav a{font-weight:400;font-size:14px;color:#eee;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:24px}.genres a:hover{background:#202020}.genres a.on{background:#222;color:#fff}.studio-nav .nav-crear{color:#eee!important}.nav-icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.genre-browser{border-color:#292929;margin-top:24px}.genre-browser summary{font-size:14px;font-weight:400;color:#bdbdbd}.genre-tags a{font-size:12px;gap:0;padding:5px 10px}.side-vacio{color:#aaa}.side-head h3{margin:0}
.content{background:#111;border:0;border-radius:24px;margin-right:0;padding:30px;scrollbar-color:#555 transparent}.app-mid{padding-right:8px}.queue{margin:0;background:#111;border:0;border-radius:24px;width:264px;overflow:hidden}.queue-head{padding:14px 14px 10px}.queue-head strong{font-size:14px;font-weight:700}.queue-scroll{padding:0 8px 12px}.queue-sec{font-size:12px;letter-spacing:.04em;color:#aaa}.q-row{border-radius:0;border-bottom:1px solid #292929;padding:9px 8px}.q-row.on{background:#466b28}.q-row.on .q-meta strong{color:white}.q-meta strong{font-size:13px;font-weight:400}.q-meta span{font-size:12px;color:#c7c7c7}.queue-empty{font-size:14px}.viz-box{margin:8px;border:0;background:#090909;border-radius:18px;overflow:hidden}.viz-bar{background:#111;font-size:12px}.viz-cambiar{font-family:inherit;font-weight:400;background:#272727;padding:6px 10px}.viz-medidor{top:6px;left:8px;right:8px;height:12px;opacity:.65}.viz-medidor span{font-size:10px}
.btn{font-size:14px;font-weight:400;padding:10px 18px}.btn-green,.cr-crear{background:var(--action);color:white}.btn-green:hover,.cr-crear:hover{background:#638f35;filter:none;transform:none}.btn-outline{border-color:#363636;background:transparent;color:#eee}.btn-outline:hover{background:#252525}.btn-ghost{color:#ccc}.pill{font-size:14px;border-color:#383838;background:transparent;color:#c5c5c5}.pill.on{background:#eee;color:#111;border-color:#eee}.pill:hover{border-color:#888}
h1{font-weight:700;font-size:34px;letter-spacing:-.025em}h2{font-weight:700;letter-spacing:-.015em}.cat-head h1{font-size:30px;font-weight:400;margin-bottom:12px}.cat-head h2{font-size:28px;font-weight:400}.eyebrow{color:#c3c3c3;letter-spacing:.08em}.panelhead h1{font-size:30px;font-weight:400}.panelhead p.dim{color:#b5b5b5}
.catalog-surface{margin:-30px;padding:32px 30px;min-height:100%;background:radial-gradient(ellipse 80% 310px at 65% 0%,#906859aa,transparent 100%),linear-gradient(180deg,#39272a 0%,#111 380px);border-radius:24px}.catalog-surface .cat-head{margin-bottom:24px}.grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:20px}.grid>.card{padding:0 0 10px;border:0;background:transparent;border-radius:20px}.grid>.card:hover,.grid>.card:focus-within{background:#ffffff08;border:0;transform:none}.cover{border-radius:22px;box-shadow:none}.cover-ph{background:linear-gradient(145deg,#53473a,#252525);color:#e3dacb}.grid>.card:nth-child(3n+2) .cover-ph{background:linear-gradient(145deg,#3b4b4a,#222);color:#eee}.grid>.card:nth-child(3n) .cover-ph{background:linear-gradient(145deg,#58423c,#222);color:#eee}.grid .card .t{font-weight:400;font-size:14px;margin:12px 0 4px}.grid .card .a{font-size:14px;margin:0;color:#c0c0c0}.grid .card .a:hover{color:#fff}.cardplay{background:white;color:#111;box-shadow:none;width:36px;height:36px;left:12px;right:auto;bottom:12px;opacity:1;transform:none;font-size:13px}.album-tag{background:#111b;border:0;color:white;right:10px;left:auto}.card-tools{margin:5px 0 -8px;gap:0}.card-tools .rowfav,.card-tools .track-menu{color:#ddd}
.album-hero{border:0;margin:-30px -30px 20px;padding:30px 30px 18px;border-radius:24px 24px 0 0}.album-hero .hero-title{font-size:36px;font-weight:700;letter-spacing:-.03em}.album-hero .album-cover-big{border:0;border-radius:18px;box-shadow:none}.album-hero .hero-meta{font-weight:400;color:#ccc}.album-hero .hero-meta a{font-weight:400}.album-hero .playbig{width:46px;height:46px;background:white;color:#111;box-shadow:none}.icon-btn{color:#eee;background:transparent;border-color:#505050}.song-toolbar{border:0;margin-bottom:6px}.song-search input{background:#ffffff04;border-color:#383838;color:#ddd}.song-toolbar .vista-btn.on{background:#2c2c2c;color:white}.song-toolbar .vista{border-color:#333}.song-columns{display:grid;grid-template-columns:22px 42px minmax(100px,1.5fr) minmax(80px,1fr) 36px 54px 36px;gap:12px;align-items:center;border-bottom:1px solid #ffffff20;padding:10px 12px;color:#aaa;font-size:12px}.song-columns>span:nth-child(6){text-align:right}
.card.trow.song-row,.tracklist.compacta .song-row{grid-template-columns:22px 42px minmax(100px,1.5fr) minmax(80px,1fr) 36px 54px 36px;gap:12px;min-height:62px;padding:8px 12px;border:0;border-radius:6px;background:transparent}.card.trow.song-row:hover{background:#ffffff07}.card.trow.song-row.playing{background:#ffffff06}.song-row .song-art{width:42px;height:42px;border-radius:10px;background:#292929}.song-row .trow-meta strong{font-weight:400;font-size:14px;color:#f5f5f5}.song-row.playing .trow-meta strong{color:#acd575}.song-row .trow-meta span{color:#bbb;font-size:13px}.song-row .wave-row,.song-row .wave-hueco,.song-row .song-plays{display:none}.song-album{display:block;font-size:14px;color:#d0d0d0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.song-row .song-duration{font-size:13px;color:#bdbdbd}.song-row .rowfav{color:#ddd}.song-row .rowfav.on{color:var(--green)}.tracklist.compacta .song-row{min-height:48px;padding-top:5px;padding-bottom:5px}.tracklist.compacta .song-row .song-art{width:32px;height:32px}.track-menu{color:#c7c7c7}.tracklist{gap:0}
.player{background:#111;border:0;border-radius:24px;margin:8px;padding:14px 20px;box-shadow:none;gap:20px}.p-cover{width:52px;height:52px;border:0;border-radius:5px;background:#242424}.p-meta strong{font-size:14px;font-weight:400}.p-meta span{font-size:12px;color:#bbb}.p-controls{gap:16px}.pic{color:#eee}.pic svg{stroke-width:1.8}.player .playbtn{background:transparent;color:#fff;width:40px;height:40px}.player .playbtn:hover{background:#272727;transform:none}.player .playbtn svg{width:27px;height:27px}.p-progress{font-size:12px;color:#bbb}.rango .rail{background:#2f2f2f;height:4px}.rango .rail::before{background:#729e3d}.player .wave-wrap{height:18px}.player .wave-wrap.con-onda .wave-canvas{display:none}.player .wave-wrap.con-onda .rango{opacity:1;position:relative;inset:auto;pointer-events:auto;flex:1;z-index:auto}.player .wave-wrap.con-onda .rango input[type=range]{pointer-events:auto}.p-vol{gap:10px}
.artist-cards{gap:18px}.artist-card,.artist-card.clickable:nth-child(n){background:#181818;border-color:#2c2c2c;border-radius:18px}.artist-card.clickable .artist-mini{border-radius:50%;box-shadow:none;border-color:#333}.artist-mini.ph{background:#292929;color:#eee}.artist-card.clickable strong{font-size:18px;font-weight:400}.artist-card.clickable:hover{border-color:#555;transform:none}.ver-mas{color:#bbb}.artist-card.nuevo{background:#151515;border-color:#3c3c3c}.artist-card.nuevo label{font-weight:400;color:#ddd}.ar-name{font-size:36px!important;font-weight:700;letter-spacing:-.03em}.ar-avatar{border-radius:50%;box-shadow:none}.ar-head{border-radius:24px 24px 0 0}.ar-page .hero-acciones{background:#111}.ar-page .sec-title{font-size:20px}.ar-page>.ar-head{margin-bottom:0}.ar-meta{color:#c4c4c4}
.formbox,.authbox,.albumbox,.stat{background:#181818;border-color:#303030;border-radius:18px;box-shadow:none}.authbox{max-width:460px}.authbox .btn{font-weight:400}.formbox label,label{color:#c2c2c2}input,select,textarea{background:#202020;border-color:#3a3a3a;color:#eee}input::placeholder,textarea::placeholder{color:#aaa}input[type=file]::file-selector-button{background:#303030;color:#eee}select option{background:#242424}.stat strong{color:#eee}.tabla{background:#151515}.tabla th{background:#1d1d1d;color:#bbb}.profile-settings{background:#161616}.profile-settings>summary{color:#ccc}.empty{background:#ffffff03;border-color:#383838;color:#bcbcbc}.empty p{color:#ccc}
.cr{grid-template-columns:360px minmax(0,1fr);gap:28px}.cr-panel{gap:14px}.cr-top{gap:12px;margin-bottom:6px}.cr-modos{background:#242424}.cr-modo{font-size:14px;font-weight:400;color:#bbb}.cr-modo.on{background:#ececec;color:#111}.cr-modelo select{font-weight:400}.cr-card{background:#191919;border:1px solid #303030;border-radius:16px;padding:18px}.cr-card-h{color:#ccc;font-size:12px;font-weight:400;letter-spacing:.05em}.cr-card textarea::placeholder,.cr-card input::placeholder{color:#aaa}.cr-card textarea:focus-visible,.cr-card input:focus-visible,.cr-card select:focus-visible{outline:2px solid #999;outline-offset:4px}.cr-card-f{color:#aaa;font-size:12px}.cr-crear{font-size:14px;font-weight:400;padding:12px 20px}.cr-chip{background:#2a2a2a;color:#ddd;font-size:13px}.cr-chip.on{background:#e5e5e5;color:#111}.cr-item{border-radius:8px;border-bottom:1px solid #262626}.cr-item.sonando,.cr-item.activa{background:#6e983915}.cr-tit strong{font-weight:400}.cr-tag,.cr-v{font-weight:400}.cr-v{background:#ddd;color:#111}.cr-pub{font-size:13px;font-weight:400;background:#303030}.cr-menu,.cr-modal-in,.ctxmenu{background:#242424;border-color:#444}.ctxmenu button:hover,.ctxmenu button:focus-visible,.cr-menu button:hover{background:#383838}.cr-desc,.cr-sub,.cr-cuota{color:#b1b1b1}.cr-lib h2{font-size:22px;font-weight:400}
@container(max-width:850px){.cr{grid-template-columns:1fr}.card.trow.song-row,.tracklist.compacta .song-row,.song-columns{grid-template-columns:22px 42px minmax(90px,1.5fr) minmax(70px,1fr) 36px 54px 36px}}
@container(max-width:620px){.song-row .song-album{display:none}.song-columns{display:none}.card.trow.song-row{grid-template-columns:42px minmax(60px,1fr) 36px 40px 36px;gap:8px}.tracklist.compacta .song-row{grid-template-columns:32px minmax(60px,1fr) 36px 40px 36px}.song-row .trow-no{display:none}}
@media(min-width:901px) and (max-width:1200px){.layout{grid-template-columns:200px minmax(0,1fr)}.brand{flex-basis:160px}.content{padding:26px}.catalog-surface{margin:-26px;padding:28px 26px}.album-hero{margin:-26px -26px 20px;padding:26px}.queue{top:76px;right:8px;bottom:116px;width:280px;border:1px solid #292929}}
@media(max-width:900px){.topbar{padding:14px 18px;gap:12px}.brand{flex:1}.sidebar{margin:0 8px 8px;padding:12px 14px;border-radius:20px}.sidebar h3{display:none}.primary-nav,.studio-nav{gap:4px}.genres a{font-size:14px;gap:8px}.app-mid{padding:0}.content{margin:0 8px;padding:24px 18px;border-radius:22px}.catalog-surface{margin:-24px -18px;padding:28px 18px;border-radius:22px}.album-hero{margin:-24px -18px 20px;padding:24px 18px}.album-hero .hero-title{font-size:30px}.queue{margin-right:8px;top:8px;bottom:170px;border-radius:22px;width:min(300px,calc(100vw - 16px))}.player{margin:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));gap:4px 12px;border-radius:22px}.p-cover{width:42px;height:42px}.player .playbtn{width:36px;height:36px}.song-columns,.song-row .song-album{display:none}.card.trow.song-row{grid-template-columns:42px minmax(60px,1fr) 36px 40px 36px;gap:8px}.tracklist.compacta .song-row{grid-template-columns:32px minmax(60px,1fr) 36px 40px 36px}.song-row .trow-no{display:none}.cr{grid-template-columns:1fr}.grid{gap:18px}.cover{border-radius:18px}.ar-name{font-size:30px!important}}
@media(max-width:480px){.album-hero .hero-title{font-size:26px}.cat-head h1{font-size:28px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid .card .t{font-size:14px}.grid .card .a{font-size:13px}.card.trow.song-row{grid-template-columns:36px minmax(45px,1fr) 32px 36px 32px;gap:6px}.song-row .song-art{width:36px;height:36px}.tracklist.compacta .song-row{grid-template-columns:30px minmax(45px,1fr) 32px 36px 32px}.tracklist.compacta .song-row .song-art{width:30px;height:30px}.p-meta strong{font-size:13px}.p-controls{gap:16px}.song-search{flex-basis:100%}.authbox{padding:20px}.sidebar h3:first-child{display:none}}

.control-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-btn{display:inline-flex;align-items:center;justify-content:center}