@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-normal-7BpKI3vF.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-normal-YHFkNujK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer tokens{:root{--primitive-night:#05050a;--primitive-night-raised:#0f0f15;--primitive-bone:#efebe2;--primitive-ash:#b5b1a7;--primitive-ash-quiet:#969289;--primitive-gold:#f2c36a;--color-surface:var(--primitive-night);--color-surface-elevated:var(--primitive-night-raised);--color-text:var(--primitive-bone);--color-text-muted:var(--primitive-ash);--color-text-quiet:var(--primitive-ash-quiet);--color-accent:var(--primitive-gold);--color-focus:var(--primitive-bone);--color-scrim:color-mix(in oklch, var(--primitive-night) 72%, transparent);--color-fill-hover:color-mix(in oklch, var(--color-text) 6%, transparent);--color-fill-rest:color-mix(in oklch, var(--color-surface) 40%, transparent);--color-panel:color-mix(in oklch, var(--color-surface-elevated) 86%, transparent);--border-subtle:color-mix(in oklch, var(--color-text) 12%, transparent);--border-default:color-mix(in oklch, var(--color-text) 28%, transparent);--border-strong:color-mix(in oklch, var(--color-text) 56%, transparent);--border-accent:var(--color-accent);--stroke-hairline:1px;--stroke-guide:1.5px;--stroke-ring:3px;--color-guide-line:var(--border-default);--color-guide-active:color-mix(in oklch, var(--color-text) 82%, transparent);--color-guide:color-mix(in oklch, var(--color-text) 42%, transparent);--color-guide-quiet:color-mix(in oklch, var(--color-text) 20%, transparent);--color-guide-live:var(--color-accent);--font-display:"Fraunces Variable", Georgia, serif;--font-text:"Hanken Grotesk Variable", system-ui, sans-serif;--font-mono:"Geist Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--font-variation-display:"SOFT" 100, "WONK" 0;--font-size-caption:.75rem;--line-height-caption:1rem;--font-size-ui:.875rem;--line-height-ui:1.25rem;--font-size-body:1rem;--line-height-body:1.5rem;--font-size-lede:1.5rem;--line-height-lede:2rem;--font-size-question:3rem;--line-height-question:3.25rem;--font-size-display:6rem;--line-height-display:6.25rem;--font-weight-voice:340;--font-weight-body:400;--font-weight-strong:500;--tracking-voice:-.015em;--tracking-action:.12em;--tracking-caption:.06em;--tracking-kicker:.16em;--glow-text:0 0 2rem var(--color-scrim);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--edge:var(--space-6);--target-min:2.75rem;--size-action:3rem;--size-key:1.5rem;--size-step:.5rem;--size-icon-sm:1rem;--size-icon-md:1.25rem;--size-icon-lg:1.5rem;--size-icon-action:4rem;--size-hint-box:18rem;--size-hint-toggle:4.75rem;--measure-column:30rem;--measure-voice:22ch;--measure-hint:48ch;--min-width:64rem;--radius-none:0;--radius-sm:.25rem;--radius-md:.5rem;--radius-full:999px;--focus-width:2px;--focus-offset:4px;--blur-panel:12px;--blur-backdrop:8px;--opacity-guide-engaged:.55;--motion-feedback:.16s;--motion-enter:.72s;--motion-exit:.42s;--motion-stagger:.12s;--motion-emphasis:1.2s;--motion-layer:1.2s;--motion-morph:.46s;--motion-swap-out:.14s;--motion-swap-in:.32s;--motion-invite:2.4s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-standard:cubic-bezier(.2, 0, 0, 1);--motion-distance:var(--space-2);--motion-blur:6px;--motion-turn:90deg;--motion-start-delay:.6s;--motion-start-stagger:.4s;--size-resonance:40rem;--motion-resonance:9s}@supports (color:lab(0% 0 0)){:root{--primitive-night:lab(1.52062% .46932 -1.67317);--primitive-night-raised:lab(4.34637% 1.056 -3.83544);--primitive-bone:lab(93.0876% .35277 4.58177);--primitive-ash:lab(72.2142% .434548 5.36132);--primitive-ash-quiet:lab(60.6136% .445843 5.3694);--primitive-gold:lab(81.5927% 9.86031 50.7749)}}@media (prefers-reduced-motion:reduce){:root{--motion-enter:.24s;--motion-exit:.2s;--motion-layer:.32s;--motion-morph:.24s;--motion-swap-out:.1s;--motion-swap-in:.2s;--motion-stagger:0s;--motion-start-delay:0s;--motion-start-stagger:0s;--motion-distance:0px;--motion-blur:0px;--motion-turn:0deg}}}@layer base{*,:before,:after{box-sizing:border-box}html,body{height:100%;min-inline-size:var(--min-width);background:var(--color-surface);color:var(--color-text);font-family:var(--font-text);font-size:100%;font-weight:var(--font-weight-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;overflow:hidden}p,h1,h2{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}}@layer layout{#stage{touch-action:none;width:100%;height:100%;transition:opacity var(--motion-layer) var(--ease-in), visibility 0s linear var(--motion-layer);display:block;position:fixed;inset:0}#stage.stage--hidden{opacity:0;visibility:hidden}#stage[data-gesture=drag]{cursor:grab}#stage[data-gesture=drag]:active{cursor:grabbing}#stage[data-gesture=point]{cursor:crosshair}#stage[data-gesture=tap]{cursor:pointer}.veil{background:var(--color-surface);opacity:0;pointer-events:none;position:fixed;inset:0}#gesture-guide{pointer-events:none;block-size:100%;inline-size:100%;transition:opacity var(--motion-enter) var(--ease-out), display var(--motion-enter) allow-discrete;position:fixed;inset:0;overflow:visible}#gesture-guide[hidden]{opacity:0;display:none}@starting-style{#gesture-guide{opacity:0}}#overlay{pointer-events:none;padding:var(--space-8) var(--edge);position:fixed;inset:0}.layer{inset:inherit;padding:inherit;opacity:1;transition:opacity var(--motion-layer) var(--ease-out), display var(--motion-layer) allow-discrete;flex-direction:column;display:flex;position:absolute}.layer[hidden]{opacity:0;pointer-events:none;transition:opacity var(--motion-exit) var(--ease-in), display var(--motion-exit) allow-discrete;display:none}@starting-style{.layer{opacity:0}}.layer--centered{text-align:center;justify-content:center;align-items:center}.layer--split{--impulse-gap:var(--space-12);--impulse-edge:var(--space-8);text-align:start;justify-content:center;align-items:flex-start;padding-inline-start:var(--space-24)}.layer.layer--measuring,.layer.layer--measuring *{visibility:hidden;transition:none;animation:none}.layer--leaving{opacity:0;transform:translateY(calc(-1 * var(--motion-distance)));filter:blur(var(--motion-blur));transition:opacity var(--motion-exit) var(--ease-in), transform var(--motion-exit) var(--ease-in), filter var(--motion-exit) var(--ease-in)}}@layer components{.enter{animation:enter var(--motion-enter) var(--ease-out) calc(var(--motion-delay,0s) + var(--i,0) * var(--motion-step,var(--motion-stagger))) both}.layer--settled .enter{animation:none}.display,.question,.intro__caption{font-family:var(--font-display);font-variation-settings:var(--font-variation-display);font-optical-sizing:auto;font-weight:var(--font-weight-voice);letter-spacing:var(--tracking-voice);text-shadow:var(--glow-text)}.display{font-size:var(--font-size-display);line-height:var(--line-height-display);white-space:nowrap}.question{max-inline-size:var(--measure-voice);font-size:var(--font-size-question);line-height:var(--line-height-question);text-wrap:balance}.lede{max-inline-size:var(--measure-hint);font-size:var(--font-size-lede);line-height:var(--line-height-lede);color:var(--color-text-muted);text-shadow:var(--glow-text)}.question--small{font-family:var(--font-text);font-variation-settings:normal;font-weight:var(--font-weight-strong);font-size:var(--font-size-lede);line-height:var(--line-height-lede);letter-spacing:0;text-shadow:none}.kicker{align-items:center;gap:var(--space-3);min-block-size:var(--line-height-caption);font-family:var(--font-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--tracking-kicker);text-transform:uppercase;color:var(--color-text-muted);display:flex}.column{max-inline-size:var(--measure-column);flex-direction:column;align-items:flex-start;display:flex}.column>.kicker{margin-block-end:var(--space-6)}.column>.action{margin-block-start:var(--space-12)}.layer--start{--motion-delay:var(--motion-start-delay);--motion-step:var(--motion-start-stagger)}.column--start{align-items:center;max-inline-size:none;position:relative}.start__subtitle{font-family:var(--font-display);font-variation-settings:var(--font-variation-display);font-optical-sizing:auto;font-style:italic;font-weight:var(--font-weight-voice);font-size:var(--font-size-lede);line-height:var(--line-height-lede);color:var(--color-text-muted);text-shadow:var(--glow-text);margin-block-start:var(--space-4)}.column--start>.action{margin-block-start:var(--space-12)}.start__resonance{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.start__resonance>span{inline-size:var(--size-resonance);aspect-ratio:1;border:var(--stroke-hairline) solid var(--color-guide-active);border-radius:var(--radius-full);opacity:0;animation:resonate var(--motion-resonance) var(--ease-out) calc(var(--motion-start-delay) + var(--n) * var(--motion-resonance) / 3) infinite;grid-area:1/1}.layer--start .action{visibility:hidden}.layer--armed .action{visibility:visible}.steps{align-items:center;gap:var(--space-2);display:inline-flex}.steps__item{inline-size:var(--size-step);block-size:var(--size-step);border:var(--stroke-hairline) solid var(--border-strong);border-radius:var(--radius-full);transition:background var(--motion-enter) var(--ease-out), border-color var(--motion-enter) var(--ease-out), box-shadow var(--motion-enter) var(--ease-out);background:0 0}.steps__item[data-state=done]{border-color:var(--color-guide);background:var(--color-guide)}.steps__item[data-state=current]{border-color:var(--color-text);background:var(--color-text);box-shadow:0 0 0 var(--space-1) var(--border-subtle)}.layer--intro{justify-content:flex-end;align-items:center;padding-block-end:28vh}.intro__caption{max-inline-size:22ch;font-size:var(--font-size-question);line-height:var(--line-height-question);text-align:center;text-wrap:balance;opacity:0}.intro__line,.intro__word{will-change:opacity, filter, translate;display:inline-block}.action.intro__skip{pointer-events:auto;transition:opacity var(--motion-enter) var(--ease-out), display var(--motion-enter) allow-discrete;position:fixed;inset-block-end:var(--edge);inset-inline-start:var(--edge)}.intro__skip[hidden]{opacity:0;display:none}@starting-style{.intro__skip{opacity:0}}.keys{align-items:center;gap:var(--space-1);display:flex}.key{min-inline-size:var(--size-key);block-size:var(--size-key);padding-inline:var(--space-2);border:var(--stroke-hairline) solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:0;text-transform:none;color:var(--color-text-muted);place-items:center;display:inline-grid}.key--quiet{border-color:var(--border-subtle);color:var(--color-text-quiet)}.keys__note{font-family:var(--font-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--tracking-caption);color:var(--color-text-quiet)}.action{justify-content:center;align-items:center;gap:var(--space-3);pointer-events:auto;block-size:var(--size-action);min-inline-size:var(--size-action);padding-inline:var(--space-6);border:var(--stroke-hairline) solid var(--border-strong);border-radius:var(--radius-md);background:var(--color-fill-rest);font-size:var(--font-size-ui);line-height:var(--line-height-ui);font-weight:var(--font-weight-strong);letter-spacing:var(--tracking-action);text-transform:uppercase;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;transition:border-color var(--motion-feedback) var(--ease-out), background var(--motion-feedback) var(--ease-out), color var(--motion-feedback) var(--ease-out), box-shadow var(--motion-feedback) var(--ease-out);display:inline-flex;position:relative}.action:hover{background:var(--color-fill-hover)}.action:not([data-ready=true]):hover{border-color:var(--color-text)}.action--quiet{border-color:var(--border-subtle);color:var(--color-text-muted);background:0 0}.action--quiet:hover{color:var(--color-text)}.action[data-ready=false]{border-color:var(--border-default);color:var(--color-text-muted)}.action[data-ready=true]{border-color:var(--border-accent);color:var(--color-text)}.action[data-rejected=true]{animation:reject .36s var(--ease-standard)}.action[aria-busy=true]{cursor:progress;color:var(--color-text-muted)}.status-note{max-inline-size:var(--measure-hint);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-muted);text-shadow:var(--glow-text);transition:opacity var(--motion-enter) var(--ease-out), visibility 0s linear;position:absolute;inset-block-end:var(--edge);inset-inline-start:var(--edge)}.status-note:empty{opacity:0;visibility:hidden;transition:opacity var(--motion-exit) var(--ease-in), visibility 0s linear var(--motion-exit)}.hint-box{inline-size:var(--size-hint-box);pointer-events:none;transition:opacity var(--motion-enter) var(--ease-out), display var(--motion-enter) allow-discrete;justify-items:end;display:grid;position:absolute;inset-block-end:var(--edge);inset-inline-end:var(--edge)}@starting-style{.hint-box{opacity:0}}.hint-box[hidden]{opacity:0;display:none}.hint-box__panel{inline-size:100%;padding:var(--space-4);clip-path:inset(0 round var(--radius-md));border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--color-panel);-webkit-backdrop-filter:blur(var(--blur-panel));backdrop-filter:blur(var(--blur-panel));font-size:var(--font-size-ui);line-height:var(--line-height-ui);color:var(--color-text-muted);pointer-events:auto;transition:clip-path var(--motion-morph) var(--ease-standard)}.hint-box__panel>*{transition:opacity var(--motion-swap-in) var(--ease-out) calc(var(--motion-morph) * .45)}.hint-box[data-open=false] .hint-box__panel{clip-path:inset(calc(100% - var(--target-min)) 0 0 calc(100% - var(--size-hint-toggle)) round var(--radius-full));pointer-events:none}.hint-box[data-open=false] .hint-box__panel>*{opacity:0;transition:opacity var(--motion-swap-out) var(--ease-in)}.hint-box__label{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--tracking-kicker);text-transform:uppercase;color:var(--color-text-quiet);margin-block-end:var(--space-2);display:flex}.hint-box__text{color:var(--color-text);transition:color var(--motion-feedback) var(--ease-out)}.hint-box__text--emphasis{color:var(--color-accent)}.hint-box .keys{min-block-size:var(--target-min);margin-block-start:var(--space-2);margin-block-end:calc(-1 * var(--space-4));padding-inline-end:var(--size-hint-toggle)}.hint-box__toggle{place-content:center;place-items:center;column-gap:var(--space-1);inline-size:var(--size-hint-toggle);block-size:var(--target-min);border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;pointer-events:auto;transition:color var(--motion-feedback) var(--ease-out), background var(--motion-feedback) var(--ease-out), scale var(--motion-feedback) var(--ease-out), border-color var(--motion-morph) var(--ease-standard);background:0 0;grid-template-columns:auto auto;display:inline-grid;position:absolute;inset-block-end:0;inset-inline-end:0}.hint-box[data-open=true] .hint-box__toggle{border-color:#0000}.hint-box__toggle:hover{color:var(--color-text);background:var(--color-fill-hover);border-color:var(--border-strong)}.hint-box__icon-open,.hint-box__icon-close{transition:opacity var(--motion-feedback) var(--ease-out), transform var(--motion-morph) var(--ease-standard);grid-area:1/1}.hint-box__key{grid-area:1/2}.hint-box[data-open=true] .hint-box__icon-open{opacity:0;transform:rotate(calc(-1 * var(--motion-turn))) scale(.8)}.hint-box[data-open=false] .hint-box__icon-close{opacity:0;transform:rotate(var(--motion-turn)) scale(.8)}.icon{inline-size:var(--size-icon-md);block-size:var(--size-icon-md);fill:none;stroke:currentColor;stroke-width:var(--stroke-guide);stroke-linecap:round;stroke-linejoin:round}.icon--small{inline-size:var(--size-icon-sm);block-size:var(--size-icon-sm)}.icon--large{inline-size:var(--size-icon-lg);block-size:var(--size-icon-lg)}.icon[hidden]{display:none}.icon-action{pointer-events:auto;inline-size:var(--size-icon-action);block-size:var(--size-icon-action);border:var(--stroke-hairline) solid var(--border-default);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transition:border-color var(--motion-feedback) var(--ease-out), background var(--motion-feedback) var(--ease-out), color var(--motion-feedback) var(--ease-out), scale var(--motion-feedback) var(--ease-out);background:0 0;place-items:center;display:grid;position:relative}.icon-action:hover{border-color:var(--border-strong);background:var(--color-fill-hover);color:var(--color-text)}.icon-button{inline-size:var(--target-min);block-size:var(--target-min);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;transition:opacity var(--motion-enter) var(--ease-out), display var(--motion-enter) allow-discrete, color var(--motion-feedback) var(--ease-out), background var(--motion-feedback) var(--ease-out), scale var(--motion-feedback) var(--ease-out);background:0 0;border:0;place-items:center;display:grid;position:fixed;inset-block-start:var(--edge);inset-inline-end:var(--edge)}.icon-button:hover{color:var(--color-text);background:var(--color-fill-hover)}.icon-button[hidden]{opacity:0;display:none}@starting-style{.icon-button{opacity:0}}dialog{border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--color-surface-elevated);color:var(--color-text);padding:var(--space-8);text-align:center;opacity:0;min-inline-size:22rem;transform:translateY(var(--motion-distance));filter:blur(var(--motion-blur));transition:opacity var(--motion-exit) var(--ease-in), transform var(--motion-exit) var(--ease-in), filter var(--motion-exit) var(--ease-in), overlay var(--motion-exit) allow-discrete, display var(--motion-exit) allow-discrete}dialog[open]{opacity:1;filter:none;transition:opacity var(--motion-enter) var(--ease-out), transform var(--motion-enter) var(--ease-out), filter var(--motion-enter) var(--ease-out), overlay var(--motion-enter) allow-discrete, display var(--motion-enter) allow-discrete;transform:none}@starting-style{dialog[open]{opacity:0;transform:translateY(var(--motion-distance));filter:blur(var(--motion-blur))}}dialog::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:background var(--motion-exit) var(--ease-in), backdrop-filter var(--motion-exit) var(--ease-in), overlay var(--motion-exit) allow-discrete, display var(--motion-exit) allow-discrete;background:0 0}dialog[open]::backdrop{background:var(--color-scrim);-webkit-backdrop-filter:blur(var(--blur-backdrop));backdrop-filter:blur(var(--blur-backdrop));transition-duration:var(--motion-enter);transition-timing-function:var(--ease-out)}@starting-style{dialog[open]::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0}}.dialog-actions{gap:var(--space-2);flex-direction:column;margin-block-start:var(--space-6);display:flex}.dev-overlay{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-scrim);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-caption);line-height:var(--line-height-caption);pointer-events:none;position:fixed;inset-block-end:var(--edge);inset-inline-start:var(--edge)}.guide__group{opacity:1;transition:opacity var(--motion-enter) var(--ease-out) var(--motion-swap-out), visibility 0s linear}.guide__group[hidden]{opacity:0;visibility:hidden;transition:opacity var(--motion-swap-out) var(--ease-in), visibility 0s linear var(--motion-swap-out)}.guide__circle{fill:none;stroke:var(--color-guide-line);stroke-width:var(--stroke-hairline);transition:stroke var(--motion-enter) var(--ease-out)}.guide[data-engaged=false] .guide__circle{animation:guide-breathe var(--motion-invite) var(--ease-standard) infinite}.guide__tick,.guide__label,.guide__radius{transition:opacity var(--motion-layer) var(--ease-out)}.guide[data-engaged=true] .guide__tick{opacity:var(--opacity-guide-engaged)}.guide__tick{stroke:var(--color-guide-active);stroke-width:var(--stroke-hairline)}.guide__label{fill:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-caption);letter-spacing:var(--tracking-kicker);text-transform:uppercase}.guide__radius{stroke:var(--color-guide-line);stroke-width:var(--stroke-hairline)}.guide__hue{fill:none;stroke-width:var(--stroke-guide)}.guide__marker{fill:var(--color-guide-active)}.guide__halo{fill:var(--color-guide-quiet);transform-box:fill-box;transform-origin:50%}.guide[data-engaged=false] .guide__halo{animation:guide-invite var(--motion-invite) var(--ease-standard) infinite}.guide[data-ready=true] .guide__marker{fill:var(--color-accent)}.guide__mark{stroke:var(--color-guide-active);stroke-width:var(--stroke-guide);stroke-linecap:round;transition:transform .4s var(--ease-out), stroke var(--motion-feedback) var(--ease-out), opacity .4s var(--ease-out)}.guide__mark[data-state=open]{stroke:var(--color-guide-line)}.guide__mark[data-state=active]{stroke:var(--color-guide-live)}.guide__mark[data-state=hidden]{opacity:0}.guide[data-ready=true] .guide__mark[data-state=set]{stroke:var(--color-accent)}.guide__pointer{fill:var(--color-guide-active);transition:opacity var(--motion-enter) var(--ease-out)}.guide__pointer[data-visible=false]{opacity:0}.guide__trace{fill:none;stroke:var(--color-guide-active);stroke-width:var(--stroke-hairline);stroke-linecap:round;stroke-linejoin:round}.guide__progress{fill:none;stroke:var(--color-guide-active);stroke-width:var(--stroke-hairline);stroke-linecap:round}.guide[data-ready=true] .guide__progress{stroke:var(--color-accent)}@media (prefers-reduced-motion:reduce){.start__resonance>span{opacity:.12;scale:calc(.5 + var(--n) * .25);animation:none}.guide[data-engaged=false] .guide__halo,.guide[data-engaged=false] .guide__circle{animation:none}.guide__mark{transition:stroke var(--motion-feedback) var(--ease-out), opacity .4s var(--ease-out)}}.target-ring{--ring-x:50vw;--ring-y:50vh;--ring-scale-from:.6;left:var(--ring-x);top:var(--ring-y);width:var(--target-min);height:var(--target-min);border:var(--stroke-ring) solid var(--color-guide-active);border-radius:var(--radius-full);pointer-events:none;opacity:1;transition:opacity var(--motion-feedback) var(--ease-out), scale var(--motion-feedback) var(--ease-out), border-color var(--motion-feedback) var(--ease-out);background:0 0;padding:0;position:fixed;translate:-50% -50%;scale:1}.target-ring[data-visible=false]{opacity:0;scale:var(--ring-scale-from)}.target-ring[data-mode=hover]{border-color:var(--color-text)}.target-ring[data-mode=travel]{border-style:dashed;border-color:var(--color-accent)}@starting-style{.target-ring{opacity:0;scale:var(--ring-scale-from)}}@media (prefers-reduced-motion:reduce){.target-ring{--ring-scale-from:1}}}@layer utilities{.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}@keyframes enter{0%{opacity:0;transform:translateY(var(--motion-distance));filter:blur(var(--motion-blur))}}@keyframes reject{0%,to{translate:0}25%{translate:calc(-1 * var(--space-1)) 0}50%{translate:var(--space-1) 0}75%{translate:calc(-.5 * var(--space-1)) 0}}@keyframes guide-breathe{0%,to{stroke:var(--color-guide-line)}50%{stroke:var(--color-guide-active)}}@keyframes guide-invite{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}@keyframes resonate{0%{opacity:0;scale:.18}12%{opacity:.55}to{opacity:0;scale:1}}