:root{color-scheme:dark;--bg:#11120f;--panel:#191b16;--line:#ffffff0d;--text:#edeee8;--muted:#858a7c;--accent:#c7ed89;--sidebar:232px;--player:100px;font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:15px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.45;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{border:0;background:none}input{min-width:0}button,i{display:inline-flex;align-items:center;justify-content:center}i{font-style:normal}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto var(--player) 0;background:#151611;border-right:1px solid var(--line);padding:33px 22px 22px;display:flex;flex-direction:column;z-index:20}.brand{font-size:37px;font-weight:760;letter-spacing:-1.5px;display:flex;align-items:center;gap:10px;padding-left:10px}.brand-icon{font-family:Georgia,serif;background:var(--accent);font-size:40px;line-height:37px;width:37px;height:37px;border-radius:12px;color:#262e1c;display:inline-flex;justify-content:center;align-items:center;padding-bottom:5px;transform:rotate(-12deg)}.brand-dot{color:var(--accent)}.sidebar-caption{color:#73796a;font-size:12px;margin:13px 0 39px 12px;letter-spacing:2px}.nav-item{width:100%;justify-content:flex-start;gap:13px;padding:14px;border-radius:8px;color:#9b9f93;margin-bottom:5px;font-weight:500;font-size:14px}.nav-item:hover{background:#ffffff06;color:var(--text)}.nav-item.active{background:#c7ed8911;color:var(--accent)}.nav-dot{width:5px;height:5px;border-radius:50%;margin-left:auto;background:currentColor;display:none}.active .nav-dot{display:block}.count{font-size:12px;color:#6f7566;margin-left:auto}.section-label{color:#707667;font-size:11px;letter-spacing:2px;margin:27px 12px 12px;display:flex;align-items:center;justify-content:space-between}.icon-btn{padding:7px;color:#a6ab9d;border-radius:6px;gap:5px}.icon-btn:hover{color:var(--accent);background:#ffffff07}.icon-btn svg{width:18px;height:18px}.icon-btn.active{color:var(--accent)}.section-label .icon-btn{padding:0}.playlist-nav{overflow:auto;min-height:50px}.playlist-nav .nav-item{padding:11px 13px;font-size:13px;gap:11px}.playlist-nav .nav-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-nav svg{width:17px;color:#727b62}.sidebar-bottom{margin-top:auto;background:#1c1f17;border:1px solid #c7ed890b;border-radius:10px;padding:16px 13px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.sidebar-bottom strong{font-size:12px;font-weight:500;display:block}.sidebar-bottom small{color:#727a65;font-size:11px;display:block;margin-top:5px}.storage-icon{color:var(--accent)}.storage-track{height:3px;width:100%;background:#303526;margin-top:3px}.storage-track span{display:block;min-width:8%;max-width:100%;height:100%;background:#9bb566}.service-status{font-size:11px;color:#6f7765;display:flex;align-items:center;gap:7px;margin:19px 8px 0}.service-status>span:first-child{width:5px;height:5px;border-radius:50%;background:#807245}.service-status>span.online:first-child{background:var(--accent)}main{margin-left:var(--sidebar);min-height:calc(100vh - var(--player));padding-bottom:var(--player)}.topbar{height:92px;display:flex;align-items:center;gap:23px;padding:0 44px;border-bottom:1px solid var(--line)}.breadcrumbs{font-size:12px;color:#73786c;flex:1;white-space:nowrap}.breadcrumbs span{padding:0 12px;color:#454a3d}.breadcrumbs b{color:#bdc1b5;font-weight:400}#search-form{display:flex;align-items:center;background:#1d1f19;border:1px solid #ffffff06;border-radius:8px;width:320px;padding:11px 13px;gap:10px}#search-form svg{width:16px;color:#838b76}#search-form input{background:none;border:0;outline:0;color:var(--text);width:100%;font-size:12px}#search-form input::placeholder{color:#6e7563}kbd{white-space:nowrap;font:11px system-ui;color:#636b59;border:1px solid #363c2c;padding:2px 4px;border-radius:3px}.button{display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:12px 19px;border-radius:7px;background:var(--accent);color:#26301b;font-weight:600;font-size:13px;white-space:nowrap;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.07);transform:translateY(-1px)}.button svg{width:16px;height:16px}.button.small{padding:11px 14px}.button.secondary{background:#ffffff08;border:1px solid #ffffff14;color:#d5dacb}.button.ghost{background:none;color:#a0a891;padding:10px}.button.danger{background:#572f29;color:#ffd6cd}.content{padding:32px 44px 10px;max-width:1600px;margin:0 auto}.hero{height:287px;overflow:hidden;position:relative;border:1px solid #c7ed8913;border-radius:13px;background:radial-gradient(ellipse at 65% 110%,#3e5429 0,transparent 57%),linear-gradient(110deg,#25311e,#273620 50%,#1c291a);padding:34px 37px}.hero:before{content:'';position:absolute;inset:0;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-copy{position:relative;z-index:2;max-width:60%}.eyebrow{font-size:10px;color:var(--accent);letter-spacing:2.8px;font-weight:600}.hero .eyebrow{display:flex;align-items:center;gap:9px}.eyebrow .tiny-line{height:1px;width:20px;background:var(--accent)}h1{font-size:37px;font-weight:600;letter-spacing:1px;line-height:1.38;margin:20px 0 13px}.hero p{font-size:13px;color:#9ba88e;line-height:1.9;margin:0 0 23px}.hero-actions{display:flex;gap:12px}.hero-art{position:absolute;width:400px;height:360px;right:-22px;top:7px;transform:rotate(-20deg)}.record{position:absolute;width:278px;height:278px;top:21px;right:12px;border-radius:50%;background:repeating-radial-gradient(circle,#171e16 0px,#171e16 2px,#252e20 3px,#151c14 4px);box-shadow:0 18px 35px #0005,inset 0 0 0 1px #7f976c44}.record:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent,#b5c4a421,transparent 23%,transparent 50%,#c8d5b426,transparent 75%)}.record-label{position:absolute;width:95px;height:95px;border-radius:50%;left:91px;top:91px;background:#bad580;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#263b20;box-shadow:0 0 0 7px #101b10;font:italic 21px Georgia}.record-label:after{content:'';width:9px;height:9px;background:#162411;border:2px solid #789d53;border-radius:50%;margin:9px}.record-label small{font:7px system-ui;letter-spacing:2px}.record-sleeve{position:absolute;z-index:1;width:174px;height:210px;left:17px;top:60px;border:1px solid #e6efd244;border-radius:3px;background:linear-gradient(145deg,#a3b683,#6f8a53);box-shadow:8px 10px 22px #0004;overflow:hidden;padding:16px}.sleeve-top{font:9px system-ui;letter-spacing:2px;color:#263b20}.sleeve-circle{position:absolute;width:230px;height:230px;border:1px solid #e1edc288;border-radius:50%;top:53px;left:20px;box-shadow:0 0 0 14px #e1edc21a,0 0 0 28px #e1edc21a,0 0 0 42px #e1edc21a}.sleeve-text{position:absolute;bottom:22px;color:#21371c;font:italic 38px Georgia;line-height:.95}.hero-issue{position:absolute;bottom:20px;right:24px;font:9px system-ui;letter-spacing:2px;color:#9fad88}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 34px}.quick-card{display:flex;justify-content:flex-start;text-align:left;gap:14px;align-items:center;background:#1a1d16;border:1px solid var(--line);border-radius:9px;padding:17px 18px;transition:background .2s}.quick-card:hover{background:#242b1d}.quick-icon{width:37px;height:37px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#b9d9960c;color:#b5c99c}.quick-card:nth-child(2) .quick-icon{color:#acb9d3;background:#a3b6e009}.quick-card:nth-child(3) .quick-icon{color:#cdbb96;background:#d7b87609}.quick-card strong{display:block;font-size:13px;font-weight:500;margin-bottom:6px}.quick-card small{font-size:11px;color:#767f6a}.quick-card>svg{width:15px;color:#647154;margin-left:auto}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;gap:16px}.section-heading h2{font-size:20px;font-weight:550;margin:0 0 6px}.section-heading p{font-size:11px;color:#727b66;margin:0}.section-heading .right{display:flex;align-items:center;gap:8px}.text-link{font-size:12px;color:#8b957e;gap:5px}.text-link svg{width:14px}.album-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-bottom:35px}.album-card{min-width:0;position:relative}.album-cover{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#253020;cursor:pointer}.album-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.album-cover:hover img{transform:scale(1.05)}.album-card h3{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:11px 0 5px}.album-card p{font-size:11px;color:#808b73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.album-play{position:absolute;bottom:9px;right:9px;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#27351c;box-shadow:0 3px 12px #0005;opacity:0;transform:translateY(5px);transition:.2s}.album-cover:hover .album-play,.album-play:focus-visible{opacity:1;transform:none}.album-play svg{width:15px;fill:currentColor}.album-badge{position:absolute;top:9px;left:9px;background:#10170caa;backdrop-filter:blur(8px);padding:4px 6px;border-radius:4px;font-size:9px;color:#dceacb}.track-table{width:100%}.track-row{display:grid;grid-template-columns:32px minmax(180px,2.1fr) minmax(100px,1.2fr) 72px 54px 135px;align-items:center;gap:14px;padding:10px 12px;border-radius:7px;min-height:66px}.track-row:nth-child(odd):not(.table-head){background:#ffffff02}.track-row:not(.table-head):hover{background:#ffffff05}.track-row.playing{background:#c7ed8909}.track-row.playing .track-title{color:var(--accent)}.table-head{color:#626d56;font-size:11px;min-height:34px;border-bottom:1px solid var(--line);border-radius:0;margin-bottom:6px;padding-top:0}.row-number{font-size:12px;color:#68725d;text-align:center}.row-number button{padding:4px}.row-number svg{width:14px}.track-info{display:flex;gap:12px;align-items:center;min-width:0}.track-art{width:42px;height:42px;flex-shrink:0;border-radius:5px;overflow:hidden}.track-art img{width:100%;height:100%;object-fit:cover}.track-info>div:last-child{min-width:0}.track-title{display:block;padding:0;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;max-width:100%;line-height:1.8}.track-artist{display:block;font-size:11px;color:#79866c;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.track-album{font-size:12px;color:#79816f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-label{font-size:10px;color:#88a374;display:inline-block;border:1px solid #9cbe7d25;padding:3px 6px;border-radius:4px;width:fit-content}.source-label.upload{color:#9ba9c3;border-color:#8b9fbe28}.source-label.url{color:#bca57f;border-color:#bda57728}.track-duration{font-size:11px;color:#7e8872;font-variant-numeric:tabular-nums}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:3px}.row-actions .icon-btn{padding:7px}.row-actions svg{width:15px;height:15px}.row-actions .saved{color:#a8c78a}.page-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin:24px 44px 20px;padding-top:22px;font-size:10px;color:#626c56}.page-footer>span:last-child{font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:14px}.footer-star{font-size:24px;color:#899e71}.player{position:fixed;inset:auto 0 0;height:var(--player);background:#1b1e17f5;backdrop-filter:blur(25px);border-top:1px solid #c7ed8912;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;gap:25px}.now-playing{display:flex;align-items:center;gap:13px;min-width:0;width:29%}.player-art{width:52px;height:52px;border-radius:7px;flex-shrink:0;overflow:hidden}.player-art img{width:100%;height:100%;object-fit:cover}.placeholder-art{display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#3a4930,#222d1c);color:#94aa7c}.now-meta{min-width:0;flex:1}.now-meta strong{display:block;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}.now-meta span{display:block;font-size:11px;color:#818e71;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-center{width:38%;max-width:560px}.playback-controls{display:flex;align-items:center;justify-content:center;gap:21px}.play-toggle{width:34px;height:34px;border-radius:50%;color:#25351b;background:var(--accent)}.play-toggle svg{width:16px;fill:currentColor}.subtle{color:#77856a}.progress-row{display:flex;align-items:center;gap:11px;margin-top:10px}.progress-row>span{font-size:10px;color:#839074;min-width:25px;font-variant-numeric:tabular-nums}input[type=range]{appearance:none;background:linear-gradient(to right,var(--accent) var(--progress,0%),#3b4331 var(--progress,0%));height:3px;border-radius:3px;cursor:pointer;accent-color:var(--accent)}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);width:8px;height:8px;border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--accent);width:8px;height:8px;border:0;border-radius:50%}#seek{width:100%;margin:0}.player-right{display:flex;align-items:center;justify-content:flex-end;gap:12px;width:25%}.lyric-button{font-size:13px}#volume{width:70px;--progress:70%}.control-divider{height:20px;width:1px;background:#ffffff0c;margin:0 5px}#queue-count{font-size:10px}.view-heading{margin:4px 0 26px}.view-heading h1{margin:10px 0;font-size:31px}.view-heading p{font-size:13px;color:var(--muted);line-height:1.8}.view-actions{display:flex;align-items:center;gap:10px;margin:20px 0}.filters{display:flex;gap:7px;margin:20px 0}.filter{font-size:12px;color:#8a947e;padding:8px 15px;border-radius:20px;border:1px solid var(--line)}.filter.active{color:var(--accent);background:#c7ed8910;border-color:#c7ed8926}.empty-state{padding:46px 20px;text-align:center;border:1px dashed #7f936629;border-radius:10px;margin:10px 0 20px;background:#b8dd8603}.empty-state>i{width:50px;height:50px;border-radius:14px;background:#b8dd8608;color:#879f6c;margin-bottom:12px}.empty-state h3{font-size:15px;font-weight:500;margin:8px 0}.empty-state p{font-size:12px;color:#7e8a70;line-height:1.9;margin-bottom:17px}.empty-state .button{font-size:12px}.skeleton{height:180px;animation:pulse 1.5s infinite;border-radius:8px;background:linear-gradient(110deg,#1f241a,#2a3123,#1f241a)}@keyframes pulse{50%{opacity:.4}}.queue-panel{position:fixed;right:0;top:0;bottom:var(--player);width:365px;max-width:100vw;background:#1a1e16;border-left:1px solid #ffffff0d;z-index:35;box-shadow:-20px 0 70px #0005;padding:28px 22px;overflow:auto}.queue-panel[hidden]{display:none}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.panel-header h2{font-size:21px;font-weight:500;margin:9px 0}.queue-item{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 8px;width:100%;border-radius:7px}.queue-item:hover,.queue-item.active{background:#c7ed890b}.queue-item.active{color:var(--accent)}.queue-item .track-art{width:37px;height:37px}.queue-item>div{min-width:0}.queue-item strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.queue-item small{display:block;font-size:11px;color:#7e8a70;margin-top:5px}.lyrics-content{line-height:2.8;white-space:pre-line;font-size:14px;color:#9faa90}.lyric-line{transition:color .2s}.lyric-line.current{color:var(--accent);font-weight:600}dialog{background:#1c2118;color:var(--text);border:1px solid #71865c44;border-radius:16px;padding:28px;width:460px;max-width:calc(100vw - 28px);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#070b08b8;backdrop-filter:blur(6px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal-head h2{font-size:22px;font-weight:500;margin:0}.modal-description{color:#8c997d;font-size:13px;line-height:1.8}.modal-tabs{display:flex;background:#14190f;border-radius:7px;padding:4px;gap:3px;margin:21px 0}.modal-tabs button{flex:1;font-size:13px;color:#849575;padding:10px;border-radius:5px;gap:7px}.modal-tabs .active{background:#303e23;color:var(--accent)}.modal-tabs svg{width:15px}label.field{display:block;font-size:12px;color:#a8b39b;margin:17px 0}.field input,.field select{width:100%;margin-top:8px;border-radius:7px;background:#11170d;border:1px solid #5e714640;color:var(--text);padding:12px;outline:none;font-size:13px}.field input:focus,.field select:focus{border-color:#c7ed8980}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}.dropzone{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #71845b80;border-radius:10px;padding:29px 15px;background:#c7ed8904;cursor:pointer;text-align:center}.dropzone.dragover{background:#c7ed8920}.dropzone>i{color:var(--accent);margin-bottom:12px}.dropzone strong{font-size:13px;font-weight:500}.dropzone small{display:block;color:#839573;font-size:11px;margin-top:9px}.dropzone input{display:none}.file-selection{font-size:12px;color:var(--accent);margin:12px 0;line-height:1.8;overflow-wrap:anywhere}.form-error{color:#e9a18c;font-size:13px;line-height:1.7}.form-progress{font-size:13px;color:var(--accent);line-height:1.8}.modal-busy .modal-footer button{pointer-events:none;opacity:.55}#toasts{position:fixed;bottom:calc(var(--player) + 18px);left:50%;transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:calc(100vw - 30px);width:max-content;pointer-events:none}.toast{background:#34442a;color:#e0efcf;border:1px solid #9bb57c4a;box-shadow:0 6px 30px #0005;padding:13px 20px;border-radius:8px;font-size:13px;max-width:550px;line-height:1.6}.toast.error{background:#492d26;color:#f3c6b7}.load-more{display:flex;justify-content:center;margin-top:20px}.spin svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.hero{height:320px;padding:42px 45px}.hero-art{right:70px;top:20px}.hero h1{font-size:44px}.album-grid{gap:24px}.album-cover{max-height:220px}}
@media(max-width:1150px){:root{--sidebar:200px}.sidebar{padding:29px 14px 18px}.content{padding:26px 28px 10px}.topbar{padding:0 28px;gap:15px}.breadcrumbs{display:none}#search-form{flex:1;width:auto}.hero{padding:30px;height:270px}.hero h1{font-size:31px}.hero-art{right:-70px;transform:rotate(-20deg) scale(.9)}.hero-copy{max-width:65%}.quick-card{padding:14px 12px;gap:9px}.quick-card small{font-size:10px}.quick-card>svg{display:none}.album-grid{gap:13px;grid-template-columns:repeat(4,minmax(0,1fr))}.album-card:nth-child(n+5){display:none}.track-row{grid-template-columns:25px minmax(150px,2fr) 70px 43px 125px;gap:10px}.track-album{display:none}.page-footer{margin-left:28px;margin-right:28px}.player{padding:15px 20px;gap:15px}.now-playing{width:31%;gap:10px}.player-center{width:40%}.player-right{width:24%;gap:5px}#volume{width:45px}.control-divider{margin:0 2px}.playback-controls{gap:15px}}
@media(max-width:760px){:root{--sidebar:0px;--player:126px}.sidebar{width:100%;height:56px;inset:0 0 auto;flex-direction:row;padding:0 16px;align-items:center;gap:22px;border-bottom:1px solid var(--line)}.brand{padding:0;font-size:27px;gap:7px}.brand-icon{width:27px;height:27px;font-size:29px;border-radius:8px}.sidebar-caption,.sidebar .section-label,.playlist-nav,.sidebar-bottom,.service-status{display:none}.sidebar nav{display:flex;flex:1;justify-content:flex-end;gap:2px}.nav-item{margin:0;padding:10px;gap:6px;font-size:12px;width:auto}.nav-item svg{width:16px}.nav-dot,.count{display:none!important}.topbar{margin-top:56px;height:72px;padding:0 18px;gap:10px}#search-form{padding:10px}kbd{display:none}.topbar .button{padding:11px 12px}.content{padding:18px 18px 6px}.hero{height:253px;padding:27px 23px}.hero h1{font-size:28px;letter-spacing:0;margin-top:17px}.hero-copy{max-width:80%}.hero p{font-size:12px;max-width:220px}.hero-art{right:-165px;top:25px;transform:rotate(-20deg) scale(.8);opacity:.65}.hero .eyebrow{font-size:9px;letter-spacing:1.7px}.hero-issue{font-size:8px;right:13px;bottom:12px}.hero .button{padding:10px 12px;font-size:12px}.hero .ghost{display:none}.quick-actions{gap:8px;margin:12px 0 28px}.quick-card{flex-direction:column;align-items:flex-start;padding:13px 11px;gap:9px}.quick-card .quick-icon{width:28px;height:28px;border-radius:8px}.quick-icon svg{width:17px}.quick-card strong{font-size:12px;margin-bottom:0}.quick-card small{display:none}.section-heading h2{font-size:18px}.section-heading p{font-size:10px}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:28px}.album-card:nth-child(n+4){display:none}.album-card h3{font-size:12px}.album-card p{font-size:10px}.album-play{opacity:1;transform:none;width:28px;height:28px;bottom:7px;right:7px}.album-badge{font-size:8px;padding:3px 4px;left:6px;top:6px}.track-row{grid-template-columns:minmax(110px,1fr) 100px;gap:7px;padding:9px 4px;min-height:61px}.table-head{display:none}.row-number,.track-duration,.track-row>.source-label{display:none}.track-art{width:38px;height:38px}.track-info{gap:9px}.track-title{font-size:12px}.track-artist{font-size:10px}.row-actions{gap:0}.row-actions .icon-btn{padding:6px}.row-actions svg{width:14px}.player{display:grid;grid-template-columns:1fr 125px;grid-template-rows:52px 44px;padding:10px 16px 13px;gap:0 12px}.now-playing{width:100%;gap:10px}.player-art{width:42px;height:42px}.now-meta strong{font-size:12px}.now-meta span{font-size:10px}.now-playing>.icon-btn{display:none}.player-center{width:100%;display:contents}.playback-controls{grid-column:2;grid-row:1;gap:11px}.playback-controls .subtle{display:none}.playback-controls .icon-btn{padding:2px}.play-toggle{width:32px;height:32px}.progress-row{grid-column:1 / -1;grid-row:2;margin:0;padding-bottom:7px}.player-right{display:none}.page-footer{margin:23px 18px 10px;padding-top:15px}.view-heading h1{font-size:26px}.view-heading{margin-bottom:18px}.view-actions{flex-wrap:wrap;gap:7px}.view-actions .button{padding:10px 12px;font-size:12px}.filters{gap:5px}.filter{padding:7px 12px;font-size:11px}.section-heading .right{gap:4px}.text-link{font-size:11px}.queue-panel{top:56px}.empty-state{padding:30px 15px}.page-footer>span:last-child{font-size:8px;letter-spacing:1px}}
.hero{min-height:310px}.hero-actions{padding-bottom:10px}
@media(max-width:760px){.hero{min-height:253px}.sidebar{gap:12px;padding:0 12px}.sidebar nav{min-width:0;gap:0}.sidebar .nav-item{white-space:nowrap;padding:10px 7px;font-size:11px;gap:5px}.sidebar .nav-item svg{width:14px;flex-shrink:0}.hero-art{opacity:.45}.hero-copy{max-width:86%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}