:root{--accent:#d9b78a;--bg:#101116;--surface:#191a20;--surface-2:#212229;--surface-3:#2a2a33;--text:#f6f1e9;--muted:#a2a0a6;--line:rgba(255,255,255,.1);--subtle:rgba(255,255,255,.055);--shadow:0 24px 85px rgba(0,0,0,.44);--radius:19px;color-scheme:dark}
:root[data-theme=ivory]{--bg:#f1ede6;--surface:#fffaf2;--surface-2:#eee8dc;--surface-3:#e2dacb;--text:#28272d;--muted:#716a69;--line:rgba(30,25,20,.15);--subtle:rgba(0,0,0,.05);--shadow:0 26px 85px rgba(36,26,14,.16);color-scheme:light}
:root[data-theme=midnight]{--bg:#0b0d1d;--surface:#14162a;--surface-2:#20213e;--surface-3:#292947;--text:#f4f0ff;--muted:#9f9cbe;--line:rgba(217,209,255,.11);--subtle:rgba(140,120,200,.1);--shadow:0 24px 90px rgba(0,0,20,.48);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{padding:0;margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--accent);color:#141414}.plain{background:none;border:0;color:inherit;padding:0;text-align:left}.plain:hover{color:var(--accent)}.shell{display:flex;min-height:100vh;padding-bottom:106px}.sidebar{position:sticky;top:0;flex:0 0 244px;width:244px;height:calc(100dvh - 96px);min-height:640px;overflow:auto;background:var(--surface);border-right:1px solid var(--line);padding:32px 16px 26px;display:flex;flex-direction:column;z-index:15}.brand{display:flex;align-items:center;gap:11px;padding:0 11px 39px}.brand-icon{color:var(--accent);display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(217,183,138,.4);border-radius:13px;box-shadow:inset 0 0 28px rgba(217,183,138,.09)}.brand-icon svg{width:28px;height:28px;stroke:currentColor}.brand strong{font-family:Manrope,sans-serif;font-weight:800;font-size:15px;letter-spacing:.13em;white-space:nowrap}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:.17em;font-weight:700;margin-top:2px}.side-section{margin-bottom:23px}.eyebrow,.overline{font-size:10px;letter-spacing:.2em;color:var(--accent);font-weight:800}.eyebrow{color:var(--muted);padding:0 15px;margin:10px 0}.nav-link{border:0;outline:0;background:transparent;color:var(--muted);width:100%;display:flex;align-items:center;text-align:left;gap:12px;padding:11px 14px;border-radius:11px;font-weight:600;transition:background .2s,color .2s;white-space:nowrap}.nav-link svg{opacity:.9;flex-shrink:0}.nav-link span{min-width:0;text-overflow:ellipsis;overflow:hidden}.nav-link small{margin-left:auto;font-size:11px}.nav-link:hover{color:var(--text);background:var(--subtle)}.nav-link.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,transparent)}.side-muted{font-size:11px;color:var(--muted);padding:4px 14px 12px;line-height:1.7}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:16px}.workspace{min-width:0;flex:1}.topbar{height:87px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 35px;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:10;backdrop-filter:blur(20px)}.top-left,.top-actions{display:flex;align-items:center;gap:18px}.crumb{font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.16em}.crumb span{color:var(--text)}.top-actions{gap:14px}.search-field{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--surface);padding:10px 13px;border-radius:10px;color:var(--muted);min-width:275px}.search-field input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font-size:12px}.search-field input::placeholder{color:var(--muted)}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:var(--muted);padding:9px;border-radius:11px;position:relative;flex-shrink:0}.icon-button:hover,.icon-button.active{color:var(--accent);background:var(--subtle)}.account-button{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:30px;background:var(--surface);color:var(--text);padding:9px 17px;font-size:12px;font-weight:700}.account-button:hover{border-color:var(--accent)}.account-button svg{color:var(--accent)}.mobile-menu{display:none}main{padding:35px;max-width:1640px;margin:auto}.hero{min-height:388px;display:flex;position:relative;border:1px solid rgba(220,188,145,.22);border-radius:23px;overflow:hidden;background:radial-gradient(ellipse at 85% 30%,rgba(143,105,92,.32),transparent 48%),radial-gradient(ellipse at 18% 115%,rgba(127,92,124,.25),transparent 50%),linear-gradient(125deg,#29212b,#17171d 70%);margin-bottom:48px;isolation:isolate}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 35%,rgba(246,192,135,.045) 60%,transparent);pointer-events:none}.hero-grain{position:absolute;inset:0;opacity:.13;mix-blend-mode:overlay;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px,transparent 5px);pointer-events:none}.hero-copy{position:relative;z-index:2;padding:49px 20px 39px 47px;width:63%;display:flex;flex-direction:column;align-items:flex-start}.pill{border:1px solid rgba(223,190,153,.3);background:rgba(255,255,255,.04);color:#e9d6c0;font-size:9px;letter-spacing:.19em;font-weight:700;padding:8px 13px;border-radius:99px;display:flex;align-items:center;gap:9px}.live-dot{background:var(--accent);width:6px;height:6px;border-radius:50%;box-shadow:0 0 15px var(--accent)}.hero h1{font:700 clamp(37px,4.1vw,62px)/1.13 Manrope,sans-serif;letter-spacing:-.05em;margin:19px 0 12px;color:#fff}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em;color:#ebc89c}.hero-copy>p{font-size:13px;color:#c9bfc2;max-width:370px;margin:3px 0 22px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-meta{margin-top:auto;padding-top:25px;display:flex;gap:12px;font-size:10px;color:#bdb2b3}.btn{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:41px;padding:9px 18px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-weight:700;font-size:12px;line-height:1.3;transition:transform .17s,background .17s,border-color .17s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent)}.btn svg{width:16px;height:16px}.btn.primary{background:var(--accent);color:#17120f;border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;border-color:rgba(255,255,255,.2);color:#fff}.btn.subtle{background:var(--subtle)}.btn.danger{color:#f4aaa9;border-color:#a84a4a}.hero-art{position:absolute;right:8%;top:50%;transform:translateY(-50%);width:min(30vw,355px);height:min(30vw,355px);filter:drop-shadow(0 20px 28px rgba(0,0,0,.65))}.vinyl{width:100%;height:100%;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#151319 0,#151319 3px,#1c1a23 4px,#100f16 5px);box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 50px rgba(212,172,151,.19);position:relative;animation:spin 24s linear infinite}.vinyl:after{content:'';position:absolute;inset:0;border-radius:50%;background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.12) 30%,transparent 49%,rgba(255,255,255,.035) 60%,transparent 75%)}.vinyl-center{position:absolute;inset:29%;border-radius:50%;overflow:hidden;border:6px solid #2c2228}.vinyl-center img{width:100%;height:100%;object-fit:cover}.orbit-note{position:absolute;bottom:-5px;right:-22px;color:#e7cfae;font-size:11px;letter-spacing:.17em;font-weight:800}.section-head{margin:0 0 22px}.section-head h2{font:800 clamp(25px,2.4vw,32px)/1.25 Manrope,sans-serif;letter-spacing:-.035em;margin:7px 0}.section-head p{color:var(--muted);font-size:12px;margin:3px 0}.row-head{display:flex;justify-content:space-between;align-items:end;gap:15px}.sort-wrap{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:11px}.sort-wrap select{border:1px solid var(--line);background:var(--surface);border-radius:10px;color:var(--text);padding:9px 12px;outline:none}.song-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.song-card{min-width:0}.cover-button{display:block;width:100%;aspect-ratio:1;position:relative;overflow:hidden;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:0}.cover-button>img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .25s}.cover-button:hover img{transform:scale(1.06);filter:brightness(.77)}.cover-play{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:45px;height:45px;border-radius:50%;color:#19151a;background:var(--accent);box-shadow:0 8px 35px #0008;transform:translateY(12px);opacity:0;transition:.23s}.cover-button:hover .cover-play,.cover-button:focus-visible .cover-play{transform:translateY(0);opacity:1}.song-card-info{display:flex;align-items:start;justify-content:space-between;padding:10px 1px;gap:7px}.song-card-info>div{min-width:0}.title-link{font-size:12px;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.meta{display:block;color:var(--muted);font-size:10px;margin-top:2px}.heart-button{margin-top:-6px}.liked,.liked svg{color:#e69b9b!important}.pagination{display:flex;gap:10px;align-items:center;justify-content:center;margin:37px 0;flex-wrap:wrap;color:var(--muted);font-size:12px}.pagination form{display:flex;gap:7px}.pagination input{width:60px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:7px}.empty-content{padding:65px 15px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px}.empty-content h3{color:var(--text);font-size:20px;margin:9px}.empty-disk{font-size:41px;color:var(--accent)}.small-banner{display:flex;align-items:center;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:24px;margin-top:49px}.small-banner>span{font-size:34px;color:var(--accent)}.small-banner>div{flex:1}.small-banner strong{font-size:14px}.small-banner p{margin:3px 0 0;color:var(--muted);font-size:11px}.footer{padding:38px 0 10px;color:var(--muted);font-size:10px;letter-spacing:.03em}.footer a{color:var(--accent)}.mini-player{position:fixed;bottom:0;left:0;right:0;height:97px;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 25px;background:var(--surface);background:color-mix(in srgb,var(--surface) 93%,#08080a);border-top:1px solid var(--line);box-shadow:0 -10px 50px #0004;backdrop-filter:blur(20px)}.mini-player.buffering{border-top-color:var(--accent)}.mini-track{display:flex;align-items:center;gap:12px;width:32%;min-width:0}.mini-cover{width:60px;height:60px;border:0;padding:0;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--surface-3)}.mini-cover img{width:100%;height:100%;object-fit:cover}.mini-text{min-width:0}.mini-text button{display:block;font-size:12px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:210px}.mini-text small{display:block;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-heart{margin-left:6px}.mini-center{width:min(490px,45%);display:flex;flex-direction:column;align-items:center;gap:4px}.mini-controls{display:flex;align-items:center;gap:17px}.mini-controls .icon-button{padding:4px}.mini-controls .icon-button small{position:absolute;top:2px;right:1px;font-size:8px}.circle-play{display:grid;place-items:center;border:0;background:var(--text);color:var(--bg);border-radius:50%;width:38px;height:38px;flex-shrink:0}.circle-play:hover{background:var(--accent)}.circle-play.big{width:59px;height:59px}.circle-play.big svg{width:26px;height:26px}.timeline{display:flex;gap:11px;align-items:center;width:100%;color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums}.timeline input{flex:1;min-width:20px}.mini-right{display:flex;align-items:center;gap:10px;width:24%;justify-content:flex-end;color:var(--muted)}input[type=range]{height:4px;accent-color:var(--accent);cursor:pointer}.mini-right input{max-width:105px}.mobile-nav{display:none}.modal-open{overflow:hidden}.modal-backdrop{position:fixed;z-index:90;inset:0;background:rgba(4,4,8,.77);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;padding:23px;animation:fadein .18s}.modal{width:min(100%,590px);max-height:min(92dvh,1100px);background:var(--surface);border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow);display:flex;flex-direction:column;animation:rise .24s}.modal-wide{width:min(100%,1050px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:24px 30px;border-bottom:1px solid var(--line);flex-shrink:0}.modal-head h2{font:800 20px/1.4 Manrope,sans-serif;letter-spacing:-.03em;margin:2px 0 0;max-width:800px}.modal-content{min-height:0;overflow:auto;padding:29px 31px;overscroll-behavior:contain}.post-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:32px}.post-art{position:relative;width:100%;aspect-ratio:1;border-radius:15px;overflow:hidden;background:var(--surface-3)}.post-art img{width:100%;height:100%;object-fit:cover}.big-play{position:absolute;bottom:15px;right:15px;width:52px;height:52px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#1e1410;box-shadow:0 10px 40px #0008}.post-actions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.post-actions .btn{padding:10px 11px}.post-stats{color:var(--muted);font-size:11px}.post-detail h3{font:800 26px Manrope,sans-serif;letter-spacing:-.04em;margin:7px 0}.post-detail>p{color:var(--muted)}.lyric-block{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:22px 0;background:var(--subtle)}.block-title{font-size:10px;color:var(--accent);letter-spacing:.13em;font-weight:800;padding:14px 17px;border-bottom:1px solid var(--line)}.lyrics{padding:16px 17px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.95;max-height:345px;overflow:auto}.comments .block-title{padding-left:0}.thread-message{display:flex;align-items:start;gap:11px;padding:16px 0;border-bottom:1px solid var(--line)}.avatar{flex-shrink:0;display:grid;place-items:center;border-radius:50%;width:34px;height:34px;background:color-mix(in srgb,var(--accent) 18%,var(--surface-3));color:var(--accent);font-weight:800;font-size:14px}.avatar.large{width:68px;height:68px;font-size:24px}.message-body{min-width:0;flex:1}.message-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.message-meta strong{font-size:12px}.message-meta time{color:var(--muted);font-size:10px}.role{color:var(--accent);font-size:8px;letter-spacing:.12em;font-weight:800;border:1px solid var(--accent);border-radius:6px;padding:2px 5px}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;margin-top:5px}.reply-ref{font-size:10px;color:var(--accent)}.message-actions{display:flex;gap:14px;margin-top:7px}.message-actions button{font-size:11px;color:var(--muted)}.danger-text{color:#ea9696!important}.no-comments{padding:20px 0;color:var(--muted);font-size:12px}.comment-form{margin-top:19px}.comment-form textarea,.stacked-form input,.stacked-form select,.copy-field input{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px;padding:12px 13px;outline:none}.comment-form textarea{resize:vertical;min-height:76px;font-size:12px}.comment-form textarea:focus,.stacked-form input:focus,.stacked-form select:focus{border-color:var(--accent)}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.form-bottom span{font-size:10px;color:var(--muted)}.player-content{text-align:center}.player-art{max-width:330px;margin:0 auto;position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.player-art img{width:100%;height:100%;object-fit:cover}.playing-bars{position:absolute;bottom:12px;left:12px;display:flex;align-items:end;gap:3px;height:23px}.playing-bars i{display:block;width:3px;height:80%;border-radius:4px;background:var(--accent);animation:wave .76s alternate infinite}.playing-bars i:nth-child(2){animation-delay:.2s}.playing-bars i:nth-child(3){animation-delay:.4s}.playing-bars i:nth-child(4){animation-delay:.17s}.playing-bars i:nth-child(5){animation-delay:.35s}.playing-bars.paused i{animation-play-state:paused}.player-content h3{font:800 21px Manrope,sans-serif;letter-spacing:-.025em;margin:24px 0 3px}.player-content p{color:var(--muted);font-size:11px}.player-controls{display:flex;justify-content:center;align-items:center;gap:23px;margin:23px 0}.player-extras{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.queue-help{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;padding-bottom:16px;border-bottom:1px solid var(--line)}.queue-list{max-height:440px;overflow:auto}.queue-row{display:flex;align-items:center;gap:13px;padding:11px;border-bottom:1px solid var(--line)}.queue-row.selected{background:var(--subtle)}.queue-cover,.queue-row>img{width:48px;height:48px;flex-shrink:0;border:0;padding:0;border-radius:8px;overflow:hidden;background:var(--surface-3);object-fit:cover}.queue-cover img{height:100%;width:100%;object-fit:cover}.queue-row>.plain{flex:1;min-width:0;font-size:12px;font-weight:700}.queue-row small{display:block;color:var(--muted);font-weight:400;font-size:10px}.queue-row+.btn{margin-top:18px}.auth-tabs,.admin-tabs{display:flex;border-bottom:1px solid var(--line);gap:6px;margin-bottom:23px;flex-wrap:wrap}.tab{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:11px 12px;font-size:12px;font-weight:800}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.stacked-form{display:grid;gap:16px}.stacked-form label{display:grid;gap:7px;font-weight:700;font-size:11px;color:var(--muted)}.stacked-form input{color:var(--text);font-weight:400;font-size:13px}.stacked-form>button{justify-self:start}.under-form,.hint{color:var(--muted);font-size:11px;line-height:1.8;margin-top:20px}.account-panel{text-align:center;display:flex;flex-direction:column;align-items:center;gap:11px}.account-panel h3{margin:0;font-size:19px}.account-panel p{color:var(--muted);margin:0}.profile-count{display:flex;gap:42px;margin:17px}.profile-count div{display:flex;flex-direction:column}.profile-count strong{font-size:25px}.profile-count span{font-size:11px;color:var(--muted)}.playlist-picker .queue-row{margin-bottom:14px}.playlist-choice{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--subtle);color:var(--text);display:flex;gap:12px;align-items:center;padding:12px;margin:8px 0;text-align:left}.playlist-choice span{flex:1}.playlist-picker form{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.share-preview{display:flex;gap:14px;background:var(--subtle);border:1px solid var(--line);padding:12px;border-radius:12px;margin-bottom:20px}.share-preview img{width:95px;height:95px;object-fit:cover;border-radius:9px}.share-preview div{min-width:0}.share-preview strong{font-size:15px}.share-preview small{display:block;font-size:10px;color:var(--accent);overflow-wrap:anywhere}.share-preview p{font-size:11px;color:var(--muted);margin:6px 0}.share-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.share-buttons .btn{white-space:normal}.about-copy{text-align:center}.about-symbol{display:flex;justify-content:center;margin:8px}.about-copy h3{font:700 24px Georgia,serif}.about-copy p{color:var(--muted);font-size:13px;line-height:1.9}.about-copy a{margin:16px auto}.community-panel{background:radial-gradient(ellipse at center,rgba(173,136,189,.17),transparent 60%),var(--surface);min-height:360px;border:1px solid var(--line);border-radius:22px;display:grid;place-items:center}.community-visual{text-align:center;padding:40px;max-width:540px}.community-visual>svg{width:80px;height:80px;color:var(--accent);display:block;margin:0 auto 22px}.community-visual strong{font:700 30px Georgia,serif;display:block}.community-visual p{color:var(--muted);margin:16px 0 24px}.chat-list{max-height:52dvh;overflow:auto;padding-right:8px}.chat-list+.comment-form{position:sticky;bottom:0;background:var(--surface);padding-top:12px}.admin-ui>p{color:var(--muted);font-size:12px;margin:0 0 12px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-form{gap:20px}.admin-form>.btn{margin-top:4px}.status-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.status-cards>div{border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--subtle)}.status-cards span{color:var(--muted);font-size:10px;display:block}.status-cards strong{display:block;font-size:19px;margin-top:5px}.sync-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.copy-field{display:grid;gap:9px;margin:25px 0;color:var(--muted);font-size:11px}.copy-field input{font-size:11px}.copy-field button{justify-self:start}.sync-report{margin-top:20px;padding:16px;background:var(--subtle);border:1px solid var(--line);border-radius:12px}.sync-report pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.7 ui-monospace,monospace;color:var(--muted);max-height:350px;overflow:auto}.member-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.member-row>div:nth-child(2){flex:1;min-width:0}.member-row strong{display:block;font-size:12px;overflow-wrap:anywhere}.member-row small{color:var(--muted);display:block;font-size:10px}.member-row>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.member-row .btn{padding:6px 10px;font-size:10px;min-height:29px}.tiny-cover{width:44px;height:44px;object-fit:cover;border-radius:8px}.playlist-footer{display:flex;gap:8px;margin:21px 0}.boot{height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;background:radial-gradient(circle at center,#372b3d,#111116 65%);color:#f2e6d6;text-align:center;padding:25px}.boot h1{font:800 24px Manrope,sans-serif;letter-spacing:.23em}.boot p{color:#bbb0b6}.orb{width:70px;height:70px;border:2px solid #dfc59e;border-radius:50%;box-shadow:0 0 70px #a77a7a78;animation:spin 5s linear infinite}.mobile-nav{display:none}#toast{position:fixed;z-index:150;bottom:116px;right:20px;background:var(--accent);color:#211b18;box-shadow:0 12px 40px #0007;border-radius:10px;padding:13px 18px;font-size:12px;font-weight:700;max-width:370px;opacity:0;transform:translateY(14px);transition:.2s;pointer-events:none}#toast.visible{opacity:1;transform:translateY(0)}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{to{height:17%}}@media(max-width:1280px){.sidebar{width:208px;flex-basis:208px}.song-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-art{right:4%}.hero-copy{width:66%}main{padding:27px}.topbar{padding:0 27px}}
@media(max-width:980px){.sidebar{width:220px;flex-basis:220px;position:fixed;top:0;bottom:95px;left:0;height:auto;min-height:0;box-shadow:20px 0 60px #0008;transform:translateX(-105%);transition:transform .25s}.sidebar.opened{transform:translateX(0)}.mobile-menu{display:flex}.workspace{width:100%}.song-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hero-art{opacity:.7;width:320px;height:320px;right:5%}.hero-copy{width:73%}.hero h1{font-size:45px}}
@media(max-width:680px){body{font-size:13px}.shell{padding-bottom:146px}.topbar{height:65px;padding:0 16px}.crumb{display:none}.top-actions{gap:5px;flex:1;justify-content:flex-end}.top-left{gap:0}.account-button{padding:7px;min-width:36px;justify-content:center}.account-button span{display:none}.search-field{min-width:0;max-width:205px;width:100%;padding:8px 9px}.search-field input{font-size:11px}main{padding:17px}.hero{border-radius:16px;min-height:355px;margin-bottom:30px}.hero-copy{padding:29px 17px 26px 24px;width:100%}.hero h1{font-size:39px;margin-top:24px;position:relative;z-index:3}.hero-copy>p{max-width:250px;font-size:11px}.hero-actions{gap:7px}.hero-actions .btn{padding:9px 11px}.hero-meta{font-size:9px;gap:7px}.hero-art{width:195px;height:195px;top:57%;right:-29px;opacity:.48}.orbit-note{display:none}.pill{font-size:8px}.row-head{align-items:start}.section-head h2{font-size:24px}.section-head p{font-size:11px}.sort-wrap label{display:none}.sort-wrap select{max-width:113px;padding:8px;font-size:10px}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.cover-button{border-radius:11px}.cover-play{opacity:1;transform:translateY(0);width:35px;height:35px;bottom:8px;right:8px}.song-card-info{padding:8px 1px}.title-link{font-size:11px}.meta{font-size:9px}.small-banner{flex-wrap:wrap;padding:17px;gap:12px}.small-banner>div{flex:1}.small-banner .btn{width:100%}.footer{padding-bottom:20px}.mini-player{bottom:52px;height:74px;padding:7px 12px;gap:4px}.mini-track{width:60%;gap:7px}.mini-cover{width:45px;height:45px}.mini-text button{font-size:11px;max-width:145px}.mini-text small{font-size:9px}.mini-heart{display:none}.mini-center{width:40%}.mini-controls{gap:5px}.mini-controls .icon-button:first-child,.mini-controls .icon-button:last-child{display:none}.mini-controls .icon-button svg{width:16px}.circle-play{width:34px;height:34px}.timeline{position:absolute;left:0;right:0;bottom:0}.timeline span{display:none}.timeline input{width:100%;height:2px;margin:0}.mini-right{display:none}.mobile-nav{height:52px;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;z-index:39}.mobile-nav .nav-link{width:auto;min-width:67px;padding:4px 7px;flex-direction:column;gap:2px;font-size:9px;justify-content:center}.mobile-nav .nav-link svg{width:17px;height:17px}.modal-backdrop{padding:0;align-items:end}.modal{width:100%;max-height:95dvh;border-radius:19px 19px 0 0;box-shadow:0 -25px 80px #0008}.modal-head{padding:16px 19px}.modal-head h2{font-size:17px}.modal-content{padding:17px 19px 28px}.post-layout{grid-template-columns:1fr;gap:12px}.post-art{max-width:430px;margin:auto}.post-actions .btn{flex:1;min-width:0}.share-buttons{gap:7px}.share-buttons .btn{padding:11px}.player-art{max-width:270px}.field-grid{grid-template-columns:1fr}.member-row{align-items:start;flex-wrap:wrap}.member-row>div:last-child{width:100%;padding-left:45px}.status-cards{grid-template-columns:repeat(2,1fr)}.queue-help{flex-wrap:wrap}.community-panel{min-height:310px}.community-visual{padding:20px}.community-visual strong{font-size:25px}.sidebar{bottom:120px}.pagination{gap:6px}.pagination .btn{padding:9px}.mini-player.empty .mini-track{width:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.confirm-layer{position:fixed;z-index:125;inset:0;background:rgba(0,0,0,.63);display:grid;place-items:center;padding:20px}.confirm-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;width:min(100%,510px);padding:25px;box-shadow:var(--shadow)}.confirm-box h3{font:800 19px Manrope,sans-serif;margin:0 0 13px}.confirm-box p{color:var(--muted)}.confirm-box textarea{resize:vertical;min-height:110px;background:var(--bg);color:var(--text);width:100%;border:1px solid var(--line);border-radius:9px;padding:12px}.confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:17px}