:root{--bg: #08080a;--surface: #0e0e11;--surface-hover: #141417;--border: #1e1e22;--border-light: #2a2a2e;--fg: #e8e4dc;--fg-dim: #aaa;--fg-muted: #777;--fg-ghost: #555;--brass: #e85d3a;--brass-dim: #d94e2e;--reeds: #d4a843;--reeds-dim: #c99b38;--keys: #5b9bd5;--keys-dim: #4a8ac4;--rhythm-bass: #7c5cbf;--rhythm-drums: #45a67d;--rhythm-perc: #389068;--strings: #c75d8f;--mallets: #6bb5a0;--vocals: #d48db0;--label-blue-note: #0070c0;--label-columbia: #c41e3a;--label-impulse: #e8740c;--label-prestige: #6b3fa0;--label-riverside: #2d8659;--label-atlantic: #cc9b26;--label-ecm: #5a7d8c;--label-verve: #b38600;--label-emarcy: #8b5e3c;--label-warner: #3d6b4f;--label-mercury: #7a4466;--font-display: "Oswald", "Arial Narrow", sans-serif;--font-mono: "SF Mono", "Menlo", "Consolas", monospace;--font-body: "Source Serif 4", "Georgia", serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 24px;--ease-default: .2s ease;--ease-card: .3s cubic-bezier(.2, 0, 0, 1);--stagger: 40ms}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-weight:400;letter-spacing:.01em;line-height:1.5;min-height:100vh}h1,h2,h3{font-family:var(--font-display);text-transform:lowercase}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}img{display:block;max-width:100%}.mono{font-family:var(--font-mono)}.pill{padding:3px 9px;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:10px;display:inline-flex;align-items:center;gap:4px;transition:var(--ease-default);cursor:pointer}.pill:hover{filter:brightness(1.2)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.fade-in{animation:fadeInUp .5s ease both}.cover-img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}.cover-img.loaded{opacity:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--ease-card),box-shadow var(--ease-card)}.card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #00000080}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--fg-muted)}.site-header{padding:20px var(--space-xl) 0;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px}.site-nav{display:flex;gap:4px;align-items:center;margin-bottom:2px;flex-wrap:wrap}.nav-pill{padding:7px 18px;border:1px solid;border-radius:var(--radius-pill);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;transition:var(--ease-default);white-space:nowrap}.nav-icon{padding:7px 12px;font-size:11px;text-decoration:none;transition:var(--ease-default);display:flex;align-items:center}.nav-icon:hover{color:var(--fg)!important}.spotify-auth-button,.spotify-auth-pill{padding:7px 12px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);border:1px solid var(--border);border-radius:var(--radius-pill);transition:var(--ease-default)}.spotify-auth-button:hover,.spotify-auth-pill:hover{color:var(--fg);border-color:var(--border-light)}.spotify-auth-pill{display:inline-flex;align-items:center;gap:10px;background:#ffffff05}.spotify-auth-logout{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-ghost)}.playable-album-art{position:relative;display:block;width:100%;height:100%;text-align:inherit}.playable-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(to top,#08080ab8,#08080a1f);opacity:0;transition:var(--ease-default)}.cover-action-rail{position:absolute;left:8px;right:8px;top:50%;display:flex;opacity:0;transform:translateY(calc(-50% + 8px));transition:var(--ease-default);z-index:2}.cover-action-button{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-width:0;min-height:30px;padding:0 6px;background:#08080aeb;border:1px solid rgba(232,228,220,.18);color:var(--fg);font-size:8px;letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-action-button:first-child{border-radius:999px 0 0 999px}.cover-action-button:last-child{border-radius:0 999px 999px 0;border-left:none}.cover-action-button:hover,.cover-action-button:focus-visible{border-color:#e8e4dc5c;color:#fff}.cover-action-button-secondary{color:var(--fg-muted)}.playable-glyph{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#08080ac7;border:1px solid rgba(232,228,220,.22);color:var(--fg);font-size:14px;transform:translateY(6px);transition:var(--ease-default)}.playable-album-art:hover .playable-overlay,.playable-album-art:focus-visible .playable-overlay{opacity:1}.playable-album-art:hover+.cover-action-rail,.playable-album-art:focus-visible+.cover-action-rail,.cover-action-rail:hover,.cover-action-rail:focus-within{opacity:1;transform:translateY(-50%)}.playable-album-art:hover .playable-glyph,.playable-album-art:focus-visible .playable-glyph{transform:translateY(0)}.playable-track-title{display:inline-flex;align-items:center;gap:8px;color:inherit;text-align:left}.playable-track-title:hover,.playable-track-title:focus-visible{color:var(--fg)}.playable-inline-glyph{opacity:0;color:var(--fg-muted);font-size:10px;transition:var(--ease-default)}.playable-track-title:hover .playable-inline-glyph,.playable-track-title:focus-visible .playable-inline-glyph{opacity:1}.toast-viewport{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;flex-direction:column;gap:10px;max-width:min(360px,calc(100vw - 32px))}.toast-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;background:#ece6d8f5;border:2px solid rgba(8,8,10,.92);border-radius:var(--radius-md);box-shadow:0 16px 40px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast-neutral{background:#ece6d8f5}.toast-warning{background:#e8d6aaf7}.toast-message{font-size:10px;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;color:#08080ae0}.toast-dismiss{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#08080a85}.toast-dismiss:hover{color:#08080ae0}.now-playing-footer{position:fixed;left:20px;right:20px;bottom:20px;z-index:40;background:#0e0e11f5;border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 18px 50px #00000073;overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.now-playing-main{display:grid;grid-template-columns:minmax(0,1.4fr) auto auto;gap:18px;align-items:center;padding:14px 16px 10px}.now-playing-media{display:flex;align-items:center;gap:12px;min-width:0}.now-playing-cover{width:44px;height:44px;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-hover);flex-shrink:0}.now-playing-cover img{width:100%;height:100%;object-fit:cover}.now-playing-controls,.now-playing-actions{display:flex;align-items:center;gap:8px}.now-playing-button{width:34px;height:34px;border-radius:999px;border:1px solid var(--border-light);display:inline-flex;align-items:center;justify-content:center;color:var(--fg-muted);transition:var(--ease-default)}.now-playing-button:hover,.now-playing-button-primary{color:var(--fg);border-color:var(--fg-muted)}.now-playing-link,.now-playing-dismiss{font-size:10px;color:var(--fg-muted);letter-spacing:.08em;text-transform:uppercase}.now-playing-link:hover,.now-playing-dismiss:hover{color:var(--fg)}.now-playing-progress{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:0 16px 12px}.now-playing-progress .mono{font-size:9px;color:var(--fg-ghost)}.now-playing-progress input[type=range]{width:100%;accent-color:var(--fg-muted)}.now-playing-progress-bar{height:1px;background:linear-gradient(to right,var(--fg-muted),var(--fg));transform-origin:left center}@media(max-width:820px){.now-playing-main{grid-template-columns:1fr}.now-playing-controls,.now-playing-actions{justify-content:space-between}}@media(max-width:768px){.site-header{padding:16px var(--space-md) 0;gap:12px}.site-header h1{font-size:28px!important}.site-nav{width:100%;gap:6px}.nav-pill{padding:6px 14px;font-size:10px}}.search-row{transition:background var(--ease-default)}.search-row:hover{background:var(--surface-hover)}