*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0b0908;--bg-card: #141210;--bg-hover: #1e1a18;--border: #262220;--text: #f0ebe3;--text-muted: #8a8078;--text-faint: #504840;--accent: #d4714a;--accent-2: #6a9fd4;--green: #4caf82;--font: system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Bebas Neue", Impact, sans-serif;--mono: "SF Mono", "Fira Code", monospace;--radius: 8px;--radius-lg: 12px;--transition: .18s ease}html{background:var(--bg);color:var(--text);font-family:var(--font);scroll-behavior:smooth}body{min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{max-width:1200px;margin:0 auto;padding:0 24px}.site-nav{position:sticky;top:0;z-index:100;background:#0b0908b8;backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.06)}.site-nav__inner{display:flex;align-items:center;justify-content:space-between;height:54px;gap:12px}.site-nav__logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:.875rem;color:var(--text);white-space:nowrap;flex-shrink:0;letter-spacing:-.01em}.site-nav__logo svg{color:var(--accent);flex-shrink:0}.site-nav__logo:hover span{color:var(--accent)}.site-nav__logo span{transition:color var(--transition)}.site-nav__links{display:flex;align-items:center;gap:2px;flex-shrink:0}.site-nav__pill{padding:5px 12px;border-radius:20px;font-size:.78rem;font-weight:600;letter-spacing:.02em;color:var(--text-muted);transition:color var(--transition),background var(--transition);white-space:nowrap}.site-nav__pill:hover{color:var(--text);background:var(--bg-hover)}.site-nav__pill.active{color:var(--text);background:var(--bg-hover);border:1px solid var(--border)}.site-nav__sep{width:1px;height:18px;background:var(--border);margin:0 6px;flex-shrink:0}.site-nav__contrib{display:flex;align-items:center;gap:7px;padding:5px 10px;border-radius:20px;font-size:.78rem;font-weight:600;color:var(--text-muted);transition:color var(--transition),background var(--transition);white-space:nowrap}.site-nav__contrib:hover{color:var(--text);background:var(--bg-hover)}.site-nav__contrib.active{color:var(--text);background:var(--bg-hover);border:1px solid var(--border)}.site-nav__contrib-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.site-nav__contrib-name{transition:color var(--transition)}@media(max-width:520px){.site-nav__contrib-name{display:none}.site-nav__contrib{padding:5px 8px}.site-nav__contrib-dot{width:10px;height:10px}}.contrib-hero{padding:48px 0 36px;border-bottom:1px solid var(--border)}.contrib-hero__back{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:20px;display:inline-flex;align-items:center;gap:6px;transition:color var(--transition)}.contrib-hero__back:hover{color:var(--text-muted)}.contrib-hero__name{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;display:flex;align-items:center;gap:14px;margin-bottom:20px}.contrib-hero__dot{width:18px;height:18px;border-radius:50%;flex-shrink:0}.contrib-stats{display:flex;gap:32px;flex-wrap:wrap}.contrib-stat{display:flex;flex-direction:column;gap:2px}.contrib-stat__value{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.contrib-stat__label{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.page-hero{padding:48px 0 36px;border-bottom:1px solid var(--border)}.page-hero__title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.03em;margin-bottom:8px}.page-hero__sub{color:var(--text-muted);font-size:.95rem}.artists-grid{padding:40px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.artist-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:6px;transition:transform var(--transition),border-color var(--transition)}.artist-card:hover{transform:translateY(-2px);border-color:#3a3a3a}.artist-card__name{font-weight:700;font-size:.9rem;color:var(--text);line-height:1.3}.artist-card__count{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.artist-detail{padding:48px 0}.artist-detail__back{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:24px;display:inline-flex;align-items:center;gap:6px;transition:color var(--transition)}.artist-detail__back:hover{color:var(--text-muted)}.artist-detail__title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.03em;margin-bottom:32px}.picks-list{display:flex;flex-direction:column;gap:12px;max-width:640px}.pick-row{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px}.pick-row__artwork{width:56px;height:56px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#1a1a1a}.pick-row__artwork img{width:100%;height:100%;object-fit:cover}.pick-row__artwork-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-faint)}.pick-row__info{flex:1;min-width:0}.pick-row__album{font-weight:700;font-size:.9rem;color:var(--text)}.pick-row__meta{display:flex;align-items:center;gap:8px;margin-top:3px;font-size:.75rem;color:var(--text-muted)}.pick-row__contributor{display:flex;align-items:center;gap:5px}.pick-row__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.hero{padding:64px 0 56px;border-bottom:1px solid var(--border)}.hero__inner{display:grid;grid-template-columns:1fr;gap:56px;align-items:center}.hero__inner--split{grid-template-columns:58fr 42fr}.hero__eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.hero__title{font-family:var(--display);font-size:clamp(3.4rem,7vw,6rem);font-weight:400;letter-spacing:.02em;line-height:.94;text-transform:uppercase;margin-bottom:24px}.hero__description{font-size:1rem;color:var(--text-muted);max-width:520px;line-height:1.65;margin-bottom:36px}.hero__meta{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.hero__right{display:flex;align-items:center;justify-content:center}.hero__np-card{background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius-lg);overflow:hidden;width:100%;max-width:300px;box-shadow:0 0 0 1px var(--accent),0 10px 52px #d4714a3d}.hero__np-badge{background:var(--accent);color:#fffffff2;font-size:9px;font-weight:800;letter-spacing:.16em;text-align:center;padding:6px 0;text-transform:uppercase}.hero__np-art{aspect-ratio:1/1;overflow:hidden;background:var(--bg-hover);position:relative}.hero__np-art img{width:100%;height:100%;object-fit:cover}.hero__np-art-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-faint)}.hero__np-body{padding:16px}.hero__np-contrib{display:flex;align-items:center;gap:5px;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:7px}.hero__np-contrib-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.hero__np-album{font-size:1rem;font-weight:700;line-height:1.25;color:var(--text);margin-bottom:3px}.hero__np-artist{font-size:.82rem;color:var(--text-muted)}.contributor-badge{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500}.contributor-badge__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.progress-section{padding:32px 0;border-bottom:1px solid var(--border)}.progress-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.progress-label{font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.progress-count{display:flex;align-items:baseline;gap:10px}.progress-count__pct{font-size:1.25rem;font-weight:800;color:var(--text);line-height:1}.progress-count__detail{font-size:.8rem;color:var(--text-muted);font-weight:400}.progress-track{height:6px;background:var(--border);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-2) 100%);border-radius:99px;transition:width .6s ease}.seasons-grid{padding:48px 0}.year-section{margin-bottom:56px}.year-heading{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-faint);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border)}.year-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.album-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--contrib-color, var(--border));border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition),border-color var(--transition),background var(--transition);position:relative}.album-card:hover{transform:translateY(-3px);border-color:#3a3a3a;background:var(--bg-hover)}.album-card__artwork{aspect-ratio:1 / 1;background:#1a1a1a;overflow:hidden;position:relative}.album-card__artwork img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.album-card:hover .album-card__artwork img{transform:scale(1.04)}.album-card__artwork-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-faint)}.album-card__artwork-placeholder svg{width:40%;height:40%}.album-card__body{padding:14px 14px 12px;display:flex;flex-direction:column;flex:1;gap:6px}.album-card__contributor{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.album-card__contributor-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.album-card__title{font-size:.9rem;font-weight:700;line-height:1.3;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.album-card__artist{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-card__links{display:flex;gap:4px;margin-top:auto;padding-top:10px;border-top:1px solid var(--border)}.album-card__link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--text-faint);transition:color var(--transition),background var(--transition);flex-shrink:0}.album-card__link:hover{color:var(--text);background:var(--bg-hover)}.album-card__link svg{width:16px;height:16px}.album-card__week{position:absolute;top:10px;left:10px;background:#000000a6;backdrop-filter:blur(4px);border-radius:4px;padding:3px 7px;font-size:.65rem;font-weight:700;letter-spacing:.08em;color:#ffffffb3}.album-card--now-playing{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 6px 32px #d4714a38}.album-card--now-playing:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 10px 40px #d4714a4d}.album-card__np-badge{position:absolute;top:0;left:0;right:0;z-index:2;background:var(--accent);color:#fffffff2;font-size:.6rem;font-weight:800;letter-spacing:.12em;text-align:center;padding:4px 0}.album-card--upcoming{opacity:.5;cursor:default}.album-card--upcoming .album-card__artwork-placeholder{background:#111}.album-card--upcoming:hover{transform:none;border-color:var(--border);background:var(--bg-card);opacity:.6}.album-card__locked-label{font-size:.75rem;font-weight:600;letter-spacing:.06em;color:var(--text-faint);font-style:italic;margin-top:2px}.upcoming-section .year-cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.year-heading__count{font-size:.65rem;font-weight:500;letter-spacing:.05em;color:var(--text-faint);margin-left:10px;text-transform:none}.album-card__notes-trigger{color:var(--accent)!important;background:none;border:none;cursor:pointer}.album-card__notes-trigger:hover{background:#e8a87c1f!important}.notes-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:modal-fade-in .18s ease}.notes-modal[hidden]{display:none}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.notes-modal__backdrop{position:absolute;inset:0;background:#000000bf;backdrop-filter:blur(4px);cursor:pointer}.notes-modal__box{position:relative;z-index:1;background:#1e1e1e;border:1px solid #333;border-radius:var(--radius-lg);padding:28px;max-width:480px;width:100%;box-shadow:0 24px 64px #0009;animation:modal-slide-up .2s ease}@keyframes modal-slide-up{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.notes-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.notes-modal__album{font-size:1rem;font-weight:700;color:var(--text);line-height:1.3;margin-bottom:4px}.notes-modal__byline{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-muted)}.notes-modal__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.notes-modal__close{flex-shrink:0;background:none;border:none;color:var(--text-faint);cursor:pointer;padding:4px;border-radius:6px;transition:color var(--transition),background var(--transition);line-height:0}.notes-modal__close:hover{color:var(--text);background:var(--bg-hover)}.notes-modal__body{font-size:.95rem;line-height:1.7;color:var(--text-muted);white-space:pre-wrap}.hero__jump-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.78rem;font-weight:600;letter-spacing:.02em;color:var(--accent);border:1px solid rgba(232,168,124,.35);transition:background var(--transition),border-color var(--transition)}.hero__jump-btn:hover{background:#e8a87c1a;border-color:var(--accent)}.contrib-scorecard{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.contrib-scorecard__item{display:flex;flex-direction:column;gap:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;min-width:120px}.contrib-scorecard__item--wide{flex:1 1 200px}.contrib-scorecard__label{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.contrib-scorecard__value{font-size:.9rem;font-weight:600;color:var(--text)}.contrib-scorecard__value--pick{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.contrib-scorecard__pick-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.contrib-scorecard__pick-week{font-size:.72rem;color:var(--text-faint);font-weight:500}.artist-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.artist-card__contribs{display:flex;gap:4px;align-items:center}.artist-card__contrib-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.artist-detail__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:32px}.artist-detail__pick-count{font-size:.82rem;color:var(--text-muted);font-weight:500}.artist-detail__season-badge{font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:3px 10px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);transition:color var(--transition),border-color var(--transition)}.artist-detail__season-badge:hover{color:var(--text);border-color:#444}.pick-row__season-tag{font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:2px 7px;border-radius:10px;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-faint);transition:color var(--transition)}.pick-row__season-tag:hover{color:var(--text-muted)}.site-footer{border-top:1px solid var(--border);padding:32px 0;color:var(--text-faint);font-size:.8rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}@media(max-width:860px){.hero__inner--split{grid-template-columns:1fr}}@media(max-width:640px){.hero{padding:40px 0 36px}.year-cards{grid-template-columns:repeat(2,1fr);gap:12px}.site-footer{flex-direction:column;align-items:flex-start}}@media(max-width:380px){.year-cards{grid-template-columns:1fr}}
