@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-leading:initial;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:.375rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-3{height:calc(var(--spacing) * 3)}.h-full{height:100%}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-3{width:calc(var(--spacing) * 3)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-12{width:calc(var(--spacing) * 12)}.w-\[22px\]{width:22px}.w-full{width:100%}.max-w-\[380px\]{max-width:380px}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.object-cover{object-fit:cover}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-white{color:var(--color-white)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{color-scheme:light;--ink:#1f2329;--soft:#6b7280;--faint:#9aa1ab;--aqua:#2f6fe0;--bad:#df4f37;--line:#c4cbd6}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:13px;line-height:1.45}button{font:inherit;cursor:pointer}button:disabled{cursor:default}.desktop{background:radial-gradient(125% 95% at 50% -5%,#1b2942,#0e1626 58%,#070b14) fixed;justify-content:center;align-items:center;min-height:100%;padding:26px 16px;display:flex}.win{z-index:1;background:#f3f4f6;border:1px solid #6c6c6c;border-radius:9px;width:100%;min-width:0;max-width:470px;position:relative;box-shadow:0 20px 54px #0000006b,0 2px 6px #00000040}.viz{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:pre;letter-spacing:.5px;color:#8cc3ff6b;text-shadow:0 0 9px #5096ff80;margin:0;padding:0;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:15px;position:fixed;inset:0;overflow:hidden}.titlebar-mac{color:#2b2b2b;-webkit-user-select:none;user-select:none;background:repeating-linear-gradient(#0000000b 0 1px,#fff0 1px 2px),linear-gradient(#ededed,#d1d1d1);border-bottom:1px solid #a4a4a4;border-radius:8px 8px 0 0;align-items:center;height:27px;padding:0 9px;display:flex;position:relative}.titlebar-mac .tt{pointer-events:none;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex;position:absolute;left:0;right:0}.traffic{z-index:1;gap:8px;display:flex}.titlebar-btn{z-index:1;color:#2b2f36;background:linear-gradient(#fff,#e8eaee);border:1px solid #9aa1ac;border-radius:999px;margin-left:auto;padding:2px 11px;font-size:11.5px;font-weight:600;transition:filter .12s;position:relative;box-shadow:inset 0 1px #fff,0 1px 1px #0000001f}.titlebar-btn:hover{filter:brightness(1.03)}.titlebar-btn:active{box-shadow:inset 0 1px 3px #00000038}.mute-btn{color:#5b6675;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;width:22px;height:22px;transition:color .12s,background .12s;display:grid}.mute-btn:hover{color:#1f2329;background:#0000000f}.dot{border-radius:999px;width:12px;height:12px;position:relative}.dot:after{content:"";background:#ffffffa6;border-radius:999px;width:6px;height:4px;position:absolute;top:1.5px;left:2px}.dot.r{background:radial-gradient(circle at 50% 35%,#ff8079,#ec5f57);border:1px solid #d9433c}.dot.y{background:radial-gradient(circle at 50% 35%,#ffd55a,#f5bb2e);border:1px solid #d49a22}.dot.g{background:radial-gradient(circle at 50% 35%,#5fe06f,#28c840);border:1px solid #1fa82e}.display{background:linear-gradient(#eaeef3,#d7dee9);border:1px solid #a9b2c0;border-radius:6px;padding:7px 12px 8px;box-shadow:inset 0 1px 2px #00000029,inset 0 0 0 1px #ffffff80}.aqua-track{background:#dfe3ea;border:1px solid #adb5c1;border-radius:999px;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000038}.aqua-track>span{background:linear-gradient(#bcd9ff,#5a9bf0 47%,#2f6fe0 53%,#79aef7);border-radius:999px;transition:width .25s linear;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 1px #fff9}.aqua-btn{color:#1f2329;background:linear-gradient(#fff,#eef1f5 47%,#dfe4ea 53%,#f4f6f8);border:1px solid #8b94a3;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:5px 13px;font-size:12px;transition:filter .12s;display:inline-flex;box-shadow:inset 0 1px #fff,0 1px 1.5px #0000002e}.aqua-btn:hover{filter:brightness(1.03)}.aqua-btn:active{box-shadow:inset 0 1px 3px #00000040}.aqua-btn-blue{color:#fff;text-shadow:0 -1px #00000038;background:linear-gradient(#bad5ff,#5a93f2 47%,#2f6fe0 53%,#6ba1f6);border-color:#2a5fb0;box-shadow:inset 0 1px #ffffff8c,0 1px 2px #00000040}.list{border:1px solid var(--line);background:#fff;border-radius:7px;overflow:hidden}.lhead{border-bottom:1px solid var(--line);color:#707784;background:linear-gradient(#f7f8fa,#e7e9ee);align-items:center;gap:12px;padding:5px 12px;font-size:11px;display:flex}.trow{text-align:left;color:#1f2329;background:#fff;border:none;border-bottom:1px solid #e7ebf1;align-items:center;gap:12px;width:100%;padding:9px 12px;transition:background .12s;display:flex}.trow:last-child{border-bottom:none}.trow.stripe{background:#f2f6fc}.trow:not(:disabled):not(.sel):not(.bad):hover{background:#e4eefb}.trow.sel:not(:disabled):hover,.trow.bad:not(:disabled):hover{filter:brightness(1.06)}.trow.sel{color:#fff;background:linear-gradient(#5a9bf0,#2f6fe0)}.trow.bad{color:#fff;background:linear-gradient(#f2897a,#df4f37)}.trow.sel .sub,.trow.bad .sub{color:#ffffffd9}.trow.dim{opacity:.5}.badge{color:#5b6675;background:#eef0f3;border:1px solid #cfd4dc;border-radius:5px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:12px;font-weight:600;display:grid}.trow.sel .badge,.trow.bad .badge{color:#fff;background:#ffffff38;border-color:#ffffff8c}.statusbar{color:#5b6470;background:linear-gradient(#f0f1f3,#e1e3e7);border-top:1px solid #c4c8cf;border-radius:0 0 8px 8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:flex}.soft{color:var(--soft)}.faint{color:var(--faint)}.accent{color:var(--aqua)}.bad-t{color:var(--bad)}.tnum{font-variant-numeric:tabular-nums}.streak{color:#b4540a;background:linear-gradient(#ffe6b8,#ffcf86);border:1px solid #f0ab53;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-weight:600;animation:.32s ease-out streak-pop;display:inline-flex;box-shadow:inset 0 1px #fff9}.streak .flame{font-size:12px;line-height:1;animation:1.1s ease-in-out infinite flame-flicker}.streak-hot{color:#d2451e;font-weight:700}@keyframes streak-pop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes flame-flicker{0%,to{transform:rotate(-3deg)scale(1)}50%{transform:rotate(3deg)scale(1.12)}}.streak-lost{color:#8a9099;background:linear-gradient(#eceef1,#dde0e6);border:1px solid #cfd4dc;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-weight:600;animation:1.6s ease-out forwards streak-break;display:inline-flex}.streak-lost .flame-out{font-size:12px;line-height:1;animation:1.6s ease-in forwards flame-out;display:inline-block}.streak-lost-label{text-transform:uppercase;letter-spacing:.04em;font-size:10px}@keyframes streak-break{0%{opacity:1;transform:translate(0)rotate(0)}8%{transform:translate(-3px)rotate(-3deg)}18%{transform:translate(3px)rotate(3deg)}28%{transform:translate(-2px)rotate(-2deg)}38%{transform:translate(2px)rotate(1deg)}48%{transform:translate(0)rotate(0)}to{opacity:0;transform:translateY(7px)}}@keyframes flame-out{0%{opacity:1;filter:grayscale(0);transform:translateY(0)rotate(0)scale(1)}40%{filter:grayscale(.7)}to{opacity:0;filter:grayscale();transform:translateY(11px)rotate(45deg)scale(.8)}}.result-badge{color:#fff;z-index:2;border:2px solid #fff;border-radius:999px;place-items:center;width:25px;height:25px;font-size:14px;font-weight:700;line-height:1;animation:.42s cubic-bezier(.34,1.56,.64,1) both result-pop;display:grid;position:absolute;bottom:-7px;right:-7px;box-shadow:0 1px 4px #00000059}.result-badge.good{background:linear-gradient(#4cd964,#28c840)}.result-badge.bad{background:linear-gradient(#ff6f59,#df4f37)}@keyframes result-pop{0%{opacity:0;transform:scale(0)rotate(-25deg)}60%{transform:scale(1.25)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}.recent-list{border:1px solid var(--line);background:#fff;border-radius:7px;max-height:168px;overflow-y:auto}.recent-row{border-bottom:1px solid #eef1f6;align-items:center;gap:9px;padding:6px 10px;font-size:12px;display:flex}.recent-row:last-child{border-bottom:none}.recent-mark{color:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:17px;height:17px;font-size:11px;font-weight:700;display:grid}.recent-mark.win{background:#2f6fe0}.recent-mark.miss{background:var(--bad)}.recent-mark.skip{background:#c2c8d2}.recent-title{flex:auto;min-width:0;font-weight:500}.recent-artist{text-align:right;flex:0 auto;min-width:0;max-width:34%}.svc{align-items:center;gap:16px;display:inline-flex}.svc-link{color:var(--soft);align-items:center;gap:5px;font-size:11px;font-weight:600;text-decoration:none;transition:color .12s;display:inline-flex}.svc-link:hover{text-underline-offset:2px;text-decoration:underline}.svc-link.svc-apple:hover{color:#fa2d48}.svc-link.svc-spotify:hover{color:#1db954}.svc-compact{flex-shrink:0;gap:10px}.svc-compact .svc-link{color:#b9bfc9}.svc-compact .svc-link:hover{text-decoration:none}.overlay{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#141c2880;place-items:center;padding:20px;display:grid;position:fixed;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:3.6s linear infinite spin}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.pulse{animation:1.7s ease-in-out infinite pulse-dot}@keyframes fade-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.fade-up{animation:.3s ease-out both fade-up}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}