:root{--bg:#0e1110;--panel:#151917;--line:#282e2a;--text:#f2f4ef;--muted:#939d94;--accent:#d4f779}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled){filter:brightness(1.12)}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible){outline:2px solid var(--accent);outline-offset:3px}a{text-decoration:none}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.6px;font-size:40px;font-weight:600}h2{font-weight:600}input,select,textarea{color:var(--text);background:#121612;border:1px solid #363e36;border-radius:8px;width:100%;padding:12px}textarea{resize:vertical;min-height:85px}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input::placeholder,textarea::placeholder{color:#778077}.sidebar{border-right:1px solid var(--line);background:#111512;flex-direction:column;width:230px;padding:36px 22px 18px;display:flex;position:fixed;top:0;bottom:94px}.brand{letter-spacing:-1px;align-items:center;gap:9px;font-size:25px;font-weight:700;display:flex}.brand svg,.brand-dot{color:var(--accent)}.private-tag{letter-spacing:1.4px;color:#abb79d;align-items:center;gap:7px;margin:22px 0 42px;font-size:8px;display:flex}.private-tag span,.hero-label span{background:var(--accent);border-radius:50%;width:5px;height:5px}.nav-label{color:#677569;letter-spacing:1.7px;margin:0 13px 14px;font-size:9px}nav{gap:7px;margin-bottom:32px;display:grid}nav button{text-align:left;color:#9ca69d;border-radius:8px;align-items:center;gap:12px;padding:12px 13px;display:flex}nav button.active{color:var(--accent);background:#253022}nav small{background:#3b482d;border-radius:4px;margin-left:auto;padding:3px 5px;font-size:10px}.sidebar-bottom{margin-top:auto}.create-note{background:linear-gradient(135deg,#252c21,#182019);border:1px solid #35412a;border-radius:10px;padding:18px 15px}.create-note>svg{color:var(--accent);width:20px}.create-note h3{margin:12px 0 8px;font-size:13px}.create-note p{color:#97a28d;font-size:11px;line-height:1.8}.create-note button{color:var(--accent);align-items:center;gap:14px;padding:15px 0 0;font-size:11px;font-weight:700;display:flex}.user{text-align:left;align-items:center;gap:10px;width:100%;margin-top:22px;padding:0;display:flex}.avatar{width:34px;height:34px;color:var(--accent);background:#35452a;border:1px solid #4c6039;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.user>span:nth-child(2){flex:1;min-width:0}.user b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.user small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.user>svg{color:var(--muted)}main{max-width:1800px;margin-left:230px;padding:0 42px 115px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;height:96px;display:flex}.breadcrumb{color:#bcc5ba;font-size:12px}.breadcrumb span{color:#525f52;padding:0 12px}.header-actions{align-items:center;gap:18px;display:flex}.search{color:#7b887d;align-items:center;gap:10px;display:flex}.search input{outline-offset:2px;background:0 0;border:0;width:230px;padding:8px 0;font-size:12px}.primary{background:var(--accent);color:#182010;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-size:12px;font-weight:700;display:inline-flex}.page-heading{justify-content:space-between;align-items:center;gap:20px;padding:34px 0 30px;display:flex}.eyebrow{color:#a9bc8e;letter-spacing:2px;margin-bottom:12px;font-size:9px;font-weight:700}.subheading{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.6}.member-pill{white-space:nowrap;color:#acb7a5;border:1px solid var(--line);border-radius:20px;align-items:center;gap:7px;padding:8px 12px;font-size:10px;display:flex}.hero{background:radial-gradient(at 75% 80%,#4a5c30 0,#0000 54%),linear-gradient(110deg,#242e20,#1a251b);border:1px solid #3c4934;border-radius:13px;grid-template-columns:1.1fr 1fr;min-height:310px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1;padding:34px}.hero-label{letter-spacing:1.6px;color:#cadbb2;align-items:center;gap:8px;font-size:8px;display:flex}.hero h2{letter-spacing:-2px;margin:22px 0 16px;font-size:49px;line-height:1.06}.hero p{color:#b4c0a4;font-size:12px;line-height:1.8}.hero-button{background:var(--accent);color:#172010;border-radius:6px;align-items:center;gap:10px;margin-top:24px;padding:12px 16px;font-size:12px;font-weight:700;display:flex}.hero-art{justify-content:center;align-items:center;display:flex;position:relative}.vinyl{z-index:1;background:repeating-radial-gradient(circle,#141a13 0 2px,#303929 3px,#171e15 4px);border:2px solid #566543;border-radius:50%;place-items:center;width:250px;height:250px;display:grid;position:relative;transform:rotate(-22deg);box-shadow:14px 25px 40px #0008}.vinyl-label{color:#26321b;background:#d4f779;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:90px;height:90px;display:flex}.vinyl-label span{letter-spacing:1px;font-size:7px}.rings{background:repeating-radial-gradient(circle,#0000 0 42px,#89a96118 43px,#0000 44px);border-radius:50%;width:420px;height:420px;position:absolute}.art-caption{letter-spacing:2px;color:#aebf8e;font-size:7px;position:absolute;bottom:20px;right:30px}.art-star{color:#aaca78;font-size:45px;position:absolute;top:24px;right:25px}.library{margin-top:34px}.section-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.section-top h2,.panel h2{letter-spacing:-.4px;font-size:19px}.section-top h2 span,.panel h2 span{vertical-align:middle;color:#b1bd9e;background:#242b23;border-radius:5px;margin-left:8px;padding:4px 7px;font-size:10px}.sort-label{color:#7f8d7f;font-size:10px}.filters{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.filters button{color:#a6b19d;border:1px solid #2e372c;border-radius:20px;padding:8px 14px;font-size:10px}.filters button.selected{color:#d5edb6;background:#29351e;border-color:#576b38}.track-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.track-card{min-width:0}.cover-button{text-align:left;width:100%;padding:0;display:block;position:relative}.cover{aspect-ratio:1.12;color:#d5f4a9;background:#365646;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.orb{border:20px solid #d2edab88;border-radius:50%;width:68%;height:125%;position:absolute;top:-25%;left:38%;transform:rotate(-35deg);box-shadow:0 0 60px #cfeeac44}.second{border:1px solid #d2edab88;top:26%;left:-22%}.cover>svg{width:45px;height:45px;position:relative}.cover>span{letter-spacing:2px;font-size:8px;font-weight:700;position:absolute;bottom:16px;left:16px}.cover-1{color:#d4b9e6;background:linear-gradient(135deg,#352341,#734d7b)}.cover-1 .orb{border-color:#c8a5e188}.cover-2{color:#f3dda7;background:linear-gradient(140deg,#544424,#a48553)}.cover-2 .orb{border-color:#eedcad88}.cover-3{color:#b3e4e3;background:linear-gradient(140deg,#1f404a,#467482)}.cover-3 .orb{border-color:#a8e9e088}.play-overlay{background:var(--accent);color:#182010;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;bottom:13px;right:13px;box-shadow:0 4px 20px #0004}.track-title{align-items:center;gap:7px;margin:13px 0 4px;display:flex}.track-title>button:first-child{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;padding:0;font-size:13px;font-weight:700;overflow:hidden}.icon-button{color:#8f9a89;justify-content:center;align-items:center;padding:4px;display:inline-flex}.liked{color:var(--accent)}.artist-link{color:#98a28f;padding:0;font-size:11px}.track-meta{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.track-meta span{color:#acbd9a;border:1px solid #34402c;border-radius:4px;padding:4px 6px;font-size:8px}.track-footer{border-top:1px solid var(--line);color:#75816f;align-items:center;gap:14px;margin-top:14px;padding-top:10px;font-size:9px;display:flex}.track-footer span{flex:1;align-items:center;gap:5px;display:flex}.track-footer button{color:#9aa78e;padding:0;font-size:9px}.empty-state{text-align:center;background:linear-gradient(135deg,#19201955,#0000);border:1px dashed #323e2e;border-radius:12px;padding:40px 20px 44px}.empty-icon{width:62px;height:62px;color:var(--accent);background:#25301e;border:1px solid #3d4b33;border-radius:18px;place-items:center;margin:0 auto 20px;display:grid}.empty-state h3{letter-spacing:-.5px;font-size:20px}.empty-state p{color:var(--muted);margin:12px 0 22px;font-size:12px;line-height:1.6}footer{color:#647460;border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:36px;padding:22px 0;font-size:9px;display:flex}footer span:first-child{align-items:center;gap:8px;display:flex}.player{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:20;background:#151b15f5;border-top:1px solid #323a2f;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:24px;height:94px;padding:12px 28px;display:grid;position:fixed;bottom:0;left:0;right:0}.now-playing{align-items:center;gap:12px;min-width:0;display:flex}.now-playing .cover{border-radius:6px;flex-shrink:0;width:50px;height:50px}.now-playing .cover span{display:none}.now-playing .cover svg{width:20px}.now-playing>div:nth-child(2){min-width:0}.now-playing b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.now-playing small{color:#819077;margin-top:6px;font-size:10px;display:block}.idle-art{color:#9bb781;background:#283222;border-radius:7px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.player-centre{justify-self:center;width:100%;max-width:520px}.transport{justify-content:center;align-items:center;gap:20px;margin-bottom:8px;display:flex}.transport button{color:#a9b99b;padding:0}.transport .main-play{background:var(--accent);color:#1b2812;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.timeline{color:#89967d;align-items:center;gap:12px;font-size:9px;display:flex}.timeline input,.volume input{accent-color:var(--accent);cursor:pointer;height:3px;padding:0}.volume{color:#829674;justify-self:end;align-items:center;gap:12px;display:flex}.volume input{width:86px}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;background:#000b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:#191f18;border:1px solid #3b4933;border-radius:16px;width:520px;max-width:100%;max-height:92vh;padding:32px;position:relative;overflow:auto}.modal .close{position:absolute;top:16px;right:16px}.modal h2{letter-spacing:-1px;margin-bottom:10px;font-size:30px}.modal>p:not(.eyebrow){color:var(--muted);margin-bottom:20px;font-size:12px;line-height:1.6}form{gap:16px;margin-top:20px;display:grid}form label{color:#c6d0bc;gap:8px;font-size:11px;display:grid}form label small{color:var(--muted);font-size:10px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.file-drop{text-align:center;background:#25301c66;border:1px dashed #53683e;border-radius:10px;justify-items:center;padding:20px}.file-drop svg{color:var(--accent)}.file-drop span{color:#8d9d7c;font-size:10px}.file-drop input{background:0 0;border:0;max-width:100%;padding:8px;font-size:10px}.checkbox{align-items:flex-start;gap:10px;line-height:1.6;display:flex!important}.checkbox input{width:15px;accent-color:var(--accent);margin-top:2px}.full{width:100%;margin-top:8px}.secondary,.danger{border:1px solid #48563c;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:12px;display:flex}.danger{color:#e8ab9f;border-color:#634b43;margin-top:18px}.large{aspect-ratio:auto;height:220px;margin:20px 0}.toast{z-index:60;color:#e0eccf;background:#2a3523;border:1px solid #566a3f;border-radius:10px;align-items:center;gap:18px;max-width:90vw;padding:16px 20px;font-size:12px;line-height:1.5;display:flex;position:fixed;bottom:110px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0008}.toast button{padding:0;display:flex}.members-layout{grid-template-columns:1fr 1fr;gap:22px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:24px}.panel>p{color:var(--muted);margin-top:15px;font-size:12px;line-height:1.7}.member-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px 0;display:flex}.member-row>div{flex:1}.member-row b{font-size:12px}.member-row small,.invite-row small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.invite-row{border-bottom:1px solid var(--line);overflow-wrap:anywhere;justify-content:space-between;padding:17px 0;font-size:12px;display:flex}.artist-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.artist-card{border:1px solid var(--line);text-align:left;background:linear-gradient(135deg,#24301f,#151a14);border-radius:12px;padding:30px}.artist-avatar{color:#ddf3bf;background:#4b6135;border-radius:50%;place-items:center;width:60px;height:60px;margin-bottom:22px;font-size:27px;display:grid}.artist-card h2{font-size:20px}.artist-card p{color:var(--muted);margin:10px 0 24px;font-size:12px;line-height:1.6}.artist-card small{color:var(--accent);justify-content:space-between;align-items:center;display:flex}.loading,.error-panel{text-align:center;color:var(--muted);padding:80px 20px}.error-panel h1{margin:20px 0}.error-panel p{margin-bottom:20px}.error-panel button{background:var(--accent);color:#172010;border-radius:6px;padding:12px 20px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1500px){main{padding-left:60px;padding-right:60px}.hero{min-height:350px}.hero-copy{padding:40px}.hero h2{font-size:58px}.vinyl{width:280px;height:280px}}@media (max-width:1150px){.sidebar{width:205px;padding:30px 17px}main{margin-left:205px;padding:0 25px 115px}.search input{width:180px}h1{font-size:34px}.hero h2{font-size:43px}.hero-copy{padding:28px}.vinyl{width:200px;height:200px}.track-grid{grid-template-columns:repeat(3,1fr)}.hero-art{overflow:hidden}.member-pill{display:none}}@media (max-width:850px){.sidebar{width:76px;padding:28px 15px}.brand span,.private-tag,.nav-label,.sidebar-bottom,nav button small{display:none}.brand svg{width:35px;height:35px}.brand{margin-bottom:40px}nav button{gap:0;padding:14px;font-size:0}nav{gap:10px}.sidebar nav:nth-of-type(2){margin-top:15px}main{margin-left:76px;padding:0 22px 115px}.breadcrumb{display:none}header{justify-content:space-between;height:80px}.header-actions{justify-content:space-between;gap:10px;width:100%}.hero p br{display:none}.hero h2{font-size:38px}.hero-art{min-width:180px}.vinyl{width:170px;height:170px}.art-caption{display:none}.hero{grid-template-columns:1.3fr 1fr;min-height:280px}.hero-copy{padding:25px}.members-layout{grid-template-columns:1fr}.artist-grid{grid-template-columns:repeat(2,1fr)}.volume{display:none}.player{grid-template-columns:1fr 1.4fr;gap:20px;padding:12px 20px}.track-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.sidebar{width:58px;padding:22px 8px;bottom:80px}.brand svg{width:30px}.brand{justify-content:center}nav button{justify-content:center;padding:12px}nav button svg{width:18px}main{margin-left:58px;padding:0 16px 98px}header{height:72px}.search input{width:125px;font-size:10px}.search{gap:6px}.header-actions .primary{padding:10px;font-size:0}.header-actions .primary svg{width:18px}.page-heading{padding:27px 0 23px}.eyebrow{letter-spacing:1.4px;font-size:7px}h1{letter-spacing:-1px;font-size:28px}.subheading{font-size:11px}.hero{min-height:270px;display:block}.hero-copy{padding:24px;position:relative}.hero h2{margin:20px 0 14px;font-size:38px}.hero p{max-width:210px;font-size:10px}.hero-art{opacity:.22;pointer-events:none;position:absolute;top:38px;right:-75px}.vinyl{width:250px;height:250px}.hero-label{font-size:6px}.hero-button{padding:11px 12px;font-size:10px}.section-top h2{font-size:15px}.sort-label{display:none}.filters{gap:6px}.filters button{padding:7px 10px;font-size:9px}.track-grid{gap:16px 10px}.track-title>button:first-child{font-size:11px}.track-meta span{font-size:7px}.cover>span{font-size:6px;bottom:10px;left:10px}.cover>svg{width:30px}.play-overlay{width:29px;height:29px;bottom:8px;right:8px}.play-overlay svg{width:15px}.empty-state{padding:28px 14px}.empty-state h3{font-size:16px}.empty-state p{font-size:11px}.player{grid-template-columns:1fr auto;gap:10px;height:80px;padding:10px 12px}.player .now-playing .cover,.idle-art{width:38px;height:38px}.now-playing{gap:8px}.now-playing b{max-width:160px;font-size:10px}.now-playing small{font-size:8px}.now-playing .icon-button,.timeline{display:none}.transport{gap:10px;margin:0}.transport button svg{width:15px}.transport .main-play{width:30px;height:30px}.transport>button:first-child{display:none}.player-centre{width:auto}.modal{padding:26px 22px}.modal h2{font-size:25px}.toast{width:max-content;bottom:94px}.artist-grid{grid-template-columns:1fr}.panel{padding:20px}footer{gap:10px;font-size:8px}footer span:last-child{text-align:right;max-width:135px;line-height:1.6}.form-grid{gap:10px}.form-grid select{padding:10px 7px;font-size:11px}}.entry-screen{background:radial-gradient(at 50% 35%,#283721,#0000 65%);place-items:center;max-width:none;min-height:100vh;margin:0;padding:32px;display:grid}.entry-card{text-align:center;background:#151c14dd;border:1px solid #3a4930;border-radius:20px;width:100%;max-width:560px;padding:50px 35px}.entry-card>svg{color:var(--accent);margin-bottom:28px}.entry-card h1{font-size:36px;line-height:1.15}.entry-card>p:not(.eyebrow){color:var(--muted);max-width:400px;margin:20px auto 28px;font-size:14px;line-height:1.8}.entry-card small{color:#85947b;justify-content:center;align-items:center;gap:8px;margin-top:25px;font-size:11px;display:flex}@media (max-width:560px){.entry-screen{margin:0;padding:20px}.entry-card{padding:35px 22px}.entry-card h1{font-size:29px}}.sidebar{overflow-y:auto}.cover>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hidden-label{color:#edb486!important;border-color:#725647!important}.status-note{color:#cdddba;background:#273420;border:1px solid #495c35;border-radius:9px;align-items:center;gap:10px;margin:20px 0;padding:15px;font-size:12px;line-height:1.7;display:flex}.access-gate{text-align:center;max-width:700px;margin:40px auto}.access-gate>svg{color:var(--accent);margin-bottom:25px}.access-gate>p:not(.eyebrow){max-width:530px;color:var(--muted);margin:20px auto;line-height:1.8}.access-gate form{text-align:left}.access-gate .membership-panels{grid-template-columns:1fr}.membership-panels{grid-template-columns:1fr 1fr;gap:22px;display:grid}.membership-card .primary{margin-top:15px}.plan-price{letter-spacing:-1px;margin:24px 0;font-size:38px;display:block}.plan-price small{color:var(--muted);letter-spacing:0;font-size:13px;font-weight:400}.panel .fine-print,.fine-print{color:#8f9c86;margin-top:20px;line-height:1.8;font-size:10px!important}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px;display:grid}.metric{background:linear-gradient(135deg,#24301f,#151c15);border:1px solid #35452b;border-radius:10px;padding:22px}.metric span{color:#9bac8e;font-size:10px}.metric strong{color:#e1edcc;letter-spacing:-1px;margin-top:13px;font-size:31px;display:block}.dashboard-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.bar-chart{align-items:stretch;gap:15px;height:195px;padding-top:10px;display:flex}.bar-column{color:#a6b997;flex-direction:column;flex:1;align-items:center;gap:10px;font-size:10px;display:flex}.bar-area{border-bottom:1px solid #546048;flex:1;align-items:flex-end;width:100%;height:140px;display:flex}.bar-area>div{background:linear-gradient(#d4f779,#688347);border-radius:5px 5px 0 0;width:100%;min-height:2px}.bar-column small{font-size:9px}.rank-row{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:14px;width:100%;padding:15px 0;display:flex}.rank-row .rank{color:#789960;font-size:17px}.rank-row>div{flex:1}.rank-row b{font-size:12px;display:block}.rank-row small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.rank-row>span{color:#acc88c;font-size:12px}.rank-row svg{color:var(--accent)}.request-card{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 0;display:flex}.request-card>div:first-child{flex:1;min-width:0}.request-card b{font-size:13px}.request-card small{color:var(--muted);overflow-wrap:anywhere;margin:7px 0;font-size:10px;display:block}.request-card p{color:#afbaa5;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8}.button-row{flex-wrap:wrap;gap:8px;max-width:290px;display:flex}.button-row .danger{margin-top:0}.button-row .primary,.button-row .secondary,.button-row .danger{padding:9px 12px;font-size:10px}.secondary{display:inline-flex}.empty-copy{color:var(--muted);padding:20px 0;font-size:12px;line-height:1.7}.spaced{margin-top:24px}.panel h3{font-size:15px}.playlist-create{grid-template-columns:1fr auto;align-items:end;column-gap:20px}.playlist-create .checkbox{grid-area:2/1/auto/-1}.playlist-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.playlist-card{text-align:left;background:linear-gradient(135deg,#304126,#182118);border:1px solid #4b6038;border-radius:12px;min-width:0;padding:25px}.playlist-card.selected{border-color:var(--accent)}.playlist-card>svg{color:var(--accent);margin-bottom:30px}.playlist-card h3{overflow-wrap:anywhere;font-size:17px}.playlist-card p{color:#a2b390;margin:12px 0;font-size:11px}.playlist-card small{color:#7f956e;font-size:10px}.playlist-track{align-items:center;gap:15px;display:flex}.playlist-track .rank-row{flex:1}.install-panel{max-width:750px}.install-panel>svg{color:var(--accent);margin-bottom:22px}.install-panel h2{font-size:29px}.install-steps{padding:20px 0}.install-steps h3{margin-top:22px}.install-steps p{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.8}.prose{max-width:850px}.prose h3{margin-top:30px}.prose p{color:#b2bba9;margin-top:12px;font-size:13px;line-height:1.9}.report-form{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.report-form summary{cursor:pointer;color:#a7b89c;align-items:center;gap:8px;font-size:11px;display:flex}.sidebar-bottom .create-note{display:none}.sidebar nav{margin-bottom:22px}.sidebar .private-tag{margin-bottom:25px}nav button{padding-top:10px;padding-bottom:10px}@media (max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.membership-panels{grid-template-columns:1fr}.request-card{flex-direction:column;gap:12px}.button-row{max-width:none}.playlist-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.metric{padding:16px}.metric strong{font-size:25px}.metric span{font-size:9px}.metric-grid{gap:10px}.playlist-grid,.playlist-create{grid-template-columns:1fr}.playlist-create .checkbox{grid-row:auto}.access-gate{margin:25px 0;padding:25px 18px}.access-gate h1{font-size:24px}.bar-chart{gap:8px}.bar-column{font-size:8px}.sidebar .brand{margin-bottom:18px}.sidebar nav{gap:4px}.entry-card .entry-links{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.prose p{font-size:12px}}.entry-links{color:#acc08f;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:20px;font-size:11px;display:flex}.entry-links a{text-underline-offset:4px;text-decoration:underline}.track-cover-actions{position:relative}.playlist-overlay{width:40px;height:40px;color:var(--accent);z-index:1;background:#172015ef;border:1px solid #718254;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,transform .15s;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:0 3px 12px #0005}.playlist-overlay:hover{background:#304126;transform:scale(1.06)}.playlist-overlay:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.playlist-overlay:disabled{opacity:.4;cursor:not-allowed}.quick-playlists{gap:8px;max-height:280px;margin:22px 0;display:grid;overflow-y:auto}.quick-playlist{text-align:left;border:1px solid var(--line);color:var(--text);background:var(--panel);border-radius:9px;align-items:center;gap:12px;padding:14px;display:flex}.quick-playlist:hover{border-color:var(--accent)}.quick-playlist>span{flex:1;min-width:0}.quick-playlist b{overflow-wrap:anywhere;font-size:13px;display:block}.quick-playlist small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.quick-playlist>svg{color:var(--accent);flex-shrink:0}@media (max-width:560px){.playlist-overlay{width:32px;height:32px;bottom:8px;left:8px}.playlist-overlay svg{width:17px;height:17px}}.membership-plan-options{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}.membership-plan{border:1px solid var(--line);text-align:left;background:var(--panel);color:var(--text);border-radius:10px;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;display:flex}.membership-plan.selected{border-color:var(--accent);background:#25301e}.membership-plan>span{font-size:12px}.membership-plan strong{font-size:28px}.membership-plan strong small{font-size:11px;font-weight:400}.membership-plan small{color:var(--muted);font-size:10px;line-height:1.6}.saving-badge{background:var(--accent);color:#172015;border-radius:20px;padding:5px 9px;font-size:10px}@media (max-width:560px){.membership-plan-options{grid-template-columns:1fr}.membership-plan strong{font-size:26px}}