:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f172a;font-family:Inter,Arial,sans-serif}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px}a{color:inherit}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}.take-back-button{color:#5f2a16;background:radial-gradient(circle at 50% 18%,#ffffff6b,#0000 34%),linear-gradient(135deg,#45a2fa,#ff7809);border-radius:30px;place-items:center;gap:.45rem;width:min(260px,100%);min-height:108px;margin:0 auto;padding:1rem 1.4rem;display:grid;box-shadow:0 18px 38px #ffa0643d,inset 0 1px #ffffff57}.take-back-button img{object-fit:contain;filter:drop-shadow(0 6px 10px #00000038);width:68px;height:68px}.take-back-button span{letter-spacing:.05em;text-transform:uppercase;font-size:1rem;font-weight:950}.app{color:#fff;background:radial-gradient(circle at 0 0,#ffffff73,#0000 32%),linear-gradient(135deg,#58c8f5 0%,#2f9ed8 45%,#1672b4 100%);place-items:center;min-height:100vh;padding:32px 18px;display:grid}.hero{text-align:center;width:min(920px,100%)}.logo{filter:drop-shadow(0 18px 35px #0003);width:min(520px,92vw);margin-bottom:24px}.hero h1{letter-spacing:-.07em;margin:0;font-size:clamp(2.2rem,6vw,5rem);line-height:.95}.hero p{color:#ffffffe0;max-width:640px;margin:18px auto 0;font-size:1.1rem;line-height:1.6}.card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff2e;border:1px solid #ffffff59;border-radius:28px;gap:16px;width:min(520px,100%);margin:34px auto 0;padding:22px;display:grid;box-shadow:0 24px 60px #0003}label{text-align:left;color:#ffffffeb;gap:8px;font-weight:700;display:grid}input,select{color:#155f91;background:#fff;border:0;border-radius:18px;outline:none;width:100%;height:56px;padding:0 18px;font-size:1.1rem;font-weight:700}input::placeholder{color:#155f9173}.result{background:#ffffff38;border:1px solid #ffffff47;border-radius:22px;align-items:center;gap:8px;min-height:96px;padding:18px;display:grid}.result span{color:#fffc;font-size:.95rem;font-weight:800}.result strong{letter-spacing:-.06em;font-size:3rem;line-height:1}.result-note{margin:0;color:#ffffffc7!important;font-size:.9rem!important;line-height:1.35!important}.result-warning{font-weight:800;color:#ffffffe0!important}button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff8a3d,#ff5c35);border:0;border-radius:18px;min-height:58px;padding:0 18px;font-size:1.05rem;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;box-shadow:0 14px 28px #ff5c354d}button:hover{transform:translateY(-2px);box-shadow:0 18px 36px #ff5c3561}button:disabled{cursor:not-allowed;opacity:.58;transform:none}button:disabled:hover{transform:none;box-shadow:0 14px 28px #ff5c354d}.action-button{--action-bg:radial-gradient(circle at 34% 18%, #ffffff6b, transparent 30%), linear-gradient(145deg, #fff4d4fa, #eb8936f5);--action-color:#351b0e;--action-border:#ffffff57;--action-shadow:0 14px 28px #381d103d;--action-hover-shadow:0 18px 34px #381d104d;--action-press-shadow:inset 0 3px 10px #401e0e33, 0 8px 18px #381d1033;isolation:isolate;min-height:48px;color:var(--action-color);white-space:nowrap;border:1px solid var(--action-border);background:var(--action-bg);box-shadow:var(--action-shadow), inset 0 1px 0 #ffffff85, inset 0 -1px 0 #411e0d1f;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.54rem;padding:.72rem 1.12rem;font-weight:950;line-height:1.05;text-decoration:none;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;position:relative;overflow:hidden}.action-button:before{content:"";z-index:-1;pointer-events:none;opacity:.34;mix-blend-mode:soft-light;background:linear-gradient(#ffffff6b,#0000 38%),repeating-linear-gradient(90deg,#ffffff1a 0 1px,#0000 1px 6px);position:absolute;inset:0}.action-button:hover{box-shadow:var(--action-hover-shadow), inset 0 1px 0 #ffffff94, inset 0 -1px 0 #411e0d1f;filter:saturate(1.04);transform:translateY(-2px)}.action-button:active{box-shadow:var(--action-press-shadow);transform:translateY(1px)}.action-button:focus-visible{outline:3px solid color-mix(in srgb, var(--player-shell-mid,#ff8a3d), white 42%);outline-offset:3px}.action-button:disabled,.action-button[aria-disabled=true]{cursor:not-allowed;opacity:.58;filter:grayscale(.12);transform:none}.action-button-symbol{width:1.26rem;height:1.26rem;color:color-mix(in srgb, var(--action-color), white 8%);background:#ffffff57;border-radius:999px;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 1px #ffffff8f,inset 0 -1px #00000024}.action-button-symbol img{object-fit:contain;filter:brightness(0)saturate()opacity(.82)drop-shadow(0 1px #ffffff38);width:68%;height:68%;display:block}.action-button-primary{--action-bg:radial-gradient(circle at 34% 18%, #ffffff80, transparent 30%), linear-gradient(145deg, #ffe7a3, #ff8a3d 58%, #dd542d);--action-color:#351b0e;--action-border:#ffe7a3b8;--action-shadow:0 15px 30px #dd542d47;--action-hover-shadow:0 20px 38px #dd542d57}.action-button-secondary{--action-bg:radial-gradient(circle at 34% 18%, #ffffff6b, transparent 30%), linear-gradient(145deg, #ffffff94, #ffffff38);--action-color:var(--player-panel-text,#3f2415);--action-border:color-mix(in srgb, var(--surface-border,#ffffff4d), white 18%);--action-shadow:0 12px 24px #00000029;--action-hover-shadow:0 16px 30px #0003}.action-button-danger{--action-bg:radial-gradient(circle at 34% 18%, #ffffff5c, transparent 30%), linear-gradient(145deg, #ffb199, #e85d4f 54%, #a61f2b);--action-color:#fff8f3;--action-border:#ffcdbe94;--action-shadow:0 12px 24px #a61f2b3d;--action-hover-shadow:0 16px 32px #a61f2b52}.action-button-muted{--action-bg:linear-gradient(145deg, #ffffff57, #0000001f);--action-color:var(--player-panel-text,#3f2415);--action-border:#fff3;--action-shadow:inset 0 1px 0 #ffffff2e;--action-hover-shadow:0 10px 18px #00000024, inset 0 1px 0 #ffffff38}.theme-fifties .action-button,.theme-sixties .action-button{--action-bg:radial-gradient(circle at 50% 12%, #ffffff9e, transparent 26%), linear-gradient(180deg, #ffe6b7, #f35b3f 52%, #9d1d24);--action-color:#fff8e8;--action-border:#fff6dabd;--action-shadow:0 14px 26px #50121447, inset 0 -3px 0 #5f0e123d;--action-hover-shadow:0 18px 34px #50121457, inset 0 -3px 0 #5f0e1233;text-shadow:0 1px #5f0e1257}.theme-seventies .action-button{--action-bg:linear-gradient(180deg, #ffe09afa, #bc5b2af5), repeating-linear-gradient(90deg, #4c271224 0 2px, transparent 2px 8px);--action-color:#351b0e;--action-border:#ffd991a8;--action-shadow:0 14px 28px #461f1047, inset 0 -3px 0 #582a122e;--action-hover-shadow:0 18px 34px #461f1057, inset 0 -3px 0 #582a1229}.theme-eighties .action-button{--action-bg:linear-gradient(180deg, #ffffff42, transparent 38%), linear-gradient(145deg, #ff7ad9, #6c3df4 58%, #00b4d8);--action-color:#fff;--action-border:#ff7ad9b8;--action-shadow:0 12px 22px #12002f52, 0 0 20px #ff7ad938, inset 0 -3px 0 #12002f38;--action-hover-shadow:0 16px 30px #12002f61, 0 0 28px #00b4d847;text-shadow:0 1px #12002f57}.theme-nineties .action-button{--action-bg:linear-gradient(180deg, #ffffff57, transparent 42%), linear-gradient(145deg, #faff70, #21b179 52%, #1e3a8a);--action-color:#10214f;--action-border:#faff70bd;--action-shadow:0 12px 24px #10214f47, inset 0 -3px 0 #10214f2e;--action-hover-shadow:0 16px 32px #10214f57}.theme-y2k .action-button{--action-bg:radial-gradient(circle at 36% 14%, #ffffffc2, transparent 26%), linear-gradient(145deg, #effcff, #45a2fa 48%, #f97316);--action-color:#123155;--action-border:#f0fdffdb;--action-shadow:0 14px 26px #155e8f38, inset 0 -3px 0 #1231551f;--action-hover-shadow:0 18px 34px #155e8f47, inset 0 -3px 0 #1231551a}.theme-twenty-tens .action-button,.theme-twenty-twenties .action-button{--action-bg:radial-gradient(circle at 34% 18%, #ffffff6b, transparent 30%), linear-gradient(145deg, color-mix(in srgb, var(--player-shell-mid), white 34%), var(--player-shell-end));--action-color:var(--player-panel-text);--action-border:color-mix(in srgb, var(--surface-border), white 30%);--action-shadow:0 14px 28px #0000002e;--action-hover-shadow:0 18px 34px #00000038}.theme-eighties .action-button-secondary,.theme-eighties .action-button-muted,.theme-nineties .action-button-secondary,.theme-nineties .action-button-muted{--action-color:#fff}.small{opacity:.75;font-size:.9rem!important}.feedback-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff24;border:1px solid #ffffff3d;border-radius:26px;gap:10px;width:min(520px,100%);margin:22px auto 0;padding:20px;display:grid}.feedback-card h2{color:#fff;margin:0;font-size:1.35rem}.feedback-card p{color:#ffffffd6;margin:0;font-size:.98rem;line-height:1.45}.feedback-card a:not(.action-button){color:#fff;background:#00000038;border:1px solid #ffffff29;border-radius:999px;width:fit-content;margin:4px auto 0;padding:.75rem 1rem;font-weight:900;text-decoration:none}.feedback-card a:not(.action-button):hover{background:#fff3}.year-page{color:#fff;--era-display-font:Inter, Arial, sans-serif;--era-song-font:Inter, Arial, sans-serif;--era-title-transform:none;--era-title-spacing:0;--player-shell-start:#fff0bd;--player-shell-mid:#f2c16b;--player-shell-end:#d96b2b;--player-shell-border:#fff8d2cc;--player-panel-text:#432716;--player-panel-soft:#432716b8;--player-screen-border:#5b321d;--player-glass:#ffffff75;--player-control-bg:#ffffff57;--surface-radius:26px;--surface-panel-radius:34px;--surface-radius-small:18px;--surface-card-radius:22px;--surface-button-radius:999px;--surface-window-radius:12px;--surface-border:#fff3;--surface-panel-bg:linear-gradient(145deg, #ffffff2e, #ffffff14);--surface-card-bg:#ffffff24;--surface-card-hover:#ffffff38;--surface-control-bg:#0000003d;--surface-queue-bg:linear-gradient(180deg, #ffffff2e, #00000024), #0000002e;--surface-texture:linear-gradient(90deg, #ffffff14, transparent 18% 82%, #ffffff14), repeating-linear-gradient(90deg, transparent 0 18px, #ffffff09 18px 19px);--surface-shadow:0 20px 50px #00000038, inset 0 1px 0 #ffffff29;--surface-inset:inset 0 1px 0 #ffffff29;--image-radius:18px;background:linear-gradient(135deg,#183b56,#0f172a);min-height:100vh;padding:24px}.year-page:before,.year-page:after{content:"";pointer-events:none;opacity:.4;z-index:0;width:180px;position:fixed;top:130px;bottom:80px}.year-page:before{left:24px}.year-page:after{right:24px}.year-header,.player-panel,.song-tools,.song-grid{z-index:1;position:relative}.year-summary,.year-stat{display:contents}.year-header{grid-template-columns:minmax(220px,1fr) minmax(320px,1fr) minmax(220px,1fr);grid-template-areas:"back back share""logo meta relic""logo title relic""logo subtitle relic""logo nav relic";align-items:center;gap:.55rem clamp(1.5rem,3vw,3rem);width:min(1180px,92vw);margin:0 auto 2.2rem;display:grid}.back-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border-radius:999px;grid-area:back;place-items:center;width:52px;height:52px;text-decoration:none;display:grid}.back-link img{object-fit:contain;width:30px;height:30px}.back-link:hover{background:#ffffff3d}.share-year-button{border-radius:var(--surface-button-radius);color:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff21;border:1px solid #ffffff2e;grid-area:share;place-self:center end;width:auto;min-height:42px;padding:0 .95rem;font-size:.9rem;font-weight:900;box-shadow:inset 0 1px #ffffff1f,0 10px 20px #0000001f}.share-year-button:hover{background:#fff3;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff29,0 14px 26px #00000029}.year-logo{filter:drop-shadow(0 16px 32px #00000040);grid-area:logo;justify-self:center;width:min(280px,100%);height:auto;display:block}.era-label{letter-spacing:.12em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border-radius:999px;grid-area:meta;justify-self:center;align-items:center;width:fit-content;padding:.45rem .85rem;font-size:.78rem;font-weight:900;display:inline-flex}.year-header h1{font-family:var(--era-display-font);letter-spacing:-.065em;color:#fff;text-align:center;grid-area:title;margin:0;font-size:clamp(4.5rem,9vw,8rem);line-height:.85}.year-picker{z-index:20;grid-area:title;justify-self:center;position:relative}.year-picker h1{grid-area:auto}.year-picker-trigger{min-height:0;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;box-shadow:none;background:0 0;border:0;border-radius:16px;padding:0 .08em}.year-picker-trigger:hover{box-shadow:none;background:#ffffff1a;transform:none}.year-picker-panel{z-index:120;border-radius:var(--surface-radius);background:color-mix(in srgb, var(--player-screen-border), transparent 12%);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overscroll-behavior:contain;width:min(460px,88vw);max-height:310px;padding:12px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 24px 60px #00000057,inset 0 1px #ffffff24}.year-picker-backdrop{z-index:110;min-height:0;box-shadow:none;cursor:default;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#02061747;border-radius:0;padding:0;position:fixed;inset:0}.year-picker-backdrop:hover{box-shadow:none;background:#02061747;transform:none}.year-picker-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.year-picker-panel-header{display:none}.year-picker-grid a{border-radius:var(--surface-button-radius);color:#fff;background:#ffffff1f;border:1px solid #ffffff24;place-items:center;min-height:42px;font-weight:950;text-decoration:none;display:grid}.year-picker-grid a:hover,.year-picker-grid a.active{background:linear-gradient(135deg, color-mix(in srgb, var(--player-shell-start), white 12%), var(--player-shell-end));color:var(--player-panel-text)}.year-header p{color:#ffffffd6;text-align:center;grid-area:subtitle;max-width:720px;margin:0 auto;font-size:1.05rem;line-height:1.5}.year-nav{flex-wrap:wrap;grid-area:nav;justify-content:center;gap:.75rem;margin-top:.35rem;display:flex}.year-nav a{color:#fff;border-radius:var(--surface-button-radius);background:var(--surface-control-bg);border:1px solid var(--surface-border);padding:.75rem 1.05rem;font-weight:900;text-decoration:none}.year-nav a:hover{background:#ffffff2e}.era-relic{border-radius:var(--surface-radius);width:min(178px,100%);min-height:204px;color:var(--player-panel-text);background:var(--surface-panel-bg);border:1px solid var(--surface-border);grid-area:relic;place-self:center;place-items:center;gap:14px;padding:16px 14px;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 42px #0003,inset 0 1px #ffffff38}.era-relic:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 15%, #ffffff3d, transparent 30%), var(--surface-texture);position:absolute;inset:0}.era-relic-clickable{cursor:pointer}.era-relic-clickable:hover{background:var(--surface-card-hover);border-color:color-mix(in srgb, var(--surface-border), white 24%);transform:translateY(-4px)rotate(-.8deg);box-shadow:0 24px 52px #00000042,inset 0 1px #ffffff47}.era-relic-clickable:active{transform:translateY(-1px)rotate(-.4deg)}.era-relic-clickable:focus-visible{outline:3px solid color-mix(in srgb, var(--player-shell-mid), white 42%);outline-offset:4px}.era-relic-object{aspect-ratio:1;place-items:center;width:126px;display:grid;position:relative}.era-relic-object img{z-index:1;object-fit:contain;filter:drop-shadow(0 12px 18px #0003);width:100%;height:100%;display:block;position:relative}.era-relic-vinyl .era-relic-object:has(img){width:148px}.era-relic-cassette .era-relic-object:has(img){width:138px}:is(.era-relic-mp3 .era-relic-object:has(img),.era-relic-streaming .era-relic-object:has(img)){width:150px;height:150px}.era-relic-object:has(img){box-shadow:none!important;background:0 0!important;border:0!important}.era-relic-object:has(img):after{content:none!important}.era-relic-core,.era-relic-mark{display:block;position:absolute}.era-relic-caption{text-align:center;gap:4px;display:grid;position:relative}.era-relic-caption span{letter-spacing:.12em;text-transform:uppercase;color:var(--player-panel-soft);font-size:.72rem;font-weight:900}.era-relic-caption strong{font-size:.95rem;line-height:1.1}.era-relic-caption small{color:var(--player-panel-text);opacity:.86;justify-content:center;align-items:center;gap:.28rem;margin-top:2px;font-size:.7rem;font-weight:950;display:inline-flex}.era-relic-caption b{font-size:.9em}.theme-sixties .era-relic,.theme-seventies .era-relic{color:#fffffff0;text-shadow:0 1px 8px #00000047}.theme-sixties .era-relic-caption span,.theme-sixties .era-relic-caption strong,.theme-seventies .era-relic-caption span,.theme-seventies .era-relic-caption strong{color:#fffffff0}.era-relic-vinyl .era-relic-object{background:radial-gradient(circle,#f7d35d 0 12%,#111 13% 35%,#292929 36% 37%,#111 38% 58%,#292929 59% 60%,#111 61%);border-radius:999px;box-shadow:0 16px 26px #0000003d,inset 0 0 0 2px #ffffff14}.era-relic-vinyl .era-relic-core{background:#2a1710;border-radius:999px;width:20px;height:20px}.era-relic-vinyl .era-relic-mark-one{background:color-mix(in srgb, var(--player-shell-start), white 28%);border-radius:999px;width:88px;height:8px;top:28px;right:-22px;transform:rotate(-24deg)}.era-relic-cassette .era-relic-object{aspect-ratio:1.55;background:linear-gradient(180deg, #ffffff47, transparent 36%), color-mix(in srgb, var(--player-shell-mid), black 12%);border:5px solid color-mix(in srgb, var(--player-screen-border), white 12%);border-radius:16px;width:136px;box-shadow:0 16px 26px #00000038}.era-relic-cassette .era-relic-core,.era-relic-cassette .era-relic-mark-one{background:radial-gradient(circle,#00000052 0 24%,#0000 25%),conic-gradient(#fffc,#0003,#ffffffb8);border-radius:999px;width:34px;height:34px;top:24px}.era-relic-cassette .era-relic-core{left:24px}.era-relic-cassette .era-relic-mark-one{right:24px}.era-relic-cassette .era-relic-mark-two{background:#00000038;border-radius:999px;width:72px;height:16px;bottom:15px}.era-relic-cd .era-relic-object{background:radial-gradient(circle,#ffffffeb 0 8%,#1416285c 9% 18%,#0000 19%),conic-gradient(from 35deg,#f8fbff,#8ecae6,#ffafcc,#cdb4db,#f8fbff);border:2px solid #ffffff94;border-radius:999px;box-shadow:0 16px 26px #0003,inset 0 0 0 12px #ffffff21}.era-relic-cd .era-relic-mark-one{background:#ffffff5c;border-radius:999px;width:110px;height:18px;transform:rotate(-28deg)}.era-relic-mp3 .era-relic-object{aspect-ratio:.62;background:linear-gradient(180deg, #ffffffad, #ffffff2e), color-mix(in srgb, var(--player-shell-mid), white 20%);border:2px solid #ffffff6b;border-radius:20px;width:92px;box-shadow:0 16px 26px #0003}.era-relic-mp3 .era-relic-core{background:#00000047;border-radius:10px;width:58px;height:48px;top:18px}.era-relic-mp3 .era-relic-mark-one{background:#0000001f;border:8px solid #ffffff94;border-radius:999px;width:42px;height:42px;bottom:18px}.era-relic-streaming .era-relic-object{aspect-ratio:.56;background:linear-gradient(180deg, #ffffff42, #ffffff0f), color-mix(in srgb, var(--player-screen-border), white 8%);border:2px solid #ffffff38;border-radius:22px;width:94px;box-shadow:0 16px 26px #0000003d}.era-relic-streaming .era-relic-core{border:10px solid color-mix(in srgb, var(--player-shell-end), white 20%);border-radius:999px;width:54px;height:54px}.era-relic-streaming .era-relic-mark-one{background:#ffffff6b;border-radius:999px;width:52px;height:6px;bottom:20px}.era-info-page{color:#fff;--era-display-font:Inter, Arial, sans-serif;--era-song-font:Inter, Arial, sans-serif;--era-title-transform:none;--era-title-spacing:0;--player-shell-start:#fff0bd;--player-shell-mid:#f2c16b;--player-shell-end:#d96b2b;--player-shell-border:#fff8d2cc;--player-panel-text:#432716;--player-panel-soft:#432716b8;--player-screen-border:#5b321d;--player-glass:#ffffff75;--player-control-bg:#ffffff57;--surface-radius:26px;--surface-panel-radius:34px;--surface-radius-small:18px;--surface-card-radius:22px;--surface-button-radius:999px;--surface-window-radius:12px;--surface-border:#ffffff38;--surface-panel-bg:linear-gradient(145deg, #fff3, #ffffff14);--surface-card-bg:#ffffff24;--surface-card-hover:#ffffff38;--surface-control-bg:#0000003d;--surface-texture:linear-gradient(90deg, #ffffff14, transparent 18% 82%, #ffffff14), repeating-linear-gradient(90deg, transparent 0 18px, #ffffff09 18px 19px);--surface-inset:inset 0 1px 0 #ffffff29;background:linear-gradient(135deg,#183b56,#0f172a);min-height:100vh;padding:28px}.era-info-shell{grid-template-columns:minmax(0,1fr) 210px;grid-template-areas:"back relic""copy relic""details details""resources resources";align-content:center;gap:20px;width:min(980px,100%);min-height:calc(100vh - 56px);margin:0 auto;display:grid}.era-info-back{grid-area:back;justify-self:start}.era-info-copy{grid-area:copy;gap:14px;display:grid}.era-info-copy .era-label{justify-self:start}.era-info-copy h1{font-family:var(--era-display-font);letter-spacing:0;text-transform:var(--era-title-transform);color:#fff;text-shadow:0 14px 28px #00000038;margin:0;font-size:clamp(3.2rem,10vw,7.4rem);line-height:.9}.era-info-copy p{color:#ffffffe0;max-width:680px;margin:0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.era-info-page .era-relic{grid-area:relic;align-self:center}.era-info-details{grid-area:details;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);gap:14px;display:grid}.era-info-details>div{border-radius:var(--surface-radius);min-width:0;color:var(--player-panel-text);background:var(--surface-panel-bg);border:1px solid var(--surface-border);padding:18px;box-shadow:0 18px 42px #0000002e,inset 0 1px #fff3}.era-info-details span{letter-spacing:.11em;text-transform:uppercase;color:var(--player-panel-soft);margin-bottom:8px;font-size:.72rem;font-weight:950;display:block}.era-info-details strong{font-size:clamp(1.4rem,3vw,2.2rem);line-height:1}.era-info-details p{margin:0;font-size:1rem;line-height:1.55}.era-resource-panel{border-radius:var(--surface-radius);color:var(--player-panel-text);background:var(--surface-panel-bg);border:1px solid var(--surface-border);grid-area:resources;gap:16px;padding:18px;display:grid;box-shadow:0 18px 42px #0000002e,inset 0 1px #fff3}.era-resource-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.era-resource-heading .era-label{justify-self:start}.era-resource-heading h2,.era-resource-group h3{font-family:var(--era-song-font);color:var(--player-panel-text);margin:0}.era-resource-heading h2{font-size:clamp(1.2rem,2.4vw,1.7rem)}.era-resource-group{gap:10px;display:grid}.era-resource-group h3{letter-spacing:.08em;text-transform:uppercase;color:var(--player-panel-soft);font-size:.9rem}.era-resource-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.era-resource-list a{border-radius:var(--surface-radius-small);min-height:112px;color:var(--player-panel-text);border:1px solid var(--surface-border);box-shadow:var(--surface-inset);background:linear-gradient(145deg,#ffffff38,#00000014);align-content:start;gap:8px;padding:14px;text-decoration:none;transition:transform .16s,background .16s,box-shadow .16s;display:grid}.era-resource-list a:hover{background:var(--surface-card-hover);box-shadow:0 14px 28px #00000029, var(--surface-inset);transform:translateY(-2px)}.era-resource-list strong{line-height:1.15}.era-resource-list span{color:var(--player-panel-soft);font-size:.9rem;line-height:1.45}.player-panel{border-radius:var(--surface-panel-radius);width:min(1180px,100%);color:var(--player-panel-text);background:linear-gradient(145deg, var(--player-shell-start), var(--player-shell-mid) 48%, var(--player-shell-end));border:2px solid var(--player-shell-border);grid-template-columns:minmax(0,1fr) minmax(330px,360px);align-items:start;gap:16px;margin:0 auto 28px;padding:clamp(14px,2vw,22px);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000057,inset 0 2px #ffffff9e,inset 0 -8px #00000029}.player-panel:before{content:"";pointer-events:none;background:var(--surface-texture);opacity:.42;position:absolute;inset:0}.video-frame{z-index:1;border-radius:var(--surface-radius);box-shadow:0 18px 34px #461f1057, inset 0 0 0 10px color-mix(in srgb, var(--player-screen-border), black 38%), inset 0 0 38px #000000b8;aspect-ratio:16/9;border:8px solid var(--player-screen-border);background:radial-gradient(circle,#ffffff14,#0000 48%),#050505;position:relative;overflow:hidden}.video-frame:after{content:"";pointer-events:none;mix-blend-mode:screen;opacity:.42;background:linear-gradient(115deg,#ffffff24,#0000 24%),repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 4px);border-radius:20px;position:absolute;inset:10px}.video-frame iframe{z-index:1;border:0;width:100%;height:100%;position:relative}.youtube-player{z-index:1;width:100%;height:100%;position:relative}.now-playing{z-index:1;border-radius:var(--surface-radius);background:var(--surface-panel-bg);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;align-items:flex-start;gap:10px;min-height:100%;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff85,0 12px 24px #4a22102e}.now-playing:before{content:"";background:radial-gradient(circle, var(--player-shell-end) 0 28%, transparent 29%), radial-gradient(circle, #00000024 0 54%, transparent 55%);pointer-events:none;border-radius:999px;width:180px;height:180px;position:absolute;top:-82px;right:-82px}.now-playing span{text-transform:uppercase;letter-spacing:.16em;color:var(--player-panel-soft);opacity:1;font-size:.78rem;font-weight:900;position:relative}.now-playing h2{font-family:var(--era-song-font);text-transform:var(--era-title-transform);letter-spacing:var(--era-title-spacing);overflow-wrap:anywhere;color:var(--player-panel-text);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:clamp(1.75rem,3vw,2.75rem);line-height:1;display:-webkit-box;position:relative;overflow:hidden}.now-playing p{color:var(--player-panel-soft);opacity:1;margin:0;font-size:1.05rem;position:relative}.now-playing a:not(.action-button){width:fit-content;color:var(--player-panel-text);border-radius:var(--surface-button-radius);background:var(--player-control-bg);border:1px solid #48221124;margin-top:10px;padding:.8rem 1.05rem;font-weight:900;text-decoration:none;position:relative}.now-playing a:not(.action-button):hover{background:#ffffff80}.now-playing button:not(.action-button){border-radius:var(--surface-button-radius);width:fit-content;min-height:48px;color:var(--player-panel-text);background:linear-gradient(135deg, color-mix(in srgb, var(--player-shell-start), white 12%), var(--player-shell-end));margin-top:4px;padding:0 1rem;position:relative;box-shadow:0 12px 24px #ff8a3d3d}.now-playing .action-button{width:fit-content;margin-top:4px}.video-rescue{border-radius:var(--surface-radius-small);background:color-mix(in srgb, var(--player-shell-end), transparent 84%);border:1px solid color-mix(in srgb, var(--player-screen-border), transparent 82%);align-self:start;gap:12px;width:100%;margin-top:auto;padding:14px;display:grid;position:relative}.video-rescue span{letter-spacing:.08em;text-transform:uppercase;color:var(--player-panel-soft);opacity:1;font-size:.78rem;font-weight:900}.video-rescue div{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.video-rescue button,.video-rescue a{border-radius:var(--surface-button-radius);text-align:center;overflow-wrap:normal;word-break:normal;justify-content:center;align-items:center;min-width:max-content;min-height:46px;margin:0;padding:0 .82rem;font-size:.82rem;line-height:1.05;display:inline-flex}.video-rescue .action-button{flex:112px}.video-rescue a[href*=youtube\.com]{flex-basis:150px}.video-rescue button:not(.action-button){color:#fff;background:linear-gradient(135deg,#ff6b35,#d62828);box-shadow:0 10px 20px #d6282838}.video-rescue a:not(.action-button){color:var(--player-panel-text);background:var(--player-control-bg);border:1px solid #48221124;font-weight:900;text-decoration:none}.song-queue{z-index:1;border-radius:var(--surface-radius);background:var(--surface-panel-bg);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(1180px,100%);box-shadow:var(--surface-shadow);margin:0 auto 20px;padding:18px;position:relative;overflow:hidden}.song-queue:before{content:"";pointer-events:none;background:var(--surface-texture);opacity:.72;position:absolute;inset:0}.song-queue-header{justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;display:flex;position:relative}.song-queue-header span{letter-spacing:.14em;text-transform:uppercase;opacity:.72;margin-bottom:4px;font-size:.72rem;font-weight:900;display:block}.song-queue-header h2{font-family:var(--era-song-font);text-transform:var(--era-title-transform);letter-spacing:var(--era-title-spacing);margin:0;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1}.song-queue-header p,.empty-queue{opacity:.76;margin:0;font-weight:800}.queue-deck{border-radius:var(--surface-radius-small);background:var(--surface-queue-bg);border:1px solid var(--surface-border);min-height:92px;box-shadow:var(--surface-inset);grid-template-columns:70px minmax(0,1fr) 70px;align-items:center;gap:14px;margin:0 0 14px;padding:14px;display:grid;position:relative}.queue-reel{aspect-ratio:1;background:conic-gradient(from 20deg,#ffffffa6,#ffffff14,#ffffff8c,#ffffff1a,#ffffffa6);border:6px solid #0000003d;border-radius:999px;place-items:center;display:grid;box-shadow:0 10px 22px #00000038,inset 0 0 0 8px #00000038}.queue-reel span{opacity:1;background:#0000006b;border-radius:999px;width:18px;height:18px}.queue-window{border-radius:var(--surface-window-radius);color:#ffffffe6;min-width:0;min-height:52px;font-family:var(--era-song-font);letter-spacing:var(--era-title-spacing);text-transform:var(--era-title-transform);text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#0407127a;border:1px solid #ffffff1f;justify-content:center;align-items:center;padding:0 16px;font-size:.95rem;font-weight:900;display:flex;overflow:hidden}.queue-window span{min-width:max-content;display:inline-block}.queue-window-marquee span{text-overflow:ellipsis;max-width:100%;overflow:hidden}@keyframes queue-title-pan{0%{transform:translate(100%)}to{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.queue-window-marquee span{animation:none}}.player-vinyl .queue-deck{background:linear-gradient(135deg,#fff4d62e,#2618134d),#120d0c57;grid-template-columns:78px minmax(0,1fr) 42px}.player-vinyl .queue-reel{background:radial-gradient(circle,#f4d35e 0 13%,#111 14% 41%,#333 42% 43%,#111 44% 100%);border:5px solid #fff4d642;box-shadow:0 12px 24px #00000047,inset 0 0 0 10px #ffffff0a}.player-vinyl .queue-reel:last-child{opacity:.42}.player-vinyl .queue-window{color:#fff0c2;background:#2718108c}.player-cassette .queue-deck{background:linear-gradient(#ffca7933,#48260e2e),#0000002e}.player-cassette .queue-reel{background:conic-gradient(from 20deg,#ffe8b4b8,#ff7e4729,#ffe8b49e,#ff7e4729,#ffe8b4b8)}.player-cd .queue-deck{background:linear-gradient(135deg,#e1f5ff38,#57678f1f),#0000002e}.player-cd .queue-reel{background:radial-gradient(circle,#fffc 0 9%,#14162866 10% 19%,#0000 20%),conic-gradient(from 45deg,#f8fbff,#8ecae6,#ffafcc,#cdb4db,#f8fbff);border-color:#ffffff85;box-shadow:0 12px 24px #00000038,inset 0 0 0 10px #ffffff2e}.player-mp3 .queue-deck{background:linear-gradient(135deg,#ffffff42,#4895ef24),#08122833;grid-template-columns:44px minmax(0,1fr) 44px}.player-mp3 .queue-reel{background:linear-gradient(135deg,#ffffffad,#75d1ff38);border-color:#ffffff4d;border-radius:16px;box-shadow:0 10px 18px #0003,inset 0 0 0 8px #0000001a}.player-streaming .queue-deck{grid-template-columns:34px minmax(0,1fr) 34px}.player-streaming .queue-reel{background:linear-gradient(#ffffff9e,#ffffff1f);border-color:#ffffff3d;border-radius:12px;box-shadow:0 9px 18px #0000002e,inset 0 0 0 7px #0000001a}.queue-toast{color:#3f2415;background:linear-gradient(135deg,#ffe8a3,#ffb36c);border-radius:14px;margin:0 0 14px;padding:.72rem .9rem;font-size:.92rem;font-weight:900;position:relative;box-shadow:0 12px 24px #0000002e}.queue-controls{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex;position:relative}.queue-controls button{border-radius:var(--surface-button-radius);min-height:44px;box-shadow:none;background:#0000003d;font-size:.95rem}.queue-controls button:disabled{cursor:not-allowed;opacity:.45;transform:none}.queue-list{gap:10px;margin:0;padding:0;list-style:none;display:grid;position:relative}.queue-list li{grid-template-columns:34px minmax(0,1fr) auto;align-items:stretch;gap:10px;transition:opacity .16s,transform .16s;display:grid}.queue-list li.dragging{opacity:.46;transform:scale(.99)}.queue-list li.drop-target{transform:translateY(-2px)}.queue-list button{border-radius:var(--surface-radius-small);min-height:58px;box-shadow:none}.queue-drag-handle{border-radius:var(--surface-radius-small);color:#ffffffb8;letter-spacing:-.18em;cursor:grab;-webkit-user-select:none;user-select:none;background:var(--surface-control-bg);place-items:center;min-height:58px;font-size:1.05rem;font-weight:950;display:grid}.queue-drag-handle:active{cursor:grabbing}.queue-mobile-move{display:none}.queue-list li.drop-target .queue-drag-handle,.queue-list li.drop-target>button{outline:2px solid #ffffffb3}.queue-list li>button:not(.queue-remove){text-align:left;background:var(--surface-card-bg);justify-items:start;gap:3px;display:grid}.queue-list li>button:not(.queue-remove).active{background:linear-gradient(135deg,#ffd16642,#ffffff29);outline:2px solid #ffffff9e}.queue-list span{opacity:.74;font-size:.86rem}.queue-list strong,.queue-list span{min-width:0;max-width:100%}.queue-list strong{font-family:var(--era-song-font);text-transform:var(--era-title-transform);letter-spacing:var(--era-title-spacing)}.queue-remove{background:var(--surface-control-bg);width:48px;padding:0}.song-tools{z-index:1;border-radius:var(--surface-radius);background:var(--surface-panel-bg);border:1px solid var(--surface-border);width:min(1180px,100%);box-shadow:var(--surface-inset);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:minmax(220px,1fr) auto auto auto;align-items:center;gap:12px;margin:0 auto 18px;padding:12px;display:grid;position:relative}.song-tools input{color:#16345a;background:linear-gradient(145deg,#fffffff5,#f5faffdb);min-width:0;height:52px}.song-tools input::placeholder{color:#16345a85}.song-tools button:not(.action-button){white-space:nowrap;min-height:52px;color:var(--player-panel-text);background:var(--player-control-bg);border:1px solid var(--surface-border);box-shadow:none}.song-tools button:not(.action-button):hover{box-shadow:none;background:#ffffff47}.song-tools .action-button{white-space:nowrap;min-height:52px}.song-tools-autoplay.active{color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--player-shell-mid), white 12%), color-mix(in srgb, var(--player-shell-end), black 8%))}.song-tools p{opacity:.75;margin:0;font-weight:800}.song-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;width:min(1180px,100%);margin:0 auto;display:grid}.song-card{border-radius:var(--surface-card-radius);text-align:left;background:var(--surface-card-bg);color:#fff;border:0;border:1px solid var(--surface-border);min-height:0;box-shadow:var(--surface-inset);grid-template-rows:1fr auto;padding:0;transition:transform .18s,background .18s,outline .18s;display:grid;overflow:hidden}.song-card:hover{background:var(--surface-card-hover);box-shadow:0 14px 28px #0000002e, var(--surface-inset);transform:translateY(-3px)}.song-card img{aspect-ratio:16/9;object-fit:cover;border-radius:calc(var(--surface-card-radius) - 2px) calc(var(--surface-card-radius) - 2px) 0 0;width:100%;display:block}.song-card div{gap:5px;padding:14px;display:grid}.song-card strong{font-family:var(--era-song-font);text-transform:var(--era-title-transform);letter-spacing:var(--era-title-spacing);line-height:1.15}.song-card span{opacity:.75;font-size:.92rem}.song-card.selected{background:#ffffff3d;outline:3px solid #ffffffbf}.song-card-main{min-height:0;box-shadow:none;color:inherit;text-align:left;background:0 0;border-radius:0;padding:0}.song-card-main:hover{box-shadow:none;background:0 0;transform:none}.song-card-queue{border-radius:var(--surface-button-radius);color:#3f2415;background:linear-gradient(135deg,#ffd166,#ff8a3d);width:calc(100% - 20px);min-height:44px;margin:0 10px 10px;font-size:.9rem;box-shadow:0 10px 20px #00000024}.theme-fifties{--era-display-font:Georgia, "Times New Roman", serif;--era-song-font:Georgia, "Times New Roman", serif;--era-title-transform:none;--era-title-spacing:0;--player-shell-start:#fff3d4;--player-shell-mid:#62b6b7;--player-shell-end:#cc5a43;--player-shell-border:#fff3d4d1;--player-panel-text:#2a2430;--player-panel-soft:#2a2430b8;--player-screen-border:#241821;--player-glass:#fff7e28a;--player-control-bg:#fff7e26b;--surface-radius:24px;--surface-panel-radius:30px;--surface-radius-small:16px;--surface-card-radius:20px;--surface-button-radius:999px;--surface-window-radius:12px;--surface-border:#fff3d494;--surface-panel-bg:radial-gradient(circle at 20% 18%, #fff3d47a, transparent 34%), linear-gradient(145deg, #fff3d461, #62b6b738, #cc5a4329);--surface-card-bg:#fff3d426;--surface-card-hover:#fff3d43d;--surface-control-bg:#24182157;--surface-queue-bg:linear-gradient(135deg, #fff3d438, #62b6b72e), #24182138;--surface-texture:radial-gradient(circle at 12% 20%, #ffffff29 0 9px, transparent 10px), linear-gradient(90deg, #fff3d41f, transparent 26% 74%, #cc5a431a);background:radial-gradient(circle at 0 0,#fff3d43d,#0000 30%),linear-gradient(135deg,#233044,#62b6b7 55%,#cc5a43)}.theme-sixties{--era-display-font:"Trebuchet MS", Verdana, sans-serif;--era-song-font:"Trebuchet MS", Verdana, sans-serif;--era-title-transform:none;--era-title-spacing:.01em;--player-shell-start:#fff1a8;--player-shell-mid:#f26b38;--player-shell-end:#4b2d73;--player-shell-border:#fff1a8c7;--player-panel-text:#fff9df;--player-panel-soft:#fff9dfc7;--player-screen-border:#2b194b;--player-glass:#ffffff2e;--player-control-bg:#ffffff2e;--surface-radius:30px;--surface-panel-radius:36px;--surface-radius-small:20px;--surface-card-radius:24px;--surface-button-radius:999px;--surface-window-radius:16px;--surface-border:#fff1a870;--surface-panel-bg:radial-gradient(circle at 22% 22%, #fff1a83d, transparent 28%), radial-gradient(circle at 82% 74%, #f26b3838, transparent 30%), linear-gradient(145deg, #ffffff29, #4b2d7342);--surface-card-bg:#ffffff1f;--surface-card-hover:#fff1a833;--surface-control-bg:#2b194b6b;--surface-queue-bg:linear-gradient(135deg, #fff1a82e, #4b2d7338), #0003;--surface-texture:radial-gradient(circle at 14% 26%, #fff1a82e 0 12px, transparent 13px), radial-gradient(circle at 86% 66%, #ffffff1f 0 16px, transparent 17px), linear-gradient(120deg, #ffffff1a, transparent 42% 58%, #fff1a81a);background:radial-gradient(circle at 100% 0,#fff1a833,#0000 30%),radial-gradient(circle at 0 100%,#f26b3833,#0000 28%),linear-gradient(135deg,#2b194b,#8c3f89 48%,#f26b38)}.theme-seventies{--era-display-font:Georgia, "Trebuchet MS", serif;--era-song-font:Georgia, "Trebuchet MS", serif;--era-title-transform:none;--era-title-spacing:0;--player-shell-start:#f7d08a;--player-shell-mid:#d97706;--player-shell-end:#5a2e12;--player-shell-border:#f7d08acc;--player-panel-text:#351b0c;--player-panel-soft:#351b0cbd;--player-screen-border:#43210f;--player-glass:#ffe0a680;--player-control-bg:#ffefc757;--surface-radius:14px;--surface-panel-radius:18px;--surface-radius-small:10px;--surface-card-radius:12px;--surface-button-radius:8px;--surface-window-radius:6px;--surface-border:#f7d08a73;--surface-panel-bg:linear-gradient(90deg, #562c111f, #f7d08a2e, #562c1124), repeating-linear-gradient(90deg, #4a250e29 0 16px, #f7d08a0d 16px 32px);--surface-card-bg:#f7d08a24;--surface-card-hover:#f7d08a3b;--surface-control-bg:#43210f61;--surface-queue-bg:linear-gradient(180deg, #f7d08a33, #43210f42), #0003;--surface-texture:repeating-linear-gradient(90deg, #ffe6ad0d 0 8px, #43210f1f 8px 16px), linear-gradient(180deg, #ffffff1f, transparent 42%);background:radial-gradient(circle at 0 0,#ffffff29,#0000 30%),linear-gradient(135deg,#3b2414,#d97706)}.theme-eighties{--era-display-font:"Arial Black", Impact, Arial, sans-serif;--era-song-font:"Arial Black", Impact, Arial, sans-serif;--era-title-transform:uppercase;--era-title-spacing:.01em;--player-shell-start:#ff7ad9;--player-shell-mid:#6c3df4;--player-shell-end:#00b4d8;--player-shell-border:#ff7ad98a;--player-panel-text:#f8fbff;--player-panel-soft:#f8fbffc7;--player-screen-border:#12002f;--player-glass:#fff3;--player-control-bg:#ffffff29;--surface-radius:6px;--surface-panel-radius:10px;--surface-radius-small:4px;--surface-card-radius:6px;--surface-button-radius:4px;--surface-window-radius:2px;--surface-border:#ff7ad98f;--surface-panel-bg:linear-gradient(135deg, #ff7ad92e, #00b4d829), linear-gradient(90deg, #ffffff12, transparent 22% 78%, #ffffff12);--surface-card-bg:#ffffff1a;--surface-card-hover:#ff7ad92e;--surface-control-bg:#12002f8f;--surface-queue-bg:linear-gradient(135deg, #ff7ad92e, #00b4d829), #12002f70;--surface-texture:linear-gradient(90deg, #ff7ad924 1px, transparent 1px), linear-gradient(0deg, #00b4d81f 1px, transparent 1px);--surface-shadow:0 24px 58px #00000052, 0 0 26px #ff7ad92e, inset 0 1px 0 #ffffff24;background:radial-gradient(circle at 100% 0,#ff00c859,#0000 30%),radial-gradient(circle at 0 100%,#00b4d852,#0000 28%),linear-gradient(135deg,#12002f,#071a52 55%,#00b4d8)}.theme-nineties{--era-display-font:Impact, "Arial Black", Arial, sans-serif;--era-song-font:"Trebuchet MS", Arial, sans-serif;--era-title-transform:none;--era-title-spacing:0;--player-shell-start:#faff70;--player-shell-mid:#059669;--player-shell-end:#1e3a8a;--player-shell-border:#faff7094;--player-panel-text:#f8fbff;--player-panel-soft:#f8fbffc7;--player-screen-border:#10214f;--player-glass:#ffffff38;--player-control-bg:#ffffff29;--surface-radius:20px 8px 20px 8px;--surface-panel-radius:24px 10px 24px 10px;--surface-radius-small:14px 6px 14px 6px;--surface-card-radius:18px 6px 18px 6px;--surface-button-radius:18px 6px 18px 6px;--surface-window-radius:10px 4px 10px 4px;--surface-border:#faff7080;--surface-panel-bg:linear-gradient(145deg, #faff702e, #0596692e), repeating-linear-gradient(-45deg, #ffffff0f 0 10px, transparent 10px 22px);--surface-card-bg:#ffffff1f;--surface-card-hover:#faff702e;--surface-control-bg:#10214f7a;--surface-queue-bg:linear-gradient(135deg, #faff7038, #1e3a8a3d), #00000038;--surface-texture:repeating-linear-gradient(-45deg, #ffffff12 0 8px, transparent 8px 18px), linear-gradient(90deg, #faff701f, transparent 60%);background:radial-gradient(circle at 0 0,#ffffff40,#0000 28%),radial-gradient(circle at 100% 100%,#ffdd0038,#0000 30%),linear-gradient(135deg,#1e3a8a,#059669)}.theme-y2k{--era-display-font:Verdana, "Trebuchet MS", Arial, sans-serif;--era-song-font:Verdana, "Trebuchet MS", Arial, sans-serif;--era-title-transform:none;--era-title-spacing:0;--player-shell-start:#dff9ff;--player-shell-mid:#45a2fa;--player-shell-end:#f97316;--player-shell-border:#dff9ffc7;--player-panel-text:#123155;--player-panel-soft:#123155b8;--player-screen-border:#155e8f;--player-glass:#f0fdff8f;--player-control-bg:#ffffff6b;--surface-radius:32px;--surface-panel-radius:38px;--surface-radius-small:22px;--surface-card-radius:26px;--surface-button-radius:999px;--surface-window-radius:16px;--surface-border:#dff9ffb8;--surface-panel-bg:radial-gradient(circle at 30% 8%, #ffffff94, transparent 28%), linear-gradient(145deg, #f0fdff85, #45a2fa33, #f9731633);--surface-card-bg:#f0fdff29;--surface-card-hover:#f0fdff47;--surface-control-bg:#ffffff42;--surface-queue-bg:linear-gradient(135deg, #ffffff47, #45a2fa29), #082a482e;--surface-texture:radial-gradient(circle at 18% 20%, #ffffff57 0 16px, transparent 17px), radial-gradient(circle at 84% 82%, #fff3 0 22px, transparent 23px), linear-gradient(135deg, #ffffff29, transparent 36% 64%, #ffffff1f);background:radial-gradient(circle at 100% 0,#ffffff80,#0000 26%),radial-gradient(circle at 0 100%,#ff8a3d57,#0000 28%),linear-gradient(135deg,#1fa2d1,#2563eb 55%,#f97316)}.theme-y2k:before{background:radial-gradient(circle at 50% 20%,#ffffffe6 0 18px,#0000 19px),radial-gradient(circle at 65% 42%,#ffffff8c 0 34px,#0000 35px),radial-gradient(circle at 35% 68%,#ffffffb3 0 24px,#0000 25px),linear-gradient(135deg,#0000 20%,#ffffff2e 21% 23%,#0000 24%),linear-gradient(45deg,#0000 42%,#ffffff2e 43% 45%,#0000 46%)}.theme-y2k:after{background:radial-gradient(circle at 45% 18%,#ffffffbf 0 26px,#0000 27px),radial-gradient(circle at 60%,#ffffff7a 0 42px,#0000 43px),radial-gradient(circle at 35% 78%,#ffffffa3 0 18px,#0000 19px),linear-gradient(135deg,#0000 30%,#ffffff29 31% 33%,#0000 34%)}.theme-twenty-tens{--era-display-font:Inter, Arial, sans-serif;--era-song-font:Inter, Arial, sans-serif;--era-title-transform:none;--era-title-spacing:0;--player-shell-start:#f0e7ff;--player-shell-mid:#7c3aed;--player-shell-end:#ec4899;--player-shell-border:#f0e7ffa8;--player-panel-text:#f8fbff;--player-panel-soft:#f8fbffc7;--player-screen-border:#2f155c;--player-glass:#fff3;--player-control-bg:#ffffff29;--surface-radius:24px;--surface-panel-radius:30px;--surface-radius-small:16px;--surface-card-radius:20px;--surface-button-radius:999px;--surface-window-radius:12px;--surface-border:#fff3;--surface-panel-bg:linear-gradient(145deg, #ffffff2e, #7c3aed29, #ec48991f);--surface-card-bg:#ffffff1f;--surface-card-hover:#fff3;--surface-control-bg:#1118275c;--surface-queue-bg:linear-gradient(135deg, #ffffff29, #7c3aed24), #0000002e;--surface-texture:linear-gradient(120deg, #ffffff29, transparent 36% 64%, #ffffff14);background:radial-gradient(circle at 0 0,#ffffff40,#0000 30%),radial-gradient(circle at 100% 100%,#ec489940,#0000 28%),linear-gradient(135deg,#111827,#7c3aed)}.theme-twenty-twenties{--era-display-font:Inter, Arial, sans-serif;--era-song-font:Inter, Arial, sans-serif;--era-title-transform:none;--era-title-spacing:0;--player-shell-start:#dbeafe;--player-shell-mid:#64748b;--player-shell-end:#020617;--player-shell-border:#dbeafe94;--player-panel-text:#f8fbff;--player-panel-soft:#f8fbffc2;--player-screen-border:#020617;--player-glass:#ffffff29;--player-control-bg:#ffffff24;--surface-radius:16px;--surface-panel-radius:20px;--surface-radius-small:12px;--surface-card-radius:14px;--surface-button-radius:12px;--surface-window-radius:8px;--surface-border:#dbeafe2e;--surface-panel-bg:linear-gradient(145deg, #dbeafe21, #02061747);--surface-card-bg:#dbeafe14;--surface-card-hover:#dbeafe24;--surface-control-bg:#02061775;--surface-queue-bg:linear-gradient(135deg, #dbeafe1f, #02061752), #0003;--surface-texture:linear-gradient(120deg, #ffffff14, transparent 42%), repeating-linear-gradient(90deg, transparent 0 36px, #ffffff06 36px 37px);background:radial-gradient(circle at 100% 0,#ffffff2e,#0000 30%),radial-gradient(circle at 0 100%,#3b82f638,#0000 28%),linear-gradient(135deg,#020617,#334155)}@media (width<=760px){.year-page{padding:16px;overflow-x:hidden}.year-page:before,.year-page:after{display:none}.year-header{text-align:center;flex-direction:column;align-items:center;gap:.65rem;width:100%;margin:0 auto 1.6rem;display:flex}.era-relic{border-radius:var(--surface-radius);grid-template-columns:72px minmax(0,1fr);justify-items:start;gap:12px;width:100%;min-height:92px;padding:12px}.era-relic-object{flex:none;width:64px}.era-relic-vinyl .era-relic-object,.era-relic-cd .era-relic-object{aspect-ratio:auto;width:64px;height:64px}.era-relic-cassette .era-relic-object{aspect-ratio:auto;border-width:3px;border-radius:12px;width:70px;height:46px}.era-relic-mp3 .era-relic-object,.era-relic-streaming .era-relic-object{aspect-ratio:auto;border-radius:16px;place-items:center;width:58px;height:58px;display:grid}.era-relic-streaming .era-relic-core,.era-relic-streaming .era-relic-mark-one,.era-relic-streaming .era-relic-mark-two,.era-relic-mp3 .era-relic-core,.era-relic-mp3 .era-relic-mark-one,.era-relic-mp3 .era-relic-mark-two{display:none}.era-relic-mp3 .era-relic-object:after,.era-relic-streaming .era-relic-object:after{letter-spacing:0;color:color-mix(in srgb, var(--player-panel-text), white 10%);font-size:.9rem;font-weight:950}.era-relic-mp3 .era-relic-object:after{content:"MP3"}.era-relic-streaming .era-relic-object:after{content:"PLAY"}.era-relic-cassette .era-relic-core,.era-relic-cassette .era-relic-mark-one{width:20px;height:20px;top:12px}.era-relic-cassette .era-relic-core{left:12px}.era-relic-cassette .era-relic-mark-one{right:12px}.era-relic-cassette .era-relic-mark-two{width:42px;height:8px;bottom:8px}.back-link{align-self:flex-start;width:48px;height:48px;padding:0}.era-label{letter-spacing:.11em;opacity:.92;justify-self:center;margin-top:.3rem;padding:.42rem .75rem;font-size:.68rem}.year-header p{text-align:center;opacity:.88;max-width:260px;margin:-.1rem auto .15rem;font-size:.95rem;line-height:1.35}.year-header h1{letter-spacing:-.055em;text-align:center;width:100%;margin:-.15rem 0 0;font-size:clamp(3.3rem,17vw,4.7rem);line-height:.9}.year-nav{justify-content:center;gap:.7rem;width:100%;margin-top:.2rem;display:flex}.year-nav a{border-radius:var(--surface-button-radius);text-align:center;background:#00000038;min-width:92px;padding:.72rem 1rem;font-size:.95rem;box-shadow:inset 0 1px #ffffff1f}.player-panel{border-radius:var(--surface-panel-radius);grid-template-columns:1fr;gap:12px;width:calc(100vw - 20px);margin-bottom:20px;margin-left:calc(50% - 50vw + 10px);margin-right:calc(50% - 50vw + 10px);padding:10px}.video-frame{border-radius:var(--surface-radius);border-width:5px;box-shadow:0 14px 26px #461f1047,inset 0 0 0 6px #2a1810c7,inset 0 0 28px #000000b8}.now-playing{border-radius:var(--surface-radius);text-align:left;align-items:stretch;padding:16px}.now-playing h2{font-size:clamp(1.55rem,7vw,2.15rem)}.now-playing button,.now-playing a{text-align:center;justify-content:center;align-items:center;width:100%;display:inline-flex}.song-queue{border-radius:var(--surface-radius);width:100%;margin-bottom:18px;padding:14px}.song-queue-header{align-items:start;gap:8px;display:grid}.song-queue-header h2{font-size:1.45rem}.queue-deck{border-radius:var(--surface-radius-small);grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;min-height:74px;padding:10px}.song-queue.player-vinyl .queue-deck{grid-template-columns:56px minmax(0,1fr) 34px}.song-queue.player-cassette .queue-deck,.song-queue.player-cd .queue-deck{grid-template-columns:48px minmax(0,1fr) 48px}.song-queue.player-mp3 .queue-deck,.song-queue.player-streaming .queue-deck{grid-template-columns:36px minmax(0,1fr) 36px}.queue-reel{border-width:4px;box-shadow:0 8px 16px #0000002e,inset 0 0 0 6px #00000038}.queue-reel span{width:12px;height:12px}.queue-window{min-height:44px;padding:0 10px;font-size:.82rem}.queue-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.queue-controls button{min-width:0;min-height:42px;padding:0 8px;font-size:.82rem}.queue-drag-handle{display:none}.queue-mobile-move button{border-radius:var(--surface-radius-small);height:24px;min-height:24px;box-shadow:none;background:#0000003d;padding:0;font-size:.9rem;line-height:1}.queue-mobile-move button:disabled{opacity:.35}.queue-drag-handle{border-radius:14px;min-height:52px;font-size:.98rem}.queue-toast{font-size:.84rem;line-height:1.3}.video-rescue{padding:10px}.video-rescue button,.video-rescue a{width:100%;min-width:0}.video-rescue .action-button{justify-content:center;padding-inline:.8rem}.song-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;padding:10px}.song-tools input{color:#123155;caret-color:#123155;background:linear-gradient(145deg,#fffffffa,#edf7ffeb);grid-column:1/-1;width:100%;height:46px;box-shadow:inset 0 0 0 1px #ffffff57,0 10px 20px #0000001f}.song-tools input::placeholder{color:#1231558c}.song-tools button{width:100%;min-height:42px;padding:0 .75rem;font-size:.82rem}.song-tools p{text-align:center;grid-column:1/-1;font-size:.8rem}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.song-card{border-radius:var(--surface-card-radius);border-radius:var(--surface-card-radius)}.song-card strong{font-size:.9rem}.year-page{padding:14px;padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right))}.year-header{gap:.52rem;margin-bottom:1.15rem}.year-logo{width:min(210px,60vw);margin:.25rem auto .1rem}.year-header h1{font-size:clamp(3.05rem,15vw,4.35rem)}.year-nav a{min-width:88px;padding:.66rem .9rem}.era-relic{border-radius:var(--surface-radius);grid-template-columns:64px minmax(0,1fr);gap:10px;min-height:82px;padding:10px 12px}.player-panel{border-radius:var(--surface-panel-radius);gap:10px;width:min(100%,100vw - 22px);margin-bottom:16px;margin-left:auto;margin-right:auto;padding:8px}.video-frame,.now-playing,.song-queue,.era-relic{border-radius:var(--surface-radius)}.now-playing{align-items:stretch;gap:9px;padding:14px}.now-playing h2{font-size:clamp(1.35rem,6.4vw,2rem);line-height:1.03;display:block;overflow:visible}.now-playing p{font-size:.95rem}.now-playing>button{min-height:44px}.video-rescue{border-radius:var(--surface-radius-small);gap:8px;margin-top:8px;padding:9px}.video-rescue div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.video-rescue button{grid-column:1/-1}.video-rescue button,.video-rescue a{min-width:0;min-height:40px;padding:0 .7rem;font-size:.78rem}.video-rescue .action-button{justify-content:center}.song-queue{border-radius:var(--surface-radius);margin-bottom:12px;padding:10px}.queue-deck{min-height:56px;padding:7px}.queue-window{justify-content:flex-start;min-height:34px;font-size:.78rem}.queue-window-marquee span{text-overflow:clip;max-width:none;padding-inline:80%;animation:8s linear infinite queue-title-pan;overflow:visible}.queue-controls{gap:6px;margin-bottom:10px}.queue-controls button{min-height:34px;padding:0 6px;font-size:.76rem}.queue-list button{min-height:0}.queue-list li{grid-template-columns:34px minmax(0,1fr) 40px;gap:7px}.queue-drag-handle{border-radius:var(--surface-radius-small);min-height:50px;display:none}.queue-mobile-move{gap:5px;display:grid}.queue-mobile-move button{border-radius:10px;height:28px;min-height:28px}.queue-list li>button:not(.queue-remove){align-content:center;gap:4px;min-height:62px;padding:9px 12px}.queue-list strong{overflow-wrap:anywhere;font-size:.95rem;line-height:1.15}.queue-list span{font-size:.78rem;line-height:1.15}.queue-remove{width:40px;min-height:62px}.song-grid{gap:10px}.song-card div{padding:9px}.song-card strong{font-size:.86rem;line-height:1.18}.song-card span{font-size:.76rem}.song-card-queue{border-radius:var(--surface-button-radius);width:calc(100% - 16px);min-height:38px;margin:0 8px 8px;font-size:.78rem}.language-toggle{color:#ffffffe6;background:#f07109dc;border-radius:999px;width:fit-content;min-height:0;margin:14px auto 0;padding:.55rem .85rem;font-size:.85rem;font-weight:800;box-shadow:0 8px 18px #ff5c352e}.language-toggle:hover{background:#ff7809db;transform:translateY(-1px);box-shadow:0 10px 22px #ff5c3538}.year-header{text-align:left;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"back share""logo logo""summary relic""nav nav";align-items:center;gap:.56rem 8px;margin-bottom:.85rem;display:grid}.back-link{grid-area:back}.share-year-button{align-self:center;min-height:38px;padding:0 .78rem;font-size:.8rem}.year-logo{grid-area:logo;justify-self:center;width:min(185px,52vw)}.year-summary{display:contents}.year-stat{border-radius:var(--surface-radius);background:var(--surface-panel-bg);border:1px solid var(--surface-border);flex-direction:column;grid-area:summary;justify-content:center;justify-items:start;gap:.28rem;min-width:0;min-height:0;padding:13px 14px;display:flex;box-shadow:0 14px 30px #00000029,inset 0 1px #ffffff1f}.year-header .era-label{display:none}.year-header h1{text-align:left;letter-spacing:0;margin:0;font-size:clamp(2.55rem,12.5vw,3.55rem);line-height:.92}.year-picker{justify-self:stretch}.year-picker-trigger{border-radius:12px}.year-picker-panel{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));z-index:120;width:auto;max-height:min(54vh,420px);padding:14px;padding-bottom:max(14px, env(safe-area-inset-bottom));background:linear-gradient(145deg, #ffffff2e, #0c122694), color-mix(in srgb, var(--player-screen-border), #172033 18%);overscroll-behavior:contain;border-radius:22px 22px 0 0;position:fixed;top:auto;bottom:0;overflow:auto;transform:none}.year-picker-backdrop{z-index:110;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0206176b}.year-picker-panel-header{z-index:1;border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:10px;display:flex;position:sticky;top:0}.year-picker-panel-header span{letter-spacing:.14em;text-transform:uppercase;color:#fffc;font-size:.78rem;font-weight:950}.year-picker-panel-header button{color:#fff;min-height:34px;box-shadow:none;background:#ffffff24;border-radius:999px;padding:0 .75rem;font-size:.78rem}.year-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.year-picker-grid a{background:#ffffff1a;min-height:44px;font-size:.9rem}.year-header p{text-align:left;color:#ffffffd1;max-width:100%;margin:0;font-size:.76rem;line-height:1.2}.year-nav{grid-area:nav;justify-content:center;gap:.5rem;width:100%;margin-top:0}.year-nav a{border-radius:var(--surface-button-radius);border:1px solid var(--surface-border);background:linear-gradient(145deg,#ffffff2e,#0003);flex:1 1 0;min-width:0;padding:.66rem .72rem;font-size:.9rem}.era-relic{border-radius:var(--surface-radius);text-align:center;grid-area:relic;grid-template-columns:1fr;align-content:center;align-self:stretch;justify-items:center;gap:7px;width:112px;min-width:0;min-height:100px;padding:8px}.era-relic-caption{text-align:center}.era-relic-caption span{font-size:.54rem}.era-relic-streaming .era-relic-caption span{letter-spacing:.06em;white-space:nowrap;font-size:.48rem}.era-relic-caption strong{font-size:.68rem}.era-relic-vinyl .era-relic-object,.era-relic-cd .era-relic-object,.era-relic-mp3 .era-relic-object,.era-relic-streaming .era-relic-object,:is(.era-relic-mp3 .era-relic-object:has(img),.era-relic-streaming .era-relic-object:has(img)){width:48px;height:48px}.era-relic-vinyl .era-relic-object:has(img){width:58px;height:58px}.era-relic-cassette .era-relic-object{width:50px;height:34px}.era-relic-cassette .era-relic-object:has(img){width:50px;height:34px}.era-relic{grid-area:relic}}.coffee-link{color:#fff;letter-spacing:.02em;background:radial-gradient(circle at 35% 20%,#ffffff47,#0000 34%),linear-gradient(135deg,#984cd6,#ff7809);border-radius:999px;justify-content:center;align-items:center;width:min(260px,100%);min-height:58px;margin:18px auto 0;padding:0 1.3rem;font-weight:950;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 14px 28px #62309638,inset 0 1px #ffffff42}.coffee-link:hover{transform:translateY(-2px);box-shadow:0 18px 36px #62309647,inset 0 1px #ffffff4d}@media (width<=720px){.action-button{min-height:46px;padding:.68rem .86rem;font-size:.88rem}.video-rescue .action-button{white-space:normal;min-height:44px;padding-inline:.5rem;font-size:clamp(.66rem,2.6vw,.76rem)}.era-info-page{padding:14px}.era-info-shell{grid-template-columns:minmax(0,1fr) 118px;grid-template-areas:"back back""copy relic""details details""resources resources";align-content:start;gap:12px;min-height:calc(100vh - 28px);padding-top:8px}.era-info-copy{align-content:center;gap:10px}.era-info-copy h1{font-size:clamp(2.8rem,16vw,4.5rem)}.era-info-copy p{font-size:.95rem;line-height:1.45}.era-info-details{grid-template-columns:1fr;gap:10px}.era-info-details>div{padding:14px}.era-resource-panel{gap:12px;padding:14px}.era-resource-heading{justify-items:start;display:grid}.era-resource-list{grid-template-columns:1fr}.era-resource-list a{min-height:0}.now-playing>.action-button{width:100%;max-width:none}.video-rescue div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.video-rescue button.action-button,.video-rescue a.action-button{justify-self:stretch;width:100%;min-width:0;max-width:none;padding-inline:.8rem}.video-rescue button.action-button{grid-column:1/-1}}