@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Geist-Variable.woff2) format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/GeistMono-Variable.woff2) format("woff2")}:root{color-scheme:light;--color-now: oklch(73% .194 147.4);--color-attention: oklch(74.1% .151 73.6);--color-error: oklch(54% .19 28);--color-traffic-red: oklch(68% .2 25);--color-traffic-amber: oklch(82% .16 80);--color-traffic-green: oklch(74% .19 145);--color-stage: oklch(22.7% .004 286.1 / .9);--color-stage-solid: oklch(22.7% .004 286.1);--color-stage-raised: oklch(30% .006 286 / .9);--color-stage-text: oklch(96% .003 286);--color-stage-text-2: oklch(74% .006 286);--color-stage-hairline: oklch(100% 0 0 / .1);--color-void: oklch(9.5% .004 286);--color-void-text: oklch(97% .002 286);--color-void-text-2: oklch(70% .006 286);--color-void-text-3: oklch(52% .006 286);--color-void-hairline: oklch(100% 0 0 / .1);--color-void-raised: oklch(18% .006 286);--color-night: oklch(19.5% .03 278);--color-night-2: oklch(25% .034 278);--color-night-3: oklch(31% .036 278);--color-night-text: oklch(95% .01 278);--color-night-text-2: oklch(75% .025 278);--color-night-hairline: oklch(100% 0 0 / .1);--color-moon: oklch(93% .06 90);--color-dusk-1: oklch(88% .03 290);--color-dusk-2: oklch(52% .06 282);--color-screen-off: oklch(40% .012 286);--color-screen-off-2: oklch(28% .01 286);--scene-indigo: oklch(54% .184 278.3);--scene-ocean: oklch(59.8% .166 255.5);--scene-teal: oklch(64.6% .109 187.8);--scene-moss: oklch(61.6% .149 140.9);--scene-amber: oklch(74.1% .151 73.6);--scene-coral: oklch(65.6% .177 35.8);--scene-rose: oklch(62.1% .194 353.7);--scene-graphite: oklch(55.1% .023 264.4);--wall-indigo-1: oklch(88.5% .058 283);--wall-indigo-2: oklch(92.2% .04 323.3);--wall-indigo-3: oklch(89.6% .051 259.4);--wall-ocean-1: oklch(90.4% .049 247.4);--wall-ocean-2: oklch(95% .028 234.8);--wall-ocean-3: oklch(87.7% .062 283);--wall-teal-1: oklch(92.3% .045 180.8);--wall-teal-2: oklch(94% .031 243.7);--wall-teal-3: oklch(95.5% .045 130.8);--wall-moss-1: oklch(93.7% .054 129.1);--wall-moss-2: oklch(95.1% .043 100.1);--wall-moss-3: oklch(91.4% .037 170.8);--wall-amber-1: oklch(93.2% .065 81.3);--wall-amber-2: oklch(91.1% .048 42.2);--wall-amber-3: oklch(96.3% .048 90.1);--wall-coral-1: oklch(90% .055 42.2);--wall-coral-2: oklch(91.2% .044 342.5);--wall-coral-3: oklch(93.9% .051 75.8);--wall-rose-1: oklch(89.6% .054 344.7);--wall-rose-2: oklch(90.1% .058 301.9);--wall-rose-3: oklch(92.1% .04 17.9);--wall-graphite-1: oklch(91.4% .008 253.9);--wall-graphite-2: oklch(95.4% .005 258.3);--wall-graphite-3: oklch(89.3% .012 259.8);--wall-center: oklch(98.9% .003 286.4);--sk-bg-light: oklch(100% 0 0);--sk-chrome-light: oklch(97.1% .003 286.4);--sk-side-light: oklch(96.2% .004 286.3);--sk-line-light: oklch(92.2% .005 275);--sk-strong-light: oklch(85.7% .009 264.5);--sk-bg-dark: oklch(24% .008 274.6);--sk-chrome-dark: oklch(29% .009 276.8);--sk-side-dark: oklch(27% .009 276.8);--sk-line-dark: oklch(35.7% .012 273.1);--sk-strong-dark: oklch(44.7% .013 274.7);--sk-term-bg: oklch(17% .006 274);--sk-term-green: oklch(78% .17 150);--sk-syn-1: oklch(72% .13 300);--sk-syn-2: oklch(72% .15 0);--sk-syn-3: oklch(72% .12 250);--sk-syn-4: oklch(80% .13 145);--sk-syn-5: oklch(80% .12 70);--sk-syn-6: oklch(55% .015 274);--sk-canvas: oklch(92% .004 286);--sk-note-paper: oklch(99% .012 95);--sk-unread: oklch(59.8% .166 255.5);--sk-bubble-me: oklch(59.8% .166 255.5);--sk-bubble-them: oklch(92.2% .005 275);--sk-event-1: oklch(80% .09 255);--sk-event-2: oklch(84% .1 75);--sk-event-3: oklch(82% .1 145);--sk-event-4: oklch(80% .1 350);--sk-folder: oklch(76% .11 240);--sk-tile-1: oklch(82% .08 35);--sk-tile-2: oklch(86% .08 80);--sk-tile-3: oklch(82% .07 150);--sk-tile-4: oklch(78% .08 250);--sk-tile-5: oklch(76% .09 300);--sk-tile-6: oklch(80% .09 350);--app-xcode: oklch(62% .16 255);--app-ghostty: oklch(55% .14 265);--app-safari: oklch(65% .15 245);--app-figma: oklch(66% .17 35);--app-notes: oklch(84% .15 90);--app-mail: oklch(62% .16 250);--app-calendar: oklch(62% .21 27);--app-finder: oklch(70% .13 240);--app-music: oklch(64% .21 15);--app-messages: oklch(72% .19 145);--app-linear: oklch(55% .15 280);--app-slack: oklch(55% .16 330);--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", system-ui, sans-serif;--font-display: "Geist", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-system: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Geist", system-ui, sans-serif;--text-2xs: .75rem;--text-xs: .8125rem;--text-sm: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: clamp(1.375rem, 1.1rem + .9vw, 1.75rem);--text-2xl: clamp(2.125rem, 1.35rem + 2.7vw, 3.5rem);--text-display: clamp(2.75rem, 1.4rem + 4.9vw, 5.75rem);--tracking-display: -.032em;--tracking-title: -.026em;--tracking-ui: -.008em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--gutter: clamp(1rem, 4vw, 2.5rem);--wrap: 75rem;--radius-key: 6px;--radius-chip: 8px;--radius-thumb: 12px;--radius-card: 16px;--radius-panel: 24px;--radius-pill: 999px;--shadow-desk: 0 1px 1px oklch(23% .01 286 / .04), 0 30px 60px -20px oklch(30% .04 280 / .28), 0 60px 120px -40px oklch(30% .04 280 / .22);--shadow-window: 0 .12cqw .3cqw oklch(20% .01 286 / .14), 0 .8cqw 2cqw -.4cqw oklch(20% .02 286 / .22);--shadow-key: 0 1px 0 oklch(100% 0 0) inset, 0 1.5px 0 oklch(84% .006 270), 0 2px 3px oklch(23% .01 286 / .1);--shadow-key-down: 0 1px 0 oklch(100% 0 0) inset, 0 0 0 oklch(84% .006 270), 0 1px 1px oklch(23% .01 286 / .08);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--dur-micro: .12s;--dur-short: .2s;--dur-long: .36s}:root,:root[data-theme=dark] :is(.screen-demo,.desk-frame,.desk,.mk-panel,.recorder-card,.nt-card,.how-hint,.bt-from-tabs,.sc-prompt){--color-paper: oklch(98.4% .002 95);--color-paper-2: oklch(96.4% .002 95);--color-paper-3: oklch(93.8% .004 270);--color-raised: oklch(100% 0 0);--color-ink: oklch(16.5% .004 286.1);--color-ink-hover: oklch(33% .006 286);--color-ink-2: oklch(50% .008 286.1);--color-ink-soft: oklch(60% .008 286.1);--color-ink-3: oklch(68% .007 286.2);--color-hairline: oklch(23.2% .004 286.1 / .08);--color-hairline-strong: oklch(23.2% .004 286.1 / .14);--color-on-ink: oklch(98.9% .003 286.4);--color-glass: oklch(100% 0 0 / .72);--color-glass-strong: oklch(100% 0 0 / .86);--color-glass-menu: oklch(99% .002 286 / .95);--color-focus: oklch(59.8% .166 255.5);--color-scrim: oklch(23.2% .004 286.1 / .06);--shadow-sm: 0 1px 2px oklch(23% .01 286 / .06), 0 1px 1px oklch(23% .01 286 / .04);--shadow-md: 0 1px 2px oklch(23% .01 286 / .05), 0 8px 24px -6px oklch(23% .01 286 / .12);--shadow-lg: 0 2px 4px oklch(23% .01 286 / .04), 0 24px 48px -12px oklch(23% .02 286 / .18)}:root[data-theme=dark] :is(.screen-demo,.desk-frame,.desk,.mk-panel,.recorder-card,.nt-card,.how-hint,.bt-from-tabs,.sc-prompt){color-scheme:light;color:var(--color-ink)}:root[data-theme=dark]{color-scheme:dark;--color-paper: oklch(15.6% .004 286);--color-paper-2: oklch(19.6% .005 286);--color-paper-3: oklch(25% .006 286);--color-raised: oklch(21.5% .005 286);--color-ink: oklch(96.6% .003 286);--color-ink-hover: oklch(86% .004 286);--color-ink-2: oklch(82% .006 286);--color-ink-soft: oklch(70% .007 286);--color-ink-3: oklch(60% .008 286);--color-hairline: oklch(100% 0 0 / .09);--color-hairline-strong: oklch(100% 0 0 / .15);--color-on-ink: oklch(16.5% .004 286);--color-glass: oklch(22% .005 286 / .72);--color-glass-strong: oklch(22% .005 286 / .86);--color-glass-menu: oklch(20% .005 286 / .95);--color-focus: oklch(67% .16 255.5);--color-scrim: oklch(100% 0 0 / .06);--shadow-sm: 0 1px 2px oklch(0% 0 0 / .4), 0 0 0 1px oklch(100% 0 0 / .04);--shadow-md: 0 1px 2px oklch(0% 0 0 / .4), 0 8px 24px -6px oklch(0% 0 0 / .5);--shadow-lg: 0 2px 4px oklch(0% 0 0 / .35), 0 24px 48px -12px oklch(0% 0 0 / .6)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;overflow-x:clip;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-md);line-height:1.5;letter-spacing:var(--tracking-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern"}img,svg{display:block;max-width:100%}button,input,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}p,h1,h2,h3,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}q{quotes:"“" "”"}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}::selection{background:#2f7fe02e}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;left:var(--space-4);top:-3rem;z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-on-ink);text-decoration:none}.skip:focus{top:var(--space-3)}.wrap{width:100%;max-width:calc(var(--wrap) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}.mono{font-family:var(--font-mono);font-size:.92em;letter-spacing:0}.display,.title{font-family:var(--font-display);font-weight:600;overflow-wrap:anywhere;min-width:0;text-wrap:balance}.display{font-size:var(--text-display);line-height:.98;letter-spacing:var(--tracking-display)}.title{font-size:var(--text-2xl);line-height:1.04;letter-spacing:var(--tracking-title)}.display .line,.title .line{display:block}.serif{color:var(--color-ink-soft);letter-spacing:-.012em;color:var(--color-ink-2)}.display .serif,.title .serif{font-size:1.06em;line-height:.98;padding-top:.04em}h3{font-size:var(--text-lg);line-height:1.25;font-weight:600;letter-spacing:-.016em}.lede{font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.5;color:var(--color-ink-2);max-width:34ch;text-wrap:pretty}.btn{--btn-h: 2.75rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--btn-h);padding:0 1.25rem;border:0;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;letter-spacing:-.01em;white-space:nowrap;text-decoration:none;user-select:none;-webkit-user-select:none;transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),opacity var(--dur-short) var(--ease-out)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn-sm{--btn-h: 2.25rem;padding:0 1rem;font-size:var(--text-xs)}.btn-xs{--btn-h: 1.625rem;padding:0 .75rem;font-size:var(--text-2xs)}.btn-ink{background:var(--color-ink);color:var(--color-on-ink)}.btn-quiet{background:var(--color-paper-3);color:var(--color-ink)}.btn-light{background:var(--color-night-text);color:var(--color-night)}@media(hover:hover)and (pointer:fine){.btn-ink:hover:not(:disabled){background:var(--color-ink-hover)}.btn-quiet:hover:not(:disabled){background:var(--color-hairline-strong)}.btn-light:hover:not(:disabled){background:var(--color-raised)}}@media(pointer:coarse){.btn{--btn-h: 3rem}.btn-sm{--btn-h: 2.75rem}}.btn-icon{display:inline-flex;width:1.05em;height:1.05em}.btn-icon svg{width:100%;height:100%}.key{display:inline-flex;align-items:center;justify-content:center;min-width:1.85em;height:1.85em;padding:0 .45em;margin:0 .1em;border-radius:var(--radius-key);background:linear-gradient(to bottom,var(--color-raised),var(--color-paper-2));border:1px solid var(--color-hairline-strong);box-shadow:var(--shadow-key);font-family:var(--font-sans);font-size:.82em;font-weight:500;line-height:1;color:var(--color-ink);vertical-align:.08em;transform:translateY(0);transition:transform 80ms var(--ease-out),box-shadow 80ms var(--ease-out)}.key-wide{min-width:3.6em}.key.is-down{transform:translateY(1.5px);box-shadow:var(--shadow-key-down)}.combo{display:inline-flex;align-items:center;gap:.15em;white-space:nowrap}.combo .key{margin:0}.join{width:100%;max-width:28rem}.join-field{position:relative;display:flex;align-items:center;gap:var(--space-1);padding:.3125rem;border-radius:var(--radius-pill);background:var(--color-raised);box-shadow:0 0 0 1px var(--color-hairline-strong),var(--shadow-md);transition:box-shadow var(--dur-short) var(--ease-out)}.join-field:focus-within{box-shadow:0 0 0 1px var(--color-focus),0 0 0 4px #2f7fe029,var(--shadow-md)}.join-field input[type=email]{flex:1 1 auto;min-width:0;height:2.75rem;padding:0 .5rem 0 1rem;border:0;background:transparent;outline:none;font-size:var(--text-md)}.join-field input::placeholder{color:var(--color-ink-3)}.join .btn{flex:none}.hp{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}.join-note{margin-top:var(--space-3);padding-inline:var(--space-4);font-size:var(--text-xs);color:var(--color-ink-2);min-height:1.5em}.join[data-state=error] .join-note{color:var(--color-error)}.join[data-state=loading] .btn{pointer-events:none}.join[data-state=loading] .btn-label{opacity:.55}.spinner{width:.95em;height:.95em;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.join-done{display:flex;align-items:center;gap:var(--space-3);min-height:3.375rem;padding:0 1.25rem 0 .5rem;border-radius:var(--radius-pill);background:var(--color-raised);box-shadow:0 0 0 1px var(--color-hairline-strong),var(--shadow-md);animation:done-in .32s var(--ease-out)}.join-done-check{display:grid;place-items:center;flex:none;width:2.375rem;height:2.375rem;border-radius:50%;background:var(--color-ink);color:var(--color-on-ink)}.join-done-check svg{width:1.1rem;height:1.1rem}.join-done p{font-size:var(--text-sm);line-height:1.35}.join-done strong{font-weight:600}@keyframes done-in{0%{opacity:0;transform:translateY(4px);filter:blur(4px)}}@media(max-width:26rem){.join-field{flex-direction:column;align-items:stretch;border-radius:var(--radius-card);padding:.375rem}.join-field input[type=email]{padding-inline:.75rem}.join .btn{width:100%}.join-done{border-radius:var(--radius-card);padding-block:var(--space-3)}}.panel{background:var(--color-raised);border-radius:var(--radius-panel);box-shadow:0 0 0 1px var(--color-hairline),var(--shadow-lg)}.panel-title{font-size:var(--text-sm);font-weight:600}.segmented{display:inline-flex;padding:2px;border-radius:var(--radius-chip);background:var(--color-paper-3)}.segmented button{height:1.75rem;padding:0 .75rem;border:0;border-radius:6px;background:transparent;font-size:var(--text-2xs);font-weight:500;color:var(--color-ink-2);white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.segmented button.is-on{background:var(--color-raised);color:var(--color-ink);box-shadow:var(--shadow-sm)}.symbol-tile{display:inline-grid;place-items:center;flex:none;width:1.75rem;height:1.75rem;border-radius:7px;background:var(--tile, var(--scene-graphite));color:#fff;transition:background-color var(--dur-short) var(--ease-out)}.symbol-tile svg{width:62%;height:62%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.15s!important;animation-iteration-count:1!important;transition-duration:.15s!important}.spinner{animation-iteration-count:infinite!important;animation-duration:.9s!important}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}