.songless{--sl-bg:#08080a;--sl-raise:#ffffff07;--sl-raise-2:#ffffff0e;--sl-accent:#a78bfa;--sl-accent-soft:#a78bfa24;--sl-warn:#f5b544;--sl-good:#4ade80;--sl-bad:#fb7185;--sl-text:#ededf0;--sl-text-dim:#8a8a96;--sl-text-faint:#55555f;--sl-line:#ffffff12;--sl-line-strong:#ffffff21;--sl-bar-locked:#24242c;--sl-r:14px;--sl-r-lg:20px;--sl-r-pill:999px;--sl-ease:cubic-bezier(.22, .61, .28, 1);--sl-ease-out:cubic-bezier(.16, 1, .3, 1);color:var(--sl-text);background:var(--sl-bg);font-family:var(--font-songless), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.sl-vignette{pointer-events:none;z-index:0;background:radial-gradient(120% 70% at 50% -10%,#a78bfa12,#0000 60%),radial-gradient(90% 60% at 50% 110%,#ffffff06,#0000 65%);position:fixed;inset:0}.sl-display{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:clamp(3rem,13vw,4.5rem);font-weight:800;line-height:.95;display:block}.sl-label{letter-spacing:.2em;text-transform:uppercase;color:var(--sl-text-faint);font-size:10px;font-weight:600}.sl-mono{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:11px;font-weight:600}.sl-card{background:var(--sl-raise);border:1px solid var(--sl-line);border-radius:var(--sl-r-lg)}.sl-inset{border:1px solid var(--sl-line);border-radius:var(--sl-r);background:#00000040}.sl-rule{background:var(--sl-line);height:1px}.sl-btn{border-radius:var(--sl-r);border:1px solid var(--sl-line-strong);background:var(--sl-raise-2);color:var(--sl-text);letter-spacing:-.01em;cursor:pointer;transition:background .16s var(--sl-ease), border-color .16s var(--sl-ease), opacity .16s var(--sl-ease);justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;display:inline-flex}.sl-btn:hover:not(:disabled){background:#ffffff17;border-color:#fff3}.sl-btn:active:not(:disabled){background:#ffffff0f}.sl-btn:disabled{opacity:.35;cursor:not-allowed}.sl-btn-primary{background:var(--sl-text);color:#0a0a0c;border-color:#0000}.sl-btn-primary:hover:not(:disabled){background:#fff;border-color:#0000}.sl-btn-primary:active:not(:disabled){background:#dcdce2}.sl-btn-ghost{border-color:var(--sl-line);color:var(--sl-text-dim);background:0 0}.sl-btn-ghost:hover:not(:disabled){color:var(--sl-text);background:var(--sl-raise)}.songless :focus-visible{outline:2px solid var(--sl-accent);outline-offset:2px}.sl-wave-handle{background:var(--sl-text);pointer-events:none;width:2px;transition:background .16s var(--sl-ease);border-radius:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.sl-wave-handle:after{content:"";background:inherit;border-radius:50%;width:7px;height:7px;margin-left:-3.5px;position:absolute;top:-3px;left:50%}.sl-wave-handle[data-pending=true]{background:var(--sl-warn)}.sl-year-rail{border-radius:var(--sl-r-pill);background:#ffffff17;width:100%;height:4px;position:relative}.sl-year-fill{border-radius:var(--sl-r-pill);background:var(--sl-accent);position:absolute;top:0;bottom:0}.sl-year-handle{background:var(--sl-text);width:16px;height:16px;transition:box-shadow .15s var(--sl-ease);cursor:grab;border-radius:50%;margin-left:-8px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px -2px #000c}.sl-year-handle[data-dragging=true]{cursor:grabbing;box-shadow:0 0 0 7px #a78bfa2e,0 2px 8px -2px #000c}.sl-pip{border-radius:var(--sl-r-pill);height:3px;transition:background .3s var(--sl-ease);background:#ffffff17;flex:1}.sl-pip[data-state=won]{background:var(--sl-accent)}.sl-pip[data-state=missed]{background:#3a3a44}.sl-pip[data-state=current]{background:var(--sl-text)}.sl-field{border-radius:var(--sl-r);border:1px solid var(--sl-line-strong);width:100%;color:var(--sl-text);letter-spacing:-.01em;transition:border-color .16s var(--sl-ease), background .16s var(--sl-ease);background:#ffffff0a;padding:14px 16px 14px 42px;font-size:15px}.sl-field::placeholder{color:var(--sl-text-faint)}.sl-field:focus{background:#ffffff0f;border-color:#ffffff47;outline:none}.sl-scroll{scrollbar-width:thin;scrollbar-color:#ffffff29 transparent;overscroll-behavior:contain}.sl-scroll::-webkit-scrollbar{width:8px}.sl-scroll::-webkit-scrollbar-track{background:0 0}.sl-scroll::-webkit-scrollbar-thumb{border-radius:var(--sl-r-pill);background:#ffffff29 padding-box padding-box;border:2px solid #0000}.sl-option{cursor:pointer;text-align:left;width:100%;color:var(--sl-text);transition:background .1s var(--sl-ease);background:0 0;border:none;border-radius:10px;align-items:center;gap:11px;padding:8px 10px;display:flex}.sl-option[data-active=true],.sl-option:hover{background:#ffffff12}.sl-option mark{color:var(--sl-accent);background:0 0;font-weight:700}@keyframes sl-rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.sl-rise{animation:sl-rise .42s var(--sl-ease-out) both;animation-delay:calc(var(--i,0) * 55ms)}@keyframes sl-beat{0%,to{transform:scaleY(.16)}6%{transform:scaleY(1)}13%{transform:scaleY(.2)}20%{transform:scaleY(.66)}30%{transform:scaleY(.16)}70%{transform:scaleY(.16)}78%{transform:scaleY(.28)}}@keyframes sl-ring{0%{opacity:.5;transform:scale(.8)}55%{opacity:0}to{opacity:0;transform:scale(1.55)}}.sl-pulse{justify-content:center;align-items:center;gap:6px;height:120px;display:flex;position:relative}.sl-pulse:before,.sl-pulse:after{content:"";border:1px solid var(--sl-accent);width:76px;height:76px;animation:sl-ring 1.65s var(--sl-ease-out) infinite;pointer-events:none;border-radius:50%;position:absolute}.sl-pulse:after{animation-delay:.82s}.sl-pulse i{border-radius:var(--sl-r-pill);background:var(--sl-text);transform-origin:50%;width:5px;height:56px;animation:sl-beat 1.65s var(--sl-ease-out) infinite;animation-delay:calc(var(--d,0) * 42ms);opacity:calc(1 - var(--d,0) * .13);display:block;transform:scaleY(.16)}.sl-pulse i:nth-child(4),.sl-pulse i:nth-child(6){background:var(--sl-accent)}@media (prefers-reduced-motion:reduce){.sl-pulse:before,.sl-pulse:after{display:none}.sl-pulse i{transform:scaleY(calc(1 - var(--d,0) * .2))}.songless *,.songless :before,.songless :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
