:root{--color-canvas: #ffffff;--color-ink: oklch(16% .012 55);--color-muted: oklch(.55 .008 260);--color-majestic: oklch(.44 .18 22);--color-primary: oklch(.546 .245 262.881);--color-primary-hover: oklch(.488 .243 264.376);--color-primary-foreground: oklch(.985 0 0);--color-yes: oklch(.705 .19 48);--color-yes-hover: oklch(.64 .2 46);--color-yes-active: oklch(.58 .19 44);--color-yes-ink: #ffffff;--color-no: #ffffff;--color-no-ink: #111111;--font-display: "Inter", ui-sans-serif, sans-serif;--font-body: "Inter", ui-sans-serif, sans-serif;--font-button: "Inter", ui-sans-serif, sans-serif;--space-hint: clamp(1.1rem, 3.5vw, 2.25rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;overflow-x:clip;background:var(--color-canvas);color:var(--color-ink);overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100dvh;font-family:var(--font-body);cursor:default}.stage{position:relative;width:100%;height:100dvh;min-height:100svh;display:grid;place-items:center;overflow:clip;touch-action:none;user-select:none;-webkit-user-select:none}.bloom{position:absolute;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 42% 36% at 50% 42%,oklch(.93 .04 85 / .55),transparent 68%);opacity:0}.ring{position:absolute;z-index:0;left:50%;top:44%;width:8px;height:8px;border:1px solid oklch(16% .012 55 / .18);border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(1)}.words{position:relative;z-index:2;margin:0;max-width:min(92vw,18ch);text-align:center;color:var(--color-ink);font-family:var(--font-display);font-style:normal;font-weight:500;letter-spacing:-.06em;overflow-wrap:anywhere;white-space:pre-line;min-width:0;opacity:0;pointer-events:none;clip-path:inset(0);will-change:opacity,filter,clip-path,transform}.words[data-size=hero]{max-width:92vw;font-size:min(50vh,58vw);line-height:.86;letter-spacing:-.08em;overflow-wrap:normal;white-space:nowrap;clip-path:none;padding-inline:.08em .22em}.words[data-size=hero] .glyph:last-child{padding-right:.12em}.words[data-size=line]{max-width:min(92vw,28ch);font-size:clamp(1.85rem,5.4vh + .4rem,4.25rem);line-height:1.22;letter-spacing:-.055em}.words[data-tone=muted]{color:var(--color-muted)}.words[data-size=note]{position:absolute;left:clamp(1.25rem,6vw,3.5rem);right:clamp(1.25rem,10vw,8rem);bottom:15vh;max-width:min(78vw,36ch);text-align:left;color:var(--color-ink);font-size:clamp(1.11rem,3.24vh + .24rem,2.55rem);line-height:1.3;letter-spacing:-.048em}.words[data-size=note][data-place=high]{top:clamp(1.1rem,8vh,3.25rem);bottom:auto;max-height:38vh}.words[data-size=note][data-tone=muted]{color:var(--color-muted)}.words .glyph{display:inline-block;will-change:opacity,filter,transform}.words .glyph-accent{color:var(--color-majestic)}.words .glyph-soft{color:var(--color-muted);font-size:.68em;letter-spacing:-.03em}.frame{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;pointer-events:none;will-change:opacity,transform,filter,clip-path}.frame[data-anchor=floor]{object-position:center bottom;transform-origin:center bottom}.stage[data-anchor=floor] .bloom{background:radial-gradient(ellipse 42% 36% at 50% 78%,oklch(.93 .04 85 / .55),transparent 68%)}.stage[data-anchor=floor] .ring{top:78%}.next-stack{position:absolute;z-index:3;right:max(var(--space-hint),env(safe-area-inset-right));bottom:max(var(--space-hint),env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;pointer-events:none}.hint{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;height:1.85rem;padding:0 .85rem;margin:0;border:none;border-radius:999px;background:#000;color:#fff;font-family:var(--font-button);font-size:.75rem;font-weight:600;letter-spacing:-.01em;line-height:1;white-space:nowrap;cursor:pointer;opacity:0;pointer-events:none;appearance:none;-webkit-appearance:none;transition:background-color .15s ease}.hint.is-live{pointer-events:auto}.hint:hover,.hint.is-hover{background:#1b1b1b}.hint:focus-visible,.hint.is-focus{outline:2px solid #000000;outline-offset:3px}.start-btn{position:absolute;z-index:4;left:50%;bottom:max(var(--space-hint),env(safe-area-inset-bottom));display:inline-flex;align-items:center;justify-content:center;height:2.4rem;padding:0 1.4rem;margin:0;border:none;border-radius:999px;background:#000;color:#fff;font-family:var(--font-button);font-size:.875rem;font-weight:600;letter-spacing:-.014em;line-height:1;white-space:nowrap;cursor:pointer;opacity:0;pointer-events:none;transform:translate(-50%);appearance:none;-webkit-appearance:none;transition:background-color .15s ease}.start-btn.is-live{pointer-events:auto}.start-btn:hover,.start-btn.is-hover{background:#1b1b1b}.start-btn:focus-visible,.start-btn.is-focus{outline:2px solid #000000;outline-offset:3px}.start-btn:active,.start-btn.is-active{background:#292929}.start-btn:disabled,.start-btn.is-disabled{pointer-events:none;opacity:.5}.flower-slot{position:absolute;z-index:4;top:clamp(1.1rem,9vh,6.5rem);left:50%;transform:translate(-50%);pointer-events:none;opacity:0}.flower-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.5rem;padding:0 1.15rem;border:none;border-radius:999px;background:var(--color-primary);color:var(--color-primary-foreground);font-family:var(--font-button);font-size:.875rem;font-weight:600;letter-spacing:-.011em;line-height:1;white-space:nowrap;text-decoration:none;box-shadow:none;cursor:pointer;pointer-events:none;transition:background-color .15s ease}.flower-btn.is-live{pointer-events:auto}.flower-btn-icon,#flower-label{position:relative;z-index:1}.flower-btn-icon{width:1rem;height:1rem;flex-shrink:0}.flower-btn:hover,.flower-btn.is-hover{background:var(--color-primary-hover)}.flower-btn:focus-visible,.flower-btn.is-focus{outline:2px solid var(--color-ring);outline-offset:3px}.flower-btn:active,.flower-btn.is-active{background:#004cbd;background:oklch(.45 .22 258)}.flower-btn:disabled,.flower-btn.is-disabled,.flower-btn[aria-disabled=true]{pointer-events:none;opacity:.5}.vignette{position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse at center,transparent 52%,rgb(20 16 12 / .1) 100%);opacity:0}.veil{position:absolute;inset:0;z-index:6;pointer-events:none;background:#080808;opacity:0}.choice-slot{position:absolute;z-index:8;left:50%;top:42%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(.85rem,6vw,2.6rem);width:min(94vw,44rem);transform:translate(-50%,-50%);pointer-events:none;opacity:0}.choice-slot.is-live{pointer-events:auto}.choice-btn{display:inline-flex;align-items:center;justify-content:center;height:2.7rem;padding:0 clamp(.85rem,2.6vw,1.25rem);border-radius:999px;font-family:var(--font-button);font-size:clamp(.72rem,2.15vw,.9rem);font-weight:600;letter-spacing:-.014em;line-height:1;white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background-color .15s ease,border-color .15s ease,transform .15s ease,filter .15s ease}.choice-no{justify-self:end;border:1.5px solid var(--color-no-ink);background:var(--color-no);color:var(--color-no-ink)}.choice-no:hover,.choice-no.is-hover{background:#f5f5f5}.choice-no:focus-visible,.choice-no.is-focus{outline:2px solid var(--color-no-ink);outline-offset:3px}.choice-no:active,.choice-no.is-active{background:#e8e8e8;transform:translateY(1px)}.choice-yes{justify-self:start;border:1.5px solid var(--color-yes);background:var(--color-yes);color:var(--color-yes-ink)}.choice-yes:hover,.choice-yes.is-hover{background:var(--color-yes-hover);border-color:var(--color-yes-hover)}.choice-yes:focus-visible,.choice-yes.is-focus{outline:2px solid var(--color-yes);outline-offset:3px}.choice-yes:active,.choice-yes.is-active{background:var(--color-yes-active);border-color:var(--color-yes-active);transform:translateY(1px)}.choice-btn:disabled,.choice-btn.is-disabled{pointer-events:none;opacity:.5}.confetti-layer{position:fixed;inset:0;z-index:40;width:100%;height:100%;pointer-events:none;opacity:0}.confetti-layer.is-live{opacity:1}.frame.is-magic{object-position:center bottom;transform-origin:50% 78%}@media(max-width:700px){.words[data-size=hero]{font-size:min(42vh,56vw)}.flower-btn{height:2.75rem;padding:0 1.05rem}.choice-slot{top:40%;gap:.7rem}.choice-btn{height:2.85rem}}@media(prefers-reduced-motion:reduce){.words,.frame,.hint,.start-btn,.ring,.bloom{will-change:auto}}