:root{color-scheme:light;--bg:#f4f1ea;--ink:#1c1917;--muted:#78716c;--line:#e7e5e4;--fill:#d6d3d1;--track:#e7e5e4}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body{min-height:100vh}.shell{max-width:72rem;margin:0 auto;padding:1.5rem 1.25rem 6rem}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.brand{font-weight:650;letter-spacing:-.03em}.ceiling{margin-bottom:1.75rem}.ceiling-copy{font-size:.9rem;margin-bottom:.4rem}.track{height:.4rem;background:var(--track);border-radius:999px;overflow:hidden}.fill{height:100%;width:0;background:var(--ink)}.empty{color:var(--muted);padding:3rem 0}.record-status{color:var(--muted);margin:0 0 1rem}.record-bar{position:-webkit-sticky;position:sticky;bottom:0;left:0;right:0;padding:.9rem 1.25rem;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.record-bar,.record-bar-live{justify-content:center}.rec-dot{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;background:#c00}.record-bar button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--ink);color:#fff;font:inherit;font-weight:600;padding:.65rem 1.1rem;border-radius:999px;cursor:pointer}.record-bar button:disabled{opacity:.45;cursor:not-allowed}.gone{min-height:100vh;display:grid;place-items:center;padding:2rem;text-align:center}.gone h1{font-size:1.25rem;font-weight:650;margin:0 0 .5rem}.gone p{margin:0;color:var(--muted)}.shelf-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));grid-gap:1.25rem;gap:1.25rem}.shelf-card{background:#fff;border:1px solid var(--line);padding:0 0 .9rem}.shelf-card.is-saved{border-color:var(--ink)}.shelf-poster{aspect-ratio:16/9;margin-bottom:.75rem;display:flex;align-items:flex-end;padding:.75rem;color:#fff8f0;font-weight:650;letter-spacing:-.02em}.shelf-poster-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shelf-poster-0{background:#8c6a4a}.shelf-poster-1{background:#4f6f64}.shelf-poster-2{background:#6a5a78}.shelf-poster-3{background:#6e7380}.shelf-poster-4{background:#8a5a4a}.shelf-poster-5{background:#3f5a6e}.title-edit{display:block;width:100%;margin:0;padding:.1rem .75rem;border:0;border-bottom:1px dashed color-mix(in srgb,var(--ink) 35%,transparent);background:transparent;color:inherit;font:inherit;font-weight:650}.shelf-meta{margin:.25rem .75rem .6rem;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.shelf-actions{display:flex;flex-wrap:wrap;gap:.35rem;padding:0 .75rem}.shelf-actions button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;border:1px solid var(--ink);font:inherit;padding:.15rem .45rem;cursor:pointer}