:root{--ink: #1a1a1a;--muted: #6b6b6b;--faint: #b8b8b8;--dim: #dedede;--page: #ffffff;--ground: #fafaf9;--rule: #ebebe9;--panel: #f5f5f3;--accent: #2b6cb0;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--measure: 34rem;--shell: 68rem;--t-body: clamp(.95rem, .9rem + .25vw, 1.05rem);--t-small: clamp(.875rem, .84rem + .18vw, .95rem);--t-micro: clamp(.875rem, .85rem + .12vw, .925rem);--gap: clamp(.85rem, .6rem + 1.2vw, 1.15rem);--section-y: clamp(2.75rem, 1.5rem + 6vw, 4.5rem);--edge: clamp(1.1rem, .5rem + 2.4vw, 1.5rem)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ink: #e8e8e6;--muted: #9a9a97;--faint: #5e5e5c;--dim: #3a3a38;--page: #1c1c1f;--ground: #141416;--rule: #2a2a2e;--panel: #1f1f23;--accent: #86b0dd}}:root[data-theme=dark]{--ink: #e8e8e6;--muted: #9a9a97;--faint: #5e5e5c;--dim: #3a3a38;--page: #1c1c1f;--ground: #141416;--rule: #2a2a2e;--panel: #1f1f23;--accent: #86b0dd}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin-left:.6rem;vertical-align:middle;border:1px solid var(--rule);border-radius:999px;background:var(--page);color:var(--muted);cursor:pointer;font:inherit;font-size:.95rem;padding:0;transition:color .12s ease,border-color .12s ease}.theme-toggle[hidden]{display:none}.theme-toggle:hover{color:var(--ink);border-color:var(--faint)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle__sun{display:none}:root[data-theme=dark] .theme-toggle__sun{display:inline}:root[data-theme=dark] .theme-toggle__moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle__sun{display:inline}:root:not([data-theme=light]) .theme-toggle__moon{display:none}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:var(--t-body);line-height:1.65;-webkit-font-smoothing:antialiased}.wrap{width:min(var(--shell),100% - (var(--edge) * 2));margin-inline:auto}.narrow{max-width:var(--measure)}a{color:inherit}.hero{padding:clamp(3.5rem,1rem + 9vw,7rem) 0 clamp(2rem,1rem + 3vw,3rem);text-align:center}h1{font-family:var(--serif);font-size:clamp(2.6rem,6.5vw,4.25rem);line-height:1.06;letter-spacing:-.02em;font-weight:400;margin:0 0 1.25rem;text-wrap:balance}.lede{font-size:clamp(1.05rem,2vw,1.2rem);color:var(--muted);margin:0 auto 2.25rem;max-width:33rem;text-wrap:pretty}.cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.35rem;min-height:44px;border-radius:8px;text-decoration:none;font-size:.94rem;font-weight:500;border:1px solid transparent;transition:transform .12s ease,background-color .12s ease,border-color .12s ease}@media(hover:hover){.btn:hover{transform:translateY(-1px)}}.btn--solid{background:var(--ink);color:var(--ground)}.btn--ghost{border-color:var(--rule);color:var(--ink);background:var(--page)}.btn--ghost:hover{border-color:var(--faint)}.cta-note{margin-top:1rem;font-size:var(--t-micro);color:var(--faint);text-wrap:balance}.showcase{padding:1rem 0 5rem}.window{background:var(--page);border:1px solid var(--rule);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 24px 60px -24px #00000038;display:grid;grid-template-columns:1fr 15rem;min-height:25rem}.chrome{grid-column:1 / -1;display:flex;gap:.4rem;padding:.7rem .9rem;border-bottom:1px solid var(--rule)}.dot{width:11px;height:11px;border-radius:50%;background:var(--dim)}.canvas{padding:2.75rem 2.5rem 0;display:flex;flex-direction:column;min-width:0}.doc{font-family:"Lato",var(--sans);font-size:1.02rem;line-height:1.75;max-width:30rem;flex:1}.doc h2{font-size:1.5rem;font-weight:700;margin:0 0 .9rem;line-height:1.25;font-family:inherit}.doc p{margin:0 0 .85rem}.mk{color:var(--faint)}.dimmed{color:var(--dim)}.caret{display:inline-block;width:2px;height:1.05em;background:var(--ink);vertical-align:-.18em;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.bar{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0 1rem;font-size:.72rem;color:var(--faint);flex-wrap:wrap}.bar b{font-weight:600;color:var(--muted)}.bar span+span:before{content:"·";padding:0 .45rem;opacity:.55}.sidebar{border-left:1px solid var(--rule);background:var(--panel);padding:.9rem 0;min-width:0}.side-h{padding:0 .9rem .7rem;font-size:.78rem;color:var(--muted);border-bottom:1px solid var(--rule)}.side-path{font-family:var(--mono);font-size:.63rem;color:var(--faint);margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day{padding:.65rem .9rem .25rem;font-size:.68rem;color:var(--faint)}.row{padding:.5rem .9rem;border-bottom:1px solid var(--rule)}.row.on{background:var(--page)}.row-t{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-m{font-size:.64rem;color:var(--faint);margin-top:.1rem}section{padding:var(--section-y) 0;border-top:1px solid var(--rule)}h2.sec{font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,3.6vw,2.3rem);line-height:1.2;letter-spacing:-.015em;margin:0 0 .75rem}.sec-sub{color:var(--muted);margin:0 0 2.5rem;max-width:34rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--gap)}.card{background:var(--page);border:1px solid var(--rule);border-radius:11px;padding:1.4rem;transition:border-color .14s ease,transform .14s ease}@media(hover:hover){.card:hover{border-color:var(--faint);transform:translateY(-2px)}}.card h3{font-size:.97rem;margin:0 0 .4rem;font-weight:600}.card p{margin:0;font-size:var(--t-small);color:var(--muted);line-height:1.6}.demo{min-height:5.25rem;border-radius:8px;background:var(--ground);border:1px solid var(--rule);margin-bottom:1.1rem;padding:.75rem .85rem;font-family:"Lato",var(--sans);font-size:.8rem;line-height:1.55;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.demo code{font-family:var(--mono);font-size:.74rem;color:var(--faint)}.keycap{display:inline-block;font-family:var(--sans);font-size:.72rem;padding:.25rem .55rem;border:1px solid var(--rule);border-bottom-width:2px;border-radius:5px;background:var(--page);color:var(--muted)}.struck{position:relative;opacity:.55}.struck:after{content:"";position:absolute;left:-6%;right:-6%;top:50%;height:1.5px;background:#c0392b;transform:rotate(-11deg)}.filerow{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.68rem;color:var(--muted);padding:.13rem 0}.filerow span:last-child{color:var(--faint)}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{font-size:.78rem;padding:.35rem .75rem;border:1px solid var(--rule);border-radius:999px;background:var(--page);color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--gap);margin-top:1.5rem;counter-reset:step}.step{background:var(--page);border:1px solid var(--rule);border-radius:11px;padding:1.3rem;position:relative;letter-spacing:0}.step:before{counter-increment:step;content:counter(step);display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--ink);color:var(--ground);font-size:.78rem;font-weight:600;margin-bottom:.85rem}.step h4{margin:0 0 .35rem;font-size:.93rem;font-weight:600}.step p{margin:0;font-size:var(--t-small);color:var(--muted);line-height:1.6}.step p b{color:var(--ink);font-weight:600}.shot{margin-top:.95rem;border:1px solid var(--rule);border-radius:8px;background:var(--ground);padding:.8rem;font-size:.74rem;line-height:1.45}.shot-title{font-weight:600;color:var(--ink);margin-bottom:.25rem}.shot-body{color:var(--muted)}.shot-row{display:flex;gap:.4rem;margin-top:.65rem;justify-content:flex-end;flex-wrap:wrap}.fake-btn{padding:.22rem .6rem;border-radius:5px;border:1px solid var(--rule);background:var(--page);color:var(--muted);font-size:.72rem;white-space:nowrap}.fake-btn.go{background:#2b6cb0;border-color:#2b6cb0;color:#fff;font-weight:600}.fake-btn.danger{color:var(--faint)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.55rem;flex-wrap:wrap}.notice{margin-top:1.5rem;padding:1rem 1.15rem;border:1px solid var(--rule);border-left:3px solid var(--accent);border-radius:8px;background:var(--page);font-size:var(--t-small);color:var(--muted);line-height:1.6}.notice strong,.notice b{color:var(--ink);font-weight:600}.card code{overflow-wrap:anywhere;font-family:var(--mono);font-size:.82em;background:var(--ground);border:1px solid var(--rule);border-radius:4px;padding:.05em .32em}.sec-sub a{color:var(--accent)}.hl{background:#2b6cb029;border-radius:2px;padding:0 2px}.close{text-align:center}footer{border-top:1px solid var(--rule);padding:2.25rem 0 3rem;font-size:.82rem;color:var(--faint);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--ink)}@media(max-width:52rem){.window{grid-template-columns:1fr;min-height:0}.sidebar{display:none}.canvas{padding:1.75rem 1.5rem 0}}@media(max-width:34rem){.canvas{padding:1.4rem 1.15rem 0}.doc{font-size:.95rem}.doc h2{font-size:1.3rem}.bar{display:none}.cta{flex-direction:column;align-items:stretch}.cta .btn{width:100%}.card{padding:1.15rem}.step{padding:1.1rem}.notice{padding:.9rem 1rem}footer{flex-direction:column;gap:.5rem;align-items:flex-start}}@media(max-width:22.5rem){.window{border-radius:9px}.chrome{padding:.55rem .7rem}}@media(hover:none),(max-width:52rem){.theme-toggle{width:2.75rem;height:2.75rem}footer a,.platform-nav a{display:inline-flex;align-items:center;min-height:44px}}@media(hover:none)and (min-width:52rem){footer a{padding-inline:.15rem}}@media(max-height:30rem)and (orientation:landscape){.hero{padding-top:2.25rem;padding-bottom:1.5rem}section{padding-block:2.25rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}