:root{--stage:#0d0d0d;--navy:#1e1e2a;--navy-2:#262633;--navy-3:#15151e;--red:#b22020;--red-bright:#e03030;--silver:#c8d0d8;--silver-dim:#a2aab4;--silver-faint:#828a95;--hairline:#c0c8d01a;--hairline-strong:#c0c8d02e;--f-display:"Cormorant Garamond", "Times New Roman", serif;--f-sans:"Manrope", system-ui, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--stage)}html,body{color:var(--silver);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-weight:400}body{background:0 0;overflow-x:hidden}button{color:inherit;cursor:pointer;background:0 0;border:0;font-family:inherit}input{color:inherit;background:0 0;border:0;outline:0;font-family:inherit}a{color:inherit;text-decoration:none}.scene{isolation:isolate;flex-direction:column;min-height:100vh;display:flex;position:relative}.fx-layer{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.app-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.app-bg-rain{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.app-bg-tint{background:radial-gradient(95% 85% at 50% 40%,#08080c08 0%,#08080c29 60%,#05050970 100%);position:absolute;inset:0}.topbar{border-bottom:1px solid var(--hairline);z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0d0d99;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px 56px;display:grid;position:relative}.topbar .brand{justify-self:start}.topbar .nav-tabs{justify-self:center}.topbar .user-chip{justify-self:end}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:radial-gradient(circle at 35% 35%, var(--red-bright), var(--red) 60%, #5a0d0d);border-radius:50%;width:34px;height:34px;position:relative;box-shadow:0 0 0 1px #e0303059,0 0 24px #e0303040}.brand-mark:after{content:"";background:radial-gradient(circle,#0d0d0d 0 4px,#0000 4px);border-radius:50%;position:absolute;inset:9px}.brand-name{font-family:var(--f-display);letter-spacing:.32em;color:#edeff2;font-size:22px;font-weight:600}.brand-name em{color:var(--red-bright);letter-spacing:0;font-style:italic;font-weight:500}.nav-tabs{background:var(--navy-3);border:1px solid var(--hairline);border-radius:999px;gap:4px;padding:5px;display:flex}.nav-tab{letter-spacing:.08em;text-transform:uppercase;color:var(--silver-dim);border-radius:999px;padding:8px 22px;font-size:13px;font-weight:500;transition:all .25s}.nav-tab:hover{color:var(--silver)}.nav-tab.active{background:var(--navy);color:var(--silver);box-shadow:inset 0 0 0 1px var(--hairline-strong)}.user-chip{color:var(--silver-dim);align-items:center;gap:12px;font-size:13px;display:flex}.user-chip .avatar{background:var(--navy);width:32px;height:32px;font-family:var(--f-display);color:var(--silver);border:1px solid var(--hairline-strong);border-radius:50%;place-items:center;font-size:15px;font-style:italic;display:grid}.user-chip .avatar-img{object-fit:cover}.user-chip .signout{letter-spacing:.14em;text-transform:uppercase;color:var(--silver-faint);font-size:11px;transition:color .2s}.user-chip .signout:hover{color:var(--red-bright)}.login-scene{isolation:auto;justify-content:center;align-items:center;padding:60px 24px;overflow:hidden}.fx-vinyl{z-index:1;mix-blend-mode:screen;pointer-events:none}.login-stack{z-index:3;flex-direction:column;align-items:center;gap:30px;width:100%;max-width:560px;display:flex;position:relative}.login-brand .brand-name{font-size:32px}.login-brand,.login-card h2,.login-card .hint{transform:translateY(-75px)}.login-card .btn-google,.login-card .alt-row,.login-card .alt-btn{transform:translateY(100px)}.login-brand{align-items:center;gap:14px;display:flex}.login-card{width:100%;box-shadow:none;-webkit-backdrop-filter:none;text-align:center;background:0 0;border:0;padding:0;position:relative}.login-card:before{content:none}.login-card h2{font-family:var(--f-display);color:#edeff2;letter-spacing:.01em;text-shadow:0 2px 24px #0000008c;font-size:60px;font-weight:500}.login-card h2 em{color:var(--red-bright);font-style:italic}.login-card .hint{letter-spacing:.2em;text-transform:uppercase;color:#fff;mix-blend-mode:difference;isolation:isolate;margin-top:10px;margin-bottom:34px;font-size:16px}.publish-meta{letter-spacing:.18em;text-transform:uppercase;color:var(--silver-faint);font-size:11px;font-family:var(--f-mono);justify-content:space-between;align-items:baseline;margin-bottom:18px;display:flex}.publish-meta strong{color:var(--silver);letter-spacing:.06em;font-weight:500}.publish-audio{filter:invert(.9)hue-rotate(180deg);width:100%;height:36px;margin-bottom:6px}.publish-noaudio{color:var(--silver-faint);margin-bottom:6px;font-size:12px;font-style:italic}.publish-error{color:var(--red-bright);letter-spacing:.04em;margin-top:12px;font-size:12px}.field{margin-bottom:22px}.field label{letter-spacing:.32em;text-transform:uppercase;color:var(--silver-faint);margin-bottom:10px;font-size:10px;display:block}.field-wrap{border-bottom:1px solid var(--hairline-strong);align-items:center;gap:12px;padding:10px 2px;transition:border-color .25s;display:flex}.field-wrap:focus-within{border-color:var(--red-bright)}.field-wrap svg{color:var(--silver-faint);flex-shrink:0;transition:color .25s}.field-wrap:focus-within svg{color:var(--silver)}.field input{letter-spacing:.02em;color:var(--silver);flex:1;padding:2px 0;font-size:15px}.field input::placeholder{color:var(--silver-faint)}.check{cursor:pointer;letter-spacing:.06em;color:var(--silver-dim);align-items:center;gap:10px;margin-top:8px;margin-bottom:30px;font-size:12px;display:flex}.check .box{border:1px solid var(--silver-faint);border-radius:2px;place-items:center;width:14px;height:14px;transition:all .2s;display:grid}.check.on .box{background:var(--red);border-color:var(--red)}.check.on .box:after{content:"";border-bottom:1.5px solid #fff;border-left:1.5px solid #fff;width:6px;height:3px;transform:rotate(-45deg)translateY(-1px)}.btn-primary{background:var(--red);color:#fff;letter-spacing:.32em;text-transform:uppercase;border-radius:2px;width:100%;padding:16px;font-size:12px;font-weight:600;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 8px 24px -8px #b2202099,inset 0 1px #ffffff1f}.btn-primary:hover{background:var(--red-bright);box-shadow:0 12px 32px -8px #e03030b3,inset 0 1px #ffffff2e}.btn-primary:active{transform:translateY(1px)}.btn-google{width:100%;color:var(--silver);letter-spacing:.18em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);background:#12121a66;border:1px solid #c0c8d029;border-radius:2px;justify-content:center;align-items:center;gap:12px;padding:14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-google:hover{color:#edeff2;background:#1e1e2a94;border-color:#c0c8d04d}.alt-btn{color:#fff;letter-spacing:.2em;text-transform:uppercase;mix-blend-mode:difference;isolation:isolate;background:0 0;border:1px solid #fff;border-radius:2px;width:100%;margin-top:16px;padding:13px;font-size:12px;transition:all .25s}.alt-btn:hover{background:#ffffff14}.alt-row{color:var(--silver-faint);letter-spacing:.32em;text-transform:uppercase;align-items:center;gap:12px;margin:26px 0 18px;font-size:10px;display:flex}.alt-row:before,.alt-row:after{content:"";background:var(--hairline);flex:1;height:1px}.lib-scene{padding:0}.page-head{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:flex-end;gap:40px;padding:48px 56px 36px;display:flex}.page-title{font-family:var(--f-display);color:#edeff2;letter-spacing:-.005em;font-size:54px;font-weight:500;line-height:1}.page-title em{color:var(--red-bright);font-style:italic}.page-eyebrow{letter-spacing:.4em;text-transform:uppercase;color:var(--silver-faint);margin-bottom:14px;font-size:11px}.page-eyebrow .dot{background:var(--red-bright);vertical-align:middle;width:6px;height:6px;box-shadow:0 0 10px var(--red-bright);border-radius:50%;margin-right:10px;display:inline-block}.head-stats{text-align:right;gap:48px;display:flex}.head-stat .n{font-family:var(--f-display);color:var(--silver);font-size:38px;font-style:italic;font-weight:500;line-height:1}.head-stat .l{letter-spacing:.32em;text-transform:uppercase;color:var(--silver-faint);margin-top:8px;font-size:10px}.lib-controls{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:24px;padding:24px 56px;display:flex}.lib-count{letter-spacing:.18em;text-transform:uppercase;color:var(--silver-faint);font-size:12px}.lib-count-n{font-family:var(--f-display);color:var(--silver);margin-right:8px;font-size:22px;font-style:italic}.filters{gap:6px;display:flex}.filter{letter-spacing:.18em;text-transform:uppercase;color:var(--silver-dim);border:1px solid #0000;border-radius:999px;padding:9px 18px;font-size:11px;transition:all .2s}.filter:hover{color:var(--silver)}.filter.active{background:var(--navy);color:var(--silver);border-color:var(--hairline-strong)}.filter .count{color:var(--silver-faint);font-family:var(--f-mono);margin-left:8px}.lib-right{align-items:center;gap:14px;display:flex}.search{background:var(--navy-3);border:1px solid var(--hairline);border-radius:999px;align-items:center;gap:10px;width:280px;padding:8px 16px;display:flex}.search input{color:var(--silver);flex:1;font-size:13px}.search input::placeholder{color:var(--silver-faint)}.new-btn{background:var(--red);color:#fff;letter-spacing:.22em;text-transform:uppercase;border-radius:2px;align-items:center;gap:10px;padding:10px 22px;font-size:11px;font-weight:600;transition:background .2s;display:flex}.new-btn:hover{background:var(--red-bright)}.new-btn .plus{font-size:16px;line-height:1}.library{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-content:start;gap:30px;padding:44px 56px 90px;display:grid}.piece{-webkit-backdrop-filter:blur(12px);border:1px solid var(--hairline);cursor:pointer;background:#1c1c288c;border-radius:4px;transition:all .3s;position:relative;overflow:hidden}.piece:hover{border-color:var(--hairline-strong);transform:translateY(-3px);box-shadow:0 24px 50px -20px #0009,0 0 0 1px #e030302e}.piece-art{aspect-ratio:4/3;background:linear-gradient(135deg,#2626338c 0%,#15151e99 100%);place-items:center;display:grid;position:relative;overflow:hidden}.piece-art:before{content:none}.cover-img{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s;display:block;position:absolute;inset:0}.piece:hover .cover-img{transform:none}.piece-art.is-playing .cover-img{filter:brightness(.92)}.now-vinyl{aspect-ratio:1;z-index:2;background:radial-gradient(circle at 50% 50%, var(--red) 0 9%, #0d0d0d 9.5% 11%, #15151c 11.5%), repeating-radial-gradient(circle at 50% 50%, transparent 0 2px, #c0c8d00d 2px 3px), #0a0a0a;opacity:0;border-radius:50%;width:56%;transition:right .55s cubic-bezier(.2,.8,.2,1),opacity .4s;position:absolute;top:50%;right:-42%;transform:translateY(-50%)rotate(0);box-shadow:-10px 10px 26px #0009,inset 0 0 0 1px #c0c8d014}.piece-art.is-playing .now-vinyl{opacity:1;animation:3.2s linear infinite spin;right:-22%}@keyframes spin{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(360deg)}}.piece .vinyl{aspect-ratio:1;background:radial-gradient(circle at 50% 50%, var(--red) 0 12%, #0d0d0d 12.5% 14%, #1a1a25 14.5%), #0d0d0d;border-radius:50%;width:60%;position:relative;box-shadow:0 12px 30px -8px #000000b3,inset 0 0 0 1px #c0c8d01a}.piece .vinyl:after{content:"";background:repeating-radial-gradient(circle,#0000 0 2px,#c0c8d008 2px 3px);border:1px solid #c0c8d00a;border-radius:50%;position:absolute;inset:8%}.piece-badge{letter-spacing:.22em;text-transform:uppercase;color:var(--silver);border:1px solid var(--hairline-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;background:#0d0d0db3;border-radius:2px;padding:5px 10px;font-size:10px;position:absolute;top:14px;left:14px}.piece-badge.live{color:var(--red-bright);border-color:#e0303059}.piece-badge.live:before{content:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.piece-instr{color:#c0c8d02e;z-index:2;position:absolute;top:14px;right:14px}.piece-body{padding:20px 22px 22px}.piece-meta{letter-spacing:.22em;text-transform:uppercase;color:var(--silver-faint);font-size:10px;font-family:var(--f-mono);justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.piece-title{font-family:var(--f-display);color:#edeff2;letter-spacing:.005em;margin-bottom:4px;font-size:24px;font-weight:500;line-height:1.1}.piece-title em{color:var(--silver);font-style:italic}.piece-composer{color:var(--silver-dim);letter-spacing:.04em;font-size:12px;font-style:italic;font-family:var(--f-display);margin-bottom:14px}.piece-social{gap:10px;margin-bottom:14px;display:flex}.social-btn{border:1px solid var(--hairline-strong);color:var(--silver-dim);font-family:var(--f-mono);letter-spacing:.04em;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:11px;transition:all .18s;display:inline-flex}.social-btn:hover{border-color:var(--silver-dim);color:var(--silver)}.social-btn.active{color:var(--red-bright);border-color:var(--red)}.icon-btn.play.disabled,.icon-btn.play:disabled{background:var(--hairline-strong);border-color:var(--hairline-strong);color:var(--silver-dim);cursor:not-allowed;transform:none}.piece-foot{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.piece-foot .duration{font-family:var(--f-mono);color:var(--silver-dim);letter-spacing:.08em;align-items:center;font-size:11px;display:flex}.piece-actions{gap:8px;display:flex}.icon-btn{border:1px solid var(--hairline-strong);width:34px;height:34px;color:var(--silver-dim);border-radius:50%;place-items:center;transition:all .2s;display:grid}.icon-btn:hover{border-color:var(--silver-dim);color:var(--silver)}.icon-btn.play{background:var(--red);border-color:var(--red);color:#fff}.icon-btn.play:hover{background:var(--red-bright);border-color:var(--red-bright);transform:scale(1.08)}.lb-scene{padding:0}.lb-wrap{grid-template-columns:1fr 380px;gap:48px;padding:48px 56px 80px;display:grid}.podium{isolation:isolate;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:18px;margin-bottom:48px;display:grid;position:relative}.fx-spot{z-index:4;pointer-events:none;mix-blend-mode:screen;opacity:.85;filter:blur(1.5px);-webkit-mask-composite:source-in;border:0;width:116%;height:calc(100% + 90px);position:absolute;top:-90px;left:-8%;-webkit-mask-image:radial-gradient(70% 115% at 50% 32%,#000 18%,#00000073 55%,#0000 82%),linear-gradient(#0000 0%,#000 22% 70%,#0000 100%);mask-image:radial-gradient(70% 115% at 50% 32%,#000 18%,#00000073 55%,#0000 82%),linear-gradient(#0000 0%,#000 22% 70%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.podium-card{-webkit-backdrop-filter:none;border:1px solid var(--hairline-strong);text-align:center;background:#15151e;border-radius:14px;padding:28px 22px 26px;position:relative;overflow:hidden;box-shadow:0 18px 40px -16px #0009}.podium-card.gold{background:linear-gradient(#1c1623 0%,#271018 100%);border-color:#b220208c;padding-top:36px;padding-bottom:34px;box-shadow:0 30px 60px -18px #b2202080,0 0 0 1px #b2202040}.podium-card.gold:before{content:"";background:linear-gradient(90deg, transparent, var(--red-bright), transparent);height:3px;position:absolute;top:0;left:0;right:0}.medal{width:60px;height:60px;font-family:var(--f-display);border:2px solid;border-radius:50%;place-items:center;margin:0 auto 16px;font-weight:600;display:grid;position:relative}.medal.g1{color:var(--red-bright);border-color:var(--red-bright);background:radial-gradient(circle at 50% 30%,#e030302e,#0000 70%);width:74px;height:74px;font-size:26px;box-shadow:0 0 0 1px #e0303033,0 0 30px #e0303040}.medal.g2{color:var(--silver);border-color:var(--silver-dim);font-size:22px}.medal.g3{color:#8a6f56;border-color:#8a6f56;font-size:22px}.medal:after{content:none}.podium-rank{letter-spacing:.32em;text-transform:uppercase;color:var(--silver-faint);margin-bottom:10px;font-size:10px}.podium-rank.gold{color:var(--red-bright)}.podium-name{font-family:var(--f-display);color:#edeff2;margin-bottom:4px;font-size:24px;font-weight:500;line-height:1.1}.podium-name em{font-style:italic}.podium-handle{letter-spacing:.18em;text-transform:uppercase;color:var(--silver-faint);font-size:11px;font-family:var(--f-mono);margin-bottom:18px}.podium-score{font-family:var(--f-display);color:var(--silver);font-size:42px;font-style:italic;font-weight:500;line-height:1}.podium-card.gold .podium-score{color:var(--red-bright);font-size:54px}.podium-score-label{letter-spacing:.3em;text-transform:uppercase;color:var(--silver-faint);margin-top:6px;font-size:9px}.ranks{-webkit-backdrop-filter:blur(12px);border:1px solid var(--hairline);background:#1c1c2885;border-radius:4px;overflow:hidden}.ranks-head{letter-spacing:.25em;text-transform:uppercase;color:var(--silver-faint);border-bottom:1px solid var(--hairline);background:#0f0f1e80;grid-template-columns:56px minmax(0,1fr) 110px 80px 110px 80px;gap:18px;padding:14px 26px;font-size:10px;display:grid}.ranks-head div:last-child{text-align:right}.rank-row{border-bottom:1px solid var(--hairline);grid-template-columns:56px minmax(0,1fr) 110px 80px 110px 80px;align-items:center;gap:18px;padding:18px 26px;transition:background .2s;display:grid}.rank-row:last-child{border-bottom:0}.rank-row:hover{background:#c0c8d006}.rank-num{font-family:var(--f-display);color:var(--silver-dim);font-size:24px;font-style:italic;font-weight:500}.rank-user{align-items:center;gap:14px;min-width:0;display:flex}.rank-user .avatar{background:var(--navy-3);width:38px;height:38px;font-family:var(--f-display);color:var(--silver);border:1px solid var(--hairline-strong);border-radius:50%;flex-shrink:0;place-items:center;font-style:italic;display:grid}.rank-user .who{flex-direction:column;gap:3px;min-width:0;display:flex}.rank-user .name{font-family:var(--f-display);color:#edeff2;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:500;line-height:1.15;overflow:hidden}.rank-user .handle{color:var(--silver-faint);font-size:11px;font-family:var(--f-mono);letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rank-meta{font-family:var(--f-mono);color:var(--silver-dim);letter-spacing:.04em;font-size:12px}.rank-meta.up{color:#7fb38c}.rank-meta.down{color:#b37f7f}.rank-meta.flat{color:var(--silver-faint)}.rank-score{font-family:var(--f-display);color:var(--silver);text-align:right;font-size:22px;font-style:italic;font-weight:500}.side-card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--hairline);background:#1c1c2885;border-radius:4px;margin-bottom:24px;padding:28px;position:relative;overflow:hidden}.side-card h3{font-family:var(--f-display);color:#edeff2;margin-bottom:4px;font-size:22px;font-weight:500}.side-card h3 em{color:var(--red-bright);font-style:italic}.side-eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--silver-faint);margin-bottom:8px;font-size:10px}.side-body{color:var(--silver-dim);margin-top:14px;font-size:13px;font-weight:300;line-height:1.65}.season-bar{background:var(--navy-3);border-radius:3px;height:6px;margin-top:20px;position:relative;overflow:hidden}.season-fill{background:linear-gradient(90deg, var(--red), var(--red-bright));border-radius:3px;width:62%;height:100%}.season-meta{font-family:var(--f-mono);color:var(--silver-faint);letter-spacing:.08em;justify-content:space-between;margin-top:10px;font-size:11px;display:flex}.accolades{flex-direction:column;gap:14px;margin-top:18px;display:flex}.accolade{border-top:1px solid var(--hairline);align-items:flex-start;gap:14px;padding:14px 0;display:flex}.accolade:first-child{border-top:0;padding-top:0}.accolade .ico{background:var(--navy-3);width:34px;height:34px;color:var(--silver-dim);border:1px solid var(--hairline-strong);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.accolade .t{color:var(--silver);letter-spacing:.02em;font-size:13px;font-weight:500}.accolade .d{color:var(--silver-faint);font-size:11px;font-family:var(--f-mono);letter-spacing:.04em;margin-top:2px}.fade-in{animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:1280px){.library{grid-template-columns:repeat(3,1fr)}.lb-wrap{grid-template-columns:1fr}}