@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-opsz-normal.D9N6E8K1.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-opsz-normal.IcJDqblK.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-opsz-normal.Cre6nC2_.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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-ext-wght-normal.B5bTHO_g.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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-wght-normal.BbzFLZTg.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,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA)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(/_astro/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(/_astro/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(/_astro/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(/_astro/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(/_astro/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{color-scheme:light;--paper:#faf8f4;--paper-2:#f2eee7;--paper-3:#ebe5dc;--line:#e3ddd4;--line-2:#cfc6ba;--ink:#231d19;--ink-2:#5b524b;--ink-3:#8a7f76;--stage:#1a1715;--stage-2:#262120;--stage-text:#f3ede5;--stage-dim:#b5a89b;--stage-faint:#857a70;--line-on-dark:#f3ede514;--line-on-dark-strong:#f3ede524;--orange:#e8833a;--orange-ink:#a9531a;--orange-soft:#fbe9d9;--written:#3d8a5a;--written-soft:#e3f0e7;--written-on-dark:#7fd39c;--written-soft-on-dark:#1e3327;--frame-bg:#fff;--canvas-stage:radial-gradient(80% 60% at 50% 0%, #2c2521 0%, transparent 60%), var(--stage);--canvas-stage-warm:radial-gradient(80% 60% at 50% 0%, #2c2521 0%, transparent 60%), radial-gradient(50% 40% at 85% 105%, #e8833a1f, transparent 70%), var(--stage);--canvas-hero:radial-gradient(90% 60% at 50% -20%, #302823 0%, transparent 60%), radial-gradient(70% 50% at 62% 108%, #e8833a42, transparent 70%), radial-gradient(120% 90% at 50% 50%, transparent 55%, #00000059 100%), var(--stage);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='128' height='128' filter='url(%23n)'/%3E%3C/svg%3E");--shadow-1:0 1px 2px #231d190f, 0 2px 6px -2px #231d190d;--shadow-2:0 1px 2px #231d190f, 0 8px 24px -8px #231d1924, 0 24px 56px -24px #231d1938;--shadow-3:0 0 0 1px #0009, inset 0 1px 0 #ffffff12, 0 24px 48px -24px #0009, 0 64px 128px -48px #000000b3;--display:"Bricolage Grotesque Variable", "Helvetica Neue", Arial, sans-serif;--body:"Instrument Sans Variable", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--mono:"JetBrains Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--t-hero:clamp(2.5rem, 1.6rem + 3.8vw, 4.5rem);--t-h2:clamp(2rem, 1.4rem + 2.4vw, 3.5rem);--t-h3:clamp(1.375rem, 1.2rem + .7vw, 1.75rem);--t-quote:clamp(1.5rem, 1.1rem + 1.6vw, 2.5rem);--t-lede:clamp(1.125rem, 1.05rem + .35vw, 1.3125rem);--t-body:1.0625rem;--t-small:.9375rem;--t-caption:.875rem;--t-mono:.8125rem;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--s-9:6rem;--band:clamp(4rem, 2.5rem + 5vw, 7.5rem);--band-lg:clamp(6rem, 4rem + 6vw, 9rem);--band-sm:clamp(3rem, 2rem + 3vw, 5rem);--head-gap:clamp(3rem, 2rem + 3vw, 6rem);--gutter:clamp(1.25rem, .5rem + 3.2vw, 3rem);--wide:80rem;--narrow:68rem;--prose:38rem;--measure:60ch;--r-btn:8px;--r-frame:12px;--r-window:14px;--r-tile:24px;--r-pill:999px;--hair:1px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-out-soft:cubic-bezier(.25, .46, .45, .94);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--dur-press:.12s;--dur-hover:.16s;--dur-ui:.22s;--dur-reveal:.6s;--dur-enter:.7s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--paper:#171412;--paper-2:#1f1b18;--paper-3:#292420;--line:#2e2823;--line-2:#3f3731;--ink:#f1ebe3;--ink-2:#b8ada2;--ink-3:#85796f;--stage:#0f0d0c;--stage-2:#1a1715;--orange:#f0955a;--orange-ink:#f4a970;--orange-soft:#34261b;--written:#6fbf8c;--written-soft:#1b2b21;--frame-bg:#f3ede5;--shadow-2:0 1px 2px #0000004d, 0 8px 24px -8px #00000080, 0 24px 56px -24px #000000b3}}:root[data-theme=dark]{color-scheme:dark;--paper:#171412;--paper-2:#1f1b18;--paper-3:#292420;--line:#2e2823;--line-2:#3f3731;--ink:#f1ebe3;--ink-2:#b8ada2;--ink-3:#85796f;--stage:#0f0d0c;--stage-2:#1a1715;--orange:#f0955a;--orange-ink:#f4a970;--orange-soft:#34261b;--written:#6fbf8c;--written-soft:#1b2b21;--frame-bg:#f3ede5;--shadow-2:0 1px 2px #0000004d, 0 8px 24px -8px #00000080, 0 24px 56px -24px #000000b3}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:var(--t-body);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5;overflow-x:clip}img,video,svg{max-width:100%;display:block}h1,h2,h3,h4,p,ul,ol,dl,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}a{color:var(--orange-ink);text-underline-offset:3px;transition:text-decoration-color var(--dur-hover) var(--ease-out-soft), color var(--dur-hover) var(--ease-out-soft);text-decoration:underline 1px #0000}a:hover{text-decoration-color:currentColor}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}::selection{background:var(--orange-soft);color:var(--ink)}:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px}@supports (scrollbar-color:auto){html{scrollbar-color:var(--line-2) transparent}}.display{font-family:var(--display);font-optical-sizing:auto;letter-spacing:-.03em;text-wrap:balance;font-weight:500;line-height:1.04}@supports (text-box:trim-both cap alphabetic){.display{text-box:trim-both cap alphabetic}}.t-hero{font-size:var(--t-hero);letter-spacing:-.035em;line-height:1}.t-h2{font-size:var(--t-h2);letter-spacing:-.03em;max-width:22ch;line-height:1.04}.t-h3{font-size:var(--t-h3);letter-spacing:-.02em;line-height:1.15}.t-quote{font-size:var(--t-quote);letter-spacing:-.025em;line-height:1.08}.lede{font-size:var(--t-lede);letter-spacing:-.012em;color:var(--ink-2);max-width:var(--prose);text-wrap:pretty;line-height:1.45}.small{font-size:var(--t-small);letter-spacing:-.01em;line-height:1.5}.mono{font-family:var(--mono);font-size:var(--t-mono);letter-spacing:0;font-variant-numeric:tabular-nums;line-height:1.5}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.measure{max-width:var(--measure);text-wrap:pretty}p{text-wrap:pretty}.wrap{width:100%;max-width:var(--wide);padding-inline:var(--gutter);margin-inline:auto}.wrap.narrow{max-width:var(--narrow)}.band{padding-block:var(--band)}.band-lg{padding-block:var(--band-lg)}.band-sm{padding-block:var(--band-sm)}.band:not(.stage):not(.paper-2)+.band:not(.stage):not(.paper-2),.band.paper-2+.band.paper-2{border-top:1px solid var(--line)}.band.paper-2{background:var(--paper-2)}.stage{background:var(--canvas-stage);color:var(--stage-text);--line:var(--line-on-dark);--line-2:var(--line-on-dark-strong);--ink:var(--stage-text);--ink-2:var(--stage-dim);--ink-3:var(--stage-faint);--written:var(--written-on-dark);--written-soft:var(--written-soft-on-dark);--orange-ink:var(--orange);position:relative}.stage.warm{background:var(--canvas-stage-warm)}.stage:before{content:"";background:var(--grain) 0 0 / 128px 128px;opacity:.05;mix-blend-mode:overlay;pointer-events:none;position:absolute;inset:0}.stage>*{position:relative}.keyline{border-bottom:1px solid var(--line-on-dark);box-shadow:0 1px #0009}.stage a{color:var(--stage-text)}.grid-2{gap:var(--s-7);grid-template-columns:1fr;display:grid}@media (width>=56rem){.grid-2{grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem)}}.head{margin-bottom:var(--head-gap);flex-direction:column;gap:1.25rem;display:flex}@media (width>=64rem){.head{align-items:end;column-gap:var(--s-8);grid-template-columns:1fr 1fr;display:grid}.head .lede{max-width:var(--prose)}}.btn{justify-content:center;align-items:center;gap:var(--s-2);border-radius:var(--r-btn);letter-spacing:-.005em;white-space:nowrap;min-height:48px;transition:transform var(--dur-press) var(--ease-out-soft), background-color var(--dur-hover) var(--ease-out-soft), border-color var(--dur-hover) var(--ease-out-soft), box-shadow var(--dur-hover) var(--ease-out-soft);border:1px solid #0000;padding:0 22px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transition-duration:80ms;transform:scale(.97)}.btn-primary{background:var(--orange);color:var(--stage)}.btn-ghost{border-color:var(--line-2);color:var(--ink);background:0 0}.btn-ink{background:var(--ink);color:var(--paper)}.stage .btn-ghost{color:var(--stage-text);border-color:#ffffff2e}.btn-sm{min-height:40px;font-size:var(--t-small);padding:0 16px}@media (hover:hover) and (pointer:fine){.btn-primary:hover{background:color-mix(in oklch, var(--orange) 90%, black)}.btn-ghost:hover{border-color:var(--ink-3);background:color-mix(in srgb, var(--paper-2) 60%, transparent)}.stage .btn-ghost:hover{background:#ffffff0a;border-color:#fff6}.btn-ink:hover{background:color-mix(in oklch, var(--ink) 88%, white)}}.kbd{font-family:var(--mono);font-size:var(--t-small);background:var(--paper-2);border:1px solid var(--line-2);box-shadow:var(--shadow-1);color:var(--ink);overflow-wrap:anywhere;border-radius:6px;padding:6px 12px;display:inline-block}.check{background:var(--written-soft);width:22px;height:22px;color:var(--written);border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.frame{border:1px solid var(--line);border-radius:var(--r-frame);background:var(--frame-bg);box-shadow:var(--shadow-2);overflow:hidden}.frame img,.frame picture,.frame video{width:100%;height:auto}html.js .rise-in{opacity:0;animation:rise-in var(--dur-reveal) var(--ease-out) forwards;animation-delay:calc(var(--d,0) * 1ms);transform:translateY(12px)}@keyframes rise-in{to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.reveal{animation:linear both reveal view();animation-range:entry entry 30%}@keyframes reveal{0%{opacity:.001;transform:translateY(16px)}to{opacity:1;transform:none}}}html.io-reveal .reveal{opacity:0;transition:opacity var(--dur-reveal) var(--ease-out), transform var(--dur-reveal) var(--ease-out);transition-delay:calc(var(--i,0) * 60ms);transform:translateY(16px)}html.io-reveal .reveal.in{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rise-in,.reveal,.play .bubble,.play .answer,.play .stat,.play .bar .fill,.play .record,.play .card,.play .card .tag,.play .write,.play .write .tick,.play .saved,.play .panel,.play .connected,.play .dialog-actions .go{opacity:1!important;animation:none!important;transform:none!important}.cursor,.typed:after{animation:none}.card.fade{opacity:.35}.btn:active{transform:none}}@media (prefers-contrast:more){.stage{--line:var(--line-on-dark-strong)}.window,.frame{box-shadow:none;border:1px solid var(--line-2)}}@view-transition{navigation:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{left:var(--s-4);z-index:100;padding:var(--s-2) var(--s-4);background:var(--ink);color:var(--paper);border-radius:var(--r-btn);position:absolute;top:-3rem}.skip:focus{top:var(--s-4)}.scene{--ui-bg:#fff;--ui-bg-2:#f7f4ef;--ui-text:#231d19;--ui-text-2:#5b524b;--ui-text-3:#8a7f76;--ui-line:#e8e2d9;--ui-good:#3d8a5a;--ui-good-soft:#e3f0e7;--ui-warn:#d9964f;--ui-danger:#c9574a;--ui-danger-soft:#fbeae6;--ui-purple:#6f63c4;--ui-teal:#2f8f9d;--ui-orange:#e8833a;--ui-slate:#8a8f94;font-family:var(--body);color:var(--ui-text);letter-spacing:-.005em;font-variant-numeric:tabular-nums;font-size:13px;line-height:1.45}@media (resolution>=2x){.scene{--hair:.5px}}.scene *{box-sizing:border-box}.window{border-radius:var(--r-window);background:var(--ui-bg);box-shadow:0 0 0 1px #231d1914, var(--shadow-2);position:relative;overflow:hidden}.window-inner{border-radius:inherit;overflow:hidden}.stage .window,.window.on-dark{box-shadow:var(--shadow-3);background:#0f0d0c;border-radius:16px;padding:8px}.stage .window>.window-inner,.window.on-dark>.window-inner{background:var(--ui-bg);border-radius:10px;box-shadow:0 0 0 1px #00000059}.window-bar{background:var(--ui-bg-2);border-bottom:var(--hair) solid var(--ui-line);justify-content:space-between;align-items:center;gap:12px;height:40px;padding:0 16px;display:flex}.window-bar .title{color:var(--ui-text-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.window-bar .chip{border:var(--hair) solid var(--ui-line);background:var(--ui-bg);height:22px;color:var(--ui-text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:12px;display:inline-flex}.window-bar .chip i{background:var(--ui-good);border-radius:50%;width:6px;height:6px}.chat{background:var(--ui-bg);flex-direction:column;gap:14px;padding:clamp(16px,3%,28px) clamp(16px,4%,36px);display:flex}.bubble{background:var(--ui-bg-2);max-width:78%;color:var(--ui-text);font-family:var(--display);letter-spacing:-.01em;opacity:0;border-radius:14px 14px 4px;align-self:flex-end;padding:11px 15px;font-size:16px;line-height:1.4;transform:translateY(8px)}.play .bubble{animation:rise .5s var(--ease-out) forwards;animation-delay:calc(var(--i,0) * .12s)}.answer{opacity:0;flex-direction:column;gap:10px;display:flex;transform:translateY(10px)}.play .answer{animation:rise .5s var(--ease-out) forwards;animation-delay:calc(var(--i,3) * .12s)}.answer-line{color:var(--ui-text);font-size:13px}.composer{border:var(--hair) solid var(--ui-line);height:44px;color:var(--ui-text-3);background:var(--ui-bg);transition:box-shadow .2s var(--ease-out-soft), border-color .2s var(--ease-out-soft);border-radius:12px;align-items:center;gap:10px;margin-top:6px;padding:0 8px 0 14px;font-size:13px;display:flex}.composer.active{border-color:var(--ui-orange);box-shadow:0 0 0 3px #e8833a2e}.composer .send{background:var(--ui-orange);color:#1a1715;border-radius:8px;place-items:center;width:28px;height:28px;margin-left:auto;display:grid}.typed:after{content:"";background:var(--ui-text);vertical-align:-.15em;width:1px;height:1em;margin-left:1px;animation:1s steps(2,jump-none) infinite caret;display:inline-block}.typed.done:after{display:none}.widget{border:var(--hair) solid var(--ui-line);background:var(--ui-bg);border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex}.widget-head{color:var(--ui-text-3);align-items:center;gap:8px;font-size:12px;display:flex}.widget-head b{color:var(--ui-text);font-weight:600}.widget-head .mark{background:var(--ui-orange);border-radius:2px;width:10px;height:10px;transform:rotate(45deg)}.widget-head .tool{font-family:var(--mono)}.widget-foot{color:var(--ui-text-3);font-size:12px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat{border:var(--hair) solid var(--ui-line);opacity:0;border-radius:10px;flex-direction:column;gap:2px;padding:14px 16px;display:flex;transform:translateY(8px)}.play .stat{animation:rise .4s var(--ease-out) forwards;animation-delay:calc(.35s + var(--i,0) * 70ms)}.stat span{color:var(--ui-text-3);font-size:12px}.stat b{font-family:var(--display);letter-spacing:-.02em;color:var(--ui-text);font-size:clamp(18px,2vw,22px);font-weight:600}.stat small{font-family:var(--mono);color:var(--ui-text-3);font-size:12px}.bars{grid-template-columns:1fr 1fr;gap:12px;display:grid}@container (width<=520px){.bars{grid-template-columns:1fr}}.barlist{border:var(--hair) solid var(--ui-line);border-radius:10px;flex-direction:column;gap:2px;padding:12px 12px 8px;display:flex}.barlist h4{justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:600;display:flex}.barlist .pill{background:var(--orange-soft,#fbe9d9);color:#a9531a;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.bar{color:var(--ui-text-2);border-radius:6px;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) auto;align-items:center;gap:8px;margin-inline:-8px;padding:5px 8px;font-size:12px;display:grid}.bar:nth-child(2n){background:#231d1906}.bar>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bar .track{background:var(--ui-bg-2);border-radius:3px;height:6px;overflow:hidden}.bar .fill{height:100%;width:var(--w);background:var(--c,var(--ui-slate));transform-origin:0;border-radius:3px;transform:scaleX(0)}.play .bar .fill{animation:grow .6s var(--ease-out-expo) forwards;animation-delay:calc(.55s + var(--i,0) * 45ms)}.bar .val{color:var(--ui-text);white-space:nowrap;text-align:right;min-width:5.5ch;font-weight:600}.bar .val small{color:var(--ui-text-3);font-weight:400}.records{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@container (width<=520px){.records{grid-template-columns:1fr}}.record{border:var(--hair) solid var(--ui-line);opacity:0;border-radius:10px;grid-template-columns:24px 1fr;gap:4px 10px;padding:12px;display:grid;transform:translateY(10px)}.play .record{animation:rise .45s var(--ease-out) forwards;animation-delay:calc(.45s + var(--i,0) * .11s)}.record .tile{background:var(--ui-bg-2);width:24px;height:24px;color:var(--ui-text-2);border-radius:6px;grid-row:1/span 3;place-items:center;display:grid}.record .kind{color:var(--ui-text-3);font-size:12px}.record b{font-size:13px}.record span.meta{color:var(--ui-text-2);font-size:12px}.saved{color:var(--ui-good);opacity:0;grid-column:2;align-items:center;gap:5px;margin-top:4px;font-size:12px;font-weight:600;display:inline-flex}.play .saved{animation:pop .4s var(--ease-out) forwards;animation-delay:calc(.85s + var(--i,0) * .11s)}.saved i{background:var(--ui-good-soft);border-radius:50%;place-items:center;width:14px;height:14px;display:inline-grid}.saved i:after{content:"";border-left:1.6px solid var(--ui-good);border-bottom:1.6px solid var(--ui-good);width:6px;height:3px;transform:rotate(-45deg)translate(.5px,-1px)}.board{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}@container (width<=560px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}}.col{background:var(--ui-bg-2);border-radius:10px;flex-direction:column;gap:8px;min-height:150px;padding:10px;display:flex}.col h5{color:var(--ui-text-2);justify-content:space-between;margin:0;font-size:12px;font-weight:600;display:flex}.col h5 span:last-child{font-family:var(--mono);color:var(--ui-text-3);font-weight:400}.card{background:var(--ui-bg);border:var(--hair) solid var(--ui-line);opacity:0;border-radius:8px;flex-direction:column;gap:4px;padding:10px;font-size:12px;display:flex;transform:translateY(6px)}.play .card{animation:rise .4s var(--ease-out) forwards;animation-delay:calc(.3s + var(--i,0) * 45ms)}.card b{font-size:12.5px}.card .meta{color:var(--ui-text-2);align-items:center;gap:6px;display:flex}.card .meta i{background:var(--p,var(--ui-slate));border-radius:50%;flex-shrink:0;width:6px;height:6px}.card .who{background:var(--ui-bg-2);width:18px;height:18px;color:var(--ui-text-2);border-radius:50%;place-items:center;margin-left:auto;font-size:9px;font-weight:700;display:grid}.card.ring{box-shadow:0 0 0 1px var(--ui-orange)}.card .tag{opacity:0;border-radius:4px;align-self:flex-start;margin-top:2px;padding:2px 7px;font-size:11px;font-weight:600;transform:scale(.9)}.play .card .tag{animation:pop .4s var(--ease-out) forwards;animation-delay:calc(1.2s + var(--i,0) * .14s)}.tag.closed{background:var(--ui-good-soft);color:var(--ui-good)}.tag.escalated{color:#a9531a;background:#fbe9d9}.card.dim{opacity:.45}.play .card.dim{animation:rise .4s var(--ease-out) forwards, dim .5s var(--ease-out) 1.5s forwards}.acct-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.acct-head b{font-family:var(--display);letter-spacing:-.02em;font-size:19px}.acct-head span{color:var(--ui-text-2);font-size:12px}.acct-head .open{background:var(--ui-good-soft);color:var(--ui-good);border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600}.acct{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}@container (width<=720px){.acct{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width<=420px){.acct{grid-template-columns:1fr}}.panel{border:var(--hair) solid var(--ui-line);opacity:0;border-radius:10px;flex-direction:column;gap:6px;padding:12px;font-size:12px;display:flex;transform:translateY(8px)}.play .panel{animation:rise .45s var(--ease-out) forwards;animation-delay:calc(.4s + var(--i,0) * 90ms)}.panel .kind{color:var(--ui-text-3);font-size:12px}.panel b{font-size:13px}.panel span{color:var(--ui-text-2)}.panel.danger{background:var(--ui-danger-soft);border-color:#f0d3cc}.panel.danger b{color:#9b3f34}.avatar{background:var(--ui-purple);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:grid}.row2{justify-content:space-between;gap:8px;display:flex}.activity{align-items:flex-start;gap:8px;display:flex}.activity svg{color:var(--ui-text-3);flex-shrink:0;margin-top:2px}.writes{flex-direction:column;gap:8px;display:flex}.write{border:var(--hair) solid var(--ui-line);background:var(--ui-bg);opacity:0;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;font-size:13px;display:flex;transform:translateY(8px)}.play .write{animation:rise .45s var(--ease-out) forwards;animation-delay:calc(.45s + var(--i,0) * .2s)}.write .tick{border:1.5px solid var(--ui-line);border-top-color:var(--ui-text-3);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite spin;position:relative}.play .write .tick{animation:spin .7s linear 0s calc(2 + var(--i,0)) forwards, settle .3s var(--ease-out) forwards;animation-delay:0s, calc(1.4s + var(--i,0) * .7s)}.write .tick:after{content:"";border-left:2px solid var(--ui-good);border-bottom:2px solid var(--ui-good);width:7px;height:4px;margin:auto;position:absolute;inset:0;transform:rotate(-45deg)translate(.5px,-1.5px)scale(0)}.play .write .tick:after{animation:tick .3s var(--ease-out) forwards;animation-delay:calc(1.45s + var(--i,0) * .7s)}.write .kind{color:var(--ui-text-3);white-space:nowrap;margin-left:auto;font-size:12px}.phone{aspect-ratio:9/17;width:min(300px,100%);box-shadow:var(--shadow-3);background:#1c2027;border-radius:40px;margin-inline:auto;padding:12px}.phone-screen{background:#faf9f6;border-radius:30px;flex-direction:column;gap:12px;height:100%;padding:44px 14px 14px;display:flex;position:relative;overflow:hidden}.phone-screen:before{content:"";background:#1c2027;border-radius:999px;width:90px;height:26px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone .bubble{max-width:92%;font-size:13px}.phone .write{gap:10px;padding:10px 12px;font-size:12.5px}.phone .write .kind{display:none}.phone .composer{height:42px;margin-top:auto;font-size:13px}.dialog{background:var(--ui-bg);width:100%;max-width:460px;box-shadow:var(--shadow-3);border-radius:14px;flex-direction:column;gap:12px;margin-inline:auto;padding:22px;display:flex}.dialog h4{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:20px}.dialog p{color:var(--ui-text-2);margin:0;font-size:12px}.field{border:var(--hair) solid var(--ui-line);border-radius:8px;align-items:center;min-height:42px;padding:10px 12px;font-size:13px;display:flex}.field.mono{font-family:var(--mono);font-size:12.5px}.field.active{border-color:var(--ui-orange);box-shadow:0 0 0 3px #e8833a26}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.dialog-actions span{color:var(--ui-text-2);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.dialog-actions .go{color:#fff;opacity:.35;background:#1c1e21}.play .dialog-actions .go{animation:enable .3s var(--ease-out) 2s forwards}.connected{background:var(--ui-good-soft);color:var(--ui-good);opacity:0;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin-top:6px;padding:6px 12px 6px 8px;font-size:12.5px;font-weight:600;display:inline-flex;transform:translateY(6px)}.play .connected{animation:rise .5s var(--ease-out) 2.6s forwards}@keyframes rise{to{opacity:1;transform:none}}@keyframes grow{to{transform:scaleX(1)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes dim{to{opacity:.45}}@keyframes enable{to{opacity:1}}@keyframes caret{to{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes settle{to{border-color:var(--ui-good-soft);background:var(--ui-good-soft);transform:none}}@keyframes tick{to{transform:rotate(-45deg)translate(.5px,-1.5px)scale(1)}}.nav[data-astro-cid-wpvy4v7s]{z-index:50;backdrop-filter:blur(20px)saturate(160%);transition:background-color .12s var(--ease-out-soft), border-color .12s var(--ease-out-soft);background:0 0;border-bottom:1px solid #0000;position:sticky;top:0}html[data-scrolled] .nav[data-astro-cid-wpvy4v7s]{background:color-mix(in srgb, var(--paper) 82%, transparent);border-bottom-color:color-mix(in srgb, var(--ink) 8%, transparent)}html[data-scrolled] .nav[data-astro-cid-wpvy4v7s].nav-on-dark{background:color-mix(in srgb, var(--stage) 82%, transparent);border-bottom-color:#ffffff14}@media (prefers-reduced-transparency:reduce){.nav[data-astro-cid-wpvy4v7s],html[data-scrolled] .nav[data-astro-cid-wpvy4v7s]{background:var(--paper);backdrop-filter:none}html[data-scrolled] .nav[data-astro-cid-wpvy4v7s].nav-on-dark,.nav[data-astro-cid-wpvy4v7s].nav-on-dark{background:var(--stage)}}.nav-row[data-astro-cid-wpvy4v7s]{justify-content:space-between;align-items:center;gap:var(--s-4);min-height:64px;display:flex}.brand[data-astro-cid-wpvy4v7s]{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-name[data-astro-cid-wpvy4v7s]{letter-spacing:-.02em;font-size:1.2rem;font-weight:600}.links[data-astro-cid-wpvy4v7s]{gap:var(--s-6);display:none}.links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]{color:var(--ink-2);font-size:var(--t-small);padding:var(--s-2) 0;transition:color var(--dur-hover) var(--ease-out-soft);font-weight:500;text-decoration:none}.links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]:hover,.links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s][aria-current=page]{color:var(--ink)}.links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s][aria-current=page]{font-weight:600}.actions[data-astro-cid-wpvy4v7s]{align-items:center;gap:var(--s-2);display:flex}.menu-btn[data-astro-cid-wpvy4v7s]{border-radius:var(--r-btn);width:44px;height:44px;color:var(--ink);place-items:center;display:inline-grid}.menu[data-astro-cid-wpvy4v7s]{border-top:1px solid var(--line);background:var(--paper)}.menu-inner[data-astro-cid-wpvy4v7s]{padding-block:var(--s-3);flex-direction:column;display:flex}.menu-inner[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]{padding:var(--s-3) 0;color:var(--ink);border-bottom:1px solid var(--line);font-size:1.125rem;font-weight:500;text-decoration:none}.menu-inner[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]:last-child{border-bottom:0}@media (width>=64rem){.links[data-astro-cid-wpvy4v7s]{display:flex}.menu-btn[data-astro-cid-wpvy4v7s],.menu[data-astro-cid-wpvy4v7s]{display:none}}.nav[data-astro-cid-wpvy4v7s].nav-on-dark .brand[data-astro-cid-wpvy4v7s],.nav[data-astro-cid-wpvy4v7s].nav-on-dark .menu-btn[data-astro-cid-wpvy4v7s]{color:var(--stage-text)}.nav[data-astro-cid-wpvy4v7s].nav-on-dark .links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]{color:var(--stage-dim)}.nav[data-astro-cid-wpvy4v7s].nav-on-dark .links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]:hover,.nav[data-astro-cid-wpvy4v7s].nav-on-dark .links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s][aria-current=page]{color:var(--stage-text)}.nav[data-astro-cid-wpvy4v7s].nav-on-dark .menu[data-astro-cid-wpvy4v7s]{background:var(--stage);border-top-color:#ffffff14}.nav[data-astro-cid-wpvy4v7s].nav-on-dark .menu-inner[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]{color:var(--stage-text);border-bottom-color:#ffffff14}.foot[data-astro-cid-jo6i4kqk]{padding-block:var(--band) var(--s-7);border-top:1px solid var(--line-on-dark);box-shadow:inset 0 1px #ffffff0a}.col-title[data-astro-cid-jo6i4kqk]{color:var(--stage-text);font-size:13px;font-weight:600}.foot-grid[data-astro-cid-jo6i4kqk]{gap:var(--s-6);grid-template-columns:1fr 1fr;display:grid}@media (width>=56rem){.foot-grid[data-astro-cid-jo6i4kqk]{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr}}.foot-brand[data-astro-cid-jo6i4kqk]{gap:var(--s-3);flex-direction:column;grid-column:1/-1;display:flex}@media (width>=56rem){.foot-brand[data-astro-cid-jo6i4kqk]{grid-column:auto}}.foot-brand[data-astro-cid-jo6i4kqk] p[data-astro-cid-jo6i4kqk]{max-width:34ch}.brand[data-astro-cid-jo6i4kqk]{color:var(--stage-text);align-items:center;gap:10px;display:inline-flex}.brand[data-astro-cid-jo6i4kqk]:hover{text-decoration:none}.brand-name[data-astro-cid-jo6i4kqk]{letter-spacing:-.02em;font-size:1.25rem;font-weight:600}.foot-col[data-astro-cid-jo6i4kqk]{gap:var(--s-3);flex-direction:column;display:flex}.foot-col[data-astro-cid-jo6i4kqk] ul[data-astro-cid-jo6i4kqk]{gap:var(--s-2);flex-direction:column;display:flex}.foot-col[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:var(--stage-dim);font-size:14px;line-height:1.9;text-decoration:none}.foot-col[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:var(--stage-text)}.foot-legal[data-astro-cid-jo6i4kqk]{margin-top:var(--s-7);padding-top:var(--s-4);border-top:1px solid var(--line-on-dark);justify-content:space-between;gap:var(--s-3) var(--s-6);color:var(--stage-faint);font-size:var(--t-caption);flex-wrap:wrap;display:flex}.legal-note[data-astro-cid-jo6i4kqk]{max-width:62ch}
