@font-face{font-family:Superbasic Display;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/SuperbasicDisplay-Regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/Inter-latin-400.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../../../fonts/Inter-latin-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../../../fonts/Inter-latin-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:650;font-display:swap;src:url(../../../fonts/Inter-latin-650.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../../../fonts/Inter-latin-700.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:750;font-display:swap;src:url(../../../fonts/Inter-latin-750.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../../../fonts/Inter-latin-800.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(../../../fonts/Inter-latin-900.woff2) format("woff2")}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/RobotoMono-latin-400.woff2) format("woff2")}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../../../fonts/RobotoMono-latin-500.woff2) format("woff2")}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../../../fonts/RobotoMono-latin-700.woff2) format("woff2")}@font-face{font-family:Lora;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/Lora-latin-400.woff2) format("woff2")}@font-face{font-family:Lora;font-style:normal;font-weight:700;font-display:swap;src:url(../../../fonts/Lora-latin-700.woff2) format("woff2")}@font-face{font-family:sbf-pixel;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/sbf-pixel-Regular.woff2) format("woff2"),url(../../../fonts/sbf-pixel-Regular.woff) format("woff")}@font-face{font-family:sbf-pixel;font-style:normal;font-weight:700 900;font-display:swap;src:url(../../../fonts/sbf-pixel-Bold.woff2) format("woff2"),url(../../../fonts/sbf-pixel-Bold.woff) format("woff")}@font-face{font-family:sbf-serif;font-style:normal;font-weight:300;font-display:swap;src:url(../../../fonts/sbf-serif-Light.woff2) format("woff2"),url(../../../fonts/sbf-serif-Light.woff) format("woff")}@font-face{font-family:sbf-serif;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/sbf-serif-Regular.woff2) format("woff2"),url(../../../fonts/sbf-serif-Regular.woff) format("woff")}@font-face{font-family:sbf-serif;font-style:normal;font-weight:500;font-display:swap;src:url(../../../fonts/sbf-serif-Medium.woff2) format("woff2"),url(../../../fonts/sbf-serif-Medium.woff) format("woff")}@font-face{font-family:sbf-serif;font-style:normal;font-weight:600;font-display:swap;src:url(../../../fonts/sbf-serif-SemiBold.woff2) format("woff2"),url(../../../fonts/sbf-serif-SemiBold.woff) format("woff")}@font-face{font-family:sbf-serif;font-style:normal;font-weight:700;font-display:swap;src:url(../../../fonts/sbf-serif-Bold.woff2) format("woff2"),url(../../../fonts/sbf-serif-Bold.woff) format("woff")}:root{--landing-background: #f5efe6;--landing-paper-rgb: 245, 239, 230;--landing-text: #3b2416;--landing-ink-rgb: 59, 36, 22;--landing-muted: #8b6b55;--landing-negative: #a94438;--landing-negative-rgb: 169, 68, 56;--landing-display-font-family: "Superbasic Display", "Roboto Mono", monospace;--landing-pixel-font-family: "sbf-pixel", "Roboto Mono", monospace;--landing-serif-font-family: "sbf-serif", Georgia, "Times New Roman", Times, serif;--landing-font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--landing-mono-font-family: "Roboto Mono", "SFMono-Regular", "SF Mono", Consolas, "Liberation Mono", ui-monospace, monospace;--landing-demo-font-family: var(--landing-font-family);--landing-editorial-font-family: "Lora", Georgia, "Times New Roman", Times, serif;--landing-hero-display-font-family: var(--landing-mono-font-family);--landing-hero-mono-font-family: var(--landing-mono-font-family);--landing-theme-color: #f5efe6;--landing-color-scheme: light;--landing-toggle-track: #e6d5c3;--landing-toggle-border: #3b2416;--landing-toggle-thumb: #3b2416;--landing-toggle-focus: #3b2416;--landing-outro-shadow: rgba(var(--landing-ink-rgb), .38);--landing-divider: rgba(var(--landing-ink-rgb), .14);--landing-blockquote-border: rgba(var(--landing-ink-rgb), .2);--landing-code-surface: rgba(var(--landing-ink-rgb), .08);--landing-hover-fill: rgba(var(--landing-ink-rgb), .12);--landing-faint: rgba(var(--landing-ink-rgb), .45);--landing-dot-pattern: #3b2416;--landing-hero-paper: var(--landing-background);--landing-hero-paper-rgb: var(--landing-paper-rgb);--landing-hero-ink: var(--landing-text);--landing-hero-ink-rgb: var(--landing-ink-rgb);--landing-hero-muted: var(--landing-muted);--landing-hero-border: rgba(59, 36, 22, .4);--landing-material-texture-opacity: .1;--landing-surface-grain-opacity: .15;--landing-texture-blend-mode: overlay;--landing-grain-blend-mode: multiply;--landing-hero-glow: rgba(var(--landing-hero-ink-rgb), .24);--landing-hero-halo: rgba(var(--landing-hero-ink-rgb), .12);--landing-demo-bg-image: url(../../../assets/demo-bg-light.jpg);--landing-demo-bg-mirror: -1;--landing-logo-image: url(../../../logo-light.png);--demo-frame-border: rgba(var(--landing-ink-rgb), .12);--demo-border: rgba(var(--landing-ink-rgb), .16);--demo-table-border: var(--demo-border);--demo-control: rgba(var(--landing-ink-rgb), .06);--demo-control-active: rgba(var(--landing-ink-rgb), .13);--demo-scrim: rgba(var(--landing-ink-rgb), .1);--demo-dot: var(--landing-dot-pattern);--demo-phone-width: var(--demo-phone-inline-size, min(86vw, 24.375rem))}:root[data-theme=dark]{--landing-background: #060606;--landing-paper-rgb: 6, 6, 6;--landing-text: #dedede;--landing-ink-rgb: 222, 222, 222;--landing-muted: rgba(var(--landing-ink-rgb), .76);--landing-negative: #ff5d52;--landing-negative-rgb: 255, 93, 82;--landing-theme-color: #060606;--landing-color-scheme: dark;--landing-toggle-track: #161616;--landing-toggle-border: #dedede;--landing-toggle-thumb: #dedede;--landing-toggle-focus: #dedede;--landing-outro-shadow: rgba(var(--landing-paper-rgb), 1);--landing-dot-pattern: rgba(222, 222, 222, .17);--landing-hero-paper: var(--landing-background);--landing-hero-paper-rgb: var(--landing-paper-rgb);--landing-hero-ink: var(--landing-text);--landing-hero-ink-rgb: var(--landing-ink-rgb);--landing-hero-border: rgba(255, 255, 255, .35);--landing-material-texture-opacity: .12;--landing-surface-grain-opacity: .07;--landing-texture-blend-mode: overlay;--landing-grain-blend-mode: normal;--landing-hero-glow: rgba(222, 222, 222, .85);--landing-hero-halo: rgba(222, 222, 222, .35);--landing-demo-bg-image: url(../../../assets/demo-bg-dark.jpg);--landing-demo-bg-mirror: 1;--landing-logo-image: url(../../../logo-dark.png);--demo-frame-border: rgba(var(--landing-ink-rgb), .12);--demo-border: rgba(var(--landing-ink-rgb), .16);--demo-table-border: rgba(var(--landing-ink-rgb), .43);--demo-control: rgba(var(--landing-ink-rgb), .06);--demo-control-active: rgba(var(--landing-ink-rgb), .13);--demo-scrim: rgba(var(--landing-ink-rgb), .1);--demo-dot: var(--landing-dot-pattern)}:root[data-theme=coffee]{--landing-background: #f5efe6;--landing-paper-rgb: 245, 239, 230;--landing-text: #3b2416;--landing-ink-rgb: 59, 36, 22;--landing-muted: #8b6b55;--landing-negative: #a94438;--landing-negative-rgb: 169, 68, 56;--landing-theme-color: #f5efe6;--landing-color-scheme: light;--landing-toggle-track: #e6d5c3;--landing-toggle-border: #3b2416;--landing-toggle-thumb: #3b2416;--landing-toggle-focus: #3b2416;--landing-outro-shadow: rgba(var(--landing-ink-rgb), .38);--landing-dot-pattern: #3b2416;--landing-hero-paper: var(--landing-background);--landing-hero-paper-rgb: var(--landing-paper-rgb);--landing-hero-ink: var(--landing-text);--landing-hero-ink-rgb: var(--landing-ink-rgb);--landing-hero-border: rgba(59, 36, 22, .4);--landing-material-texture-opacity: .1;--landing-surface-grain-opacity: .15;--landing-texture-blend-mode: overlay;--landing-grain-blend-mode: multiply;--landing-hero-glow: rgba(var(--landing-hero-ink-rgb), .24);--landing-hero-halo: rgba(var(--landing-hero-ink-rgb), .12);--demo-frame-border: rgba(var(--landing-ink-rgb), .12);--demo-border: rgba(var(--landing-ink-rgb), .16);--demo-table-border: var(--demo-border);--demo-control: rgba(var(--landing-ink-rgb), .06);--demo-control-active: rgba(var(--landing-ink-rgb), .13);--demo-scrim: rgba(var(--landing-ink-rgb), .1);--demo-dot: var(--landing-dot-pattern)}:root{--radius-import-surface: 22px;--radius-pill: 999px;--radius-sm: 8px;--radius-md: 12px;--radius-xl: 16px}.demo-notes-host{container-type:size;--notes-vh: 1cqh;--background: var(--landing-background);--text: var(--landing-text);--text-primary: var(--landing-text);--text-secondary: var(--landing-muted);--text-muted: var(--landing-muted);--text-faint: var(--landing-faint);--border: var(--demo-border);--border-muted: var(--demo-border);--table-border: var(--demo-table-border);--sidebar-border: var(--demo-border);--card: var(--landing-background);--card-alt: var(--demo-control);--input: var(--demo-control);--control-bg: var(--demo-control);--control-active-bg: var(--demo-control-active);--control-active-text: var(--landing-text);--accent: var(--landing-text);--accent-contrast: var(--landing-background);--focus: var(--landing-text);--negative: var(--landing-negative);--warning: var(--landing-negative);--action-disabled-bg: var(--demo-control);--action-disabled-text: var(--landing-muted);--scrim: var(--demo-scrim);--scrim-veil: var(--landing-background);--scrim-ink: var(--landing-text);--scrim-sweep: var(--demo-control);--scrim-filter: grayscale(1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 16px;--radius-2xl: 1.75rem;--radius-pill: 999px;--font-brand-secondary-family: var(--landing-serif-font-family);--font-title-size: 2rem;--font-title-weight: 600;--font-title-tracking: -.02em;--font-meta-size: .72rem;--font-meta-tracking: .06em;--duration-fast: .18s;--duration-base: .22s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.22, 1, .36, 1);--app-footer-inset: 0px;--sidebar-offset: 0px;--content-width: 100%}*{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;background-color:var(--landing-background);color-scheme:var(--landing-color-scheme);scroll-behavior:smooth;transition:background-color .4s ease}html,body{min-height:100%;background-color:var(--landing-background)}body{position:relative;min-height:100vh;min-height:100svh;overflow-x:hidden;color:var(--landing-text);font-family:var(--landing-font-family);transition:background-color .4s ease,color .4s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-root{position:relative;z-index:1;min-height:100%}body:before{content:"";position:fixed;top:-10vh;left:0;width:100%;height:120vh;z-index:0;pointer-events:none;background-color:var(--landing-background);background-image:linear-gradient(rgba(var(--landing-paper-rgb),calc(1 - var(--landing-material-texture-opacity))),rgba(var(--landing-paper-rgb),calc(1 - var(--landing-material-texture-opacity)))),url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="paper"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.05" numOctaves="3" stitchTiles="stitch"/%3E%3CfeColorMatrix type="saturate" values="0"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23paper)"/%3E%3C/svg%3E');background-size:auto,cover;background-repeat:no-repeat;background-blend-mode:normal,var(--landing-texture-blend-mode);transition:background-color .4s ease}body:after{content:"";position:fixed;top:-10vh;left:0;width:100%;height:120vh;z-index:20;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cfilter id='grain' x='-10%25' y='-10%25' width='120%25' height='120%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.64' numOctaves='2' seed='109' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");background-size:215px 215px;opacity:var(--landing-surface-grain-opacity);mix-blend-mode:var(--landing-grain-blend-mode);transform:rotate(.08deg) scale(1.02);transition:opacity .4s ease}button,input{font:inherit;color:inherit}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.pencil-edge{-webkit-mask-image:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="m"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.7" numOctaves="3"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1.2 0 0 0 0.3" /%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23m)"/%3E%3C/svg%3E');mask-image:url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="m"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.7" numOctaves="3"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1.2 0 0 0 0.3" /%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23m)"/%3E%3C/svg%3E');-webkit-mask-size:225px 225px;mask-size:225px 225px;-webkit-mask-repeat:repeat;mask-repeat:repeat}