@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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:"Inter var", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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}html,body{height:100%}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-sans);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;overflow-x:hidden}:root.hydrated body{transition:background-color .45s,color .45s}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.grid{display:grid}.inline{display:inline}.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}.rounded{border-radius:.25rem}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@font-face{font-family:Inter var;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-var.woff2)format("woff2")}:root{color-scheme:light;--bg:#eceded;--fg:#0b0b0d;--muted:#0b0b0d75;--tile-from:#ffffffbd;--tile-to:#ffffff6b;--tile-hair:#0b0b0d1a;--tile-highlight:#fffffff2;--tile-shade:#0b0b0d1a;--tile-drop:#0b0b0d21;--sheen-color:#ffffffe6;--sheen-blend:overlay;--bloom:#ffffffd9;--trace:#0b0b0d;--trace-glow:#0b0b0d38;--numeral-glow:transparent;--arrival:#0b0b0d21;--aurora:#fff;--aurora-opacity:.7;--vignette-mid:#0b0b0d12;--vignette-edge:#0b0b0d29;--grain-opacity:.035;--grain-blend:multiply;--radius-tile:26px;--roll-dur:.4s;--roll-ease:cubic-bezier(.22, 1, .3, 1)}:root[data-theme=dark]{color-scheme:dark;--bg:#08080a;--fg:#fafafa;--muted:#ffffff6b;--tile-from:#ffffff1a;--tile-to:#ffffff08;--tile-hair:#ffffff21;--tile-highlight:#fff3;--tile-shade:#ffffff0a;--tile-drop:#000000a6;--sheen-color:#ffffff29;--sheen-blend:screen;--bloom:#ffffff1f;--trace:#fff;--trace-glow:#ffffff52;--numeral-glow:#fff3;--arrival:#ffffff4d;--aurora:#fff;--aurora-opacity:.1;--vignette-mid:#08080a8c;--vignette-edge:#08080aeb;--grain-opacity:.06;--grain-blend:overlay}.stage{justify-content:center;align-items:center;min-height:100dvh;padding:2rem 1rem;display:flex;position:relative;overflow:hidden}.aurora{pointer-events:none;position:absolute;inset:0;overflow:hidden}.lobe{background:radial-gradient(circle at 50% 50%,var(--aurora) 0%,transparent 68%);opacity:var(--aurora-opacity);filter:blur(90px);will-change:transform;border-radius:50%;position:absolute}.lobe-1{width:62vmax;height:62vmax;animation:26s ease-in-out infinite alternate drift-1;top:-14vmax;left:-18vmax}.lobe-2{width:58vmax;height:58vmax;animation:22s ease-in-out infinite alternate drift-2;top:6vmax;right:-22vmax}.lobe-3{width:54vmax;height:54vmax;animation:19s ease-in-out infinite alternate drift-3;bottom:-24vmax;left:12vmax}.lobe-4{width:44vmax;height:44vmax;animation:31s ease-in-out infinite alternate drift-4;bottom:-16vmax;right:-10vmax}@keyframes drift-1{0%{transform:none}to{transform:translate(9vmax,7vmax)scale(1.14)}}@keyframes drift-2{0%{transform:none}to{transform:translate(-8vmax,9vmax)scale(.9)}}@keyframes drift-3{0%{transform:none}to{transform:translate(7vmax,-7vmax)scale(1.12)}}@keyframes drift-4{0%{transform:none}to{transform:translate(-5vmax,4vmax)scale(1.08)}}.vignette{background:radial-gradient(115% 85% at 50% 45%,transparent 28%,var(--vignette-mid) 74%,var(--vignette-edge) 100%);position:absolute;inset:0}.grain{opacity:var(--grain-opacity);mix-blend-mode:var(--grain-blend);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.42'/%3E%3C/svg%3E");position:absolute;inset:0}.grid{perspective:1400px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%;max-width:72rem;display:grid;position:relative}@media(min-width:640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.grid[data-units="5"]{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid[data-units="5"] .tile:first-child{grid-column:span 2}@media(min-width:900px){.grid{grid-template-columns:repeat(6,minmax(0,1fr))}.grid[data-units="5"]{grid-template-columns:repeat(5,minmax(0,1fr));max-width:65rem}.grid[data-units="5"] .tile:first-child{grid-column:auto}}@media(min-width:560px)and (max-height:430px){.grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem}.grid[data-units="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}.grid[data-units="5"] .tile:first-child{grid-column:auto}}.tile{isolation:isolate;border:1px solid var(--tile-hair);border-radius:var(--radius-tile);background:linear-gradient(155deg,var(--tile-from) 0%,var(--tile-to) 100%);-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);box-shadow:inset 0 1px 0 0 var(--tile-highlight),inset 0 -1px 0 0 var(--tile-shade),0 24px 60px -22px var(--tile-drop);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));justify-content:center;align-items:center;padding:1.5rem .75rem;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .7s;display:flex;position:relative}@media(min-width:640px){.tile{padding:2.25rem 1rem}}.sheen{border-radius:inherit;mix-blend-mode:var(--sheen-blend);background:radial-gradient(120% 90% at var(--mx,50%) var(--my,50%),var(--sheen-color),transparent 62%);pointer-events:none;position:absolute;inset:0}@media(hover:none){.sheen{animation:7s ease-in-out infinite alternate sweep}}@keyframes sweep{0%{--mx:12%;--my:30%}to{--mx:88%;--my:68%}}.tile-bloom{border-radius:inherit;opacity:.6;filter:blur(2px);background:radial-gradient(85% 70% at 50% 118%,var(--bloom),transparent 72%);pointer-events:none;position:absolute;inset:-1px}.tile-progress{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ring-fill{fill:none;stroke:var(--trace);stroke-width:2px;stroke-linecap:round;filter:drop-shadow(0 0 7px var(--trace-glow))}.tile-body{flex-direction:column;align-items:center;display:flex;position:relative}.value{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;text-shadow:0 0 38px var(--numeral-glow);font-size:clamp(2.6rem,14vw,4.2rem);font-weight:200;line-height:1.18;display:inline-flex}@media(min-width:640px){.value{font-size:clamp(2.8rem,5.7vw,5rem)}}@media(min-width:560px)and (max-height:430px){.tile{padding:1.5rem .4rem}.value{font-size:clamp(1.75rem,4.5vw,3.5rem)}.label{letter-spacing:.12em}}.slot{display:inline-block;position:relative;overflow:hidden}.sizer{visibility:hidden}.g{opacity:0;place-items:center;display:grid;position:absolute;inset:0}.slot[data-front=a] .g-a,.slot[data-front=b] .g-b{opacity:1}.grid.no-roll .g{animation:none!important}.slot[data-front=a] .g-a,.slot[data-front=b] .g-b{animation:roll-in var(--roll-dur) var(--roll-ease) both}.slot[data-front=a] .g-b,.slot[data-front=b] .g-a{animation:roll-out var(--roll-dur) var(--roll-ease) both}@keyframes roll-in{0%{opacity:0;filter:blur(5px);transform:translateY(64%)}to{opacity:1;filter:blur();transform:none}}@keyframes roll-out{0%{opacity:1;filter:blur();transform:none}to{opacity:0;filter:blur(5px);transform:translateY(-64%)}}.label{text-transform:uppercase;letter-spacing:.32em;color:var(--muted);margin-top:.5rem;font-size:.54rem;font-weight:500}@media(min-width:640px){.label{margin-top:.75rem;font-size:.63rem}}.grid:not(.ready) .tile{opacity:0}.grid.ready .tile{animation:.38s cubic-bezier(.16,1,.3,1) both rise}.grid.ready .tile:nth-child(2){animation-delay:50ms}.grid.ready .tile:nth-child(3){animation-delay:.1s}.grid.ready .tile:nth-child(4){animation-delay:.15s}.grid.ready .tile:nth-child(5){animation-delay:.2s}.grid.ready .tile:nth-child(6){animation-delay:.25s}@keyframes rise{0%{opacity:0;filter:blur(7px);transform:translateY(16px)scale(.98)}to{opacity:1;filter:blur();transform:none}}.pulse{animation:.52s cubic-bezier(.16,1,.3,1) breathe}@keyframes breathe{0%{transform:scale(1)}35%{transform:scale(1.014)}to{transform:scale(1)}}.bloom{opacity:0;background:radial-gradient(circle at 50% 50%,var(--arrival) 0%,transparent 66%);pointer-events:none;border-radius:50%;width:60vmax;height:60vmax;margin:-30vmax 0 0 -30vmax;position:absolute;top:50%;left:50%}.arrived .bloom{animation:2.6s cubic-bezier(.16,1,.3,1) both bloom}@keyframes bloom{0%{opacity:0;transform:scale(.1)}45%{opacity:1;transform:scale(1.35)}to{opacity:0;transform:scale(1.1)}}.arrived .tile{box-shadow:inset 0 1px 0 0 var(--tile-highlight),inset 0 -1px 0 0 var(--tile-shade),0 0 80px -12px var(--trace-glow)}.toggle{z-index:10;border:1px solid var(--tile-hair);background:linear-gradient(155deg,var(--tile-from) 0%,var(--tile-to) 100%);-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);width:2.5rem;height:2.5rem;box-shadow:inset 0 1px 0 0 var(--tile-highlight);color:var(--fg);cursor:pointer;opacity:0;border-radius:50%;place-items:center;padding:0;transition:opacity .3s;display:grid;position:absolute;top:1rem;right:1rem}.toggle.ready{opacity:.45}.toggle.ready:hover,.toggle.ready:focus-visible{opacity:1}.toggle:focus-visible{outline:1px solid var(--fg);outline-offset:2px}.toggle:active{transform:scale(.92)}@media(min-width:640px){.toggle{top:1.75rem;right:1.75rem}}.toggle svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:1rem;height:1rem;position:absolute}:root.hydrated .toggle svg{transition:opacity .24s,transform .24s cubic-bezier(.16,1,.3,1)}:root[data-theme=dark] .icon-sun{opacity:0;transform:rotate(70deg)scale(.6)}:root[data-theme=dark] .icon-moon,:root:not([data-theme=dark]) .icon-sun{opacity:1;transform:none}:root:not([data-theme=dark]) .icon-moon{opacity:0;transform:rotate(-70deg)scale(.6)}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media(prefers-reduced-motion:reduce){body{transition:none}.lobe,.sheen,.pulse,.arrived .bloom{animation:none!important}.tile{transition:box-shadow .7s}.grid.ready .tile{animation:.24s ease-out both fade-in}.slot[data-front=a] .g-a,.slot[data-front=b] .g-b{animation:.2s ease-out both fade-in}.slot[data-front=a] .g-b,.slot[data-front=b] .g-a{animation:.2s ease-out both fade-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}}@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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}