:root{--bg:#fffdfb;--surface:#fff;--ink:#34304a;--ink-soft:#7d7794;--outline:#2b2740;--pink:#ffb3c9;--mint:#a5e8d6;--butter:#ffe3a3;--lilac:#cbbcff;--pink-ink:#d9376a;--mint-ink:#0f9b81;--butter-ink:#a87400;--lilac-ink:#6d4de0;--on-pink:var(--pink-ink);--chalk:#34304a24;--doodle:%2334304a;--font-display:"Silkscreen", "Courier New", monospace;--font-type:"Special Elite", "Courier New", monospace;--font-hand:"Patrick Hand", cursive;--wobble-a:255px 15px 225px 15px / 15px 225px 15px 255px;--wobble-b:15px 225px 15px 255px / 225px 15px 255px 15px;--wobble-c:125px 10px 20px 185px / 25px 205px 205px 25px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#211c31;--surface:#2b2440;--ink:#f3efff;--ink-soft:#a79fc4;--outline:#141020;--pink-ink:#ff9dbb;--on-pink:var(--surface);--mint-ink:#7fe0c6;--butter-ink:#ffd889;--lilac-ink:#c2b0ff;--chalk:#f3efff2e;--doodle:%23f3efff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);font-family:var(--font-type);background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cg fill='none' stroke='%2334304a' stroke-opacity='0.07' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M40 60 q10 -25 22 0 q12 22 -22 12 z'/%3E%3Cpath d='M330 50 l6 16 17 1 -13 11 4 17 -14 -10 -14 10 4 -17 -13 -11 17 -1 z'/%3E%3Cpath d='M120 330 c-8 -14 4 -26 14 -18 c10 -12 26 -2 18 12 c14 2 10 20 -6 18 l-20 2 z'/%3E%3Cpath d='M250 200 q20 -18 8 -34 q28 6 20 34 q-4 16 -28 0 z'/%3E%3Cpath d='M60 210 v-40 l30 -8 v40 m-30 -24 l30 -8'/%3E%3Ccircle cx='55' cy='214' r='7'/%3E%3Ccircle cx='85' cy='206' r='7'/%3E%3Cpath d='M320 300 h24 v34 q0 8 -12 8 t-12 -8 z m24 6 q14 -2 12 12 q-2 12 -12 10'/%3E%3Cpath d='M180 100 q14 10 0 22 q-14 10 0 24'/%3E%3Cpath d='M370 180 q-22 4 -20 24 q2 20 24 16'/%3E%3Cpath d='M150 240 l10 10 m0 -10 l-10 10'/%3E%3Cpath d='M290 120 a5 5 0 1 1 0.1 0'/%3E%3Cpath d='M40 300 q16 -8 30 2'/%3E%3Cpath d='M220 380 l5 13 14 1 -11 9 4 14 -12 -8 -12 8 4 -14 -11 -9 14 -1 z'/%3E%3C/g%3E%3C/svg%3E");background-size:420px 420px;margin:0}:root[data-theme=dark] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cg fill='none' stroke='%23f3efff' stroke-opacity='0.08' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M40 60 q10 -25 22 0 q12 22 -22 12 z'/%3E%3Cpath d='M330 50 l6 16 17 1 -13 11 4 17 -14 -10 -14 10 4 -17 -13 -11 17 -1 z'/%3E%3Cpath d='M120 330 c-8 -14 4 -26 14 -18 c10 -12 26 -2 18 12 c14 2 10 20 -6 18 l-20 2 z'/%3E%3Cpath d='M250 200 q20 -18 8 -34 q28 6 20 34 q-4 16 -28 0 z'/%3E%3Cpath d='M60 210 v-40 l30 -8 v40 m-30 -24 l30 -8'/%3E%3Ccircle cx='55' cy='214' r='7'/%3E%3Ccircle cx='85' cy='206' r='7'/%3E%3Cpath d='M320 300 h24 v34 q0 8 -12 8 t-12 -8 z m24 6 q14 -2 12 12 q-2 12 -12 10'/%3E%3Cpath d='M180 100 q14 10 0 22 q-14 10 0 24'/%3E%3Cpath d='M370 180 q-22 4 -20 24 q2 20 24 16'/%3E%3Cpath d='M150 240 l10 10 m0 -10 l-10 10'/%3E%3Cpath d='M290 120 a5 5 0 1 1 0.1 0'/%3E%3Cpath d='M40 300 q16 -8 30 2'/%3E%3Cpath d='M220 380 l5 13 14 1 -11 9 4 14 -12 -8 -12 8 4 -14 -11 -9 14 -1 z'/%3E%3C/g%3E%3C/svg%3E")}#root{max-width:680px;margin:0 auto;padding:2.5rem 1.25rem 5rem}button{font:inherit;cursor:pointer}::selection{background:var(--butter);color:var(--outline)}:root[data-theme=sunset]{--bg:#fff6ee;--surface:#fffaf5;--ink:#4a2f2a;--ink-soft:#8d6b60;--outline:#43261f;--pink:#ffb59c;--mint:#ffd9a0;--butter:#ffe9b8;--lilac:#f7b7d3;--pink-ink:#d1442c;--mint-ink:#b06a12;--butter-ink:#9a5b00;--lilac-ink:#c0407f;--chalk:#4a2f2a24;--doodle:%234a2f2a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=bubblegum]{--bg:#fff2f8;--surface:#fff;--ink:#4a1f38;--ink-soft:#95627f;--outline:#3d1330;--pink:#ffb3d9;--mint:#b6f0e4;--butter:#ffe6a8;--lilac:#e2b9ff;--pink-ink:#e01f7c;--mint-ink:#00997e;--butter-ink:#a86f00;--lilac-ink:#8a3ff0;--chalk:#4a1f3824;--doodle:%234a1f38;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=gameboy]{--bg:#e8f0c8;--surface:#f2f7dc;--ink:#1f3010;--ink-soft:#5c7040;--outline:#0f2000;--pink:#c2d68a;--mint:#a8c878;--butter:#dbe8a8;--lilac:#94b060;--pink-ink:#3d6b0f;--mint-ink:#2f5a0a;--butter-ink:#5a6f14;--lilac-ink:#25500a;--chalk:#1f301024;--doodle:%231f3010;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=newsprint]{--bg:#f4f2ec;--surface:#fbfaf6;--ink:#22201c;--ink-soft:#6b6862;--outline:#141311;--pink:#d8d4cc;--mint:#dcdcd4;--butter:#e6e2d6;--lilac:#cfcdd6;--pink-ink:#8a3a2c;--mint-ink:#3f6152;--butter-ink:#7a6320;--lilac-ink:#4a4468;--chalk:#22201c24;--doodle:%2322201c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=neon]{--bg:#0d0618;--surface:#170a28;--ink:#f7e9ff;--ink-soft:#b48ad0;--outline:#04000c;--pink:#ff4fd8;--mint:#39f5c8;--butter:#ffd93d;--lilac:#8b6bff;--pink-ink:#ff6fe0;--on-pink:var(--surface);--mint-ink:#3ff5cf;--butter-ink:#ffd75e;--lilac-ink:#a98bff;--chalk:#f7e9ff2e;--doodle:%23f7e9ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=forest]{--bg:#14201a;--surface:#1d2c24;--ink:#e8f5ea;--ink-soft:#9ab5a4;--outline:#08120d;--pink:#a8d8a0;--mint:#7fe0b0;--butter:#e8d9a0;--lilac:#b8c9f0;--pink-ink:#8fd18a;--on-pink:var(--surface);--mint-ink:#63d6a4;--butter-ink:#ddc47e;--lilac-ink:#a3b6ea;--chalk:#e8f5ea2e;--doodle:%2147483647f5ea;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=deepsea]{--bg:#0a1826;--surface:#122436;--ink:#e4f2ff;--ink-soft:#8aa7c4;--outline:#04101c;--pink:#7fd4f0;--mint:#6fe0d0;--butter:#ffd9a0;--lilac:#9fb8ff;--pink-ink:#6cc9ec;--on-pink:var(--surface);--mint-ink:#5fd8c6;--butter-ink:#ffca7a;--lilac-ink:#8fa8f5;--chalk:#e4f2ff2e;--doodle:%230000f2ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=vhs]{--bg:#180d24;--surface:#241435;--ink:#f2e6ff;--ink-soft:#a793c0;--outline:#0c0414;--pink:#ff8fd0;--mint:#7fe8e0;--butter:#ffd98f;--lilac:#b79cff;--pink-ink:#ff7fc4;--on-pink:var(--surface);--mint-ink:#5fdcd2;--butter-ink:#ffcf70;--lilac-ink:#c0a6ff;--chalk:#f2e6ff2e;--doodle:%23f2e6ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=disco]{--bg:#140a24;--surface:#221338;--ink:#fbeaff;--ink-soft:#c9a9e0;--outline:#07020f;--pink:#ff4fb4;--mint:#4ff0e0;--butter:#ffd84f;--lilac:#b98cff;--pink-ink:#ff6fc2;--on-pink:var(--surface);--mint-ink:#5cf2e2;--butter-ink:#ffd84f;--lilac-ink:#c29dff;--chalk:#fbeaff29;--doodle:%23fbeaff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=blaze]{--bg:#0f1a0e;--surface:#182816;--ink:#eaf7df;--ink-soft:#a7c49a;--outline:#060c05;--pink:#7ed957;--mint:#b8e986;--butter:#f2d16b;--lilac:#c9b3f0;--pink-ink:#8fe067;--on-pink:var(--surface);--mint-ink:#a6e07a;--butter-ink:#e8c55a;--lilac-ink:#bda4f2;--chalk:#eaf7df2e;--doodle:%23eaf7df;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=blaze] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cg fill='none' stroke='%239be08f' stroke-opacity='0.11' stroke-width='2.5' stroke-linejoin='round' stroke-linecap='round'%3E%3Cg transform='translate(70 90) rotate(-15) scale(1)'%3E%3Cpath transform='rotate(0)' d='M0 0 Q9 -18 0 -40 Q-9 -18 0 0 Z'/%3E%3Cpath transform='rotate(30)' d='M0 0 Q8 -15.3 0 -34 Q-8 -15.3 0 0 Z'/%3E%3Cpath transform='rotate(-30)' d='M0 0 Q8 -15.3 0 -34 Q-8 -15.3 0 0 Z'/%3E%3Cpath transform='rotate(62)' d='M0 0 Q7 -11.700000000000001 0 -26 Q-7 -11.700000000000001 0 0 Z'/%3E%3Cpath transform='rotate(-62)' d='M0 0 Q7 -11.700000000000001 0 -26 Q-7 -11.700000000000001 0 0 Z'/%3E%3Cpath transform='rotate(100)' d='M0 0 Q5 -6.75 0 -15 Q-5 -6.75 0 0 Z'/%3E%3Cpath transform='rotate(-100)' d='M0 0 Q5 -6.75 0 -15 Q-5 -6.75 0 0 Z'/%3E%3Cpath d='M0 0 v14'/%3E%3C/g%3E%3Cg transform='translate(300 70) rotate(25) scale(0.8)'%3E%3Cpath transform='rotate(0)' d='M0 0 Q9 -18 0 -40 Q-9 -18 0 0 Z'/%3E%3Cpath transform='rotate(30)' d='M0 0 Q8 -15.3 0 -34 Q-8 -15.3 0 0 Z'/%3E%3Cpath transform='rotate(-30)' d='M0 0 Q8 -15.3 0 -34 Q-8 -15.3 0 0 Z'/%3E%3Cpath transform='rotate(62)' d='M0 0 Q7 -11.700000000000001 0 -26 Q-7 -11.700000000000001 0 0 Z'/%3E%3Cpath transform='rotate(-62)' d='M0 0 Q7 -11.700000000000001 0 -26 Q-7 -11.700000000000001 0 0 Z'/%3E%3Cpath transform='rotate(100)' d='M0 0 Q5 -6.75 0 -15 Q-5 -6.75 0 0 Z'/%3E%3Cpath transform='rotate(-100)' d='M0 0 Q5 -6.75 0 -15 Q-5 -6.75 0 0 Z'/%3E%3Cpath d='M0 0 v14'/%3E%3C/g%3E%3Cg transform='translate(200 230) rotate(5) scale(1.15)'%3E%3Cpath transform='rotate(0)' d='M0 0 Q9 -18 0 -40 Q-9 -18 0 0 Z'/%3E%3Cpath transform='rotate(30)' d='M0 0 Q8 -15.3 0 -34 Q-8 -15.3 0 0 Z'/%3E%3Cpath transform='rotate(-30)' d='M0 0 Q8 -15.3 0 -34 Q-8 -15.3 0 0 Z'/%3E%3Cpath transform='rotate(62)' d='M0 0 Q7 -11.700000000000001 0 -26 Q-7 -11.700000000000001 0 0 Z'/%3E%3Cpath transform='rotate(-62)' d='M0 0 Q7 -11.700000000000001 0 -26 Q-7 -11.700000000000001 0 0 Z'/%3E%3Cpath transform='rotate(100)' d='M0 0 Q5 -6.75 0 -15 Q-5 -6.75 0 0 Z'/%3E%3Cpath transform='rotate(-100)' d='M0 0 Q5 -6.75 0 -15 Q-5 -6.75 0 0 Z'/%3E%3Cpath d='M0 0 v14'/%3E%3C/g%3E%3Cg transform='translate(60 330) rotate(35) scale(0.75)'%3E%3Cpath transform='rotate(0)' d='M0 0 Q9 -18 0 -40 Q-9 -18 0 0 Z'/%3E%3Cpath transform='rotate(30)' d='M0 0 Q8 -15.3 0 -34 Q-8 -15.3 0 0 Z'/%3E%3Cpath transform='rotate(-30)' d='M0 0 Q8 -15.3 0 -34 Q-8 -15.3 0 0 Z'/%3E%3Cpath transform='rotate(62)' d='M0 0 Q7 -11.700000000000001 0 -26 Q-7 -11.700000000000001 0 0 Z'/%3E%3Cpath transform='rotate(-62)' d='M0 0 Q7 -11.700000000000001 0 -26 Q-7 -11.700000000000001 0 0 Z'/%3E%3Cpath transform='rotate(100)' d='M0 0 Q5 -6.75 0 -15 Q-5 -6.75 0 0 Z'/%3E%3Cpath transform='rotate(-100)' d='M0 0 Q5 -6.75 0 -15 Q-5 -6.75 0 0 Z'/%3E%3Cpath d='M0 0 v14'/%3E%3C/g%3E%3Cg transform='translate(350 300) rotate(-30) scale(0.95)'%3E%3Cpath transform='rotate(0)' d='M0 0 Q9 -18 0 -40 Q-9 -18 0 0 Z'/%3E%3Cpath transform='rotate(30)' d='M0 0 Q8 -15.3 0 -34 Q-8 -15.3 0 0 Z'/%3E%3Cpath transform='rotate(-30)' d='M0 0 Q8 -15.3 0 -34 Q-8 -15.3 0 0 Z'/%3E%3Cpath transform='rotate(62)' d='M0 0 Q7 -11.700000000000001 0 -26 Q-7 -11.700000000000001 0 0 Z'/%3E%3Cpath transform='rotate(-62)' d='M0 0 Q7 -11.700000000000001 0 -26 Q-7 -11.700000000000001 0 0 Z'/%3E%3Cpath transform='rotate(100)' d='M0 0 Q5 -6.75 0 -15 Q-5 -6.75 0 0 Z'/%3E%3Cpath transform='rotate(-100)' d='M0 0 Q5 -6.75 0 -15 Q-5 -6.75 0 0 Z'/%3E%3Cpath d='M0 0 v14'/%3E%3C/g%3E%3Cg transform='translate(150 400) rotate(10) scale(0.6)'%3E%3Cpath transform='rotate(0)' d='M0 0 Q9 -18 0 -40 Q-9 -18 0 0 Z'/%3E%3Cpath transform='rotate(30)' d='M0 0 Q8 -15.3 0 -34 Q-8 -15.3 0 0 Z'/%3E%3Cpath transform='rotate(-30)' d='M0 0 Q8 -15.3 0 -34 Q-8 -15.3 0 0 Z'/%3E%3Cpath transform='rotate(62)' d='M0 0 Q7 -11.700000000000001 0 -26 Q-7 -11.700000000000001 0 0 Z'/%3E%3Cpath transform='rotate(-62)' d='M0 0 Q7 -11.700000000000001 0 -26 Q-7 -11.700000000000001 0 0 Z'/%3E%3Cpath transform='rotate(100)' d='M0 0 Q5 -6.75 0 -15 Q-5 -6.75 0 0 Z'/%3E%3Cpath transform='rotate(-100)' d='M0 0 Q5 -6.75 0 -15 Q-5 -6.75 0 0 Z'/%3E%3Cpath d='M0 0 v14'/%3E%3C/g%3E%3Cg transform='translate(380 180) rotate(60) scale(0.55)'%3E%3Cpath transform='rotate(0)' d='M0 0 Q9 -18 0 -40 Q-9 -18 0 0 Z'/%3E%3Cpath transform='rotate(30)' d='M0 0 Q8 -15.3 0 -34 Q-8 -15.3 0 0 Z'/%3E%3Cpath transform='rotate(-30)' d='M0 0 Q8 -15.3 0 -34 Q-8 -15.3 0 0 Z'/%3E%3Cpath transform='rotate(62)' d='M0 0 Q7 -11.700000000000001 0 -26 Q-7 -11.700000000000001 0 0 Z'/%3E%3Cpath transform='rotate(-62)' d='M0 0 Q7 -11.700000000000001 0 -26 Q-7 -11.700000000000001 0 0 Z'/%3E%3Cpath transform='rotate(100)' d='M0 0 Q5 -6.75 0 -15 Q-5 -6.75 0 0 Z'/%3E%3Cpath transform='rotate(-100)' d='M0 0 Q5 -6.75 0 -15 Q-5 -6.75 0 0 Z'/%3E%3Cpath d='M0 0 v14'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:transparent transparent}:root[data-scrolling] *,.lyrics-scroll:hover{scrollbar-color:var(--lilac) transparent}}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:0 0;border:0}::-webkit-scrollbar-corner{background:0 0;border:0}::-webkit-scrollbar-thumb{background-color:#0000;background-image:none;background-position:50%;background-repeat:no-repeat;background-size:6px 18px;border:3px solid #0000;border-radius:0;transition:background-color .25s,border-color .25s}:root[data-scrolling] ::-webkit-scrollbar-thumb{background-color:var(--lilac);border-color:var(--outline);background-image:linear-gradient(to bottom, transparent 0 4px, var(--outline) 4px 7px, transparent 7px 11px, var(--outline) 11px 14px, transparent 14px)}.lyrics-scroll:hover::-webkit-scrollbar-thumb{background-color:var(--lilac);border-color:var(--outline);background-image:linear-gradient(to bottom, transparent 0 4px, var(--outline) 4px 7px, transparent 7px 11px, var(--outline) 11px 14px, transparent 14px)}:root[data-scrolling] ::-webkit-scrollbar-thumb:hover{background-color:var(--pink)}.lyrics-scroll:hover::-webkit-scrollbar-thumb:hover{background-color:var(--pink)}.app{flex-direction:column;gap:1.25rem;display:flex}h1{text-align:center;font-family:var(--font-display);letter-spacing:.02em;color:var(--butter);text-shadow:-4px 0 0 var(--outline), 4px 0 0 var(--outline), 0 -4px 0 var(--outline), 0 4px 0 var(--outline), 9px 9px 0 var(--pink), 13px 13px 0 var(--outline);margin:0;font-size:clamp(2rem,6.5vw,3.4rem);font-weight:700;line-height:1.1;animation:.5s cubic-bezier(.2,1.6,.4,1) both title-drop;transform:rotate(-2deg)}@keyframes title-drop{0%{opacity:0;transform:rotate(-8deg)translateY(-40px)scale(.8)}to{opacity:1;transform:rotate(-2deg)translateY(0)scale(1)}}.tagline{text-align:center;font-family:var(--font-hand);color:var(--ink-soft);margin:0 0 .75rem;font-size:1.15rem;transform:rotate(.5deg)}.muted{color:var(--ink-soft);margin:.25rem 0}.small{font-size:.85rem}.error{color:var(--pink-ink);font-family:var(--font-hand);text-align:center;font-size:1.1rem;transform:rotate(-1deg)}.search{width:100%;font-size:1.15rem;font-family:var(--font-type);border:3px solid var(--ink);border-radius:var(--wobble-a);background:var(--surface);color:var(--ink);outline:none;padding:1rem 1.25rem;transition:border-color .15s,box-shadow .15s;transform:rotate(-.4deg)}.search::placeholder{color:var(--ink-soft);opacity:.7}.search:focus{border-color:var(--mint-ink);box-shadow:4px 4px #a5e8d699}.results{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.results li{animation:.35s cubic-bezier(.2,1.4,.4,1) both card-in}.results li:first-child{animation-delay:20ms}.results li:nth-child(2){animation-delay:60ms}.results li:nth-child(3){animation-delay:.1s}.results li:nth-child(4){animation-delay:.14s}.results li:nth-child(5){animation-delay:.18s}.results li:nth-child(6){animation-delay:.22s}.results li:nth-child(n+7){animation-delay:.26s}@keyframes card-in{0%{opacity:0;transform:translateY(14px)rotate(1.5deg)}to{opacity:1;transform:translateY(0)rotate(0)}}.result{text-align:left;border:2.5px solid var(--ink);border-radius:var(--wobble-b);background:var(--surface);width:100%;color:var(--ink);flex-direction:column;gap:.2rem;padding:.8rem 1.1rem;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.results li:nth-child(odd) .result{transform:rotate(-.5deg)}.results li:nth-child(2n) .result{border-radius:var(--wobble-a);transform:rotate(.5deg)}.result:hover{border-color:var(--butter-ink);transform:rotate(0)scale(1.02);box-shadow:5px 5px #ffe3a399}.search-row{align-items:stretch;gap:.55rem;display:flex;transform:rotate(-.4deg)}.search-row .search{flex:1;min-width:0;transform:none}.random-song{border:3px solid var(--ink);border-radius:var(--wobble-c);background:var(--surface);color:var(--ink);font-family:var(--font-display);cursor:pointer;flex:none;align-items:center;gap:.45rem;padding:0 1rem 0 .75rem;font-size:.9rem;transition:transform .15s,background .15s,box-shadow .15s,border-color .15s;display:inline-flex}.random-song:hover:not(:disabled){background:var(--butter);border-color:var(--outline);color:var(--outline);box-shadow:4px 4px 0 var(--outline);transform:rotate(2deg)}.random-song:disabled{cursor:progress}@media (width<=420px){.random-song .random-label{display:none}.random-song{padding:0 .7rem}}@keyframes dice-roll{0%{transform:translateY(0)rotate(0)}30%{transform:translateY(-9px)rotate(140deg)}60%{transform:translateY(-3px)rotate(290deg)}80%{transform:translateY(0)rotate(370deg)}to{transform:translateY(0)rotate(360deg)}}.random-dice{flex:none}.random-song:hover .random-dice,.roll-again:hover:not(:disabled) .random-dice{animation:.7s cubic-bezier(.3,.1,.3,1) dice-roll}.random-song.rolling .random-dice,.roll-again.rolling .random-dice{animation:.7s cubic-bezier(.3,.1,.3,1) infinite dice-roll}.roll-again:disabled{cursor:progress}@media (prefers-reduced-motion:reduce){.random-song:hover .random-dice,.random-song.rolling .random-dice,.roll-again:hover .random-dice,.roll-again.rolling .random-dice{animation:none}}.result-name{font-family:var(--font-hand);letter-spacing:.01em;font-size:1.2rem}.result-artist{color:var(--ink-soft);font-size:.85rem}.back{border:2px dashed var(--ink-soft);border-radius:var(--wobble-c);color:var(--ink-soft);font-family:var(--font-hand);background:0 0;align-self:flex-start;padding:.35rem .9rem;font-size:1rem;transition:color .15s,border-color .15s,transform .15s;transform:rotate(-1deg)}.back:hover{color:var(--mint-ink);border-color:var(--mint-ink);transform:rotate(1deg)}.song-title{font-family:var(--font-display);letter-spacing:.02em;color:var(--mint-ink);text-shadow:2px 2px 0 var(--outline);margin:0;font-size:clamp(1.6rem,5vw,2.2rem);transform:rotate(-1deg)}.toggle{gap:.75rem;display:flex}.toggle button{border:2.5px solid var(--ink-soft);border-radius:var(--wobble-b);color:var(--ink-soft);font-family:var(--font-hand);background:0 0;flex:1;padding:.7rem;font-size:1.15rem;transition:all .15s}.toggle button:first-child{transform:rotate(-.8deg)}.toggle button:last-child{border-radius:var(--wobble-a);transform:rotate(.8deg)}.toggle button:hover{border-color:var(--ink);color:var(--ink)}.toggle button.active{border-color:var(--butter-ink);color:var(--outline);background:var(--butter);transform:rotate(0)scale(1.03);box-shadow:4px 4px #ffe3a3b3}.playalong-bar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.play-btn{border:3px solid var(--outline);border-radius:var(--wobble-a);background:var(--mint);color:var(--outline);font-family:var(--font-display);letter-spacing:.04em;padding:.6rem 1.3rem;font-size:1.05rem;transition:transform .12s,box-shadow .12s;transform:rotate(-1deg);box-shadow:4px 4px #a5e8d6d9}.play-btn:hover{transform:rotate(1deg)scale(1.04);box-shadow:6px 6px #a5e8d6f2}.reset-btn{border:2px dashed var(--ink-soft);border-radius:var(--wobble-c);color:var(--ink-soft);font-family:var(--font-hand);background:0 0;padding:.55rem .9rem}.reset-btn:hover{color:var(--ink);border-color:var(--ink)}.drink-counter{font-family:var(--font-hand);color:var(--butter-ink);margin-left:auto;font-size:1.1rem;transform:rotate(1deg)}@keyframes pop{0%{opacity:0;transform:scale(.5)rotate(-6deg)}to{opacity:1;transform:scale(1)rotate(0)}}.lyrics-scroll{max-height:320px;margin-top:.75rem;padding-right:.5rem;overflow:hidden auto}.lyric-line{cursor:pointer;width:100%;color:var(--ink-soft);font-family:var(--font-hand);background:0 0;border:0;border-radius:10px;margin:.45rem 0;padding:.15rem .5rem;font-size:1.05rem;transition:color .2s,transform .2s,background .15s,opacity .15s;display:block}.lyric-line:hover{background:var(--chalk);opacity:1;transform:scale(1.04)}.lyric-line.has-word{color:var(--ink)}.lyric-line.current{color:var(--mint-ink);transform-origin:0;font-weight:700;transform:scale(1.05)rotate(-.3deg)}.bigmode-term{text-shadow:-3px 0 0 var(--outline), 3px 0 0 var(--outline), 0 -3px 0 var(--outline), 0 3px 0 var(--outline), 7px 7px 0 var(--pink)}.pixel{image-rendering:pixelated;vertical-align:middle;-webkit-user-select:none;user-select:none;flex:none}h1{justify-content:center;align-items:center;gap:.6rem;display:flex}.title-sprite{transform:rotate(4deg)}.badge{align-items:center;gap:.3rem;margin-left:.5rem;display:inline-flex}.back,.play-btn,.reset-btn,.toggle button{justify-content:center;align-items:center;gap:.45rem;display:inline-flex}.yt-search{color:var(--ink-soft);font-family:var(--font-hand);border-bottom:1px dashed var(--ink-soft);align-self:flex-start;font-size:.95rem;text-decoration:none}.yt-search:hover{color:var(--mint-ink);border-color:var(--mint-ink)}.sync-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.6rem;display:flex}.nudge{border:2px solid var(--ink-soft);border-radius:var(--wobble-c);color:var(--ink-soft);font-family:var(--font-type);background:0 0;padding:.25rem .6rem;font-size:.8rem;transition:color .15s,border-color .15s}.nudge:hover{color:var(--mint-ink);border-color:var(--mint-ink)}.nudge.ghost{color:var(--butter-ink);border-style:dashed;border-color:var(--butter-ink)}.version-list{flex-direction:column;gap:.4rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.version-pick{text-align:left;border:2px solid var(--ink-soft);border-radius:var(--wobble-c);background:var(--surface);width:100%;color:var(--ink);flex-direction:column;gap:.15rem;padding:.5rem .75rem;display:flex}.version-pick:hover{border-color:var(--butter-ink)}.version-title{font-family:var(--font-hand);font-size:1rem;line-height:1.2}.version-meta{color:var(--ink-soft);font-size:.8rem}.hit{text-transform:uppercase;letter-spacing:.04em;color:var(--butter-ink);text-shadow:1.5px 1.5px 0 var(--outline);font-size:1.2em;font-weight:800}.lyric-line.current .hit{color:var(--butter-ink)}@keyframes drink-fade{to{opacity:0}}@keyframes drink-word-out{to{transform:scale(.92)rotate(1.5deg)}}@keyframes drink-wiggle{0%{transform:rotate(0)}15%{transform:rotate(-6deg)}35%{transform:rotate(5deg)}55%{transform:rotate(-3.5deg)}75%{transform:rotate(2deg)}to{transform:rotate(0)}}.drink-word{animation:drink-wiggle .65s ease-in-out .15s, drink-word-out var(--drink-fade) ease-in calc(var(--drink-hold,1.8s) - var(--drink-fade)) forwards;justify-content:center;align-items:center;gap:1rem;display:flex}@media (prefers-reduced-motion:reduce){.drink-word{animation:drink-word-out var(--drink-fade) ease-in calc(var(--drink-hold,1.8s) - var(--drink-fade)) forwards}}.bigmode{z-index:50;background:var(--bg);flex-direction:column;gap:.5rem;padding:clamp(.7rem,2vw,1.5rem);display:flex;position:fixed;inset:0;overflow:hidden}.bigmode-top{text-align:center;padding:0 5rem;display:block;position:relative}.bigmode-word{flex-direction:column;align-items:center;gap:.3rem;min-width:0;display:flex}.bigmode-label{font-family:var(--font-type);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);font-size:clamp(.65rem,1.4vw,.85rem)}.bigmode-term{font-family:var(--font-display);text-transform:uppercase;color:var(--pink);text-shadow:3px 3px 0 var(--outline);overflow-wrap:anywhere;font-size:clamp(2rem,6vw,4.2rem);line-height:1;transform:rotate(-1.5deg)}.bigmode-count{font-family:var(--font-hand);color:var(--butter-ink);font-size:clamp(.95rem,2vw,1.3rem)}.lyrics-scroll.big{text-align:center;flex:auto;min-height:0;max-height:none;padding:0 1rem;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.lyrics-scroll.big .lyric-line{opacity:.62;max-width:88%;margin:.5rem auto;font-size:clamp(1.35rem,3.9vw,2.6rem)}.lyrics-scroll.big .lyric-line.current{opacity:1;transform-origin:50%;transform:scale(1.12)}.bigmode-controls{flex-direction:column;flex:none;align-items:center;gap:.45rem;display:flex}.bigmode-controls .playalong-bar,.bigmode .sync-row{justify-content:center}.bigmode-flash{z-index:70;pointer-events:none;font-family:var(--font-display);color:var(--outline);text-shadow:5px 5px 0 var(--surface);background:color-mix(in srgb, var(--pink) 94%, transparent);--drink-fade:.45s;animation:pop .3s cubic-bezier(.2, 1.8, .4, 1), drink-fade var(--drink-fade) ease-in calc(var(--drink-hold,1.8s) - var(--drink-fade)) forwards;justify-content:center;align-items:center;gap:1rem;font-size:clamp(3rem,13vw,9rem);display:flex;position:fixed;inset:0}.drink-mult{color:var(--on-pink);margin-left:.35em;font-size:1.15em;display:inline-block;transform:rotate(-5deg)}.bigmode{max-width:100vw}.bigmode-song{font-family:var(--font-hand);color:var(--ink);font-size:clamp(.95rem,2vw,1.25rem);line-height:1.2}.bigmode-artist{color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.bigmode-artist:hover{color:var(--ink);text-decoration:underline}.theme-toggle{z-index:60;border:3px solid var(--outline);border-radius:var(--wobble-c);background:var(--surface);justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:transform .15s,background .15s;display:inline-flex;position:fixed;top:.9rem;right:.9rem}.theme-toggle:hover{background:var(--butter);transform:rotate(-8deg)scale(1.08)}.stage{clip-path:inset(50%);opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;overflow:hidden}.stage>iframe,.stage>div{border:0;width:100%;height:100%}.bigmode-back{border:2.5px solid var(--outline);border-radius:var(--wobble-c);background:var(--surface);color:var(--ink);font-family:var(--font-hand);align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:1rem;transition:background .15s,transform .15s;display:inline-flex;position:absolute;top:0;left:0}.bigmode-back:hover{background:var(--mint);transform:rotate(-3deg)}.bigmode-warning{color:var(--pink-ink);font-style:italic}.bigmode-note{text-align:center;margin:0}.lyrics-scroll.big .lyric-line:hover{transform:scale(1.06)}.control-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;width:100%;display:flex}.bigmode-toggle{flex:0 300px;max-width:300px}.bigmode-slider{width:100%;max-width:560px;font-family:var(--font-hand);flex-direction:column;align-items:center;gap:.15rem;display:flex}.slider-head{color:var(--ink-soft);font-size:1rem}.slider-head strong{color:var(--butter-ink)}.slider-track{align-items:center;gap:.6rem;width:100%;display:flex}.slider-track input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:30px;margin:0}.slider-track input[type=range]::-webkit-slider-runnable-track{box-sizing:border-box;border:3px solid var(--outline);background-color:var(--surface);background-image:repeating-linear-gradient(to right, transparent 0 calc(100% / var(--steps,1) - 2px), var(--outline) calc(100% / var(--steps,1) - 2px) calc(100% / var(--steps,1))), linear-gradient(to right, var(--mint), var(--pink));background-repeat:repeat,no-repeat;background-size:100% 100%, var(--fill,0%) 100%;border-radius:0;height:20px}.slider-track input[type=range]::-moz-range-track{box-sizing:border-box;border:3px solid var(--outline);background-color:var(--surface);background-image:repeating-linear-gradient(to right, transparent 0 calc(100% / var(--steps,1) - 2px), var(--outline) calc(100% / var(--steps,1) - 2px) calc(100% / var(--steps,1))), linear-gradient(to right, var(--mint), var(--pink));background-repeat:repeat,no-repeat;background-size:100% 100%, var(--fill,0%) 100%;border-radius:0;height:20px}.slider-track input[type=range]::-webkit-slider-thumb{appearance:none;box-sizing:border-box;border:3px solid var(--outline);background-color:var(--butter);background-image:linear-gradient(to bottom, transparent 0 4px, var(--outline) 4px 7px, transparent 7px 11px, var(--outline) 11px 14px, transparent 14px);background-position:50%;background-repeat:no-repeat;background-size:6px 18px;border-radius:0;width:18px;height:30px;margin-top:-5px}.slider-track input[type=range]::-moz-range-thumb{box-sizing:border-box;border:3px solid var(--outline);background-color:var(--butter);background-image:linear-gradient(to bottom, transparent 0 4px, var(--outline) 4px 7px, transparent 7px 11px, var(--outline) 11px 14px, transparent 14px);background-position:50%;background-repeat:no-repeat;background-size:6px 18px;border-radius:0;width:18px;height:30px}.slider-track input[type=range]::-moz-range-progress{background:0 0;height:20px}.slider-track input[type=range]:focus-visible::-webkit-slider-thumb{background-color:var(--pink);outline:3px solid var(--pink-ink);outline-offset:2px}.slider-track input[type=range]:focus-visible::-moz-range-thumb{background-color:var(--pink);outline:3px solid var(--pink-ink);outline-offset:2px}.slider-track input[type=range]:hover::-webkit-slider-thumb{background-color:var(--pink)}.slider-track input[type=range]:hover::-moz-range-thumb{background-color:var(--pink)}.slider-end{white-space:nowrap;color:var(--mint-ink);font-size:.9rem}.slider-end.hot{color:var(--pink-ink);text-transform:uppercase;letter-spacing:.06em}.bigmode-count{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.bigmode-sub{color:var(--ink-soft);font-style:normal}:root{--beat:0;--beat-tilt:1}:root[data-beat-style=hop] .bigmode-term{transform:rotate(-1.5deg) translateY(calc(var(--beat) * -.13em)) scale(calc(1 + var(--beat) * .06))}:root[data-beat-style=hop] .play-btn{transform:rotate(-1deg) translateY(calc(var(--beat) * -7px)) scale(calc(1 + var(--beat) * .05))}:root[data-beat-style=hop] .reset-btn{transform:translateY(calc(var(--beat) * -4px)) scale(calc(1 + var(--beat) * .04))}:root[data-beat-style=sway] .bigmode-term{transform:rotate(calc(-1.5deg + var(--beat-tilt) * var(--beat) * 5deg)) translateX(calc(var(--beat-tilt) * var(--beat) * 4px)) scale(calc(1 + var(--beat) * .03))}:root[data-beat-style=sway] .play-btn{transform:rotate(calc(-1deg + var(--beat-tilt) * var(--beat) * 5deg)) translateX(calc(var(--beat-tilt) * var(--beat) * 3px))}:root[data-beat-style=sway] .reset-btn{transform:rotate(calc(var(--beat-tilt) * var(--beat) * 5deg)) translateX(calc(var(--beat-tilt) * var(--beat) * 3px))}@media (prefers-reduced-motion:reduce){:root{--beat:0!important}}.bigmode-term,.play-btn,.reset-btn{transition:transform 50ms linear,background .15s,color .15s,border-color .15s,box-shadow .15s}:root[data-beat-style=sway] .bigmode-term,:root[data-beat-style=sway] .play-btn,:root[data-beat-style=sway] .reset-btn,.lyric-word{will-change:transform, opacity;display:inline-block}@media (prefers-reduced-motion:reduce){.lyric-word{opacity:1!important;transform:none!important}}.slider-own{color:var(--pink-ink);font-style:normal}.own-word{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:.15rem;display:flex}.own-word-open{margin-top:.15rem}.own-word-input{border:3px solid var(--outline);background:var(--surface);width:clamp(9rem,26vw,15rem);min-width:0;color:var(--ink);font-family:var(--font-hand);border-radius:0;padding:.3rem .6rem;font-size:1rem}.own-word-input:focus-visible{outline:3px solid var(--pink-ink);outline-offset:2px}.own-word-note{color:var(--pink-ink);margin:.2rem 0 0}.drink-pick{vertical-align:baseline;align-items:center;gap:.2rem;display:inline-flex}.drink-select{appearance:none;border:2px solid var(--outline);background-color:var(--surface);color:inherit;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--outline) 50%), linear-gradient(135deg, var(--outline) 50%, transparent 50%);background-position:calc(100% - .62rem) 55%,calc(100% - .36rem) 55%;background-repeat:no-repeat;background-size:.26rem .26rem,.26rem .26rem;border-radius:0;padding:0 1.1rem 0 .3rem;font-family:inherit;font-size:.92em;line-height:1.4}.drink-select:focus-visible{outline:3px solid var(--pink-ink);outline-offset:2px}.drink-select option{background:var(--surface);color:var(--ink)}.results li{align-items:stretch;gap:.4rem;display:flex}.results li .result{flex:1;min-width:0}.queue-add{border:3px solid var(--outline);border-radius:var(--wobble-c);background:var(--surface);width:2.6rem;color:var(--ink);font-family:var(--font-display);cursor:pointer;flex:none;font-size:1.2rem;line-height:1;transition:background .15s,transform .15s}.queue-add:hover{background:var(--mint);transform:translateY(-2px)}.queue-add.queued{background:var(--pink)}.playlist{border:3px solid var(--outline);border-radius:var(--wobble-b);background:var(--surface);margin-top:1rem;padding:.7rem .8rem}.playlist-head{font-family:var(--font-hand);align-items:center;gap:.6rem;font-size:1.05rem;display:flex}.playlist-head span{flex:1}.playlist-play,.playlist-clear{border:3px solid var(--outline);background:var(--mint);font-family:var(--font-hand);cursor:pointer;border-radius:0;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.95rem;display:inline-flex}.playlist-clear{background:var(--surface)}.playlist-items{flex-direction:column;gap:.3rem;max-height:12rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.playlist-items li{align-items:stretch;gap:.35rem;display:flex}.playlist-item{min-width:0;font-family:var(--font-hand);text-align:left;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:0;flex:1;align-items:baseline;gap:.45rem;padding:.25rem .4rem;display:flex}.playlist-item:hover{border-color:var(--outline);background:var(--butter)}.playlist-num{color:var(--ink-soft);font-variant-numeric:tabular-nums}.playlist-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-artist{color:var(--ink-soft);white-space:nowrap;font-size:.88em}.playlist-items li .queue-add{border-width:2px;width:2rem;font-size:1rem}.bigmode-queue{color:var(--ink-soft);font-family:var(--font-hand);font-size:.95rem}@keyframes chug-shake{0%,to{transform:translate(0,0)rotate(0)}10%{transform:translate(-9px,3px)rotate(-1.4deg)}20%{transform:translate(8px,-4px)rotate(1.2deg)}30%{transform:translate(-7px,-3px)rotate(-1deg)}40%{transform:translate(9px,4px)rotate(1.3deg)}50%{transform:translate(-8px,2px)rotate(-1.2deg)}60%{transform:translate(7px,-4px)rotate(1deg)}70%{transform:translate(-9px,3px)rotate(-1.3deg)}80%{transform:translate(8px,3px)rotate(1.1deg)}90%{transform:translate(-6px,-2px)rotate(-.8deg)}}.bigmode-flash.chug{background:color-mix(in srgb, var(--outline) 95%, transparent);color:var(--pink);text-shadow:5px 5px 0 color-mix(in srgb, var(--pink) 35%, var(--outline));animation:pop .3s cubic-bezier(.2, 1.8, .4, 1), chug-shake .42s linear .12s 3, drink-fade var(--drink-fade) ease-in calc(var(--drink-hold,1.8s) - var(--drink-fade)) forwards}.bigmode-flash.chug .drink-mult{color:var(--butter)}@media (prefers-reduced-motion:reduce){.bigmode-flash.chug{animation:drink-fade var(--drink-fade) ease-in calc(var(--drink-hold,1.8s) - var(--drink-fade)) forwards}}.settings{z-index:60;position:fixed;top:.9rem;right:.9rem}.settings-btn{border:3px solid var(--outline);border-radius:var(--wobble-c);background:var(--surface);cursor:pointer;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:transform .15s,background .15s;display:inline-flex}.settings-btn:hover{background:var(--butter);transform:rotate(-12deg)}.gear-icon{background:var(--lilac-ink);width:24px;height:24px;-webkit-mask:var(--cog) center / contain no-repeat;-webkit-mask:var(--cog) center / contain no-repeat;mask:var(--cog) center / contain no-repeat;display:block}.settings-btn:hover .gear-icon{background:var(--outline)}@keyframes gear-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-btn:hover .gear-icon{animation:.6s cubic-bezier(.3,0,.2,1) gear-spin}@media (prefers-reduced-motion:reduce){.settings-btn:hover .gear-icon{animation:none}}.settings-panel{border:3px solid var(--outline);border-radius:var(--wobble-b);background:var(--surface);width:min(17rem,100vw - 2rem);box-shadow:6px 6px 0 var(--chalk);font-family:var(--font-hand);padding:.8rem;position:absolute;top:calc(100% + .5rem);right:0}.settings-row{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.5rem;font-size:1rem;display:flex}.settings-row select{border:2px solid var(--outline);background:var(--surface);min-width:0;color:var(--ink);cursor:pointer;border-radius:0;flex:0 8.5rem;padding:.2rem .35rem;font-family:inherit;font-size:.95rem}.settings-toggle{border:2px solid var(--outline);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:0;align-items:center;gap:.3rem;padding:.2rem .5rem;font-family:inherit;font-size:.95rem;display:inline-flex}.settings-toggle.on{background:var(--mint)}.settings-hint{color:var(--ink-soft);margin:0 0 .5rem;font-size:.85rem;line-height:1.3}.playlist-switch{border:3px solid var(--outline);background:var(--surface);min-width:0;color:var(--ink);font-family:var(--font-hand);cursor:pointer;border-radius:0;flex:8rem;padding:.25rem .4rem;font-size:1rem}.playlist-head{flex-wrap:wrap}.playlist-empty{color:var(--ink-soft);font-family:var(--font-hand);margin:.5rem 0 0;font-size:.95rem}.playlist-empty.warn{color:var(--pink-ink)}.queue-add:disabled{opacity:.35;cursor:default}.queue-add:disabled:hover{background:var(--surface);transform:none}:root[data-theme=disco] #root{z-index:1;position:relative}:root[data-theme=disco] .bigmode{background:0 0}:root[data-theme=disco] body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 20% 30%,#ff4fb480,#0000 18%),radial-gradient(circle at 76% 24%,#4ff0e073,#0000 16%),radial-gradient(circle at 62% 74%,#ffd84f66,#0000 17%),radial-gradient(circle at 28% 80%,#b98cff73,#0000 18%),radial-gradient(circle at 88% 62%,#ff4fb459,#0000 14%);animation:9s ease-in-out infinite alternate disco-sweep,6s linear infinite disco-hue;position:fixed;inset:-20%}@keyframes disco-sweep{0%{transform:translate(-6%,-4%)rotate(0)}50%{transform:translate(5%,3%)rotate(9deg)}to{transform:translate(-3%,6%)rotate(-7deg)}}@keyframes disco-hue{to{filter:hue-rotate(360deg)}}:root[data-theme=disco] body:after{content:"";z-index:0;pointer-events:none;width:104px;height:104px;image-rendering:pixelated;transform-origin:50% 0;background:url(/assets/discoball-UOVTy3_0.svg) 50%/contain no-repeat;animation:3.2s ease-in-out infinite alternate disco-swing,1.8s steps(6,end) infinite disco-glint;position:fixed;top:0;left:12%}@keyframes disco-swing{0%{rotate:-8deg}to{rotate:8deg}}@keyframes disco-glint{to{filter:hue-rotate(360deg)brightness(1.2)}}@media (width<=640px){:root[data-theme=disco] body:after{width:64px;height:64px;left:4%}}:root[data-theme=disco] .lyric-line{translate:0 calc(var(--beat,0) * -.3em);animation:1.4s ease-in-out infinite alternate disco-sway}:root[data-theme=disco] .lyric-line:nth-child(2n){animation-duration:1.1s;animation-direction:alternate-reverse}:root[data-theme=disco] .lyric-line:nth-child(3n){animation-duration:1.75s;animation-delay:-.5s}:root[data-theme=disco] .lyric-line.current{animation:.7s ease-in-out infinite alternate disco-sway,1.2s linear infinite disco-colours}@keyframes disco-sway{0%{rotate:-2.5deg}to{rotate:2.5deg}}@keyframes disco-colours{0%,to{color:var(--pink-ink)}33%{color:var(--mint-ink)}66%{color:var(--butter-ink)}}@media (prefers-reduced-motion:reduce){:root[data-theme=disco] body:before,:root[data-theme=disco] body:after,:root[data-theme=disco] .lyric-line,:root[data-theme=disco] .lyric-line.current{animation:none;translate:none}}.sasquatch{z-index:55;pointer-events:none;will-change:transform;filter:drop-shadow(0 3px #00000059);position:fixed;bottom:0;left:0}.sasquatch .pixel{image-rendering:pixelated;display:block}