@font-face{font-family:Spline Sans Mono Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/spline-sans-mono-latin-ext-wght-normal-Dh0aNLWd.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:Spline Sans Mono Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/spline-sans-mono-latin-wght-normal-DlaB5ohX.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}*,:before,:after{box-sizing:border-box;margin:0}@font-face{font-family:General Sans;src:url(/fonts/GeneralSans-Variable.woff2)format("woff2");font-weight:200 700;font-style:normal;font-display:swap}:root{--color-1:oklch(99.3% 0 0);--color-2:oklch(98.2% 0 0);--color-3:oklch(96.1% 0 0);--color-4:oklch(94% 0 0);--color-5:oklch(91.8% 0 0);--color-6:oklch(89.4% 0 0);--color-7:oklch(86.5% 0 0);--color-8:oklch(81.8% 0 0);--color-9:oklch(64.9% 0 0);--color-10:oklch(60.6% 0 0);--color-11:oklch(50.3% 0 0);--color-12:oklch(37.5% 0 0);--knob-highlight:#ffffffe6;--slider-fill:var(--color-9);--segmented-on-fill:oklch(99% 0 0);--card-shadow:0 0 0 1px oklch(0% 0 0/.06), 0 1px 2px oklch(0% 0 0/.1), 0 10px 28px -8px oklch(0% 0 0/.24);--font-sans:"General Sans", system-ui, -apple-system, sans-serif;--font-mono:"Spline Sans Mono Variable", ui-monospace, monospace;--control-h:60px;--radius-pill:999px;--slide-w:min(372px, 88dvw);--text-xs:12px;--text-sm:14px;--text-base:16px;--text-md:18px;--text-display:34px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-sans);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--color-1:oklch(14.6% 0 0);--color-2:oklch(17.6% 0 0);--color-3:oklch(21% 0 0);--color-4:oklch(23.9% 0 0);--color-5:oklch(26.8% 0 0);--color-6:oklch(30.1% 0 0);--color-7:oklch(34.3% 0 0);--color-8:oklch(40.5% 0 0);--color-9:oklch(55.1% 0 0);--color-10:oklch(59.9% 0 0);--color-11:oklch(72.3% 0 0);--color-12:oklch(90.3% 0 0);--knob-highlight:#ffffff14;--slider-fill:var(--color-8);--card-shadow:0 1px 2px oklch(0% 0 0/.4), 0 14px 36px -8px oklch(0% 0 0/.55);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{height:100%}body{background-color:var(--color-2);background-image:radial-gradient(120% 55% at 50% 0%, var(--color-3) 0%, var(--color-2) 55%);color:var(--color-12)}::selection{background:var(--color-5)}.step-shell,.step{flex-direction:column;flex:1;width:100%;display:flex}.step-stage>.step-shell{position:absolute;inset:0}.step-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;width:100%;display:flex}.step-stage{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative}.action-bar-fixed{width:100%}.column{flex-direction:column;max-width:420px;min-height:100dvh;margin:0 auto;padding:24px 24px 36px;display:flex}.route-fallback{min-height:100dvh}.app-header{z-index:10;position:fixed;top:24px;left:50%;transform:translate(-50%)}.card-frame{width:100%;container-type:inline-size}.card-surface{aspect-ratio:85.6/53.98;isolation:isolate;box-shadow:var(--card-shadow);border-radius:3.715cqw;position:relative;overflow:hidden}.card-layer{position:absolute;inset:0}.card-pattern{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.card-content{color:var(--ink);flex-direction:column;padding:5.6cqw 6.2cqw;display:flex}.card-top{flex-shrink:0;justify-content:space-between;align-items:flex-start;display:flex}.card-wordmark{letter-spacing:.01em;-webkit-user-select:none;user-select:none;font-size:6.4cqw;font-weight:650;line-height:1}.card-frame[data-additive=true] .card-wordmark,.card-frame[data-additive=true] .card-contactless{color:#ffffff80;mix-blend-mode:plus-lighter}.card-frame[data-additive=true] .card-contactless{opacity:1}.card-contactless{opacity:.9;width:6cqw;height:6cqw}.card-chip{filter:drop-shadow(0 .3cqw .5cqw #0003);flex-shrink:0;width:12.4cqw;height:auto;position:absolute;top:50%;left:6.2cqw;transform:translateY(-50%)}.card-bottom{justify-content:space-between;align-items:flex-end;margin-top:auto;display:flex}.card-identity{flex-direction:column;gap:1.6cqw;min-width:0;display:flex}.card-name{font-family:var(--font-mono);letter-spacing:.05em;text-shadow:0 .25cqw .4cqw #00000047;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;font-size:4.4cqw;font-weight:590;line-height:1;overflow:hidden}.card-note{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);text-shadow:0 .2cqw .3cqw #00000038;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;font-size:3.1cqw;font-weight:400;line-height:1;overflow:hidden}.card-network{flex-shrink:0;width:11cqw;height:auto}.card-sheen{border-radius:inherit;pointer-events:none;background:linear-gradient(165deg,#ffffff24 0%,#ffffff0b 28%,#fff0 55%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff24}.hero-card{width:var(--slide-w);z-index:5;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.hero-card-fade{will-change:opacity;width:100%;transform:translate(-50%,-50%)}.hero-card-inner,.hero-card .card-frame{width:100%}.dial-panel{flex-direction:column;gap:20px;width:100%;display:flex}.dial-row{gap:12px;width:100%;display:flex}.dial-row>.segmented-field{width:auto}.dial-row>.segmented-field:first-child{flex:none}.dial-row>.segmented-field:last-child{flex:1}.slider-field{flex-direction:column;gap:6px;width:100%;display:flex}.slider-label{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-11);white-space:nowrap;pointer-events:none;z-index:2;align-items:center;padding-left:20px;font-weight:600;display:flex;position:absolute;top:0;bottom:0;left:0}.slider-label-over{color:oklch(96% 0 0);clip-path:inset(0 calc(100% - var(--pct)) 0 0);right:0}.slider-track{width:100%;height:var(--control-h);border-radius:var(--radius-pill);background:var(--color-3);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.slider-fill{width:var(--pct);background:var(--slider-fill);z-index:1;position:absolute;inset:0 auto 0 0}.slider-track.is-animating .slider-fill,.slider-track.is-animating .slider-thumb{transition:width .2s,left .2s}.slider-thumb-wrap{pointer-events:none;z-index:2;position:absolute;inset:0}.slider-thumb{width:4px;left:clamp(6px, calc(var(--pct) - 10px), calc(100% - 10px));opacity:.9;pointer-events:none;z-index:2;background:oklch(90% 0 0);border-radius:999px;transition:background-color .2s,opacity .2s;position:absolute}.slider-track:hover .slider-thumb{opacity:1;background:oklch(96% 0 0)}.slider-track:has(.slider-range:active) .slider-thumb{opacity:1;background:oklch(99% 0 0)}.slider-range{opacity:0;cursor:pointer;z-index:3;touch-action:pan-y;-webkit-tap-highlight-color:transparent;width:100%;height:100%;margin:0;position:absolute;inset:0}.slider-range:focus-visible{opacity:1;outline:2px solid var(--color-9);outline-offset:3px;appearance:none;background:0 0;border-radius:999px}.slider-track:has(.slider-range:disabled){opacity:.5;cursor:not-allowed}.segmented-field{flex-direction:column;width:100%;display:flex}.segmented-track{height:var(--control-h);border-radius:var(--radius-pill);background:var(--color-3);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid;position:relative}.segmented-track[data-icon-only=true]{grid-auto-columns:calc(var(--control-h) - 8px)}.segmented-field[data-fit=true]{width:auto}.segmented-track[data-fit=true]{grid-auto-columns:auto}.segmented-track[data-fit=true] .segmented-content{white-space:nowrap;padding-inline:8px}.segmented-option{border-radius:var(--radius-pill);cursor:pointer;color:var(--color-11);font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;transition:color .18s;display:flex;position:relative}.segmented-option[data-active=true]{color:var(--segmented-on-fill)}.segmented-option:not([data-active=true]):hover{color:var(--color-12)}.segmented-indicator{border-radius:var(--radius-pill);background:var(--slider-fill);z-index:0;position:absolute;inset:0}.segmented-content{z-index:1;font-size:var(--text-sm);letter-spacing:.01em;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:7px;font-weight:550;display:flex;position:relative}.segmented-icon{color:currentColor;align-items:center;display:flex}.segmented-option:focus-visible{outline:2px solid var(--color-9);outline-offset:2px}.note-field{flex-direction:column;gap:6px;width:100%;display:flex}.note-label{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-11);font-weight:600}.note-input-wrap{position:relative}.note-input{width:100%;height:var(--control-h);font:inherit;font-size:var(--text-base);letter-spacing:.01em;color:var(--color-12);background:var(--color-3);border-radius:var(--radius-pill);box-shadow:none;border:none;padding:0 52px 0 20px;transition:background-color .2s,box-shadow .2s}.note-input::placeholder{color:var(--color-9)}.note-input:hover{background:var(--color-4)}.note-input:focus-visible{background:var(--color-3);box-shadow:inset 0 0 0 1.5px var(--color-10);outline:none}.note-count{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-10);pointer-events:none;opacity:0;transition:opacity .15s;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.note-input:focus+.note-count,.note-input:not(:placeholder-shown)+.note-count{opacity:1}.dev-shell{flex-direction:column;min-height:100dvh;display:flex;position:relative}.playground{flex-direction:column;flex:1;min-height:0;display:flex}.pg-nav{padding:24px;padding-right:calc(var(--control-h) + 40px);align-items:center;display:flex;position:relative}.pg-exit{flex-shrink:0;text-decoration:none}.pg-exit svg{width:24px;height:24px}.pg-nav-menu{align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.pg-nav-menu .segmented-track,.cv-switcher .segmented-track,.explore-switcher .segmented-track{background:var(--color-4)}.pg-nav-menu .segmented-indicator,.cv-switcher .segmented-indicator,.explore-switcher .segmented-indicator{background:var(--color-12)}.pg-nav-menu .segmented-option[data-active=true],.cv-switcher .segmented-option[data-active=true],.explore-switcher .segmented-option[data-active=true]{color:var(--color-1)}.cv-switcher,.explore-switcher{z-index:20;align-items:center;gap:8px;max-width:calc(100% - 48px);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.variant-seg-toggle{appearance:none;font:inherit;font-size:var(--text-sm);cursor:pointer;height:var(--control-h);border-radius:var(--radius-pill);color:var(--color-11);background:var(--color-4);border:none;flex-shrink:0;padding:0 20px;font-weight:550;transition:color .18s,background-color .18s}.variant-seg-toggle:hover{color:var(--color-12);background:var(--color-5)}.variant-seg-toggle[data-on=true]{color:var(--color-1);background:var(--color-12);box-shadow:none}.pg-main{flex:1;place-items:center;padding:40px 24px 64px;display:grid}.pg-main:has(.cv-switcher){padding-bottom:108px}.pg-page{flex-direction:column;align-items:center;gap:28px;width:100%;max-width:460px;display:flex}.pg-preview{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.pg-card-wrap{width:100%;max-width:380px}.pg-readout,.pg-swatch-code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-10)}.pg-copy{appearance:none;font:inherit;font-size:var(--text-base);color:var(--color-1);background:var(--color-12);cursor:pointer;border:none;border-radius:12px;padding:12px 22px;font-weight:550;transition:background-color .18s,box-shadow .18s;box-shadow:0 1px 2px oklch(0% 0 0/.12)}.pg-copy:hover{box-shadow:0 3px 10px -2px oklch(0% 0 0/.25)}.pg-copy:focus-visible{outline:2px solid var(--color-9);outline-offset:3px}.pg-copy[data-copied=true]{color:#fff;background:oklch(62% .17 150)}.pg-swatches{grid-template-columns:repeat(2,1fr);gap:14px;width:100%;display:grid}.pg-swatch{flex-direction:column;gap:6px;display:flex}.pg-swatch-chip{border-radius:14px;height:76px;box-shadow:inset 0 0 0 1px oklch(0% 0 0/.08),0 4px 14px -6px oklch(0% 0 0/.4)}.pg-swatch-name{font-size:var(--text-sm);color:var(--color-12);text-transform:capitalize;font-weight:550}.pg-swatch-code{font-size:var(--text-xs)}.pg-type{gap:40px}.dev-shell:has(.pg-type){background:var(--color-1)}.pg-type-welcome{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.pg-type-welcome h1{color:var(--color-12);text-wrap:balance}.pg-type-welcome p{color:var(--color-11);text-wrap:balance;max-width:30ch}.pg-type-card{filter:grayscale()contrast(.98)}.seq-page{flex-direction:column;width:100%;height:100%;min-height:min(760px,78dvh);display:flex}.pg-main:has(.seq-page){place-items:stretch stretch;padding:24px 24px 200px}.seq-stage{flex:1;min-height:0}.pg-index{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:420px;display:flex}.pg-index h1{font-size:var(--text-display);letter-spacing:-.01em;color:var(--color-12);font-weight:600;line-height:1.1}.pg-index p{font-size:var(--text-md);color:var(--color-11);font-weight:450;line-height:1.6}.pg-index-links{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pg-index-link{font-size:var(--text-base);white-space:nowrap;color:var(--color-12);background:var(--color-4);border-radius:var(--radius-pill);padding:12px 22px;font-weight:550;text-decoration:none;transition:background-color .18s,color .18s}.pg-index-link:hover{background:var(--color-5)}.pg-index-link:focus-visible{outline:2px solid var(--color-9);outline-offset:3px}:root{--paper:oklch(96.8% .012 88);--paper-edge:oklch(0% 0 0/.07);--paper-rule:oklch(89.5% .012 85);--paper-bar:oklch(87.8% .013 85);--paper-ink-muted:oklch(70% .02 85);--kraft:oklch(79.2% .052 72);--kraft-flap:oklch(75.4% .056 70);--kraft-inner:oklch(70% .05 68);--kraft-ink:oklch(32% .03 65);--seal:oklch(26% .02 70);--seal-ink:oklch(95% .01 85);--slot:var(--slider-fill);--slot-rim:transparent;--sheet-shadow:0 2px 6px oklch(0% 0 0/.06), 0 20px 50px -20px oklch(0% 0 0/.2);--oncard-shadow:0 1px 2px oklch(0% 0 0/.1), 0 4px 12px -6px oklch(0% 0 0/.14);--sheet-drop:.16;--env-drop:.32}:root[data-theme=dark]{--paper:oklch(93.5% .014 86);--paper-edge:transparent;--paper-rule:oklch(86.2% .013 84);--paper-bar:oklch(84.5% .014 84);--paper-ink-muted:oklch(66% .022 84);--kraft:oklch(73.5% .052 70);--kraft-flap:oklch(69.8% .055 68);--kraft-inner:oklch(64% .048 66);--kraft-ink:oklch(28% .03 64);--seal:oklch(20% .02 70);--slot:var(--slider-fill);--slot-rim:transparent;--sheet-shadow:0 2px 6px oklch(0% 0 0/.35), 0 24px 56px -18px oklch(0% 0 0/.6);--sheet-drop:.3;--env-drop:.55}:root[data-sequence=playing] .app-header,:root[data-sequence=playing] .action-bar-fixed,:root[data-sequence=playing] .corner-controls,:root[data-sequence=done] .app-header{opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.32,.72,0,1)}.confirm-stage{isolation:isolate;flex:1;place-items:center;width:100%;min-height:0;display:grid;position:relative}.wrap-scene{perspective:1400px;perspective-origin:50%;place-items:center;display:grid;position:absolute;inset:0}.sheet-clip{z-index:1;pointer-events:none;perspective:1400px;perspective-origin:50%;place-items:center;display:grid;position:absolute;inset:0}.sheet{width:calc(120 * var(--mm));height:calc(192 * var(--mm));transform-style:preserve-3d;z-index:1;filter:drop-shadow(0 calc(6 * var(--mm)) calc(14 * var(--mm)) oklch(0 0 0 / var(--sheet-drop)));position:absolute}.panel{width:100%;height:calc(64 * var(--mm));background:var(--paper);transform-style:preserve-3d;box-shadow:0 0 0 1px var(--paper-edge);position:absolute;left:0}.panel--mid{top:calc(64 * var(--mm));z-index:1}.panel--bottom{top:calc(128 * var(--mm));transform-origin:top;border-radius:0 0 calc(1.5 * var(--mm)) calc(1.5 * var(--mm));z-index:2}.panel--top{transform-origin:bottom;border-radius:calc(1.5 * var(--mm)) calc(1.5 * var(--mm)) 0 0;z-index:3;top:0}.panel-side{background:var(--paper);position:absolute;inset:0}.panel-side--back{background:linear-gradient(to bottom, oklch(0% 0 0/.06), oklch(0% 0 0/0) 40%), var(--paper)}.panel-shade{pointer-events:none;background:oklch(0% 0 0);position:absolute;inset:0}.panel-cast{width:100%;height:calc(64 * var(--mm));filter:blur(calc(1.5 * var(--mm)));pointer-events:none;background:linear-gradient(oklch(0% 0 0/.55),oklch(0% 0 0/0));position:absolute;left:0}.panel-cast--bottom{top:calc(64 * var(--mm));transform-origin:bottom;z-index:1;background:linear-gradient(oklch(0% 0 0/0),oklch(0% 0 0/.55))}.panel-cast--top{top:calc(64 * var(--mm));transform-origin:top;z-index:2}.sheet-print{pointer-events:none;position:absolute;inset:0}.sheet-face{inset:0 calc(14 * var(--mm));position:absolute}.sheet-bar{background:var(--paper-bar);position:absolute}.sheet-bar--fine{background:var(--paper-rule)}.sheet-rule{background:var(--paper-rule);height:1px;position:absolute;left:0;right:0}.sheet-wordmark{letter-spacing:.01em;color:var(--paper-ink-muted);-webkit-user-select:none;user-select:none;font-weight:650;line-height:1;position:absolute;left:0}.reg-outline{width:calc(90.6 * var(--mm));height:calc(59 * var(--mm));border:1px dashed var(--paper-rule);border-radius:calc(5.7 * var(--mm));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reg-tick{width:calc(4 * var(--mm));height:calc(4 * var(--mm));border-color:var(--paper-ink-muted);border-style:solid;border-width:0;position:absolute}.reg-tick--tl{border-top-width:1px;border-left-width:1px;top:0;left:0}.reg-tick--tr{border-top-width:1px;border-right-width:1px;top:0;right:0}.reg-tick--bl{border-bottom-width:1px;border-left-width:1px;bottom:0;left:0}.reg-tick--br{border-bottom-width:1px;border-right-width:1px;bottom:0;right:0}.card-bed{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-holder{width:calc(85.6 * var(--mm))}.card-holder--rest{width:var(--slide-w);z-index:4;grid-area:1/1}.card-holder .card-frame{width:100%;box-shadow:var(--oncard-shadow)}.env-clip{z-index:2;pointer-events:none;perspective:1400px;perspective-origin:50%;place-items:center;display:grid;position:absolute;inset:0}.env-clip .envelope{pointer-events:auto}.envelope{width:calc(126 * var(--mm));height:calc(70 * var(--mm));transform-style:preserve-3d;z-index:2;border-radius:calc(1.5 * var(--mm));position:absolute}.envelope:focus-visible{outline:2px solid var(--color-9);outline-offset:4px}.env-shadow{width:calc(112 * var(--mm));height:calc(14 * var(--mm));top:calc(50% + 28 * var(--mm));background:radial-gradient(50% 50% at 50% 50%, oklch(0 0 0 / var(--env-drop)), oklch(0% 0 0/0));filter:blur(calc(2 * var(--mm)));z-index:1;pointer-events:none;position:absolute}:root{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='1.4' intercept='-0.15'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}.env-face{border-radius:calc(1.5 * var(--mm));background:var(--kraft);position:absolute;inset:0;box-shadow:inset 0 1px oklch(100% 0 0/.12),0 1px 3px oklch(0% 0 0/.2)}.env-face:after,.env-body:after,.env-flap:after,.env-flap-face--inner:after{content:"";border-radius:inherit;background-image:var(--grain);mix-blend-mode:multiply;opacity:.32;pointer-events:none;position:absolute;inset:0}.env-flap:after,.env-flap-face--inner:after{clip-path:polygon(0 0,100% 0,50% 100%)}.env-face--back{transform-style:preserve-3d}.env-face--front{place-items:center;display:grid;transform:rotateY(180deg)}.env-body{border-radius:calc(1.5 * var(--mm));background:var(--kraft);z-index:2;position:absolute;inset:0;overflow:hidden}.env-mouth{height:calc(6 * var(--mm));background:linear-gradient(to bottom, var(--kraft-inner), oklch(0% 0 0/0));opacity:.7;position:absolute;top:0;left:0;right:0}.env-flap-layer{width:calc(126 * var(--mm));height:calc(70 * var(--mm));transform-style:preserve-3d;pointer-events:none;position:absolute}.env-flap{width:100%;height:calc(38.5 * var(--mm));transform-origin:top;transform-style:preserve-3d;background:var(--kraft-flap);clip-path:polygon(0 0,100% 0,50% 100%);position:absolute;top:0;left:0}.env-flap-face--inner{background:var(--kraft-inner);clip-path:polygon(0 0,100% 0,50% 100%);pointer-events:none;position:absolute;inset:0}.env-flap .panel-shade{clip-path:polygon(0 0,100% 0,50% 100%)}.env-for{font-size:calc(6 * var(--mm));color:var(--kraft-ink);max-width:calc(100 * var(--mm));text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.slot-layer{pointer-events:none;position:absolute;inset:0}.slot-layer--back{z-index:1}.slot-layer--front{z-index:6}.slot-anchor{left:50%;top:calc(50% + var(--slot-mouth));width:100%;height:0;position:absolute}.slot-rect{width:calc(139 * var(--mm));height:calc(5 * var(--mm));background:var(--slot);position:absolute;left:0}.slot-rect--front{top:calc(-5 * var(--mm));transform-origin:50% 100%;border-radius:calc(5 * var(--mm)) calc(5 * var(--mm)) 0 0;border-top:1px solid var(--slot-rim)}.slot-rect--back{transform-origin:50% 0;border-radius:0 0 calc(5 * var(--mm)) calc(5 * var(--mm));top:0}.post-hint{font-size:var(--text-sm);color:var(--color-10);z-index:1;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.post-hint--reduced{pointer-events:auto}.post-hint-chevron{width:26px;height:26px;color:var(--color-9)}.btn-mail{width:auto;padding-inline:28px}.confirm-copy{left:0;right:0;bottom:calc(50% + var(--slide-w) / (85.6 / 53.98) / 2 + 40px);text-align:center;z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:14px;padding-inline:24px;display:flex;position:absolute}.confirm-copy-title{font-size:var(--text-display);letter-spacing:-.02em;color:var(--color-12);margin:0;font-weight:600;line-height:1.1}.confirm-copy-sub{font-size:var(--text-md);color:var(--color-11);text-wrap:balance;max-width:30ch;margin:0;font-weight:450;line-height:1.6}.post-loading{z-index:6;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:fixed;inset:0}.post-loading-spin{width:36px;height:36px}.post-loading-shape{width:100%;height:100%;color:var(--color-9);display:block}.post-loading-status{width:100%;height:calc(var(--text-sm) * 1.4);position:relative}.post-loading-text{font-size:var(--text-sm);color:var(--color-10);margin:0;line-height:1.4;position:absolute;inset:0}.epilogue{z-index:6;text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;display:flex;position:relative}.epilogue-title{font-size:var(--text-display);letter-spacing:-.02em;margin:0;font-weight:600}.epilogue-title:focus-visible{outline:2px solid var(--color-9);outline-offset:6px;border-radius:6px}.epilogue-sub{font-size:var(--text-md);color:var(--color-10);max-width:30ch;margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){:root[data-sequence=playing] .app-header,:root[data-sequence=playing] .action-bar-fixed,:root[data-sequence=playing] .corner-controls{transition:none}}.carousel-deck{width:100dvw;min-height:calc(var(--card-w,372px) / (85.6 / 53.98) + 72px);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;margin-inline:calc(50% - 50dvw);display:grid;position:relative;overflow:hidden}.carousel-deck:active{cursor:grabbing}.carousel-deck:focus-visible{outline:2px solid var(--color-9);outline-offset:-4px;border-radius:12px}.carousel-deck .deck-item{width:var(--card-w,372px);will-change:transform;cursor:pointer;position:absolute}.carousel-deck .deck-item[data-active=true]{cursor:grab}.carousel-deck:active .deck-item[data-active=true]{cursor:grabbing}.carousel-deck .deck-card-inner{width:100%}.carousel-deck .deck-item .card-frame{will-change:transform}@media (prefers-reduced-motion:reduce){.carousel-deck{touch-action:pan-x}}.customize-carousel,.customize-panel{width:100%}.customize{justify-content:flex-start}.customize-carousel{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.customize-panel{flex-shrink:0}.customize-carousel{overflow:visible}.confirm .card-frame{width:var(--slide-w,319px)}.confirm-note{font-size:var(--text-sm);color:var(--color-11);text-align:center;max-width:30ch}.welcome-copy{text-align:center;gap:14px}.welcome-copy h1{font-size:var(--text-display);letter-spacing:-.01em;color:var(--color-12);font-weight:600;line-height:1.1}.welcome-copy p{font-size:var(--text-md);color:var(--color-11);text-wrap:balance;max-width:30ch;font-weight:450;line-height:1.6}.btn{appearance:none;font:inherit;font-size:var(--text-base);letter-spacing:.02em;border-radius:var(--radius-pill);cursor:pointer;border:none;padding:14px 24px;font-weight:550;transition:background-color .2s,color .2s,box-shadow .2s}.btn:focus-visible{outline:2px solid var(--color-9);outline-offset:3px}.btn-primary{width:100%;color:var(--color-1);background:var(--color-12);justify-content:center;align-items:center;gap:10px;display:flex;box-shadow:0 1px 2px #0000001f}.action-bar{--action-h:var(--control-h);flex-direction:column;width:100%;padding-top:20px;display:flex}.action-bar-row{align-items:center;width:100%;display:flex}.btn-action-secondary{box-sizing:border-box;white-space:nowrap;width:100%;overflow:hidden}.back-slot{clip-path:inset(-8px -8px -8px 0);flex-shrink:0;display:flex}.back-slot .btn-back{margin-inline-end:10px}.action-bar .btn-primary{width:auto;height:var(--action-h);flex:1}.btn-back{width:var(--action-h);height:var(--action-h);color:var(--color-12);background:var(--color-4);box-shadow:none;border-radius:var(--radius-pill);flex-shrink:0;place-items:center;padding:0;display:grid}.btn-back:hover{background:var(--color-5)}.cta-arrow{width:30px;height:30px;display:block}.btn-next-label{line-height:1}.btn-primary:hover{background:color-mix(in oklch, var(--color-12) 90%, black);box-shadow:0 3px 10px -2px #00000040}.btn-arrow{flex-shrink:0;width:18px;height:18px;transition:translate .2s}.btn-primary:hover .btn-arrow{translate:3px}.btn-secondary{color:var(--color-12);background:var(--color-4);box-shadow:none}.btn-secondary:hover{background:var(--color-5)}.corner-controls{z-index:10;align-items:center;gap:8px;display:flex;position:fixed;top:24px;right:24px}.corner-btn{width:var(--control-h);height:var(--control-h);appearance:none;border-radius:var(--radius-pill);background:var(--color-4);color:var(--color-12);cursor:pointer;border:none;place-items:center;transition:color .2s,background-color .2s;display:grid}.corner-btn:hover{background:var(--color-5)}.corner-btn:focus-visible{outline:2px solid var(--color-9);outline-offset:2px}.corner-btn svg{width:24px;height:24px}@media (width<=480px){.corner-controls .playground-link{display:none}}.theme-toggle-icon{place-items:center;width:24px;height:24px;display:grid}.theme-toggle-icon svg{width:24px;height:24px}.steps{gap:6px;width:96px;display:flex}.steps-seg{background:var(--color-6);border-radius:999px;flex:1;height:4px;position:relative}.steps-fill{border-radius:inherit;background:var(--color-12);position:absolute;inset:0}