.dm{--fg:var(--color-vexie-deep);--bg:var(--color-vexie-light);--ease-pop:cubic-bezier(.34, 1.56, .64, 1);box-sizing:border-box;background:var(--color-paper);min-height:100dvh;color:var(--color-ink);flex-direction:column;font-family:Vaktex Sans,system-ui,sans-serif;display:flex;overflow-x:clip}.dm *,.dm :before,.dm :after{box-sizing:border-box}.dm-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dm-top{align-items:center;gap:clamp(10px,1.6vw,18px);width:100%;max-width:1000px;margin:0 auto;padding:clamp(14px,2.4vw,28px) 20px 0;display:flex}.dm-ib{width:44px;height:44px;color:var(--color-sand-600);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background .2s,color .2s,opacity .2s;display:grid}.dm-ib svg{width:22px;height:22px}.dm-ib:hover,.dm-ib:focus-visible{background:var(--color-sand-100);color:var(--color-ink)}.dm-ib:disabled{opacity:.3;cursor:default;background:0 0}.dm-bar{background:var(--color-sand-150);border-radius:99px;flex:1;height:6px;overflow:hidden}.dm-bar span{border-radius:inherit;background:var(--fg);height:100%;transition:width .6s cubic-bezier(.3,.7,.2,1),background .35s;display:block}.dm-main{flex-direction:column;flex:1;width:100%;max-width:780px;margin:0 auto;padding:clamp(20px,4vh,44px) 20px 56px;display:flex}.dm[data-phase=intro] .dm-main,.dm[data-phase=done] .dm-main{text-align:center;justify-content:center;align-items:center;padding-bottom:12vh}.dm[data-phase=intro]{cursor:pointer}.dm-guide{align-items:center;gap:clamp(12px,2vw,22px);display:flex}.dm[data-phase=intro] .dm-guide,.dm[data-phase=done] .dm-guide{flex-direction:column-reverse;gap:22px}.dm-vx{z-index:5;aspect-ratio:1;cursor:pointer;transform-origin:0 0;-webkit-tap-highlight-color:transparent;z-index:5;background:0 0;border:0;flex:none;width:clamp(68px,9vw,104px);padding:0;display:block;position:relative}.dm[data-phase=intro] .dm-vx,.dm[data-phase=done] .dm-vx{width:clamp(160px,28vw,230px)}.dm-vx:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px;border-radius:50%}.dm-hop{transform-origin:50% 100%;width:100%;height:100%;display:block}.dm-vx svg{width:100%;height:100%;filter:drop-shadow(0 8px 14px color-mix(in srgb, var(--s2) 26%, transparent));display:block;overflow:visible}.dm-vx svg *{transform-box:fill-box;transform-origin:50%}.dm-vx .fig{transform-origin:50% 100%;animation:20s infinite stFig}.dm-vx .look{animation:20s infinite stLook}.dm-vx .eyes{animation:20s infinite stEyes}.dm-vx .ear-l{transform-origin:70% 100%;animation:20s infinite stEarL}.dm-vx .ear-r{transform-origin:30% 100%;animation:20s infinite stEarR}.dm[data-phase=intro] .dm-hop,.dm[data-phase=done] .dm-hop{animation:.9s cubic-bezier(.45,0,.55,1) 3 dmDance}.dm[data-phase=intro] .dm-vx .fig,.dm[data-phase=done] .dm-vx .fig{animation:dmIn .8s var(--ease-pop) backwards}.dm[data-phase=intro] .dm-vx .ear-l,.dm[data-phase=done] .dm-vx .ear-l{animation:.45s ease-in-out 6 alternate dmEarL}.dm[data-phase=intro] .dm-vx .ear-r,.dm[data-phase=done] .dm-vx .ear-r{animation:.45s ease-in-out 6 alternate dmEarR}.dm[data-phase=intro] .dm-vx .eyes,.dm[data-phase=done] .dm-vx .eyes{animation:2.7s ease-in-out dmHappy}.dm[data-phase=intro] .dm-vx .look,.dm[data-phase=done] .dm-vx .look{animation:none}.dm-say{min-width:0;position:relative}.dm-say h1{border-radius:var(--r-md);background:var(--color-ink);color:var(--color-paper);letter-spacing:-.022em;text-wrap:balance;transform-origin:0;animation:dmSay .42s var(--ease-pop) backwards;animation-delay:var(--wait,0s);margin:0;padding:14px 20px;font-size:clamp(19px,1.75vw,24px);font-weight:600;line-height:1.25;position:relative}.dm-say h1:before{content:"";background:inherit;border-radius:3px;width:16px;height:16px;margin-top:-8px;position:absolute;top:50%;left:-7px;transform:rotate(45deg)}.dm-re{color:color-mix(in srgb, var(--color-paper) 68%, transparent);margin-bottom:2px;font-size:.78em;font-weight:500;display:block}.dm-hint{letter-spacing:-.012em;color:color-mix(in srgb, var(--color-paper) 68%, transparent);margin-top:4px;font-size:.68em;font-weight:500;display:block}.dm[data-phase=intro] .dm-say h1,.dm[data-phase=done] .dm-say h1{letter-spacing:-.035em;transform-origin:50% 100%;padding:16px 26px;font-size:clamp(24px,3vw,36px);font-weight:700;animation-delay:.7s}.dm[data-phase=intro] .dm-say h1:before,.dm[data-phase=done] .dm-say h1:before{margin:0 0 0 -8px;top:auto;bottom:-7px;left:50%}.dm-stage{margin-top:clamp(28px,6vh,64px);display:grid}.dm-q{grid-area:1/1;min-width:0}.dm-opts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dm-opt{border:1px solid var(--color-sand-200);border-radius:var(--r-md);background:var(--color-sand-50);min-height:72px;color:var(--color-ink);font:inherit;letter-spacing:-.012em;text-align:left;cursor:pointer;animation:.46s cubic-bezier(.2,.7,.2,1) backwards dmOpt;animation-delay:calc(var(--wait,0s) + .34s + var(--n) * 45ms);transition:background .2s ease, border-color .2s ease, box-shadow .2s ease, translate .25s var(--ease-pop), scale .15s ease;align-items:center;gap:14px;padding:12px 16px 12px 12px;font-size:clamp(16px,1.25vw,18px);font-weight:600;line-height:1.2;display:flex;position:relative}.dm-opt:hover,.dm-opt:focus-visible{background:var(--color-white);border-color:var(--color-sand-300);box-shadow:0 6px 18px -10px color-mix(in srgb, var(--color-ink) 30%, transparent);outline:none;translate:0 -2px}.dm-opt:focus-visible{box-shadow:0 0 0 2px var(--color-ink)}.dm-opt:active{scale:.97}.dm-ic{border-radius:var(--r-sm);background:color-mix(in oklch, var(--bg) 55%, var(--color-paper));width:46px;height:46px;color:var(--fg);flex:none;place-items:center;transition:background .25s,color .25s;display:grid}.dm-ic svg{width:22px;height:22px}.dm-ic .dm-logo{width:24px;height:24px}.dm-ic b{letter-spacing:-.02em;font-size:19px;font-weight:700;line-height:1}.dm-lb{flex:1;min-width:0}.dm-opt kbd{border:1px solid var(--color-sand-250);min-width:24px;height:24px;color:var(--color-sand-500);font:inherit;font-variant-numeric:tabular-nums;opacity:0;border-radius:7px;flex:none;place-items:center;padding:0 6px;font-size:12px;font-weight:600;transition:opacity .2s;display:grid}.dm-opt:hover kbd,.dm-opt:focus-visible kbd{opacity:1}@media (hover:none){.dm-opt kbd{display:none}}.dm-ok{color:var(--fg);animation:dmCheck .4s var(--ease-pop);flex:none;display:grid}.dm-ok svg{width:24px;height:24px}.dm-opt.on{background:color-mix(in oklch, var(--bg) 38%, var(--color-paper));border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg);translate:0}.dm-opt.on .dm-ic{background:var(--fg);color:var(--color-paper)}.dm-opt.pop{animation:dmPick .5s var(--ease-pop)}.dm-other{gap:10px;margin-top:14px;display:flex}.dm-other input,.dm-f input{border:1px solid var(--color-sand-250);border-radius:var(--r-md);background:var(--color-white);min-width:0;height:58px;color:var(--color-ink);font:inherit;letter-spacing:-.012em;outline:none;flex:1;margin:0;padding:0 18px;font-size:clamp(17px,1.3vw,19px);font-weight:500;transition:border-color .2s,box-shadow .2s}.dm-other input::placeholder,.dm-f input::placeholder{color:var(--color-sand-450);opacity:1}.dm-other input:focus,.dm-f input:focus{border-color:var(--fg);box-shadow:0 0 0 4px color-mix(in srgb, var(--fg) 16%, transparent)}.dm-other .cta{flex:none;height:58px;font-size:16px}.dm-next{justify-content:flex-end;margin-top:18px;display:flex;position:sticky;bottom:16px}.dm-form{flex-direction:column;align-items:stretch;gap:18px;margin-top:clamp(28px,6vh,64px);display:flex}.dm-f{flex-direction:column;gap:8px;display:flex}.dm-f label{letter-spacing:-.012em;color:var(--color-sand-700);font-size:15px;font-weight:600}.dm-f input{flex:none;height:64px;font-size:clamp(18px,1.5vw,21px)}.dm-err{color:var(--color-rust);margin:0;font-size:15px}.dm-form>.cta{align-self:flex-end;margin-top:6px;font-size:18px}.dm-done{flex-direction:column;align-items:center;gap:24px;margin-top:28px;display:flex}.dm-done p{letter-spacing:-.012em;max-width:26em;color:var(--color-sand-650);text-wrap:pretty;margin:0;font-size:clamp(18px,1.5vw,22px);line-height:1.42}.dm-done b{color:var(--color-ink);font-weight:600}.dm-fx{z-index:10;pointer-events:none;position:fixed;inset:0;overflow:hidden}.dm-fx i{width:var(--w);height:calc(var(--w) * 1.6);border-radius:2px;animation:1.6s linear both dmConfetti;position:absolute}.dm-fx i.round{height:var(--w);border-radius:50%}@media (width<=640px){.dm-opts{grid-template-columns:minmax(0,1fr);gap:10px}.dm-opt{min-height:62px}.dm-ic{width:40px;height:40px}.dm-form>.cta{justify-content:space-between;align-self:stretch}}@keyframes dmIn{0%{opacity:0;transform:translateY(30%)scale(.3)rotate(-20deg)}}@keyframes dmDance{0%,to{transform:none}20%{transform:translateY(-14%)rotate(-8deg)}40%{transform:translateY(0)scale(1.07,.93)}60%{transform:translateY(-14%)rotate(8deg)}80%{transform:translateY(0)scale(1.05,.95)}}@keyframes dmEarL{to{transform:rotate(-22deg)scaleY(1.12)}}@keyframes dmEarR{to{transform:rotate(22deg)scaleY(1.12)}}@keyframes dmHappy{0%,to{transform:none}12%,85%{transform:scaleY(.45)}}@keyframes dmSay{0%{opacity:0;transform:scale(.7)}}@keyframes dmOpt{0%{opacity:0;transform:translateX(calc(var(--dir,1) * 40px))}}@keyframes dmPick{0%{scale:1}30%{scale:.95}65%{scale:1.035}to{scale:1}}@keyframes dmCheck{0%{transform:scale(0)rotate(-45deg)}}@keyframes dmConfetti{0%{opacity:1;animation-timing-function:cubic-bezier(.1,.7,.3,1);transform:translate(-50%,-50%)scale(.3)}35%{transform:translate(-50%, -50%) translate(var(--dx), var(--dy)) rotate(calc(var(--r) * .4));opacity:1;animation-timing-function:cubic-bezier(.5,0,1,1)}to{transform:translate(-50%, -50%) translate(calc(var(--dx) * 1.3), calc(var(--dy) + var(--fall))) rotate(var(--r));opacity:0}}@media (prefers-reduced-motion:reduce){.dm *,.dm :before{animation:none!important}.dm-opt,.dm-bar span{transition:none}}