@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-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-red-100:#ffe2e2;--color-red-900:#82181a;--color-black:#000;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-900:lab(28.5139% 44.5539 29.0463)}}}@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;-webkit-text-decoration:inherit;-webkit-text-decoration: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{.absolute{position:absolute}.relative{position:relative}.static{position:static}.right-2{right:calc(var(--spacing) * 2)}.bottom-2{bottom:calc(var(--spacing) * 2)}.left-2{left:calc(var(--spacing) * 2)}.z-30{z-index:30}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-auto{margin-top:auto}.box-border{box-sizing:border-box}.flex{display:flex}.hidden{display:none}.h-3{height:calc(var(--spacing) * 3)}.h-7{height:calc(var(--spacing) * 7)}.h-full{height:100%}.min-h-\[100dvh\]{min-height:100dvh}.w-full{width:100%}.max-w-\[340px\]{max-width:340px}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-black\/15{border-color:#00000026}@supports (color:color-mix(in lab, red, red)){.border-black\/15{border-color:color-mix(in oklab, var(--color-black) 15%, transparent)}}.bg-red-100\/90{background-color:#ffe2e2e6}@supports (color:color-mix(in lab, red, red)){.bg-red-100\/90{background-color:color-mix(in oklab, var(--color-red-100) 90%, transparent)}}.p-3{padding:calc(var(--spacing) * 3)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.text-center{text-align:center}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-black\/70{color:#000000b3}@supports (color:color-mix(in lab, red, red)){.text-black\/70{color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.text-red-900{color:var(--color-red-900)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}@media (min-width:40rem){.sm\:p-6{padding:calc(var(--spacing) * 6)}}}@font-face{font-family:ChicagoFLF;src:url(https://cdn.jsdelivr.net/gh/wbm/ChicagoFLF@master/ChicagoFLF.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--mini-green:#a3c46b;--mini-green-light:#c3dd8e;--mini-green-dark:#6f9241;--mini-green-deep:#4f7028;--mini-chrome:#c8ccd1;--mini-chrome-light:#e8ebee;--mini-chrome-dark:#8a8f96;--mini-screen:#b8c7ad;--mini-screen-dark:#8a9783;--mini-text:#1a1a1a;--mini-wheel:#afcd7a;--mini-wheel-dark:#7da151;--mini-wheel-light:#cde29a;--chicago-font:"ChicagoFLF", "Geneva", "Helvetica Neue", Helvetica, sans-serif;--body-font:"Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, sans-serif}*,:before,:after{box-sizing:border-box}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{color:#fff;font-family:var(--body-font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:radial-gradient(at 50% 30%,#2a2d33 0%,#16181c 65%,#0a0b0e 100%)}.ipod-mini-body{background:linear-gradient(180deg, var(--mini-green-deep) 0%, var(--mini-green-dark) 3%, var(--mini-green) 18%, var(--mini-green-light) 45%, var(--mini-green) 75%, var(--mini-green-dark) 96%, var(--mini-green-deep) 100%);border:1px solid #00000040;border-radius:50px/60px;padding:26px 16px 22px;position:relative;box-shadow:inset 0 3px #ffffff8c,inset 0 -3px #00000059,inset 2px 0 #ffffff1f,inset -2px 0 #0000002e,inset 0 0 20px #0000001f,0 40px 80px -20px #000c,0 18px 36px -12px #00000080}.ipod-mini-body:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 2px),repeating-linear-gradient(0deg,#00000006 0 1px,#0000 1px 3px);border-radius:49px/59px;position:absolute;inset:1px}.mini-top-accessories{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;height:12px;display:flex;position:absolute;top:7px;left:22px;right:22px}.mini-headphone-jack{background:radial-gradient(circle at 50% 35%,#000 0 50%,#0a0a0a 100%);border-radius:50%;width:13px;height:13px;position:relative;box-shadow:inset 0 2px 3px #000000e6,inset 0 -1px 1px #ffffff14,0 0 0 1.5px #00000073,0 1px 2px #0006}.mini-headphone-jack:after{content:"";background:#050505;border-radius:50%;position:absolute;inset:35%;box-shadow:inset 0 1px 1px #000000e6}.mini-hold-switch{background:linear-gradient(#3a4a2c 0%,#1a2614 100%);border-radius:2px;width:24px;height:10px;position:relative;box-shadow:inset 0 1px 2px #000000b3,inset 0 -1px 1px #ffffff0f,0 0 0 1px #00000059,0 1px 1px #0000004d}.mini-hold-switch:after{content:"";background:linear-gradient(#f4f4f4 0%,#c5c5c5 100%);border-radius:1.5px;width:8px;position:absolute;top:1.5px;bottom:1.5px;right:2px;box-shadow:inset 0 1px 1px #ffffffb3,inset 0 -1px 1px #0003,0 1px 2px #00000080}.mini-screen-bezel{background:linear-gradient(#1a1a1a 0%,#2a2a2a 50%,#1a1a1a 100%);border-radius:4px;max-width:78%;margin:4px auto 0;padding:5px;position:relative;box-shadow:inset 0 3px 6px #000c,inset 0 -1px 2px #0009,0 1px #ffffff40}.mini-screen{background:linear-gradient(#d4ddc7 0%,#b8c5a8 50%,#a5b598 100%);border-radius:1px;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #00000040,inset 0 0 0 1px #0006}.mini-screen:after{content:"";pointer-events:none;z-index:50;background:repeating-linear-gradient(#ffffff0a 0 1px,#0000 1px 3px);position:absolute;inset:0}.mini-titlebar{color:#1a1a1a;font-family:var(--chicago-font);letter-spacing:.02em;text-align:center;text-shadow:0 1px #fff6;z-index:10;background:linear-gradient(#f5f7f9 0%,#d0d4d9 30%,#94989e 50%,#b0b4ba 70%,#d8dce1 100%);border-bottom:1px solid #00000080;align-items:center;gap:6px;min-height:22px;padding:3px 8px;font-size:12px;line-height:1;display:flex;position:relative}.mini-titlebar .battery{background:#1a1a1a;border:1px solid #1a1a1a;border-radius:1px;width:18px;height:9px;position:relative}.mini-titlebar .battery:after{content:"";background:#1a1a1a;width:2px;height:3px;position:absolute;top:2px;right:-3px}.mini-titlebar .battery-inner{background:#1a1a1a;height:100%;display:block}.mini-wheel-wrap{justify-content:center;margin-top:18px;display:flex}.mini-wheel{aspect-ratio:1;background:radial-gradient(circle at 50% 35%, var(--mini-wheel-light) 0%, var(--mini-wheel) 55%, var(--mini-wheel-dark) 100%);cursor:pointer;touch-action:none;border-radius:9999px;justify-content:center;align-items:center;width:88%;display:flex;position:relative;box-shadow:inset 0 2px 6px #ffffff80,inset 0 -2px 8px #00000040,inset 0 0 0 1px #00000026,0 2px 6px #00000059}.mini-wheel-center{background:radial-gradient(circle at 50% 35%, var(--mini-wheel-light) 0%, var(--mini-wheel) 55%, var(--mini-wheel-dark) 100%);cursor:pointer;border-radius:9999px;width:32%;height:32%;transition:transform 60ms;box-shadow:inset 0 1px 2px #fff9,inset 0 -1px 3px #00000040,inset 0 0 0 1px #0000002e,0 1px 2px #0003}.mini-wheel-center:active{transform:scale(.96)}.mini-wheel-label{font-family:var(--chicago-font);color:#ffffffc7;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 1px #00000040,0 0 6px #ffffff1a;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:11px;position:absolute}.mini-wheel-label.top{top:9%;left:50%;transform:translate(-50%)}.mini-wheel-label.right{font-size:14px;top:50%;right:8%;transform:translateY(-50%)}.mini-wheel-label.bottom{font-size:14px;bottom:9%;left:50%;transform:translate(-50%)}.mini-wheel-label.left{font-size:14px;top:50%;left:8%;transform:translateY(-50%)}.menu-row{font-family:var(--chicago-font);text-align:left;z-index:1;cursor:pointer;width:100%;min-height:24px;color:var(--mini-text);background:0 0;border-bottom:1px solid #00000021;align-items:center;padding:4px 10px;font-size:13px;transition:background .1s;display:flex;position:relative}.menu-row.selected{color:#fff;background:linear-gradient(#4a8fd1 0%,#1f5a9c 100%);border-bottom:1px solid #0006}.menu-row .chevron{opacity:.55;margin-left:auto;font-size:18px}.menu-row.selected .chevron{opacity:1;color:#fff}.answer-row{font-family:var(--chicago-font);text-align:left;cursor:pointer;width:100%;min-height:32px;color:var(--mini-text);z-index:1;background:0 0;border-bottom:1px solid #0000001f;align-items:center;padding:6px 10px;font-size:12px;transition:background 80ms;display:flex;position:relative}.mini-screen-scroll{scrollbar-width:none;overflow-y:auto}.mini-screen-scroll::-webkit-scrollbar{display:none}.answer-row.selected{color:#fff;background:linear-gradient(#4a8fd1 0%,#1f5a9c 100%)}.answer-row.correct-reveal{color:#0b3d1c!important;background:linear-gradient(#88c89e 0%,#4ea867 100%)!important}.answer-row.wrong-reveal{color:#fff!important;background:linear-gradient(#d88a8a 0%,#b04444 100%)!important}.answer-row:active{background:#00000014}.reveal-dim{z-index:20;text-align:center;background:#000000d1;flex-direction:column;justify-content:center;align-items:center;padding:8px;animation:.4s fadeIn;display:flex;position:absolute;inset:0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reveal-miss-label{font-family:var(--chicago-font);color:#ff9b9b;letter-spacing:.15em;text-transform:uppercase;margin-bottom:4px;font-size:9px;animation:.5s slideDown}.reveal-artist{font-family:var(--chicago-font);color:#fff;text-shadow:0 0 10px #ffffff4d;max-width:95%;margin-bottom:2px;font-size:18px;line-height:1.05;animation:.6s slideUp}.reveal-title{font-family:var(--chicago-font);color:#e8e8e8;max-width:95%;margin-bottom:2px;font-size:12px;animation:.7s slideUp}.reveal-album{font-family:var(--chicago-font);color:#b8b8b8;letter-spacing:.04em;max-width:95%;margin-bottom:6px;font-size:9px;animation:.8s slideUp}.reveal-quip{font-family:var(--chicago-font);color:#cdd9c6;max-width:92%;margin-bottom:8px;font-size:10px;font-style:italic;line-height:1.2;animation:.9s slideUp}.reveal-continue{font-family:var(--chicago-font);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:#ffffff26;border:1px solid #ffffff73;border-radius:3px;padding:5px 14px;font-size:10px;transition:all .1s;animation:1.1s fadeIn}.reveal-continue:hover,.reveal-continue:active{background:#ffffff38}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reveal-correct{z-index:19;pointer-events:none;background:#6ec8822e;animation:.6s forwards greenFlash;position:absolute;inset:0}@keyframes greenFlash{0%{opacity:0}30%{opacity:1}to{opacity:.45}}.reveal-correct-info{z-index:21;font-family:var(--chicago-font);color:#fff;text-align:center;background:#000000b3;border-radius:4px;padding:8px 10px;animation:.2s fadeIn;position:absolute;inset:auto 12px 12px}.reveal-correct-info .ok{color:#88f0a0;letter-spacing:.15em;margin-bottom:3px;font-size:11px}.reveal-correct-info .title{margin-bottom:1px;font-size:13px}.reveal-correct-info .meta{color:silver;font-size:10px}@keyframes eq-bounce{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.eq-bar{background:var(--mini-text);transform-origin:bottom;border-radius:1px;width:3px;margin:0 1.5px;animation:.9s ease-in-out infinite eq-bounce;display:inline-block}.eq-bar:first-child{height:12px;animation-delay:0s}.eq-bar:nth-child(2){height:18px;animation-delay:.15s}.eq-bar:nth-child(3){height:14px;animation-delay:.3s}.eq-bar:nth-child(4){height:20px;animation-delay:.45s}.eq-bar:nth-child(5){height:16px;animation-delay:.2s}@keyframes spin{to{transform:rotate(360deg)}}.vinyl{background:radial-gradient(circle at 50% 50%, var(--mini-screen) 0 4px, #1a1a1a 4px 6px, #1a1a1a 6px 100%);border-radius:9999px;flex-shrink:0;width:56px;height:56px;animation:3s linear infinite spin;position:relative;box-shadow:0 2px 6px #0000004d,inset 0 0 0 1px #ffffff0d}.vinyl:after{content:"";opacity:.7;background:repeating-radial-gradient(circle,#1a1a1a 0 1.5px,#2a2a2a 1.5px 3px);border-radius:9999px;position:absolute;inset:20%}.progress-ring{--p:0;--c:#1a1a1a;background:conic-gradient(var(--c) calc(var(--p) * 1%), #00000026 0);border-radius:9999px;flex-shrink:0;width:20px;height:20px;display:inline-block;position:relative}.progress-ring:after{content:"";background:var(--mini-screen);border-radius:9999px;position:absolute;inset:3px}button{-webkit-tap-highlight-color:transparent;color:inherit;font:inherit;background:0 0;border:none}.rain-canvas{pointer-events:none;z-index:9999;position:fixed;inset:0}.tagline{font-family:var(--chicago-font);letter-spacing:.05em;color:#0000008c;text-align:center;padding:3px 6px;font-size:8px;line-height:1.3}.chassis-label{font-family:var(--chicago-font);letter-spacing:.4em;color:#fff6;text-align:center;text-transform:uppercase;text-shadow:0 1px #0003;margin-top:12px;font-size:9px}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}