:root{color:#f6f3ed;font-synthesis:none;background:#10131a;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{max-width:1240px;margin:auto;padding:32px clamp(20px,5vw,72px) 112px}.topbar,.section-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.topbar{align-items:center}.eyebrow{letter-spacing:.14em;color:#a9a99e;margin:0 0 7px;font-size:12px;font-weight:700}h1,h2{letter-spacing:-.04em;margin:0;font-family:Georgia,serif}h1{font-size:clamp(32px,5vw,56px)}h2{font-size:30px}.scan,nav button,.notice button{color:#f6e4c2;background:0 0;border:1px solid #d8ae68;border-radius:999px;padding:10px 15px}.scan:hover,nav .active{color:#1d1710;background:#d8ae68}nav{border-bottom:1px solid #ffffff18;gap:8px;margin:38px 0 42px;padding-bottom:15px;display:flex}nav button{color:#aaa;border-color:#0000}section{min-width:0}.search input{color:#fff;background:0 0;border:0;border-bottom:1px solid #fff4;outline:none;width:250px;max-width:45vw;padding:9px 0}.track-list{border-top:1px solid #ffffff1c}.track{border-bottom:1px solid #ffffff12;grid-template-columns:48px minmax(0,1fr) auto 42px;align-items:center;gap:14px;padding:12px 0;display:grid}.cover{aspect-ratio:1;object-fit:cover;background:#303643;border-radius:10px;width:100%}.cover-small{width:48px;height:48px}.placeholder{color:#f4d59e;background:linear-gradient(135deg,#4e342e,#273744);place-items:center;font-size:22px;display:grid}.track-play,.track-info,.player-copy{text-align:left;color:inherit;background:0 0;border:0;min-width:0;padding:0}.track-info b,.track-info span,.player-copy b,.player-copy span,.album b,.album span,.album small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.track-info span,.player-copy span,.album span,.album small{color:#aaa;margin-top:3px;font-size:14px}.time{color:#949a9d;font-size:13px}.like{color:#7d8289;background:0 0;border:0;padding:8px;font-size:22px}.like.liked{color:#eb7180}.album-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:24px;margin-top:24px;display:grid}.album .cover{margin-bottom:10px}.album b{font-size:16px}.playlist-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:24px;display:grid}.playlist{background:#1a202a;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:14px;padding:18px;display:flex}.playlist>span{color:#e7bd77;font-size:25px}.playlist small{color:#aaa;margin-top:4px;display:block}.state{text-align:center;color:#a9a99e;padding:70px 12px}.notice{background:#4c2e27;border:1px solid #bd7869;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.notice p{color:#f5c7b9;margin:5px 0 0}.player{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#202731ee;border:1px solid #ffffff24;border-radius:16px;align-items:center;gap:12px;width:min(700px,100vw - 32px);padding:10px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #0007}.player-copy{flex:1}.player-toggle{color:#1b1610;background:#e6ba70;border:0;border-radius:50%;width:42px;height:42px;font-size:18px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=600px){.app-shell{padding:24px 18px 105px}.topbar{align-items:start}.scan{padding:8px 11px}.section-heading{flex-direction:column;align-items:start}.search input{width:100%;max-width:none}.search{width:100%}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.track{grid-template-columns:44px minmax(0,1fr) 36px}.cover-small{width:44px;height:44px}.time{display:none}}@media (width>=800px){.track-list{max-width:830px}.album-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}