@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/9ffc08a38813e78e-s.1cox7hpc1tfbr.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/44c9372a001b48d5-s.3t00_18uk4swp.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/61715dc81dd9b4e8-s.p.12wv-xs8vggjn.woff2)format("woff2");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:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/9ffc08a38813e78e-s.1cox7hpc1tfbr.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/44c9372a001b48d5-s.3t00_18uk4swp.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/61715dc81dd9b4e8-s.p.12wv-xs8vggjn.woff2)format("woff2");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:Fredoka Fallback;src:local(Arial);ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.0%;size-adjust:101.84%}._1f0Fiq_className{font-family:Fredoka,Fredoka Fallback;font-style:normal}._1f0Fiq_variable{--font-fredoka:"Fredoka", "Fredoka Fallback"}
@font-face{font-family:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4032351b19cb998e-s.2u3lqdovtp4z3.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(../media/cb4b92673aedbbad-s.p.0jgzmitmnoe6_.woff2)format("woff2");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:Figtree;font-style:normal;font-weight:500;font-display:swap;src:url(../media/4032351b19cb998e-s.2u3lqdovtp4z3.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:500;font-display:swap;src:url(../media/cb4b92673aedbbad-s.p.0jgzmitmnoe6_.woff2)format("woff2");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:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(../media/4032351b19cb998e-s.2u3lqdovtp4z3.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(../media/cb4b92673aedbbad-s.p.0jgzmitmnoe6_.woff2)format("woff2");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:Figtree Fallback;src:local(Arial);ascent-override:94.32%;descent-override:24.82%;line-gap-override:0.0%;size-adjust:100.72%}.oRFMlq_className{font-family:Figtree,Figtree Fallback;font-style:normal}.oRFMlq_variable{--font-figtree:"Figtree", "Figtree Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base,components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.text-wrap{text-wrap:wrap}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--font-display:var(--font-fredoka), "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--font-body:var(--font-figtree), "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--font-mono:"Cascadia Mono", Consolas, ui-monospace, monospace;--bg:#f8faff;--side-bg:#edf0fb;--surface:#fff;--line:#e1e6f5;--ink:#1b2038;--ink-2:#565d7c;--ink-3:#6f7696;--accent:#2f6bf0;--accent-ink:#fff;--nav-bg:#ffffffc7;--faint-shadow:#212e6e2e;--close:#c42b1c;--on-close:#fff;--toggle-track:#dae5ff;--sun:#f0a020;--moon:#9db8ff;--ok-bg:#d5f5e6;--ok-fg:#1e7a4f;--hero-base:#fff7f8;--mesh-a:#ffd3df;--mesh-b:#c7dcff;--mesh-c:#ffdcc6;--mesh-d:#d3f4e4;--sky-bg:#ddebff;--sky-fg:#2457b8;--mint-bg:#d6f5e7;--mint-fg:#1a7a4f;--peach-bg:#ffe4d3;--peach-fg:#b4521d;--lilac-bg:#e9e1ff;--lilac-fg:#5f45c4;--butter-bg:#fff2c6;--butter-fg:#8a6a00;--rose-bg:#ffdfe8;--rose-fg:#b83763}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0c0c0d;--side-bg:#1a1a1c;--surface:#202023;--line:#2e2e33;--ink:#f2f2f4;--ink-2:#a8a8b0;--ink-3:#8c8c95;--accent:#7ba3ff;--accent-ink:#0a1230;--nav-bg:#202023c7;--faint-shadow:#0009;--toggle-track:#3a3a40;--moon:#b9ccff;--ok-bg:#16302a;--ok-fg:#7fe0b0;--hero-base:#101012;--mesh-a:#3c1d29;--mesh-b:#1c2a44;--mesh-c:#392619;--mesh-d:#16302a;--sky-bg:#1c2a44;--sky-fg:#9cc2ff;--mint-bg:#16302a;--mint-fg:#7fe0b0;--peach-bg:#392619;--peach-fg:#ffb58c;--lilac-bg:#29244a;--lilac-fg:#bfaeff;--butter-bg:#352d10;--butter-fg:#ffd866;--rose-bg:#3c1d29;--rose-fg:#ff9fbd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0c0c0d;--side-bg:#1a1a1c;--surface:#202023;--line:#2e2e33;--ink:#f2f2f4;--ink-2:#a8a8b0;--ink-3:#8c8c95;--accent:#7ba3ff;--accent-ink:#0a1230;--nav-bg:#202023c7;--faint-shadow:#0009;--toggle-track:#3a3a40;--moon:#b9ccff;--ok-bg:#16302a;--ok-fg:#7fe0b0;--hero-base:#101012;--mesh-a:#3c1d29;--mesh-b:#1c2a44;--mesh-c:#392619;--mesh-d:#16302a;--sky-bg:#1c2a44;--sky-fg:#9cc2ff;--mint-bg:#16302a;--mint-fg:#7fe0b0;--peach-bg:#392619;--peach-fg:#ffb58c;--lilac-bg:#29244a;--lilac-fg:#bfaeff;--butter-bg:#352d10;--butter-fg:#ffd866;--rose-bg:#3c1d29;--rose-fg:#ff9fbd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{padding-block:0 40px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:30;background:var(--bg);position:fixed;inset:0 0 auto}img{max-width:100%;display:block}[hidden]{display:none!important}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px}.ico{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1em;height:1em}.ico.fill{fill:currentColor;stroke:none}.wrap{max-width:1160px;margin-inline:auto}.tone-sky{--t-bg:var(--sky-bg);--t-fg:var(--sky-fg)}.tone-mint{--t-bg:var(--mint-bg);--t-fg:var(--mint-fg)}.tone-peach{--t-bg:var(--peach-bg);--t-fg:var(--peach-fg)}.tone-lilac{--t-bg:var(--lilac-bg);--t-fg:var(--lilac-fg)}.tone-butter{--t-bg:var(--butter-bg);--t-fg:var(--butter-fg)}.tone-rose{--t-bg:var(--rose-bg);--t-fg:var(--rose-fg)}.nav{top:calc(env(safe-area-inset-top,0px) + 10px);z-index:20;border:1px solid var(--line);background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;justify-content:space-between;align-items:center;gap:16px;max-width:1160px;margin:10px auto 0;padding:8px 10px 8px 14px;display:flex;position:sticky}.brand{font-family:var(--font-display);align-items:center;gap:10px;font-size:19px;font-weight:600;text-decoration:none;display:inline-flex}.brand img{width:32px;height:32px}.nav-links{gap:6px;display:flex}.nav-links a{color:var(--ink-2);border-radius:999px;padding:7px 14px;font-size:14.5px;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s}.nav-links a:hover{background:var(--side-bg);color:var(--ink)}.nav-right{align-items:center;gap:10px;display:flex}.theme{background:var(--toggle-track);border:0;border-radius:999px;width:56px;height:30px;padding:0;transition:background-color .35s;position:relative}.theme .knob{background:var(--surface);border-radius:50%;place-items:center;width:24px;height:24px;transition:transform .45s cubic-bezier(.34,1.4,.5,1),background-color .35s;display:grid;position:absolute;top:3px;left:3px}.theme .knob .ico{font-size:14px;transition:transform .45s,opacity .3s;position:absolute}.theme .sun{color:var(--sun)}.theme .moon{color:var(--moon);opacity:0;transform:rotate(-70deg)scale(.6)}.theme[aria-checked=true] .knob{transform:translate(26px)}.theme[aria-checked=true] .sun{opacity:0;transform:rotate(70deg)scale(.6)}.theme[aria-checked=true] .moon{opacity:1;transform:none}.btn{border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:12px 22px;font-size:15.5px;font-weight:600;text-decoration:none;transition:transform .2s,background-color .2s;display:inline-flex}.btn .ico{font-size:17px}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover{transform:translateY(-1px)}.btn.primary:active{transform:scale(.98)}.btn.line{border-color:var(--line);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.btn.line{background:color-mix(in srgb, var(--surface) 70%, transparent)}}.btn.line:hover{background:var(--surface)}.btn.small{padding:8px 16px;font-size:14px}.btn.big{padding:15px 28px;font-size:17px}.hero{background:radial-gradient(55% 60% at 6% 28%, var(--mesh-a), transparent 72%), radial-gradient(45% 55% at 96% 16%, var(--mesh-b), transparent 72%), radial-gradient(60% 50% at 52% 108%, var(--mesh-c), transparent 72%), radial-gradient(38% 42% at 72% 0%, var(--mesh-d), transparent 72%), var(--hero-base);border-radius:30px;max-width:1160px;margin:14px auto 0;position:relative;overflow:hidden}.hero-top{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:52px 20px 0;display:flex}.app-icon{width:108px;height:108px;animation:.7s cubic-bezier(.34,1.5,.5,1) both pop}@keyframes pop{0%{transform:scale(.75)rotate(-8deg)}to{transform:none}}.platform{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:5px 14px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.platform{background:color-mix(in srgb, var(--surface) 70%, transparent)}}.platform{color:var(--ink-2);font-size:13.5px;font-weight:600}.platform .ico{color:var(--accent);font-size:14px}h1{max-width:14ch;font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(42px,7vw,76px);font-weight:600;line-height:1.03}.mark{background:linear-gradient(transparent 62%, var(--accent) 62%)}@supports (color:color-mix(in lab, red, red)){.mark{background:linear-gradient(transparent 62%, color-mix(in srgb, var(--accent) 24%, transparent) 62%)}}.lead{max-width:52ch;color:var(--ink-2);text-wrap:pretty;margin:0;font-size:clamp(16.5px,2vw,19px)}.cta{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.micro{color:var(--ink-2);flex-wrap:wrap;justify-content:center;gap:4px 18px;font-size:13.5px;display:flex}.micro span{align-items:center;gap:7px;display:inline-flex}.micro .ico{color:var(--ok-fg);stroke-width:2.4px;font-size:14px}.stage{max-width:1060px;margin:44px auto 0;padding-inline:clamp(10px,4vw,56px)}.mock{border:1px solid var(--line);background:var(--side-bg);height:470px;box-shadow:0 30px 60px -44px var(--faint-shadow);border-bottom:0;border-radius:14px 14px 0 0;grid-template-rows:40px minmax(0,1fr);grid-template-columns:214px minmax(0,1fr);font-size:14px;line-height:1.45;animation:.8s cubic-bezier(.2,.8,.2,1) .15s both rise;display:grid;overflow:hidden}@keyframes rise{0%{transform:translateY(28px)}to{transform:none}}.m-title{grid-column:1/-1;justify-content:space-between;align-items:center;padding-left:12px;display:flex}.m-brand{align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.m-brand img{width:18px;height:18px}.m-ctl{display:flex}.m-ctl span{width:42px;height:40px;color:var(--ink);place-items:center;font-size:13px;display:grid}.m-side{flex-direction:column;gap:10px;min-width:0;padding:4px 12px 0;display:flex}.m-search{border:1px solid var(--line);background:var(--surface);color:var(--ink-3);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.m-search .ico{font-size:14px}.m-quick{background:var(--accent);color:var(--accent-ink);border-radius:999px;justify-content:space-between;align-items:center;gap:6px;padding:10px 14px;font-size:13.5px;font-weight:600;display:flex}.m-quick small{opacity:.85;white-space:nowrap;font-size:10.5px;font-weight:600}.m-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:2px 6px 0;font-size:10.5px;font-weight:600}.m-folder{border-radius:14px;align-items:center;gap:9px;padding:5px 8px;font-size:13.5px;font-weight:500;display:flex}.m-folder.on{background:var(--surface);box-shadow:0 0 0 1px var(--line)}.m-folder b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.m-folder i{color:var(--ink-3);font-size:12px;font-style:normal}.fi{background:var(--t-bg,var(--line));width:26px;height:26px;color:var(--t-fg,var(--ink));border-radius:9px;place-items:center;font-size:14px;display:grid}.m-main{background:var(--bg);border-top-left-radius:20px;flex-direction:column;gap:16px;min-width:0;padding:20px 24px 0;display:flex}.m-hello h3{font-family:var(--font-display);margin:0;font-size:25px;font-weight:600;line-height:1.15}.m-hello p{color:var(--ink-2);margin:2px 0 0;font-size:13px}.m-capture{border:1.5px solid var(--line);background:var(--surface);border-radius:20px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.m-capture p{margin:0;font-size:15px;font-weight:500;line-height:1.5}.caret{vertical-align:-.15em;background:var(--accent);width:2px;height:1.05em;margin-left:2px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.m-foot{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hint{background:var(--bg);color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.kbd{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 11px var(--font-body);border-radius:6px;padding:0 6px}.status{color:var(--ok-fg);align-items:center;gap:6px;margin-left:auto;font-size:12px;font-weight:500;display:inline-flex}.status .dot{background:var(--ok-bg);border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;display:grid}.status[data-state=saving]{color:var(--ink-2)}.status[data-state=saving] .dot{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.status[data-state=saving] .dot{background:color-mix(in srgb, var(--accent) 22%, transparent)}}.status[data-state=saving] .dot{color:var(--accent)}.m-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.m-head h4{font-family:var(--font-display);margin:0;font-size:17px;font-weight:600}.m-head span{color:var(--ink-3);font-size:12px}.m-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.m-card{background:var(--t-bg);border-radius:18px;flex-direction:column;gap:6px;min-width:0;padding:13px 14px;display:flex}.m-card h5{font-family:var(--font-display);margin:0;font-size:15.5px;font-weight:500;line-height:1.25}.m-card p{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;display:-webkit-box;overflow:hidden}.m-link{min-width:0;color:var(--t-fg);align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:flex}.m-link span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.m-meta{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:2px;display:flex}.chip{background:var(--surface);border-radius:999px;align-items:center;padding:2px 9px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.chip{background:color-mix(in srgb, var(--surface) 62%, transparent)}}.chip{color:var(--t-fg);font-size:11.5px;font-weight:600}.when{color:var(--ink-2);white-space:nowrap;font-size:11.5px}:root{--mesh:radial-gradient(55% 60% at 6% 28%, var(--mesh-a), transparent 72%), radial-gradient(45% 55% at 96% 16%, var(--mesh-b), transparent 72%), radial-gradient(60% 50% at 52% 108%, var(--mesh-c), transparent 72%), radial-gradient(38% 42% at 72% 0%, var(--mesh-d), transparent 72%), var(--hero-base)}main{gap:120px;padding-top:112px;display:grid}.block{text-align:center;justify-items:center;gap:44px;width:100%;max-width:1160px;margin-inline:auto;display:grid}.head{justify-items:center;gap:12px;max-width:680px;display:grid}h2{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(32px,4.8vw,52px);font-weight:600;line-height:1.06}.head p{max-width:50ch;color:var(--ink-2);text-wrap:pretty;margin:0;font-size:18px}section[id]{scroll-margin-top:90px}.card{border:1px solid var(--line);background:var(--surface);border-radius:24px}.tabs{border:1px solid var(--line);background:var(--side-bg);border-radius:999px;flex-wrap:wrap;justify-content:center;gap:4px;padding:5px;display:inline-flex}.tab{color:var(--ink-2);background:0 0;border:0;border-radius:999px;padding:9px 20px;font-size:15px;font-weight:600;transition:background-color .2s,color .2s}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line)}.showcase{background:var(--mesh);border-radius:30px;width:100%;overflow:hidden}.pane{justify-items:center;gap:22px;padding:48px clamp(10px,4vw,56px) 0;display:grid}.show-copy{justify-items:center;gap:10px;padding-inline:10px;display:grid}.show-copy h3{font-family:var(--font-display);text-wrap:balance;margin:0;font-size:clamp(25px,3.2vw,34px);font-weight:600;line-height:1.12}.show-copy p{max-width:54ch;color:var(--ink-2);text-wrap:pretty;margin:0;font-size:17px}.show-copy code{background:var(--surface);border-radius:7px;padding:1px 7px}@supports (color:color-mix(in lab, red, red)){.show-copy code{background:color-mix(in srgb, var(--surface) 70%, transparent)}}.show-copy code{font:500 14.5px var(--font-mono);color:var(--ink)}.keys{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.key{border:1.5px solid var(--line);background:var(--surface);min-width:56px;height:56px;font-family:var(--font-display);border-bottom-width:5px;border-radius:16px;place-items:center;padding:0 16px;font-size:20px;font-weight:600;display:inline-grid}.plus{color:var(--ink-3);font-size:20px;font-weight:600}.win{border:1px solid var(--line);background:var(--side-bg);text-align:left;width:min(100%,900px);height:372px;box-shadow:0 30px 60px -44px var(--faint-shadow);border-bottom:0;border-radius:14px 14px 0 0;grid-template-rows:40px minmax(0,1fr);font-size:14px;line-height:1.45;display:grid;overflow:hidden}.win.short-win{height:290px}.win-body{background:var(--bg);border-radius:18px 18px 0 0;align-content:start;min-width:0;min-height:0;margin-inline:8px;display:grid;overflow:hidden}.ed-bar{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 22px;display:flex}.back-btn{background:var(--side-bg);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.ed-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-display);flex:1;font-size:19px;font-weight:600;overflow:hidden}.ed-title.muted{color:var(--ink-3)}.ed-body{align-content:start;gap:14px;padding:20px 28px;font-size:16px;display:grid}.ed-body p{margin:0}.ed-body ul{gap:4px;margin:0;padding-left:22px;display:grid}.tools{border:1px solid var(--line);background:var(--side-bg);border-radius:14px;flex-wrap:wrap;align-items:center;gap:4px;width:fit-content;max-width:100%;padding:5px;display:flex}.tool{border-radius:9px;place-items:center;width:30px;height:30px;font-size:14px;font-weight:600;display:grid}.tool .ico{font-size:16px}.tool.on{background:var(--surface);box-shadow:0 0 0 1px var(--line)}.tool.i{font-style:italic}.tool.u{text-decoration:underline}.tool.s{text-decoration:line-through}.swatch{background:var(--t-fg);border-radius:50%;width:14px;height:14px;margin-inline:3px}.sep{background:var(--line);width:1px;height:18px;margin-inline:4px}.c-rose{color:var(--rose-fg);font-weight:600}.c-lilac{color:var(--lilac-fg)}.hl{background:var(--butter-bg);border-radius:5px;padding:0 4px}.ref{background:var(--sky-bg);color:var(--sky-fg);vertical-align:1px;border-radius:999px;align-items:center;gap:5px;padding:1px 9px;font-size:14.5px;font-weight:600;display:inline-flex}.ref .ico{font-size:13px}.todo{align-items:center;gap:10px;display:flex}.box{border:1.5px solid var(--ink-3);border-radius:6px;place-items:center;width:18px;height:18px;font-size:12px;display:grid}.box.on{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.todo s{color:var(--ink-3)}.grid-tbl{border:1px solid var(--line);border-radius:14px;grid-template-columns:minmax(0,1fr) 90px;width:min(100%,360px);font-size:14px;display:grid;overflow:hidden}.grid-tbl>div{border-top:1px solid var(--line);padding:7px 12px}.grid-tbl>.th{background:var(--side-bg);color:var(--ink-2);border-top:0;font-weight:600}.pill{background:var(--t-bg);color:var(--t-fg);border-radius:999px;align-items:center;padding:1px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.menu{border:1px solid var(--line);background:var(--surface);width:min(100%,380px);box-shadow:0 14px 30px -20px var(--faint-shadow);border-radius:18px;gap:2px;padding:6px;display:grid}.menu-h{color:var(--ink-2);align-items:center;gap:8px;padding:6px 10px 8px;font-size:13px;display:flex}.menu-item{border-radius:13px;align-items:center;gap:10px;padding:8px 10px;display:flex}.menu-item.on{background:var(--side-bg)}.menu-item b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14.5px;font-weight:600;overflow:hidden}.menu-item small{color:var(--ink-3);white-space:nowrap;font-size:12px}.back{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.xp{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.addr-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 18px;display:flex}.addr{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--ink-2);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:5px 12px;font-size:13px;display:flex}.addr .ico{color:var(--ink-3);font-size:14px}.addr b{color:var(--ink);font-weight:600}.xp-split{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);min-height:0;display:grid}.xp-list{align-content:start;min-width:0;padding:8px 10px;display:grid}.xp-row{border-radius:10px;grid-template-columns:minmax(0,1fr) 130px 70px;align-items:center;gap:10px;padding:7px 10px;font-size:13.5px;display:grid}.xp-row.h{color:var(--ink-3);padding-block:5px;font-size:12px;font-weight:600}.xp-row.on{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.xp-row.on{background:color-mix(in srgb, var(--accent) 12%, var(--surface))}}.xp-row .nm{align-items:center;gap:9px;min-width:0;font-weight:500;display:flex}.xp-row .nm span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.xp-row .nm .ico{color:var(--t-fg);font-size:16px}.xp-row small{color:var(--ink-2);white-space:nowrap;font-size:12.5px}.xp-prev{border-left:1px solid var(--line);background:var(--surface);min-width:0}.xp-prev .p-h{border-bottom:1px solid var(--line);background:var(--side-bg);font:500 12.5px var(--font-mono);color:var(--ink-2);align-items:center;gap:8px;padding:9px 16px;display:flex}.xp-prev .p-h .ico{color:var(--sky-fg);font-size:14px}.src{white-space:pre-wrap;overflow-wrap:anywhere;font:500 13px/1.75 var(--font-mono);color:var(--ink);margin:0;padding:14px 16px}.src .h{color:var(--accent)}.src .m{color:var(--ink-3)}.src .l{color:var(--sky-fg)}.feat{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;display:grid}.f{text-align:center;align-content:start;justify-items:center;gap:8px;padding:26px 18px;display:grid}.f .fi{border-radius:15px;width:46px;height:46px;font-size:22px}.f h4{font-family:var(--font-display);margin:8px 0 0;font-size:19px;font-weight:500}.f p{color:var(--ink-2);margin:0;font-size:14.5px}.short{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;display:grid}.shortcut{text-align:center;align-content:center;justify-items:center;gap:16px;min-height:140px;padding:22px 18px;display:grid}.shortcut .keys{gap:6px}.k{border:1.5px solid var(--line);background:var(--side-bg);min-width:36px;height:36px;font:600 14px var(--font-body);border-bottom-width:3px;border-radius:10px;place-items:center;padding:0 11px;display:inline-grid}.shortcut .what{font-size:15.5px;font-weight:600}.dl{background:var(--mesh);text-align:center;border-radius:32px;justify-items:center;gap:18px;width:100%;padding:clamp(36px,6vw,72px) clamp(14px,4vw,56px);display:grid}.dl>img{width:96px;height:96px}.dl p{max-width:46ch;color:var(--ink-2);margin:0;font-size:17.5px}.dl-meta{color:var(--ink-2);flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:14px;display:flex}.dl .dl-note{max-width:56ch;font-size:13.5px}.steps{counter-reset:step;text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:980px;margin:22px 0 0;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--line);background:var(--surface);border-radius:24px;align-content:start;gap:12px;padding:20px;display:grid}@supports (color:color-mix(in lab, red, red)){.steps li{background:color-mix(in srgb, var(--surface) 82%, transparent)}}.steps li{counter-increment:step}.steps li:before{content:counter(step);background:var(--accent);width:36px;height:36px;color:var(--accent-ink);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:16px;font-weight:600;display:grid}.steps b{font-size:16.5px;font-weight:600;display:block}.steps span{color:var(--ink-2);margin-top:2px;font-size:14.5px;display:block}.faq{text-align:left;gap:10px;width:100%;max-width:780px;display:grid}.faq details{overflow:hidden}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:16.5px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary .ico{color:var(--ink-3);font-size:18px;transition:transform .3s}.faq details[open] summary .ico{transform:rotate(45deg)}.faq-a{max-width:62ch;color:var(--ink-2);padding:0 22px 20px;font-size:16px}.faq-a p{margin:0}.faq-a code{background:var(--side-bg);font:500 14.5px var(--font-mono);color:var(--ink);border-radius:7px;padding:1px 7px}footer{border-top:1px solid var(--line);text-align:center;max-width:1160px;color:var(--ink-2);justify-items:center;gap:8px;margin:120px auto 0;padding-top:32px;font-size:14px;display:grid}footer .brand{color:var(--ink);font-size:18px}footer .brand img{width:30px;height:30px}footer a{text-underline-offset:3px}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}.theme-fade,.theme-fade *{transition:background-color .4s,color .4s,border-color .4s!important}@media (max-width:980px){.feat,.short{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-row{grid-template-columns:minmax(0,1fr) 70px}.xp-row>:nth-child(2){display:none}}@media (max-width:860px){main{gap:96px;padding-top:88px}.nav-links{display:none}.mock{grid-template-columns:minmax(0,1fr);height:400px}.m-side{display:none}.m-main{border-top-left-radius:0;padding:16px 16px 0}.m-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.m-grid .m-card:nth-child(n+5){display:none}.steps,.xp-split{grid-template-columns:minmax(0,1fr)}.xp-prev{display:none}}@media (max-width:520px){.feat,.short{grid-template-columns:minmax(0,1fr)}.nav .btn{display:none}.hero-top{padding-top:40px}.app-icon{width:88px;height:88px}.mock{height:360px}.m-grid{grid-template-columns:minmax(0,1fr)}.m-grid .m-card:nth-child(n+3){display:none}.tab{padding:8px 14px;font-size:14px}.key{min-width:48px;height:48px;padding:0 12px;font-size:17px}.win{height:340px}.ed-body{padding:16px 18px}.ed-bar{padding:12px 16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.theme:not([data-ready]) .knob,.theme:not([data-ready]) .knob .ico{transition:none}:root[data-theme=dark] .theme:not([data-ready]) .knob{transform:translate(26px)}:root[data-theme=dark] .theme:not([data-ready]) .sun{opacity:0;transform:rotate(70deg)scale(.6)}:root[data-theme=dark] .theme:not([data-ready]) .moon{opacity:1;transform:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme:not([data-ready]) .knob{transform:translate(26px)}:root:not([data-theme=light]) .theme:not([data-ready]) .sun{opacity:0;transform:rotate(70deg)scale(.6)}:root:not([data-theme=light]) .theme:not([data-ready]) .moon{opacity:1;transform:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}