:root{--ink:#f5f2ec;--muted:#aaa8a3;--bg:#151716;--line:hsla(0,0%,100%,.13);--lime:#dfff68}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink)}body{margin:0;background:radial-gradient(circle at 80% -20%,#384837 0,transparent 38rem),var(--bg);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.album-shell,.home-shell{width:min(1120px,calc(100% - 48px));margin:auto;padding:28px 0 120px}.topbar{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.12em}.brand{font-weight:800;letter-spacing:.24em}.eyebrow{color:var(--lime);font-size:11px;font-weight:700;letter-spacing:.13em}.hero{padding:clamp(82px,14vw,170px) 0 68px;max-width:760px}.hero h1{margin:15px 0;font-size:clamp(46px,7vw,88px);line-height:.98;letter-spacing:-.07em}.album-card p,.description,.hero p:not(.eyebrow),.meta{color:var(--muted)}.album-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:40px 24px;gap:40px 24px}.album-card h2{margin:14px 0 4px}.cover{aspect-ratio:1;display:grid;place-items:center;color:#171814;font:700 clamp(24px,4vw,48px)/.82 Georgia,serif;letter-spacing:-.07em;text-align:center}.cover span{max-width:65%}.cover-rain{background:linear-gradient(140deg,#b7d3cc,#567b79 35%,#e4e1b5 36%,#19333a)}.cover-machine{background:linear-gradient(125deg,#f0e8db 0 25%,#dfff68 25% 42%,#1e2122 42% 70%,#f96355 70%)}.album-hero{display:grid;grid-template-columns:minmax(260px,400px) 1fr;grid-gap:clamp(32px,7vw,96px);gap:clamp(32px,7vw,96px);align-items:end;padding:92px 0 68px}.album-intro h1{font-size:clamp(42px,6vw,78px);line-height:.95;letter-spacing:-.065em;margin:14px 0 8px}.artist{font-size:18px}.description{line-height:1.6;max-width:42ch;margin:34px 0 16px}.player-section{border-top:1px solid var(--line)}.track-list{padding:0;margin:0;list-style:none}.track-list li{border-bottom:1px solid var(--line)}.track-row{width:100%;display:grid;grid-template-columns:54px 1fr 70px 30px;grid-gap:12px;gap:12px;align-items:center;border:0;padding:19px 0;color:var(--ink);background:transparent;text-align:left;cursor:pointer}.track-row span{color:var(--muted);font-size:13px}.track-list .active .track-row{color:var(--lime)}.player{position:fixed;z-index:2;bottom:20px;left:50%;transform:translateX(-50%);width:min(980px,calc(100% - 30px));display:grid;grid-template-columns:minmax(150px,1fr) 34px 38px 34px auto 42px minmax(80px,2fr) 42px 80px;grid-gap:9px;gap:9px;align-items:center;padding:12px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(28,31,28,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.now{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.now small{display:block;color:var(--muted);margin-top:3px}.player button{display:flex;align-items:center;justify-content:center;border:0;color:var(--ink);background:transparent;cursor:pointer;padding:0}.player button:disabled{opacity:.25}.player .play{width:36px;height:36px;border-radius:50%;background:var(--lime);color:#10120e;justify-self:center}.player .mode{font-size:11px;color:var(--muted);gap:5px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}.player .mode:hover{color:var(--ink)}.player input{width:100%;accent-color:var(--lime)}.player span{color:var(--muted);font-size:11px;text-align:center}.error{grid-column:1/-1;margin:0;color:#ffb7ac;font-size:12px}@media(max-width:700px){.album-shell,.home-shell{width:calc(100% - 32px)}.album-grid,.album-hero{grid-template-columns:1fr}.album-hero{padding-top:56px}.player{grid-template-columns:1fr 34px 38px 34px auto}.player input,.player>span:not(.now span),.volume{display:none}.player .mode{padding:6px 8px;font-size:10px}}