.error-state[data-v-b864bbba]{display:grid;place-items:center;height:100%;padding:2rem}.error-content[data-v-b864bbba]{text-align:center;max-width:26rem}h3[data-v-b864bbba]{font-size:var(--t-xl);font-variation-settings:"SOFT" 26,"opsz" 40;letter-spacing:-.024em;margin-bottom:.75rem}.error-message[data-v-b864bbba]{color:var(--ink-2);margin-bottom:1.5rem;line-height:var(--lh-body)}.retry-button[data-v-b864bbba]{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:.7rem 1.4rem;border-radius:var(--r-pill);font-size:var(--t-sm);font-weight:500;cursor:pointer;transition:opacity var(--dur-fast) var(--ease-out)}.retry-button[data-v-b864bbba]:hover{opacity:.85}.top-actions[data-v-4bdf8ff5]{position:fixed;top:calc(env(safe-area-inset-top,0px) + 1.25rem);right:calc(env(safe-area-inset-right,0px) + 1.25rem);display:flex;flex-direction:row-reverse;align-items:center;gap:.5rem;z-index:30}.action-button[data-v-4bdf8ff5]{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:38px;padding:0 .9rem;background:rgba(255,253,250,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink-2);font-size:var(--t-sm);font-weight:500;letter-spacing:-.004em;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),color var(--dur) var(--ease-out),background var(--dur) var(--ease-out)}.action-button svg[data-v-4bdf8ff5]{width:16px;height:16px;opacity:.75}.action-button[data-v-4bdf8ff5]:hover{transform:translateY(-2px);background:var(--paper-raised);box-shadow:var(--shadow-md);color:var(--ink)}.install-button[data-v-4bdf8ff5]{display:none;width:38px;padding:0}.install-button svg[data-v-4bdf8ff5]{opacity:.8}.about-button[data-v-4bdf8ff5]{white-space:nowrap}@media (hover: none) and (pointer: coarse){.install-button[data-v-4bdf8ff5]{display:inline-flex}}@media (max-width: 768px){.top-actions[data-v-4bdf8ff5]{top:calc(env(safe-area-inset-top,0px) + .9rem);right:calc(env(safe-area-inset-right,0px) + .9rem)}.action-button[data-v-4bdf8ff5]{height:36px;padding:0 .8rem}.install-button[data-v-4bdf8ff5]{width:36px;padding:0}}@media (max-width: 380px){.about-button span[data-v-4bdf8ff5]{display:none}.about-button[data-v-4bdf8ff5]{width:36px;padding:0}}.app{position:relative;width:100%;height:100vh;height:100dvh;height:var(--app-height, 100dvh);overflow:hidden;overscroll-behavior:none;background:var(--paper);color:var(--ink);display:flex;flex-direction:column}.backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.glow{position:absolute;display:block;border-radius:50%;filter:blur(70px);will-change:transform}.glow--a{top:-22%;left:-14%;width:62vmax;height:62vmax;background:radial-gradient(circle at 50% 50%,rgba(240,214,186,.62),transparent 68%)}.glow--b{right:-20%;bottom:-26%;width:58vmax;height:58vmax;background:radial-gradient(circle at 50% 50%,rgba(214,219,232,.6),transparent 68%)}.glow--c{top:26%;right:8%;width:40vmax;height:40vmax;background:radial-gradient(circle at 50% 50%,var(--accent-wash),transparent 70%);transition:background 1.1s var(--ease-out)}.grain{position:absolute;inset:0;opacity:.4;mix-blend-mode:multiply;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.16'/%3E%3C/svg%3E")}.masthead{flex:none;z-index:20;pointer-events:none;padding:calc(env(safe-area-inset-top,0px) + 1.5rem) 7.5rem 0 calc(env(safe-area-inset-left,0px) + 1.75rem);transition:opacity var(--dur-slow) var(--ease-out)}.wordmark{font-size:var(--t-lg);font-variation-settings:"SOFT" 30,"opsz" 30;font-weight:500;line-height:1;letter-spacing:-.024em}.tagline{margin-top:.45rem;font-size:var(--t-xs);font-weight:450;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.wheel-container{position:relative;flex:1;min-height:0;width:100%;z-index:1}.hint{flex:none;z-index:20;pointer-events:none;text-align:center;font-size:var(--t-sm);color:var(--ink-3);padding:0 7rem calc(env(safe-area-inset-bottom,0px) + 1.6rem);transition:opacity var(--dur-slow) var(--ease-out)}.hint__key{color:var(--ink-2);font-weight:500}.hint__dot{margin:0 .4em;color:var(--ink-4)}.masthead.is-dimmed,.hint.is-dimmed{opacity:0}@media (max-width: 768px){.masthead{padding:calc(env(safe-area-inset-top,0px) + 1.1rem) 6rem 0 calc(env(safe-area-inset-left,0px) + 1.1rem)}.glow{filter:blur(52px)}}@media (max-width: 640px){.masthead{order:1}.hint{order:2;padding:.9rem calc(env(safe-area-inset-left,0px) + 1.1rem) 0;text-align:left;font-size:var(--t-xs)}.wheel-container{order:3}.wordmark{font-size:var(--t-md)}}@media (max-height: 520px){.tagline,.hint{display:none}.masthead{padding:calc(env(safe-area-inset-top,0px) + .6rem) 6rem 0 calc(env(safe-area-inset-left,0px) + .9rem)}.wordmark{font-size:var(--t-base)}}:root{--paper: #f6f3ee;--paper-raised: #fffdfa;--paper-sunken: #efeae2;--ink: #211e1a;--ink-muted: #56504710;--ink-2: #554e45;--ink-3: #8b8377;--ink-4: #b3aca1;--line: rgba(33, 30, 26, .09);--line-strong: rgba(33, 30, 26, .16);--accent: var(--ink);--accent-wash: rgba(33, 30, 26, .05);--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--t-xs: .75rem;--t-sm: .8125rem;--t-base: clamp(.9375rem, .9rem + .2vw, 1.0625rem);--t-md: clamp(1rem, .96rem + .25vw, 1.125rem);--t-lg: clamp(1.125rem, 1.05rem + .4vw, 1.375rem);--t-xl: clamp(1.5rem, 1.3rem + 1vw, 2.125rem);--t-2xl: clamp(2rem, 1.5rem + 2.4vw, 3.25rem);--lh-tight: 1.12;--lh-snug: 1.32;--lh-body: 1.62;--tracking-tight: -.018em;--tracking-wide: .14em;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(33, 30, 26, .05), 0 2px 8px rgba(33, 30, 26, .04);--shadow-md: 0 2px 4px rgba(33, 30, 26, .04), 0 8px 24px rgba(33, 30, 26, .07);--shadow-lg: 0 1px 2px rgba(33, 30, 26, .06), 0 12px 28px rgba(33, 30, 26, .09), 0 40px 80px -24px rgba(33, 30, 26, .22);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .18s;--dur: .32s;--dur-slow: .6s;--ink-muted: #6f6759}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background-color:var(--paper);color:var(--ink)}body{font-family:var(--font-ui);font-size:var(--t-base);line-height:var(--lh-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}#app{width:100%;height:100%}h1,h2,h3,h4{font-family:var(--font-display);font-variation-settings:"SOFT" 24,"WONK" 0,"opsz" 36;font-weight:500;line-height:var(--lh-snug);letter-spacing:var(--tracking-tight);color:var(--ink);margin:0;text-wrap:balance}p{margin:0;text-wrap:pretty}a{color:var(--ink);text-decoration-color:var(--ink-4);text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-color var(--dur-fast) var(--ease-out)}a:hover{text-decoration-color:var(--ink)}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}.eyebrow{font-family:var(--font-ui);font-size:var(--t-xs);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-3)}::-moz-selection{background:rgba(33,30,26,.12)}::selection{background:rgba(33,30,26,.12)}*{scrollbar-width:thin;scrollbar-color:var(--ink-4) transparent}*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-thumb{background:var(--ink-4);border-radius:var(--r-pill)}*::-webkit-scrollbar-track{background:transparent}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}