:root{font:14px/1.6 "Segoe UI","Microsoft YaHei UI",sans-serif;color:#eef4fc;background:#101b2d;color-scheme:dark;--panel:#17253d;--raised:#243854;--accent:#8ed9e6;--muted:#b5c6dc}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;max-width:1300px;margin:auto;padding:28px 24px}.brand{font-size:22px;font-weight:650;color:var(--accent);text-decoration:none}.brand span{color:#eef4fc;margin-left:8px}.subtitle,p,.footnote{color:var(--muted)}main{max-width:1300px;margin:auto;padding:0 24px 150px}.panel{background:var(--panel);border:1px solid #30445f;border-radius:16px;padding:24px}.login{max-width:440px;margin:7vh auto}.login h1{font-size:28px}h1,h2,p{margin-top:0}h1{font-size:26px;margin-bottom:6px}h2{font-size:15px;margin-bottom:0}button,input,select{font:inherit}button{border:1px solid transparent;border-radius:10px;background:var(--accent);color:#102536;padding:9px 16px;cursor:pointer;font-weight:600}button:hover{filter:brightness(1.08)}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.45;cursor:wait}.quiet{background:var(--raised);color:#eef4fc}input{background:#101b2d;color:#eef4fc;border:1px solid #526783;border-radius:9px;padding:10px 12px;min-width:0}label{display:block;margin:18px 0}label input{display:block;width:100%;margin-top:6px}form>button{margin-top:4px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 20px}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px}aside{align-self:start}nav button,#playlists button{display:block;text-align:left;width:100%;margin:4px 0;background:transparent;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nav button:hover,#playlists button:hover{background:var(--raised)}.sectionTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 12px}.sectionTitle p{margin:0;font-size:12px}.search{display:flex;gap:8px}.search input{flex:1}.search>button{margin:0}.song{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #30445f;align-items:center}.songInfo{min-width:0;flex:1}.songInfo strong,.songInfo span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.songInfo span{font-size:12px;color:var(--muted)}.actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.actions button{font-size:12px;padding:7px 10px}.footnote{font-size:12px;margin-top:24px}.resultTitle{margin-top:20px}#conflict,#restore{margin-top:20px}#conflict button,#restore button{margin:4px}#message{white-space:pre-wrap;margin:18px 2px;color:#c9e7f1}footer{position:fixed;bottom:0;left:0;right:0;background:#101b2df5;border-top:1px solid #38516f;padding:18px max(24px,calc((100vw - 1252px)/2));display:flex;align-items:center;gap:24px}footer>div:first-child{min-width:180px;max-width:300px}footer strong,footer span{display:block}#songArtist{font-size:12px;color:var(--muted)}audio{width:min(100%,620px)}#nativeControls{display:flex;align-items:center;gap:8px;flex:1}#seek{padding:0;flex:1;accent-color:var(--accent)}#time{font-size:12px;min-width:70px}[hidden]{display:none!important}@media(max-width:760px){header{padding:20px 16px}.subtitle{display:none}main{padding:0 12px 200px}.layout{grid-template-columns:1fr;gap:12px}.panel{padding:18px}aside nav{display:flex;overflow:auto}aside nav button{width:auto;white-space:nowrap}aside .sectionTitle{margin:12px 0}#playlists{display:flex;overflow:auto;gap:6px}#playlists button{width:auto;max-width:200px;flex-shrink:0;background:var(--raised)}.song{align-items:flex-start;gap:8px}.actions{max-width:160px}.actions button{padding:7px 9px}footer{display:block;padding:12px 16px}footer>div:first-child{max-width:none;margin-bottom:8px}audio{width:100%;height:40px}#nativeControls{display:flex;flex-wrap:wrap}#seek{min-width:130px}.login{margin:3vh auto}.toolbar button{font-size:12px;padding:9px 11px}}