@font-face{font-family:Red Hat Display;font-style:normal;font-weight:600;font-display:swap;src:url(../media/c950f733eba41bd9-s.0m-tukztnbfj2.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:Red Hat Display;font-style:normal;font-weight:600;font-display:swap;src:url(../media/52a7d0e3ecd1a948-s.p.1gm07tn65bh6r.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:Red Hat Display Fallback;src:local(Arial);ascent-override:102.68%;descent-override:30.76%;line-gap-override:0.0%;size-adjust:99.15%}._5QeQqa_className{font-family:Red Hat Display,Red Hat Display Fallback;font-style:normal;font-weight:600}._5QeQqa_variable{--font-rh-display:"Red Hat Display", "Red Hat Display Fallback"}
@font-face{font-family:Red Hat Text;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2b086ac7cdea8fbb-s.2hturxiopra4_.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:Red Hat Text;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fe76bb8bb0cc06e0-s.p.0gwx39mx-bkmv.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:Red Hat Text;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2b086ac7cdea8fbb-s.2hturxiopra4_.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:Red Hat Text;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fe76bb8bb0cc06e0-s.p.0gwx39mx-bkmv.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:Red Hat Text Fallback;src:local(Arial);ascent-override:101.53%;descent-override:30.42%;line-gap-override:0.0%;size-adjust:100.27%}.coKkRW_className{font-family:Red Hat Text,Red Hat Text Fallback;font-style:normal}.coKkRW_variable{--font-rh-text:"Red Hat Text", "Red Hat Text Fallback"}
@font-face{font-family:Red Hat Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/17c0419837be0da9-s.0alzuuumj70pf.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:Red Hat Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e9b43787b0c6aaf8-s.p.3uswbe7t4h314.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:Red Hat Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/17c0419837be0da9-s.0alzuuumj70pf.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:Red Hat Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/e9b43787b0c6aaf8-s.p.3uswbe7t4h314.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:Red Hat Mono Fallback;src:local(Arial);ascent-override:75.64%;descent-override:22.66%;line-gap-override:0.0%;size-adjust:134.59%}.j4Bfga_className{font-family:Red Hat Mono,Red Hat Mono Fallback;font-style:normal}.j4Bfga_variable{--font-rh-mono:"Red Hat Mono", "Red Hat Mono Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.8125rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5625rem;--text-2xl:1.953rem;--text-3xl:2.441rem;--text-display-s:clamp(2.25rem, 4vw + .5rem, 3.75rem);--text-display:clamp(2.75rem, 5vw + 1rem, 5.25rem);--text-section:clamp(2rem, 2.5vw + 1rem, 3.5rem);--text-title:clamp(1.25rem, .75vw + .875rem, 1.625rem);--text-lead:clamp(1.125rem, .35vw + 1rem, 1.375rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--color-error:#be2323;--color-success:#21763c;--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:#f5f1ea;--color-paper-2:#fffdfa;--color-paper-3:#e9e4d9;--color-ink:#14110f;--color-ink-2:#2c2825;--color-muted:#58514c;--color-rule:#dbd7ce;--color-accent:#156141;--color-accent-ink:#fdfaf4;--color-accent-soft:#d3eede;--color-focus:#0b764d;--color-amber:#9d6300;--color-amber-soft:#f9e1b8;--color-green:#246e3a;--color-green-soft:#d3edd7;--color-contour:#a67c5c;--color-water:#628699;--color-hedge:#337344;--color-grid:#e2ddd4;--color-grid-strong:#d3cdc1;--color-sheet:#fefdfa;--font-display:var(--font-rh-display), "Red Hat Display", "Red Hat Text", ui-sans-serif, sans-serif;--font-body:var(--font-rh-text), "Red Hat Text", ui-sans-serif, system-ui, sans-serif;--font-outlier:var(--font-rh-mono), "Red Hat Mono", ui-monospace, monospace;--radius-card:10px;--radius-entry:14px;--radius-pill:6px;--rule-hair:1px;--shadow-card:0 1px 2px #14110f14, 0 14px 28px -16px #14110f47;--shadow-lift:0 1px 1px #14110f1a, 0 2px 4px -1px #14110f1a, 0 24px 44px -20px #14110f6b;--tracking-display:-.035em;--display-weight:600}@supports (color:lab(0% 0 0)){:root{--color-error:lab(42.4236% 59.8149 41.9956);--color-success:lab(43.5038% -36.3107 24.0307);--color-paper:lab(95.4039% .319183 4.19713);--color-paper-2:lab(99.4405% .13569 1.9016);--color-paper-3:lab(90.7822% .491828 6.12388);--color-ink:lab(5.25845% .798501 1.4431);--color-ink-2:lab(16.4636% 1.38307 2.68679);--color-muted:lab(35.0156% 2.07083 4.02747);--color-rule:lab(86.1311% .389814 4.96876);--color-accent:lab(36.2271% -29.988 11.7828);--color-accent-ink:lab(98.2924% .224292 3.04729);--color-accent-soft:lab(91.7736% -11.2534 4.46893);--color-focus:lab(43.4476% -36.7964 14.4413);--color-amber:lab(47.5262% 19.7719 55.601);--color-amber-soft:lab(90.8665% 3.71498 23.5272);--color-green:lab(41.063% -33.2335 21.9352);--color-green-soft:lab(91.2533% -11.8417 7.5634);--color-contour:lab(55.6765% 14.064 24.3541);--color-water:lab(53.7331% -9.32378 -14.6569);--color-hedge:lab(43.2686% -30.0935 19.7304);--color-grid:lab(88.4549% .422925 5.35318);--color-grid-strong:lab(82.6689% .573039 6.90337);--color-sheet:lab(99.2045% .107348 1.52054);--shadow-card:0 1px 2px lab(5.25845% .798501 1.4431/.08), 0 14px 28px -16px lab(5.25845% .798501 1.4431/.28);--shadow-lift:0 1px 1px lab(5.25845% .798501 1.4431/.1), 0 2px 4px -1px lab(5.25845% .798501 1.4431/.1), 0 24px 44px -20px lab(5.25845% .798501 1.4431/.42)}}
*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{background:color-mix(in oklab, var(--color-accent) 22%, transparent);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;line-height:1.05}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);max-width:52ch;line-height:1.45}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (max-width:60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (max-width:40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-slot]>img{filter:contrast(1.08)saturate(.94)}
:root{--nav-h:64px;--stage-min:560px;--map-gap:var(--space-xl)}.btn{justify-content:center;align-items:center;gap:var(--space-xs);min-height:48px;padding:0 var(--space-lg);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-2);color:var(--color-ink);font:500 var(--text-md) / 1 var(--font-body);white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px 0 var(--color-sheet), 0 1px 1px var(--color-rule);transition:background-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-paper-3)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn[aria-busy=true]{cursor:progress}.btn--primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:color-mix(in oklab, var(--color-accent) 78%, var(--color-ink));box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-sheet) 32%, transparent), inset 0 -1px 0 color-mix(in oklab, var(--color-ink) 10%, transparent)}.btn--primary:hover{background:color-mix(in oklab, var(--color-accent) 90%, var(--color-ink))}.btn--quiet{background:var(--color-paper-2)}.btn--sm{min-height:40px;padding:0 var(--space-md);font-size:var(--text-sm)}.btn--danger{color:var(--color-error)}.btn--danger:hover{background:color-mix(in oklab, var(--color-error) 8%, var(--color-paper-2))}.field{position:relative}.field label{left:var(--space-md);top:var(--space-xs);font-size:var(--text-xs);color:var(--color-muted);pointer-events:none;font-weight:500;position:absolute}.field input,.field textarea{width:100%;min-height:56px;padding:28px var(--space-md) var(--space-xs);border:var(--rule-hair) solid var(--color-muted);border-radius:var(--radius-pill);background:var(--color-sheet);color:var(--color-ink);outline-offset:-1px;transition:border-color var(--dur-short) var(--ease-out);outline:2px solid #0000;display:block}.field textarea{min-height:112px;padding-top:28px;padding-bottom:var(--space-lg);resize:vertical}.field input::placeholder,.field textarea::placeholder{color:color-mix(in oklab, var(--color-muted) 70%, var(--color-sheet))}.field input:hover,.field textarea:hover{border-color:var(--color-ink-2)}.field input:focus-visible,.field textarea:focus-visible{outline-color:var(--color-focus);border-color:var(--color-focus)}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--color-error)}.field__count{right:var(--space-sm);bottom:var(--space-2xs);font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-muted);pointer-events:none;position:absolute}.field:not(.field--area) .field__count{top:var(--space-xs);bottom:auto}.trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}code,pre{font-family:var(--font-outlier)}code.inline{background:var(--color-paper-3);overflow-wrap:anywhere;border-radius:4px;padding:.1em .35em;font-size:.875em}.chip{min-height:24px;padding:0 var(--space-xs);border-radius:var(--radius-pill);font-size:var(--text-xs);background:var(--color-paper-3);color:var(--color-ink);align-items:center;font-weight:500;display:inline-flex}.chip[data-status=new]{background:var(--color-amber-soft)}.chip[data-status=done]{background:var(--color-accent-soft);color:var(--color-accent)}.seg{padding:var(--space-2xs);gap:var(--space-3xs);border:var(--rule-hair) solid var(--color-rule);border-radius:calc(var(--radius-pill) + 4px);background:var(--color-paper-2);display:inline-flex}.seg button,.seg a{min-height:40px;padding:0 var(--space-md);border-radius:var(--radius-pill);color:var(--color-ink-2);font-weight:500;font-size:var(--text-sm);align-items:center;gap:var(--space-xs);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out);background:0 0;border:0;text-decoration:none;display:inline-flex}.seg button:hover,.seg a:hover{background:var(--color-paper-3)}.seg button[aria-selected=true],.seg a[aria-current=true]{background:var(--color-accent);color:var(--color-accent-ink)}.seg button:focus-visible,.seg a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.nav{z-index:var(--z-sticky-nav);background:color-mix(in oklab, var(--color-paper) 94%, transparent);-webkit-backdrop-filter:saturate(1.2)blur(8px);backdrop-filter:saturate(1.2)blur(8px);border-bottom:var(--rule-hair) solid var(--color-ink);transition:transform var(--dur-long) var(--ease-out);position:sticky;top:0}.nav[data-hidden]{transform:translateY(-100%)}.nav:focus-within{transform:none}.nav__inner{min-height:var(--nav-h);justify-content:space-between;align-items:center;display:flex}.wordmark{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--text-xl);letter-spacing:var(--tracking-display);text-decoration:none}.wordmark:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:2px}.nav__links{align-items:center;gap:var(--space-lg);font-size:var(--text-sm);font-weight:500;display:flex}.nav__main{align-items:center;gap:var(--space-lg);display:flex}.nav__main>a:not(.btn){color:var(--color-ink-2);text-decoration:none}.nav__main>a:not(.btn):hover{color:var(--color-ink);text-decoration:underline}.nav__main>a:not(.btn):focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:2px}@media (max-width:52rem){.nav__main>a:not(.btn){display:none}}@media (max-width:34rem){.nav__main{display:none}}.lang{font-size:var(--text-sm);align-items:center;font-weight:500;display:flex}.lang a{min-height:32px;padding:0 var(--space-xs);color:var(--color-muted);border-radius:var(--radius-pill);transition:color var(--dur-short) var(--ease-out);align-items:center;text-decoration:none;display:inline-flex}.lang a+a{border-left:var(--rule-hair) solid var(--color-rule);border-radius:0}.lang a:hover{color:var(--color-ink)}.lang a[aria-current=true]{color:var(--color-accent);text-underline-offset:.35em;text-decoration:underline;text-decoration-thickness:2px}.lang a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.hero{gap:var(--space-3xl);min-height:calc(100svh - var(--nav-h));padding-block:var(--space-2xl) var(--space-3xl);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;display:grid}.hero h1{outline:none;max-width:13ch;font-size:clamp(2.75rem,4.4vw + .75rem,5rem)}.hero__lead{margin-top:var(--space-md);color:var(--color-ink-2)}.create{gap:var(--space-sm);margin-top:var(--space-xl);max-width:34rem;display:grid}.create__row{align-items:center;gap:var(--space-md);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.create__help{font-size:var(--text-sm);color:var(--color-muted);min-height:1lh}:is(.create__help:has(+*),.create__help){flex:1;min-width:14rem}.stage{min-height:var(--stage-min);height:min(680px, calc(100svh - var(--nav-h) - 2 * var(--space-2xl)));border-radius:var(--radius-card);box-shadow:0 0 0 1px var(--color-rule);background:linear-gradient(var(--color-grid) 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, var(--color-grid) 1px, transparent 1px) 0 0 / 24px 24px, var(--color-paper-2);margin:0;position:relative;overflow:hidden}.stage__caption{top:var(--space-md);left:var(--space-md);font-size:var(--text-sm);color:var(--color-muted);font-weight:500;position:absolute}.stage .wp{right:var(--space-lg);bottom:var(--space-lg);position:absolute}.wp{align-items:flex-end;gap:var(--space-sm);flex-direction:column;width:min(360px,100%);display:flex}.wp__panel{border-radius:var(--radius-entry);background:var(--color-paper-2);width:100%;box-shadow:0 0 0 1px var(--color-ink), var(--shadow-lift);text-align:left;overflow:hidden}.wp__head{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:var(--color-ink);color:var(--color-paper);display:flex}.wp__title{overflow-wrap:break-word;flex:1;min-width:0;font-size:1.125rem;font-weight:500;line-height:1.25}.wp__close{width:16px;height:16px;margin-top:var(--space-3xs);opacity:.8;flex:none}.wp__body{padding:var(--space-md)}.wp__hi{margin-bottom:var(--space-sm);color:var(--color-ink-2);white-space:pre-wrap;overflow-wrap:break-word;max-height:9lh;overflow:hidden}.wp__label{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--space-2xs);font-weight:500;display:block}.wp__textarea{min-height:88px;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-muted);border-radius:var(--radius-pill);background:var(--color-sheet);color:color-mix(in oklab, var(--color-muted) 70%, var(--color-sheet))}.wp__email{margin-top:var(--space-sm)}.wp__email .wp__textarea{min-height:44px}.wp__box--off{background:var(--color-sheet);box-shadow:inset 0 0 0 1.5px var(--color-ink)}.wp__check{align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);font-size:.9375rem;display:flex}.wp__box{background:var(--color-ink);width:18px;height:18px;color:var(--color-paper);border-radius:4px;place-items:center;display:grid}.wp__box svg{width:12px;height:12px}.wp__send{min-height:48px;margin-top:var(--space-md);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-paper);justify-content:center;align-items:center;font-weight:500;display:flex}.wp__foot{padding:0 var(--space-md) var(--space-sm);font-size:var(--text-xs);color:var(--color-muted)}.wp__launcher{align-items:center;gap:var(--space-xs);min-height:48px;padding:0 var(--space-md) 0 var(--space-sm);border:1px solid color-mix(in oklab, var(--color-accent) 78%, var(--color-ink));background:var(--color-accent);color:var(--color-accent-ink);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-sheet) 35%, transparent), var(--shadow-card);border-radius:999px;font-weight:500;display:inline-flex}.wp__launcher svg{width:20px;height:20px}.result{gap:var(--space-lg);display:grid}.result h1{font-size:var(--text-display-s);max-width:14ch}.result__block{gap:var(--space-xs);display:grid}.result__bar{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.result__label{font-family:var(--font-body);font-size:var(--text-md);letter-spacing:0;font-weight:500;line-height:1.3}.result__help{font-size:var(--text-sm);color:var(--color-muted)}.code{padding:var(--space-md);border-radius:var(--radius-card);background:var(--color-ink);color:var(--color-paper);font-size:var(--text-sm);white-space:pre-wrap;word-break:break-all;margin:0;line-height:1.6}.code--secret{box-shadow:0 0 0 3px var(--color-accent)}.warn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);background:var(--color-amber-soft);color:var(--color-ink);font-size:var(--text-sm)}.result__actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.how{padding-block:var(--section-gap-s);border-top:var(--rule-hair) solid var(--color-ink)}.how__head{gap:var(--gap-columns);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;display:grid}.how__head .lead{color:var(--color-muted)}.map{margin:var(--space-2xl) 0 0;gap:var(--map-gap);grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"start embed site visitor""start secret.inbox";grid-auto-rows:1fr;padding:0;list-style:none;display:grid}.node{gap:var(--space-2xs);min-height:168px;padding:var(--space-md) var(--space-md) var(--space-lg);border-radius:var(--radius-card);background:var(--color-paper-2);box-shadow:0 0 0 1px var(--color-rule);flex-direction:column;display:flex;position:relative}.node strong{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--text-title);letter-spacing:-.02em;line-height:1.15}.node__kind{font-size:var(--text-sm);color:var(--color-muted);font-weight:500}.node__note{color:var(--color-muted);font-size:var(--text-sm);margin-top:auto}.node__code{font-size:var(--text-xs);color:var(--color-ink-2);overflow-wrap:anywhere;margin-top:auto}.node--start{background:var(--color-ink);color:var(--color-paper);box-shadow:none;grid-area:start;justify-content:center}.node--start .node__kind,.node--start .node__note{color:color-mix(in oklab, var(--color-paper) 72%, var(--color-ink))}.node--start .node__note{margin-top:var(--space-xs)}.node--private{box-shadow:0 0 0 2px var(--color-accent)}.node--inbox{grid-area:inbox}.map>:nth-child(2){grid-area:embed}.map>:nth-child(3){grid-area:site}.map>:nth-child(4){grid-area:visitor}.map>:nth-child(5){grid-area:secret}.chips{gap:var(--space-2xs);flex-wrap:wrap;margin-top:auto;display:flex}.node[data-next]:after,.node--drop:after,.node--start:before,.node--start:after{content:"";background:var(--color-ink);position:absolute}.node[data-next]:after{width:var(--map-gap);height:2px;top:50%;left:100%}.node--private[data-next]:after{width:calc(100% + 2 * var(--map-gap));background:var(--color-accent)}.node--drop:after{width:2px;height:var(--map-gap);top:100%;left:50%}.node--start:before,.node--start:after{width:var(--map-gap);height:2px;left:100%}.node--start:before{top:calc((100% - var(--map-gap)) / 4)}.node--start:after{top:calc(100% - (100% - var(--map-gap)) / 4);background:var(--color-accent)}.how__key{margin-top:var(--space-xl);max-width:60ch;color:var(--color-ink-2)}.sides{padding-block:var(--section-gap-s)}.sides__head{justify-content:space-between;align-items:end;gap:var(--space-lg);flex-wrap:wrap;display:flex}.sides__panel{gap:var(--space-3xl);margin-top:var(--space-2xl);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;display:grid}.ruled{border-top:var(--rule-hair) solid var(--color-ink);margin:0;padding:0;list-style:none}.ruled>li{padding:var(--space-md) 0;border-bottom:var(--rule-hair) solid var(--color-rule)}.facts li{color:var(--color-muted)}.facts strong{color:var(--color-ink);font-weight:500;font-size:var(--text-lg);margin-bottom:var(--space-2xs);line-height:1.3;display:block}.sides__visual{min-height:520px;padding:var(--space-xl);border-radius:var(--radius-card);background:linear-gradient(var(--color-grid) 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, var(--color-grid) 1px, transparent 1px) 0 0 / 24px 24px, var(--color-paper-2);box-shadow:0 0 0 1px var(--color-rule);place-items:center;display:grid}.mini-inbox{border-radius:var(--radius-entry);background:var(--color-paper-2);width:min(560px,100%);box-shadow:0 0 0 1px var(--color-ink), var(--shadow-lift);overflow:hidden}.mini-inbox__bar{gap:var(--space-sm);padding:var(--space-md);background:var(--color-ink);color:var(--color-paper);flex-direction:column;display:flex}.mini-inbox__title{font-weight:500;font-size:var(--text-lg)}.mini-inbox__filters{gap:var(--space-2xs);font-size:var(--text-xs);flex-wrap:wrap;font-weight:500;display:flex}.mini-inbox__filters>span{padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-pill);background:color-mix(in oklab, var(--color-paper) 12%, var(--color-ink))}.mini-inbox__filters>[data-on]{background:var(--color-accent);color:var(--color-accent-ink)}.mini-inbox__rows{margin:0;padding:0;list-style:none}.mini-inbox__rows li{padding:var(--space-md);border-bottom:var(--rule-hair) solid var(--color-rule)}.mini-inbox__rows li:last-child{border-bottom:0}.mini-inbox__rows p{color:var(--color-ink)}.mini-inbox__meta{align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--color-muted);display:flex}.mini-inbox__meta .num{font-family:var(--font-outlier);font-size:var(--text-xs)}.mini-inbox__meta .chip{margin-left:auto}.needs{padding-block:var(--section-gap-s);gap:var(--gap-columns);grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;display:grid}.needs__table{border-collapse:collapse;border-top:var(--rule-hair) solid var(--color-ink);width:100%}.needs__table th,.needs__table td{padding:var(--space-md) 0;border-bottom:var(--rule-hair) solid var(--color-rule);text-align:left;vertical-align:top}.needs__table th{width:34%;padding-right:var(--space-lg);font-weight:500}.needs__table td{color:var(--color-ink-2)}.needs__table .num{font-family:var(--font-outlier);color:var(--color-ink);font-size:.9375em}.close{padding-block:var(--section-gap-s) var(--section-gap);justify-content:space-between;align-items:end;gap:var(--space-xl);border-top:var(--rule-hair) solid var(--color-ink);flex-wrap:wrap;display:flex}.close h2{font-size:var(--text-display-s);max-width:16ch}.footer{gap:var(--gap-columns);padding-block:var(--space-2xl) var(--space-3xl);border-top:2px solid var(--color-ink);font-size:var(--text-sm);color:var(--color-muted);grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,3fr);display:grid}.footer__mark{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--text-2xl);letter-spacing:var(--tracking-display);color:var(--color-ink);line-height:1}.footer__colophon{max-width:52ch}.footer__links{gap:var(--space-2xs);justify-items:start;margin:0;padding:0;list-style:none;display:grid}.footer__links a{color:var(--color-ink-2)}.footer__links a:hover{color:var(--color-ink)}.footer__links a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:2px}.footer__legal{grid-column:1/-1;margin:0}.footer__legal a{color:var(--color-ink-2)}.footer__legal a:hover{color:var(--color-ink)}.footer__legal a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:2px}@media (max-width:60rem){.hero,.sides__panel,.how__head,.needs{grid-template-columns:minmax(0,1fr)}.hero{gap:var(--space-xl);min-height:0;padding-block:var(--space-xl) var(--space-2xl)}.stage{height:auto;min-height:0;padding:var(--space-3xl) var(--space-md) var(--space-md);justify-content:center;display:flex}.stage .wp{position:static}.sides__panel{gap:var(--space-xl)}.sides__visual{min-height:0;padding:var(--space-lg) var(--space-md)}.map{gap:var(--space-md);grid-template-columns:minmax(0,1fr);grid-template-areas:none;grid-auto-rows:auto}.map>*{min-height:0;grid-area:auto!important}.node[data-next]:after,.node--drop:after,.node--start:before,.node--start:after{display:none}.footer{grid-template-columns:minmax(0,1fr)}}.app-top{border-bottom:var(--rule-hair) solid var(--color-ink);background:var(--color-paper)}.app-top__inner{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:56px;display:flex}.app-top__end{align-items:center;gap:var(--space-lg);display:flex}.app-top__note{font-size:var(--text-sm);color:var(--color-muted)}@media (max-width:40rem){.app-top__note{display:none}}.gate{min-height:calc(100svh - 56px);padding:var(--space-xl) var(--space-md);text-align:center;place-items:center;display:grid}.gate__box{gap:var(--space-md);justify-items:center;max-width:30rem;display:grid}.gate h1{font-size:var(--text-2xl);max-width:none}.gate p{color:var(--color-muted)}.inbox{gap:var(--space-xl);padding-block:var(--space-xl) var(--space-3xl);grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:start;display:grid}.inbox__head{justify-content:space-between;align-items:end;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.inbox__head h1{font-size:var(--text-2xl);max-width:24ch}.inbox__sub{margin-top:var(--space-2xs);font-size:var(--text-sm);color:var(--color-muted)}.seg .count{font-family:var(--font-outlier);font-size:var(--text-xs);opacity:.8}.list{border-top:var(--rule-hair) solid var(--color-ink);margin:0;padding:0;list-style:none}.item{gap:var(--space-sm);padding:var(--space-md) 0;border-bottom:var(--rule-hair) solid var(--color-rule);display:grid}.item__msg{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--color-ink);max-width:70ch}.item__meta{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;display:flex}.item__meta time{font-family:var(--font-outlier);font-size:var(--text-xs)}.item__meta a{color:var(--color-ink-2)}.item__who{color:var(--color-ink-2);font-weight:500}.item__actions{align-items:center;gap:var(--space-xs);margin-left:auto;display:flex}.status-select{min-height:36px;padding:0 var(--space-lg) 0 var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-2);color:var(--color-ink);font-size:var(--text-sm);cursor:pointer;font-weight:500}.status-select:hover{border-color:var(--color-muted)}.status-select:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.status-select[data-status=new]{background:var(--color-amber-soft)}.status-select[data-status=done]{background:var(--color-accent-soft);color:var(--color-accent)}.icon-btn{border:var(--rule-hair) solid transparent;border-radius:var(--radius-pill);width:36px;height:36px;color:var(--color-muted);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out);background:0 0;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--color-paper-3);color:var(--color-error)}.icon-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.icon-btn svg{width:18px;height:18px}.empty{padding:var(--space-2xl) var(--space-lg);border:1px dashed var(--color-grid-strong);border-radius:var(--radius-card);text-align:center;color:var(--color-muted)}.empty strong{color:var(--color-ink);font-size:var(--text-lg);margin-bottom:var(--space-2xs);font-weight:500;display:block}.skeleton{border-bottom:var(--rule-hair) solid var(--color-rule);background:linear-gradient(90deg, var(--color-paper-3) 0 60%, transparent 60%) var(--space-md) 22px / 100% 14px no-repeat, linear-gradient(90deg, var(--color-paper-3) 0 30%, transparent 30%) var(--space-md) 52px / 100% 12px no-repeat;height:92px}.banner-error{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);background:color-mix(in oklab, var(--color-error) 10%, var(--color-paper-2));color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--space-md)}.side{gap:var(--space-lg);top:var(--space-lg);display:grid;position:sticky}.panel{gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-2);box-shadow:0 0 0 1px var(--color-rule);display:grid}.panel h2{font-family:var(--font-body);font-size:var(--text-md);letter-spacing:0;max-width:none;font-weight:500;line-height:1.3}.panel p{font-size:var(--text-sm);color:var(--color-muted)}.panel .code{font-size:var(--text-xs)}.panel__row{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.panel__msg{font-size:var(--text-sm);color:var(--color-muted)}.panel--danger{box-shadow:0 0 0 1px color-mix(in oklab, var(--color-error) 30%, var(--color-rule))}.doc{padding-block:var(--space-2xl) var(--space-3xl);max-width:46rem}.doc h1{font-size:var(--text-display-s);margin-bottom:var(--space-lg)}.doc h2{font-size:var(--text-xl);margin:var(--space-xl) 0 var(--space-sm)}.doc p,.doc li{color:var(--color-ink-2)}.doc p+p{margin-top:var(--space-sm)}@media (max-width:60rem){.inbox{grid-template-columns:minmax(0,1fr)}.side{position:static}}:root:lang(ja){--font-display:var(--font-rh-display), "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;--font-body:var(--font-rh-text), "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif}:root:lang(zh-Hant){--font-display:var(--font-rh-display), "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--font-body:var(--font-rh-text), "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif}:root:is(:lang(ja),:lang(zh-Hant)){--tracking-display:0em}:lang(ja) :is(h1,h2,h3),:lang(zh-Hant) :is(h1,h2,h3){font-weight:600;line-height:1.25}:lang(ja) :is(h1,h2,h3,p,li){word-break:auto-phrase;line-break:strict}:lang(zh-Hant) :is(p,li){line-break:strict}:lang(ja) .hero h1,:lang(zh-Hant) .hero h1{max-width:16em;font-size:clamp(2rem,2.4vw + .75rem,3.25rem)}:lang(ja) .node strong,:lang(zh-Hant) .node strong{letter-spacing:0;text-wrap:balance;line-height:1.35}