/*
Theme Name: LyricsFinder
Theme URI: https://lyricsfinder.net/
Author: LyricsFinder
Author URI: https://lyricsfinder.net/
Description: Music-first lyrics search theme for lyricsfinder.net. Google Programmable Search (CSE) results enriched with one-tap Apple 30-second previews and an in-site YouTube player (5-second pre-roll). Includes curated collection pages, an SMTP contact form, AdSense, GA4 and Open Graph. Two color palettes, Retro (pink and cyan synthwave) and Cobalt (blue and sky), each with its own light and dark mode.
Version: 3.40.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lyricsfinder
Tags: music, search, dark, light-mode, custom-colors, custom-menu, featured-images, translation-ready
*/
:root{--radius:14px;--maxw:1200px;--sans:'Hanken Grotesk',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--display:'Space Grotesk',var(--sans);--mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;--yt:#ff0033;--pink:#f43f5e;--cyan:#0d9488;--lime:#fb8da0;--accent:#f43f5e;--accent-2:#0d9488;--on-accent:#ffffff;--grad:linear-gradient(90deg,#f43f5e,#0d9488);--grad-135:linear-gradient(135deg,#f43f5e,#0d9488);--accent-soft:rgba(244,63,94,.22);--ring:rgba(13,148,136,.20);--bg:#fffdfc;--bg-1:#ffffff;--bg-2:#ffffff;--bg-3:#fff4f5;--line:rgba(28,20,24,.10);--line-2:rgba(244,63,94,.22);--text:#1b1b1f;--muted:#6b7280;--muted-2:#7b8390;--faint:#aab0ba;--chip-bg:#ffffff;--card-shadow:0 18px 50px rgba(20,20,30,.10);--dock-bg:#1b1320;--page-grad:linear-gradient(180deg,#ffffff 0%,#fffafb 55%,#fef5f7 100%);--deco-ring:rgba(244,63,94,.12);--deco-bar:rgba(13,148,136,.16);--sel:rgba(244,63,94,.16)}[data-palette=retro][data-theme=dark]{--pink:#fb5d77;--cyan:#2dd4bf;--lime:#fb8da0;--accent:#fb5d77;--accent-2:#2dd4bf;--on-accent:#ffffff;--grad:linear-gradient(90deg,#fb5d77,#2dd4bf);--grad-135:linear-gradient(135deg,#fb5d77,#2dd4bf);--accent-soft:rgba(251,93,119,.40);--ring:rgba(45,212,191,.30);--bg:#14121a;--bg-1:#1a1722;--bg-2:#221d2c;--bg-3:#2a2435;--line:rgba(255,255,255,.09);--line-2:rgba(251,93,119,.34);--text:#f5eef0;--muted:#b3a8b2;--muted-2:#a298a4;--faint:#6f6573;--chip-bg:#221d2c;--card-shadow:0 18px 50px rgba(0,0,0,.55);--dock-bg:#100d15;--page-grad:linear-gradient(180deg,#1d1822 0%,#14121a 55%,#0f1416 100%);--deco-ring:rgba(251,93,119,.20);--deco-bar:rgba(45,212,191,.24);--sel:rgba(251,93,119,.32)}[data-palette=retro][data-theme=light]{--pink:#f43f5e;--cyan:#0d9488;--lime:#fb8da0;--accent:#f43f5e;--accent-2:#0d9488;--on-accent:#ffffff;--grad:linear-gradient(90deg,#f43f5e,#0d9488);--grad-135:linear-gradient(135deg,#f43f5e,#0d9488);--accent-soft:rgba(244,63,94,.22);--ring:rgba(13,148,136,.20);--bg:#fffdfc;--bg-1:#ffffff;--bg-2:#ffffff;--bg-3:#fff4f5;--line:rgba(28,20,24,.10);--line-2:rgba(244,63,94,.22);--text:#1b1b1f;--muted:#6b7280;--muted-2:#7b8390;--faint:#aab0ba;--chip-bg:#ffffff;--card-shadow:0 18px 50px rgba(20,20,30,.10);--dock-bg:#1b1320;--page-grad:linear-gradient(180deg,#ffffff 0%,#fffafb 55%,#fef5f7 100%);--deco-ring:rgba(244,63,94,.12);--deco-bar:rgba(13,148,136,.16);--sel:rgba(244,63,94,.16)}[data-palette=cobalt][data-theme=dark]{--pink:#6366f1;--cyan:#fbbf24;--lime:#a5b4fc;--accent:#6366f1;--accent-2:#fbbf24;--on-accent:#ffffff;--grad:linear-gradient(90deg,#6366f1,#fbbf24);--grad-135:linear-gradient(135deg,#6366f1,#fbbf24);--accent-soft:rgba(99,102,241,.40);--ring:rgba(251,191,36,.28);--bg:#0e1018;--bg-1:#141826;--bg-2:#1a1f30;--bg-3:#222842;--line:rgba(220,225,255,.09);--line-2:rgba(99,102,241,.34);--text:#eaecfb;--muted:#a3a9c6;--muted-2:#949bba;--faint:#5f6788;--chip-bg:#1a1f30;--card-shadow:0 18px 50px rgba(0,0,0,.55);--dock-bg:#0a0c14;--page-grad:linear-gradient(180deg,#161a2a 0%,#0e1018 55%,#0c0e16 100%);--deco-ring:rgba(99,102,241,.20);--deco-bar:rgba(251,191,36,.22);--sel:rgba(99,102,241,.32)}[data-palette=cobalt][data-theme=light]{--pink:#4f46e5;--cyan:#f59e0b;--lime:#a5b4fc;--accent:#4f46e5;--accent-2:#f59e0b;--on-accent:#ffffff;--grad:linear-gradient(90deg,#4f46e5,#f59e0b);--grad-135:linear-gradient(135deg,#4f46e5,#f59e0b);--accent-soft:rgba(79,70,229,.20);--ring:rgba(245,158,11,.22);--bg:#ffffff;--bg-1:#ffffff;--bg-2:#ffffff;--bg-3:#f3f3fc;--line:rgba(20,20,40,.10);--line-2:rgba(79,70,229,.22);--text:#111827;--muted:#6b7280;--muted-2:#7b8390;--faint:#a6acbb;--chip-bg:#ffffff;--card-shadow:0 18px 50px rgba(20,25,50,.10);--dock-bg:#15131f;--page-grad:linear-gradient(180deg,#ffffff 0%,#fbfbff 55%,#f4f4fe 100%);--deco-ring:rgba(79,70,229,.12);--deco-bar:rgba(245,158,11,.18);--sel:rgba(79,70,229,.16)}[data-palette=retro] .lf-logo{background:linear-gradient(92deg,var(--accent) 0,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}[data-palette=cobalt] .lf-logo{color:var(--text);-webkit-text-fill-color:currentColor;background:0 0}[data-palette=cobalt] .lf-logo b{color:var(--accent)}*,::after,::before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body.lf-no-scroll{overflow:hidden}body::before{content:"";position:fixed;inset:0;z-index:-1;background:var(--page-grad);pointer-events:none}@keyframes lf-hue{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;border:0;background:0 0;color:inherit}input,textarea{font:inherit}::selection{background:var(--sel)}[data-lf-preview]:focus-visible,[data-lf-yt]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important;scroll-behavior:auto!important}}.lf-wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.lf-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.lf-glow{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(2px)}.lf-glow.cyan{background:radial-gradient(circle,var(--accent-soft),transparent 70%)}.lf-glow.pink{background:radial-gradient(circle,var(--ring),transparent 70%)}[data-theme=light] .lf-glow{opacity:.5}.lf-hero-deco{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.lf-hero>:not(.lf-hero-deco):not(.lf-glow){position:relative;z-index:2}.lf-wave{position:absolute;left:0;right:0;top:47%;transform:translateY(-50%);width:100%;height:96px;opacity:.16;-webkit-mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}.lf-wave rect{fill:var(--accent)}.lf-note{position:absolute;width:var(--s,32px);height:auto;fill:var(--accent);opacity:.5;transform:rotate(var(--r,0deg));animation:6.5s ease-in-out infinite lf-float;animation-delay:var(--d,0s)}.lf-note.alt{fill:var(--accent-2);opacity:.42}@keyframes lf-float{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-13px) rotate(calc(var(--r,0deg) + 5deg))}}.lf-topbar{position:relative;z-index:20;border-bottom:1px solid var(--line);background:var(--bg-1)}.lf-topbar .lf-wrap{display:flex;align-items:center;gap:18px;min-height:68px;flex-wrap:wrap}.lf-topbar .lf-brand{margin-right:auto}.lf-switches{display:flex;align-items:center;gap:12px}.lf-brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.lf-eq{width:34px;border-radius:10px;background:var(--bg-2);border:1.5px solid var(--line-2);display:flex;align-items:flex-end;justify-content:center;gap:3.5px;padding:8px 0;box-shadow:0 0 16px var(--accent-soft)}.lf-eq i{width:3.5px;border-radius:2px;transform-origin:bottom;animation:1s ease-in-out infinite lf-eq}.lf-eq i:first-child{height:8px;background:var(--cyan)}.lf-eq i:nth-child(2){height:15px;background:var(--pink);animation-delay:.18s}.lf-eq i:nth-child(3){height:10px;background:var(--lime);animation-delay:.36s}@keyframes lf-eq{0%,100%{transform:scaleY(.32)}50%{transform:scaleY(1)}}.lf-logo{font:800 20px/1 var(--display);letter-spacing:-.02em}.lf-logo b{font-weight:800}.lf-nav{display:flex;align-items:center;gap:22px}.lf-nav ul{display:flex;align-items:center;gap:22px;margin:0;padding:0}.lf-nav li{list-style:none;margin:0;padding:0}.lf-nav a,.lf-nav a.lf-link{font:600 14px var(--sans);color:var(--muted);transition:color .15s}.lf-nav a.lf-link:hover,.lf-nav a:hover{color:var(--text)}.lf-nav>a:nth-child(5n+1):hover,.lf-nav>li:nth-child(5n+1) a:hover{color:#6366f1}.lf-nav>a:nth-child(5n+2):hover,.lf-nav>li:nth-child(5n+2) a:hover{color:#f43f5e}.lf-nav>a:nth-child(5n+3):hover,.lf-nav>li:nth-child(5n+3) a:hover{color:#14b8a6}.lf-nav>a:nth-child(5n+4):hover,.lf-nav>li:nth-child(5n+4) a:hover{color:#f59e0b}.lf-nav>a:nth-child(5n+5):hover,.lf-nav>li:nth-child(5n+5) a:hover{color:#8b5cf6}.lf-toggle{display:flex;background:var(--bg-3);border:1.5px solid var(--line-2);border-radius:999px;padding:3px;box-shadow:0 2px 10px rgba(0,0,0,.07)}.lf-toggle button{width:30px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:999px;color:var(--faint);font-size:15px;line-height:1}.lf-toggle button.on{background:var(--accent);color:var(--on-accent);box-shadow:0 2px 8px var(--accent-soft)}.lf-palette{display:flex;gap:3px;background:var(--bg-3);border:1.5px solid var(--line-2);border-radius:999px;padding:3px;box-shadow:0 2px 10px rgba(0,0,0,.07)}.lf-palette button{font:700 12.5px var(--sans);color:var(--muted);padding:7px 14px;border-radius:999px;line-height:1;transition:color .15s,background .15s}.lf-palette button:hover{color:var(--text)}.lf-palette button.on{background:var(--accent);color:var(--on-accent);box-shadow:0 2px 8px var(--accent-soft)}.lf-signin{background:var(--accent);color:var(--on-accent);font:700 14px var(--sans);padding:10px 17px;border-radius:11px;transition:transform .12s,box-shadow .15s}.lf-signin:hover{transform:translateY(-1px);box-shadow:0 8px 22px var(--accent-soft)}.lf-burger{display:none;flex-direction:column;gap:4px;width:30px;height:30px;align-items:center;justify-content:center}.lf-burger span{width:18px;height:2px;border-radius:2px;background:var(--muted)}.lf-hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 24px 28px;overflow:hidden}.lf-hero:not(.is-search){padding-top:30px;padding-bottom:12px}.lf-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-radial-gradient(circle at 50% 24%,var(--deco-ring) 0 1px,transparent 1px 15px),repeating-linear-gradient(90deg,var(--deco-bar) 0 3px,transparent 3px 13px);background-size:720px 720px,100% 58px;background-position:center -170px,center 72%;background-repeat:no-repeat;-webkit-mask:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);mask:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent)}.lf-hero.is-search{padding:30px 24px 14px}.lf-hero.is-search .lf-search{margin-top:0}.lf-hero .lf-glow.cyan{width:320px;height:320px;top:-60px;left:-40px}.lf-hero .lf-glow.pink{width:360px;height:360px;top:120px;right:-80px}.lf-kicker{font:600 12px var(--mono);letter-spacing:.22em;color:var(--accent);margin-bottom:18px;text-transform:uppercase}.lf-display{font:700 clamp(34px,5vw,52px)/1.04 var(--display);letter-spacing:-.02em;margin:0 0 16px}.lf-display .alt{color:var(--accent-2)}.lf-sub{font:400 clamp(15px,2.2vw,17px)/1.5 var(--sans);color:var(--muted);max-width:460px;margin:0 auto 16px}.lf-search{position:relative;display:flex;align-items:center;gap:12px;width:100%;max-width:600px;margin:0 auto;background:var(--bg-2);border:1px solid var(--line-2);border-radius:18px;padding:12px 12px 12px 22px;box-shadow:0 0 0 4px var(--ring),var(--card-shadow);z-index:1}.lf-search svg{flex-shrink:0}.lf-search svg circle,.lf-search svg line{stroke:var(--accent)}.lf-search input{flex:1;min-width:0;background:0 0;border:0;outline:0;color:var(--text);font:400 17px var(--sans);padding:12px 0}.lf-search input::placeholder{color:var(--faint)}.lf-search button{background:var(--accent);color:var(--on-accent);font:700 16px var(--sans);padding:14px 28px;border-radius:12px;flex-shrink:0;transition:transform .12s}.lf-search button:hover{transform:translateY(-1px)}.lf-modes{display:inline-flex;gap:4px;margin:18px auto 0;background:var(--bg-3);border:1px solid var(--line);border-radius:999px;padding:4px}.lf-modes button{font:600 12.5px var(--sans);color:var(--muted);padding:7px 16px;border-radius:999px}.lf-modes button.on{background:var(--accent);color:var(--on-accent)}.lf-trending{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;align-items:center;margin-top:24px;position:relative;z-index:1}.lf-trending .lbl{font:600 12px var(--mono);color:var(--faint);letter-spacing:.08em}.lf-chip{background:var(--chip-bg);border:1px solid var(--line);color:var(--text);font:500 13px var(--sans);padding:8px 14px;border-radius:999px;transition:border-color .15s,transform .12s}.lf-chip:hover{border-color:var(--cyan);transform:translateY(-1px)}.lf-hero-foot{margin-top:30px;font:500 12px var(--mono);color:var(--faint)}.lf-trending-head{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:680px;margin:0 auto}.lf-trending-head .lf-section-title{margin:0}.lf-cc{position:relative}.lf-cc-btn{display:flex;align-items:center;gap:8px;font:600 12.5px var(--sans);color:var(--text);background:var(--bg-2);border:1.5px solid var(--line-2);border-radius:10px;padding:8px 12px;cursor:pointer;max-width:200px}.lf-cc-btn:hover{border-color:var(--accent)}.lf-cc-flag{font-size:16px;line-height:1}.lf-cc-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.lf-cc-caret{color:var(--muted);flex-shrink:0}.lf-cc-panel{position:absolute;top:calc(100% + 6px);right:0;width:286px;max-width:86vw;background:var(--bg-2);border:1px solid var(--line-2);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.3);padding:8px;z-index:40}.lf-cc-panel[hidden]{display:none}.lf-cc-search{width:100%;font:500 16px var(--sans);color:var(--text);background:var(--bg-1);border:1px solid var(--line);border-radius:9px;padding:9px 12px;margin-bottom:6px;outline:0}.lf-cc-search:focus{border-color:var(--accent)}.lf-cc-options{max-height:264px;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:1px}.lf-cc-grp{font:700 10px var(--mono);letter-spacing:.12em;color:var(--faint);text-transform:uppercase;padding:9px 10px 4px}.lf-cc-opt{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;cursor:pointer}.lf-cc-opt:hover{background:var(--bg-3)}.lf-cc-opt .fl{font-size:19px;line-height:1;flex-shrink:0;width:24px;text-align:center}.lf-cc-opt .nm{flex:1;font:600 13.5px var(--sans);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lf-cc-opt.sel .nm{color:var(--accent)}.lf-cc-star{flex-shrink:0;color:var(--faint);font-size:16px;line-height:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:0 0}.lf-cc-star:hover{color:var(--accent);background:var(--bg-1)}.lf-cc-star.on{color:var(--accent)}.lf-cc-empty{padding:16px 10px;color:var(--muted);font:500 13px var(--sans);text-align:center}.lf-section-title{font:700 13px var(--mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin:0 0 16px}.lf-tracklist{display:flex;flex-direction:column;gap:6px;max-width:680px;margin:0 auto;padding:14px 0 56px}.lf-track{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:12px;transition:background .15s}.lf-track:hover{background:var(--bg-2)}.lf-track .num{font:700 14px var(--mono);color:var(--faint);width:22px;text-align:center}.lf-track .art{width:46px;height:46px;border-radius:9px;flex-shrink:0;background:var(--bg-3);object-fit:cover}.lf-track .meta{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.lf-track .t{font:700 15px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lf-track .a{font:500 13px var(--sans);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lf-track-play{width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .12s,filter .12s}.lf-track-play:hover{transform:scale(1.06)}.lf-track-play svg{margin-left:2px}.lf-track .art[data-lf-tsearch],.lf-track .meta[data-lf-tsearch]{cursor:pointer}.lf-track span.art{display:flex;align-items:center;justify-content:center;font:800 18px var(--display);color:var(--on-accent);background:var(--accent)}.lf-track-go{margin-left:auto;color:var(--faint);display:flex;align-items:center;flex-shrink:0;cursor:pointer;transition:color .15s}.lf-track:hover .lf-track-go{color:var(--accent)}.lf-track.is-playing{background:var(--accent-soft)}.lf-track.is-playing .lf-track-play{box-shadow:0 0 0 4px var(--accent-soft)}.lf-track.is-playing .t{color:var(--accent)}.lf-tsk{pointer-events:none}.lf-tsk .a,.lf-tsk .art,.lf-tsk .lf-track-play,.lf-tsk .t{background:var(--bg-3);color:transparent;border-radius:8px}.lf-tsk .lf-track-play{border-radius:50%}.lf-tsk .t{display:block;width:54%;height:12px}.lf-tsk .a{display:block;width:34%;height:11px;margin-top:6px}.lf-results-bar{border-bottom:1px solid var(--line);background:var(--bg-1)}.lf-results-bar .lf-wrap{display:flex;align-items:center;gap:16px;padding:14px 24px}.lf-mini-search{flex:1;display:flex;align-items:center;gap:10px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:11px;padding:9px 14px}.lf-mini-search input{flex:1;min-width:0;background:0 0;border:0;outline:0;color:var(--text);font:500 14px var(--sans)}.lf-mini-search input::placeholder{color:var(--faint)}.lf-mini-search button{background:var(--accent);color:var(--on-accent);font:700 13px var(--sans);padding:9px 18px;border-radius:10px}.lf-results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 8px}.lf-results-head .count{font:500 13px var(--sans);color:var(--muted)}.lf-results-head .via{display:flex;align-items:center;gap:6px;font:600 11px var(--mono);color:var(--faint)}.lf-results{display:flex;flex-direction:column;gap:11px;padding:6px 0 130px}.lf-result{display:flex;align-items:center;gap:15px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:13px 15px;transition:border-color .15s,transform .12s}.lf-result:hover{border-color:var(--line-2);transform:translateY(-1px)}.lf-result.is-playing{border-color:var(--line-2);box-shadow:0 0 0 3px var(--ring)}.lf-result .art{width:60px;height:60px;border-radius:10px;flex-shrink:0;object-fit:cover;background:var(--grad-135);display:flex;align-items:center;justify-content:center;font:800 22px var(--display);color:rgba(255,255,255,.85)}.lf-result-body{flex:1;min-width:0}.lf-result-title{font:700 16px var(--sans);color:var(--text);text-decoration:none;display:inline-block}.lf-result-title:hover{color:var(--cyan)}.lf-result-title .by{font-weight:500;color:var(--muted)}.lf-result-url{font:500 11px var(--mono);color:var(--faint);margin:3px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lf-result-snip{font:400 13px/1.4 var(--sans);color:var(--muted-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lf-result-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.lf-btn-preview{display:flex;align-items:center;gap:8px;background:var(--accent);color:var(--on-accent);font:700 13px var(--sans);padding:10px 15px;border-radius:10px;transition:transform .12s}.lf-btn-preview:hover{transform:translateY(-1px)}.lf-btn-yt{display:flex;align-items:center;gap:7px;border:1px solid var(--line-2);color:var(--text);font:600 13px var(--sans);padding:9px 13px;border-radius:10px;transition:border-color .15s}.lf-btn-yt:hover{border-color:#ff5060}.lf-yt-ico{display:flex;align-items:center;justify-content:center;width:22px;height:16px;background:#f03;border-radius:4px}.lf-empty{padding:60px 24px;text-align:center;color:var(--muted)}.lf-empty .em{font:700 18px var(--display);color:var(--text);margin-bottom:8px}.lf-skeleton .lf-result{opacity:.5;animation:1.2s ease-in-out infinite lf-pulse}.lf-skeleton .art,.lf-skeleton .lf-result-snip,.lf-skeleton .lf-result-title{background:var(--bg-3);color:transparent;border-radius:8px}@keyframes lf-pulse{0%,100%{opacity:.35}50%{opacity:.6}}.lf-config-note{margin:8px 0 0;padding:14px 16px;border:1px dashed rgba(255,45,149,.4);border-radius:12px;background:rgba(255,45,149,.06);color:var(--text);font:500 13px var(--sans)}.lf-config-note code{font:600 12px var(--mono);color:var(--pink)}.lf-dock{position:fixed;left:0;right:0;bottom:0;z-index:40;transform:translateY(120%);transition:transform .32s cubic-bezier(.22,1,.36,1);background:var(--dock-bg);border-top:1px solid var(--line-2);backdrop-filter:blur(14px)}.lf-dock.show{transform:translateY(0)}.lf-dock-inner{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:14px;padding:13px 24px}.lf-dock-art{width:44px;height:44px;border-radius:9px;flex-shrink:0;object-fit:cover;background:var(--grad-135)}.lf-dock-meta{width:160px;flex-shrink:0;min-width:0}.lf-dock-meta .t{font:700 14px var(--sans);color:#eaf0ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lf-dock-meta .a{font:500 12px var(--sans);color:#8a96b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lf-dock-play{width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 18px var(--accent-soft)}.lf-dock-time{font:600 11px var(--mono);color:#8a96b3;width:34px;text-align:center;flex-shrink:0}.lf-dock-bar{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.12);position:relative;cursor:pointer}.lf-dock-bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--grad);border-radius:3px}.lf-dock-bar::after{content:"";position:absolute;top:50%;left:var(--p,0);width:12px;height:12px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s;box-shadow:0 0 8px var(--accent-soft)}.lf-dock-bar:hover::after{opacity:1}.lf-dock-src{font:600 10px var(--mono);color:#4d5870;letter-spacing:.06em;flex-shrink:0}.lf-dock-x{flex-shrink:0;color:#8a96b3;font-size:18px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px}.lf-dock-x:hover{color:#fff;background:rgba(255,255,255,.08)}.lf-page{padding:40px 0 80px}.lf-page h1{font:800 clamp(34px,5.4vw,54px)/1.05 var(--display);letter-spacing:-.02em;margin:0 0 14px}.lf-page .lead{font:400 16px/1.5 var(--sans);color:var(--muted);max-width:540px;margin:0 0 30px}.lf-form{max-width:560px;display:flex;flex-direction:column;gap:14px}.lf-field label{display:block;font:600 12px var(--mono);letter-spacing:.06em;color:var(--muted);margin-bottom:7px;text-transform:uppercase}.lf-field input,.lf-field textarea{width:100%;background:var(--bg-2);border:1px solid var(--line-2);border-radius:11px;padding:13px 15px;color:var(--text);outline:0;transition:border-color .15s}.lf-field input:focus,.lf-field textarea:focus{border-color:var(--cyan)}.lf-field textarea{min-height:140px;resize:vertical}.lf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.lf-form button[type=submit]{align-self:flex-start;background:var(--accent);color:var(--on-accent);font:700 14px var(--sans);padding:13px 26px;border-radius:11px;transition:transform .12s}.lf-form button[type=submit]:hover{transform:translateY(-1px)}.lf-form button[disabled]{opacity:.6;pointer-events:none}.lf-form-msg{font:600 13px var(--sans);padding:0}.lf-form-msg.ok{color:#28c840}.lf-form-msg.err{color:var(--pink)}.lf-contact{max-width:600px;margin:0 auto}.lf-contact .lf-form{max-width:none}.lf-contact .lf-form button[type=submit]{align-self:flex-start}.lf-contact-info{margin-top:34px;padding-top:26px;border-top:1px solid var(--line-2)}.lf-contact-info p{font:400 15.5px/1.7 var(--sans);color:var(--muted);margin:0 0 14px}.lf-contact-info p:last-child{margin-bottom:0}.lf-collection{counter-reset:lfsong;display:flex;flex-direction:column;gap:8px;margin:24px 0 10px}.lf-row-ad{width:100%;align-self:stretch;margin:2px 0;min-height:0;overflow:hidden;text-align:center}.lf-row-ad ins{display:block;width:100%}.lf-row-ad:has(ins[data-ad-status=unfilled]){display:none}.lf-song-row{counter-increment:lfsong;display:flex;align-items:center;gap:12px;padding:12px 15px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:12px;transition:border-color .15s,transform .12s,box-shadow .15s}.lf-song-row::before{content:counter(lfsong);font:700 12px var(--mono);color:var(--faint);min-width:22px;text-align:right;flex:none}.lf-song-row:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--card-shadow)}.lf-song-row.is-playing{border-color:var(--accent)}.lf-collection .lf-song-main{flex:1;min-width:0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;text-decoration:none}.lf-collection .lf-song-title{font:700 15px var(--sans);color:var(--accent);text-decoration:underline}.lf-collection .lf-song-artist{font:400 14px var(--sans);color:var(--muted);text-decoration:none}.lf-song-actions{flex:none;display:flex;align-items:center;gap:8px}.lf-collection .lf-song-btn{font:700 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:999px;border:1px solid transparent;white-space:nowrap;cursor:pointer;text-decoration:none;transition:transform .12s,background .15s,border-color .15s,color .15s}.lf-collection .lf-song-find{color:var(--accent);border-color:var(--line-2);background:0 0}.lf-collection .lf-song-find:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.lf-collection .lf-song-listen{color:var(--on-accent);background:var(--accent)}.lf-collection .lf-song-listen:hover{transform:translateY(-1px)}.lf-collection .lf-song-yt{color:#fff;background:#f03}.lf-collection .lf-song-yt:hover{transform:translateY(-1px)}.lf-page-body .lf-coll-link{font-weight:700}.lf-collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(244px,1fr));gap:14px;margin:26px 0 8px}.lf-collection-card{display:flex;align-items:flex-start;gap:13px;padding:16px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--radius);text-decoration:none;transition:border-color .15s,transform .12s,box-shadow .15s}.lf-page-body .lf-collection-card{text-decoration:none}.lf-collection-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--card-shadow)}.lf-cc-ico{flex:none;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;border-radius:11px;background:var(--bg-3);border:1px solid var(--line);box-shadow:0 0 14px var(--accent-soft)}.lf-cc-body{display:flex;flex-direction:column;gap:3px;min-width:0}.lf-cc-title{font:700 16px var(--display);color:var(--text);transition:color .15s}.lf-cc-desc{font:400 13.5px/1.5 var(--sans);color:var(--muted)}.lf-collection-card:hover .lf-cc-title{color:var(--accent)}@media(max-width:560px){.lf-collections-grid{grid-template-columns:1fr;gap:11px}.lf-cc-ico{width:38px;height:38px;font-size:20px}}@media (max-width:560px){.lf-song-row{flex-wrap:wrap;row-gap:10px}.lf-collection .lf-song-main{flex:1 1 auto}.lf-song-actions{flex:1 1 100%}.lf-collection .lf-song-actions .lf-song-btn{flex:1;text-align:center;padding:10px 4px}}.lf-report-btn{position:fixed;right:20px;bottom:20px;z-index:55;display:flex;align-items:center;gap:8px;background:var(--accent);color:var(--on-accent);font:700 13px var(--sans);padding:11px 16px;border-radius:999px;box-shadow:0 12px 30px -6px var(--accent),0 6px 18px rgba(0,0,0,.28);transition:transform .12s}.lf-report-btn:hover{transform:translateY(-2px)}body:has(.lf-dock.show) .lf-report-btn{bottom:84px}.lf-modal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px}.lf-modal[hidden]{display:none}.lf-modal-backdrop{position:absolute;inset:0;background:rgba(8,10,20,.55);backdrop-filter:blur(3px)}.lf-modal-card{position:relative;width:100%;max-width:460px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.45);padding:24px}.lf-modal-card h2{font:700 23px var(--display);color:var(--text);margin:0 0 16px}.lf-modal-card .lf-field{margin-bottom:14px}.lf-modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.lf-btn-ghost{background:0 0;border:1px solid var(--line-2);color:var(--text);font:600 13px var(--sans);padding:10px 18px;border-radius:10px;transition:border-color .15s}.lf-btn-ghost:hover{border-color:var(--muted)}.lf-btn-solid{background:var(--accent);color:var(--on-accent);font:700 13px var(--sans);padding:10px 22px;border-radius:10px;transition:transform .12s}.lf-btn-solid:hover{transform:translateY(-1px)}.lf-btn-solid[disabled]{opacity:.6;pointer-events:none}.lf-modal-card .lf-form-msg{margin-top:10px}@media (max-width:560px){.lf-report-btn span{display:none}.lf-report-btn{padding:13px;border-radius:50%}}.lf-adunit{margin:0 auto;max-width:970px;width:100%;text-align:center;overflow:hidden}.lf-adunit:has(ins[data-ad-status=filled]){margin:0 auto 16px;border-radius:18px;padding:8px;background:var(--bg-2);border:1px solid var(--line-2);box-shadow:0 0 26px -6px var(--accent),0 14px 40px rgba(0,0,0,.28)}.lf-wrap .lf-adunit:has(ins[data-ad-status=filled]){margin-top:16px}.lf-adunit ins.adsbygoogle{display:block}ins.adsbygoogle[data-ad-status=unfilled]{display:none!important}.lf-adunit .ad-label{display:none}.lf-footer{border-top:1px solid var(--line);background:var(--bg-1);padding:38px 0 30px;margin-top:20px}.lf-footer .lf-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.lf-footer .cols{display:flex;gap:24px;flex-wrap:wrap;font:500 14px var(--sans);color:var(--muted)}.lf-footer .cols li{list-style:none;margin:0;padding:0}.lf-footer .cols a{color:var(--muted)}.lf-footer a:hover{color:var(--text)}.lf-footer .legal{font:500 12px var(--sans);color:var(--faint)}@media (max-width:880px){.lf-nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--bg-1);border-bottom:1px solid var(--line);padding:8px 0;z-index:19;display:none}.lf-nav.open{display:flex}.lf-nav ul{flex-direction:column;align-items:stretch;gap:0;width:100%}.lf-nav li{width:100%}.lf-nav a,.lf-nav a.lf-link{display:block;padding:13px 24px}.lf-switches{order:3;gap:8px}.lf-signin{margin:6px 24px 12px;text-align:center}.lf-burger{display:flex;order:4}.lf-result{flex-wrap:wrap}.lf-result-actions{width:100%;gap:8px;padding-top:6px}.lf-result-actions .lf-btn-preview,.lf-result-actions .lf-btn-yt{flex:1;justify-content:center;padding-top:11px;padding-bottom:11px}.lf-result-actions .lf-btn-yt{background:#f03;color:#fff;border-color:transparent}.lf-dock-meta{width:120px}.lf-dock-src{display:none}.lf-results-bar .lf-wrap{flex-wrap:wrap}.lf-results-bar .lf-brand{order:-1}}@media (max-width:560px){.lf-wrap{padding:0 16px}.lf-hero{padding:42px 16px 24px}.lf-topbar .lf-logo{display:none}.lf-switches{gap:6px}.lf-palette button{padding:6px 9px;font-size:11.5px}.lf-cc{max-width:42vw}.lf-note{display:none}.lf-wave{opacity:.12;height:64px;top:50%}.lf-dock-inner{padding:11px 16px;gap:10px}.lf-dock-meta{display:none}.lf-search{flex-wrap:wrap}.lf-search input{width:100%;order:2;padding:6px 8px}.lf-search button{order:3}}@media (pointer:coarse){#lf-contact-form input,#lf-contact-form textarea,.lf-cc-btn,.lf-cc-search,.lf-search input{font-size:16px}}.lf-cse-wrap{margin-top:4px}.lf-cse-wrap .gsc-control-cse{background:0 0!important;border:0!important;padding:0!important;font-family:var(--sans)!important}.lf-cse-wrap .gsc-control-cse *{font-family:var(--sans)!important}.lf-cse-wrap .gcsc-more-maybe-branding-root,.lf-cse-wrap .gsc-above-wrapper-area,.lf-cse-wrap .gsc-adBlock,.lf-cse-wrap .gsc-results .gsc-cursor-box{border:0!important;background:0 0!important}.gs-spelling,.gsc-result-info,.gsc-result-info-container,.gsc-spelling{display:none!important}.lf-cse-wrap .gsc-webResult.gsc-result{background:var(--bg-2)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;padding:14px 16px!important;margin:0 0 11px!important}.lf-cse-wrap .gsc-webResult.gsc-result:hover{border-color:var(--line-2)!important}.lf-cse-wrap a.gs-title,.lf-cse-wrap a.gs-title b{color:var(--text)!important;font:700 16px var(--sans)!important;text-decoration:none!important;height:auto!important}.lf-cse-wrap a.gs-title:hover,.lf-cse-wrap a.gs-title:hover b{color:var(--cyan)!important}.lf-cse-wrap .gs-snippet{color:var(--muted-2)!important;font:400 13px/1.5 var(--sans)!important}.lf-cse-wrap .gs-visibleUrl,.lf-cse-wrap .gsc-url-top{color:var(--faint)!important;font:500 11px var(--mono)!important;padding:3px 0 0!important}.lf-cse-wrap .gsc-table-result,.lf-cse-wrap .gsc-thumbnail-inside,.lf-cse-wrap .gsc-url-top{padding:0!important}.lf-cse-wrap .gsc-cursor-page{color:var(--muted)!important}.lf-cse-wrap .gsc-cursor-current-page{color:var(--cyan)!important;text-decoration:none!important}.lf-cse-actions{display:flex;gap:9px;margin-top:11px;flex-wrap:wrap}.lf-cse-wrap .gsc-webResult.gsc-result.lf-built{background:0 0!important;border:0!important;padding:0!important;margin:0 0 11px!important;box-shadow:none!important}.lf-watch{display:flex;flex-direction:column;align-items:center;gap:18px;padding:34px 22px 70px;font-family:var(--sans);text-align:center;color:var(--text)}.lf-watch-logo{width:46px;height:32px;border-radius:8px;background:#f03;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(255,0,51,.3)}.lf-watch-title{font:800 28px var(--display);letter-spacing:-.01em;color:var(--text);margin:0}.lf-watch-song{font:800 18px var(--sans);color:#f03;letter-spacing:.14em;text-transform:uppercase}.lf-watch-ad{position:relative;width:min(970px,96%);margin:0 auto;background:0 0;border:0;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:none}.lf-watch-ad .adsbygoogle{display:block;width:100%}.lf-watch-video{width:min(970px,96%);aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;display:none}.lf-watch-video iframe{width:100%;height:100%;border:0;display:block}.lf-watch-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fff;text-align:center;padding:20px}.lf-watch-fallback p{margin:0;color:rgba(255,255,255,.75)}.lf-watch-fallback .lf-watch-open{display:inline-flex}.lf-watch.playing .lf-watch-video{display:block}.lf-watch.playing .lf-watch-open{display:none;align-items:center;gap:8px;border:1px solid #f03;color:#ff3b5c;font:700 13px var(--sans);padding:11px 18px;border-radius:11px;background:0 0;text-decoration:none;display:inline-flex}.lf-watch-open:hover{background:#f03;color:#fff}.lf-watch-back{display:inline-flex;align-items:center;gap:7px;font:700 14px var(--sans);color:var(--text);background:var(--bg-2);border:1px solid var(--line-2);padding:11px 22px;border-radius:11px;margin-top:6px;text-decoration:none}.lf-watch-back:hover{border-color:var(--accent);color:var(--accent)}.lf-cse-wrap{width:100%;max-height:0;overflow:hidden;opacity:0;pointer-events:none}.lf-cse-wrap.lf-cse-show{max-height:none;overflow:visible;opacity:1;pointer-events:auto;margin-top:10px}#lf-results,#lf-results-head{max-width:970px;margin-left:auto;margin-right:auto}.lf-page-title{text-align:center;max-width:970px;margin:0 auto 22px}.lf-page-title .alt{color:var(--accent-2)}.lf-page-kicker{max-width:970px;margin:0 auto 12px;text-align:center}.lf-404{padding-top:30px;padding-bottom:60px}.lf-404-body{text-align:center}.lf-404-search{margin-top:22px}.lf-404-links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:24px}.lf-404-links a{font:700 13px var(--sans);color:var(--accent);text-decoration:none;border:1px solid var(--line-2);border-radius:999px;padding:9px 18px;transition:background .15s,color .15s,border-color .15s}.lf-404-links a:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.lf-page-body{max-width:970px;margin:0 auto;font:400 16px/1.7 var(--sans);color:var(--muted-2)}.lf-page-body h2{font:700 24px var(--display);margin:28px 0 10px;color:var(--text)}.lf-page-body h3{font:700 18px var(--display);margin:24px 0 8px;color:var(--text)}.lf-page-body p{margin:0 0 14px}.lf-page-body a{color:var(--accent);text-decoration:underline}.lf-page-body ol,.lf-page-body ul{margin:0 0 14px;padding-left:22px}.lf-page-body li{margin:0 0 6px}.lf-hero .lf-adunit{max-width:970px;width:100%;margin:0 auto}.lf-adunit-ph{max-width:970px;width:100%;margin:0 auto;text-align:center}.lf-adunit-ph .ad-label{font:600 9px var(--mono);letter-spacing:.18em;color:var(--faint);text-transform:uppercase;margin-bottom:6px}.lf-adunit-ph .box{border:1px dashed var(--line-2);border-radius:12px;background:var(--bg-2);color:var(--muted);font:600 13px var(--sans);width:970px;max-width:100%;height:250px;margin:0 auto;display:flex;align-items:center;justify-content:center;padding:0 20px}@media (min-width:1024px){body{zoom:1.32}}.lf-quiz-hero{padding:30px 24px 16px}.lf-quiz-title{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;font:800 clamp(34px,6vw,58px)/1 var(--display);letter-spacing:-.5px}.lf-quiz-title span{background:linear-gradient(92deg,#ffd23f 0,#ff8a3d 48%,#ff4d6d 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.lf-eq{width:clamp(30px,5vw,46px);height:auto;color:var(--accent);fill:currentColor;opacity:.92;flex-shrink:0}.lf-eq.flip{transform:scaleX(-1)}.lf-quiz-sub{max-width:600px;margin:16px auto 0;color:var(--muted);font:500 16px/1.5 var(--sans)}.lf-quiz-wrap{max-width:980px;padding:10px 20px 60px}.lf-quiz-card{position:relative;z-index:3;margin-top:0;background:var(--bg-2);border:1px solid var(--line);border-radius:18px;box-shadow:var(--card-shadow);padding:22px}.lf-quiz-top{display:flex;align-items:center;gap:16px;margin-bottom:18px}.lf-quiz-count{font:700 13px var(--mono);color:var(--muted);flex-shrink:0}.lf-quiz-pts{font:700 13px var(--mono);color:var(--accent);flex-shrink:0}.lf-quiz-progress{flex:1;height:7px;border-radius:99px;background:var(--line);overflow:hidden}.lf-quiz-progress span{display:block;height:100%;width:10%;border-radius:99px;background:var(--grad-135);transition:width .35s}.lf-quiz-audio{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--bg-3);min-height:96px}.lf-audio-play{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;flex-shrink:0;border:0;background:var(--grad-135);color:var(--on-accent);cursor:pointer;box-shadow:0 8px 22px var(--accent-soft)}.lf-audio-play:disabled{opacity:.55;cursor:default;box-shadow:none}.lf-audio-body{flex:1;min-width:0}.lf-audio-label{font:600 15px var(--sans);color:var(--text);margin-bottom:11px}.lf-audio-bar{height:7px;border-radius:99px;background:var(--line);overflow:hidden}.lf-audio-bar span{display:block;height:100%;width:0;border-radius:99px;background:var(--accent);transition:width .15s linear}.lf-audio-time{display:flex;justify-content:space-between;margin-top:7px;font:600 11px var(--mono);color:var(--muted)}.lf-audio-spin{width:24px;height:24px;border-radius:50%;border:3px solid rgba(255,255,255,.45);border-top-color:#fff;animation:.8s linear infinite lf-spin}@keyframes lf-spin{to{transform:rotate(360deg)}}.lf-quiz-hints{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.lf-quiz-hint{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid transparent;border-radius:99px;background:var(--accent-soft);color:var(--accent);font:600 13px var(--sans);cursor:pointer;transition:border-color .15s,background .15s}.lf-quiz-hint svg{color:inherit}.lf-quiz-hint em{font:700 12px var(--mono);color:inherit}.lf-quiz-hint:hover:not(:disabled){border-color:currentColor}.lf-quiz-hint.is-used,.lf-quiz-hint:disabled{opacity:.45;cursor:default}#lf-hint-decade{background:color-mix(in srgb,var(--accent-2) 16%,transparent);color:var(--accent-2)}.lf-quiz-hintout{margin-top:12px;display:flex;flex-direction:column;gap:6px}.lf-hint-row{font:500 14px var(--sans);color:var(--muted)}.lf-hint-row strong{color:var(--text)}.lf-quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.lf-quiz-opt{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bg-2);color:var(--text);font:500 15px/1.35 var(--sans);cursor:pointer;transition:border-color .15s,background .15s}.lf-quiz-opt:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.lf-quiz-opt:disabled{cursor:default}.lf-opt-letter{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;flex-shrink:0;background:var(--accent-soft);color:var(--accent);font:800 13px var(--mono)}.lf-quiz-opt.is-correct{border-color:#16a34a;background:rgba(22,163,74,.12)}.lf-quiz-opt.is-correct .lf-opt-letter{background:#16a34a;color:#fff}.lf-quiz-opt.is-wrong{border-color:#dc2626;background:rgba(220,38,38,.1)}.lf-quiz-opt.is-wrong .lf-opt-letter{background:#dc2626;color:#fff}.lf-quiz-foot{margin-top:18px;display:flex;flex-direction:column;align-items:center;gap:14px}.lf-quiz-next{align-self:center;padding:12px 26px;border:0;border-radius:99px;background:var(--grad-135);color:var(--on-accent);font:700 15px var(--sans);cursor:pointer;box-shadow:0 8px 22px var(--accent-soft)}.lf-quiz-share{padding:12px 24px;border:1px solid var(--line-2);border-radius:99px;background:var(--bg-2);color:var(--text);font:700 15px var(--sans);cursor:pointer}.lf-quiz-result{text-align:center;width:100%}.lf-result-score{font:800 52px var(--display);color:var(--accent);line-height:1}.lf-result-score span{font-size:26px;color:var(--muted)}.lf-quiz-result p{margin:10px 0 18px;color:var(--muted);font:500 16px var(--sans)}.lf-result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.lf-quiz-h2{text-align:center;margin:48px 0 22px;font:800 26px var(--display);color:var(--text)}.lf-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.lf-feature-card{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:20px}.lf-feat-ico{color:var(--accent);margin-bottom:12px}.lf-feature-card h3{margin:0 0 7px;font:700 16px var(--sans);color:var(--text)}.lf-feature-card p{margin:0;font:500 14px/1.55 var(--sans);color:var(--muted)}.lf-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 40px;margin-top:18px;padding:24px;background:var(--bg-2);border:1px solid var(--line);border-radius:16px}.lf-stat{display:flex;flex-direction:column;align-items:center;min-width:90px}.lf-stat-num{font:800 30px var(--display);color:var(--accent);line-height:1.1}.lf-stat-lab{font:600 12px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.lf-faq{display:flex;flex-direction:column;gap:10px}.lf-faq details{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;overflow:hidden}.lf-faq summary{list-style:none;cursor:pointer;padding:16px 18px;display:flex;align-items:center;gap:12px;font:600 15px var(--sans);color:var(--text)}.lf-faq summary::-webkit-details-marker{display:none}.lf-faq summary::before{content:"+";display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--accent);font:700 18px var(--mono);transition:transform .2s}.lf-faq details[open] summary::before{transform:rotate(45deg)}.lf-faq-a{padding:0 18px 16px 50px}.lf-faq-a p{margin:0;font:500 14px/1.6 var(--sans);color:var(--muted)}.lf-cta-quiz{text-align:center;margin-top:40px;padding:36px 28px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(120deg,var(--accent-soft),var(--bg-3))}.lf-cta-quiz h2{margin:0 0 8px;font:800 24px var(--display);color:var(--text)}.lf-cta-quiz p{margin:0 0 20px;color:var(--muted);font:500 15px var(--sans)}.lf-cta-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 28px;border-radius:99px;background:var(--grad-135);color:var(--on-accent);font:700 15px var(--sans);text-decoration:none;box-shadow:0 10px 26px var(--accent-soft)}@media(max-width:640px){.lf-quiz-options{grid-template-columns:1fr}.lf-quiz-lyric{padding:20px 18px}.lf-stats{gap:14px 26px}.lf-quiz-h2{margin-top:38px}}.lf-quiz-next.is-skip{background:var(--bg-2);color:var(--accent);border:1.5px solid var(--accent);box-shadow:none}.lf-leaderboard{margin-top:8px}.lf-lb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.lf-lb-list li{display:flex;align-items:center;gap:14px;padding:13px 16px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px}.lf-lb-rank{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;flex-shrink:0;background:var(--accent-soft);color:var(--accent);font:800 13px var(--mono)}.lf-lb-name{flex:1;min-width:0;font:600 15px var(--sans);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lf-lb-score{font:800 17px var(--display);color:var(--accent)}.lf-lb-item.is-me{border-color:var(--accent);background:var(--accent-soft)}.lf-lb-empty{justify-content:center;color:var(--muted);font:500 14px var(--sans)}.lf-lb-list li:first-child .lf-lb-rank{background:#f6c945;color:#5a4500}.lf-lb-list li:nth-child(2) .lf-lb-rank{background:#cfd4dc;color:#363b42}.lf-lb-list li:nth-child(3) .lf-lb-rank{background:#e6a877;color:#5a3617}.lf-lb-form{margin-top:20px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.lf-lb-form input{padding:11px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg-2);color:var(--text);font:500 15px var(--sans);min-width:210px}.lf-lb-form input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.lf-lb-msg{flex-basis:100%;text-align:center;font:600 13px var(--sans);color:var(--muted);margin-top:2px}.lf-quiz-genres{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 16px}.lf-genre{padding:8px 16px;border:1px solid var(--line-2);border-radius:99px;background:var(--bg-2);color:var(--muted);font:600 14px var(--sans);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.lf-genre:hover{border-color:var(--accent);color:var(--text)}.lf-genre.is-active{background:var(--grad-135);color:var(--on-accent);border-color:transparent}.lf-quiz-answer{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bg-3)}.lf-ans-title{font:700 15px var(--sans);color:var(--text);margin-bottom:11px}.lf-ans-acts{display:flex;gap:10px;flex-wrap:wrap}.lf-ans-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:99px;font:700 13px var(--sans);text-decoration:none;border:0}.lf-ans-find{background:var(--bg-2);color:var(--accent);border:1.5px solid var(--accent)}.lf-ans-yt{background:var(--yt);color:#fff}@media(max-width:640px){.lf-quiz-genres{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lf-genre{padding:9px 4px;font-size:13px}.lf-quiz-hints{flex-wrap:nowrap;gap:8px}.lf-quiz-hint{flex:0 1 auto;white-space:nowrap;padding:8px 12px;text-transform:capitalize}.lf-h-pre,.lf-h-pt{display:none}.lf-quiz-answer{width:100%}.lf-ans-acts{flex-wrap:nowrap}.lf-ans-btn{flex:1;justify-content:center;padding-left:10px;padding-right:10px}}.lf-quiz-admodal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(8,12,28,.62);padding:20px}.lf-quiz-admodal[hidden]{display:none}.lf-quiz-adbox{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.35);padding:16px;max-width:340px;width:100%;text-align:center}.lf-quiz-adhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.lf-quiz-adlabel{font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.lf-quiz-adclose{width:28px;height:28px;border:0;border-radius:8px;background:var(--bg-3);color:var(--text);font:400 18px/1 var(--sans);cursor:pointer}.lf-quiz-adslot{min-height:250px;display:flex;align-items:center;justify-content:center;overflow:hidden}.lf-quiz-adfoot{margin-top:10px;font:600 12px var(--mono);color:var(--muted)}.lf-collection-search{position:relative;max-width:560px;margin:0 auto 22px;display:flex;align-items:center;gap:10px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:border-color .15s,box-shadow .15s}.lf-collection-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}.lf-cs-ico{font-size:16px;line-height:1;opacity:.7}.lf-cs-input{flex:1;border:0;background:0 0;color:var(--text);font-size:16px;outline:0;min-width:0}.lf-cs-input::placeholder{color:var(--muted)}.lf-cs-suggest{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:40;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.14)}.lf-cs-item{display:flex;align-items:center;gap:12px;padding:11px 16px;color:var(--text);text-decoration:none;font-size:15px}.lf-cs-item+.lf-cs-item{border-top:1px solid var(--line)}.lf-cs-item.is-active,.lf-cs-item:hover{background:var(--bg-3)}.lf-cs-item-ico{font-size:18px;line-height:1;width:22px;text-align:center;flex:none}.lf-cs-item-main{display:flex;flex-direction:column;gap:2px;min-width:0}.lf-cs-item-label{font-weight:600}.lf-cs-item-sub{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lf-cs-empty{display:block;padding:12px 16px;color:var(--muted);font-size:14px}@media (max-width:560px){.lf-collection-search{margin-left:12px;margin-right:12px}}.lf-song-filter{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px 14px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius)}.lf-song-filter:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}.lf-sf-ico{font-size:15px;line-height:1;opacity:.7}.lf-sf-input{flex:1;border:0;background:0 0;color:var(--text);font-size:15px;outline:0;min-width:0}.lf-sf-input::placeholder{color:var(--muted)}.lf-sf-count{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.lf-related{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin:28px 0 4px;padding:16px 18px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius)}.lf-related-label{font-weight:700;color:var(--text)}.lf-related-links a{color:var(--accent);text-decoration:none;font-weight:600}.lf-related-links a:hover{text-decoration:underline}.lf-related-sep{color:var(--faint)}