@font-face{font-family:Albert Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/albert-sans-latin-ext-wght-normal-BAo4qCk1.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:Albert Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/albert-sans-latin-wght-normal-BJ0ssN8N.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.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}:root{--canvas:#e9e6e1;--panel:#fffefc;--well:#f6f4f0;--ink:#1d1b18;--body:#3a3632;--ink-2:#625d55;--ink-3:#6b645a;--ink-4:#a29b90;--line:#ece8e2;--line-2:#dcd6cd;--fig:#7b3f61;--fig-ink:#60314c;--fig-tint:#f2eaee;--fig-line:#e1cbd7;--on-fig:#fffefc;--danger:#a63d2f;--paper-shadow:0 1px 2px #1d1b180d, 0 24px 60px -28px #1d1b1847;--card-shadow:0 1px 2px #1d1b180d, 0 10px 28px -16px #1d1b1838;--ease:cubic-bezier(.2, .8, .2, 1);--sans:"Albert Sans Variable", "Albert Sans", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--gutter:clamp(16px, 4vw, 56px);--page:1120px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas:#131110;--panel:#1e1b19;--well:#252220;--ink:#eeeae3;--body:#cfc8bd;--ink-2:#b0a99e;--ink-3:#938c81;--ink-4:#6f685f;--line:#2e2a27;--line-2:#3d3833;--fig:#c787aa;--fig-ink:#e3b8cf;--fig-tint:#3a2631;--fig-line:#55364a;--on-fig:#1d1b18;--danger:#ec8f80;--paper-shadow:0 1px 2px #0006, 0 30px 70px -30px #000c;--card-shadow:0 1px 2px #00000059, 0 12px 30px -16px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--canvas:#131110;--panel:#1e1b19;--well:#252220;--ink:#eeeae3;--body:#cfc8bd;--ink-2:#b0a99e;--ink-3:#938c81;--ink-4:#6f685f;--line:#2e2a27;--line-2:#3d3833;--fig:#c787aa;--fig-ink:#e3b8cf;--fig-tint:#3a2631;--fig-line:#55364a;--on-fig:#1d1b18;--danger:#ec8f80;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--canvas);color:var(--ink);font:400 17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}h1,h2,p,dl,dd{margin:0}a{color:inherit}[hidden],.narrow{display:none!important}:focus-visible{outline:2px solid var(--fig);outline-offset:3px}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.fig{color:var(--fig)}.mark{stroke:none;flex:none;width:28px;height:28px}.brand{--mk:28px;--wm:22px;align-items:flex-start;gap:calc(var(--wm) * .5 - var(--mk) * .0893);color:var(--ink);text-decoration:none;display:inline-flex}.brand.small{--mk:22px;--wm:17px}.brand .mark{width:var(--mk);height:var(--mk)}.wordmark{height:calc(var(--wm) * .945);width:calc(var(--wm) * 2.582);margin-top:calc(var(--mk) * .6607 - var(--wm) * .495);flex:none;display:block;overflow:visible}.top{max-width:calc(var(--page) + 2 * var(--gutter));padding:24px var(--gutter);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.top-note{color:var(--ink-2);font-size:14px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.btn{background:var(--ink);height:50px;color:var(--canvas);font:600 16px var(--sans);white-space:nowrap;cursor:pointer;transition:transform .15s var(--ease);border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:0 24px;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn svg{width:18px;height:18px}.btn-fig{background:var(--fig);color:var(--on-fig)}.hint{color:var(--ink-3);margin:-10px 4px 0;font-size:14px}.hint.error{color:var(--danger)}.slots{gap:6px;margin:0;padding:0;list-style:none;display:flex}.slots li{border:1.5px solid var(--line-2);border-radius:50%;width:12px;height:12px}.slots li.on{border-color:var(--ink);background:var(--ink)}.link-box{border:1px solid var(--line-2);background:var(--well);min-width:0;height:44px;color:var(--ink);font:500 15px var(--sans);cursor:pointer;border-radius:999px;flex:1;justify-content:space-between;align-items:center;gap:10px;padding:0 6px 0 16px;display:flex}.link-box>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.copy{background:var(--panel);border:1px solid var(--line-2);border-radius:999px;flex:none;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.copy svg{width:15px;height:15px}.share-more{color:var(--ink-3);margin-top:12px;font-size:14px}.share-more a{color:var(--ink-2);text-underline-offset:3px;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2)}.share-more a:hover{color:var(--ink)}.foot{max-width:calc(var(--page) + 2 * var(--gutter));padding:28px var(--gutter) 44px;color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:10px 24px;margin:0 auto;font-size:14px;display:flex}.foot a[href^=mailto]{color:var(--ink-2);text-underline-offset:3px}.foot .brand{color:var(--ink)}.fine{margin-left:auto}.foot-links{gap:18px;display:flex}.foot-links a{color:var(--ink-2);text-decoration:none}.foot-links a:hover{color:var(--ink)}.top-link{background:var(--panel);height:40px;box-shadow:var(--card-shadow);color:var(--ink);transition:transform .15s var(--ease);border-radius:999px;align-items:center;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.top-link:hover{background:var(--well)}.top-link:active{transform:scale(.97)}.hero{max-width:calc(880px + 2 * var(--gutter));padding:clamp(8px, 3vh, 36px) var(--gutter) 24px;text-align:center;margin:0 auto}.ref-line{color:var(--ink-2);margin-bottom:14px;font-size:15px}.headline{letter-spacing:-.045em;text-wrap:balance;max-width:17ch;animation:rise .7s var(--ease) both;margin:0 auto;font-size:clamp(38px,5.4vw,64px);font-weight:600;line-height:1.02}.door{max-width:100%;color:var(--ink-2);text-align:left;animation:rise .7s 60ms var(--ease) both;align-items:center;gap:10px;margin-top:18px;font-size:16px;display:inline-flex}.door b{color:var(--ink);font-weight:600}.door .mark{width:28px;height:28px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.to-row{border-bottom:1px solid var(--line);padding:14px 18px}.to{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.to-label{color:var(--ink-3);flex:none;padding-left:6px;font-size:15px}.to-field{cursor:text;background:var(--well);min-width:0;height:52px;box-shadow:inset 0 0 0 2px var(--fig-line);letter-spacing:-.02em;border-radius:999px;flex:300px;align-items:center;padding:0 6px 0 18px;font-size:21px;font-weight:500;transition:box-shadow .2s;display:flex}.to-field:has(.to-btn[hidden]){padding-right:18px}.to-field:focus-within{box-shadow:inset 0 0 0 2px var(--fig), 0 0 0 4px color-mix(in srgb, var(--fig) 12%, transparent)}.demo[data-held] .to-field{box-shadow:none}.to-field input{width:5.2em;min-width:1ch;height:100%;color:var(--ink);caret-color:var(--fig);font:inherit;letter-spacing:inherit;background:0 0;border:0;outline:none;flex:0 auto;padding:0}.to-sizer{visibility:hidden;white-space:pre;font:inherit;letter-spacing:inherit;position:absolute}.to-field input::placeholder{color:var(--ink-4)}.to-field input[readonly]{cursor:default}.suffix{color:var(--ink-3);flex:none}.to-status{letter-spacing:0;color:var(--ink-3);flex:none;margin-left:auto;padding-left:12px;font-size:13px;font-weight:500}.to-status.ok{color:var(--ink)}.to-status:empty{display:none}.to-btn{background:var(--fig);height:40px;color:var(--on-fig);font:600 15px var(--sans);letter-spacing:0;white-space:nowrap;cursor:pointer;transition:transform .15s var(--ease);border:0;border-radius:999px;flex:none;margin-left:auto;padding:0 18px}.to-status:not(:empty)+.to-btn{margin-left:12px}.to-btn:active{transform:scale(.97)}.to-btn:disabled{opacity:.6;cursor:progress}.to-btn:focus-visible{outline:2px solid var(--fig);outline-offset:2px}.to-email{background:var(--well);min-width:0;height:52px;box-shadow:inset 0 0 0 2px var(--fig-line);animation:rise .35s var(--ease) both;border-radius:999px;flex:280px;align-items:center;padding:0 6px 0 18px;display:flex}.to-email:focus-within{box-shadow:inset 0 0 0 2px var(--fig), 0 0 0 4px color-mix(in srgb, var(--fig) 12%, transparent)}.to-email input{min-width:0;height:100%;color:var(--ink);caret-color:var(--fig);font:400 16px var(--sans);background:0 0;border:0;outline:none;flex:1;padding:0}.to-email input::placeholder{color:var(--ink-4)}.to-email input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px var(--well) inset;-webkit-text-fill-color:var(--ink)}.to-note{color:var(--ink-3);margin:8px 0 0 46px;font-size:14px}.to-note:empty{display:none}.to-note.err{color:var(--danger)}.demo{--t1:#e7d9cf;--t2:#dcd6e3;--t3:#d8dfe0;background:var(--panel);max-width:820px;min-height:430px;box-shadow:var(--lamp-shadow);text-align:left;animation:rise .8s .16s var(--ease) both;border-radius:24px;margin:clamp(24px,4vh,36px) auto 0;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .demo{--t1:#3d322b;--t2:#35303d;--t3:#2c3537}}.again{color:var(--ink-2);font:500 13px var(--sans);cursor:pointer;background:0 0;border:0;flex:none;padding:8px 0}.again:hover{color:var(--ink)}.rows{margin:0;padding:0;list-style:none}.before{transition:opacity .6s var(--ease)}.before li{border-bottom:1px solid var(--well);grid-template-columns:130px minmax(0,1fr) 44px;align-items:baseline;gap:12px;padding:10px 24px;font-size:14px;display:grid}.before .who,.before .subj{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.before .who,.before b{font-weight:600}.before .prev,.before time{color:var(--ink-3)}.before time{text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.wake-layer{background:linear-gradient(color-mix(in srgb, var(--panel) 15%, transparent), color-mix(in srgb, var(--panel) 88%, transparent) 45%, color-mix(in srgb, var(--panel) 15%, transparent));place-items:center;display:grid;position:absolute;inset:0}.wake{isolation:isolate;background:radial-gradient(closest-side, var(--panel) 72%, color-mix(in srgb, var(--panel) 0%, transparent));color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:50%;flex-direction:column;align-items:center;gap:8px;padding:28px 96px 48px;display:flex}.wake .mark{transform-origin:50% 95%;width:132px;height:132px;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}.wake:hover .mark{transform:scale(1.05,.95)translateY(2px)}.wake:active .mark{transform:scale(1.12,.86)}.wake-title{letter-spacing:-.02em;font-size:20px;font-weight:600}.wake-sub{color:var(--ink-3);font-size:14px}.demo[data-phase=reading] .wake{cursor:progress}.after,.demo[data-phase=after] .inbox{display:none}.demo[data-phase=after] .after{display:block}.after .rows{flex-direction:column;display:flex}.after .rows>li{border-top:1px solid var(--line);animation:rise .4s var(--d,0s) var(--ease) both;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 24px;display:grid}.avatar{background:var(--tint);width:36px;height:36px;color:var(--ink-2);border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid}.after .who{font-size:15px;font-weight:600}.after .who span{color:var(--ink-3);font-weight:400}.after .read{color:var(--ink-2);font-size:14px}.act{background:var(--ink);color:var(--canvas);white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}.after-note{background:var(--well);color:var(--ink-2);animation:rise .4s .5s var(--ease) both;border-radius:14px;align-items:flex-start;gap:14px;margin:12px 24px 22px;padding:14px 16px;font-size:14px;display:flex}.after .rows>li.mistiq-row{background:color-mix(in srgb, var(--well) 60%, var(--panel));grid-template-columns:36px minmax(0,1fr);align-items:start;padding:18px 24px 20px}.mistiq-row .mark{width:36px;height:36px}.m-body{text-align:left;min-width:0}.m-share{gap:8px;margin-top:12px;display:flex}.m-place[hidden]{display:none}.mistiq-row .btn{border-radius:999px;height:44px;padding:0 20px;font-size:15px}.mistiq-row .btn:disabled{opacity:.6;cursor:progress}.m-friends{color:var(--ink-3);align-items:center;gap:10px;margin-top:10px;font-size:14px;display:flex}.mistiq-row .share-more{margin-top:10px}.demo-cap{color:var(--ink-3);margin:38px 0 0;font-size:13px}:root{--lamp-1:#f7f0e2;--lamp-2:#ebe3d6;--lamp-3:#d3c9ba;--lamp-4:#b9ad9c;--lamp-glow:color-mix(in srgb, var(--wisp-glow) 100%, transparent);--lamp-halo:color-mix(in srgb, var(--wisp-glow) 40%, transparent);--lamp-shadow:0 1px 2px #1d1b180f, 0 50px 90px -30px #462d146b;--lamp-sheet:0 40px 80px -30px #3c281459;--on-lamp:var(--body)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lamp-1:#2a231d;--lamp-2:#1c1815;--lamp-3:#141211;--lamp-4:#0d0c0b;--lamp-glow:color-mix(in srgb, var(--wisp-glow) 18%, transparent);--lamp-halo:color-mix(in srgb, var(--wisp-glow) 5%, transparent);--lamp-shadow:var(--paper-shadow);--lamp-sheet:var(--card-shadow);--on-lamp:var(--ink-2)}}:root[data-theme=dark]{--lamp-1:#2a231d;--lamp-2:#1c1815;--lamp-3:#141211;--lamp-4:#0d0c0b;--lamp-glow:color-mix(in srgb, var(--wisp-glow) 18%, transparent);--lamp-halo:color-mix(in srgb, var(--wisp-glow) 5%, transparent);--lamp-shadow:var(--paper-shadow);--lamp-sheet:var(--card-shadow);--on-lamp:var(--ink-2)}body{isolation:isolate;background:radial-gradient(75% 62% at 50% 540px, var(--lamp-1) 0%, var(--lamp-2) 34%, var(--lamp-3) 64%, var(--lamp-4) 100%) var(--lamp-4);position:relative}body:before{content:"";z-index:-2;background:radial-gradient(34% 26% at 50% 46%, var(--lamp-glow), transparent 70%), radial-gradient(70% 50% at 50% 46%, var(--lamp-halo), transparent 80%);pointer-events:none;height:1500px;position:absolute;inset:0 0 auto}body:after{content:"";z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .12 0 0 0 0 .1 0 0 0 0 .08 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.demo-cap,.foot,.foot a[href^=mailto],.foot-links a{color:var(--on-lamp)}.ei{display:inline-block;position:relative}.tit{background:var(--fig);border-radius:50%;width:.13em;height:.18em;margin-left:-.065em;position:absolute;top:.06em;left:50%}@media (prefers-reduced-motion:no-preference){.tit{translate:calc(var(--lx,0) * .028em) calc(var(--ly,0) * .028em);transition:translate .35s var(--ease);animation:9s -4s infinite wisp-blink}}.wake{position:relative}.wake:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--wisp-glow) 55%, transparent), transparent);opacity:.7;border-radius:50%;width:260px;height:200px;transition:opacity .6s;position:absolute;top:30%;left:50%;translate:-50% -50%}.wake:hover:before{opacity:1}.wake .eye{filter:drop-shadow(0 0 1.6px color-mix(in srgb, var(--wisp-glow) 80%, transparent))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .wake:before{background:radial-gradient(closest-side, color-mix(in srgb, var(--wisp-glow) 16%, transparent), transparent)}}.desk{max-width:820px;margin:clamp(26px,4.5vh,40px) auto 0;position:relative}.desk:before,.desk:after{content:"";background:var(--panel);box-shadow:var(--lamp-sheet);opacity:.75;animation:rise .9s .24s var(--ease) both;border-radius:24px;position:absolute;inset:18px 14px -12px;rotate:-1.8deg}.desk:after{opacity:.5;animation-delay:.3s;inset:26px 30px -22px;rotate:1.3deg}.desk .demo{z-index:1;max-width:none;margin:0}.head{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:58px;padding:10px 24px;display:flex}.head-mark{width:36px;height:36px;display:none}.demo:not([data-phase=before]) .head-mark{display:block}.head-text{letter-spacing:-.02em;font-variant-numeric:tabular-nums;flex:1;min-width:0;font-size:17px;font-weight:600}.head-aside{color:var(--ink-3);font-size:13px}.again,.demo:not([data-phase=before]) .head-aside{display:none}.demo[data-phase=after] .again{display:block}.demo[data-phase=after] .head{border-bottom:0;min-height:76px}.demo[data-phase=after] .head-mark{width:42px;height:42px}.demo[data-phase=after] .head-text{letter-spacing:-.03em;font-size:26px}.inbox{position:relative}.demo:not([data-phase=before]) .wake-layer{display:none}.before li{max-height:44px;transition:background-color .3s, opacity .4s var(--ease), max-height .45s var(--ease), padding .45s var(--ease), translate .45s var(--ease), border-color .3s;grid-template-columns:130px minmax(0,1fr) auto}.before li>*{transition:opacity .3s}.before li.scan{background:color-mix(in srgb, var(--wisp-glow) 34%, var(--panel))}.verdict{background:var(--well);color:var(--ink-2);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:none}.judged time{display:none}.judged .verdict{animation:.4s cubic-bezier(.3,1.7,.5,1) both stamp;display:inline-block}.judged[data-v=needs] .verdict{background:var(--fig);color:var(--on-fig)}.judged:not([data-v=needs])>:not(.verdict){opacity:.5}.judged[data-v=orders] .prev{text-decoration:line-through;-webkit-text-decoration-color:var(--ink-2);text-decoration-color:var(--ink-2)}.judged[data-v=orders] .verdict{box-shadow:inset 0 0 0 1.5px var(--line-2);background:0 0}.before li.away{opacity:0;border-color:#0000;max-height:0;padding-block:0;translate:48px}@keyframes stamp{0%{opacity:0;transform:scale(1.5)rotate(-6deg)}}.pile{background:var(--well);color:var(--ink-2);font-variant-numeric:tabular-nums;border-radius:14px;align-items:center;gap:12px;margin:12px 24px 20px;padding:12px 16px;font-size:14px;display:none}.demo[data-phase=reading] .pile{display:flex}.pile-stack{flex:none;width:24px;height:18px;position:relative}.pile-stack i{border:1.5px solid var(--ink-3);background:var(--panel);border-radius:3px;position:absolute;inset:0}.pile-stack i:first-child{translate:-2px 2px;rotate:-9deg}.pile-stack i:nth-child(2){translate:2px 1px;rotate:6deg}.after-note .pile-stack{margin-top:2px}.demo{view-transition-name:demo}.demo[data-phase=before] .wake .mark,.demo:not([data-phase=before]) .head-mark{view-transition-name:wisp-hero}[data-vt=alice]{view-transition-name:row-alice}[data-vt=priya]{view-transition-name:row-priya}[data-vt=sam]{view-transition-name:row-sam}.pile,.after-note{view-transition-name:pile}::view-transition-group(*){animation-duration:.6s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-group(wisp-hero){animation-duration:.75s;animation-timing-function:cubic-bezier(.34,1.3,.5,1)}::view-transition-old(demo){animation-duration:.25s}.oath{max-width:calc(620px + 2 * var(--gutter));padding:0 var(--gutter);margin:clamp(72px,12vh,120px) auto 24px;position:relative}.oath-card{z-index:1;background:var(--panel);box-shadow:var(--paper-shadow);border-radius:22px;padding:36px 40px 30px;transition:rotate .6s cubic-bezier(.3,1.5,.5,1);position:relative;rotate:-1.2deg}.oath-card:hover{rotate:0deg}.oath h2{letter-spacing:-.04em;margin-bottom:20px;font-size:clamp(27px,3.6vw,36px);font-weight:600;line-height:1.08}.oath ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.oath li{color:var(--ink-2);text-wrap:pretty;font-size:16px}.oath li b{color:var(--ink);background:linear-gradient(var(--ink), var(--ink)) no-repeat 0 56% / 0% 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .6s var(--ease);font-weight:600}.oath.seen li b{background-size:100% 2px}.oath.seen li:nth-child(2) b{transition-delay:.25s}.oath.seen li:nth-child(3) b{transition-delay:.5s}.oath.seen li:nth-child(4) b{transition-delay:.75s}.oath-sign{color:var(--ink-3);align-items:center;gap:10px;margin-top:24px;font-size:15px;display:flex}.peek{z-index:0;top:0;right:calc(var(--gutter) + 56px);cursor:pointer;background:0 0;border:0;width:76px;height:76px;padding:0;transition:translate .7s cubic-bezier(.3,1.6,.5,1) .2s;position:absolute;translate:0 -8%}.oath.seen .peek{translate:0 -80%}.peek .mark{width:100%;height:100%}.peek:active .mark{transform:scale(1.1,.88)}.bubble{z-index:2;right:calc(var(--gutter) + 112px);background:var(--ink);max-width:240px;color:var(--canvas);opacity:0;transform-origin:100% 100%;pointer-events:none;border-radius:16px 16px 4px;padding:9px 14px;font-size:14px;font-weight:500;line-height:1.35;transition:opacity .2s,scale .3s cubic-bezier(.3,1.6,.5,1);position:absolute;top:-86px;scale:.8}.bubble.on{opacity:1;scale:1}@media (prefers-reduced-motion:no-preference){.peek.dizzy .mark{animation:.6s ease-in-out 3 wisp-wiggle}.peek.dizzy .wisp-glance{animation:.5s linear infinite eyes-spin}}@keyframes eyes-spin{0%{transform:translate(1.6px)}25%{transform:translateY(1.6px)}50%{transform:translate(-1.6px)}75%{transform:translateY(-1.6px)}to{transform:translate(1.6px)}}@media (width<=640px){body{font-size:16px}.door{text-align:center;flex-direction:column;gap:6px;font-size:15px}.to-row{padding:12px}.to-label{display:none}.to-field,.to-email{flex-basis:100%;height:48px;padding:0 5px 0 16px}.to-field{font-size:18px}.to-field:has(.to-btn[hidden]){padding-right:16px}.to-btn{height:38px;padding:0 14px}.to-note{margin-left:4px}.wake .mark{width:104px;height:104px}.before li{grid-template-columns:96px minmax(0,1fr);padding:10px 18px}.before time{display:none}.before li{grid-template-columns:92px minmax(0,1fr) auto}.head{padding:10px 18px}.demo[data-phase=after] .head{min-height:64px}.demo[data-phase=after] .head-text{font-size:19px}.demo[data-phase=after] .head-mark{width:34px;height:34px}.pile{margin:10px 18px 16px}.desk:before{inset:14px 8px -9px}.desk:after{inset:22px 18px -17px}.oath-card{padding:28px 22px 24px}.peek{width:60px;height:60px;right:calc(var(--gutter) + 28px)}.bubble{right:calc(var(--gutter) + 72px);top:-78px}.after .rows>li{grid-template-columns:32px minmax(0,1fr);padding:14px 18px}.after .rows>li.mistiq-row{padding:16px 18px 18px}.after .act{grid-column:2;justify-self:start}.m-share{flex-direction:column}.link-box{flex:none}.fine{margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
