*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}:root{--font-disp: "Bebas Neue", sans-serif;--font-body: "Space Grotesk", sans-serif;--font-mono: "DM Mono", monospace;--sidebar: 240px;--radius: 8px;--transition: .2s ease}[data-theme=dark]{--bg: #000000;--bg2: #0a0a0a;--bg3: #141414;--border: #1f1f1f;--border2: #2a2a2a;--gold: #d4af5a;--gold2: #e8c96a;--gold-dim: #6b5520;--gold-glow: rgba(212, 175, 90, .08);--text: #ffffff;--text2: #a1a1a1;--text3: #666666;--red: #d45555;--teal: #4a9e8e;--tooltip-bg: rgba(0, 0, 0, .85);--shadow: 0 1px 3px rgba(0,0,0,.6);--shadow-lg: 0 8px 32px rgba(0,0,0,.7);--cert-diamond: #b9f2ff;--cert-multi-plat: #c0c0c0;--cert-platinum: #e5e4e2;--cert-gold: #d4af5a}[data-theme=light]{--bg: #ffffff;--bg2: #fafafa;--bg3: #f0f0f0;--border: #e5e5e5;--border2: #d4d4d4;--gold: #b07d3a;--gold2: #c99550;--gold-dim: #e8d5b0;--gold-glow: rgba(176, 125, 58, .06);--text: #171717;--text2: #525252;--text3: #a3a3a3;--red: #c06060;--teal: #4a9088;--tooltip-bg: rgba(255, 255, 255, .85);--shadow: 0 1px 3px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.1);--cert-diamond: #6dc8de;--cert-multi-plat: #707070;--cert-platinum: #808080;--cert-gold: #d4a84a}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}*{scrollbar-width:thin;scrollbar-color:var(--border2) transparent}.layout{display:flex;height:100vh}.sidebar{width:var(--sidebar);min-width:var(--sidebar);background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:0;overflow:hidden}.sidebar-logo{padding:28px 22px 22px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--gold-glow) 0%,transparent 100%)}.sidebar-logo h1{font-family:var(--font-disp);font-size:28px;letter-spacing:.08em;color:var(--gold);line-height:1}.sidebar-logo p{font-family:var(--font-mono);font-size:10px;color:var(--text3);letter-spacing:.12em;text-transform:uppercase;margin-top:6px}.sidebar-nav{flex:1;padding:16px 0}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 22px;color:var(--text3);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;border-left:2px solid transparent;transition:all var(--transition)}.nav-item:hover{color:var(--text2);background:var(--bg3)}.nav-item.active{color:var(--gold);border-left-color:var(--gold);background:var(--gold-glow)}.nav-item svg{width:15px;height:15px;flex-shrink:0}.sidebar-stats{padding:18px 22px;border-top:1px solid var(--border);display:flex;gap:16px}.sidebar-stat{flex:1}.sidebar-stat-val{font-family:var(--font-disp);font-size:20px;color:var(--text);letter-spacing:.04em;line-height:1}.sidebar-stat-label{font-family:var(--font-mono);font-size:8px;color:var(--text3);letter-spacing:.12em;text-transform:uppercase;margin-top:3px}.topbar{display:flex;justify-content:flex-end;margin-bottom:8px;position:relative;z-index:900}.search-icon-btn{display:none}.sidebar-search{position:relative;width:280px}.search-input-wrap{display:flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:5px 12px;color:var(--text3);transition:all .2s ease}.search-input-wrap:focus-within{border-color:var(--gold-dim);background:var(--bg2);box-shadow:0 0 0 3px var(--gold-glow)}.search-input-wrap input{background:none;border:none;outline:none;color:var(--text);font-family:var(--font-body);font-size:12px;width:100%;letter-spacing:.01em}.search-input-wrap input::placeholder{color:var(--text3);font-family:var(--font-mono);font-size:11px}.search-results{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--bg2);border:1px solid var(--border);border-radius:12px;max-height:400px;overflow-y:auto;z-index:999;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:3px;animation:slideUp .15s cubic-bezier(.16,1,.3,1) both}.search-result{display:flex;align-items:center;gap:8px;padding:7px 10px;cursor:pointer;border-radius:6px;transition:background .12s ease}.search-result:hover{background:var(--gold-glow)}.search-result-tag{font-family:var(--font-mono);font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);background:var(--bg3);border-radius:4px;padding:3px 6px;flex-shrink:0;min-width:38px;text-align:center}.search-result-primary{font-size:12px;font-weight:500;color:var(--text)}.search-result-secondary{font-family:var(--font-mono);font-size:10px;color:var(--text3);margin-top:1px}.sidebar-bottom{border-top:1px solid var(--border)}.compare-input{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);padding:8px 12px;color:var(--text);font-family:var(--font-mono);font-size:12px;outline:none;transition:border-color var(--transition)}.compare-input:focus{border-color:var(--teal)}.compare-input::placeholder{color:var(--text3)}.theme-toggle{display:flex;align-items:center;gap:8px;padding:10px 22px;border:none;background:none;color:var(--text3);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color var(--transition);width:100%}.theme-toggle:hover{color:var(--text2)}.coffee-link{display:flex;align-items:center;gap:8px;padding:10px 22px;color:var(--gold);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:color var(--transition)}.coffee-link:hover{color:var(--gold2)}.main{flex:1;overflow-y:auto;padding:36px 44px;scrollbar-width:thin;scrollbar-color:var(--border2) transparent}.page-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.page-title{font-family:var(--font-disp);font-size:52px;letter-spacing:.06em;color:var(--text);line-height:1}.page-subtitle{font-family:var(--font-mono);font-size:11px;color:var(--text3);letter-spacing:.1em;text-transform:uppercase;margin-top:8px}.controls{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px;align-items:center}.controls-label{font-family:var(--font-mono);font-size:9px;color:var(--text2);letter-spacing:.15em;text-transform:uppercase;margin-right:2px;opacity:.7;background:var(--bg3);padding:3px 8px;border-radius:4px}.btn{background:var(--bg3);border:1px solid var(--border2);color:var(--text2);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:capitalize;padding:6px 14px;border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn:hover{border-color:var(--gold-dim);color:var(--text);background:var(--gold-glow)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn.active{background:var(--gold-glow);border-color:var(--gold);color:var(--gold);box-shadow:0 0 12px #d4af5a1a}.divider{width:1px;height:20px;background:var(--border2);margin:0 4px}.billboard-group{display:flex;align-items:center;gap:8px}select.week-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236a6870' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center;background-color:var(--bg3);padding-right:18px}select.week-select:hover{background-color:var(--gold-glow);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236a6870' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;font-size:13px}.song-name,.artist-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}thead tr{border-bottom:1px solid var(--border2);background:var(--bg3)}thead th{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);padding:10px 14px;text-align:left;white-space:nowrap}thead th.num{text-align:right}tbody tr{border-bottom:1px solid var(--border);transition:all .15s ease}tbody tr:nth-child(2n){background:var(--gold-glow)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--bg3);box-shadow:inset 2px 0 0 var(--teal)}tbody td{padding:10px 14px;color:var(--text);vertical-align:middle}tbody td.num{text-align:right;font-family:var(--font-mono);font-size:12px;color:var(--text2)}tbody td.rank-cell{font-family:var(--font-disp);font-size:20px;color:var(--text3);white-space:nowrap;vertical-align:middle}tbody td.gold{font-family:var(--font-mono);font-size:13px;color:var(--gold);text-align:right}tbody td.date-cell{font-family:var(--font-mono);font-size:12px;color:var(--text3);text-align:center;white-space:nowrap;width:90px}thead th.date-col{width:90px;text-align:center}tbody td.mono-cell{font-family:var(--font-mono);font-size:12px}.song-name{color:var(--text);font-weight:600}.song-name.clickable,.clickable{cursor:pointer}.song-name.clickable:hover,.clickable:hover{color:var(--gold)}.clickable-teal:hover{color:var(--teal)!important}.artist-name{font-size:11px;color:var(--text3);font-family:var(--font-mono);margin-top:2px}.chart-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:var(--shadow);transition:all .2s cubic-bezier(.16,1,.3,1)}.chart-card:hover{border-color:var(--border2);box-shadow:var(--shadow-lg)}.chart-card.no-box{background:none;border:none;border-radius:0;padding:0;box-shadow:none}.chart-card.no-box:hover{box-shadow:none}.chart-card-title{font-family:var(--font-disp);font-size:22px;letter-spacing:.05em;color:var(--text);margin-bottom:2px}.chart-card-sub{font-family:var(--font-mono);font-size:10px;color:var(--text3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:28px}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow);transition:all .2s cubic-bezier(.16,1,.3,1)}.stat-card:hover{border-color:var(--teal);box-shadow:var(--shadow-lg)}.stat-card-val{font-family:var(--font-disp);font-size:36px;color:var(--gold);letter-spacing:.04em;line-height:1;white-space:nowrap}.stat-card-label{font-family:var(--font-mono);font-size:9px;color:var(--text3);letter-spacing:.12em;text-transform:uppercase;margin-top:6px}.stat-card-sub{font-size:12px;color:var(--text2);margin-top:6px;font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout-topnav{min-height:100vh}.top-nav{background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;width:100%}.top-nav-inner{display:flex;align-items:center;gap:8px;padding:0 48px;height:52px}.top-nav-logo{font-family:var(--font-disp);font-size:20px;color:var(--gold);letter-spacing:.08em;text-decoration:none;margin-right:16px;white-space:nowrap}.top-nav-links{display:flex;gap:4px;flex:1;overflow:hidden}@media (max-width: 1100px){.top-nav-links{display:none!important}.top-nav-mobile-menu{display:block!important}.desktop-only{display:none!important}.text-switch{font-size:16px!important}.text-switch.active{font-size:24px!important}.text-toggle{font-size:11px}}.top-nav-link{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);text-decoration:none;padding:6px 12px;border-radius:8px;white-space:nowrap;transition:all var(--transition)}.top-nav-link:hover{color:var(--text2);background:var(--bg3)}.top-nav-link.active{color:var(--gold);background:var(--gold-glow)}.top-nav-right{display:flex;align-items:center;gap:6px;margin-left:auto}.top-nav-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:none;color:var(--text3);cursor:pointer;transition:all var(--transition)}.top-nav-icon:hover{color:var(--text2);background:var(--bg3)}.top-nav-user{font-family:var(--font-mono);font-size:10px;color:var(--text3);text-decoration:none;letter-spacing:.06em;padding:4px 8px}.top-nav-user:hover{color:var(--gold)}.main-topnav-inner{padding:28px 48px;min-height:calc(100vh - 52px);max-width:1500px;margin:0 auto}@media (max-width: 768px){.top-nav-inner{padding:0 12px;height:48px}.top-nav-links{display:none}.top-nav-mobile-menu{display:block}.top-nav-user{display:none}.main-topnav-inner{padding:16px}.top-nav-inner{padding:0 12px}}.wrapped-top10-grid{display:grid;grid-template-columns:1.3fr 1fr .9fr;gap:16px;min-width:0}@media (max-width: 1100px){.wrapped-top10-grid{grid-template-columns:1fr}}.bento-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:100%}.bento-grid>*{min-width:0;min-height:0}@media (max-width: 900px){.bento-grid{grid-template-columns:1fr}}.bento-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);transition:all .2s cubic-bezier(.16,1,.3,1);overflow:hidden;min-width:0}.bento-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border2)}.bento-clickable{cursor:pointer}.bento-clickable:hover{border-color:var(--gold-dim)}.bento-wide{grid-column:span 2}.bento-full{grid-column:span 3}.bento-label{font-family:var(--font-mono);font-size:9px;color:var(--text3);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}.bento-val{font-family:var(--font-disp);font-size:40px;color:var(--gold);letter-spacing:.04em;line-height:1}.bento-sub{font-family:var(--font-mono);font-size:10px;color:var(--text3);letter-spacing:.1em;margin-top:4px}@media (max-width: 768px){.bento-wide,.bento-full{grid-column:span 1}.bento-val{font-size:28px}.otd-list{flex-direction:column!important}}.loading{display:flex;align-items:center;justify-content:center;height:200px;font-family:var(--font-mono);font-size:11px;color:var(--text3);letter-spacing:.1em}.loading:after{content:"";width:18px;height:18px;border:1.5px solid var(--border2);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;margin-left:12px}@keyframes spin{to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.pageloader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:200px;padding:32px 16px;text-align:center}.pageloader--compact{min-height:0;padding:18px 12px;gap:10px}.pageloader-vinyl{width:38px;height:38px;border-radius:50%;background:conic-gradient(from 0deg,#ffffff29,#ffffff29 14deg,#fff0 14deg,#fff0 130deg,#ffffff12 130deg,#ffffff12 150deg,#fff0 150deg,#fff0 360deg),radial-gradient(circle at 50% 50%,var(--bg) 0 2.5px,var(--gold) 2.5px 9px,#15110a 9px 10px,#2a2a2a 10px 10.5px,#1b1b1b 10.5px 13px,#2a2a2a 13px 13.5px,#1b1b1b 13.5px 16px,#303030 16px 19px);border:1px solid rgba(0,0,0,.45);box-shadow:0 0 0 1px #ffffff0f,0 2px 7px #00000059;animation:spin 1.7s linear infinite;flex-shrink:0}.pageloader--compact .pageloader-vinyl{width:26px;height:26px}.pageloader-status{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text2)}.pageloader-fact{font-family:var(--font-display, Georgia, serif);font-style:italic;font-weight:500;font-size:clamp(18px,4.5vw,23px);line-height:1.3;color:var(--text);max-width:460px;min-height:2.6em;animation:fadeIn .5s ease both}@media (prefers-reduced-motion: reduce){.pageloader-vinyl{animation-duration:6s}.pageloader-fact{animation:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dropdownReveal{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes rowSlide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.main>*{animation:slideUp .4s cubic-bezier(.16,1,.3,1) both}.main>*:nth-child(1){animation-delay:0s}.main>*:nth-child(2){animation-delay:.06s}.main>*:nth-child(3){animation-delay:.12s}.main>*:nth-child(4){animation-delay:.18s}.main>*:nth-child(5){animation-delay:.24s}.main>*:nth-child(6){animation-delay:.3s}.main>*:nth-child(7){animation-delay:.36s}.main>*:nth-child(8){animation-delay:.42s}.bento-grid>.bento-card{animation:scaleIn .4s cubic-bezier(.16,1,.3,1) both}.bento-grid>.bento-card:nth-child(1){animation-delay:.05s}.bento-grid>.bento-card:nth-child(2){animation-delay:.1s}.bento-grid>.bento-card:nth-child(3){animation-delay:.15s}.bento-grid>.bento-card:nth-child(4){animation-delay:.2s}.bento-grid>.bento-card:nth-child(5){animation-delay:.25s}.bento-grid>.bento-card:nth-child(6){animation-delay:.3s}.bento-grid>.bento-card:nth-child(7){animation-delay:.35s}.stat-grid>.stat-card{animation:slideUp .35s cubic-bezier(.16,1,.3,1) both}.stat-grid>.stat-card:nth-child(1){animation-delay:.05s}.stat-grid>.stat-card:nth-child(2){animation-delay:.1s}.stat-grid>.stat-card:nth-child(3){animation-delay:.15s}.stat-grid>.stat-card:nth-child(4){animation-delay:.18s}.stat-grid>.stat-card:nth-child(5){animation-delay:.21s}.stat-grid>.stat-card:nth-child(6){animation-delay:.24s}tbody tr{animation:rowSlide .3s cubic-bezier(.16,1,.3,1) both}tbody tr:nth-child(1){animation-delay:.02s}tbody tr:nth-child(2){animation-delay:.04s}tbody tr:nth-child(3){animation-delay:.06s}tbody tr:nth-child(4){animation-delay:.08s}tbody tr:nth-child(5){animation-delay:.1s}tbody tr:nth-child(6){animation-delay:.12s}tbody tr:nth-child(7){animation-delay:.14s}tbody tr:nth-child(8){animation-delay:.16s}tbody tr:nth-child(9){animation-delay:.18s}tbody tr:nth-child(10){animation-delay:.2s}tbody tr:nth-child(n+11){animation-delay:.22s}.btn{transform:translateY(0)}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.btn:active{transform:translateY(0) scale(.97);transition-duration:.1s}.top-nav-link{position:relative}.top-nav-link:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--gold);border-radius:1px;transition:width .25s cubic-bezier(.16,1,.3,1),left .25s cubic-bezier(.16,1,.3,1)}.top-nav-link.active:after,.top-nav-link:hover:after{width:80%;left:10%}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 900px){.two-col,.three-col{grid-template-columns:1fr}}.mobile-header,.sidebar-overlay{display:none}@media (max-width: 768px){.sidebar{position:fixed;left:-280px;top:0;bottom:0;width:280px;min-width:280px;z-index:200;transition:left .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.sidebar.open{left:0}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.open{display:block}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--bg2)}.mobile-header h1{font-family:var(--font-disp);font-size:20px;letter-spacing:.06em;color:var(--gold);line-height:1}.hamburger{background:none;border:none;color:var(--text);cursor:pointer;padding:4px}.main{padding:20px 16px}.topbar{margin-bottom:4px}.page-title{font-size:36px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card-val{font-size:26px}.controls{gap:4px;margin-bottom:16px}.billboard-divider{display:none}.billboard-controls{flex-direction:column;align-items:flex-start;gap:8px}.billboard-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.btn{padding:4px 9px;font-size:10px}.week-select{padding:3px 10px}.sidebar-stats{flex-direction:column;gap:8px}.page-header{margin-bottom:16px;padding-bottom:12px}table{font-size:12px}tbody td{padding:7px 10px}thead th{padding:8px 10px}tbody td.rank-cell{font-size:16px;width:28px;padding-right:2px}}.badge{display:inline-block;background:var(--gold-glow);color:var(--gold);border:1px solid var(--gold-dim);border-radius:10px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;padding:2px 8px;text-transform:uppercase;margin-left:6px;vertical-align:middle}.text-switch{background:none;border:none;cursor:pointer;font-family:var(--font-disp);letter-spacing:.04em;padding:0;line-height:1;transition:all .2s ease}.text-switch:hover{color:var(--text2)!important;transform:scale(1.06)}.text-switch.active{cursor:default}.text-switch.active:hover{color:var(--text)!important;transform:none}.text-toggle{background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:capitalize;padding:4px 8px;color:var(--text3);transition:all .2s cubic-bezier(.16,1,.3,1);border-radius:4px}.text-toggle:hover{color:var(--text)}.text-toggle.active{color:var(--gold);cursor:default}.text-toggle.active:hover{background:none}.image-cell-name{color:#fff;transition:color .15s ease}.image-cell-name:hover{color:var(--gold2)}.hero-bg{filter:blur(8px) brightness(.3)}[data-theme=light] .hero-bg{filter:blur(8px) brightness(.45)}.back-arrow{transition:transform .15s}.back-btn:hover .back-arrow{transform:translate(-3px)}::-webkit-scrollbar{display:none}*{scrollbar-width:none}.top-nav-mobile-menu{display:none;position:relative}.top-nav-mobile-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:none;color:var(--text3);cursor:pointer}.top-nav-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:180px;animation:dropdownReveal .25s cubic-bezier(.16,1,.3,1) both;transform-origin:top right;z-index:200;padding:6px 0}.top-nav-dropdown a{display:block;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);text-decoration:none;padding:10px 16px;transition:all var(--transition)}.top-nav-dropdown a:hover{color:var(--text2);background:var(--bg3)}.top-nav-dropdown a.active{color:var(--gold);background:var(--gold-glow)}@media (max-width: 500px){.search-icon-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text3);cursor:pointer;padding:4px;flex-shrink:0}.sidebar-search{width:auto}.sidebar-search .search-input-wrap,.sidebar-search .search-results{display:none}.sidebar-search.expanded{width:100%;position:relative;z-index:100}.sidebar-search.expanded .search-icon-btn{display:none}.sidebar-search.expanded .search-input-wrap{display:flex}.sidebar-search.expanded .search-results{display:block}}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-33.33%)}}.ticker-scroll{animation:tickerScroll 20s linear infinite}.ticker-wrap:hover .ticker-scroll,.ticker-scroll.paused{animation-play-state:paused}.ticker-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ticker-wrap::-webkit-scrollbar{display:none}@media (max-width: 768px){.vinyl-hero{flex-direction:column!important;gap:16px!important}.vinyl-hero>div:nth-child(2),.vinyl-hero>div:nth-child(3){flex-direction:column!important;align-items:center!important}.vinyl-text{max-width:80%!important;text-align:center}}@keyframes vinylSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-disc{animation:vinylSpin 3s linear infinite}.vinyl-disc.paused{animation-play-state:paused}.settings-layout{display:flex;flex-direction:column}.settings-sidebar{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:24px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain}.settings-nav-item{display:flex;align-items:center;gap:8px;padding:12px 16px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:var(--text3);font-family:var(--font-mono);font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.settings-nav-item:hover{color:var(--text2)}.settings-nav-item.active{color:var(--text);font-weight:600;border-bottom-color:var(--gold)}.settings-content{min-width:0}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px}@media (max-width: 768px){.settings-nav-item{padding:10px 12px;font-size:12px}.settings-row{flex-direction:column;align-items:flex-start}}.site-footer{margin-top:40px;padding:32px 0 40px;border-top:1px solid var(--border);background:var(--bg2)}.site-footer-inner{max-width:1200px;margin:0 auto;padding:0 48px;display:flex;justify-content:space-between;align-items:center}.site-footer-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap;justify-content:center}.site-footer-links a,.site-footer-links button{font-family:var(--font-mono);font-size:11px;color:var(--text3);text-decoration:none;letter-spacing:.08em;text-transform:uppercase;background:none;border:none;cursor:pointer;padding:0;transition:color .2s;display:inline-flex;align-items:center;gap:6px;line-height:1}.site-footer-links a svg,.site-footer-links button svg{flex-shrink:0}.site-footer-links a:hover,.site-footer-links button:hover{color:var(--gold)}.site-footer-copy{font-family:var(--font-mono);font-size:9px;color:var(--text3);letter-spacing:.08em;opacity:.6}.footer-lastfm{color:inherit;text-decoration:none}.dropdown-tooltip{display:none;position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:8px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-family:var(--font-mono);font-size:11px;color:var(--text2);white-space:nowrap;box-shadow:var(--shadow-lg);z-index:1000;align-items:center;gap:8px;pointer-events:none}*:hover>.dropdown-tooltip{display:flex}.footer-lastfm:hover{text-decoration:underline}@media (max-width: 768px){.site-footer-inner{flex-direction:column;gap:12px;padding:0 16px}.site-footer-links{gap:16px}}@keyframes cmdk-fade-in{0%{opacity:0}to{opacity:1}}.cmdk-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;animation:cmdk-fade-in .18s ease-out both}[data-theme=light] .cmdk-backdrop{background:#ffffff8c}.cmdk-panel{width:min(620px,calc(100vw - 32px));max-height:70vh;background:var(--bg2);border:1px solid var(--border2);border-radius:14px;box-shadow:var(--shadow-lg),0 0 0 1px var(--gold-glow);display:flex;flex-direction:column;overflow:hidden;animation:cmdk-pop .18s ease-out both}@keyframes cmdk-pop{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cmdk-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.cmdk-input-icon{color:var(--text3);flex-shrink:0}.cmdk-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-body);font-size:15px;min-width:0}.cmdk-input::placeholder{color:var(--text3)}.cmdk-list{flex:1;overflow-y:auto;padding:6px}.cmdk-section{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--text3);padding:10px 10px 4px;text-transform:uppercase}.cmdk-empty{padding:24px 16px;text-align:center;color:var(--text3);font-size:13px}.cmdk-item{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--text)}.cmdk-item.active{background:var(--bg3)}.cmdk-item.active .cmdk-item-arrow{opacity:1;transform:translate(2px)}.cmdk-item-icon{color:var(--text2);flex-shrink:0}.cmdk-item.active .cmdk-item-icon{color:var(--gold)}.cmdk-item-main{flex:1;min-width:0}.cmdk-item-label{color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmdk-item-hint{font-family:var(--font-mono);font-size:10px;color:var(--text3);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmdk-item-arrow{color:var(--text3);opacity:0;transition:opacity .15s ease,transform .15s ease;flex-shrink:0}.cmdk-tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);background:var(--bg);border:1px solid var(--border);padding:2px 6px;border-radius:4px;flex-shrink:0}.cmdk-footer{display:flex;gap:16px;padding:8px 14px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:10px;color:var(--text3);background:var(--bg)}.cmdk-footer>div{display:flex;align-items:center;gap:5px}.cmdk-kbd{font-family:var(--font-mono);font-size:10px;color:var(--text2);background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:1px 5px;display:inline-flex;align-items:center;min-width:18px;justify-content:center}@media (max-width: 600px){.cmdk-backdrop{padding-top:6vh}.cmdk-panel{max-height:88vh}.cmdk-footer{display:none}}.search-trigger{cursor:pointer;width:100%;text-align:left;font:inherit;color:var(--text3)}.search-trigger:hover{border-color:var(--border2);background:var(--bg2)}.search-trigger-placeholder{flex:1;font-family:var(--font-mono);font-size:11px;color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmdk-kbd-inline{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--text2);background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:2px 6px;display:inline-flex;align-items:center;line-height:1;flex-shrink:0}.mag-root{--paper: var(--bg);--paper-2: var(--bg2);--ink: var(--text);--ink-soft: var(--text2);--red: #d96666;--mustard: #ffd60a;--teal: #3d8e7c;--mag-grain-1: rgba(0,0,0,.04);--mag-grain-2: rgba(217,102,102,.03);--mag-display: "Playfair Display", Georgia, serif;--mag-mono: "JetBrains Mono", ui-monospace, monospace;--mag-body: "DM Sans", system-ui, sans-serif;margin:-28px -48px 0;isolation:isolate;background:var(--paper);background-image:radial-gradient(circle at 20% 30%,var(--mag-grain-1) 1px,transparent 1.5px),radial-gradient(circle at 70% 60%,var(--mag-grain-2) 1px,transparent 1.5px);background-size:18px 18px,24px 24px;color:var(--ink);min-height:100vh;font-family:var(--mag-body)}[data-theme=dark] .mag-root,[data-theme=dark] .retro-page{--teal: #4dc3c0;--mustard: #b8860b;--red: #d96666;--mag-grain-1: rgba(255,255,255,.03);--mag-grain-2: rgba(255,214,10,.02);--thumb-fallback-bg: rgba(184,134,11,.35);--thumb-fallback-fg: #f4ead2;--thumb-fallback-border: rgba(244,234,210,.4)}[data-theme=dark] .retro-page tbody tr:hover,[data-theme=dark] .mag-root tbody tr:hover{background:#b8860b2e}[data-theme=dark] .retro-page table,[data-theme=dark] .mag-root table{border-color:#ffffff80}[data-theme=dark] .retro-page .page-header{border-bottom-color:#ffffffb3}[data-theme=dark] .retro-page .page-header:after{background:#ffffffb3}[data-theme=dark] .retro-page .text-toggle.active{background:#ffffffd9!important;border-color:#ffffffd9}[data-theme=dark] .mag-hero-right{background:var(--bg);color:var(--text)}[data-theme=dark] .mag-cover-record{border-color:#f4ead2;box-shadow:14px 14px 0 var(--red),14px 14px 0 3px #f4ead2}.mag-back-btn{background:transparent;border:1.5px solid var(--ink);color:var(--ink);padding:4px 10px;font-family:var(--mag-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .12s,color .12s}.mag-back-btn:hover{background:var(--ink);color:var(--paper)}.mag-loading{display:flex;align-items:center;gap:12px;padding:24px 28px;font-family:var(--mag-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);margin:12px 0;overflow:hidden}.mag-loading-dot{width:9px;height:9px;background:var(--red);border-radius:50%;flex-shrink:0;animation:mag-pulse 1.4s ease-in-out infinite;box-shadow:0 0 0 0 var(--red)}.mag-loading-text{font-weight:700;flex-shrink:0;opacity:.9}.mag-loading-dots{flex:1;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:0 6px}.mag-loading-dots>span{display:block;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:var(--ink);opacity:.18;transform:scale(.7);animation:mag-dot-wave 1.8s ease-in-out infinite}@keyframes mag-dot-wave{0%,70%,to{opacity:.18;transform:scale(.7)}25%{opacity:1;transform:scale(1.15)}}.mag-masthead{display:flex;justify-content:space-between;align-items:center;padding:10px 28px;border-bottom:3px solid var(--ink);position:relative;z-index:200;font-family:var(--mag-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:10px}.mag-masthead-left,.mag-masthead-right{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.mag-masthead-right a{color:var(--ink);text-decoration:none}.mag-masthead-right a:hover{color:var(--red)}.mag-stamp{display:inline-block;padding:4px 8px;border:1.5px solid var(--ink);transform:rotate(-2deg);background:transparent}.mag-logotype-banner{position:relative;display:flex;justify-content:space-between;align-items:flex-end;padding:14px 28px 12px;flex-wrap:wrap;gap:16px;overflow:hidden;isolation:isolate}.mag-collage{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.mag-collage-tile{position:absolute;overflow:hidden;isolation:isolate}.mag-collage-tile img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.3) saturate(.85)}.mag-collage-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--paper);opacity:.6;pointer-events:none}.mag-logotype-banner>.mag-logotype-wrap,.mag-logotype-banner>.mag-sub{position:relative;z-index:100}.mag-logotype-wrap{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.mag-logo-billboard{font-family:var(--mag-display);font-style:italic;font-weight:900;font-size:clamp(20px,3vw,40px);letter-spacing:-.02em;color:var(--ink);margin-bottom:-.18em;padding-left:.04em;line-height:1}[data-theme=dark] .mag-collage-tile:after{opacity:.55}[data-theme=dark] .mag-collage-tile img{filter:grayscale(.35) saturate(.8) brightness(.85)}.mag-logotype{position:relative;font-family:var(--mag-display);font-weight:900;font-style:italic;font-size:clamp(96px,17vw,220px);line-height:.82;letter-spacing:-.04em;color:var(--ink)}.mag-logotype span{display:block}.mag-logo-base{position:relative;z-index:3}.mag-logo-red{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--red);transform:translate(4px,3px);opacity:.75;mix-blend-mode:multiply;z-index:1}.mag-logo-mustard{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--mustard);transform:translate(-3px,-2px);opacity:.9;z-index:2}.mag-sub{text-align:right;max-width:280px;background:var(--paper);padding:8px 12px;border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.mag-sub-title{font-family:var(--mag-display);font-style:italic;font-size:clamp(14px,2.4vw,22px);font-weight:400}.mag-sub-tag{font-family:var(--mag-mono);font-size:clamp(9px,1.2vw,11px);letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-top:4px}.mag-double-rule{height:6px;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);position:relative;z-index:200}.mag-issue-strip{display:flex;justify-content:space-between;align-items:center;padding:10px 28px;font-family:var(--mag-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;border-bottom:3px solid var(--ink);flex-wrap:wrap;gap:10px}.mag-hero{display:grid;grid-template-columns:1.5fr .65fr;border-bottom:3px solid var(--ink)}.mag-hero-left{padding:22px 28px 26px}.mag-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--teal);color:var(--paper);border:1.5px solid var(--ink);transform:rotate(-1.5deg);font-family:var(--mag-mono);font-size:11px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:18px}.mag-kicker-dot{width:8px;height:8px;background:var(--paper);border-radius:50%;animation:mag-pulse 1.6s infinite}@keyframes mag-pulse{0%,to{opacity:1}50%{opacity:.25}}.mag-hero-title{font-family:var(--mag-display);font-weight:900;font-style:italic;font-size:clamp(32px,4vw,64px);line-height:1.08;letter-spacing:-.02em;color:var(--ink);padding-left:.08em;margin:0 0 0 -.08em;padding-bottom:.12em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;overflow-wrap:anywhere}.mag-hero-byline{font-family:var(--mag-display);font-style:italic;font-size:22px;margin-top:18px}.mag-hero-artist{font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.mag-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;border-top:1.5px solid var(--ink)}.mag-meta-cell{padding:12px 14px;border-right:1px solid var(--ink)}.mag-meta-cell:last-child{border-right:none}.mag-meta-label{font-family:var(--mag-mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em;opacity:.7}.mag-meta-val{font-family:var(--mag-display);font-weight:900;font-size:32px;line-height:1;margin-top:4px}.mag-hero-right{background:var(--ink);color:var(--paper);position:relative;display:flex;justify-content:center;align-items:center;padding:20px;min-height:220px}.mag-cover-record{position:relative;width:88%;max-width:280px;aspect-ratio:1 / 1;background:oklch(72% .15 var(--hero-hue, 50));border:3px solid #ffffff;transform:rotate(-2deg);box-shadow:14px 14px 0 var(--red),14px 14px 0 3px #fff,0 0 0 1px var(--ink);display:flex;justify-content:center;align-items:center;overflow:hidden}.mag-cover-record:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--ink) 1.2px,transparent 1.6px),radial-gradient(circle,var(--ink) 1.2px,transparent 1.6px);background-size:14px 14px;background-position:0 0,7px 7px;mix-blend-mode:multiply;opacity:.55;pointer-events:none}.mag-cover-numeral{font-family:var(--mag-display);font-weight:900;font-style:italic;font-size:clamp(180px,28vw,360px);line-height:1;color:var(--ink);position:relative;z-index:1}.mag-cover-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.mag-cover-tag{position:absolute;top:10px;left:10px;background:var(--paper);color:var(--ink);padding:2px 6px;font-family:var(--mag-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.12em;z-index:2}.mag-cover-corner{position:absolute;bottom:10px;right:10px;background:var(--ink);color:var(--paper);padding:2px 8px;font-family:var(--mag-display);font-style:italic;font-size:14px;transform:rotate(3deg);z-index:2}.mag-stamp-overlay{position:absolute;top:18px;right:18px;border:3px solid #ffffff;color:#fff;background:var(--teal);font-family:var(--mag-mono);font-size:12px;font-weight:700;letter-spacing:.12em;padding:4px 10px;transform:rotate(12deg);z-index:3}.mag-section-head{display:flex;justify-content:space-between;align-items:flex-end;padding:28px 28px 12px;gap:24px;flex-wrap:wrap}.mag-section-title{font-family:var(--mag-display);font-weight:900;font-style:italic;font-size:clamp(32px,4vw,56px);line-height:.95;margin:0;color:var(--ink);flex:1 1 auto;min-width:0}.mag-section-desc{font-family:var(--mag-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;text-align:right;max-width:360px;opacity:.8;margin:0}.mag-section-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto;position:relative;z-index:50}.mag-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.mag-type-toggle{display:inline-flex;gap:4px;margin-left:8px}.mag-type-btn{background:transparent;border:none;color:var(--ink);padding:4px 12px;font-family:var(--mag-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .12s,color .12s}.mag-type-btn:hover:not(.active){background:var(--mustard);color:var(--ink)}.mag-type-btn.active{background:var(--ink);color:var(--paper)}.mag-week-picker{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border:1.5px solid var(--ink);background:var(--paper);position:relative;z-index:60}.mag-week-picker-label{font-family:var(--mag-mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em;opacity:.7}.mag-week-picker .text-toggle{color:var(--ink)!important;font-family:var(--mag-mono)!important;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.mag-dropdown{--bg3: var(--mustard)}.mag-dropdown .text-toggle{color:var(--ink)!important;padding:8px 14px!important;border-radius:0!important;border:1.5px solid var(--ink)!important;background:var(--paper)!important;font-family:var(--mag-mono)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important;opacity:1!important;transition:background .15s ease,border-color .15s ease,color .15s ease!important}.mag-issue-picker{--bg3: var(--mustard)}.mag-issue-picker .text-toggle{color:var(--ink)!important;padding:4px 10px!important;border-radius:0!important;border:1px solid var(--ink)!important;background:var(--paper)!important;font-family:var(--mag-mono)!important;font-size:11px!important;letter-spacing:.06em!important;opacity:1!important;transition:background .15s ease,border-color .15s ease,color .15s ease!important}.mag-issue-picker .text-toggle:hover{background:var(--mustard)!important;border-color:var(--ink)!important;color:var(--ink)!important}.mag-issue-picker .dropdown-item{color:var(--ink)!important;font-family:var(--mag-mono)!important;font-size:11px!important;letter-spacing:.06em;text-transform:uppercase;border-radius:0!important;padding:8px 14px!important;border-bottom:1px dashed rgba(128,128,128,.35)}.mag-issue-picker .dropdown-item:last-child{border-bottom:none}.mag-issue-picker .dropdown-item[data-active=true]{color:var(--red)!important;background:var(--mustard)!important}.mag-issue-picker .dropdown-popup{background:var(--paper)!important;border:1.5px solid var(--ink)!important;border-radius:0!important;padding:0!important;margin-top:6px!important;box-shadow:6px 6px 0 var(--red)!important;max-height:320px!important}.mag-issue-picker .dropdown-item{border-radius:0!important;font-family:var(--mag-mono)!important;border-bottom:1px solid rgba(0,0,0,.08)!important}.mag-issue-picker .dropdown-item:last-child{border-bottom:none!important}.mag-dropdown .text-toggle:hover{background:var(--mustard)!important;border-color:var(--ink)!important;color:var(--ink)!important;transform:translateY(-1px);box-shadow:2px 2px 0 var(--ink)}.mag-dropdown .text-toggle svg{transition:opacity .15s!important;opacity:.55!important}.mag-dropdown .text-toggle:hover svg{opacity:1!important}.mag-dropdown .dropdown-popup{background:var(--paper)!important;border:1.5px solid var(--ink)!important;border-radius:0!important;padding:0!important;margin-top:6px!important;box-shadow:6px 6px 0 var(--red)!important;max-height:320px!important}.mag-dropdown .dropdown-item{color:var(--ink)!important;font-family:var(--mag-mono)!important;font-size:11px!important;letter-spacing:.06em;text-transform:uppercase;border-radius:0!important;padding:8px 14px!important;border-bottom:1px dashed rgba(128,128,128,.35)}.mag-dropdown .dropdown-item:last-child{border-bottom:none}.mag-dropdown .dropdown-item[data-active=true]{color:var(--red)!important;background:var(--mustard)!important}.mag-col-head,.mag-row{display:grid;grid-template-columns:64px 32px 2.4fr .9fr 80px 70px 70px 70px;gap:14px;align-items:center;padding:12px 28px}.mag-col-head.mag-cols-no-artist,.mag-row.mag-cols-no-artist{grid-template-columns:64px 32px 2.2fr 80px 70px 70px 70px}.mag-col-head{font-family:var(--mag-mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em;opacity:.8;border-top:3px solid var(--ink);border-bottom:2px solid var(--ink)}.mag-col-num{text-align:right}.mag-row{border-bottom:1px solid var(--ink);padding:14px 28px;cursor:pointer;transition:background .12s;position:relative}.mag-row:hover{background:#ffd60a59}.mag-mini-cover{width:64px;height:64px;position:relative;border:1px solid var(--ink);display:flex;justify-content:center;align-items:center;overflow:hidden}.mag-mini-cover-round{border-radius:50%}.mag-cover-record-round{border-radius:50%;overflow:hidden}.mag-mini-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--ink) .8px,transparent 1.2px),radial-gradient(circle,var(--ink) .8px,transparent 1.2px);background-size:6px 6px;background-position:0 0,3px 3px;mix-blend-mode:multiply;opacity:.4}.mag-mini-rank{font-family:var(--mag-display);font-weight:900;font-style:italic;font-size:28px;color:var(--paper);text-shadow:0 0 6px var(--ink),0 0 6px var(--ink);position:relative;z-index:2}.mag-mini-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.mag-row-mv{text-align:center}.mag-mv{font-family:var(--mag-mono);font-size:11px;font-weight:700}.mag-mv-new{color:var(--ink);background:#5cc8ff;border:1px solid var(--ink);padding:2px 6px}.mag-mv-re{color:var(--ink);background:var(--mustard);border:1px solid var(--ink);padding:2px 6px}.mag-mv-up{color:var(--teal)}.mag-mv-down{color:var(--red)}.mag-mv-flat{color:var(--ink);opacity:.4}.mag-dossier-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1410268c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;animation:fadeIn .15s ease-out}.mag-dossier{background:var(--paper);color:var(--ink);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--red);max-width:680px;width:100%;max-height:80vh;overflow-y:auto;font-family:var(--mag-body);animation:slideUp .2s cubic-bezier(.16,1,.3,1) both}.mag-dossier-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 22px 14px;border-bottom:1.5px solid var(--ink)}.mag-dossier-file{font-family:var(--mag-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:.7;margin-bottom:4px}.mag-dossier-title{font-family:var(--mag-display);font-style:italic;font-weight:900;font-size:clamp(26px,3.6vw,44px);line-height:1;margin:0;color:var(--ink)}.mag-dossier-byline{font-family:var(--mag-display);font-style:italic;font-weight:400;font-size:15px;margin-top:4px;color:var(--ink)}.mag-dossier-artist{font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.mag-dossier-close{background:var(--mustard);border:1.5px solid var(--ink);width:36px;height:36px;flex-shrink:0;font-family:var(--mag-mono);font-size:16px;font-weight:700;cursor:pointer;color:var(--ink)}.mag-dossier-close:hover{background:var(--ink);color:var(--mustard)}.mag-dossier-body{display:grid;grid-template-columns:280px 1fr;gap:28px;padding:24px 28px;border-bottom:1.5px solid var(--ink)}.mag-dossier-cover-frame{background:var(--ink);padding:14px}.mag-dossier-cover{position:relative;aspect-ratio:1 / 1;width:100%;border:3px solid var(--paper);box-shadow:8px 8px 0 var(--mustard);display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:radial-gradient(circle,rgba(26,21,48,.35) 1px,transparent 1.2px);background-size:6px 6px}.mag-dossier-cover-round{border-radius:50%}.mag-dossier-cover-round{box-shadow:6px 6px 0 var(--mustard)}.mag-dossier-art{width:100%;height:100%;object-fit:cover}.mag-dossier-numeral{font-family:var(--mag-display);font-style:italic;font-weight:900;font-size:120px;color:var(--ink);line-height:1}.mag-dossier-stats{margin:0;display:flex;flex-direction:column}.mag-dossier-stat{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1.5px dashed rgba(26,21,48,.35)}.mag-dossier-stat:last-child{border-bottom:none}.mag-dossier-stat dt{font-family:var(--mag-mono);font-size:11px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:.8}.mag-dossier-stat dd{margin:0;font-family:var(--mag-display);font-style:italic;font-weight:700;font-size:28px;color:var(--ink)}.mag-dossier-mv{font-family:var(--mag-mono)!important;font-style:normal!important;font-size:16px!important;font-weight:700!important}.mag-dossier-stat dd .mag-dossier-mv-inline{font-family:var(--mag-mono);font-style:normal;font-weight:500;font-size:11px;letter-spacing:.04em;margin-left:14px;vertical-align:middle;opacity:1}.mag-dossier-stat dd .mag-dossier-mv-up{color:var(--teal)}.mag-dossier-stat dd .mag-dossier-mv-down{color:var(--red)}.mag-dossier-stat dd .mag-dossier-mv-flat{color:var(--ink);opacity:.45}.mag-dossier-stat dd .mag-dossier-mv-new{color:#0ea5e9}.mag-dossier-stat dd .mag-dossier-mv-re{color:var(--ink);opacity:.7}.mag-dossier-spark{padding:20px 28px 24px;border-bottom:1.5px solid var(--ink)}.mag-dossier-spark-label{font-family:var(--mag-mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:12px}.mag-spark-svg{width:100%;height:70px;display:block}.mag-spark-grid{stroke:var(--ink);opacity:.35;stroke-width:.5;vector-effect:non-scaling-stroke}.mag-spark-empty{font-family:var(--mag-mono);font-size:11px;color:var(--ink);opacity:.6;padding:18px 0;text-align:center}.mag-cum-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mag-cum-spark{display:flex;flex-direction:column;gap:6px}.mag-cum-spark-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:4px}.mag-cum-spark-label{font-family:var(--mag-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:.8}.mag-cum-spark-total{font-family:var(--mag-display);font-style:italic;font-weight:900;font-size:22px;color:var(--ink)}.mag-cum-spark-rank{font-family:var(--mag-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);opacity:.7;margin-top:2px}.mag-cum-line{fill:none;stroke-width:1.2;vector-effect:non-scaling-stroke}.mag-spark-svg{cursor:crosshair}.mag-spark-cursor{stroke:var(--ink);stroke-width:1.2;vector-effect:non-scaling-stroke;opacity:.55;pointer-events:none;stroke-dasharray:2 2}.mag-cum-line-ink{stroke:var(--ink)}.mag-cum-line-red{stroke:var(--red)}.mag-cum-area-ink{fill:var(--ink);opacity:.12}.mag-cum-area-red{fill:var(--red);opacity:.14}.mag-cum-dot-ink{fill:var(--ink)}.mag-cum-dot-red{fill:var(--red)}@media (max-width: 640px){.mag-cum-grid{grid-template-columns:1fr}}.mag-dossier-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 28px}.mag-dossier-btn-ghost,.mag-dossier-btn-primary{font-family:var(--mag-mono);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:12px 22px;border:1.5px solid var(--ink);cursor:pointer}.mag-dossier-btn-ghost{background:var(--mustard);color:var(--ink)}.mag-dossier-btn-ghost:hover{background:var(--ink);color:var(--mustard)}.mag-dossier-btn-primary{background:var(--ink);color:var(--paper)}.mag-dossier-btn-primary:hover{background:var(--red)}@media (max-width: 640px){.mag-dossier-body{grid-template-columns:1fr}.mag-dossier-cover-frame{max-width:240px;margin:0 auto}}.mag-row-title{font-family:var(--mag-display);font-weight:700;font-size:22px;line-height:1.22;color:var(--ink);min-width:0;padding-bottom:.1em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;overflow-wrap:anywhere}.mag-row-artist{font-family:var(--mag-body);font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);min-width:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.mag-stat-val{display:block;font-family:var(--mag-display);font-style:italic;font-size:22px;color:var(--ink);line-height:1}.mag-stat-cap{display:block;font-family:var(--mag-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin-top:2px}@media (max-width: 768px){.mag-root{margin:-16px -16px 0}.mag-hero-title{-webkit-line-clamp:3;font-size:clamp(36px,9vw,56px)}.mag-section-head{padding:22px 16px 10px;align-items:stretch;gap:14px}.mag-section-title{font-size:clamp(28px,8vw,40px)}.mag-section-side{align-items:flex-start;width:100%}.mag-section-desc{text-align:left;max-width:none}.mag-controls{justify-content:flex-start;gap:8px;flex-wrap:wrap}.mag-week-picker{flex:0 0 auto}.mag-row-title{font-size:18px}}@media (max-width: 900px){.mag-hero{grid-template-columns:1fr}.mag-hero-left{border-bottom:3px solid var(--ink)}.mag-hero-right{padding:24px 24px 36px}.mag-cover-record{max-width:320px}.mag-meta-grid{grid-template-columns:repeat(2,1fr)}.mag-meta-cell:nth-child(2){border-right:none}.mag-meta-cell:nth-child(1),.mag-meta-cell:nth-child(2){border-bottom:1px solid var(--ink)}.mag-col-head{grid-template-columns:48px 32px 1fr 60px}.mag-col-head>div:nth-child(4),.mag-col-head>div:nth-child(5),.mag-col-head>div:nth-child(6),.mag-col-head>div:nth-child(7){display:none}.mag-col-head>div:nth-child(8){display:block}.mag-col-head.mag-cols-no-artist>div:nth-child(7){display:block}.mag-row{grid-template-columns:48px 32px 1fr 60px}.mag-row>.mag-row-artist,.mag-row>.mag-col-num:nth-child(5),.mag-row>.mag-col-num:nth-child(6),.mag-row>.mag-col-num:nth-child(7){display:none}.mag-row.mag-cols-no-artist>.mag-col-num:nth-child(4),.mag-row.mag-cols-no-artist>.mag-col-num:nth-child(5),.mag-row.mag-cols-no-artist>.mag-col-num:nth-child(6){display:none}.mag-row.mag-cols-no-artist>.mag-col-num:nth-child(7){display:block}.mag-mini-cover{width:48px;height:48px}.mag-mini-rank{font-size:22px}}.retro-page{--paper: var(--bg);--paper-2: var(--bg2);--ink: var(--text);--ink-soft: var(--text2);--red: #d96666;--mustard: #ffd60a;--teal: #3d8e7c;--mag-display: "Playfair Display", Georgia, serif;--mag-mono: "JetBrains Mono", ui-monospace, monospace;--mag-body: "DM Sans", system-ui, sans-serif;--thumb-fallback-bg: var(--mustard);--thumb-fallback-fg: var(--ink);--thumb-fallback-border: var(--ink);--thumb-fallback-font: var(--mag-display);margin:-28px -48px 0;padding:32px 48px 80px;background:var(--paper);background-image:radial-gradient(circle at 20% 30%,rgba(0,0,0,.04) 1px,transparent 1.5px),radial-gradient(circle at 70% 60%,rgba(197,48,48,.03) 1px,transparent 1.5px);background-size:18px 18px,24px 24px;font-family:var(--mag-body);color:var(--ink);min-height:calc(100vh - 60px)}.retro-page .page-header{border-bottom:3px solid var(--ink);padding-bottom:16px;margin-bottom:24px;position:relative}.retro-page .page-header:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1.5px;background:var(--ink)}.retro-page .page-title{font-family:var(--mag-display)!important;font-weight:900;font-size:clamp(36px,5vw,64px);letter-spacing:-.02em;line-height:.95;color:var(--ink);text-transform:none;margin:0}.retro-page .page-subtitle{font-family:var(--mag-mono)!important;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:.7;margin-top:18px}.retro-page .controls-label{font-family:var(--mag-mono)!important;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)!important;opacity:.8}.retro-page .text-switch{font-family:var(--mag-display)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.02em;background:transparent;border:none;padding:4px 0;cursor:pointer;color:var(--ink)!important;opacity:.4;transition:opacity .15s ease}.retro-page .text-switch.active{opacity:1}.retro-page .text-toggle{font-family:var(--mag-mono)!important;font-size:11px!important;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)!important;background:transparent!important;border:1.5px solid transparent;padding:4px 10px;cursor:pointer;opacity:.65;border-radius:0}.retro-page .text-toggle:hover{opacity:.9}.retro-page .text-toggle:hover:not(.active){opacity:1;background:var(--mustard)!important}.retro-page .text-toggle.active{opacity:1;background:var(--ink)!important;color:var(--paper)!important;border-color:var(--ink)}.retro-page .chart-card{background:var(--paper);border:1.5px solid var(--ink);border-radius:0;box-shadow:6px 6px 0 var(--red);padding:22px;margin-bottom:28px}.retro-page .chart-card.no-box{background:none;border:none;box-shadow:none;padding:0}.retro-page .chart-card-title{font-family:var(--mag-display);font-weight:700;font-size:clamp(20px,2.4vw,26px);color:var(--ink);margin-bottom:4px;text-transform:capitalize}.retro-page .chart-card-sub{font-family:var(--mag-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:.65;margin-bottom:14px}.retro-page .table-wrap{border:none;border-radius:0;box-shadow:none;overflow-x:auto}.retro-page table{width:100%;border-collapse:collapse;font-family:var(--mag-body);border:1.5px solid var(--ink)}.retro-page thead tr{background:var(--paper-2, #f4ead2)}.retro-page thead th{font-family:var(--mag-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--ink);border-bottom:1.5px solid var(--ink);padding:10px 12px;text-align:left;background:transparent}.retro-page thead th.num{text-align:right}.retro-page thead th.date-col{text-align:center}.retro-page table tr>*:last-child{padding-right:20px}.retro-page tbody td{border-bottom:1px dashed rgba(128,128,128,.4);padding:12px 8px;vertical-align:middle;color:var(--ink)}.retro-page tbody tr{transition:background .1s ease}.retro-page tbody tr:hover{background:#ffd60a2e}.retro-page tbody tr:last-child td{border-bottom:none}.retro-page td.rank-cell{font-family:var(--mag-display);font-weight:900;font-size:22px;color:var(--ink)}.retro-page td.num,.retro-page td.gold{text-align:right;font-family:var(--mag-mono);font-weight:500;color:var(--ink)!important}.retro-page td.date-cell{font-family:var(--mag-mono);font-weight:500;color:var(--ink)!important}.retro-page .song-name{font-family:var(--mag-display)!important;font-weight:700;font-size:15px;color:var(--ink)!important}.retro-page .artist-name{font-family:var(--mag-body)!important;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink)!important;opacity:.65}.retro-page .btn{background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);border-radius:0;font-family:var(--mag-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:8px 16px;cursor:pointer;transition:background .15s ease,color .15s ease}.retro-page .btn:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.retro-page .btn.btn-danger:hover{background:var(--red)!important;border-color:var(--red)!important;color:var(--paper)!important}.retro-page .btn.btn-success{background:#4a9e8e1f;border-color:var(--teal);color:var(--teal)}.retro-page .btn.btn-success:hover{background:var(--teal)!important;border-color:var(--teal)!important;color:var(--paper)!important}.retro-page .stat-card{background:var(--paper);border:1.5px solid var(--ink);border-radius:0;box-shadow:none;padding:16px 18px;transition:background .15s ease;overflow:hidden;min-width:0}.retro-page .stat-card:hover{background:#ffd60a2e;border-color:var(--ink);box-shadow:none}.retro-page .stat-card-val{font-family:var(--mag-display)!important;font-weight:900;color:var(--ink)!important;letter-spacing:-.01em;font-size:clamp(22px,2.6vw,32px)!important;line-height:1.15;white-space:nowrap;padding-bottom:2px;flex-shrink:0}.retro-page .stat-card-label{font-family:var(--mag-mono)!important;color:var(--ink)!important;opacity:.7;letter-spacing:.14em}.retro-page .stat-card-sub{font-family:var(--mag-mono)!important;color:var(--ink)!important;opacity:.65}.retro-page .chart-tier-box{background:var(--paper)!important;border:1.5px solid var(--ink)!important;border-radius:0!important;transition:background .15s ease}.retro-page .chart-tier-box:hover{background:#ffd60a2e!important}.retro-page .chart-tier-box-best{border-color:var(--ink)!important;border-width:2.5px!important}.retro-page .chart-tier-box.chart-tier-box-best>div:nth-child(2){color:var(--teal)!important;font-size:28px!important}.retro-page .chart-tier-box>div:nth-child(1){font-family:var(--mag-mono)!important;color:var(--ink)!important;opacity:.7;letter-spacing:.14em!important}.retro-page .chart-tier-box>div:nth-child(2){font-family:var(--mag-display)!important;color:var(--ink)!important;font-weight:900}.retro-page .chart-tier-box>div:nth-child(3),.retro-page .chart-tier-box>div:nth-child(4){font-family:var(--mag-mono)!important;color:var(--ink)!important;opacity:.65}@media (max-width: 900px){.retro-page .stat-card{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.retro-page .stat-card-val{font-size:clamp(28px,6vw,40px)!important}}.retro-page .btn.back-btn{background:transparent;color:var(--ink);border:1px solid transparent;padding:4px 8px;opacity:.7}.retro-page .btn.back-btn:hover{background:transparent!important;border-color:var(--ink)!important;color:var(--ink)!important;opacity:1}.retro-page .btn.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}.retro-page .btn.btn-ghost:hover{background:var(--bg2)!important;color:var(--ink)!important;border-color:var(--ink)!important}.retro-page .dropdown-popup{background:var(--paper)!important;border:1.5px solid var(--ink)!important;border-radius:0!important;padding:0!important;margin-top:6px!important;box-shadow:6px 6px 0 var(--red)!important;--bg3: var(--mustard)}.retro-page .dropdown-item{color:var(--ink)!important;font-family:var(--mag-mono)!important;font-size:11px!important;letter-spacing:.06em;text-transform:uppercase;border-radius:0!important;padding:8px 14px!important;border-bottom:1px dashed rgba(128,128,128,.35)}.retro-page .dropdown-item:last-child{border-bottom:none}.retro-page .dropdown-item[data-active=true]{color:var(--red)!important;background:var(--mustard)!important}.retro-page .retro-pill{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--paper);border:1.5px solid var(--ink);border-radius:0;padding:10px 18px;font-family:var(--mag-mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.retro-page .retro-pill:hover{background:var(--red);border-color:var(--red);color:var(--paper)}.retro-page .retro-pill-ghost{background:var(--paper);color:var(--ink)}.retro-page .retro-pill-ghost:hover{background:var(--mustard);border-color:var(--ink);color:var(--ink)}.retro-page .retro-link{background:none;border:none;padding:0;cursor:pointer;color:var(--red);font-family:inherit;font-size:inherit;text-decoration:underline;text-underline-offset:3px}.retro-page .retro-link:hover{color:var(--ink)}.retro-page .retro-textarea,.retro-page .retro-input{width:100%;box-sizing:border-box;background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);border-radius:0;padding:12px 14px;font-family:var(--mag-body);font-size:14px;outline:none}.retro-page .retro-textarea{min-height:120px;resize:vertical}.retro-page .retro-textarea:focus,.retro-page .retro-input:focus{box-shadow:4px 4px 0 var(--mustard)}.retro-page .compare-input{background:var(--paper)!important;border:1.5px solid var(--ink)!important;border-radius:0!important;padding:10px 14px!important;font-family:var(--mag-mono)!important;font-size:12px!important;color:var(--ink)!important}.retro-page .compare-input:focus{border-color:var(--ink)!important;box-shadow:4px 4px 0 var(--mustard)!important}.retro-page .search-results{background:var(--paper)!important;border:1.5px solid var(--ink)!important;border-radius:0!important;padding:0!important;margin-top:6px!important;box-shadow:6px 6px 0 var(--red)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.retro-page .search-result{padding:10px 14px!important;border-radius:0!important;border-bottom:1px dashed rgba(128,128,128,.35)}.retro-page .search-result:last-child{border-bottom:none}.retro-page .search-result:hover{background:var(--mustard)!important}.retro-page .search-result-primary{font-family:var(--mag-body)!important;color:var(--ink)!important;font-weight:700}.retro-page .search-result-secondary{font-family:var(--mag-mono)!important;color:var(--ink)!important;opacity:.65}.retro-page .retro-section-label{font-family:var(--mag-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:8px}.retro-settings .settings-sidebar{border-bottom:2px solid var(--ink)}.retro-settings .settings-nav-item{font-family:var(--mag-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);opacity:.55;border-bottom:3px solid transparent;padding:12px 14px;border-radius:0}.retro-settings .settings-nav-item:hover{opacity:.9;color:var(--ink)}.retro-settings .settings-nav-item.active{color:var(--ink);opacity:1;font-weight:700;border-bottom-color:var(--red)}.retro-settings .settings-row>div:first-child>div:first-child{font-family:var(--mag-display);font-style:italic;font-weight:700;font-size:18px;color:var(--ink)}.retro-settings .settings-row>div:first-child>div:nth-child(2){font-family:var(--mag-mono)!important}.retro-wrapped .wrapped-top10-grid>.chart-card{margin-bottom:0}@media (max-width: 768px){.retro-page{margin:-16px -16px 0;padding:22px 16px 60px}.retro-page .page-title{font-size:clamp(28px,8vw,44px)}}.retro-login{min-height:100vh;margin:0;padding:36px 32px 64px;display:block}.retro-login-inner{max-width:720px;width:100%;margin:0 auto}.retro-login-issue{display:flex;justify-content:space-between;align-items:center;font-family:var(--mag-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:.7;padding-bottom:8px}.retro-login-title{font-family:var(--mag-display);font-weight:900;font-size:clamp(56px,11vw,132px);letter-spacing:-.03em;line-height:.95;color:var(--ink);margin:24px 0 16px;white-space:nowrap}.retro-login-tag{font-family:var(--mag-mono);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);opacity:.7;margin:0 0 32px;padding-bottom:16px;border-bottom:1.5px solid var(--ink)}.retro-login-btn-row{display:flex;gap:20px;flex-wrap:wrap}.retro-login-btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--paper);border:1.5px solid var(--ink);border-radius:0;padding:16px 28px;font-family:var(--mag-mono);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:6px 6px 0 var(--mustard);transition:background .15s,transform .15s,box-shadow .15s}.retro-login-btn:hover{background:var(--red);border-color:var(--red);box-shadow:4px 4px 0 var(--mustard);transform:translate(2px,2px)}.retro-login-btn-ghost{background:var(--paper);color:var(--ink);box-shadow:6px 6px 0 var(--teal)}.retro-login-btn-ghost:hover{background:var(--teal);color:var(--paper);border-color:var(--ink);box-shadow:4px 4px 0 var(--teal)}.retro-login-foot{font-family:var(--mag-mono);font-size:10px;color:var(--ink);opacity:.65;letter-spacing:.08em;margin-top:24px;line-height:1.6}.retro-login-preview{margin-top:36px;border:1.5px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--red);padding:18px 18px 22px;position:relative;overflow:hidden}.retro-login-preview:before{content:"PREVIEW";position:absolute;top:10px;right:12px;font-family:var(--mag-mono);font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--red);background:var(--paper);padding:2px 6px;border:1.5px solid var(--red)}.retro-login-preview-mast{font-family:var(--mag-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:.7;border-bottom:1.5px solid var(--ink);padding-bottom:6px;margin-bottom:10px;display:flex;justify-content:space-between;gap:8px}.retro-login-preview-hero-block{display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:center;margin:6px 0 14px}.retro-login-preview-hero-cover{width:88px;height:88px;border:2px solid var(--ink);background:var(--mustard);box-shadow:4px 4px 0 var(--red);object-fit:cover;display:block}.retro-login-preview-hero-cover-fallback{width:88px;height:88px;border:2px solid var(--ink);background:var(--mustard);box-shadow:4px 4px 0 var(--red);display:flex;align-items:center;justify-content:center;font-family:var(--mag-display);font-style:italic;font-weight:900;font-size:44px;color:var(--ink)}.retro-login-preview-hero{font-family:var(--mag-display);font-weight:900;font-size:clamp(22px,3vw,32px);line-height:1;letter-spacing:-.02em;color:var(--ink);margin:0 0 4px}.retro-login-preview-byline{font-family:var(--mag-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}.retro-login-preview-rows{border-top:1.5px solid var(--ink);padding-top:8px}.retro-login-preview-row{display:grid;grid-template-columns:28px 40px 1fr auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px dashed rgba(0,0,0,.25)}.retro-login-preview-thumb{width:40px;height:40px;border:1.5px solid var(--ink);background:var(--paper);object-fit:cover;flex-shrink:0;display:block}.retro-login-preview-thumb-fallback{width:40px;height:40px;border:1.5px solid var(--ink);background:var(--mustard);display:flex;align-items:center;justify-content:center;font-family:var(--mag-display);font-style:italic;font-weight:900;font-size:18px;color:var(--ink);flex-shrink:0}.retro-login-preview-row:last-child{border-bottom:none}.retro-login-preview-rank{font-family:var(--mag-display);font-style:italic;font-weight:900;font-size:22px;color:var(--ink)}.retro-login-preview-title{font-family:var(--mag-display);font-weight:700;font-size:14px;color:var(--ink);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.retro-login-preview-artist{font-family:var(--mag-mono);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);opacity:.65}.retro-login-preview-mv{font-family:var(--mag-mono);font-size:9px;font-weight:700;color:var(--ink)}.retro-login-preview-mv.up{color:#137a3b}.retro-login-preview-mv.down{color:var(--red)}.retro-login-preview-mv.new{background:var(--ink);color:var(--paper);padding:1px 5px;letter-spacing:.14em}@media (max-width: 900px){.retro-login{padding:24px 18px 48px}.retro-login-preview{box-shadow:6px 6px 0 var(--red)}.retro-login-title{font-size:clamp(40px,13vw,72px)}}.top-nav{background:var(--bg);border-bottom:2px solid var(--text)}.top-nav-logo{font-family:Playfair Display,Georgia,serif;font-weight:900;letter-spacing:-.01em;font-size:22px;color:var(--text);text-transform:none}.top-nav-link{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text);opacity:.55;border-radius:0;padding:6px 10px;transition:opacity .15s,color .15s,background .15s}.top-nav-link:hover{background:transparent;opacity:.95;color:var(--text)}.top-nav-link.active{color:var(--text);background:transparent;opacity:1;font-weight:800}.top-nav-link:after{background:var(--text);border-radius:0;height:3px;bottom:-4px}.top-nav-link.active:after,.top-nav-link:hover:after{width:100%;left:0}.top-nav-icon{border-radius:0;color:var(--text);opacity:.7}.top-nav-icon:hover{background:#ffd60a;color:var(--text);opacity:1}.top-nav-user{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text);opacity:.7}.top-nav-user:hover{color:#c53030;opacity:1}.top-nav-mobile-btn{border-radius:0;color:var(--text)}.top-nav-mobile-btn:hover{background:#ffd60a}.top-nav-dropdown{background:var(--bg);border:1.5px solid var(--text);border-radius:0;box-shadow:6px 6px #c53030;padding:0}.top-nav-dropdown a{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text);opacity:.75;padding:11px 16px;border-bottom:1px dashed rgba(128,128,128,.35)}.top-nav-dropdown a:last-child{border-bottom:none}.top-nav-dropdown a:hover{background:#ffd60a;color:var(--text);opacity:1}.top-nav-dropdown a.active{background:var(--bg);color:var(--text);font-weight:800;opacity:1}.cd-stats{margin-bottom:28px;margin-top:24px;border-top:2px solid var(--text);border-bottom:2px solid var(--text);position:relative}.cd-stats-section{border-top:1px solid rgba(0,0,0,.12);position:relative}.cd-stats-section:first-child{border-top:none}[data-theme=dark] .cd-stats-section{border-top-color:#ffffff1f}.cd-tag{position:absolute;top:-14px;left:16px;z-index:1;padding:5px 12px;background:var(--red);color:var(--paper);border:1.5px solid var(--text);transform:rotate(-1.5deg);font-family:var(--mag-mono, var(--font-mono));font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;white-space:nowrap;box-shadow:2px 2px 0 var(--mustard)}.cd-tag.cd-tag-sm{font-size:9px;padding:3px 8px;letter-spacing:.14em;transform:rotate(1deg);left:auto;right:16px;top:-10px;background:var(--mustard, #ffd60a);color:var(--text);box-shadow:2px 2px 0 var(--ink)}.cd-tag.cd-tag-teal{background:var(--teal);color:var(--paper)}.cd-tag.cd-tag-red{background:var(--red);color:var(--paper)}.cd-stats-row{display:grid;grid-template-columns:repeat(4,1fr)}.cd-stat-cell{display:flex;flex-direction:column;gap:6px;padding:16px 16px 18px;border-right:1px solid rgba(0,0,0,.1);transition:background .12s ease;min-width:0}[data-theme=dark] .cd-stat-cell{border-right-color:#ffffff1a}.cd-stat-cell:last-child{border-right:none}.cd-stat-cell.clickable{cursor:pointer}.cd-stat-cell.clickable:hover{background:#ffd60a14}.cd-stat-kicker{font-family:var(--mag-mono, var(--font-mono));font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);font-weight:700}.cd-stat-val{font-family:var(--mag-display, var(--font-disp));font-style:normal;font-weight:700;font-size:32px;line-height:.95;letter-spacing:-.015em;color:var(--text);word-break:break-word;margin:0;padding:0}.cd-stat-val-sm{font-size:16px;font-weight:700;letter-spacing:-.005em;margin:0}.cd-stat-sub{font-family:var(--mag-mono, var(--font-mono));font-size:10px;letter-spacing:.08em;color:var(--text3);text-transform:uppercase;margin-top:2px}@media (max-width: 900px){.cd-stats-row{grid-template-columns:repeat(2,1fr)}.cd-stat-cell{padding:8px 14px 14px;border-right:none}.cd-stat-cell:nth-child(odd){border-right:1px solid rgba(0,0,0,.1)}[data-theme=dark] .cd-stat-cell:nth-child(odd){border-right-color:#ffffff1a}.cd-stat-val{font-size:28px}.cd-stat-val-sm{font-size:15px}}