@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0a0e0c;--panel:#121a15;--line:#26342b;--text:#f4f8f5;--muted:#9baaa0;--green:#61e294;--green2:#28b96a}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 12% 12%,#173d29 0,transparent 40%),radial-gradient(ellipse at 95% 85%,#1a2b20 0,transparent 38%),var(--bg);font-family:'DM Sans',sans-serif;color:var(--text)}
.shell{width:min(1100px,100%);min-height:100vh;margin:auto;padding:36px 24px;display:grid;grid-template-columns:1fr 440px;gap:70px;align-items:center}
.brand{padding:18px 0}.brand-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#77f0a5,#1e9e58);color:#092012;font-size:35px;box-shadow:0 12px 40px #35c8762b}
.eyebrow{margin:42px 0 14px;color:var(--green);font-size:11px;letter-spacing:3px;font-weight:700}
h1{font:700 clamp(38px,5vw,62px)/1.02 'Space Grotesk',sans-serif;letter-spacing:-3px;margin:0;max-width:580px}
h1 span{color:var(--green)}.tagline{font-size:19px;font-weight:600;margin:22px 0 10px}.intro{color:var(--muted);line-height:1.75;max-width:410px}
.sound-bars{display:flex;gap:6px;align-items:center;height:45px;margin-top:45px}.sound-bars i{display:block;width:5px;border-radius:10px;background:var(--green);opacity:.7}.sound-bars i:nth-child(1),.sound-bars i:nth-child(9){height:13px}.sound-bars i:nth-child(2),.sound-bars i:nth-child(8){height:24px}.sound-bars i:nth-child(3),.sound-bars i:nth-child(7){height:34px}.sound-bars i:nth-child(4),.sound-bars i:nth-child(6){height:20px}.sound-bars i:nth-child(5){height:42px}
.auth-card{background:linear-gradient(145deg,#152019f5,#101612f5);border:1px solid var(--line);border-radius:25px;padding:26px;box-shadow:0 28px 100px #0008}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#0b100d;padding:5px;border-radius:13px;margin-bottom:28px}.tab{border:0;background:transparent;color:var(--muted);padding:12px 8px;border-radius:9px;font:600 13px inherit;cursor:pointer}.tab.active{background:#23392a;color:var(--green)}
h2{font:600 25px 'Space Grotesk',sans-serif;letter-spacing:-.6px;margin:0 0 8px}.muted{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 24px}
.auth-form{display:flex;flex-direction:column}.hidden{display:none!important}label{font-size:12px;color:#dce7df;font-weight:600;margin:0 0 8px}input{width:100%;background:#0b100d;border:1px solid #2a382e;color:var(--text);border-radius:11px;padding:14px 13px;font:14px 'DM Sans',sans-serif;outline:none;margin-bottom:17px}input:focus{border-color:var(--green);box-shadow:0 0 0 3px #61e29420}.primary{border:0;border-radius:11px;background:linear-gradient(100deg,#68e99a,#2bb96b);color:#092012;padding:14px 16px;font:700 14px 'DM Sans',sans-serif;cursor:pointer;display:flex;justify-content:space-between;align-items:center;margin-top:5px}.primary:disabled{opacity:.6;cursor:wait}.primary span{font-size:20px}.text-button{background:none;border:0;color:var(--green);padding:15px 5px 0;cursor:pointer;font:600 12px 'DM Sans',sans-serif}.notice{display:none;border:1px solid #365440;background:#13291b;color:#d7f8e1;border-radius:10px;padding:12px;font-size:12px;line-height:1.5;margin-top:18px}.notice.error{display:block;background:#301919;border-color:#6d3333;color:#ffdede}.notice.success{display:block}.legal{border-top:1px solid var(--line);padding-top:17px;margin:24px 0 0;color:#728077;font-size:10px;line-height:1.6;text-align:center}
@media(max-width:850px){.shell{grid-template-columns:1fr;gap:28px;max-width:520px;padding:28px 18px}.brand{padding:10px 0 0}.eyebrow{margin-top:24px}.intro{max-width:none}.sound-bars{margin-top:20px}.auth-card{padding:22px}}
.shell:has(.music-app:not(.hidden)){width:min(1120px,100%);grid-template-columns:1fr;align-items:start;padding-top:6vh}.shell:has(.music-app:not(.hidden))>.brand{display:none}.music-app{width:100%;background:linear-gradient(145deg,#152019f5,#101612f5);border:1px solid var(--line);border-radius:25px;padding:28px;box-shadow:0 28px 100px #0008}.music-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.music-header .eyebrow{margin:0 0 8px}.music-header h2{font-size:30px}.music-nav{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:22px 0;padding-bottom:12px}.music-tab{border:1px solid transparent;border-radius:10px;padding:10px 15px;background:transparent;color:var(--muted);font:600 13px 'DM Sans',sans-serif;cursor:pointer}.music-tab.active{background:#203629;color:var(--green);border-color:#31533c}.music-screen h3{font:600 20px 'Space Grotesk',sans-serif;margin:0 0 10px}.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:14px 0 16px}.catalog-heading .muted{margin:0}.catalog-heading input{max-width:340px;margin:0}.track-list{display:flex;flex-direction:column;gap:9px}.track-card{display:flex;align-items:center;gap:15px;padding:12px;border:1px solid #24342a;background:#0e1511;border-radius:14px}.track-cover{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#247247,#133821);color:var(--green);font-size:25px}.track-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.track-info strong,.track-info span,.track-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-info strong{font-size:14px}.track-info span{font-size:12px;color:#c1cdc5}.track-info small{font-size:11px;color:var(--muted)}.play-button,.favorite-button{width:38px;height:38px;flex:0 0 38px;border:1px solid #344b39;border-radius:50%;background:#17251b;color:var(--green);font-size:15px;cursor:pointer}.favorite-button{font-size:21px;color:#f08da2}.empty-state{color:var(--muted);font-size:13px;padding:24px;text-align:center;border:1px dashed #344238;border-radius:14px}.player{position:sticky;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 17px;margin-top:20px;border:1px solid #31533c;border-radius:15px;background:#13241a;box-shadow:0 12px 40px #0008}.player-track{display:flex;flex-direction:column;gap:4px;min-width:0}.player-track strong,.player-track span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-track strong{font-size:13px}.player-track span{font-size:11px;color:var(--muted)}.player audio{width:min(480px,55%);height:38px;accent-color:var(--green)}.admin-setup{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-track-form{display:flex;flex-direction:column;gap:0;padding:18px;margin:15px 0;border:1px solid #293b2e;border-radius:15px;background:#0d1410}.admin-track-form h4{font:600 16px 'Space Grotesk',sans-serif;margin:0 0 16px}.admin-track-form input,.admin-track-form select,.admin-track-form textarea{width:100%;background:#0b100d;border:1px solid #2a382e;color:var(--text);border-radius:10px;padding:11px 12px;font:13px 'DM Sans',sans-serif;outline:none;margin-bottom:14px}.admin-track-form select option{background:#101713}.admin-track-form input[type=file]{padding:9px}.admin-track-form .check-label{display:flex;align-items:flex-start;gap:9px;line-height:1.5}.admin-track-form .check-label input{width:auto;margin:2px 0 12px;accent-color:var(--green)}.release-admin-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:10px 3px;font-size:12px;color:#d9e4dc}.release-admin-row .text-button{padding:6px}.music-app .notice{margin:16px 0 0}.music-app .legal{display:none}
@media(max-width:700px){.shell:has(.music-app:not(.hidden)){padding:18px 12px}.music-app{padding:18px}.catalog-heading{align-items:stretch;flex-direction:column}.catalog-heading input{max-width:none}.admin-setup{grid-template-columns:1fr}.player{align-items:stretch;flex-direction:column;gap:10px}.player audio{width:100%}.music-header h2{font-size:24px}}
/* Authenticated listening app */
body:has(.music-app:not(.hidden)){background:#0b100e}
.shell:has(.music-app:not(.hidden)){display:block;width:100%;max-width:none;min-height:100vh;margin:0;padding:0}
.shell:has(.music-app:not(.hidden))>.brand{display:none}
.music-app{position:relative;display:grid;grid-template-columns:238px minmax(0,1fr);width:100%;min-height:100vh;padding:0 0 112px;background:#0b100e;border:0;border-radius:0;box-shadow:none;color:#f4f7f4}
.app-sidebar{position:fixed;z-index:5;inset:0 auto 0 0;width:238px;display:flex;flex-direction:column;padding:28px 16px 18px;background:#0e1511;border-right:1px solid #202a23}
.app-brand{display:flex;align-items:center;gap:11px;padding:0 6px;color:#f4f7f4;text-decoration:none;font:700 13px 'Space Grotesk',sans-serif;letter-spacing:-.2px;white-space:nowrap}
.app-brand .brand-mark,.mobile-brand .brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#77f0a5,#1e9e58);color:#092012;font-size:22px;box-shadow:none}
.app-brand b,.mobile-brand em{color:var(--green);font-style:normal}
.sidebar-label{margin:35px 10px 11px;color:#627167;font-size:9px;font-weight:700;letter-spacing:1.6px}.library-label{margin-top:29px}
.app-nav{display:flex;flex-direction:column;gap:4px}.music-app .music-tab{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:1px solid transparent;border-radius:10px;text-align:left;color:#9aa79e;font-size:12px;font-weight:600}.music-app .music-tab>span{width:18px;text-align:center;font-size:18px;font-weight:400}.music-app .music-tab:hover{background:#141f18;color:#e4eee7}.music-app .music-tab.active{background:#1a2b20;border-color:#253e2d;color:#68e99a}
.sidebar-user{display:flex;align-items:center;gap:10px;margin-top:auto;padding:15px 3px 3px;border-top:1px solid #222d25}.avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #416448;border-radius:50%;background:#203b29;color:#91f0b0;font:700 11px 'Space Grotesk',sans-serif}.sidebar-user>div:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.sidebar-user strong,.sidebar-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user strong{font-size:11px}.sidebar-user small{color:#839087;font-size:10px}.sidebar-user>button{width:29px;height:29px;border:0;border-radius:8px;background:transparent;color:#aebbb2;font-size:17px;cursor:pointer}.sidebar-user>button:hover{background:#203329;color:#fff}
.app-main{grid-column:2;min-width:0}.app-topbar{position:sticky;z-index:4;top:0;height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(24px,5vw,70px);border-bottom:1px solid #1d2821;background:#0b100eea;backdrop-filter:blur(18px)}.global-search{display:flex;align-items:center;gap:12px;width:min(470px,60%);height:42px;padding:0 14px;border:1px solid #27352b;border-radius:12px;background:#111914;color:#6fe39a}.global-search>span{font-size:22px;line-height:1}.global-search input{height:100%;flex:1;margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:#edf4ef;font-size:12px}.global-search input:focus{box-shadow:none}.global-search kbd{padding:4px 6px;border:1px solid #2b3b30;border-radius:5px;color:#69766e;font:10px 'DM Sans',sans-serif}.top-profile{display:flex;align-items:center;gap:9px;border:0;background:none;color:#e8eee9;font:600 11px 'DM Sans',sans-serif;cursor:pointer}.top-profile>.avatar{width:30px;height:30px}.top-profile>span:last-child{color:#738077}.mobile-brand{display:none}
.app-content{width:min(1120px,100%);margin:0 auto;padding:38px clamp(24px,5vw,70px) 50px}.music-app .eyebrow{margin:0 0 8px;color:#66de91;font-size:9px;letter-spacing:1.8px}.welcome-strip{position:relative;overflow:hidden;display:flex;min-height:220px;align-items:center;justify-content:space-between;padding:35px 42px;border:1px solid #285236;border-radius:20px;background:radial-gradient(ellipse at 86% 20%,#285f3c 0,transparent 40%),linear-gradient(115deg,#153522,#101b14 74%)}.welcome-strip:after{position:absolute;right:18%;bottom:-115px;width:280px;height:280px;border:1px solid #4e966232;border-radius:50%;content:"";box-shadow:0 0 0 28px #4e966215,0 0 0 58px #4e96620e}.welcome-strip>div:first-child{position:relative;z-index:1}.welcome-strip h1,.page-heading h1{margin:0;color:#f4f8f5;font:700 clamp(29px,4vw,43px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-1.6px}.welcome-strip p:not(.eyebrow){margin:11px 0 0;color:#b5c5ba;font-size:13px}.hero-note{position:relative;z-index:1;display:grid;width:110px;height:110px;place-items:center;border:1px solid #89e6a044;border-radius:30px;background:linear-gradient(145deg,#59d888,#1e9e58);color:#0c2616;font-size:68px;transform:rotate(8deg);box-shadow:0 20px 60px #071c1066}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:32px 0 16px}.section-heading h2,.home-section h2{margin:0;color:#f1f5f2;font:600 19px 'Space Grotesk',sans-serif;letter-spacing:-.4px}.see-all{border:0;background:none;color:#70e39a;font:600 11px 'DM Sans',sans-serif;cursor:pointer}.see-all span{margin-left:5px}.browse-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.browse-tile{position:relative;overflow:hidden;display:flex;min-height:126px;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:5px;padding:17px;border:1px solid transparent;border-radius:15px;color:#fff;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease}.browse-tile:hover{transform:translateY(-3px);border-color:#ffffff4a}.browse-tile>span{position:absolute;top:14px;right:15px;font-size:32px;opacity:.8}.browse-tile strong{font:600 15px 'Space Grotesk',sans-serif}.browse-tile small{color:#ffffffbd;font-size:10px}.tile-green{background:linear-gradient(135deg,#226a42,#153d2b)}.tile-blue{background:linear-gradient(135deg,#315e73,#1d3446)}.tile-violet{background:linear-gradient(135deg,#614681,#352b49)}.tile-orange{background:linear-gradient(135deg,#9a5c35,#583722)}.home-section{margin-top:35px}.home-section .section-heading{margin-top:0}.home-section .empty-state{min-height:100px}.track-list{display:flex;flex-direction:column;gap:3px}.track-row{display:grid;grid-template-columns:30px 42px minmax(0,1fr) 50px 34px 34px;align-items:center;gap:13px;min-height:65px;padding:7px 10px;border:1px solid transparent;border-radius:10px;transition:background .15s ease}.track-row:hover{border-color:#26372a;background:#111a14}.track-index{color:#65736a;font-size:11px;text-align:center}.artwork{position:relative;overflow:hidden;display:grid;place-items:center;flex:0 0 auto;border:1px solid #ffffff18;border-radius:12px;background:radial-gradient(circle at 70% 25%,#8ee3a44c,transparent 30%),linear-gradient(145deg,#2b7147,#142c1e);color:#d9ffe4;font:700 18px 'Space Grotesk',sans-serif;letter-spacing:-1px}.artwork>span{position:relative;z-index:1;text-shadow:0 2px 15px #07200d}.track-row>.artwork{width:42px;height:42px;border-radius:9px;font-size:13px}.track-meta{display:flex;min-width:0;flex-direction:column;gap:3px}.track-title{overflow:hidden;color:#edf4ef;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.inline-link,.track-release-link{width:max-content;max-width:100%;overflow:hidden;padding:0;border:0;background:none;color:#a4b0a8;font:10px 'DM Sans',sans-serif;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.inline-link:hover,.track-release-link:hover{color:#75e49c}.track-release-link{color:#758279;font-size:9px}.track-duration{color:#8a968e;font-size:10px;text-align:right}.round-control,.heart-control{width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#b5c3b9;font-size:12px;cursor:pointer}.round-control{opacity:.65}.track-row:hover .round-control,.round-control:focus-visible{opacity:1;background:#1a3423;color:#75e49c}.heart-control{color:#77837a;font-size:19px}.heart-control:hover,.heart-control.is-favorite{color:#72e49a}
.artist-grid,.release-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.artist-card,.release-card{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:10px;padding:11px;border:1px solid transparent;border-radius:14px;background:#111713;color:#fff;text-align:left;cursor:pointer;transition:border-color .15s ease,transform .15s ease,background .15s ease}.artist-card:hover,.release-card:hover{transform:translateY(-2px);border-color:#304d36;background:#141d17}.artist-card>.artwork{width:min(100%,150px);aspect-ratio:1/1;align-self:center;border-radius:50%;background:radial-gradient(circle at 72% 25%,#a3f1b45a,transparent 29%),linear-gradient(150deg,#387c50,#192e20);font-size:27px}.artist-card-name,.release-card-title{max-width:100%;overflow:hidden;color:#f2f7f3;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.artist-card-region,.release-card-artist{max-width:100%;overflow:hidden;color:#89958d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.release-card>.artwork{width:100%;aspect-ratio:1/1;border-radius:12px;background:radial-gradient(circle at 80% 20%,#dbb86e52,transparent 28%),linear-gradient(145deg,#3f5940,#252b22);font-size:31px}.release-card:nth-child(3n+2)>.artwork{background:radial-gradient(circle at 80% 20%,#9fe8eb4f,transparent 28%),linear-gradient(145deg,#335c68,#20323b)}.release-card:nth-child(3n)>.artwork{background:radial-gradient(circle at 80% 20%,#e3a2d94f,transparent 28%),linear-gradient(145deg,#634666,#352b3d)}.release-card-meta{display:flex;width:100%;flex-direction:column;gap:4px}.release-card-type{color:#65736a;font-size:9px}.compact-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.compact-grid .artist-card{padding:9px}.compact-grid .artist-card>.artwork{width:100%;font-size:20px}
.page-heading{margin:8px 0 24px}.page-heading>p:last-child{margin:8px 0 0;color:#96a39a;font-size:12px}.page-heading h1{font-size:34px}.music-app .empty-state{grid-column:1/-1;display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;padding:30px;border:1px dashed #28382d;border-radius:16px;background:#0f1511;text-align:center}.empty-mark{display:grid;width:42px;height:42px;place-items:center;margin-bottom:13px;border-radius:14px;background:#183522;color:#68e294;font-size:23px}.empty-state strong{color:#dbe6de;font:600 13px 'Space Grotesk',sans-serif}.empty-state p{max-width:320px;margin:7px 0 0;color:#7e8a82;font-size:11px;line-height:1.6}
.detail-hero{display:flex;align-items:center;gap:28px;margin:25px 0 30px;padding:26px;border:1px solid #2b4030;border-radius:18px;background:linear-gradient(120deg,#18251c,#111713)}.detail-hero>.artwork{width:170px;height:170px;border-radius:16px;font-size:32px}.artist-detail-hero>.artwork{border-radius:50%}.detail-meta{min-width:0}.detail-meta h1{margin:6px 0;font:700 clamp(26px,4vw,38px) 'Space Grotesk',sans-serif;letter-spacing:-1px}.detail-meta>p{margin:7px 0;color:#a4b1a8;font-size:12px}.detail-meta .detail-bio{max-width:610px;margin-top:14px;line-height:1.7}.detail-artist-link{font-size:13px}.detail-section-title{margin:27px 0 13px;color:#f1f5f2;font:600 18px 'Space Grotesk',sans-serif}.back-link{padding:7px 0;border:0;background:none;color:#7be49d;font:600 11px 'DM Sans',sans-serif;cursor:pointer}.detail-date{text-transform:capitalize}
.profile-card{max-width:650px;padding:24px;border:1px solid #28392d;border-radius:18px;background:linear-gradient(145deg,#151e18,#101511)}.profile-summary{display:flex;align-items:center;gap:18px}.profile-summary>.artwork{width:78px;height:78px;border-radius:50%;font-size:23px}.profile-meta{display:flex;flex:1;flex-direction:column;gap:4px}.profile-meta h2{margin:0;font:600 21px 'Space Grotesk',sans-serif}.profile-meta p{margin:0;color:#a7b3aa;font-size:12px}.role-badge{width:max-content;margin-top:5px;padding:5px 9px;border:1px solid #38543d;border-radius:20px;background:#18291d;color:#73df96;font-size:9px}
.music-app .admin-setup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-track-form{display:flex;flex-direction:column;gap:0;margin:0 0 17px;padding:21px;border:1px solid #26372b;border-radius:16px;background:#101713}.admin-track-form h2{margin:3px 0 5px;font:600 18px 'Space Grotesk',sans-serif}.admin-track-form>p{margin:0 0 18px;color:#89958d;font-size:10px;line-height:1.6}.form-step{display:grid;width:29px;height:29px;place-items:center;border:1px solid #36553b;border-radius:9px;background:#192b1e;color:#7be49d;font:600 10px 'Space Grotesk',sans-serif}.admin-track-form label{margin:0 0 7px;font-size:10px}.admin-track-form input,.admin-track-form select,.admin-track-form textarea{width:100%;margin:0 0 14px;padding:11px 12px;border:1px solid #29372d;border-radius:9px;background:#0a100c;color:#eaf1ec;font:11px 'DM Sans',sans-serif}.admin-track-form input:focus,.admin-track-form select:focus,.admin-track-form textarea:focus{border-color:#63d88a;outline:none}.admin-track-form input[type=file]{padding:8px}.admin-track-form .check-label{display:flex;align-items:flex-start;gap:8px;margin:0 0 12px;color:#bbc7be;font-weight:400;line-height:1.5}.admin-track-form .check-label input{width:auto;margin:1px 0 0;accent-color:#62df8e}.track-upload-form{margin-top:3px}.track-fields{display:grid;grid-template-columns:1fr 110px;gap:13px}.track-fields>div{display:flex;flex-direction:column}.music-app .primary{margin-top:2px}.admin-list-head{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin:30px 0 12px}.admin-list-head h2{margin:0;font:600 17px 'Space Grotesk',sans-serif}.admin-list-head>span{color:#7f8d83;font-size:10px}.admin-releases{display:flex;flex-direction:column;gap:7px}.admin-release-row{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #243329;border-radius:11px;background:#0f1511}.admin-release-row>.artwork{width:39px;height:39px;border-radius:9px;font-size:11px}.admin-release-info{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.admin-release-info strong{overflow:hidden;color:#ebf2ed;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.admin-release-info span{color:#87948b;font-size:10px}.status-pill{padding:5px 8px;border:1px solid #354638;border-radius:20px;color:#a3b0a6;font-size:9px}.status-published{border-color:#355c40;background:#17291c;color:#7ce29c}.secondary-button{padding:8px 11px;border:1px solid #42654a;border-radius:8px;background:#193121;color:#86e5a4;font:600 10px 'DM Sans',sans-serif;cursor:pointer}.secondary-button:disabled{opacity:.55;cursor:wait}.music-app .notice{margin:16px 0 0}.music-app .legal{display:none}
.player{position:fixed;z-index:10;right:0;bottom:0;left:238px;display:grid;grid-template-columns:minmax(190px,1fr) minmax(300px,1.3fr) minmax(120px,.7fr);align-items:center;gap:25px;min-height:92px;padding:12px 28px;border:0;border-top:1px solid #26372b;border-radius:0;background:#101713f5;box-shadow:0 -10px 38px #0005;backdrop-filter:blur(15px)}.player-now{display:flex;min-width:0;align-items:center;gap:11px}.player-cover{width:49px;height:49px;display:grid;flex:0 0 auto;place-items:center;border:1px solid #ffffff18;border-radius:10px;background:linear-gradient(145deg,#327548,#172d1e);color:#c9f9d5;font:700 14px 'Space Grotesk',sans-serif}.player-track{display:flex;min-width:0;flex:1;flex-direction:column;gap:5px}.player-track strong{overflow:hidden;color:#eff5f0;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.player-artist{width:max-content;max-width:100%;overflow:hidden;padding:0;border:0;background:none;color:#8c9a90;font:10px 'DM Sans',sans-serif;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.player-artist:hover{color:#79e49d}.player-now .heart-control{flex:0 0 auto}.player-center{display:flex;flex-direction:column;align-items:center;gap:6px}.player-controls{display:flex;align-items:center;justify-content:center;gap:20px}.player-controls>button{width:28px;height:28px;border:0;border-radius:50%;background:none;color:#aab7ae;font-size:13px;cursor:pointer}.player-controls>button:hover,.player-controls>button.control-active{color:#6de394}.player-controls .play-toggle{width:31px;height:31px;background:#edf5ef;color:#0b120d;font-size:12px}.progress-row{display:flex;width:100%;align-items:center;gap:9px;color:#7d8981;font-size:9px}.progress-row input,.player-volume input{height:3px;margin:0;padding:0;accent-color:#64df8f;cursor:pointer}.progress-row input{flex:1}.player-volume{display:flex;align-items:center;justify-content:flex-end;gap:9px;color:#86948b;font-size:16px}.player-volume input{width:90px}
@media(max-width:1050px){.artist-grid,.release-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.player{grid-template-columns:minmax(160px,1fr) minmax(260px,1.3fr) 100px;gap:13px;padding-right:18px;padding-left:18px}.player-volume input{width:65px}}
@media(max-width:760px){.music-app{display:block;padding-bottom:145px}.app-sidebar{inset:auto 0 0;width:auto;height:62px;flex-direction:row;justify-content:center;padding:5px 8px calc(5px + env(safe-area-inset-bottom));border-top:1px solid #263229;border-right:0;background:#101713f5}.app-brand,.sidebar-label,.sidebar-user{display:none}.app-nav{width:100%;flex-direction:row;justify-content:space-around;gap:2px}.app-sidebar .app-nav:nth-of-type(2){display:none}.music-app .app-nav .music-tab{width:auto;min-width:52px;flex:1;flex-direction:column;gap:1px;padding:4px 2px;font-size:8px}.music-app .app-nav .music-tab>span{font-size:17px}.app-main{margin:0}.app-topbar{height:62px;gap:12px;padding:0 14px}.mobile-brand{display:flex;align-items:center;gap:7px;white-space:nowrap;font:700 9px 'Space Grotesk',sans-serif}.mobile-brand .brand-mark{width:29px;height:29px;border-radius:9px;font-size:19px}.global-search{width:auto;height:36px;flex:1;gap:6px;padding:0 9px}.global-search>span{font-size:18px}.global-search input{font-size:10px}.global-search kbd{display:none}.top-profile{gap:0}.top-profile>span:not(.avatar){display:none}.top-profile>.avatar{width:29px;height:29px}.app-content{padding:22px 15px 35px}.welcome-strip{min-height:180px;padding:25px 22px}.welcome-strip h1{font-size:29px}.welcome-strip p:not(.eyebrow){max-width:220px;font-size:11px}.hero-note{width:68px;height:68px;border-radius:21px;font-size:43px}.browse-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.browse-tile{min-height:105px;padding:13px}.browse-tile strong{font-size:13px}.browse-tile small{font-size:9px}.artist-grid,.release-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.artist-card,.release-card{padding:8px}.compact-grid .artist-card>.artwork{font-size:17px}.track-row{grid-template-columns:20px 39px minmax(0,1fr) 33px 30px;gap:8px;padding:6px 2px}.track-row>.artwork{width:39px;height:39px}.track-duration{display:none}.track-title{font-size:11px}.track-index{font-size:9px}.track-release-link{font-size:8px}.track-row .round-control,.track-row .heart-control{width:28px;height:28px}.page-heading h1{font-size:29px}.detail-hero{align-items:flex-start;gap:16px;margin:18px 0 22px;padding:16px}.detail-hero>.artwork{width:105px;height:105px;border-radius:13px;font-size:24px}.detail-meta h1{font-size:25px}.detail-meta>p{font-size:10px}.detail-meta .detail-bio{max-height:110px;overflow:auto}.music-app .admin-setup{grid-template-columns:1fr}.profile-card{padding:17px}.player{right:0;bottom:62px;left:0;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;min-height:76px;padding:8px 13px;border-bottom:1px solid #26372b}.player-now{grid-column:1;grid-row:1}.player-cover{width:42px;height:42px}.player-center{grid-column:2;grid-row:1;gap:1px}.player-controls{gap:6px}.player-controls>button{width:26px;height:26px;font-size:11px}.player-controls>button:nth-child(2),.player-controls>button:nth-child(5){display:none}.player-center .progress-row{position:absolute;right:13px;bottom:4px;left:13px;width:auto}.player-volume{display:none}.player-favorite{display:none}.player-now .heart-control{display:none}.music-app .notice{font-size:10px}.admin-list-head{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:390px){.mobile-brand{font-size:8px}.mobile-brand .brand-mark{width:26px;height:26px}.app-topbar{padding:0 10px}.top-profile>.avatar{width:26px;height:26px}.global-search input::placeholder{font-size:9px}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-strip h1{font-size:25px}.welcome-strip{padding:22px 17px}}
.track-row{grid-template-columns:30px 42px minmax(0,1fr) 48px 30px 34px 34px}.add-list-control{width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#87948b;font-size:20px;line-height:1;cursor:pointer}.add-list-control:hover{background:#1a3423;color:#7be49d}.track-meta{position:relative}.playlist-picker{position:absolute;z-index:8;top:48px;right:-70px;display:flex;width:190px;flex-direction:column;gap:4px;padding:10px;border:1px solid #344a38;border-radius:12px;background:#151f18;box-shadow:0 15px 35px #000a}.playlist-picker>strong{padding:5px 7px 8px;color:#e7f1e9;font-size:10px}.playlist-picker>p{padding:3px 7px;color:#9eaba1;font-size:10px;line-height:1.5}.playlist-picker>button{overflow:hidden;padding:8px;border:0;border-radius:7px;background:transparent;color:#ccd6ce;font:10px 'DM Sans',sans-serif;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.playlist-picker>button:hover{background:#22372a;color:#83e4a2}.playlist-create{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;max-width:650px;margin:0 0 22px;padding:17px;border:1px solid #293b2e;border-radius:15px;background:#101713}.playlist-create label{grid-column:1/-1;margin:0 0 -5px;color:#dce7df;font-size:10px;font-weight:600}.playlist-create input{height:43px;margin:0;padding:0 12px;border:1px solid #29372d;border-radius:9px;background:#0a100c;color:#eaf1ec;font:11px 'DM Sans',sans-serif}.playlist-create .primary{min-width:135px;margin:0}.playlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.playlist-card{position:relative;overflow:visible;border:1px solid #26372b;border-radius:15px;background:#111713}.playlist-open{display:flex;width:100%;align-items:center;gap:12px;padding:12px;border:0;background:transparent;text-align:left;cursor:pointer}.playlist-open>.artwork{width:58px;height:58px;border-radius:11px;background:linear-gradient(145deg,#255c39,#17291d);font-size:18px}.playlist-stack{position:absolute;inset:7px;display:block;border:1px solid #d3ffdc28;border-radius:7px;transform:rotate(-8deg)}.playlist-card-meta{display:flex;min-width:0;flex-direction:column;gap:5px}.playlist-card-meta strong{overflow:hidden;color:#eef4ef;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.playlist-card-meta small{color:#819087;font-size:9px}.playlist-delete{position:absolute;top:9px;right:9px;width:24px;height:24px;border:0;border-radius:50%;background:#1a241d;color:#99a59c;font-size:15px;cursor:pointer}.playlist-delete:hover{color:#ff9f9f}.profile-edit-form{display:flex;max-width:650px;flex-direction:column;margin-top:15px;padding:22px;border:1px solid #26372b;border-radius:16px;background:#101713}.profile-edit-form h2{margin:0 0 5px;font:600 17px 'Space Grotesk',sans-serif}.profile-edit-form>p{margin:0 0 18px;color:#89958d;font-size:10px;line-height:1.6}.profile-edit-form label{margin:0 0 7px;font-size:10px}.profile-edit-form input{max-width:390px;margin:0 0 14px;padding:11px 12px;border:1px solid #29372d;border-radius:9px;background:#0a100c;color:#eaf1ec;font:11px 'DM Sans',sans-serif}.profile-edit-form .primary{width:min(100%,240px)}
@media(max-width:760px){.track-row{grid-template-columns:20px 39px minmax(0,1fr) 27px 28px 28px;gap:7px}.track-row .track-duration{display:none}.track-row .add-list-control{grid-column:4}.music-app .app-sidebar .app-nav:nth-of-type(2){display:flex}.app-sidebar{height:69px;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;gap:3px}.app-sidebar .app-nav{width:auto;flex:0 0 auto;justify-content:flex-start}.music-app .app-nav .music-tab{min-width:43px;flex:0 0 auto;padding:4px 5px}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.playlist-open{gap:8px;padding:9px 7px}.playlist-open>.artwork{width:45px;height:45px;font-size:14px}.playlist-card-meta strong{font-size:9px}.playlist-card-meta small{font-size:8px}.playlist-delete{top:5px;right:4px;width:20px;height:20px}.playlist-create{grid-template-columns:minmax(0,1fr) 112px;padding:12px;gap:8px}.playlist-create .primary{min-width:0;padding:12px 10px;font-size:10px}.playlist-picker{right:-70px;width:170px}}