@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--bg:#faf8f4;--text:#1a1a1a;--text-secondary:#6b6b6b;--text-tertiary:#999;--border:#e8e4de;--accent:#c5450c;--card-bg:#f3f0ea;--btn-bg:#1a1a1a;--btn-bg-hover:#333;--btn-text:#fff;--overlay-bg:#1a1a1ae0}[data-theme=dark]{--bg:#141416;--text:#e8e4de;--text-secondary:#9a9a9a;--text-tertiary:#666;--border:#2a2a2e;--accent:#e8663a;--card-bg:#1e1e22;--btn-bg:#e8e4de;--btn-bg-hover:#ccc;--btn-text:#141416;--overlay-bg:#0a0a0ceb}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141416;--text:#e8e4de;--text-secondary:#9a9a9a;--text-tertiary:#666;--border:#2a2a2e;--accent:#e8663a;--card-bg:#1e1e22;--btn-bg:#e8e4de;--btn-bg-hover:#ccc;--btn-text:#141416;--overlay-bg:#0a0a0ceb}}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,sans-serif;transition:background .3s,color .3s;position:relative;overflow-x:hidden}#root{min-height:100vh;position:relative}.app{max-width:1100px;margin:0 auto;position:relative}header{justify-content:space-between;align-items:baseline;padding:3rem 2rem 2rem;display:flex}header h1{letter-spacing:-.02em;font-family:Playfair Display,Georgia,serif;font-size:1.6rem;font-weight:400}header .header-right{align-items:center;gap:1rem;display:flex}header .tagline{color:var(--text-secondary);font-size:.85rem;font-weight:300}.theme-toggle{border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:border-color .2s,color .2s;display:flex}.theme-toggle:hover{border-color:var(--text-secondary);color:var(--text)}.divider{padding:0 2rem}.divider hr{border:none;border-top:1px solid var(--border)}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;min-height:480px;padding:3rem 2rem 4rem;display:grid}.hero-cover{aspect-ratio:1;background:var(--card-bg);border-radius:6px;max-width:420px;overflow:hidden;box-shadow:0 20px 60px #00000026,0 4px 12px #00000014}.hero-cover img{object-fit:cover;width:100%;height:100%;display:block}.hero-cover .placeholder{width:100%;height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;min-height:300px;font-family:Playfair Display,Georgia,serif;font-size:1.2rem;display:flex}.hero-info{max-width:440px}.hero-info .overline{text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:1.2rem;font-size:.7rem;font-weight:600}.hero-info .album-title{letter-spacing:-.03em;margin-bottom:.6rem;font-family:Playfair Display,Georgia,serif;font-size:3rem;font-weight:700;line-height:1.1}.hero-info .artist-name{color:var(--text-secondary);margin-bottom:2rem;font-size:1.15rem;font-weight:300}.countdown-inline{color:var(--text-secondary);margin-top:1.5rem;font-size:.8rem;font-weight:400}.countdown-inline .time{font-variant-numeric:tabular-nums;color:var(--text);font-weight:500}.spin-btn{letter-spacing:.08em;text-transform:uppercase;color:var(--btn-text);background:var(--btn-bg);cursor:pointer;border:none;border-radius:100px;padding:1rem 2.8rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;transition:background .2s}.spin-btn:hover{background:var(--btn-bg-hover)}.spin-btn:disabled{opacity:.35;cursor:not-allowed}.spin-overlay{background:var(--overlay-bg);z-index:100;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spin-vinyl{background:repeating-radial-gradient(circle,#1a1a1a 0 2px,#2a2a2a 3px 5px);border-radius:50%;justify-content:center;align-items:center;width:260px;height:260px;margin-bottom:2.5rem;display:flex;box-shadow:0 8px 40px #0000004d}.spin-vinyl-label{background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.spin-vinyl-hole{background:var(--bg);border-radius:50%;width:10px;height:10px}.carousel{flex-direction:column;align-items:center;display:flex}.carousel-track{border-radius:6px;width:300px;height:300px;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006}.carousel-slide{width:300px;height:300px;position:absolute;inset:0}.carousel-img{object-fit:cover;width:100%;height:100%;display:block}.carousel-placeholder{background:var(--card-bg);width:100%;height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;font-family:Playfair Display,Georgia,serif;font-size:1.1rem;display:flex}.carousel-info{text-align:center}.spin-album-name{color:#fff;font-family:Playfair Display,Georgia,serif;font-size:1.8rem;font-weight:700}.spin-artist-name{color:#ffffff80;margin-top:.3rem;font-size:.95rem;font-weight:300}.collection-section{padding:3rem 2rem 5rem}.collection-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:2.5rem;display:flex}.collection-section h2{font-family:Playfair Display,Georgia,serif;font-size:1.8rem;font-weight:400}.genre-filters{gap:.4rem;display:flex}.genre-pill{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:100px;padding:.4rem 1rem;font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;transition:background .2s,color .2s,border-color .2s}.genre-pill:hover{border-color:var(--text-secondary);color:var(--text)}.genre-pill.active{background:var(--text);color:var(--bg);border-color:var(--text)}.record-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2rem;display:grid}.record-card .cover-flip{aspect-ratio:1;cursor:pointer;perspective:1200px;margin-bottom:.8rem;position:relative}.record-card.not-arrived{position:relative}.record-card.not-arrived .cover-front,.record-card.not-arrived .card-album,.record-card.not-arrived .card-artist,.record-card.not-arrived .card-genre{filter:grayscale();opacity:.45}.record-card.not-arrived .cover-front:hover{opacity:.7}.not-arrived-badge{z-index:2;background:var(--bg);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--border);border-radius:100px;padding:.3rem .6rem;font-size:.65rem;font-weight:600;position:absolute;top:.5rem;left:.5rem}.record-card .cover{background:var(--card-bg);backface-visibility:hidden;border-radius:4px;position:absolute;inset:0;overflow:hidden;box-shadow:0 4px 16px #00000014}.record-card .cover-front{transform:rotateY(0)}.record-card .cover-back{background:var(--card-bg);text-align:left;flex-direction:column;padding:1.25rem;display:flex;transform:rotateY(180deg)}.record-card .cover-back-inner{flex-direction:column;height:100%;display:flex}.back-album{font-family:Playfair Display,Georgia,serif;font-size:1.05rem;font-weight:700;line-height:1.2}.back-meta{color:var(--text-secondary);margin-top:.2rem;font-size:.8rem}.back-genre{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem;font-size:.65rem}.back-blurb{color:var(--text);flex:1;margin-top:.8rem;font-size:.82rem;line-height:1.4}.back-links{gap:.6rem;margin-top:.6rem;display:flex}.back-links a{text-transform:uppercase;letter-spacing:.06em;color:var(--text);border:1px solid var(--border);border-radius:100px;padding:.3rem .7rem;font-size:.72rem;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s}.back-links a:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.back-picked-by{color:var(--text-tertiary);border-top:1px solid var(--border);margin-top:.6rem;padding-top:.6rem;font-size:.7rem;font-style:italic}.record-card .cover img{object-fit:cover;width:100%;height:100%;display:block}.record-card .cover .placeholder{width:100%;height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;font-family:Playfair Display,Georgia,serif;font-size:.9rem;display:flex}.record-card .card-album{font-family:Playfair Display,Georgia,serif;font-size:1.1rem;font-weight:700;line-height:1.25}.record-card .card-artist{color:var(--text-secondary);margin-top:.15rem;font-size:.85rem;font-weight:300}.record-card .card-genre{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-top:.3rem;font-size:.7rem}.history-section{padding:1rem 2rem 4rem}.history-section h2{margin:2.5rem 0 1.5rem;font-family:Playfair Display,Georgia,serif;font-size:1.8rem;font-weight:400}.history-empty{color:var(--text-secondary);font-size:.9rem}.history-list{margin:0;padding:0;list-style:none}.history-list li{border-bottom:1px solid var(--border);grid-template-columns:140px 1fr auto;align-items:baseline;gap:1.5rem;padding:1rem 0;display:grid}.history-list li:last-child{border-bottom:none}.history-date{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:.78rem}.history-album{font-family:Playfair Display,Georgia,serif;font-size:1.05rem;font-weight:700}.history-artist{color:var(--text-secondary);font-size:.9rem}@media (width<=600px){.history-list li{grid-template-columns:1fr;gap:.2rem}}footer{color:#bbb;text-align:center;padding:2rem;font-size:.75rem}@media (width<=768px){.hero{grid-template-columns:1fr;gap:2rem;padding:2rem}.hero-cover{max-width:320px;margin:0 auto}.hero-info{text-align:center;margin:0 auto}.hero-info .album-title{font-size:2.2rem}header{flex-direction:column;gap:.25rem}}