.mode-selection{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));margin-block-start:var(--space-6);display:grid}.mode-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-3);cursor:pointer;font-family:var(--font-body);font-size:var(--text-md);gap:var(--space-2);padding:var(--space-6);text-align:start;transition:border-color var(--duration-quick) var(--ease-out);flex-direction:column;display:flex}.mode-card:hover{border-color:var(--color-border-strong)}.mode-card:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-strong);outline-offset:var(--focus-ring-offset)}.mode-card--selected{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.mode-card__title{color:var(--color-text);font-family:var(--font-display);font-weight:var(--weight-semibold)}.mode-card__description{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-snug)}.mode-card__sample{color:var(--color-accent-strong);font-family:var(--font-mono);font-size:var(--text-xs);margin-block-start:var(--space-2)}.featured-topics{border:none;margin:0;margin-block-start:var(--space-6);padding:0}.featured-topics__legend{font-family:var(--font-display);font-weight:var(--weight-semibold);margin-block-end:var(--space-3);padding:0}.featured-topics__loading{color:var(--color-text-muted);align-items:center;gap:var(--space-2);margin-block:0;display:flex}.featured-topics__spinner{border:2px solid var(--color-border);border-block-start-color:var(--color-accent);border-radius:var(--radius-pill);block-size:1em;inline-size:1em}@media (prefers-reduced-motion:no-preference){.featured-topics__spinner{animation:.8s linear infinite featured-topics-spin}}@keyframes featured-topics-spin{to{rotate:1turn}}.featured-topics__error-message{color:var(--color-error);margin-block:0 var(--space-3)}.featured-topics__retry{background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-2);color:var(--color-text);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);padding-block:var(--space-2);padding-inline:var(--space-4);transition:border-color var(--duration-quick) var(--ease-out)}.featured-topics__retry:hover{border-color:var(--color-text-muted)}.featured-topics__retry:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-strong);outline-offset:var(--focus-ring-offset)}.featured-topics__grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr));margin:0;padding:0;list-style:none;display:grid}.featured-topics__limit{color:var(--color-accent-strong);font-size:var(--text-sm);margin-block:var(--space-3) 0;min-block-size:1.5em}.topic-option{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2);cursor:pointer;align-items:center;gap:var(--space-2);padding-block:var(--space-2);padding-inline:var(--space-3);transition:border-color var(--duration-quick) var(--ease-out);display:flex}.topic-option:hover{border-color:var(--color-border-strong)}.topic-option--selected{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.topic-option--disabled{color:var(--color-text-muted);cursor:not-allowed}.topic-option__input:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-strong);outline-offset:var(--focus-ring-offset)}.topic-option__name{font-size:var(--text-sm)}.builder{border-block-start:1px solid var(--color-border);padding-block:var(--space-8)}.builder__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-display);line-height:var(--leading-tight);margin-block:0 var(--space-2)}.builder__hint{color:var(--color-text-muted);margin-block:0}.builder-step{border-block-start:1px solid var(--color-border);padding-block:var(--space-8)}.builder-step__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-display);line-height:var(--leading-tight);margin-block:0 var(--space-2)}.builder-step__hint{color:var(--color-text-muted);margin-block:0}@media (prefers-reduced-motion:no-preference){.builder,.builder-step{animation:builder-reveal var(--duration-slow) var(--ease-out)}}@keyframes builder-reveal{0%{opacity:0;translate:0 var(--space-2)}}.hero{padding-block:var(--space-12) var(--space-8)}.hero__eyebrow{color:var(--color-accent-strong);font-family:var(--font-mono);font-size:var(--text-xs);margin-block:0 var(--space-4);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero__title{font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-display);line-height:var(--leading-tight);margin-block:0 var(--space-4);max-inline-size:20ch}.hero__summary{color:var(--color-text-muted);font-size:var(--text-lg);line-height:var(--leading-snug);margin-block:0 var(--space-8);max-inline-size:48ch}.hero__cta{background-color:var(--color-accent-strong);border-radius:var(--radius-2);color:var(--color-surface);cursor:pointer;font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-semibold);padding-block:var(--space-3);padding-inline:var(--space-6);transition:background-color var(--duration-quick) var(--ease-out);border:none}.hero__cta:hover{background-color:var(--color-accent-deep)}.hero__cta:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-strong);outline-offset:var(--focus-ring-offset)}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.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(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.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(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-V-xxqcpd.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-9HEixskS.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-600-normal-CTOM6hUh.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-600-normal-fLZuRloM.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-vietnamese-600-normal-D2EvbN8M.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-600-normal-iLQfcSjf.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-ext-600-normal-D38SheWl.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-600-normal-DmB0ttJJ.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff)format("woff");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-bg:#f2f5f7;--color-surface:#fff;--color-text:#1a2129;--color-text-muted:#526070;--color-border:#d7dee5;--color-border-strong:#aeb9c4;--color-accent:#e8590c;--color-accent-strong:#bc4508;--color-accent-deep:#9a3907;--color-accent-subtle:#fdeee3;--color-error:#b42318;--color-error-subtle:#fdecea;--color-success:#166f38;--color-success-subtle:#e7f5ec;--font-display:"Bricolage Grotesque Variable", "Avenir Next", "Segoe UI", sans-serif;--font-body:"Bricolage Grotesque Variable", "Avenir Next", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", "Cascadia Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.625rem;--text-display:clamp(2rem, 1.35rem + 3vi, 3.25rem);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-display:700;--leading-tight:1.15;--leading-snug:1.35;--leading-body:1.6;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-1:.25rem;--radius-2:.5rem;--radius-3:.75rem;--radius-pill:999px;--shadow-1:0 1px 2px #1a21290f;--shadow-2:0 2px 8px #1a21291a;--duration-quick:.12s;--duration-base:.2s;--duration-slow:.32s;--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-in-out:cubic-bezier(.45, 0, .25, 1);--focus-ring-width:2px;--focus-ring-offset:2px}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-body);margin:0}.page{max-inline-size:44rem;padding-block:var(--space-4) var(--space-16);padding-inline:var(--space-4);margin-inline:auto}.site-header{background-color:var(--color-surface);border-block-end:1px solid var(--color-border)}.site-header__inner{max-inline-size:44rem;padding-block:var(--space-3);padding-inline:var(--space-4);margin-inline:auto}.site-header__wordmark{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-semibold);align-items:center;gap:var(--space-2);display:flex}.site-header__mark{block-size:1.1em;color:var(--color-accent);inline-size:1.1em}.site-footer{border-block-start:1px solid var(--color-border)}.site-footer__inner{max-inline-size:44rem;padding-block:var(--space-6);padding-inline:var(--space-4);margin-inline:auto}.site-footer__note{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}