:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--teal-900:#03425f;--teal-700:#03666f;--teal-500:#048f6f;--green-400:#09b579;--green-300:#0dc37d;--bg:#fbfcfc;--fg:#0f1918;--fg-2:#52605e;--fg-3:#75817f;--border:#00282317;--kbd-bg:#fff;--kbd-border:#00282324;--accent:var(--teal-700);--accent-hover:color-mix(in oklch, var(--teal-700) 86%, black);--on-accent:#fff;--link:var(--teal-700);--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs:13px;--text-sm:15px;--text-md:19px;--text-lg:28px;--stage-bg:linear-gradient(150deg, #cfe3e3 0%, #b9dcd2 45%, #c9ecd9 100%);--win-bg:#f6f7f7b8;--win-fg:#1d1d1f;--win-fg-2:#00000080;--win-fg-3:#00000047;--win-fill:#0000000f;--win-fill-2:#00000012;--win-line:#0000001a;--win-edge:#00000029;--win-select:color-mix(in srgb, var(--teal-500) 20%, transparent);--win-accent:var(--teal-500)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0c1111;--fg:#e6eceb;--fg-2:#9aa7a5;--fg-3:#74807e;--border:#1d2626;--kbd-bg:#161e1e;--kbd-border:#2a3534;--accent:#12b77a;--accent-hover:oklch(72.6488% .134065 160.212);--on-accent:#03241a;--link:#3fcf98;--stage-bg:linear-gradient(150deg, #0a2c35 0%, #0a3b38 50%, #0c4433 100%);--win-bg:#262828b8;--win-fg:#f2f2f2;--win-fg-2:#ffffff8c;--win-fg-3:#ffffff4d;--win-fill:#ffffff12;--win-fill-2:#ffffff14;--win-line:#ffffff1a;--win-edge:#ffffff24;--win-select:color-mix(in srgb, var(--green-400) 24%, transparent);--win-accent:#0a9e6c}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font:400 var(--text-sm) / 1.55 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;margin:0}h1,h2,p,ul,dl,dd,figure{margin:0;padding:0}ul{list-style:none}a{color:inherit}a:focus-visible{outline:2px solid var(--fg);outline-offset:3px;border-radius:4px}::selection{background:color-mix(in srgb, var(--green-300) 28%, transparent)}.page{max-width:860px;margin-inline:auto;padding-inline:24px}.intro{padding-top:112px}.intro-icon{width:64px;height:64px;display:block}h1{font-size:var(--text-lg);letter-spacing:-.015em;margin-top:24px;font-weight:600;line-height:1.15}.pitch{font-size:var(--text-md);color:var(--fg-2);text-wrap:balance;margin-top:8px;line-height:1.45}.cta{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:32px;display:flex}.button{background:var(--accent);height:40px;color:var(--on-accent);-webkit-tap-highlight-color:transparent;border-radius:10px;align-items:center;padding-inline:18px;font-weight:500;text-decoration:none;transition-property:background-color,transform;transition-duration:.15s;transition-timing-function:ease-out;display:inline-flex}.button:active{transform:scale(.96)}.button:focus-visible{outline-offset:3px;border-radius:10px}.quiet-link{color:var(--fg-2);text-decoration:none;transition:color .15s ease-out;position:relative}.quiet-link:before{content:"";position:absolute;inset:-10px -6px}.meta{font-size:var(--text-xs);color:var(--fg-3);margin-top:16px}@media (hover:hover){.button:hover{background:var(--accent-hover)}.quiet-link:hover{color:var(--fg)}}.stage{background:var(--stage-bg);border-radius:16px;margin-top:72px;padding:56px 40px}.stage-inner{justify-content:center;display:flex;container:stage/inline-size}.m-window{--u:calc(min(100cqi, 780px) / 780);--w:780;width:calc(var(--w) * var(--u));height:calc(500 * var(--u));border-radius:calc(14 * var(--u));background:var(--win-bg);-webkit-backdrop-filter:blur(30px)saturate(1.6);backdrop-filter:blur(30px)saturate(1.6);box-shadow:0 0 0 .5px var(--win-edge), 0 1px 2px #0000000f, 0 calc(8 * var(--u)) calc(24 * var(--u)) #0014141a, 0 calc(24 * var(--u)) calc(64 * var(--u)) #00141424;color:var(--win-fg);font-family:var(--font);-webkit-user-select:none;user-select:none;pointer-events:none;text-align:start;flex-direction:column;line-height:1.25;display:flex;overflow:hidden}.m-window svg{flex:none;display:block}.m-spacer{flex:1}.m-search{align-items:center;gap:calc(10 * var(--u));height:calc(52 * var(--u));padding-inline:calc(16 * var(--u));border-bottom:.5px solid var(--win-line);flex:none;display:flex}.m-search-icon{width:calc(16 * var(--u));height:calc(16 * var(--u));color:var(--win-fg-2)}.m-search-placeholder{font-size:calc(17 * var(--u));color:var(--win-fg-3);white-space:nowrap;flex:1}.m-count{font-size:calc(11 * var(--u));color:var(--win-fg-3);font-variant-numeric:tabular-nums;white-space:nowrap}.m-body{flex:1;min-height:0;display:flex}.m-list{width:calc(320 * var(--u));padding:calc(6 * var(--u));border-right:.5px solid var(--win-line);flex:none;overflow:hidden}.m-list ul{gap:calc(1 * var(--u));flex-direction:column;display:flex}.m-section{padding:calc(8 * var(--u)) calc(10 * var(--u)) calc(4 * var(--u));font-size:calc(10 * var(--u));letter-spacing:calc(.6 * var(--u));text-transform:uppercase;color:var(--win-fg-3);font-weight:600}.m-row{align-items:center;gap:calc(10 * var(--u));height:calc(36 * var(--u));padding-inline:calc(8 * var(--u));border-radius:calc(8 * var(--u));font-size:calc(13 * var(--u));display:flex}.m-row[data-selected]{background:var(--win-select)}.m-thumb{width:calc(24 * var(--u));height:calc(24 * var(--u));border-radius:calc(5 * var(--u));background:var(--win-fill);color:var(--win-fg-2);flex:none;place-items:center;display:grid;overflow:hidden}.m-thumb svg{width:calc(12 * var(--u));height:calc(12 * var(--u))}.m-thumb svg[preserveAspectRatio]{width:100%;height:100%}.m-row-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.m-row-key{width:calc(28 * var(--u));text-align:end;font-size:calc(11 * var(--u));color:var(--win-fg-3);font-variant-numeric:tabular-nums;flex:none}.m-preview{flex-direction:column;flex:1;min-width:0;display:flex}.m-preview-text{padding:calc(16 * var(--u));font-size:calc(13 * var(--u));line-height:calc(19 * var(--u));white-space:pre-wrap;flex:1}.m-details{gap:calc(10 * var(--u));padding:calc(14 * var(--u));border-top:.5px solid var(--win-line);flex-direction:column;display:flex}.m-details dl{gap:calc(6 * var(--u));font-size:calc(12 * var(--u));flex-direction:column;display:flex}.m-details dl>div{justify-content:space-between;display:flex}.m-details dt{color:var(--win-fg-2)}.m-details dd{font-variant-numeric:tabular-nums}.m-actions{align-items:center;gap:calc(4 * var(--u));display:flex}.m-copy{justify-content:center;align-items:center;gap:calc(5 * var(--u));min-width:calc(86 * var(--u));height:calc(24 * var(--u));padding-inline:calc(10 * var(--u));border-radius:calc(6 * var(--u));background:var(--win-accent);color:#fff;font-size:calc(13 * var(--u));display:inline-flex;box-shadow:inset 0 .5px #ffffff40,0 .5px 1px #0003}.m-copy svg{width:calc(13 * var(--u));height:calc(13 * var(--u))}.m-icon-btn{width:calc(28 * var(--u));height:calc(28 * var(--u));color:var(--win-fg-2);place-items:center;display:grid}.m-icon-btn svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}.m-footer{align-items:center;gap:calc(14 * var(--u));height:calc(36 * var(--u));padding-inline:calc(14 * var(--u));border-top:.5px solid var(--win-line);font-size:calc(11 * var(--u));color:var(--win-fg-2);white-space:nowrap;flex:none;display:flex}.m-hint{align-items:center;gap:calc(5 * var(--u));display:inline-flex}.m-key{min-width:calc(18 * var(--u));height:calc(17 * var(--u));padding-inline:calc(5 * var(--u));border-radius:calc(4 * var(--u));background:var(--win-fill-2);box-shadow:inset 0 0 0 calc(1 * var(--u)) var(--win-line);font-size:calc(10 * var(--u));place-items:center;font-weight:500;display:inline-grid}.m-gear{width:calc(15 * var(--u));height:calc(15 * var(--u))}@container stage (width<560px){.m-window{--u:calc(min(100cqi, 340px) / 340);--w:340;height:calc(470 * var(--u))}.m-list{border-right:0;width:100%}.m-preview,.m-hint[data-wide]{display:none}}.details{grid-template-columns:1fr 1fr;gap:48px 64px;margin-top:96px;display:grid}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin-bottom:16px;font-size:11px;font-weight:600}.features{text-wrap:pretty;flex-direction:column;gap:10px;display:flex}.shortcuts{flex-direction:column;display:flex}.shortcuts>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:40px;display:flex}.shortcuts>div:first-child{border-top:1px solid var(--border)}.shortcuts dt{color:var(--fg)}.shortcuts dd{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 8px;padding-block:8px;display:flex}.combo{align-items:center;gap:4px;display:inline-flex}.or{font-size:var(--text-xs);color:var(--fg-3);margin-inline-end:4px}kbd{border:1px solid var(--kbd-border);background:var(--kbd-bg);min-width:24px;height:24px;box-shadow:0 1px 0 var(--kbd-border);color:var(--fg-2);font:500 12px / 1 var(--font);font-variant-numeric:tabular-nums;border-radius:6px;place-items:center;padding-inline:6px;display:inline-grid}.note{max-width:44ch;font-size:var(--text-xs);color:var(--fg-3);text-wrap:pretty;margin-top:16px}.footer{margin-top:120px}.footer-inner{--footer-gutter:24px;max-width:860px;padding:24px var(--footer-gutter) calc(40px + env(safe-area-inset-bottom));font-size:var(--text-xs);color:var(--fg-3);flex-wrap:wrap;gap:8px 24px;margin-inline:auto;display:flex;position:relative}.footer-inner:before{content:"";top:0;left:var(--footer-gutter);right:var(--footer-gutter);background:repeating-linear-gradient(to right, var(--border) 0 4px, transparent 4px 9px);pointer-events:none;height:1px;position:absolute}.footer-credit{margin-left:auto}.footer a{text-decoration:none;transition:color .15s ease-out}.footer-credit a{color:var(--fg-2)}@media (hover:hover){.footer a:hover{color:var(--fg)}}@media (width<=640px){.page{padding-inline:16px}.intro{padding-top:64px}.stage{margin-top:48px;border-radius:14px;margin-inline:-4px;padding:28px 16px}.details{grid-template-columns:1fr;margin-top:64px}.footer{margin-top:80px}.footer-inner{--footer-gutter:16px}.footer-credit{flex-basis:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.button,.quiet-link,.footer a{transition:none}.button:active{transform:none}}
