:root{--bg:#08080d;--surface:#ffffff0b;--surface-strong:#ffffff14;--border:#ffffff1a;--text:#f3f2f7;--muted:#9b9aab;--accent:#a78bfa;--accent-soft:#c4b5fd;--cyan:#22d3ee;--correct:#34d399;--spotify:#1ed760;--wrong:#f87171;--radius:16px;--font:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}.icon{flex:none;width:1em;height:1em}html,body{min-height:100%;margin:0}html{overflow-y:scroll}body{background:var(--bg);color:var(--text);font-family:var(--font);background-image:radial-gradient(60rem 40rem at 15% -10%,#a78bfa2e,#0000 60%),radial-gradient(50rem 35rem at 100% 0,#22d3ee1f,#0000 55%);background-attachment:fixed}.app{min-height:100dvh;padding:clamp(1rem,3vw,2rem);padding-bottom:max(1rem, env(safe-area-inset-bottom));justify-content:center;display:flex}.screen{flex-direction:column;gap:1.25rem;width:100%;max-width:42rem;animation:.35s both rise;display:flex}.screen--center{text-align:center;justify-content:center;align-items:center;gap:1rem}.screen--quiz{justify-content:space-between}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.hero{text-align:center;padding-top:clamp(1rem,6vh,3rem)}.hero__title{letter-spacing:-.04em;background:linear-gradient(105deg, var(--accent-soft), var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.75rem,11vw,4.5rem);line-height:1}.hero__subtitle{max-width:26rem;color:var(--muted);margin:.75rem auto 0;line-height:1.5}.category-grid{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.75rem;display:grid}.category{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;font:inherit;cursor:pointer;flex-direction:column;gap:.15rem;padding:1rem;transition:transform .15s,background .15s,border-color .15s;display:flex}.category:hover,.category:focus-visible{background:var(--surface-strong);border-color:#a78bfa80;transform:translateY(-2px)}.category__icon{color:var(--accent-soft);align-items:center;margin-bottom:.25rem;font-size:1.6rem;display:flex}.category__label{font-size:1.05rem;font-weight:650}.category__blurb{color:var(--muted);font-size:.8rem;line-height:1.35}.category__best{font-variant-numeric:tabular-nums;color:var(--accent-soft);margin-top:.5rem;font-size:.72rem}.category__best--empty{color:#9b9aab99}.fineprint{text-align:center;color:#9b9aabb3;flex-direction:column;align-items:center;gap:.4rem;padding-bottom:.5rem;font-size:.72rem;display:flex}.fineprint__line{margin:0}.lang-switch{align-items:center;gap:.15rem;display:flex}.lang-switch__sep{color:#9b9aab80}.lang.is-active{color:var(--accent-soft);font-weight:620;text-decoration:none}.linklike{font:inherit;color:var(--muted);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.2rem .3rem;text-decoration:underline}.linklike:hover,.linklike:focus-visible{color:var(--accent-soft)}.loader{align-items:flex-end;gap:.35rem;height:3rem;display:flex}.loader__bar{background:linear-gradient(var(--accent), var(--cyan));border-radius:999px;width:.4rem;height:100%;animation:1s ease-in-out infinite pulse}.loader__bar:nth-child(2){animation-delay:.15s}.loader__bar:nth-child(3){animation-delay:.3s}.loader__bar:nth-child(4){animation-delay:.45s}@keyframes pulse{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.loading__text,.error__text{color:var(--muted);max-width:30rem;margin:0;line-height:1.5}.error__icon{margin:0;font-size:2.5rem}.error__title{margin:0;font-size:1.35rem}.hud{color:var(--muted);align-items:center;gap:.75rem;font-size:.85rem;display:flex}.hud__score{color:var(--text);font-variant-numeric:tabular-nums;margin-left:auto;font-size:1.1rem;font-weight:700}.hud__streak{color:var(--accent-soft);align-items:center;gap:.2rem;font-size:.8rem;display:inline-flex}.hud__quit{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.25rem .4rem;font-size:1.1rem}.hud__quit:hover{color:var(--text);background:var(--surface)}.stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;min-height:11rem;display:flex}.screen--lyrics{justify-content:flex-start}.screen--lyrics .controls{margin-top:auto}.stage--compact{flex:none;min-height:0;padding-bottom:.5rem}.visualizer{align-items:center;gap:.4rem;height:5rem;display:flex}.visualizer__bar{background:linear-gradient(var(--accent-soft), var(--cyan));transform-origin:50%;border-radius:999px;width:.5rem;height:100%;transform:scaleY(.22)}.visualizer--laedt .visualizer__bar{animation:.9s ease-in-out infinite bounce;animation-delay:calc(var(--bar-index) * .11s)}@keyframes bounce{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.cover{object-fit:cover;border-radius:12px;width:8.5rem;height:8.5rem;animation:.3s both rise;box-shadow:0 12px 40px #0000008c}.cover--blurred{filter:blur(20px)saturate(1.2)}.cover{transition:filter .4s}.stage__status{color:var(--muted);text-align:center;margin:0;font-size:.95rem}.stage__status.is-correct{color:var(--correct);font-weight:650}.stage__status.is-wrong{color:var(--wrong);font-weight:650}.timer{background:var(--surface);border-radius:999px;height:.4rem;position:relative;overflow:visible}.timer__fill{background:linear-gradient(90deg, var(--accent), var(--cyan));transform-origin:0;border-radius:999px;height:100%;transition:background .4s;display:block;transform:scaleX(1)}.timer__fill.is-urgent{background:linear-gradient(90deg, #fb923c, var(--wrong))}.timer__count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.7rem;position:absolute;top:.7rem;right:0}.options{grid-template-columns:minmax(0,1fr);gap:.6rem;margin-top:.75rem;display:grid}.option{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;font:inherit;text-align:left;cursor:pointer;align-items:center;gap:.85rem;min-width:0;padding:.85rem 1rem;transition:transform .12s,background .12s,border-color .12s;display:flex}.option:not(:disabled):hover,.option:not(:disabled):focus-visible{background:var(--surface-strong);border-color:#a78bfa80;transform:translateY(-1px)}.option:disabled{cursor:default;opacity:.75}.option__key{width:1.6rem;height:1.6rem;color:var(--muted);background:#ffffff12;border-radius:7px;flex:none;place-items:center;font-size:.75rem;display:grid}.option__text{flex-direction:column;min-width:0;display:flex}.option__title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.option__artist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.option.is-correct{opacity:1;border-color:var(--correct);background:#34d39926}.option.is-wrong{opacity:1;border-color:var(--wrong);background:#f8717124}.controls{align-items:center;gap:.6rem;padding-top:.5rem;display:flex}.volume__icon{color:var(--muted);font-size:.9rem}.volume__slider{appearance:none;cursor:pointer;background:0 0;width:7rem;height:1rem}.volume__slider::-webkit-slider-runnable-track{background:var(--surface-strong);border:1px solid var(--border);border-radius:999px;height:.35rem}.volume__slider::-moz-range-track{background:var(--surface-strong);border:1px solid var(--border);border-radius:999px;height:.35rem}.volume__slider::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(105deg, var(--accent), var(--cyan));border-radius:50%;width:1rem;height:1rem;margin-top:-.325rem;transition:transform .12s,filter .12s,box-shadow .12s;box-shadow:0 2px 8px #a78bfa73}.volume__slider::-moz-range-thumb{background:linear-gradient(105deg, var(--accent), var(--cyan));border:0;border-radius:50%;width:1rem;height:1rem;transition:transform .12s,filter .12s,box-shadow .12s;box-shadow:0 2px 8px #a78bfa73}.volume__slider:hover::-webkit-slider-thumb{filter:brightness(1.08);transform:scale(1.12)}.volume__slider:active::-webkit-slider-thumb{transform:scale(.94)}.volume__slider:hover::-moz-range-thumb{filter:brightness(1.08);transform:scale(1.12)}.volume__slider:active::-moz-range-thumb{transform:scale(.94)}.volume__slider:focus-visible{outline:none}.volume__slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #c4b5fd73,0 2px 8px #a78bfa73}.volume__slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #c4b5fd73,0 2px 8px #a78bfa73}.volume__slider::-moz-focus-outer{border:0}.controls__actions{margin-left:auto;display:flex}.result__head{text-align:center;padding-top:clamp(.5rem,4vh,2rem)}.result__eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.8rem}.result__score{font-variant-numeric:tabular-nums;background:linear-gradient(105deg, var(--accent-soft), var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text;margin:.25rem 0 0;font-size:clamp(3rem,14vw,4.5rem);font-weight:750;line-height:1}.result__detail{color:var(--muted);margin:.4rem 0 0}.result__best{color:var(--accent-soft);align-items:center;gap:.35rem;margin:.5rem 0 0;font-weight:650;display:inline-flex}.recap{grid-template-columns:minmax(0,1fr);gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.recap__row{background:var(--surface);border-left:3px solid #0000;border-radius:12px;align-items:center;gap:.75rem;min-width:0;padding:.6rem .85rem;display:flex}.recap__row.is-correct{border-left-color:var(--correct)}.recap__row.is-wrong{border-left-color:var(--wrong)}.recap__index{color:var(--muted);font-variant-numeric:tabular-nums;width:1rem;font-size:.75rem}.recap__song{flex-direction:column;min-width:0;display:flex}.recap__artist,.recap__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recap__title{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.recap__artist{color:var(--muted);font-size:.75rem}.recap__points{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.85rem}[data-dienst]{--dienst:var(--accent);--dienst-schimmer:#a78bfa1f}[data-dienst=spotify]{--dienst:var(--spotify);--dienst-schimmer:#1ed7601a}[data-dienst=youtube]{--dienst:#ff4e45;--dienst-schimmer:#ff4e451f}[data-dienst=apple]{--dienst:#fc6a8a;--dienst-schimmer:#fc6a8a1f}.recap__dienst{border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:.3rem .6rem;font-size:.75rem;line-height:1;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.recap__dienst:hover,.recap__dienst:focus-visible{color:var(--dienst);border-color:var(--dienst);background:var(--dienst-schimmer)}.dienstwahl{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:-.4rem;display:flex}.dienstwahl__label{color:var(--muted);margin-right:.2rem;font-size:.75rem}.dienst{color:var(--muted);font:inherit;border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;padding:.3rem .7rem;font-size:.75rem;line-height:1;transition:color .15s,border-color .15s,background .15s}.dienst:hover,.dienst:focus-visible{color:var(--dienst);border-color:var(--dienst)}.dienst.is-active{color:var(--dienst);border-color:var(--dienst);background:var(--dienst-schimmer)}.result__actions{justify-content:center;gap:.6rem;padding-bottom:1rem;display:flex}.primary,.ghost{font:inherit;cursor:pointer;border-radius:999px;padding:.7rem 1.4rem;font-weight:600;transition:transform .12s,filter .12s}.primary{background:linear-gradient(105deg, var(--accent), var(--cyan));color:#12111a;border:0}.primary--compact{padding:.5rem 1.1rem}.primary:hover,.ghost:hover{filter:brightness(1.08);transform:translateY(-1px)}.ghost{background:var(--surface);border:1px solid var(--border);color:var(--text)}:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}[tabindex="-1"]:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mode-group{flex-direction:column;gap:.6rem;display:flex}.mode-group__title{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.75rem;font-weight:650}.mode-list{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}.mode{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;font:inherit;cursor:pointer;align-items:flex-start;gap:1rem;min-width:0;padding:1.1rem 1.25rem;transition:transform .15s,background .15s,border-color .15s;display:flex}.mode:hover,.mode:focus-visible{background:var(--surface-strong);border-color:#a78bfa80;transform:translateY(-2px)}.mode__icon{flex:none;align-items:center;font-size:1.9rem;line-height:1.2;display:flex}.mode__icon--liked .icon{color:var(--spotify)}.mode__text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.mode__label{font-size:1.1rem;font-weight:650}.mode__blurb{color:var(--accent-soft);font-size:.85rem}.mode__rule{color:var(--muted);margin-top:.25rem;font-size:.8rem;line-height:1.4}.mode__arrow{color:var(--accent-soft);flex:none;align-self:center;margin-left:auto}.subhead{align-items:center;gap:.75rem;display:flex}.back{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.3rem .5rem;font-size:.85rem}.back:hover{color:var(--text);background:var(--surface)}.subhead__title{align-items:center;gap:.4rem;font-weight:650;display:inline-flex}.subhead__rule{color:var(--muted);margin:0 0 .25rem;font-size:.85rem;line-height:1.45}.round-body{grid-template-columns:minmax(0,1fr);gap:.9rem;margin-top:.75rem;display:grid}.facts{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:auto minmax(0,1fr);gap:.35rem 1rem;margin:0;padding:.9rem 1.1rem;display:grid}.facts__label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-self:center;font-size:.78rem}.facts__value{text-overflow:ellipsis;min-width:0;margin:0;font-weight:600;overflow:hidden}.answer{flex-direction:column;gap:.5rem;display:flex}.answer__task{color:var(--accent-soft);font-size:.9rem;font-weight:600}.answer__row{gap:.5rem;display:flex}.answer__field{min-width:0;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;flex:1;padding:.75rem 1rem}.answer__field::placeholder{color:#9b9aaba6}.answer__field:focus{border-color:#a78bfa99;outline:none}.answer__echo{color:var(--muted);text-align:center;margin:0;font-size:.85rem}.ghost--compact{align-self:flex-start;padding:.45rem 1rem;font-size:.85rem}.hud__lives{align-items:center;gap:.15rem;font-size:.85rem;display:inline-flex}.hud__lives .icon[fill=currentColor]{color:var(--wrong)}.hud__lives .icon[fill=none]{color:var(--muted)}.screen--duel{justify-content:flex-start;gap:1rem}.duel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:.5rem;display:grid;position:relative}.duel__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:.35rem;min-width:0;padding:0 .6rem .7rem;display:flex;overflow:hidden}.duel__card--challenger{border-color:#a78bfa59}.duel__cover{aspect-ratio:1;object-fit:cover;border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 12px 12px;width:calc(100% + 1.2rem);margin:0 -.6rem .5rem}.duel__title{margin:.3rem 0 0;font-size:.95rem;line-height:1.3}.duel__artist{color:var(--muted);margin:0;font-size:.8rem}.duel__value{flex-direction:column;align-items:center;gap:.4rem;width:100%;margin-top:auto;padding-top:.6rem;display:flex}.duel__streams{font-variant-numeric:tabular-nums;background:linear-gradient(105deg, var(--accent-soft), var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.4rem;font-weight:700}.duel__streams--hidden{color:var(--muted);background:0 0}.duel__unit{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.duel__vs{background:var(--bg);border:1px solid var(--border);width:2.6rem;height:2.6rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;z-index:1;border-radius:50%;place-items:center;font-size:.62rem;display:grid;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #0009}.duel__choices{gap:.4rem;width:100%;display:grid}.duel__choice{font:inherit;color:var(--text);background:var(--surface-strong);border:1px solid var(--border);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem .5rem;font-weight:600;transition:transform .12s,border-color .12s;display:flex}.duel__choice:not(:disabled):hover{border-color:#a78bfa99;transform:translateY(-1px)}.duel__choice:disabled{opacity:.5;cursor:default}.duel__arrow{color:var(--accent-soft);font-size:.75rem}.duel__verdict{min-height:1.2em;margin:0;font-size:.9rem;font-weight:650}.duel__verdict.is-correct{color:var(--correct)}.duel__verdict.is-wrong{color:var(--wrong)}@media (width<=34rem){.duel{grid-template-columns:minmax(0,1fr)}.duel__vs{justify-self:center;position:static;transform:none}}.bonus{border-radius:var(--radius);background:#a78bfa14;border:1px solid #a78bfa4d;gap:.5rem;padding:.85rem 1rem;animation:.3s both rise;display:grid}.bonus__label{color:var(--accent-soft);align-items:center;gap:.35rem;margin:0;font-size:.85rem;font-weight:600;display:inline-flex}.bonus__options{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.4rem;display:grid}.bonus__option{font:inherit;color:var(--text);background:var(--surface-strong);border:1px solid var(--border);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:10px;min-width:0;padding:.5rem .7rem;font-size:.85rem;transition:transform .12s,border-color .12s;overflow:hidden}.bonus__option:not(:disabled):hover{border-color:#a78bfa99;transform:translateY(-1px)}.bonus__option:disabled{cursor:default;opacity:.6}.bonus__option.is-correct{opacity:1;border-color:var(--correct);background:#34d39926}.bonus__option.is-wrong{opacity:1;border-color:var(--wrong);background:#f8717124}@media (width<=30rem){.bonus__options{grid-template-columns:minmax(0,1fr)}}.setup{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);counter-reset:schritt;gap:.6rem;margin:0;padding:1rem 1.2rem;list-style:none;display:grid}.setup__step{color:var(--muted);font-size:.9rem;line-height:1.5}.setup__step b{color:var(--accent-soft);margin-right:.15rem}.setup__warn{color:#fbbf24;border-radius:var(--radius);background:#fbbf241a;border:1px solid #fbbf244d;margin:0;padding:.8rem 1rem;font-size:.85rem;line-height:1.5}.source-list{grid-template-columns:minmax(0,1fr);gap:.6rem;display:grid}.source{text-align:left;width:100%;color:inherit;font:inherit;border-radius:var(--radius);cursor:pointer;--kante-wartet:.28s;transition:transform .15s ease, background .15s ease, border-color .15s ease, border-radius 0s linear var(--kante-wartet);background:#a78bfa1a;border:1px solid #a78bfa59;align-items:center;gap:.9rem;padding:.9rem 1.1rem;display:flex}.source:hover,.source:focus-visible{background:#a78bfa24;border-color:#a78bfa99;transform:translateY(-2px)}.source.is-open{--kante-wartet:0s;border-bottom-right-radius:0;border-bottom-left-radius:0;transform:none}.source__icon{flex:none;align-items:center;font-size:1.4rem;display:flex}.source__text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.source__label{font-size:.95rem;font-weight:620}.source__hint{color:var(--muted);font-size:.78rem;line-height:1.35}.source__arrow{color:var(--accent-soft);flex:none;margin-left:auto;transition:transform .28s cubic-bezier(.4,0,.6,1)}.source.is-open .source__arrow{transition-timing-function:cubic-bezier(.22,.61,.36,1);transform:rotate(90deg)}.artist-panel{visibility:hidden;grid-template-rows:minmax(0,0fr);margin-top:-1.25rem;transition:grid-template-rows .28s cubic-bezier(.4,0,.6,1),visibility 0s linear .28s;display:grid;overflow:hidden}.artist-panel.is-open{visibility:visible;grid-template-rows:minmax(0,1fr);transition:grid-template-rows .28s cubic-bezier(.22,.61,.36,1),visibility}.artist-panel__inner{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);background:#a78bfa0d;border:1px solid #a78bfa59;border-top:0;flex-direction:column;gap:.6rem;min-height:0;padding:.9rem 1.1rem 1rem;display:flex;overflow:hidden}.artist-panel .subhead__rule{margin:0}.artist-panel--allein{margin-top:0}.artist-panel--allein .artist-panel__inner{border-radius:var(--radius);border-top:1px solid #a78bfa59}.source__heading{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:.4rem 0 -.5rem;font-size:.75rem;font-weight:650}.legal{flex-direction:column;gap:.5rem;display:flex}.legal__title{margin:0;font-size:1rem;font-weight:650}.legal__text{color:var(--muted);white-space:pre-line;margin:0;font-size:.88rem;line-height:1.6}.legal__note{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:0;padding:.8rem 1rem;font-size:.85rem;line-height:1.55}.legal__stand{color:#9b9aabb3;margin:.5rem 0 0;font-size:.75rem}.legal__list{color:var(--muted);margin:0;padding-left:1.2rem;font-size:.88rem;line-height:1.6}.timer--off{background:0 0;height:.4rem}.transport{justify-content:center;align-items:center;gap:1.4rem;display:flex}.transport:empty{display:none}.transport__button{border:1px solid var(--border);background:var(--surface);width:2.9rem;height:2.9rem;color:var(--muted);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:transform .12s,color .12s,border-color .12s,background .12s;display:grid}.transport__button svg{fill:currentColor;width:1.15rem;height:1.15rem}.transport__button:disabled{opacity:.35;cursor:default}.transport__button:not(:disabled):hover,.transport__button:not(:disabled):focus-visible{color:var(--text);background:var(--surface-strong);border-color:#a78bfa80;transform:translateY(-1px)}.transport__button--main{color:#12111a;background:linear-gradient(105deg, var(--accent), var(--cyan));border:0;width:3.9rem;height:3.9rem;box-shadow:0 8px 24px #a78bfa47}.transport__button--main svg{width:1.6rem;height:1.6rem}.transport__button--main:hover,.transport__button--main:focus-visible{color:#12111a;filter:brightness(1.08);background:linear-gradient(105deg, var(--accent), var(--cyan))}.lyrics{justify-items:start;gap:.2rem;display:grid}.lyrics__song{color:var(--muted);margin:0 0 .3rem;font-size:.85rem;font-weight:600}.lyrics__line{text-align:left;max-width:100%;color:var(--text);background:0 0;border:0;margin:0;padding:0;font-family:inherit;font-size:1.05rem;font-style:italic;line-height:1.85}.lyrics__line:focus-visible{outline:none}.lyrics__text{background:var(--surface-strong);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:.12em .35em}.lyrics__line--new{color:var(--accent-soft);animation:.3s both rise}.lyrics__line--verdeckt{width:min(100%, calc(var(--zeichen,24) * 1ch));background:var(--surface);cursor:pointer;border-radius:4px;height:1.575rem;padding:0;transition:background .12s}:is(.lyrics:has(.lyrics__line--verdeckt:hover) .lyrics__line--naechste,.lyrics:has(.lyrics__line--verdeckt:focus-visible) .lyrics__line--naechste){background:#a78bfa66}.lyrics__tipp{color:var(--muted);margin:.55rem 0 0;font-size:.82rem}.lyrics__hints{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.lyrics__hints .ghost--compact{align-self:auto}.lyrics__features{text-align:center;color:var(--accent-soft);background:#a78bfa17;border:1px solid #a78bfa4d;border-radius:12px;margin:0;padding:.6rem 1rem;font-size:.88rem;animation:.3s both rise}.artist-grid{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem;display:grid}.artist{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:12px;min-width:0;padding:.7rem .9rem;font-size:.9rem;transition:transform .12s,border-color .12s,background .12s;overflow:hidden}.artist:hover,.artist:focus-visible{background:var(--surface-strong);border-color:#a78bfa80;transform:translateY(-1px)}.lyrics__line--gap{width:min(100%, calc(var(--zeichen,24) * 1ch));color:var(--accent-soft)}.lyrics__text--luecke{background:var(--surface);min-width:100%;min-height:1.575rem;display:inline-block}.lyrics__line--gap.lyrics__line--hit,.lyrics__line--gap.lyrics__line--miss{width:auto}.lyrics__line--hit .lyrics__text,.lyrics__line--miss .lyrics__text{background:var(--surface-strong);min-width:0;min-height:0;display:inline}.lyrics__line--hit{color:var(--correct)}.lyrics__line--miss{color:var(--wrong)}.artist--hit{text-align:left;white-space:normal;align-items:center;gap:.6rem;display:flex}.artist__bild{object-fit:cover;border-radius:50%;flex:none;width:2rem;height:2rem}.artist__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.switch{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:flex-start;gap:.6rem;padding:.6rem .75rem;display:flex}.switch:hover,.switch:focus-within{border-color:#a78bfa80}.switch__box{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer;flex:none;margin:.15rem 0 0}.switch__text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.switch__label{font-size:.9rem;font-weight:600}.switch__hint{color:var(--muted);font-size:.8rem}.songlist{overscroll-behavior:contain;flex-wrap:wrap;gap:.4rem;max-height:min(11rem,34vh);padding:.1rem;display:flex;overflow-y:auto}.songlist__item{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;white-space:normal;overflow-wrap:anywhere;border-radius:999px;max-width:100%;padding:.45rem .75rem;font-size:.85rem;transition:background .12s,border-color .12s}.songlist__item:not(:disabled):hover,.songlist__item:not(:disabled):focus-visible{background:var(--surface-strong);border-color:#a78bfa80}.songlist__item:disabled{cursor:default;opacity:.6}.songlist__empty{color:var(--muted);margin:0;font-size:.82rem}.feedback-einstieg{font:inherit;color:var(--muted);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;margin-bottom:.35rem;padding:.5rem 1rem;font-size:.85rem;transition:color .15s,border-color .15s;display:inline-flex}.feedback-einstieg:hover,.feedback-einstieg:focus-visible{color:var(--accent-soft);border-color:#a78bfa80}.result__feedback{align-self:center;margin-top:-.5rem;font-size:.8rem}.feedback{width:min(32rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);overscroll-behavior:contain;background:#111019;padding:0;overflow-y:auto;box-shadow:0 24px 80px #0009}.feedback::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040408b8}.feedback__form{flex-direction:column;gap:.9rem;padding:1.25rem;display:flex}.feedback__head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.feedback__title{align-items:center;gap:.5rem;margin:0;font-size:1.15rem;display:flex}.feedback__title .icon{color:var(--accent-soft)}.feedback__close{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.35rem;font-size:1.2rem;display:inline-flex}.feedback__close:hover{color:var(--text);background:var(--surface)}.feedback__intro{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.feedback__arten{border:0;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;display:flex}.feedback__legende{color:var(--muted);margin-bottom:.5rem;padding:0;font-size:.8rem}.feedback__art{color:var(--muted);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.85rem;transition:color .15s,border-color .15s,background .15s;display:inline-flex;position:relative}.feedback__art:hover{color:var(--text)}.feedback__art:has(:checked){color:var(--accent-soft);background:#a78bfa1f;border-color:#a78bfa99}.feedback__art:has(:focus-visible){outline:2px solid var(--accent-soft);outline-offset:2px}.feedback__radio{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.feedback__feld{flex-direction:column;gap:.4rem;display:flex}.feedback__label{color:var(--accent-soft);font-size:.9rem;font-weight:600}.feedback__optional{color:var(--muted);font-weight:400}.feedback__text{resize:vertical;min-height:8rem;line-height:1.5}.feedback__anhang{color:var(--muted);border-left:2px solid var(--border);overflow-wrap:anywhere;margin:0;padding:.5rem .75rem;font-size:.8rem;line-height:1.45}.feedback__fein{color:#9b9aabcc;margin:0;font-size:.75rem}.feedback__status{color:#fbbf24;margin:0;font-size:.85rem;line-height:1.5}.feedback__status:empty{display:none}.feedback__actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.feedback__actions .primary,.feedback__actions .ghost{padding:.6rem 1.1rem}.feedback__mail{align-items:center;gap:.45rem;margin-right:auto;text-decoration:none;display:inline-flex}.feedback__falle{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.feedback__danke{text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:2rem 1.25rem;display:flex}.feedback__danke>.icon{color:var(--correct);font-size:2.5rem}.feedback__danke .primary{margin-top:.6rem}