:root{color-scheme:light;--bg:#f6f4ee;--ink:#263c35;--muted:#737b72;--line:#dedfd5;--accent:#38654e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b99753;outline-offset:4px}a{color:inherit;text-decoration:none}.shell{max-width:1080px;margin:auto;padding:0 40px 210px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:750;letter-spacing:.06em}.brand span{font-size:11px;letter-spacing:.15em;color:var(--muted);margin-left:14px}.quiet{border:0;background:none;font-size:13px;color:var(--muted);padding:10px}.intro{display:flex;align-items:center;justify-content:space-between;margin:58px 0 42px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:650;color:var(--muted)}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:48px;line-height:1.15;letter-spacing:-.025em;margin:14px 0}.muted{color:var(--muted);font-size:15px}.collection-info{display:flex;align-items:center;gap:16px}.collection-info strong{font:54px Georgia,serif}.collection-info span{color:var(--muted);font-size:12px;line-height:1.8}.filters{display:flex;gap:8px;margin-bottom:36px;flex-wrap:wrap}.filter{border:1px solid var(--line);border-radius:30px;padding:9px 19px;background:transparent;font-size:13px;color:var(--muted)}.filter.active{background:var(--ink);border-color:var(--ink);color:#fff}.list-heading{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.14em;padding:0 19px 12px 70px}.track{width:100%;display:flex;align-items:center;gap:18px;text-align:left;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);padding:19px 18px;border-radius:2px}.track:last-child{border-bottom:1px solid var(--line)}.track:hover{background:#eeeee5}.track.selected{background:#e7ecdf}.track[hidden]{display:none}.track-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #c9cebd;border-radius:50%;font-size:20px}.track.selected .track-icon{color:white;background:var(--accent);border-color:var(--accent)}.track-title{display:flex;flex-direction:column;flex:1;gap:4px}.track-title strong{font-weight:550;font-size:15px}.track-title strong span{font-weight:400}.track-title small{color:var(--muted);font-size:11px}.duration{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}.progress-label{font-size:10px;color:var(--accent)}.fine{font-size:11px;color:var(--muted)}.bottom-note{margin:25px 0}.player{position:fixed;bottom:0;left:0;width:100%;background:#fffef9;border-top:1px solid var(--line);padding:22px 30px max(22px,env(safe-area-inset-bottom));box-shadow:0 -8px 40px #263c3505}.player-inner{max-width:1000px;margin:auto;display:grid;grid-template-columns:1fr 1.7fr .6fr;align-items:center;gap:30px}.now{display:flex;flex-direction:column;gap:7px}.now strong{font-size:14px;font-weight:550}#player-status{font-size:11px;color:var(--muted)}.transport-buttons{display:flex;align-items:center;justify-content:center;gap:22px}.round{background:none;border:0;color:var(--ink);font-size:12px;width:36px;height:36px}.play{width:44px;height:44px;border-radius:50%;border:0;background:var(--ink);color:white;font-size:16px}.timeline{display:flex;align-items:center;gap:12px;margin-top:12px}.timeline span{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;min-width:34px}.timeline input{width:100%;accent-color:var(--accent);height:4px;cursor:pointer}.speed-label{font-size:10px;color:var(--muted);justify-self:end;display:flex;align-items:center;gap:10px}select{color:var(--ink);background:transparent;border:1px solid var(--line);padding:6px;border-radius:7px;font-size:12px}.login-page{min-height:100dvh;display:grid;place-items:center;padding:28px}.login-card{width:100%;max-width:430px;text-align:center}.mark{font-size:80px;line-height:1;color:#8a9d7b;margin:38px 0 20px}.login-card h1{font-size:40px}.login-card .muted{max-width:330px;margin:20px auto 34px}.login-card form{text-align:left}.login-card label{display:block;font-size:12px;margin-bottom:9px}.login-card input[type=password]{width:100%;border:1px solid #ccd1c3;background:#fffef9;border-radius:9px;padding:15px;color:var(--ink)}.primary{display:flex;justify-content:space-between;width:100%;padding:15px 20px;border:0;border-radius:9px;background:var(--ink);color:white;margin:14px 0 30px;font-size:14px}.error{color:#a53d2b;font-size:13px}@media(max-width:700px){.shell{padding:0 20px 240px}header{height:76px}.intro{margin:36px 0 28px;align-items:flex-start;gap:20px}h1{font-size:36px}.collection-info{display:none}.filters{gap:7px;margin-bottom:26px}.filter{padding:8px 13px;font-size:12px}.track{padding:16px 5px;gap:12px}.track-title strong{font-size:14px}.progress-label{display:none}.list-heading{padding-left:51px;padding-right:5px;font-size:8px}.player{padding:16px 20px max(16px,env(safe-area-inset-bottom))}.player-inner{grid-template-columns:1fr auto;gap:12px}.now{gap:3px}.transport{grid-row:2;grid-column:1 / -1}.speed-label{grid-column:2;grid-row:1;font-size:0}.transport-buttons{gap:30px}.timeline{margin-top:7px}.now .eyebrow{font-size:8px}.login-card h1{font-size:36px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,color .15s}}

.speed-step{display:grid;place-items:center;width:30px;height:32px;padding:0;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--ink);font-size:18px;line-height:1}.speed-label{gap:6px}

.transport{min-width:0}.transport-buttons{gap:clamp(2px,1vw,12px)}.transport-buttons button{flex-shrink:0}.transport-buttons .round{padding:0}