:root{--crimson: #c41230;--violet: #9b1fff;--magenta: #e040fb;--amber: #f0a500;--white-beam: #ffffff;--bg: #120818;--bg-panel: #1a0d24;--bg-elevated: #221030;--border: rgba(196, 18, 48, .15);--border-mid: rgba(196, 18, 48, .25);--text-primary: #f0e6ff;--text-label: rgba(224, 64, 251, .65);--text-muted: rgba(224, 64, 251, .42);--text-dim: rgba(255, 255, 255, .45);--glow-crimson: 0 0 12px rgba(196, 18, 48, .6), 0 0 28px rgba(196, 18, 48, .25);--glow-violet: 0 0 12px rgba(155, 31, 255, .55), 0 0 24px rgba(155, 31, 255, .2);--glow-magenta: 0 0 14px rgba(224, 64, 251, .6), 0 0 30px rgba(224, 64, 251, .25);--glow-amber: 0 0 10px rgba(240, 165, 0, .5), 0 0 20px rgba(240, 165, 0, .2);--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "DM Mono", ui-monospace, monospace;--radius: 4px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:115%}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:radial-gradient(120% 120% at 50% 42%,#1a0d24,#120818 72%);overflow:hidden;cursor:pointer;animation:splashFade .7s ease 8.2s forwards}.splash-skip{animation:splashFade .32s ease forwards!important}@keyframes splashFade{to{opacity:0;pointer-events:none}}.splash:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 100% at 50% 44%,transparent 45%,rgba(0,0,0,.55) 100%)}.splash-ripple{width:9vmin;height:3.4vmin;margin-left:-4.5vmin;top:52vmin;border:1.5px solid rgba(244,236,255,.7);border-radius:50%;opacity:0;animation:ripple 1s ease-out 3.8s forwards}@keyframes ripple{0%{opacity:.8;transform:scale(.3)}to{opacity:0;transform:scale(3.2)}}.splash-stage{position:absolute;left:50%;top:50%;width:60vmin;height:74vmin;transform:translate(-50%,-50%);animation:stageIn .8s ease both}@keyframes stageIn{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}.splash-stage>*{position:absolute;left:50%}.splash-hint{position:absolute;bottom:6vmin;left:0;right:0;text-align:center;font-family:var(--font-display);font-size:.66rem;letter-spacing:2px;color:var(--text-dim);opacity:0;animation:hintIn .6s ease 1.2s forwards}@keyframes hintIn{to{opacity:.6}}.splash-goose{width:40vmin;height:auto;margin-left:-20vmin;top:7vmin;filter:drop-shadow(0 0 12px rgba(224,64,251,.45))}.goose-melt{animation:gooseIn 1.1s cubic-bezier(.2,.9,.3,1) .2s both,meltDrip 1.8s cubic-bezier(.55,0,.85,.35) 2.7s forwards}@keyframes gooseIn{0%{opacity:0;transform:translateY(-5vmin) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes meltDrip{0%{opacity:1;transform:translateY(0) scaleY(1)}55%{opacity:.85;transform:translateY(5vmin) scaleY(1.12)}to{opacity:0;transform:translateY(12vmin) scaleY(1.28)}}.splash-drip{width:2.2vmin;height:13vmin;margin-left:-1.1vmin;top:40vmin;transform-origin:top center;transform:scaleY(0);opacity:0;background:linear-gradient(to bottom,#f4ecff00,#f4ecffe6);border-radius:0 0 45% 45%;filter:drop-shadow(0 0 6px rgba(224,64,251,.5));animation:dripDown 1.1s ease-in 2.95s forwards,dripFade .6s ease 4.2s forwards}@keyframes dripDown{0%{transform:scaleY(0);opacity:.9}to{transform:scaleY(1);opacity:.9}}@keyframes dripFade{to{opacity:0}}.goose-reform{animation:reformIn 1.6s ease 6.7s both}@keyframes reformIn{0%{opacity:0;transform:translateY(3vmin) scale(.9);filter:blur(5px) drop-shadow(0 0 4px rgba(224,64,251,.3))}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0) drop-shadow(0 0 20px rgba(224,64,251,.75))}}.splash-puddle{width:30vmin;height:6.5vmin;margin-left:-15vmin;top:51vmin;border-radius:50%;border:2px solid #f4ecff;background:radial-gradient(ellipse at 50% 38%,rgba(244,236,255,.12),transparent 72%);box-shadow:0 0 14px #e040fb73,inset 0 0 10px #e040fb2e;opacity:0;animation:puddleForm 1.6s ease-out 2.9s both,puddleEvap 1.5s ease-in 5s forwards}@keyframes puddleForm{0%{opacity:0;transform:scale(.04)}55%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes puddleEvap{to{opacity:0;transform:scaleX(2.4) scaleY(.12);filter:blur(8px)}}.splash-vapor{width:30vmin;height:28vmin;margin-left:-15vmin;top:20vmin}.splash-vapor span{position:absolute;bottom:0;width:9vmin;height:9vmin;border-radius:50%;background:radial-gradient(circle,rgba(224,64,251,.4),transparent 70%);filter:blur(4px);opacity:0}.splash-vapor span:nth-child(1){left:4vmin;animation:rise 1.8s ease-out 4.7s forwards}.splash-vapor span:nth-child(2){left:12vmin;animation:rise 2s ease-out 4.95s forwards}.splash-vapor span:nth-child(3){left:18vmin;animation:rise 1.9s ease-out 5.2s forwards}.splash-vapor span:nth-child(4){left:9vmin;animation:rise 2.1s ease-out 5.4s forwards}@keyframes rise{0%{opacity:0;transform:translateY(0) scale(.6)}35%{opacity:.55}to{opacity:0;transform:translateY(-22vmin) scale(1.5)}}.splash-cloud{width:44vmin;height:18vmin;margin-left:-22vmin;top:2vmin;opacity:0;animation:cloudIn 1.2s ease 5.3s both,cloudBob 5s ease-in-out 6.5s infinite}.splash-cloud span{position:absolute;bottom:4vmin;background:#2a1838;border-radius:50%;box-shadow:inset 0 -3px 8px #9b1fff59,0 6px 22px #00000080}.splash-cloud span:nth-child(1){width:20vmin;height:20vmin;left:12vmin;bottom:1vmin}.splash-cloud span:nth-child(2){width:15vmin;height:15vmin;left:3vmin}.splash-cloud span:nth-child(3){width:16vmin;height:16vmin;left:26vmin}.splash-cloud span:nth-child(4){width:13vmin;height:13vmin;left:19vmin;bottom:6vmin}.splash-cloud span:nth-child(5){width:40vmin;height:8vmin;left:2vmin;bottom:4vmin;border-radius:4vmin}@keyframes cloudIn{0%{opacity:0;transform:translateY(-6vmin)}to{opacity:1;transform:translateY(0)}}@keyframes cloudBob{0%,to{transform:translate(-1.5vmin)}50%{transform:translate(1.5vmin)}}.splash-rain{width:40vmin;height:36vmin;margin-left:-20vmin;top:14vmin;opacity:0;background-image:repeating-linear-gradient(to bottom,rgba(224,64,251,.55) 0 7px,transparent 7px 26px);background-size:2px 26px;-webkit-mask-image:repeating-linear-gradient(to right,#000 0 2px,transparent 2px 13px);mask-image:repeating-linear-gradient(to right,#000 0 2px,transparent 2px 13px);animation:rainIn .6s ease 6.1s both,rainFall .5s linear 6.1s infinite,rainOut .8s ease 7.9s forwards}@keyframes rainIn{to{opacity:.85}}@keyframes rainOut{to{opacity:0}}@keyframes rainFall{0%{background-position-y:0}to{background-position-y:26px}}@media (prefers-reduced-motion: reduce){.splash{animation:splashFade .5s ease .4s forwards}.splash-stage *,.splash-hint{animation:none!important}.goose-reform{opacity:1;animation:none}.goose-melt,.splash-puddle,.splash-drip,.splash-ripple,.splash-vapor,.splash-cloud,.splash-rain{opacity:0}.splash-stage{animation:none}}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-display);-webkit-font-smoothing:antialiased;background-image:radial-gradient(120% 60% at 50% 0%,rgba(196,18,48,.1),transparent 60%),radial-gradient(90% 50% at 80% 20%,rgba(155,31,255,.08),transparent 70%);background-attachment:fixed;min-height:100vh}.app{max-width:720px;margin:0 auto;padding-bottom:64px}.header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#120818d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.wordmark{font-family:var(--font-display);font-weight:700;font-size:.9rem;letter-spacing:3px;color:var(--crimson);text-shadow:var(--glow-crimson)}.avatar{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-mid);background:var(--bg-elevated);color:var(--text-label);font-family:var(--font-display);font-weight:700;font-size:.8rem;cursor:pointer;display:grid;place-items:center}.avatar.active{border-color:var(--violet);color:var(--violet);box-shadow:var(--glow-violet)}.content{padding:14px 16px}.section-title{font-size:.82rem;font-weight:600;letter-spacing:2.5px;color:var(--crimson);text-shadow:0 0 18px currentColor;margin-bottom:12px}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.masthead-date{font-family:var(--font-mono);font-size:.9rem;color:var(--text-primary)}.masthead-venue{font-family:var(--font-mono);font-size:.9rem;color:var(--violet);text-shadow:var(--glow-violet);margin-top:4px}.masthead-meta{font-family:var(--font-mono);font-size:.76rem;color:var(--text-muted);margin-top:4px}.set-label{font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:1.5px;color:var(--text-label);margin:14px 0 6px}.song-row{font-family:var(--font-mono);font-size:.9rem;color:var(--text-primary);padding:3px 0}.song-row .cover{color:var(--text-muted);font-size:.76rem}.source-label{font-family:var(--font-mono);font-size:.66rem;color:var(--violet);opacity:.6;margin-top:12px}.state-msg{font-family:var(--font-mono);font-size:.76rem;color:var(--text-dim);padding:24px 0;text-align:center}.state-msg.error{color:var(--crimson)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#120818eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-mid);max-width:720px;margin:0 auto}.bottom-nav button{flex:1;background:none;border:none;color:var(--text-dim);font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:2px;padding:18px 4px;cursor:pointer;white-space:nowrap;transition:color .2s,text-shadow .2s}.bottom-nav button.active{color:var(--magenta);text-shadow:var(--glow-magenta)}.community-avg{font-family:var(--font-display);font-size:.62rem;letter-spacing:1px;color:var(--amber);text-shadow:var(--glow-amber);margin-top:8px}.song-block{padding:6px 0;border-bottom:1px solid rgba(155,31,255,.08)}.song-block .transition{color:var(--text-muted)}.song-rate{display:flex;align-items:center;gap:10px;margin-top:3px}.stars{display:inline-flex;gap:2px}.star{background:none;border:none;cursor:pointer;font-size:.95rem;line-height:1;color:#ffffff2e;padding:0;transition:color .15s,text-shadow .15s}.star.on{color:var(--crimson);text-shadow:var(--glow-crimson)}.song-comm{font-family:var(--font-mono);font-size:.6rem;color:var(--amber);opacity:.75}.btn{display:block;width:100%;margin-top:10px;padding:12px;font-family:var(--font-display);font-size:.6rem;font-weight:600;letter-spacing:2px;color:var(--text-primary);background:#c412301f;border:1px solid var(--border-mid);border-radius:var(--radius);cursor:pointer;transition:background .2s,box-shadow .2s}.btn:hover{background:#c4123033}.btn:disabled{opacity:.5;cursor:default}.btn-honk{color:var(--white-beam);background:var(--crimson);border-color:var(--crimson);box-shadow:var(--glow-crimson)}.btn-ghost{background:none;border-color:var(--border);color:var(--text-label);letter-spacing:1px;font-weight:400}.field{display:block;width:100%;margin-bottom:10px;padding:10px 12px;font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-mid);border-radius:var(--radius)}.field::placeholder{color:var(--text-dim)}.field:focus{outline:none;border-color:var(--violet);box-shadow:var(--glow-violet)}.search-row{display:flex;gap:8px;align-items:stretch;margin-bottom:12px}.search-row .field{margin-bottom:0}.search-btn{width:auto;margin-top:0;padding:10px 14px}.results{padding:6px;margin-bottom:12px}.result-row{display:flex;gap:10px;align-items:baseline;width:100%;background:none;border:none;cursor:pointer;text-align:left;padding:8px;border-bottom:1px solid rgba(155,31,255,.08)}.result-row:hover{background:#9b1fff0f}.result-date{font-family:var(--font-mono);font-size:.8rem;color:var(--violet)}.result-venue{font-family:var(--font-mono);font-size:.76rem;color:var(--text-primary)}.latest-tag{font-family:var(--font-display);font-size:.66rem;font-weight:600;letter-spacing:2px;color:var(--text-label);margin-bottom:6px}.data-value{font-family:var(--font-mono);font-size:.9rem;color:var(--text-primary)}.myshow-row{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;background:none;border:none;border-bottom:1px solid rgba(155,31,255,.08);padding:11px 4px;color:inherit}.myshow-row:hover{background:#c412300d}.myshow-ratings{display:flex;align-items:center;gap:8px}.my-rating{font-family:var(--font-display);font-size:.8rem;color:var(--crimson);text-shadow:var(--glow-crimson)}.import-box{margin-bottom:14px}.import-label{font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:1.5px;color:var(--text-label);margin-bottom:8px}.import-result{font-family:var(--font-mono);font-size:.7rem;color:var(--amber);margin-top:8px}.goosebumps{margin-top:12px;padding:12px 14px;background:var(--bg-elevated);border:1px solid rgba(224,64,251,.25);border-radius:var(--radius)}.goosebumps-head{font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:2px;color:var(--magenta);text-shadow:var(--glow-magenta);margin-bottom:8px}.goosebumps-text{font-family:var(--font-mono);font-size:.8rem;line-height:1.5;color:var(--text-primary)}.source-label.amber{color:var(--amber)}.home-hero{text-align:center;padding:18px 12px 6px;margin-bottom:6px}.home-wordmark{font-family:var(--font-display);font-weight:700;font-size:2.4rem;letter-spacing:6px;color:var(--text-primary);background:linear-gradient(120deg,var(--crimson),var(--magenta) 45%,var(--violet));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(224,64,251,.45))}.home-tagline{font-family:var(--font-mono);font-size:1.05rem;line-height:1.5;color:var(--text-primary);letter-spacing:.5px}.home-hero{padding-top:8px}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.kpi{position:relative;background:linear-gradient(160deg,var(--bg-elevated),var(--bg-panel));border:1px solid var(--border);border-radius:var(--radius);padding:16px 14px 13px;overflow:hidden}.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.kpi-value{font-family:var(--font-display);font-weight:700;font-size:2rem;line-height:1}.kpi-label{font-family:var(--font-display);font-size:.66rem;font-weight:500;letter-spacing:1.5px;color:var(--text-muted);margin-top:8px}.kpi-crimson:before{background:var(--crimson);box-shadow:var(--glow-crimson)}.kpi-crimson .kpi-value{color:var(--crimson);text-shadow:0 0 18px currentColor}.kpi-violet:before{background:var(--violet);box-shadow:var(--glow-violet)}.kpi-violet .kpi-value{color:var(--violet);text-shadow:0 0 18px currentColor}.kpi-magenta:before{background:var(--magenta);box-shadow:var(--glow-magenta)}.kpi-magenta .kpi-value{color:var(--magenta);text-shadow:0 0 18px currentColor}.kpi-amber:before{background:var(--amber);box-shadow:var(--glow-amber)}.kpi-amber .kpi-value{color:var(--amber);text-shadow:0 0 18px currentColor}.carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 2px 6px;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.goose-card{flex:0 0 80%;scroll-snap-align:center;background:linear-gradient(160deg,var(--bg-elevated),var(--bg-panel));border:1px solid var(--border-mid);border-top:2px solid rgba(224,64,251,.4);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:4px}.gc-top{display:flex;justify-content:space-between;align-items:baseline}.gc-year{font-family:var(--font-display);font-weight:700;font-size:1.6rem;color:var(--amber);text-shadow:var(--glow-amber)}.gc-rating{font-family:var(--font-display);font-size:.9rem;color:var(--crimson);text-shadow:var(--glow-crimson)}.gc-rating small{color:var(--text-muted);font-size:.6rem}.gc-rating.none{color:var(--text-dim);text-shadow:none;font-size:.6rem;letter-spacing:1px}.gc-date{font-family:var(--font-mono);font-size:.82rem;color:var(--violet);text-shadow:var(--glow-violet);margin-top:4px}.gc-venue{font-family:var(--font-mono);font-size:.95rem;color:var(--text-primary)}.gc-loc{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}.gc-tour{font-family:var(--font-display);font-size:.66rem;letter-spacing:1.5px;color:var(--text-label);margin-top:2px}.gc-rate{margin-top:10px}.carousel-hint{font-family:var(--font-display);font-size:.64rem;letter-spacing:2px;color:var(--text-dim);text-align:right;margin:2px 4px 16px}.profile-card{text-align:center}.profile-avatar{position:relative;width:84px;height:84px;margin:0 auto 10px;border-radius:50%;border:none;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:2.2rem;color:var(--white-beam);background:linear-gradient(135deg,var(--crimson),var(--violet));box-shadow:var(--glow-violet);cursor:pointer;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar-edit{position:absolute;right:2px;bottom:2px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--bg);color:var(--violet);font-size:.7rem;border:1px solid var(--violet)}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-name{font-family:var(--font-display);font-weight:600;font-size:1.1rem;letter-spacing:1px;color:var(--text-primary)}.filter-row{display:flex;gap:8px;margin-bottom:14px}.filter-select{flex:1;padding:10px 8px;font-family:var(--font-display);font-size:.6rem;letter-spacing:1px;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-mid);border-radius:var(--radius);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--violet);box-shadow:var(--glow-violet)}.logo-img{height:38px;width:auto;display:block}.subtabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:12px;scrollbar-width:none;padding-bottom:2px}.subtabs::-webkit-scrollbar{display:none}.subtab{flex:0 0 auto;background:var(--bg-elevated);border:1px solid var(--border-mid);color:var(--text-label);font-family:var(--font-display);font-size:.66rem;font-weight:600;letter-spacing:1px;padding:9px 14px;border-radius:999px;cursor:pointer;white-space:nowrap}.subtab.active{color:var(--white-beam);background:linear-gradient(135deg,var(--crimson),var(--violet));border-color:transparent;box-shadow:var(--glow-violet)}.stat-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid rgba(155,31,255,.08)}.stat-row:last-child{border-bottom:none}.stat-name{flex:0 0 40%;font-family:var(--font-mono);font-size:.8rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{flex:1;height:7px;background:#9b1fff1f;border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:var(--crimson);box-shadow:0 0 8px var(--crimson)}.bar-fill.amber{background:var(--amber);box-shadow:0 0 8px var(--amber)}.bar-fill.violet{background:var(--violet);box-shadow:0 0 8px var(--violet)}.stat-val{flex:0 0 auto;font-family:var(--font-mono);font-size:.74rem;color:var(--text-muted);min-width:3.4rem;text-align:right}.stat-val small{color:var(--text-dim)}.player{margin-bottom:12px;background:var(--bg-panel);border:1px solid var(--border-mid);border-top:2px solid rgba(224,64,251,.4);border-radius:var(--radius);padding:12px}.player-now{font-family:var(--font-mono);font-size:.85rem;color:var(--magenta);text-shadow:var(--glow-magenta);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-el{width:100%;height:40px;display:block}.player-ctrls{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.player-ctrls button{background:none;border:1px solid var(--border-mid);color:var(--text-label);font-family:var(--font-display);font-size:.66rem;letter-spacing:1px;padding:7px 12px;border-radius:var(--radius);cursor:pointer}.player-ctrls button:disabled{opacity:.35;cursor:default}.player-src{font-family:var(--font-mono);font-size:.62rem;color:var(--amber);opacity:.75}.song-play{background:none;border:none;color:var(--magenta);cursor:pointer;font-size:.85rem;padding:0 6px 0 0;line-height:1}.audio{margin-bottom:12px}.audio-head{font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:2px;color:var(--magenta);text-shadow:var(--glow-magenta);margin-bottom:6px}.audio-frame{width:100%;height:300px;border:1px solid var(--border-mid);border-radius:var(--radius);background:#000;display:block}.audio-loading{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);padding:8px 0;margin-bottom:8px}