:root{color-scheme:light dark;--page: #f3f4f6;--surface: #fafbfc;--surface-raised: #ffffff;--surface-soft: #e9ecf1;--ink: #12151b;--muted: #5d6571;--quiet: #7b8491;--line: #d6dbe3;--line-strong: #b9c0cc;--accent: #3157f6;--accent-strong: #2346d7;--accent-soft: #e3e9ff;--accent-ink: #f8f9ff;--header: rgb(243 244 246 / .86);--shadow: 0 24px 64px rgb(40 55 92 / .12);--media-shadow: 0 1px 0 rgb(255 255 255 / .8) inset, 0 24px 56px rgb(40 55 92 / .1);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--surface-radius: 16px;--control-radius: 10px}@media(prefers-color-scheme:dark){:root{--page: #0e1014;--surface: #15181d;--surface-raised: #1b1f25;--surface-soft: #1c2027;--ink: #f2f4f7;--muted: #a4abb6;--quiet: #747d8a;--line: #2b3038;--line-strong: #424955;--accent: #8097ff;--accent-strong: #9aabff;--accent-soft: #222d54;--accent-ink: #111526;--header: rgb(14 16 20 / .84);--shadow: 0 24px 60px rgb(0 0 0 / .32);--media-shadow: 0 1px 0 rgb(255 255 255 / .07) inset, 0 26px 68px rgb(0 0 0 / .28)}}*{box-sizing:border-box}html{min-width:320px;background:var(--page);scroll-behavior:smooth}body{min-width:320px;min-height:100dvh;margin:0;background:var(--page);color:var(--ink);font-family:var(--font);font-size:16px;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit}button,a{color:inherit}img{display:block;max-width:100%}main{overflow:clip}[hidden]{display:none!important}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:3px solid var(--accent-strong);outline-offset:3px}.skip-link{position:fixed;top:12px;left:12px;z-index:50;padding:10px 14px;border-radius:var(--control-radius);background:var(--accent);color:var(--accent-ink);font-size:13px;font-weight:700;text-decoration:none;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.shell{width:min(100% - 48px,1360px);margin-inline:auto}.scroll-target{scroll-margin-top:86px}.site-header{position:sticky;top:0;z-index:30;height:64px;background:var(--header);box-shadow:0 1px color-mix(in srgb,var(--line) 72%,transparent);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}.nav-inner{display:grid;height:100%;grid-template-columns:1fr auto 1fr;align-items:center}.logo{display:inline-flex;width:fit-content;align-items:center;gap:10px;font-size:17px;font-weight:780;letter-spacing:-.035em;text-decoration:none}.logo-mark{display:grid;width:24px;height:24px;grid-template-columns:repeat(3,1fr);align-items:end;gap:2px;padding:4px;border-radius:7px;background:var(--ink)}.logo-mark i{display:block;border-radius:1px 1px 0 0;background:var(--page)}.logo-mark i:nth-child(1){height:35%}.logo-mark i:nth-child(2){height:68%}.logo-mark i:nth-child(3){height:100%;background:var(--accent)}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a,.nav-action{font-size:13px;font-weight:650;text-decoration:none;transition:color .14s ease}.nav-links a{color:var(--muted)}.nav-action{display:inline-flex;align-items:center;gap:6px;justify-self:end}.hero{display:flex;align-items:center;padding-block:clamp(38px,4.4vw,62px) 32px;border-bottom:1px solid var(--line)}.hero-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%}.hero-brand-row{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:32px}.hero h1{margin:0;font-size:clamp(34px,3.35vw,46px);font-weight:780;letter-spacing:-.058em;line-height:1}.hero-intro{grid-column:1 / -1;grid-row:2;margin:clamp(40px,5vw,72px) 0 0;color:var(--ink);font-size:clamp(17px,1.45vw,20px);font-weight:480;letter-spacing:-.024em;line-height:1.48;text-wrap:pretty}.hero-premise,.hero-resolution{display:block;color:var(--muted)}.hero-resolution{display:flex;min-height:44px;align-items:center;padding-inline-end:220px}.hero-verbs{display:flex;align-items:baseline;flex-wrap:wrap;gap:.16em .32em;margin-block:22px 24px;font-size:clamp(42px,5.1vw,72px);font-weight:650;letter-spacing:-.065em;line-height:1.3}.hero-verb{display:inline-block;position:relative;white-space:nowrap}.hero-comma{color:var(--quiet)}.hero-experiment{margin-inline:.05em;color:var(--accent-strong)}.hero-experiment:before{content:"";position:absolute;inset:.1em -.12em .02em;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent);pointer-events:none}.hero-experiment i,.hero-experiment:after{content:"";position:absolute;width:6px;height:6px;border:1px solid var(--accent);background:var(--page);pointer-events:none}.hero-experiment i{top:calc(.1em - 3px);left:calc(-.12em - 3px)}.hero-experiment:after{bottom:calc(.02em - 3px);right:calc(-.12em - 3px)}.hero-conjunction{align-self:center;margin-inline:.12em;color:var(--muted);font-size:.32em;font-weight:480;letter-spacing:-.025em}.hero-understanding{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:.15em}.github-link{display:inline-flex;min-height:44px;flex:0 0 auto;align-items:center;gap:9px;color:var(--ink);font-size:13px;font-weight:680;letter-spacing:-.015em;text-decoration:none;white-space:nowrap;transition:opacity .16s ease,transform .16s var(--ease-out)}.github-link [data-icon="simple-icons:github"]{width:26px;height:26px}.hero-actions{grid-column:2;grid-row:2;align-self:end;justify-self:end;display:flex;flex-wrap:wrap;align-items:center;margin-top:0}.hero-actions a{display:inline-flex;min-height:44px;align-items:center;gap:9px;font-size:13px;font-weight:720;text-decoration:none}.hero-secondary{padding:10px 17px;border:0;background:transparent;color:var(--accent-strong);transition:color .14s ease}@media(prefers-color-scheme:dark){.github-link [data-icon="simple-icons:github"]{color:var(--ink)}}.simulator-groups{--group-spacing: 48px;padding-block:32px 72px}.simulator-group{display:grid;gap:24px;min-width:0;scroll-margin-top:0}.simulator-group+.simulator-group{margin-top:var(--group-spacing);padding-top:var(--group-spacing);border-top:1px solid var(--line);scroll-margin-top:calc(-1 * (var(--group-spacing) + 1px))}.category-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:10;padding-block:6px;background:var(--page)}.group-heading{align-self:start}.group-heading-label{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-width:0}.category-github-link{visibility:hidden;display:inline-flex;flex:0 0 44px;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;color:var(--ink);text-decoration:none}.directory-sticky-header .category-github-link{visibility:visible}.directory-sticky-header{position:fixed;inset:0 0 auto;z-index:20;background:var(--page);box-shadow:0 1px 0 var(--line)}.sticky-category-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:6px;min-height:56px}.sticky-category-title{font-size:clamp(28px,2.5vw,32px);line-height:1.15;font-weight:740;letter-spacing:-.045em}.sticky-category-title b{font-weight:inherit}[data-sticky-categories=ready] .category-heading{position:relative;top:auto}.category-github-link:hover,.category-github-link:focus-visible{color:var(--accent-strong);background:var(--surface-soft)}.group-heading h2,.tool-group-name,.remaining-title{margin:0;font-size:clamp(28px,2.5vw,32px);line-height:1.15;font-weight:740;letter-spacing:-.045em;text-wrap:balance}.category-anchor{display:inline-block;position:relative;max-width:100%;padding-inline-end:.7em;color:var(--accent-strong);text-decoration:none}.category-anchor>span{position:absolute;inset-inline-end:0;bottom:.2em;color:var(--quiet);font-size:.65em;line-height:1;font-weight:500}.category-anchor:hover,.category-anchor:focus-visible,.category-anchor:hover>span,.category-anchor:focus-visible>span{color:var(--accent-strong)}.group-tag{border:1px solid var(--line-strong);border-radius:6px;padding:5px 8px;color:var(--muted);font-size:12px;line-height:1.3;white-space:nowrap}.group-content{min-width:0}.group-previews{--preview-column-gap: 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px var(--preview-column-gap)}.preview-entry{min-width:0}.preview-entry-wide,.preview-entry-full{grid-column:1 / -1}.preview-media{width:100%;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--line);border-radius:var(--control-radius);box-shadow:0 8px 24px #0000000f;background:var(--surface-soft);transition:border-color .16s ease}.preview-media:focus-within{border-color:var(--accent-strong)}.preview-caption{padding:15px 0 0}.preview-caption h3{margin:0;font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.3}.preview-caption a,.tool-name{display:inline-flex;align-items:baseline;gap:8px;text-decoration:none;text-underline-offset:4px;text-decoration-thickness:1px}.preview-caption a{min-height:32px;align-items:center}.preview-caption a:focus-visible,.tool-row:focus-visible .tool-name{color:var(--accent-strong);text-decoration:underline}.preview-caption a svg,.tool-name svg{flex:0 0 auto;align-self:center;color:var(--quiet)}.preview-caption p{margin:4px 0 0;color:var(--muted);font-size:15px;line-height:1.5;text-wrap:pretty}.group-content>.group-links{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.group-content>.group-links:first-child{margin-top:0;padding-top:0;border-top:0}.directory-section{padding-block:48px 64px;border-top:1px solid var(--line)}.remaining-title{font-size:26px}.tool-list{display:grid;gap:24px;margin-top:32px}.tool-group{min-width:0;scroll-margin-top:0}.tool-group-heading{margin-bottom:12px}.tool-group-name{min-width:0}.tool-group-items{list-style:none;margin:0;padding:0;min-width:0}.tool-item{min-width:0}.tool-item+.tool-item{border-top:1px solid var(--line)}.tool-row{display:grid;grid-template-columns:176px minmax(0,1fr);align-items:center;gap:24px;padding:20px 0;text-decoration:none;border-radius:4px;transition:background-color .16s ease}.tool-item:first-child .tool-row{padding-top:0}.tool-item:last-child .tool-row{padding-bottom:0}.tool-row-text{grid-template-columns:minmax(0,1fr)}.tool-thumbnail{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain;border:1px solid var(--line);border-radius:6px;background:#fff}.tool-copy{min-width:0}.tool-name{font-size:18px;font-weight:600;letter-spacing:-.015em}.tool-description{margin:6px 0 0;color:var(--muted);font-size:15px;line-height:1.5;text-wrap:pretty}.tool-row:focus-visible{background:var(--surface-soft)}.tool-copy,.preview-caption{overflow-wrap:anywhere}html[data-motion=ready] [data-motion-heading],html[data-motion=ready] [data-motion-item],html[data-motion=ready] [data-motion-standalone]{opacity:0}[data-motion-heading],[data-motion-item],[data-motion-standalone]{transform-origin:50% 0}@media(min-width:768px){.preview-entry-wide{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,56px)}.preview-entry-wide .preview-caption{padding:0}.preview-caption h3{font-size:20px}.preview-entry-wide .preview-caption p{max-width:32ch;margin-top:8px;font-size:16px}.preview-entry-full .preview-caption{padding-top:14px}.preview-entry-full .preview-caption p{margin-top:6px;font-size:16px}.preview-entry-wide:nth-child(2n){grid-template-columns:minmax(0,1fr) minmax(0,1.65fr)}.preview-entry-wide:nth-child(2n) .preview-media{grid-column:2;grid-row:1}.preview-entry-wide:nth-child(2n) .preview-caption{grid-column:1;grid-row:1}}@media(min-width:1024px){.tool-list{gap:32px}}@media(hover:hover)and (pointer:fine){.preview-caption a:hover,.tool-row:hover .tool-name{color:var(--accent-strong);text-decoration:underline}.tool-row:hover{background:var(--surface-soft)}}.site-footer{border-top:1px solid var(--line);padding-block:28px}.not-found{display:grid;min-height:calc(100dvh - 121px);place-items:start;align-content:center;padding-block:72px}.not-found>p{margin:0;color:var(--accent-strong);font-family:var(--mono);font-size:13px;font-weight:700}.not-found h1{max-width:760px;margin:20px 0 0;font-size:clamp(48px,7vw,88px);font-weight:780;letter-spacing:-.065em;line-height:.96}.not-found>span{max-width:520px;margin-top:24px;color:var(--muted);font-size:17px;line-height:1.5}.not-found>a{display:inline-flex;min-height:48px;align-items:center;gap:8px;margin-top:32px;border-radius:var(--control-radius);background:var(--accent);color:var(--accent-ink);padding:12px 16px;font-size:13px;font-weight:720;text-decoration:none;transition:transform .14s var(--ease-out)}.not-found>a:active{transform:scale(.97)}.footer-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}.footer-inner p,.footer-inner>a{color:var(--muted);font-size:12px}.footer-inner p{margin:0}.footer-inner>a{display:inline-flex;align-items:center;gap:5px;justify-self:end;text-decoration:none}.footer-inner p a{text-underline-offset:3px}.hero-enter{animation:hero-enter .42s var(--ease-out) both}.hero-enter-2{animation-delay:55ms}.hero-enter-3{animation-delay:.11s}.hero-enter-4{animation-delay:165ms}@keyframes hero-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover)and (pointer:fine){.nav-links a:hover,.nav-action:hover,.footer-inner p a:hover,.footer-inner>a:hover{color:var(--accent-strong)}.hero-secondary:hover{color:var(--ink)}.not-found>a:hover{transform:translateY(-1px)}.github-link:hover{opacity:.68;transform:translateY(-1px)}}.github-link:active{transform:scale(.97)}@media(max-width:767px){.shell{width:min(100% - 28px,1360px)}.site-header{height:60px}.nav-inner{grid-template-columns:1fr auto}.nav-links{display:none}.hero{min-height:auto;padding-block:30px 28px}.hero h1{font-size:clamp(32px,9vw,38px)}.hero-intro{margin-top:36px;font-size:16px}.hero-copy{grid-template-columns:minmax(0,1fr)}.hero-resolution{min-height:auto;padding-inline-end:0}.hero-premise{max-width:30ch}.hero-verbs{display:grid;grid-template-columns:max-content 1fr;align-items:baseline;justify-items:start;gap:10px 14px;margin-block:24px 26px;font-size:clamp(36px,10.5vw,64px)}.hero-verb{grid-column:1 / -1}.hero-experiment{grid-row:2;grid-column:1}.hero-conjunction{grid-row:2;grid-column:2;margin:0;font-size:18px;align-self:end;padding-bottom:5px}.hero-brand-row{gap:16px}.github-link{gap:7px;font-size:11px}.hero-actions{grid-column:1;grid-row:3;margin-top:16px}.simulator-groups{--group-spacing: 36px;padding-block:24px 48px}.group-heading{gap:12px 14px}.group-previews{grid-template-columns:minmax(0,1fr);gap:30px}.preview-entry-wide{grid-column:auto}.preview-caption{padding-top:13px}.preview-caption a{min-height:44px}.preview-caption p{margin-top:0}.directory-section{padding-block:48px}.tool-row{grid-template-columns:minmax(0,1fr);gap:14px;padding-block:22px}.tool-thumbnail{width:min(100%,200px)}}@media(max-width:440px){.nav-action{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-enter{animation:reduced-enter .18s ease-out both}.hero-enter-2,.hero-enter-3,.hero-enter-4{animation-delay:0ms}.github-link,.hero-secondary,.tool-group-name,.tool-item,.not-found>a{transition-property:color,background,border-color,opacity}@keyframes reduced-enter{0%{opacity:0}to{opacity:1}}}@media(prefers-reduced-transparency:reduce){.site-header{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-contrast:more){:root{--line: var(--line-strong)}.site-header{background:var(--page)}}
