[data-mode="midnight"],:root[data-mode="midnight"]{--ground: #151930;--deep: #0D1020;--surface-1: #20263F;--surface-2: #2A3052;--surface-3: #343B5E;--line: #343B5E;--dot: #232A4A;--ink: #EEF1FA;--ink-2: #A3AACB;--ink-3: #8890B1;--signal: #A7B1FF;--accent: #FF6B35;--accent-ink: #FF6B35;--on-accent: #151930;--glass: rgba(32,38,63,0.72);--shadow: #04050E}[data-mode="mist"],:root[data-mode="mist"]{--ground: #E4E2EF;--deep: #D8D5E5;--surface-1: #F7F5FB;--surface-2: #FFFFFF;--surface-3: #EEEDF6;--line: #C4C1D9;--dot: #C4C1D9;--ink: #12152A;--ink-2: #404660;--ink-3: #5A6180;--signal: #4A54D6;--accent: #D9430E;--accent-ink: #B53700;--on-accent: #FFFFFF;--glass: rgba(247,245,251,0.78);--shadow: #1A1F36}:root,[data-mode="paper"]{--ground: #FBFAF6;--deep: #EFF0F4;--surface-1: #FFFFFF;--surface-2: #FFFFFF;--surface-3: #F5F5F8;--line: #DAD8E6;--dot: #DAD8E6;--ink: #12152A;--ink-2: #404660;--ink-3: #5A6180;--signal: #4A54D6;--accent: #D9430E;--accent-ink: #B53700;--on-accent: #FFFFFF;--glass: rgba(255,255,255,0.78);--shadow: #1A1F36}:root{--ember-50: #FFF2EE;--ember-100: #FFE0D7;--ember-200: #FFC0AC;--ember-300: #FF9878;--ember-400: #FF6B35;--ember-500: #D9430E;--ember-600: #B53700;--ember-700: #872700;--ember-800: #5C1800;--ember-900: #3C0C00;--ember-950: #260500;--signal-50: #F2F5FF;--signal-100: #E1E7FF;--signal-200: #C4CEFF;--signal-300: #A7B1FF;--signal-400: #8795F4;--signal-500: #6974DC;--signal-600: #4A54D6;--signal-700: #3A3E9D;--signal-800: #252572;--signal-900: #15144F;--signal-950: #0B0934;--midnight-50: #F2F5FE;--midnight-100: #E4E7F4;--midnight-200: #CCD0E2;--midnight-300: #B0B6CD;--midnight-400: #969DB7;--midnight-500: #787F9B;--midnight-600: #616783;--midnight-700: #464C65;--midnight-800: #2D3246;--midnight-900: #151930;--midnight-950: #0D1020;--brand-gradient: linear-gradient(90deg,#F57F66 0%,#D99A9C 35%,#C7AFC0 65%,#A9CDF1 100%);--iridescence: conic-gradient(#A7B1FF,#8FE3D0,#F6B4C8,#FF8A5C,#A7B1FF);--cat-source: #4ADE80;--cat-3d: #38BDF8;--cat-compositing: #818CF8;--cat-effects: #FACC15;--cat-modulators: #A3E635;--cat-prediction: #22D388;--cat-macros: #FC963C;--cat-utility: #A3A9BA;--cat-notes: #4CD964;--cat-synths: #6992F6;--cat-audioeffects: #53C7E3;--type-display: 800 clamp(2.5rem,1.268rem + 5.258vw,6rem)/0.98 Geist,system-ui,sans-serif;--track-display: -0.04em;--size-display: clamp(2.5rem,1.268rem + 5.258vw,6rem);--type-h1: 750 clamp(2rem,1.362rem + 2.723vw,3.812rem)/1.04 Geist,system-ui,sans-serif;--track-h1: -0.035em;--size-h1: clamp(2rem,1.362rem + 2.723vw,3.812rem);--type-h2: 700 clamp(1.562rem,1.254rem + 1.315vw,2.438rem)/1.1 Geist,system-ui,sans-serif;--track-h2: -0.025em;--size-h2: clamp(1.562rem,1.254rem + 1.315vw,2.438rem);--type-h3: 650 clamp(1.25rem,1.14rem + 0.4695vw,1.562rem)/1.2 Geist,system-ui,sans-serif;--track-h3: -0.015em;--size-h3: clamp(1.25rem,1.14rem + 0.4695vw,1.562rem);--type-lead: 450 clamp(1.125rem,1.081rem + 0.1878vw,1.25rem)/1.45 Geist,system-ui,sans-serif;--track-lead: -0.005em;--size-lead: clamp(1.125rem,1.081rem + 0.1878vw,1.25rem);--type-body: 400 1rem/1.55 Geist,system-ui,sans-serif;--track-body: 0em;--size-body: 1rem;--type-caption: 500 0.8438rem/1.45 Geist,system-ui,sans-serif;--track-caption: 0.005em;--size-caption: 0.8438rem;--type-micro-mono: 500 0.75rem/1.35 'Geist Mono',ui-monospace,monospace;--track-micro-mono: 0.04em;--size-micro-mono: 0.75rem;--type-folio-mono-caps: 500 0.75rem/1.2 'Geist Mono',ui-monospace,monospace;--track-folio-mono-caps: 0.12em;--size-folio-mono-caps: 0.75rem;--radius-card: 24px;--radius-media: 16px;--radius-chip: 10px;--radius-control: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--ease-out: cubic-bezier(0.16,1,0.3,1);--ease-in-out: cubic-bezier(0.65,0,0.35,1);--ease-in: cubic-bezier(0.7,0,0.84,0);--spring-slab: linear(0,0.017,0.064,0.133,0.217,0.311,0.411,0.511,0.608,0.699,0.784,0.859,0.925,0.98,1.026,1.062,1.089,1.108,1.12,1.126,1.126,1.122,1.115,1.105,1.094,1.082,1.069,1.056,1.044,1.033,1.023,1.014,1.006,1,0.995,0.991,0.988,0.986,0.984,0.984,0.984,0.985,0.986,0.987,0.989,0.99,0.992,0.994,1);--spring-slab-ms: 462ms;--spring-letter: linear(0,0.017,0.061,0.127,0.208,0.297,0.391,0.485,0.577,0.664,0.743,0.815,0.878,0.932,0.977,1.014,1.043,1.065,1.08,1.089,1.094,1.095,1.092,1.087,1.081,1.073,1.064,1.055,1.046,1.038,1.03,1.022,1.016,1.01,1.005,1.001,0.998,0.995,0.993,0.992,0.991,0.991,0.991,0.991,0.992,0.993,0.993,0.994,1);--spring-letter-ms: 414ms;--spring-soft: linear(0,0.006,0.023,0.048,0.079,0.116,0.156,0.199,0.243,0.288,0.333,0.377,0.421,0.463,0.504,0.543,0.58,0.615,0.648,0.679,0.709,0.736,0.761,0.784,0.806,0.826,0.844,0.861,0.876,0.89,0.902,0.914,0.924,0.933,0.941,0.949,0.956,0.962,0.967,0.972,0.976,0.979,0.983,0.986,0.988,0.99,0.992,0.994,1);--spring-soft-ms: 305ms;--spring-press: linear(0,0.011,0.039,0.08,0.128,0.182,0.238,0.295,0.351,0.406,0.458,0.508,0.554,0.598,0.638,0.674,0.708,0.739,0.767,0.792,0.815,0.836,0.854,0.871,0.885,0.899,0.91,0.921,0.93,0.938,0.946,0.952,0.958,0.963,0.968,0.972,0.975,0.978,0.981,0.983,0.985,0.987,0.989,0.99,0.991,0.993,0.993,0.994,1);--spring-press-ms: 266ms;--dur-instant: 0ms;--dur-micro: 125ms;--dur-small: 188ms;--dur-medium: 333ms;--dur-large: 500ms;--dur-page: 667ms;--type-num-xl: 800 clamp(4rem,1.887rem + 9.014vw,10rem)/0.86 Geist,system-ui,sans-serif;--size-num-xl: clamp(4rem,1.887rem + 9.014vw,10rem);--type-num-l: 800 clamp(2.5rem,1.796rem + 3.005vw,4.5rem)/0.86 Geist,system-ui,sans-serif;--size-num-l: clamp(2.5rem,1.796rem + 3.005vw,4.5rem);--type-num-m: 800 clamp(1.75rem,1.486rem + 1.127vw,2.5rem)/0.86 Geist,system-ui,sans-serif;--size-num-m: clamp(1.75rem,1.486rem + 1.127vw,2.5rem);--track-num: -0.05em;--web-margin: round(nearest,clamp(1rem,0.2958rem + 3.005vw,3rem),4px);--web-gutter: round(nearest,clamp(1rem,0.8239rem + 0.7512vw,1.5rem),4px);--web-section: round(nearest,clamp(4rem,3.296rem + 3.005vw,6rem),4px);--web-section-tight: round(nearest,clamp(3rem,2.648rem + 1.502vw,4rem),4px);--web-card-pad: round(nearest,clamp(1.25rem,1.162rem + 0.3756vw,1.5rem),4px);--web-card-pad-lg: round(nearest,clamp(1.5rem,1.324rem + 0.7512vw,2rem),4px);--web-card-radius: 20px;--web-media-radius: 12px;--web-stack-xs: 4px;--web-stack-s: 8px;--web-stack-m: round(nearest,clamp(0.75rem,0.662rem + 0.3756vw,1rem),4px);--web-stack-l: round(nearest,clamp(1rem,0.8239rem + 0.7512vw,1.5rem),4px);--web-stack-xl: round(nearest,clamp(1.5rem,1.324rem + 0.7512vw,2rem),4px);--web-control: 36px;--web-button: 40px;--web-button-lg: 48px;--web-control-pad: 12px;--web-hit: 44px;--web-icon: 18px;--web-icon-inline: 16px;--web-icon-nav: 20px;--web-header: 56px;--web-dock: 64px;--web-max: 1200px;--web-measure: 34em;--z-base: 0;--z-raised: 10;--z-sticky: 40;--z-dock: 50;--z-header: 60;--z-sheet: 70;--z-modal: 80;--z-toast: 90;--web-floor: 0.75rem}@media (min-width: 640px){:root{--web-control: 40px;--web-button: 44px;--web-button-lg: 52px;--web-control-pad: 16px;--web-hit: 40px;--web-icon: 20px;--web-icon-nav: 24px;--web-header: 60px;--web-dock: 56px;--web-card-radius: 24px;--web-media-radius: 16px}}@media (prefers-reduced-motion: reduce){:root{--dur-instant: 0ms;--dur-micro: 0ms;--dur-small: 0ms;--dur-medium: 0ms;--dur-large: 0ms;--dur-page: 0ms}}#bird{position:absolute;left:0;top:0;width:68px;height:52px;pointer-events:none;opacity:0}
:root{--font-sans: 'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--font-hand: 'Caveat',cursive;--font-mono: 'Geist Mono',ui-monospace,Menlo,Monaco,monospace;--fs-display: var(--size-display);--fs-h1: var(--size-h1);--fs-h2: var(--size-h2);--fs-h3: var(--size-h3);--fs-lead: var(--size-lead);--fs-body: var(--size-body);--fs-small: var(--size-caption);--fs-micro: var(--size-micro-mono);--paper: var(--ground);--card: var(--surface-1);--inner: var(--deep);--ink2: var(--ink-2);--muted: var(--ink-3);--line: color-mix(in srgb,var(--ink) 10%,transparent);--line-soft: color-mix(in srgb,var(--ink) 6%,transparent);--accent: var(--accent-ink);--app-window: var(--midnight-900);--app-panel: #20263F;--app-raised: #2A3052;--app-text: #EEF1FA;--app-dim: #A3AACB;--app-border: #343B5E;--brand-grad: var(--brand-gradient);--r-sm: 10px;--r-md: var(--web-media-radius);--r-lg: var(--web-card-radius);--r-pill: 999px;--shadow-1: 0 1px 1px color-mix(in srgb,var(--shadow) 4%,transparent),0 4px 10px color-mix(in srgb,var(--shadow) 5%,transparent),0 14px 32px color-mix(in srgb,var(--shadow) 6%,transparent);--shadow-2: 0 1px 2px color-mix(in srgb,var(--shadow) 6%,transparent),0 8px 20px color-mix(in srgb,var(--shadow) 8%,transparent),0 28px 60px color-mix(in srgb,var(--shadow) 10%,transparent);--ease-io: cubic-bezier(0.65,0,0.35,1);--ease-out: cubic-bezier(0.16,1,0.3,1);--gutter: var(--web-margin);--header-h: var(--web-header)}@supports not (transition-timing-function: linear(0,1)){:root{--spring-slab: cubic-bezier(0.34,1.56,0.64,1);--spring-letter: cubic-bezier(0.34,1.3,0.64,1)}}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{scroll-behavior: smooth;scroll-padding-top: calc(var(--header-h) + 12px);background: var(--paper);-webkit-text-size-adjust: 100%}body{background-color: var(--paper);background-image: radial-gradient(color-mix(in srgb,var(--shadow) 6%,transparent) 1px,transparent 1.2px);background-size: 24px 24px;color: var(--ink);font-family: var(--font-sans);font-size: var(--fs-body);line-height: 1.6;overflow-x: hidden;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}img,video,canvas,svg{display: block;max-width: 100%}a{color: inherit}button{font: inherit;color: inherit;background: none;border: 0;cursor: pointer}code,.mono{font-family: var(--font-mono);font-variant-numeric: tabular-nums}strong{font-weight: 600;color: var(--ink)}:focus-visible{outline: 2px solid var(--accent);outline-offset: 3px;border-radius: 6px}.visually-hidden{position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}#cosmic-canvas{position: fixed;inset: 0;width: 100vw;height: 100vh;pointer-events: none;z-index: 0;opacity: 0.55}.container{width: 100%;max-width: calc(var(--web-max) + 2 * var(--gutter));margin: 0 auto;padding: 0 max(var(--gutter),env(safe-area-inset-left));position: relative;z-index: 1}.section{padding: round(clamp(32px,5vw,64px),8px) 0 0;position: relative}main>.section:last-of-type{padding-bottom: var(--web-section)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 12px;min-height: 44px;padding: 0 24px;border-radius: var(--r-pill);font-weight: 600;font-size: 1rem;letter-spacing: -0.01em;text-decoration: none;white-space: nowrap;transition: transform var(--spring-slab-ms) var(--spring-slab),background-color var(--dur-small) var(--ease-out),box-shadow var(--dur-medium) var(--ease-out),color var(--dur-small) var(--ease-out);-webkit-tap-highlight-color: transparent}.btn svg{width: 18px;height: 18px;flex: none}.btn:hover{transform: translateY(-1px)}.btn:active{transform: scale(0.96);transition-duration: 0.08s;transition-timing-function: ease-out}.btn-primary{background: var(--ink);color: var(--paper);box-shadow: 0 1px 0 color-mix(in srgb,var(--paper) 12%,transparent) inset,var(--shadow-1)}.btn-primary:hover{background: color-mix(in srgb,var(--ink) 86%,var(--signal))}.btn-ghost{background: var(--card);color: var(--ink);box-shadow: var(--shadow-1)}.btn-ghost:hover{box-shadow: 0 0 0 1px color-mix(in srgb,var(--shadow) 18%,transparent),var(--shadow-2)}.btn-lg{min-height: 54px;padding: 0 24px;font-size: 1rem}.btn-sm{min-height: 40px;padding: 0 16px;font-size: 0.8438rem}.icon-btn{width: 40px;height: 40px;border-radius: var(--r-pill);display: inline-grid;place-items: center;color: var(--ink2);transition: background-color var(--dur-small) var(--ease-out),color var(--dur-small) var(--ease-out),transform var(--spring-slab-ms) var(--spring-slab)}.icon-btn svg{width: 18px;height: 18px}.icon-btn:hover{background: color-mix(in srgb,var(--shadow) 6%,transparent);color: var(--ink)}.icon-btn:active{transform: scale(0.92)}.site-header{position: sticky;top: 0;z-index: 100;height: var(--header-h);background: color-mix(in srgb,var(--ground) 82%,transparent);backdrop-filter: saturate(1.4) blur(18px);-webkit-backdrop-filter: saturate(1.4) blur(18px);border-bottom: 1px solid transparent;transition: border-color var(--dur-medium) var(--ease-out)}.site-header.scrolled{border-bottom-color: var(--line-soft)}.nav-container{height: 100%;display: flex;align-items: center;gap: 16px;max-width: none;padding: 0 max(clamp(24px,2.4vw,32px),env(safe-area-inset-left))}.brand{display: inline-flex;align-items: center;gap: 12px;text-decoration: none}.brand-icon{width: 30px;height: 30px;border-radius: 8px}.brand-name{font-weight: 700;letter-spacing: -0.03em;font-size: 1.125rem}.nav-links{display: flex;gap: 2px;margin-left: auto}.nav-links>a{padding: 8px 12px;border-radius: var(--r-pill);text-decoration: none;font-size: 0.8438rem;font-weight: 500;color: var(--ink2);transition: background-color var(--dur-small) var(--ease-out),color var(--dur-small) var(--ease-out)}.nav-links>a:hover{color: var(--ink);background: color-mix(in srgb,var(--shadow) 5%,transparent)}.nav-sheet-social{display: none}.nav-group{position: relative}.nav-trigger{display: inline-flex;align-items: center;gap: 8px;padding: 8px 12px;border-radius: var(--r-pill);font: inherit;font-size: 0.8438rem;font-weight: 500;color: var(--ink2);cursor: pointer;transition: background-color var(--dur-small) var(--ease-out),color var(--dur-small) var(--ease-out)}.nav-trigger::after{content: "";width: 6px;height: 6px;margin-top: -3px;border-right: 1.6px solid currentColor;border-bottom: 1.6px solid currentColor;transform: rotate(45deg);transition: transform var(--dur-small) var(--ease-out)}.nav-trigger[aria-expanded="true"]::after{transform: rotate(225deg);margin-top: 3px}.nav-trigger:hover,.nav-trigger[aria-expanded="true"],.nav-group[data-current]>.nav-trigger{color: var(--ink);background: var(--glass);box-shadow: var(--glass-hi)}.nav-menu{position: absolute;top: 100%;margin-top: 10px;left: 0;min-width: 220px;padding: 8px;display: none;flex-direction: column;gap: 2px;background: var(--surface-1);border-radius: var(--r-md);box-shadow: var(--shadow-2)}.nav-trigger[aria-expanded="true"] + .nav-menu{display: flex;animation: nav-pop var(--dur-small,160ms) ease-out}.nav-menu::before{content: "";position: absolute;left: 0;right: 0;top: -12px;height: 12px}@keyframes sheet-in{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: none}}@keyframes nav-pop{from{opacity: 0;transform: translateY(-4px)}to{opacity: 1;transform: none}}@media (prefers-reduced-motion: reduce){.nav-trigger[aria-expanded="true"] + .nav-menu{animation: none}}.nav-menu a{display: flex;align-items: center;gap: 12px;padding: 12px 16px;border-radius: var(--r-sm);text-decoration: none;font-size: 0.8438rem;font-weight: 600;color: var(--ink)}.nav-menu a:hover,.nav-menu a:focus-visible{background: var(--deep)}.nav-menu a[aria-current]{background: var(--ink);color: var(--ground)}.nav-menu .ic{width: 18px;height: 18px;flex: none;color: var(--ink2)}.nav-menu a[aria-current] .ic{color: inherit}.nav-actions{display: flex;align-items: center;gap: 4px}.nav-download{margin-left: 8px}.menu-btn{display: none;width: 44px;height: 44px;border-radius: var(--r-pill);position: relative;transition: background-color var(--dur-small) var(--ease-out)}.menu-btn:focus-visible{outline: 0;background: var(--deep);box-shadow: 0 0 0 2px var(--signal)}.nav-open .menu-btn{background: var(--deep)}.menu-btn span{position: absolute;left: 13px;right: 13px;height: 2px;border-radius: 2px;background: var(--ink);transition: transform var(--spring-slab-ms) var(--spring-slab),top var(--dur-medium) var(--ease-out)}.menu-btn span:first-child{top: 17px}.menu-btn span:last-child{top: 25px}.nav-open .menu-btn span:first-child{top: 21px;transform: rotate(45deg)}.nav-open .menu-btn span:last-child{top: 21px;transform: rotate(-45deg)}.hud-brackets{position: absolute;inset: 14px;pointer-events: none;z-index: 2}.hud-brackets i{position: absolute;width: 18px;height: 18px;border: 1.5px solid color-mix(in srgb,var(--shadow) 28%,transparent)}.hud-brackets i:nth-child(1){top: 0;left: 0;border-right: 0;border-bottom: 0;border-top-left-radius: 6px}.hud-brackets i:nth-child(2){top: 0;right: 0;border-left: 0;border-bottom: 0;border-top-right-radius: 6px}.hud-brackets i:nth-child(3){bottom: 0;left: 0;border-right: 0;border-top: 0;border-bottom-left-radius: 6px}.hud-brackets i:nth-child(4){bottom: 0;right: 0;border-left: 0;border-top: 0;border-bottom-right-radius: 6px}.hud-coord{position: absolute;top: 26px;z-index: 2;font-family: var(--font-mono);font-size: var(--fs-micro);letter-spacing: 0.04em;color: color-mix(in srgb,var(--shadow) 42%,transparent);font-variant-numeric: tabular-nums}.hud-tl{left: 40px}.hud-tr{right: 40px}.hero{position: relative;padding: round(clamp(32px,6vw,96px),8px) 0 round(clamp(32px,3.5vw,48px),8px);overflow: hidden}.hero-inner{display: flex;flex-direction: column;align-items: center;text-align: center}.logo-mark{width: clamp(150px,20vw,220px);margin-bottom: clamp(18px,3vw,30px)}.logo-mark svg{width: 100%;height: auto;overflow: visible}.lemni-path{fill: none;stroke: url(#brand-grad);stroke-linecap: round;stroke-linejoin: round}#lemni-ball{filter: drop-shadow(0 3px 4px rgba(181,55,0,0.35));opacity: 0}.hero-title{font-size: var(--fs-display);font-weight: 800;letter-spacing: -0.035em;line-height: 0.98;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: baseline;justify-content: center;gap: 0.2em;white-space: nowrap}.hero-line{display: block}.hero-word-slot{position: relative;display: block;height: 1.15em;width: auto;min-width: 2.4em;text-align: left}.hero-word{display: inline-block;font-family: var(--font-hand);font-weight: 700;font-size: 1.45em;line-height: 0.8;letter-spacing: -0.01em;color: var(--hand,var(--accent));clip-path: inset(-20% -10% -20% -10%);transition: color var(--dur-small) var(--ease-out)}.hero-word.writing{animation: write-on var(--dur-large) var(--ease-out) both}@keyframes write-on{from{clip-path: inset(-20% 100% -20% -10%);transform: translateY(0.04em)}to{clip-path: inset(-20% -10% -20% -10%);transform: none}}.hand-underline{position: absolute;left: 0;bottom: -0.02em;width: var(--u-w,3.2em);height: 0.2em;overflow: visible}.hand-underline path{fill: none;stroke: var(--hand,var(--accent));stroke-width: 5;stroke-linecap: round;stroke-dasharray: 320;stroke-dashoffset: 320;vector-effect: non-scaling-stroke}.hand-underline.draw path{animation: underline 0.34s var(--ease-out) 0.3s forwards}@keyframes underline{to{stroke-dashoffset: 0}}.hero-sub{max-width: 44em;margin: clamp(22px,3vw,32px) auto 0;color: var(--ink2);font-size: clamp(1.02rem,1.4vw,1.18rem);line-height: 1.55}@media (max-width: 720px){.hero-title{font-size: min(var(--fs-display),9vw)}.hero-br{display: none}}.hero-cta{display: flex;flex-wrap: wrap;gap: 12px;justify-content: center;margin-top: 30px}.platform-chip{margin-top: 18px;display: inline-flex;align-items: center;gap: 8px;padding: 8px 16px;border-radius: var(--r-pill);background: var(--glass);box-shadow: 0 0 0 0 transparent;font-family: var(--font-mono);font-size: var(--fs-micro);color: var(--ink2);letter-spacing: 0.02em}.dot-live{width: 7px;height: 7px;border-radius: 50%;background: #22D388;box-shadow: 0 0 0 3px rgba(34,211,136,0.18);flex: none}.product{position: relative;z-index: 1}.app-window{border-radius: var(--r-lg);overflow: hidden;background: var(--app-window);box-shadow: 0 0 0 1px rgba(0,0,0,0.35),var(--shadow-2),0 50px 90px -30px color-mix(in srgb,var(--shadow) 35%,transparent)}.app-bar{height: 36px;display: flex;align-items: center;gap: 12px;padding: 0 16px;background: #20263F;border-bottom: 1px solid #343B5E;color: var(--app-dim);font-size: var(--fs-micro)}.app-bar .dots{display: flex;gap: 8px}.app-bar .dots i{width: 11px;height: 11px;border-radius: 50%;background: #343B5E}.app-bar .dots i:nth-child(1){background: #F57F66}.app-bar .dots i:nth-child(2){background: #343B5E}.app-bar .dots i:nth-child(3){background: #343B5E}.app-title{font-family: var(--font-mono);color: var(--app-text);opacity: 0.8}.product-shot{width: 100%;height: auto;aspect-ratio: 2628 / 1464}.section-head{display: flex;flex-direction: column;align-items: center;text-align: center;margin-bottom: clamp(16px,2.2vw,24px)}.slab{position: relative;display: inline-flex;align-items: baseline;flex-wrap: wrap;justify-content: center;gap: 0 0.3em;padding: 0.34em 0.8em 0.4em;background: var(--card);border-radius: var(--r-md);box-shadow: var(--shadow-1);font-size: var(--fs-h2);font-weight: 800;letter-spacing: -0.03em;line-height: 1.1}.slab b{font-weight: 800;font-variant-numeric: tabular-nums}.hand{font-family: var(--font-hand);font-weight: 700;font-style: normal;color: var(--hand,var(--accent));font-size: 1.4em;line-height: 0.7;letter-spacing: 0}.section-sub{max-width: 36em;margin-top: 16px;color: var(--ink2)}.reveal{opacity: 0;transform: translateY(18px) scale(0.985)}.reveal.in{opacity: 1;transform: none;transition: opacity var(--dur-large) var(--ease-out) calc(var(--i,0) * 62ms),transform var(--dur-page) var(--spring-letter) calc(var(--i,0) * 62ms)}.film-frame{position: relative;border-radius: var(--r-lg);overflow: hidden;background: var(--card);padding: 12px;box-shadow: var(--shadow-2)}.film-video{width: 100%;aspect-ratio: 16 / 9;border-radius: var(--r-md);background: var(--inner);object-fit: cover}.film-sound{position: absolute;right: 26px;bottom: 26px;z-index: 4;display: inline-flex;align-items: center;gap: 8px;min-height: 40px;padding: 0 16px;border-radius: var(--r-pill);background: color-mix(in srgb,var(--ink) 90%,transparent);color: var(--paper);font-size: 0.8438rem;font-weight: 600;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);transition: transform var(--spring-slab-ms) var(--spring-slab),background-color var(--dur-small) var(--ease-out)}.film-sound:active{transform: scale(0.94)}.film-sound svg{width: 18px;height: 18px}.film-sound .i-on{display: none}.film-sound[aria-pressed="true"] .i-on{display: block}.film-sound[aria-pressed="true"] .i-off{display: none}.stage{width: 100vw;margin-left: calc(50% - 50vw);overflow: hidden}.stage-model{display: block;width: 100%;height: clamp(260px,30vw,440px);background: transparent;--poster-color: transparent;cursor: grab;touch-action: pan-y}@keyframes breathe{50%{transform: translateY(-6px)}}.chain{position: relative;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 24px}@media (min-width: 900px){.chain{gap: 48px}}.chain-cables{position: absolute;inset: 0;width: 100%;height: 100%;overflow: visible;pointer-events: none;z-index: 0}.chain-cables path.cable{fill: none;stroke: var(--ink);stroke-width: 2;stroke-linecap: round;opacity: 0.55;stroke-dasharray: var(--len);stroke-dashoffset: var(--len)}.chain.in .chain-cables path.cable{transition: stroke-dashoffset 0.9s var(--ease-io) calc(0.35s + var(--i) * 0.18s);stroke-dashoffset: 0}.chain-cables circle.pulse{fill: var(--accent)}.node-card{position: relative;z-index: 1;display: flex;flex-direction: column;min-width: 0}.hand-cap{font-family: var(--font-sans);font-weight: 500;font-size: 0.8438rem;line-height: 1;color: var(--ink2);margin: 0 0 10px 6px}.node{position: relative;background: var(--app-panel);border-radius: var(--r-lg);box-shadow: var(--shadow-2);padding: 0 0 2px;transition: transform var(--spring-slab-ms) var(--spring-slab),box-shadow var(--dur-medium) var(--ease-out)}.node:hover{transform: translateY(-3px)}.node-head{display: flex;align-items: center;gap: 8px;padding: 12px 12px;color: var(--app-text);font-size: 0.8438rem;font-weight: 600}.cat-dot{width: 8px;height: 8px;border-radius: 50%;background: var(--cat);flex: none;box-shadow: 0 0 0 3px color-mix(in srgb,var(--cat) 22%,transparent)}.node-name{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.node-cat{margin-left: auto;font-family: var(--font-mono);font-size: var(--size-micro-mono);color: var(--app-dim);font-weight: 500;letter-spacing: 0.03em}.node-view{margin: 8px;border-radius: var(--r-md);overflow: hidden;aspect-ratio: 1 / 1;background: var(--midnight-950);position: relative;touch-action: pan-y;user-select: none;-webkit-user-select: none}.node-view canvas{width: 100%;height: 100%;display: block}.node-foot{padding: 2px 12px 12px;font-size: var(--size-micro-mono);color: var(--app-dim);letter-spacing: 0.02em}.port{position: absolute;top: 50%;width: 14px;height: 14px;margin-top: -7px;border-radius: 50%;background: var(--app-panel);box-shadow: 0 0 0 2px var(--cat);z-index: 2}.port::after{content: '';position: absolute;inset: 4px;border-radius: 50%;background: var(--cat)}.port-in{left: -7px}.port-out{right: -7px}.all-at-once{text-align: center;margin-top: clamp(36px,6vw,64px);font-size: clamp(2.4rem,7vw,5rem);font-weight: 800;letter-spacing: -0.04em;line-height: 1}.dot-accent{color: var(--accent)}.aside{text-align: center}.typewriter{color: var(--muted);font-size: 1rem;letter-spacing: 0.04em;min-height: 1.6em}.typewriter.typing::after{content: '_';color: var(--accent)}@keyframes blink{50%{opacity: 0}}.pixel-title{width: min(100%,880px);margin: 14px auto 0;height: auto;image-rendering: pixelated}.predict-card{margin: clamp(28px,4vw,44px) auto 0;max-width: 920px;display: grid;grid-template-columns: 1.25fr 1fr;gap: 24px;align-items: center;background: var(--card);border-radius: var(--r-lg);padding: round(clamp(16px,3vw,32px),8px);box-shadow: var(--shadow-2);text-align: left}.predict-knobs{width: 100%;aspect-ratio: 2.2 / 1;touch-action: none;cursor: grab}.predict-knobs:active{cursor: grabbing}.predict-copy p{color: var(--ink2)}.eq{display: inline-block;margin-top: 14px;padding: 8px 12px;border-radius: var(--r-sm);background: var(--inner);color: var(--ink);font-size: 0.8438rem}.nature-canvas-wrapper{width: 100%;height: 460px;position: relative}#nature-branch-canvas{width: 100%;height: 100%;display: block;touch-action: none;user-select: none;-webkit-user-select: none}.wave-card{max-width: 820px;margin: 0 auto;display: flex;align-items: center;gap: 16px;background: var(--card);border-radius: var(--r-lg);padding: 24px;box-shadow: var(--shadow-2)}.play-btn{width: 64px;height: 64px;border-radius: 50%;flex: none;display: grid;place-items: center;background: var(--accent);color: var(--on-accent);box-shadow: 0 1px 0 rgba(255,255,255,0.25) inset,0 8px 20px rgba(181,55,0,0.35);transition: transform var(--spring-slab-ms) var(--spring-slab)}.play-btn:hover{transform: scale(1.04)}.play-btn:active{transform: scale(0.92);transition-duration: 0.08s}.play-btn svg{margin-left: 2px}.wave-main{flex: 1;min-width: 0;display: flex;align-items: center}.waveform-box{width: 100%;height: 64px;cursor: pointer}.waveform-box canvas{width: 100%;height: 100%}.tutorial-frame{max-width: 920px;margin: 0 auto clamp(28px,4vw,44px)}.yt-embed{position: relative;aspect-ratio: 16 / 9;border-radius: var(--r-md);overflow: hidden;background: #111}.yt-embed iframe{position: absolute;inset: 0;width: 100%;height: 100%;border: 0}.yt-poster{position: absolute;inset: 0;width: 100%;height: 100%}.yt-poster img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--dur-page) var(--ease-out)}.yt-poster:hover img{transform: scale(1.03)}.yt-play{position: absolute;left: 50%;top: 50%;width: 58px;height: 58px;margin: -29px 0 0 -29px;border-radius: 50%;background: #FBFAF6;color: var(--midnight-900);display: grid;place-items: center;box-shadow: 0 0 0 8px rgb(251 250 246 / 0.22),0 10px 30px rgb(0 0 0 / 0.45);transition: transform var(--spring-slab-ms) var(--spring-slab)}.yt-play svg{width: 22px;height: 22px;margin-left: 2px}.yt-poster:hover .yt-play{transform: scale(1.08)}.yt-poster:active .yt-play{transform: scale(0.94)}.yt-label{position: absolute;left: 14px;bottom: 14px;padding: 4px 12px;border-radius: var(--r-pill);background: color-mix(in srgb,var(--ground) 94%,transparent);font-family: var(--font-mono);font-size: var(--size-micro-mono)}.recipe-num{font-size: var(--size-micro-mono);color: var(--accent);letter-spacing: 0.06em}.patch{display: flex;flex-wrap: nowrap;align-items: center;margin: 16px -2px 0;padding: 2px;overflow-x: auto;scrollbar-width: none;-webkit-overflow-scrolling: touch}.patch::-webkit-scrollbar{display: none}.pnode{position: relative;flex: none;display: inline-flex;align-items: center;gap: 8px;padding: 8px 12px;border-radius: 10px;background: var(--app-panel);color: var(--app-text);font-size: var(--size-micro-mono);font-weight: 600;white-space: nowrap;box-shadow: 0 0 0 1px var(--app-border),inset 3px 0 0 var(--cat)}.pnode::before{content: '';width: 7px;height: 7px;border-radius: 50%;background: var(--cat)}.pnode + .pnode{margin-left: 22px}.pnode + .pnode::after{content: '';position: absolute;right: 100%;top: 50%;width: 22px;height: 2px;margin-top: -1px;background: radial-gradient(circle at 3px 50%,var(--ink) 3px,transparent 3.5px) left / 8px 8px no-repeat,radial-gradient(circle at calc(100% - 3px) 50%,var(--ink) 3px,transparent 3.5px) right / 8px 8px no-repeat,linear-gradient(var(--ink),var(--ink)) center / calc(100% - 8px) 2px no-repeat;height: 8px;margin-top: -4px;opacity: 0.6}.center-row{display: flex;justify-content: center;gap: 12px;flex-wrap: wrap;margin-top: 20px}.ticker-wrapper{display: flex;flex-direction: column;gap: 12px;overflow: hidden;padding: 12px 0;user-select: none;-webkit-user-select: none;position: relative;z-index: 1;-webkit-mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.ticker-track{display: flex;gap: 12px;width: max-content;will-change: transform;contain: layout paint;backface-visibility: hidden}.ticker-wrapper.is-off .ticker-track{animation-play-state: paused}.ticker-wrapper{contain: layout paint}.ticker-pill{flex: none;display: inline-flex;align-items: center;gap: 8px;min-height: 40px;padding: 0 16px;border-radius: var(--r-pill);background: var(--card);color: var(--ink2);box-shadow: 0 1px 2px color-mix(in srgb,var(--shadow) 5%,transparent),0 4px 12px color-mix(in srgb,var(--shadow) 5%,transparent);font-size: 0.8438rem;font-weight: 500;white-space: nowrap;transition: transform var(--spring-slab-ms) var(--spring-slab),color var(--dur-small) var(--ease-out),box-shadow var(--dur-small) var(--ease-out)}.ticker-pill small{font-family: var(--font-mono);font-size: var(--size-micro-mono);color: var(--muted)}.ticker-pill:hover{color: var(--ink);background: var(--surface-2);transform: translateY(-2px);box-shadow: var(--shadow-1)}.ticker-pill:active{transform: scale(0.95);transition-duration: 0.08s}.ticker-forward{animation: tick-fwd var(--dur,60s) linear infinite}.ticker-reverse{animation: tick-rev var(--dur,60s) linear infinite}@keyframes tick-fwd{from{transform: translate3d(0,0,0)}to{transform: translate3d(-50%,0,0)}}@keyframes tick-rev{from{transform: translate3d(-50%,0,0)}to{transform: translate3d(0,0,0)}}@media (hover: hover) and (pointer: fine){.ticker-track:hover{animation-play-state: paused}}.docs-row{margin-top: 22px}.setup-card{background: var(--card);border-radius: var(--r-lg);padding: round(clamp(16px,3vw,32px),8px);box-shadow: var(--shadow-1)}.tabs{position: relative;display: inline-flex;padding: 4px;border-radius: var(--r-pill);background: none;margin-bottom: 20px;max-width: 100%;gap: 8px}.tabs button{position: relative;z-index: 1;min-height: 40px;padding: 0 16px;border-radius: var(--r-pill);font-size: 0.8438rem;font-weight: 600;color: var(--ink2);transition: color var(--dur-small) var(--ease-out)}.tabs button[aria-selected="true"]{color: var(--ink)}.tab-pill{position: absolute;top: 4px;bottom: 4px;left: 0;width: 0;border-radius: var(--r-pill);background: var(--card);box-shadow: var(--shadow-1);transition: transform var(--spring-slab-ms) var(--spring-slab),width var(--dur-page) var(--spring-slab)}.tab-panel{animation: panel-in 0.5s var(--spring-letter)}@keyframes panel-in{from{opacity: 0;transform: translateY(8px)}}.setup-intro{color: var(--ink2);max-width: 56ch;margin-bottom: 16px}.setup-intro a{color: var(--accent-ink)}.steps{list-style: none;display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: 12px}.step{background: var(--paper);border-radius: var(--r-lg);padding: 16px;min-width: 0}.step-num{display: inline-grid;place-items: center;width: 28px;height: 28px;border-radius: 50%;background: var(--ink);color: var(--paper);font-size: 0.8438rem;margin-bottom: 10px}.step h3{font-size: 1rem;font-weight: 700;letter-spacing: -0.01em;margin-bottom: 4px}.step p{color: var(--ink2);font-size: 0.8438rem}.step code,.setup-intro code{font-size: 0.8438em;background: var(--inner);padding: 1px 8px;border-radius: 6px;overflow-wrap: anywhere}.code-pill{display: flex;align-items: center;gap: 8px;margin-top: 10px;padding: 8px 8px 8px 12px;background: var(--ink);border-radius: var(--r-sm);min-width: 0}.code-pill code{flex: 1;min-width: 0;background: none;color: var(--nm-ink);font-size: var(--size-micro-mono);overflow-x: auto;white-space: nowrap;scrollbar-width: none;padding: 0}.code-pill code::-webkit-scrollbar{display: none}.download-card{position: relative;text-align: center;background: var(--card);border-radius: var(--r-lg);padding: round(clamp(32px,6vw,64px),8px) round(clamp(16px,4vw,48px),8px);box-shadow: var(--shadow-2);overflow: hidden}.download-tile{display: block;position: relative;width: clamp(140px,18vw,190px);height: clamp(140px,18vw,190px);margin: -8px auto 4px;background: transparent;--poster-color: transparent;cursor: grab}.download-title{position: relative;font-size: clamp(2rem,5vw,3.4rem);font-weight: 800;letter-spacing: -0.035em;line-height: 1.05}.download-actions{position: relative;display: flex;justify-content: center;flex-wrap: wrap;gap: 12px;margin-top: 30px}.btn-dl{min-height: 64px;padding: 0 24px;justify-content: flex-start;gap: 12px;text-align: left;background: var(--card);color: var(--ink);border-radius: var(--r-pill);box-shadow: var(--shadow-1)}.btn-dl svg{width: 24px;height: 24px}.btn-dl span{display: flex;flex-direction: column;line-height: 1.2}.btn-dl b{font-size: 1rem}.btn-dl small{font-size: var(--size-micro-mono);color: var(--muted);font-weight: 500}.btn-dl.primary{background: var(--ink);color: var(--paper);box-shadow: var(--shadow-2)}.btn-dl.primary small{color: color-mix(in srgb,var(--ground) 65%,transparent)}.btn-dl.primary::after{content: 'your system';margin-left: 10px;padding: 4px 8px;border-radius: var(--r-pill);background: color-mix(in srgb,var(--paper) 16%,transparent);font-family: var(--font-mono);font-size: var(--size-micro-mono);font-weight: 500}.specs{position: relative;display: flex;justify-content: center;flex-wrap: wrap;gap: 8px 24px;margin-top: 26px;font-size: var(--size-micro-mono);color: var(--ink2)}.specs div{display: flex;gap: 8px}.specs dt{color: var(--muted)}.donate{position: relative;margin-top: 28px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 12px 16px;color: var(--ink2);font-size: 0.8438rem}.donate svg{color: var(--accent)}.modal-backdrop{position: fixed;inset: 0;z-index: 200;padding: 16px;background: rgba(18,21,42,0.35);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);display: none;align-items: center;justify-content: center}.modal-backdrop.active{display: flex;animation: fade 0.2s ease}@keyframes fade{from{opacity: 0}}.modal-card{position: relative;width: 100%;max-width: 400px;background: var(--card);border-radius: var(--r-lg);padding: 24px;box-shadow: var(--shadow-2),0 30px 80px rgba(18,21,42,0.25);animation: modal-in 0.6s var(--spring-slab)}@keyframes modal-in{from{transform: translateY(16px) scale(0.94);opacity: 0}}.modal-close{position: absolute;top: 12px;right: 12px;width: 40px;height: 40px;border-radius: 50%;display: grid;place-items: center;color: var(--ink2)}.modal-close:hover{background: var(--inner)}.modal-close svg{width: 18px;height: 18px}.modal-badge{display: inline-flex;align-items: center;gap: 8px;border-radius: var(--r-pill);min-height: 32px;padding: 0 14px 0 10px;background: var(--glass);box-shadow: var(--dock-hi);color: var(--ink2);font: 500 0.8438rem/1 "Geist",system-ui,sans-serif}.modal-badge .ic{width: 18px;height: 18px}.modal-title{font-size: 1.25rem;font-weight: 800;letter-spacing: -0.03em;margin: 10px 0 6px}.modal-desc{color: var(--ink2)}.modal-doc-link{display: inline-flex;align-items: center;gap: 10px;margin-top: 18px;min-height: 40px;padding: 0 18px 0 14px;border-radius: var(--r-pill);background: var(--ink);color: var(--ground);text-decoration: none;font-size: 0.8438rem;font-weight: 500}.modal-doc-link .ic{width: 18px;height: 18px}.modal-title{font-size: 1.75rem}.modal-close{background: var(--glass);box-shadow: var(--dock-hi)}.modal-card{padding: 28px;max-width: 440px}@media (max-width: 680px){.modal-card{border-radius: 20px;padding: 24px}.modal-doc-link{min-height: 44px}.modal-close{width: 44px;height: 44px}}.site-footer{position: relative;z-index: 1;margin-top: clamp(56px,7vw,96px);padding: clamp(48px,6vw,64px) 0 calc(32px + env(safe-area-inset-bottom));border-top: 1px solid var(--line-soft)}.footer-top{display: flex;align-items: center;justify-content: space-between;gap: 24px}.footer-line{display: inline-block;font-size: clamp(2.4rem,7vw,4.8rem);font-weight: 800;letter-spacing: -0.04em;line-height: 1;margin-bottom: clamp(36px,6vw,64px)}.footer-grid{display: grid;grid-template-columns: 1.3fr repeat(5,1fr);gap: 32px}@media (max-width: 1100px) and (min-width: 641px){.footer-grid{grid-template-columns: repeat(5,1fr)}.footer-brand{grid-column: 1 / -1}}.footer-brand p{color: var(--ink2);margin-top: 10px;font-size: 0.8438rem;max-width: 22em}.footer-col{display: flex;flex-direction: column;gap: 4px}.footer-col h5,.footer-col .footer-h{font-family: var(--font-sans);font-size: 0.8438rem;font-weight: 500;color: var(--muted);margin-bottom: 6px}.footer-col a{color: var(--ink2);text-decoration: none;font-size: 0.8438rem;padding: 4px 0}.footer-col a:hover{color: var(--ink)}.footer-bottom{margin-top: 40px;font-size: 0.8438rem;color: var(--muted)}@media (max-width: 1080px){.chain{grid-template-columns: repeat(2,minmax(0,1fr));row-gap: 32px}}@media (max-width: 900px){.nav-links{position: fixed;left: 0;right: 0;top: var(--header-h);height: calc(100vh - var(--header-h));height: calc(100dvh - var(--header-h));flex-direction: column;gap: 0;margin: 0;padding: 8px max(var(--gutter),env(safe-area-inset-left)) max(24px,env(safe-area-inset-bottom));background: var(--ground);overflow-y: auto;overscroll-behavior: contain;transform: translateY(-8px);opacity: 0;visibility: hidden;transition: transform var(--spring-slab-ms) var(--spring-slab),opacity var(--dur-small) var(--ease-out),visibility 0s 0.4s var(--ease-out)}.nav-open .nav-links{transform: none;opacity: 1;visibility: visible;transition: transform var(--spring-slab-ms) var(--spring-slab),opacity var(--dur-small) var(--ease-out),visibility 0s var(--ease-out)}.nav-links>a{padding: 16px 8px;font-size: 1.125rem;color: var(--ink);font-weight: 600}.nav-links>a:hover{background: none}.nav-group{border-bottom: 1px solid var(--line-soft)}.nav-trigger{width: 100%;justify-content: space-between;min-height: 60px;padding: 0 8px;border-radius: 0;background: none !important;box-shadow: none !important;font-size: 1.25rem;font-weight: 600;letter-spacing: -0.01em;color: var(--ink)}.nav-trigger::after{width: 9px;height: 9px;margin-top: -4px}.nav-trigger[aria-expanded="true"]::after{margin-top: 4px}.nav-menu{display: flex;position: static;min-width: 0;margin: 0;padding: 0;background: none;box-shadow: none;border-radius: 0;max-height: 0;overflow: hidden;visibility: hidden;animation: none;transition: max-height var(--dur-medium) cubic-bezier(0.16,1,0.3,1),visibility 0s 333ms var(--ease-out)}.nav-menu::before{display: none}.site-header:not(.nav-open) .nav-links,.site-header:not(.nav-open) .nav-links *{pointer-events: none}.nav-open .nav-trigger[aria-expanded="true"] + .nav-menu{max-height: 520px;visibility: visible;padding-bottom: 12px;transition: max-height var(--dur-medium) cubic-bezier(0.16,1,0.3,1),visibility 0s var(--ease-out);animation: none}.nav-menu a{min-height: 48px;padding: 0 16px;font-size: 1rem;font-weight: 500;color: var(--ink2);border-radius: var(--r-sm)}.nav-menu a:active{background: var(--deep)}.nav-links>.nav-group:last-of-type{margin-bottom: 20px}.nav-sheet-social{display: flex;justify-content: center;gap: 12px;margin-top: auto;padding-top: 24px}.nav-sheet-social a{width: 48px;height: 48px;border-radius: var(--r-pill);display: grid;place-items: center;background: var(--deep);color: var(--ink2);transition: transform var(--spring-slab-ms) var(--spring-slab),color var(--dur-small) var(--ease-out),background-color var(--dur-small) var(--ease-out)}.nav-sheet-social a:active{transform: scale(0.94);color: var(--ink)}.nav-sheet-social svg{width: 22px;height: 22px}@media (prefers-reduced-motion: no-preference){.nav-open .nav-group{animation: sheet-in 333ms cubic-bezier(0.16,1,0.3,1) both}.nav-open .nav-group:nth-of-type(2){animation-delay: 62ms}.nav-open .nav-group:nth-of-type(3){animation-delay: 124ms}.nav-open .nav-sheet-social{animation: sheet-in 333ms 186ms cubic-bezier(0.16,1,0.3,1) both}}.nav-container{gap: 8px;padding: 0 max(var(--gutter),env(safe-area-inset-left))}.menu-btn{display: block;margin-left: -10px}.menu-btn:focus-visible{box-shadow: 0 0 0 2px var(--signal)}.brand-name{display: none}.brand-icon{width: 32px;height: 32px}.nav-actions{margin-left: auto}.nav-download,.nav-actions .icon-btn:not([data-mode-toggle]){display: none}.hide-sm{display: none}.predict-card{grid-template-columns: 1fr}.footer-brand{grid-column: 1 / -1}.hud-coord{display: none}}@media (max-width: 640px){:root{--r-lg: 20px;--r-md: 12px}:root{--header-h: 56px}.chain{grid-template-columns: repeat(2,minmax(0,1fr));gap: 24px 16px}.hand-cap{margin: 0 0 6px 2px;white-space: nowrap}.node-head{padding: 8px 8px;font-size: var(--size-micro-mono);gap: 8px}.node-cat{display: none}.node{flex: 1;display: flex;flex-direction: column}.node-foot{margin-top: auto}.node-view{margin: 6px}.node-foot{padding: 0 8px 8px;font-size: var(--size-micro-mono);line-height: 1.3}.app-bar{height: 30px}.nature-canvas-wrapper{height: 380px}.wave-card{padding: 16px;gap: 16px}.play-btn{width: 54px;height: 54px}.yt-play{width: 44px;height: 44px;margin: -22px 0 0 -22px}.yt-play svg{width: 17px;height: 17px}.yt-label{left: 10px;bottom: 10px;padding: 4px 8px;font-size: var(--size-micro-mono)}.film-frame{padding: 8px;border-radius: var(--r-md)}.film-sound{right: 14px;bottom: 14px;min-height: 36px;padding: 0 12px}.hero-cta .btn{flex: 1 1 100%}.btn-dl{flex: 1 1 100%}.tabs{display: flex;width: 100%}.tabs button{flex: 1;padding: 0 8px}.patch{margin-top: 12px}.pnode{padding: 4px 8px;gap: 4px;font-size: var(--size-micro-mono);border-radius: 7px;letter-spacing: -0.01em}.pnode::before{width: 5px;height: 5px}.pnode + .pnode{margin-left: 12px}.pnode + .pnode::after{width: 12px;height: 6px;margin-top: -3px;background: radial-gradient(circle at 2px 50%,var(--ink) 2px,transparent 2.5px) left / 6px 6px no-repeat,radial-gradient(circle at calc(100% - 2px) 50%,var(--ink) 2px,transparent 2.5px) right / 6px 6px no-repeat,linear-gradient(var(--ink),var(--ink)) center / calc(100% - 6px) 1.5px no-repeat}.footer-grid{grid-template-columns: 1fr 1fr;gap: 24px 16px}.slab{padding: 0.3em 0.7em 0.36em}}@media (hover: none){.node:hover,.btn:hover{transform: none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation-duration: 0.001ms !important;animation-delay: 0s !important;transition-duration: 0.001ms !important;transition-delay: 0s !important}.reveal{opacity: 1;transform: none}.ticker-track{animation: none !important}.ticker-wrapper{overflow-x: auto}}[data-mode-toggle] .ic-sun{display: none}:root[data-mode="midnight"] [data-mode-toggle] .ic-sun{display: block}:root[data-mode="midnight"] [data-mode-toggle] .ic-moon{display: none}:root[data-mode="paper"] [data-mode-toggle] .ic-moon{display: block}.stage-model::part(default-progress-bar){display: none}.nav-group:nth-of-type(n+2) .nav-menu{left: auto;right: 0}.footer-social{display: flex;gap: 8px;margin-top: 16px}.footer-social a{width: 44px;height: 44px;border-radius: var(--r-pill);display: inline-grid;place-items: center;color: var(--ink2);background: var(--deep);transition: transform var(--spring-slab-ms) var(--spring-slab),color var(--dur-small) var(--ease-out),background-color var(--dur-small) var(--ease-out)}.footer-social a:hover{color: var(--ink);background: var(--surface-3);transform: translateY(-2px)}.footer-social svg{width: 20px;height: 20px}@media (prefers-reduced-motion: reduce){.footer-social a{transition: none}.footer-social a:hover{transform: none}}.signup{margin-top: 18px;max-width: 22em}.signup-label{display: block;font-weight: 600;font-size: 0.8438rem;margin-bottom: 8px}.signup-row{display: flex;gap: 8px}.signup-row input[type="email"]{flex: 1;min-width: 0;min-height: 44px;padding: 0 16px;border-radius: var(--r-pill);background: var(--deep);color: var(--ink);font: inherit;font-size: 0.8438rem}.signup-row input[type="email"]::placeholder{color: var(--muted)}.signup-row input:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.signup-row .btn{min-height: 44px}.signup-hp{position: absolute;left: -9999px;width: 1px;height: 1px;opacity: 0}.signup-note{margin-top: 8px !important;font-size: var(--size-caption) !important;color: var(--muted) !important}.signup-note.is-bad{color: var(--accent-ink) !important}:root{--pill-h: 40px;--pill-px: 16px}@media (max-width: 640px){:root{--pill-h: 44px}}body .chip,body .aud-start a,body .aud-others a,body .embed-actions .chip,body .cmd-tabs [role=tab],body .copy,body .ticker-pill{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: var(--pill-h);padding: 0 var(--pill-px);border-radius: var(--r-pill);font: 500 0.84375rem/1 Geist,system-ui,sans-serif;white-space: nowrap;text-decoration: none}body .copy{min-height: 36px}.ic{width: 16px;height: 16px;flex: none}.chip-ic{width: 16px;height: 16px}p.mono{font-size: 0.84375rem}@media (max-width: 640px){.counter{min-height: 44px;display: inline-flex;align-items: center}}@media (hover: none){.btn:hover,.node:hover,.doc-card:hover,.ticker-pill:hover,.footer-social a:hover{transform: none}.play-btn:hover,.yt-poster:hover img,.yt-poster:hover .yt-play{transform: none}}@media (max-width: 900px){.nav-links{left: 12px;right: auto;top: calc(var(--header-h) + 8px);width: min(88vw,340px);height: auto;max-height: calc(100dvh - var(--header-h) - 20px);padding: 12px;border-radius: var(--r-lg);background: var(--surface-1);box-shadow: var(--shadow-3,0 24px 64px rgba(0,0,0,.35)),var(--shadow-2);transform: translateX(-14px) scale(0.98);transform-origin: top left}.nav-open .nav-links{transform: none}.nav-group{border: 0}.nav-trigger::after{display: none}.nav-menu{max-height: none;visibility: inherit;transition: none;padding-bottom: 4px;gap: 2px}.nav-open .nav-trigger[aria-expanded="true"] + .nav-menu{max-height: none;padding-bottom: 4px}.nav-menu a{min-height: 44px;gap: 14px;padding: 0 16px;border-radius: var(--r-pill);font-size: 1rem;font-weight: 600;color: var(--ink)}.nav-menu a:active{background: var(--deep)}.nav-menu a[aria-current]{background: var(--ink);color: var(--ground)}.nav-menu .ic{width: 20px;height: 20px}.nav-sheet-social{padding-top: 12px;margin-top: 4px}.nav-sheet-social a{background: color-mix(in srgb,var(--ink) 8%,transparent)}}:root{--dock-hi: inset 0 1px 0 rgba(255,255,255,0.22),inset 0 -1px 0 rgba(255,255,255,0.04)}.menu-btn,.nav-links{display: none !important}.nav-actions{margin-left: auto}.dock{--dock-h: 64px;position: fixed;z-index: 120}.dock-bar{position: relative;display: flex;gap: 2px;padding: 6px;border-radius: var(--r-pill);background: var(--glass);backdrop-filter: saturate(1.8) blur(24px);-webkit-backdrop-filter: saturate(1.8) blur(24px);box-shadow: var(--dock-hi),var(--shadow-2)}.dock-thumb{position: absolute;left: 0;top: 0;width: var(--w,0);height: var(--h,0);transform: translate(var(--x,0),var(--y,0));border-radius: var(--r-pill);background: color-mix(in srgb,var(--ink) 14%,transparent);box-shadow: var(--dock-hi);opacity: 0;transition: transform var(--dur-medium,333ms) var(--ease-out),width var(--dur-medium,333ms) var(--ease-out),height var(--dur-medium,333ms) var(--ease-out),opacity var(--dur-small) var(--ease-out)}.dock.ready .dock-thumb{opacity: 1}.dock:not(.ready) .dock-thumb{transition: none}.dock-dl{display: none !important}.dock-stop{position: relative;display: flex;align-items: center;justify-content: center;gap: 8px;min-height: 48px;padding: 0 14px;border-radius: var(--r-pill);font: 500 0.8438rem/1 "Geist",system-ui,sans-serif;color: var(--ink2);text-decoration: none;cursor: pointer;background: none;transition: color var(--dur-small) var(--ease-out)}.dock-stop .ic{width: 20px;height: 20px;flex: none}.dock-stop.is-on{color: var(--ink)}.dock-stop:focus-visible,.dock-dl:focus-visible,.dock-sheet a:focus-visible{outline: 0;box-shadow: inset 0 0 0 1.5px color-mix(in srgb,var(--signal) 70%,transparent)}.dock-stop:focus:not(:focus-visible){box-shadow: none}.dock-dl{display: flex;align-items: center;justify-content: center;min-height: 48px;padding: 0 18px;border-radius: var(--r-pill);background: var(--ink);color: var(--ground);font: 600 0.8438rem/1 "Geist",system-ui,sans-serif;text-decoration: none}.dock-sheet{position: absolute;display: flex;flex-direction: column;gap: 2px;padding: 8px;border-radius: var(--r-lg);background: color-mix(in srgb,var(--surface-1) 86%,transparent);backdrop-filter: saturate(1.8) blur(28px);-webkit-backdrop-filter: saturate(1.8) blur(24px);box-shadow: var(--dock-hi),var(--shadow-2)}.dock-sheet[hidden]{display: none}.dock-sheet:not([hidden]){animation: sheet-in 333ms var(--ease-out) both}.dock-sheet a{display: flex;align-items: center;gap: 14px;min-height: 44px;padding: 0 16px;border-radius: var(--r-pill);color: var(--ink);text-decoration: none;font: 600 1rem/1 "Geist",system-ui,sans-serif}.dock-sheet a:active{background: color-mix(in srgb,var(--ink) 8%,transparent)}@media (hover: hover){.dock-sheet a:hover:not([aria-current]){background: color-mix(in srgb,var(--ink) 6%,transparent)}}.dock-sheet a[aria-current]{background: color-mix(in srgb,var(--ink) 14%,transparent);box-shadow: var(--dock-hi)}.dock-sheet .ic{width: 20px;height: 20px;flex: none;color: var(--ink2)}.dock-sheet a[aria-current] .ic{color: var(--ink)}@media (max-width: 900px){.dock{left: 12px;right: 12px;bottom: max(12px,env(safe-area-inset-bottom))}.dock-bar>.dock-stop{flex: 1 1 0;flex-direction: column;gap: 4px;min-height: 52px;padding: 0 4px;font-size: var(--size-micro-mono)}.dock-sheet{left: 0;right: 0;bottom: calc(100% + 10px)}body{padding-bottom: 88px}.nav-download{display: none}}@media (min-width: 901px){.dock{left: 16px;top: 50%;transform: translateY(-50%)}.dock-bar{flex-direction: column;border-radius: 32px}.dock-bar>.dock-stop{justify-content: flex-start;width: 48px;padding: 0 14px;overflow: hidden;white-space: nowrap;transition: width var(--dur-medium,333ms) var(--ease-out),color var(--dur-small) var(--ease-out)}.dock:hover .dock-stop,.dock:has(:focus-visible) .dock-stop,.dock.open .dock-stop{width: 148px}.dock-thumb{width: 48px;transform: translate(6px,var(--y,0));transition: transform var(--dur-medium,333ms) var(--ease-out),width var(--dur-medium,333ms) var(--ease-out),height var(--dur-medium,333ms) var(--ease-out),opacity var(--dur-small) var(--ease-out)}.dock:hover .dock-thumb,.dock:has(:focus-visible) .dock-thumb,.dock.open .dock-thumb{width: 148px}.dock-bar>.dock-stop span{opacity: 0;transition: opacity var(--dur-small) var(--ease-out)}.dock:hover .dock-stop span,.dock:has(:focus-visible) .dock-stop span,.dock.open .dock-stop span{opacity: 1}.dock-dl{display: none}.dock-sheet{left: 170px;top: 0;width: 260px}.dock-sheet::before{content: "";position: absolute;top: 0;bottom: 0;left: -24px;width: 24px}}@media (prefers-reduced-motion: reduce){.dock-thumb,.dock-sheet:not([hidden]){transition: none;animation: none}}
:root{--glass-blur: blur(20px) saturate(1.6);--glass-hi: inset 0 1px 0 color-mix(in srgb,var(--surface-2) 95%,transparent);--solid: linear-gradient(180deg,color-mix(in srgb,var(--ink) 84%,var(--surface-1)),var(--ink));--solid-hover: var(--ink);--solid-hi: inset 0 1px 0 color-mix(in srgb,var(--ground) 28%,transparent);--glass-shadow: 0 1px 2px color-mix(in srgb,var(--shadow) 5%,transparent),0 10px 28px color-mix(in srgb,var(--shadow) 8%,transparent)}.slab,.predict-card,.wave-card,.setup-card,.download-card,.modal-card,.film-frame{background: var(--surface-1);box-shadow: var(--shadow-1)}.download-card,.film-frame,.predict-card,.wave-card{box-shadow: var(--shadow-2)}.btn-ghost,.tab-pill,.lib-chip,.lib-view,.platform-chip{background: var(--glass);-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur);box-shadow: var(--glass-hi),var(--glass-shadow)}.btn-ghost:hover{box-shadow: var(--glass-hi),0 14px 32px color-mix(in srgb,var(--shadow) 12%,transparent)}.site-header{background: color-mix(in srgb,var(--ground) 78%,transparent);-webkit-backdrop-filter: blur(24px) saturate(1.7);backdrop-filter: blur(24px) saturate(1.7)}.site-header.scrolled{box-shadow: 0 8px 24px color-mix(in srgb,var(--shadow) 6%,transparent)}.nav-links>a:hover,.nav-links>a[aria-current]{background: var(--glass);box-shadow: var(--glass-hi)}.nav-links>a[aria-current]{color: var(--ink)}.icon-btn:hover{background: var(--glass);box-shadow: var(--glass-hi)}.btn-primary{background: var(--solid);box-shadow: var(--solid-hi),var(--glass-shadow)}.btn-primary:hover{background: var(--solid-hover)}.node,.pnode{--app-panel: var(--surface-2);--app-text: var(--ink);--app-dim: var(--ink-2);--app-border: var(--line)}.node{background: var(--surface-1);box-shadow: var(--shadow-2)}.lib-chip[aria-pressed="true"],.lib-view button[aria-pressed="true"]{background: var(--solid);color: var(--ground);box-shadow: var(--solid-hi)}.lib-view button{background: transparent;box-shadow: none;-webkit-backdrop-filter: none;backdrop-filter: none}.lib-dl{background: var(--solid);color: var(--ground);box-shadow: var(--solid-hi),0 4px 12px color-mix(in srgb,var(--shadow) 25%,transparent)}.lib-dl:hover{background: var(--solid-hover)}.lib-price{background: var(--deep);box-shadow: none}.lib-copy{background: var(--deep);color: var(--ink)}.lib-copy:hover{background: var(--surface-3)}.step{box-shadow: none}.site-footer{background: var(--surface-1);border-top: 0}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:root{--glass: color-mix(in srgb,var(--surface-1) 94%,transparent)}.site-header{background: color-mix(in srgb,var(--ground) 95%,transparent)}}@media (prefers-reduced-transparency: reduce){:root{--glass: var(--surface-1)}.site-header{background: var(--ground);-webkit-backdrop-filter: none;backdrop-filter: none}.btn-ghost,.tab-pill,.lib-chip,.lib-view,.platform-chip{-webkit-backdrop-filter: none;backdrop-filter: none}}.lib-menu{background: var(--glass);-webkit-backdrop-filter: blur(24px) saturate(1.7);backdrop-filter: blur(24px) saturate(1.7);box-shadow: var(--glass-hi),var(--shadow-2)}.lib-select{background: var(--glass);-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur);box-shadow: var(--glass-hi),var(--glass-shadow)}@media (prefers-reduced-transparency: reduce){.lib-menu{background: var(--surface-1);-webkit-backdrop-filter: none;backdrop-filter: none}}.ticker-pill{background: color-mix(in srgb,var(--surface-1) 92%,var(--ink));box-shadow: var(--glass-hi),0 1px 2px color-mix(in srgb,var(--shadow) 8%,transparent)}
body.blog-page{overflow-x: clip;font-family: var(--font-sans)}.blog-hero{padding-top: round(clamp(20px,3vw,36px),8px);padding-bottom: round(clamp(32px,5vw,64px),8px)}.blog-head-bar{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 16px;margin: 0 auto clamp(16px,2.5vw,24px);max-width: 1120px}.blog-hero h1.slab{display: block;padding: 0;background: none;box-shadow: none;border-radius: 0;font-family: var(--font-sans);font-size: clamp(2rem,4.5vw,3rem);font-weight: 800;letter-spacing: -0.035em;line-height: 1.04;margin: 0}.blog-hero h1.slab::before,.blog-hero h1.slab::after{display: none}.blog-toolbar{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;margin: 0}.blog-filter{position: relative;z-index: 30}.blog-select{min-height: 40px;padding: 0 16px;border-radius: var(--r-pill);background: var(--glass);color: var(--ink);-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur);box-shadow: var(--glass-hi),var(--shadow-1);font: 500 0.8438rem/1 var(--font-sans);display: inline-flex;align-items: center;gap: 8px;transition: transform var(--spring-slab-ms) var(--spring-slab),box-shadow var(--dur-small) var(--ease-out)}.blog-select:hover{box-shadow: var(--glass-hi),var(--shadow-2)}.blog-select:active{transform: scale(0.96)}.blog-select-ic{display: inline-grid;place-items: center}.select-chev{width: 16px;height: 16px;color: var(--muted);transition: transform var(--dur-small) var(--ease-out)}.blog-select[aria-expanded="true"] .select-chev{transform: rotate(180deg)}.blog-menu{position: absolute;top: calc(100% + 8px);left: 0;z-index: 40;max-width: calc(100vw - 32px);max-height: min(60svh,420px);overflow-y: auto;overscroll-behavior: contain;min-width: 196px;padding: 8px;border-radius: var(--r-md);background: var(--glass);-webkit-backdrop-filter: blur(24px) saturate(1.7);backdrop-filter: blur(24px) saturate(1.7);box-shadow: var(--glass-hi),var(--shadow-2);display: grid;gap: 4px}.blog-menu[hidden]{display: none !important}.blog-opt{min-height: 40px;padding: 0 12px;border-radius: var(--r-pill);display: flex;align-items: center;gap: 10px;font: 500 0.8438rem/1 var(--font-sans);color: var(--ink2);background: transparent;text-align: left;transition: background-color var(--dur-small) var(--ease-out),color var(--dur-small) var(--ease-out)}.blog-opt:hover{background: color-mix(in srgb,var(--ink) 8%,transparent);color: var(--ink)}.blog-opt[aria-selected="true"]{background: var(--ink);color: var(--paper)}.blog-deck-tools{display: inline-flex;align-items: center;gap: 8px}.chip{min-height: 40px;padding: 0 16px;border-radius: var(--r-pill);background: var(--glass);color: var(--ink2);-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur);box-shadow: var(--glass-hi),var(--shadow-1);font: 500 0.8438rem/1 var(--font-sans);display: inline-flex;align-items: center;justify-content: center;gap: 8px;transition: transform var(--spring-slab-ms) var(--spring-slab),background-color var(--dur-small) var(--ease-out),color var(--dur-small) var(--ease-out),box-shadow var(--dur-small) var(--ease-out)}.chip.chip-icon-only{width: 40px;padding: 0}.chip-ic{width: 18px;height: 18px;flex: none}.chip:hover{color: var(--ink);box-shadow: var(--glass-hi),var(--shadow-2)}.chip:active{transform: scale(0.96)}.chip.is-on{background: var(--ink);color: var(--paper);box-shadow: var(--solid-hi),var(--shadow-1)}.chip-action .chip-ic{transition: transform var(--spring-slab-ms) var(--spring-slab)}.chip-action:hover .chip-ic{transform: rotate(180deg)}.deck-view-switch{display: inline-flex;align-items: center;padding: 4px;gap: 4px;border-radius: var(--r-pill);background: var(--glass);-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur);box-shadow: var(--glass-hi),var(--shadow-1)}.view-pill{width: 32px;height: 32px;padding: 0;border-radius: var(--r-pill);display: inline-grid;place-items: center;font: 500 0.8438rem/1 var(--font-sans);color: var(--ink2);transition: background-color var(--dur-small) var(--ease-out),color var(--dur-small) var(--ease-out),transform var(--spring-press-ms) var(--spring-press)}.view-pill .chip-ic{width: 16px;height: 16px}.view-pill:hover{color: var(--ink)}.view-pill:active{transform: scale(0.95)}.view-pill.is-on{background: var(--ink);color: var(--paper);box-shadow: var(--solid-hi)}.blog-book-stage{position: relative;margin: 0 auto;padding: 8px 0 12px}.blog-book-stage:not([data-deck-mode="grid"]){width: 100vw;margin-left: calc(50% - 50vw);overflow: hidden;overflow-x: clip;padding: 12px max(16px,env(safe-area-inset-left)) 16px}.blog-book-stage::before{content: "";position: absolute;left: 50%;top: 44%;width: min(780px,92vw);height: min(400px,68vw);transform: translate(-50%,-50%);background: radial-gradient(50% 50% at 38% 48%,color-mix(in srgb,var(--signal) 15%,transparent) 0%,transparent 72%),radial-gradient(46% 46% at 64% 52%,color-mix(in srgb,var(--accent) 12%,transparent) 0%,transparent 74%);pointer-events: none;z-index: 0}.blog-book-stage:not([data-deck-mode="grid"]) .post-grid{position: relative;display: block;width: 100%;max-width: 1120px;margin: 0 auto;height: clamp(436px,50vw,488px);perspective: 1500px;transform-style: preserve-3d;touch-action: pan-y pinch-zoom;user-select: none;-webkit-user-select: none;cursor: grab;z-index: 1}.blog-book-stage.is-dragging:not([data-deck-mode="grid"]) .post-grid{cursor: grabbing}@media (max-width: 680px){.blog-toolbar{gap: 8px;margin-bottom: 12px}.chip{min-height: 36px;padding: 0 12px;font-size: 0.78rem;gap: 6px}.chip-ic{width: 15px;height: 15px}.blog-book-stage:not([data-deck-mode="grid"]) .post-grid{height: 396px}}.post-card{--card-dim: 0;position: relative;background: linear-gradient(165deg,color-mix(in srgb,var(--surface-2) 92%,transparent) 0%,color-mix(in srgb,var(--surface-1) 88%,var(--deep)) 100%);-webkit-backdrop-filter: blur(28px) saturate(1.8);backdrop-filter: blur(28px) saturate(1.8);border-radius: var(--radius-card,24px);box-shadow: inset 0 1.5px 0 color-mix(in srgb,var(--surface-2) 98%,transparent),inset 1.5px 0 0 color-mix(in srgb,var(--surface-2) 82%,transparent),inset -1px 0 0 color-mix(in srgb,var(--surface-2) 55%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--ink) 10%,transparent),0 0 0 1px color-mix(in srgb,var(--ink) 7%,transparent),var(--shadow-2);overflow: hidden;transition: transform var(--spring-slab-ms) var(--spring-slab),opacity var(--dur-medium) var(--ease-out),box-shadow var(--dur-medium) var(--ease-out);display: flex;flex-direction: column;will-change: transform,opacity}.post-card::after{content: "";position: absolute;inset: 0;border-radius: inherit;background: color-mix(in srgb,var(--deep) 78%,var(--ground));opacity: var(--card-dim,0);pointer-events: none;transition: opacity var(--dur-medium) var(--ease-out);z-index: 3}.post-card[hidden]{display: none !important}.blog-book-stage:not([data-deck-mode="grid"]) .post-card{position: absolute;top: 50%;left: 50%;width: min(426px,calc(100vw - 48px));height: clamp(386px,45vw,438px);margin-left: calc(min(426px,calc(100vw - 48px)) / -2);margin-top: calc(clamp(386px,45vw,438px) / -2);transform-origin: 50% 82%;backface-visibility: hidden;-webkit-backface-visibility: hidden}@media (max-width: 680px){.blog-book-stage:not([data-deck-mode="grid"]) .post-card{width: min(318px,calc(100vw - 56px));height: 368px;margin-left: calc(min(318px,calc(100vw - 56px)) / -2);margin-top: -184px;border-radius: 20px}}.blog-book-stage:not([data-deck-mode="grid"]) .post-card[data-slot="active"]{box-shadow: inset 0 1.5px 0 color-mix(in srgb,var(--surface-2) 100%,transparent),inset 1.5px 0 0 color-mix(in srgb,var(--surface-2) 88%,transparent),0 0 0 1px color-mix(in srgb,var(--ink) 10%,transparent),0 26px 68px color-mix(in srgb,var(--shadow) 22%,transparent),var(--shadow-2)}.blog-book-stage:not([data-deck-mode="grid"]) .post-card:not([data-slot="active"]){cursor: pointer}.blog-book-stage:not([data-deck-mode="grid"]) .post-card:not([data-slot="active"]) .post-desc{opacity: 0.38}.blog-book-stage.is-shuffling .post-card[data-slot="active"]{transition-duration: var(--dur-large)}.blog-book-stage[data-deck-mode="grid"] .post-grid,.post-grid.embed-grid{display: grid;grid-template-columns: 1fr;gap: clamp(18px,2.5vw,24px)}@media (min-width: 640px){.blog-book-stage[data-deck-mode="grid"] .post-grid,.post-grid.embed-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 980px){.blog-book-stage[data-deck-mode="grid"] .post-grid,.post-grid.embed-grid{grid-template-columns: repeat(3,1fr)}}.blog-book-stage[data-deck-mode="grid"] .post-card:hover{transform: translateY(-4px)}.post-card .post-link{display: flex;flex-direction: column;height: 100%;text-decoration: none;color: inherit;padding: 8px;-webkit-user-drag: none}.post-card .post-media{position: relative;aspect-ratio: 16 / 10;border-radius: var(--radius-media,16px);overflow: hidden;background: var(--surface-3);flex: none;box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--ink) 7%,transparent)}.post-card .post-media img{width: 100%;height: 100%;object-fit: cover;display: block;pointer-events: none;-webkit-user-drag: none;transition: transform var(--dur-large) var(--ease-out)}.post-card[data-slot="active"]:hover .post-media img,.blog-book-stage[data-deck-mode="grid"] .post-card:hover .post-media img{transform: scale(1.03)}.post-media-hud{position: absolute;top: 10px;right: 10px;z-index: 2;display: flex;align-items: center;justify-content: flex-end;pointer-events: none}.post-expand-pill{width: 34px;height: 34px;padding: 0;border-radius: 50%;display: inline-grid;place-items: center;background: color-mix(in srgb,var(--surface-1) 82%,transparent);-webkit-backdrop-filter: blur(16px) saturate(1.7);backdrop-filter: blur(16px) saturate(1.7);box-shadow: var(--glass-hi),0 4px 14px color-mix(in srgb,var(--shadow) 14%,transparent);color: var(--ink);transition: transform var(--spring-press-ms) var(--spring-press),background-color var(--dur-small) var(--ease-out)}.expand-ic{width: 16px;height: 16px;flex: none}.post-card[data-slot="active"]:hover .post-expand-pill,.blog-book-stage[data-deck-mode="grid"] .post-card:hover .post-expand-pill{transform: scale(1.06);background: var(--surface-1)}.post-media-empty{display: grid;place-items: center;color: var(--muted);font: 500 0.8438rem/1 var(--font-sans);width: 100%;height: 100%;aspect-ratio: 16 / 10}.post-card .post-body{padding: 14px 12px 10px;display: flex;flex-direction: column;gap: 6px;flex: 1;min-height: 0;font-family: var(--font-sans)}.read-dot{display: inline-block;width: 5px;height: 5px;border-radius: 50%;background: var(--accent);margin-right: 6px;vertical-align: middle}.post-card h2{font-family: var(--font-sans);font-size: clamp(1.08rem,1.5vw,1.25rem);font-weight: 700;letter-spacing: -0.025em;line-height: 1.24;margin: 0;color: var(--ink);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.post-card .post-desc{font-family: var(--font-sans);margin: 0;color: var(--ink2);font-size: 0.8438rem;line-height: 1.48;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;max-height: calc(1.48em * 2)}.post-card .post-meta-foot{display: flex;align-items: center;justify-content: space-between;margin-top: auto;padding-top: 10px;border-top: 1px solid var(--line-soft);font: 500 var(--size-micro-mono)/1.35 var(--font-sans);color: var(--muted)}.deck-hud-wrap{margin: 14px auto 0;max-width: 580px;display: flex;flex-direction: column;align-items: center;gap: 12px;position: relative;z-index: 5;font-family: var(--font-sans)}.deck-hud-wrap[hidden]{display: none !important}.deck-hud-pill{width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 8px;border-radius: var(--r-pill);background: var(--glass);-webkit-backdrop-filter: blur(24px) saturate(1.75);backdrop-filter: blur(24px) saturate(1.75);box-shadow: var(--glass-hi),var(--shadow-2)}.deck-nav-btn,.deck-icon-btn{width: 44px;height: 44px;border-radius: 50%;flex: none;display: inline-grid;place-items: center;background: color-mix(in srgb,var(--surface-1) 76%,transparent);box-shadow: var(--glass-hi),var(--shadow-1);color: var(--ink);transition: transform var(--spring-press-ms) var(--spring-press),background-color var(--dur-small) var(--ease-out),box-shadow var(--dur-small) var(--ease-out)}.deck-nav-btn:hover,.deck-icon-btn:hover{background: var(--surface-1);box-shadow: var(--glass-hi),var(--shadow-2);transform: translateY(-1px)}.deck-nav-btn:active,.deck-icon-btn:active{transform: scale(0.92)}.deck-arrow-ic{width: 20px;height: 20px}.deck-arrow-ic.is-prev{transform: rotate(180deg)}.deck-icon-btn .chip-ic{width: 17px;height: 17px;transition: transform var(--spring-slab-ms) var(--spring-slab)}.deck-icon-btn:hover .chip-ic{transform: rotate(180deg)}.deck-hud-info{display: flex;align-items: center;gap: 10px;min-width: 0;flex: 1;padding: 0 4px}.deck-hud-avatar{width: 36px;height: 36px;border-radius: 50%;flex: none;box-shadow: var(--shadow-1)}.deck-hud-text{display: flex;flex-direction: column;gap: 2px;min-width: 0;flex: 1;font-family: var(--font-sans)}.deck-hud-title{font: 600 0.8438rem/1.3 var(--font-sans);color: var(--ink);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: -0.01em}.deck-hud-meta{font: 500 var(--size-micro-mono)/1.35 var(--font-sans);color: var(--muted);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.deck-hud-right{display: flex;align-items: center;gap: 6px;flex: none}@media (max-width: 560px){.deck-hud-avatar{display: none}.deck-hud-info{padding-left: 4px}}.deck-progress-row{display: flex;flex-direction: column;align-items: center;gap: 8px}.deck-progress-dots{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 0}.blog-empty,.blog-feed{max-width: 56ch;margin-left: auto;margin-right: auto;text-align: center;color: var(--muted);margin-top: 24px;font: 500 var(--size-micro-mono)/1.35 var(--font-sans)}.blog-feed a{color: var(--ink2);text-decoration: none}.blog-feed a:hover{color: var(--ink)}.post-wrap{padding-top: round(clamp(24px,3vw,48px),8px);padding-bottom: round(clamp(24px,4vw,48px),8px)}.crumbs{font-size: var(--size-micro-mono);color: var(--muted);margin-bottom: 20px}.crumbs a{color: var(--ink2);text-decoration: none}.crumbs a:hover{color: var(--ink)}@media (max-width: 600px){.crumbs{display: none}}.post-head .post-kicker{margin: 0;font: 500 0.8438rem/1.2 var(--font-sans);color: var(--signal)}.post-head h1{font-size: clamp(1.9rem,5.2vw,3rem);font-weight: 800;letter-spacing: -0.04em;line-height: 1.08;margin: 10px 0 16px;overflow-wrap: anywhere;text-wrap: balance}.post-lede{font-size: 1.25rem;line-height: 1.45;color: var(--ink2);margin: 0 0 24px}.post-by{display: flex;align-items: center;gap: 12px;font-size: 0.8438rem;color: var(--muted);margin: 0 0 32px}.by-av{width: 40px;height: 40px;border-radius: 50%}.by-text{display: grid;gap: 2px;font-weight: 600}.by-text a{color: var(--ink);text-decoration: none}.by-meta{font: 500 var(--size-micro-mono)/1.3 'Geist Mono',ui-monospace,monospace;color: var(--muted);letter-spacing: 0.02em}.post-hero{margin: 0 0 28px}.post-hero img{width: 100%;height: auto;border-radius: var(--radius-media);display: block}.toc{background: var(--card);border-radius: var(--radius-media);box-shadow: var(--shadow-1);padding: 16px;margin: 0 0 32px}.toc summary{cursor: pointer;font-size: var(--size-micro-mono);letter-spacing: 0.06em;color: var(--muted);list-style: none}.toc summary::-webkit-details-marker{display: none}.toc ol{list-style: none;margin: 10px 0 2px;padding-left: 0;display: grid;gap: 8px}.toc a{color: var(--ink2);text-decoration: none}.toc a:hover{color: var(--ink);text-decoration: underline}.prose{font-size: 1.125rem;line-height: 1.75;color: var(--ink)}.prose>* + *{margin-top: 1.1em}.prose h2{font-size: var(--fs-h2);font-weight: 800;letter-spacing: -0.03em;line-height: 1.2;margin-top: 2.2em;scroll-margin-top: calc(var(--header-h) + 16px)}.prose h3{font-size: 1.25rem;font-weight: 700;letter-spacing: -0.02em;line-height: 1.3;margin-top: 1.8em;scroll-margin-top: calc(var(--header-h) + 16px)}.prose h4{font-size: 1rem;font-weight: 700;margin-top: 1.5em}.prose a{color: var(--signal);text-underline-offset: 3px;text-decoration-thickness: 1px}.prose a:hover{text-decoration-thickness: 2px}.prose ul,.prose ol{padding-left: 1.3em;display: grid;gap: 8px}.prose li::marker{color: var(--muted)}.prose strong{font-weight: 700}.prose code{font: 500 0.8438em 'Geist Mono',ui-monospace,monospace;background: var(--surface-3);padding: 0.12em 0.4em;border-radius: var(--radius-chip);overflow-wrap: anywhere}.prose pre{background: var(--deep);color: var(--ink);border-radius: var(--radius-media);padding: 16px;overflow-x: auto;-webkit-overflow-scrolling: touch;line-height: 1.55;box-shadow: var(--shadow-1)}.prose pre code{background: none;padding: 0;font-size: 0.8438rem;overflow-wrap: normal}.prose img{max-width: 100%;height: auto;border-radius: var(--radius-media);box-shadow: var(--shadow-1)}.prose figure{margin: 2em 0;text-align: center}.prose figure img{max-width: 100%;width: auto;height: auto;max-height: 560px;border-radius: var(--radius-media);box-shadow: var(--shadow-1);display: inline-block}.prose figcaption{font-size: var(--size-caption);color: var(--muted);margin-top: 8px;text-align: center;line-height: 1.4}.prose .post-embed{width: 100%;max-width: 720px;margin: 24px 0}.prose .post-embed iframe{display: block;width: 100%;border: 1px solid var(--line-soft);border-radius: var(--radius-media)}.prose .post-embed figcaption{font-size: var(--size-micro-mono);text-align: right}.prose .post-embed figcaption a{text-decoration: none}.prose blockquote{margin-left: 0;padding: 4px 0 4px 16px;border-left: 3px solid var(--signal);color: var(--ink2)}.prose hr{border: 0;height: 1px;background: var(--line-soft);margin: 2em 0}.table-wrap{overflow-x: auto;-webkit-overflow-scrolling: touch;border-radius: var(--radius-media);box-shadow: var(--shadow-1);background: var(--card)}.prose table{border-collapse: collapse;width: 100%;font-size: 0.8438rem;min-width: 480px}.prose th,.prose td{text-align: left;padding: 12px 16px;border-bottom: 1px solid var(--line-soft);vertical-align: top}.prose th{font: 500 var(--size-micro-mono) 'Geist Mono',ui-monospace,monospace;color: var(--muted);letter-spacing: 0.05em}.post-cta{background: var(--card);border-radius: var(--radius-card);box-shadow: var(--shadow-2);padding: round(clamp(24px,4vw,32px),8px);margin-top: clamp(36px,6vw,56px)}.post-cta .hand{display: block;margin: 0 0 4px;transform: rotate(-2deg);transform-origin: left}.post-cta h2{font-size: var(--fs-h2);font-weight: 800;letter-spacing: -0.03em;margin: 0 0 10px}.post-cta p{color: var(--ink2);margin: 0 0 18px}.cta-row{display: flex;flex-wrap: wrap;gap: 12px;margin-bottom: 0 !important}.post-related{margin-top: clamp(36px,6vw,56px)}.post-related h2{font-size: var(--fs-h3);font-weight: 700;letter-spacing: -0.02em;margin: 0 0 14px}.rel-grid{display: grid;grid-template-columns: 1fr;gap: 12px}@media (min-width: 720px){.rel-grid{grid-template-columns: repeat(3,1fr)}}.rel-card{display: flex;flex-direction: column;gap: 8px;padding: 16px;background: var(--glass);-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur);border-radius: var(--radius-media);box-shadow: var(--glass-hi),var(--shadow-1);text-decoration: none;color: var(--ink);min-width: 0;transition: transform var(--spring-soft-ms) var(--spring-soft),box-shadow var(--dur-medium) var(--ease-out)}.rel-card:hover{transform: translateY(-2px);box-shadow: var(--glass-hi),var(--shadow-2)}.rel-card span{font-size: var(--size-micro-mono);color: var(--muted);letter-spacing: 0.05em}.rel-card b{font-weight: 600;line-height: 1.3;overflow-wrap: anywhere}.embed-card{display: flex;flex-direction: column;position: relative}.embed-frame{aspect-ratio: 16 / 9;background: var(--midnight-900);border-radius: var(--radius-media) var(--radius-media) 0 0;overflow: hidden}.embed-frame iframe{width: 100%;height: 100%;border: 0;display: block}.embed-grid{align-items: stretch}.embed-grid .post-card{padding: 0;height: 100%;background: var(--card);-webkit-backdrop-filter: none;backdrop-filter: none}.embed-grid .post-body{flex: 1;display: flex;flex-direction: column;gap: 12px;padding: 24px}.embed-grid .post-body h2{margin: 0}.embed-grid .post-desc{flex: 1;margin: 0}.embed-actions{display: grid;grid-template-columns: 1fr 1fr;gap: 8px}.embed-actions .chip{display: inline-flex;align-items: center;justify-content: center;width: 100%;padding: 0 12px;text-decoration: none;cursor: pointer;white-space: nowrap}.snippet{width: 100%;resize: vertical;background: var(--deep);color: var(--ink2);border: 0;border-radius: var(--radius-media);padding: 12px 16px;font-size: var(--size-micro-mono);line-height: 1.5;box-shadow: none;height: 9.5rem;display: block;box-sizing: border-box}.snippet:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.embed-card .snippet{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;opacity: 0;pointer-events: none;overflow: hidden;resize: none}.dev-grid{display: grid;grid-template-columns: 1fr;gap: 16px}@media (min-width: 900px){.dev-grid{grid-template-columns: repeat(3,1fr);gap: 24px}}.dev-card{background: var(--card);border-radius: var(--radius-card);box-shadow: var(--shadow-1);padding: round(clamp(16px,2.4vw,32px),8px);min-width: 0;display: flex;flex-direction: column;gap: 12px}.dev-card h2,.dev-wide h2{font-size: var(--fs-h3);font-weight: 700;letter-spacing: -0.02em;margin: 0}.dev-card p,.dev-wide p{margin: 0;color: var(--ink2);line-height: 1.55}.dev-card pre{margin: 0;background: var(--deep);color: var(--ink);border-radius: var(--radius-media);padding: 16px;white-space: pre-wrap;overflow-wrap: anywhere;font: 500 var(--size-micro-mono)/1.55 'Geist Mono',ui-monospace,monospace}.dev-card code,.dev-wide code,.dev-list code{font: 500 0.8438em 'Geist Mono',ui-monospace,monospace}.dev-wide{margin-top: clamp(28px,4vw,48px);display: flex;flex-direction: column;gap: 12px}.dev-wide table{border-collapse: collapse;width: 100%;font-size: 0.8438rem;min-width: 460px}.dev-wide th,.dev-wide td{text-align: left;padding: 12px 16px;border-bottom: 1px solid var(--line-soft);vertical-align: top}.dev-wide th{font: 500 var(--size-micro-mono) 'Geist Mono',ui-monospace,monospace;color: var(--muted);letter-spacing: 0.05em}.dev-list{padding-left: 1.2em;display: grid;gap: 8px;color: var(--ink2);line-height: 1.55}.dev-wide a,.dev-card a{color: var(--signal);text-underline-offset: 3px}.dev-list li,.dev-wide p{max-width: 56ch}@media (prefers-reduced-motion: reduce){.post-card,.rel-card,.chip,.view-pill,.deck-nav-btn,.deck-icon-btn,.deck-dot{transition: none}.blog-book-stage[data-deck-mode="grid"] .post-card:hover,.rel-card:hover{transform: none}}@media (prefers-reduced-transparency: reduce){.post-card,.deck-hud-pill,.post-badge-overlay,.post-expand-pill,.post-folio-pill{background: var(--surface-1);-webkit-backdrop-filter: none;backdrop-filter: none}}@media (hover: none){.blog-book-stage[data-deck-mode="grid"] .post-card:hover,.rel-card:hover{transform: none}}.deck-dot{width: 24px;height: 24px;position: relative;background: none;transition: width var(--spring-slab-ms) var(--spring-slab)}.deck-dot::before{content: "";position: absolute;left: 50%;top: 50%;width: 7px;height: 7px;transform: translate(-50%,-50%);border-radius: var(--r-pill);background: color-mix(in srgb,var(--ink) 22%,transparent);transition: width var(--spring-slab-ms) var(--spring-slab),background-color var(--dur-small) var(--ease-out)}.deck-dot:hover::before{background: color-mix(in srgb,var(--ink) 45%,transparent)}.deck-dot.is-on{width: 44px;background: none}.deck-dot.is-on::before{width: 28px;background: var(--ink)}
.container{--wrap: var(--web-max);--pad: max(var(--gutter),env(safe-area-inset-left));width: 100%;max-width: calc(var(--wrap) + 2 * var(--pad));padding-inline: var(--pad);margin-inline: auto}@media (min-width: 901px){.container{--pad: max(var(--gutter),calc(88px - (100vw - var(--wrap)) / 2))}}.post-wrap{--wrap: 688px}.bm-wrap{--wrap: 960px}.site-footer .container{--wrap: 1040px}body{min-height: 100vh;min-height: 100dvh;display: flex;flex-direction: column}body>main,body>.page{flex: 1 0 auto}body>.site-footer{margin-top: auto}.t-display{font: var(--type-display);letter-spacing: var(--track-display);text-wrap: balance}.t-h1{font: var(--type-h1);letter-spacing: var(--track-h1);text-wrap: balance}.t-h2{font: var(--type-h2);letter-spacing: var(--track-h2);text-wrap: balance}.t-h3{font: var(--type-h3);letter-spacing: var(--track-h3);text-wrap: balance}.t-lead{font: var(--type-lead);letter-spacing: var(--track-lead);text-wrap: pretty;color: var(--ink-2)}.t-body{font: var(--type-body);letter-spacing: var(--track-body);text-wrap: pretty}.t-caption{font: var(--type-caption);letter-spacing: var(--track-caption);color: var(--ink-2)}.t-micro{font: var(--type-micro-mono);letter-spacing: var(--track-micro-mono);color: var(--ink-3)}.t-folio,.folio{font: var(--type-folio-mono-caps);letter-spacing: var(--track-folio-mono-caps);text-transform: uppercase;color: var(--ink-3);font-variant-numeric: tabular-nums}.t-hand{font-family: var(--font-hand);font-weight: 600;font-size: 1.25em;line-height: 1;letter-spacing: 0}.fig{display: inline-flex;align-items: flex-start;gap: 0.08em;font-variant-numeric: tabular-nums lining-nums;letter-spacing: var(--track-num);white-space: nowrap;color: var(--ink)}.fig-xl{font: var(--type-num-xl);letter-spacing: var(--track-num)}.fig-l{font: var(--type-num-l);letter-spacing: var(--track-num)}.fig-m{font: var(--type-num-m);letter-spacing: var(--track-num)}.fig-unit{font: 500 max(var(--web-floor),0.25em)/1 var(--font-mono);letter-spacing: 0.02em;color: var(--ink-3);margin-top: 0.12em;text-transform: none}.tnum{font-variant-numeric: tabular-nums lining-nums}.ratio-sep{color: var(--ink-3);padding: 0 0.25em}.stat-row{display: grid;gap: var(--web-gutter);grid-template-columns: repeat(auto-fit,minmax(min(100%,200px),1fr))}.stat{display: grid;gap: var(--web-stack-s);align-content: start;padding: var(--web-card-pad);border-radius: var(--web-card-radius);background: var(--surface-1);box-shadow: var(--shadow-1)}.stat>.t-caption{max-width: 28ch}.sys-section{padding-block: var(--web-section)}.sys-section.tight{padding-block: var(--web-section-tight)}.stack-s>* + *{margin-top: var(--web-stack-s)}.stack-m>* + *{margin-top: var(--web-stack-m)}.stack-l>* + *{margin-top: var(--web-stack-l)}.stack-xl>* + *{margin-top: var(--web-stack-xl)}.sys-head{display: grid;gap: var(--web-stack-m);margin-bottom: var(--web-stack-xl);max-width: 44rem}.sys-head .folio{display: flex;align-items: center;gap: 12px}.sys-head .folio::after{content: "";flex: 0 0 32px;height: 1px;background: currentColor;opacity: 0.5}.sys-ctl,.sys-btn{position: relative;display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: var(--web-control);padding: 0 var(--web-control-pad);border-radius: var(--r-pill);font: 500 var(--size-caption)/1 var(--font-sans);letter-spacing: -0.005em;white-space: nowrap;text-decoration: none;color: var(--ink);background: var(--surface-2);box-shadow: var(--shadow-1);transition: transform var(--spring-press-ms) var(--spring-press),background-color var(--dur-small) var(--ease-out);-webkit-tap-highlight-color: transparent}.sys-btn{min-height: var(--web-button);padding: 0 calc(var(--web-control-pad) + 4px);font-weight: 600;font-size: 0.9375rem}.sys-btn.lg{min-height: var(--web-button-lg);padding: 0 24px;font-size: 1rem}.sys-btn.primary{background: var(--ink);color: var(--ground)}.sys-ctl:active,.sys-btn:active{transform: scale(0.96)}.sys-ctl .ic,.sys-btn :where(.ic){width: var(--web-icon);height: var(--web-icon);flex: none}.sys-ctl[aria-pressed="true"],.sys-ctl[aria-current],.sys-ctl.is-on{background: var(--ink);color: var(--ground)}.sys-ctl.icon-only{width: var(--web-control);padding: 0}.hit::after,.sys-ctl::after,.sys-btn::after{content: "";position: absolute;left: 50%;top: 50%;width: max(100%,var(--web-hit));height: max(100%,var(--web-hit));transform: translate(-50%,-50%)}@media (pointer: fine){.hit::after,.sys-ctl::after,.sys-btn::after{width: 100%;height: 100%}}.hit{position: relative}.sys-chip{display: inline-flex;align-items: center;gap: 6px;min-height: 28px;padding: 0 10px;border-radius: var(--r-sm);font: 500 var(--size-micro-mono)/1 var(--font-mono);letter-spacing: 0.02em;color: var(--ink-2);background: color-mix(in srgb,var(--ink) 7%,transparent)}.sys-chip .dot{width: 8px;height: 8px;border-radius: 50%;background: var(--cat,var(--signal))}.sys-pop{position: relative;display: inline-block}.sys-pop>[role="listbox"],.sys-pop>[role="menu"],.sys-pop>.sys-pop-list{position: absolute;z-index: var(--z-sheet);top: calc(100% + 8px);left: 0;min-width: max(100%,220px);display: grid;gap: 2px;padding: 8px;border-radius: var(--r-lg);background: color-mix(in srgb,var(--surface-1) 92%,transparent);backdrop-filter: saturate(1.8) blur(24px);-webkit-backdrop-filter: saturate(1.8) blur(24px);box-shadow: var(--shadow-2);transform-origin: top left;animation: pop-in var(--dur-small) var(--ease-out) both}.sys-pop [hidden]{display: none !important}.sys-pop [role="option"],.sys-pop [role="menuitem"],.sys-pop .sys-pop-list>*{display: flex;align-items: center;gap: 10px;min-height: var(--web-control);padding: 0 12px;border-radius: var(--r-pill);color: var(--ink);text-decoration: none;font: 500 0.9375rem/1 var(--font-sans);cursor: pointer}.sys-pop [aria-selected="true"],.sys-pop [aria-current]{background: color-mix(in srgb,var(--ink) 12%,transparent)}.sys-pop [role="option"]:hover,.sys-pop [role="menuitem"]:hover{background: color-mix(in srgb,var(--ink) 7%,transparent)}@media (max-width: 640px){.sys-pop>[role="listbox"],.sys-pop>[role="menu"],.sys-pop>.sys-pop-list{position: fixed;left: 12px;right: 12px;top: auto;bottom: max(12px,env(safe-area-inset-bottom));max-height: 70vh;overflow: auto;padding: 12px;transform-origin: bottom center;animation-name: sheet-up}.sys-pop [role="option"],.sys-pop [role="menuitem"],.sys-pop .sys-pop-list>*{min-height: var(--web-hit)}}@keyframes pop-in{from{opacity: 0;transform: translateY(-4px) scale(0.98)}}@keyframes sheet-up{from{opacity: 0;transform: translateY(16px)}}.card-grid{display: grid;gap: var(--web-gutter);grid-template-columns: 1fr}@media (min-width: 641px){.card-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1025px){.card-grid{grid-template-columns: repeat(3,minmax(0,1fr))}}@media (min-width: 1441px){.card-grid.wide{grid-template-columns: repeat(4,minmax(0,1fr))}}.card{position: relative;display: flex;flex-direction: column;gap: var(--web-stack-m);padding: var(--web-card-pad);border-radius: var(--web-card-radius);background: var(--surface-1);color: var(--ink);box-shadow: var(--shadow-1);text-decoration: none;transition: transform var(--spring-soft-ms) var(--spring-soft),box-shadow var(--dur-medium) var(--ease-out)}a.card:hover,.card:has(a.card-link:hover){transform: translateY(-2px);box-shadow: var(--shadow-2)}.card-media{aspect-ratio: 16 / 10;border-radius: var(--web-media-radius);overflow: hidden;background: var(--deep)}.card-media>:is(img,video,canvas){width: 100%;height: 100%;object-fit: cover}.card-top{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.card-title{font: 650 var(--size-h3)/1.2 var(--font-sans);letter-spacing: var(--track-h3);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-wrap: balance}.card-text{color: var(--ink-2);font-size: var(--size-caption);line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.card-foot{display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-top: auto}.card-link::after{content: "";position: absolute;inset: 0;border-radius: inherit}.card-link{color: inherit;text-decoration: none}.card-link:focus-visible{outline: 0}.card:has(.card-link:focus-visible){outline: 2px solid var(--signal);outline-offset: 3px}.reel-track{display: grid;grid-auto-flow: column;grid-auto-columns: clamp(240px,70vw,300px);gap: var(--web-gutter);overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;scroll-padding-inline: var(--gutter);padding: 4px var(--gutter) 16px;margin-inline: calc(-1 * var(--gutter));scrollbar-width: none}.reel-track::-webkit-scrollbar{display: none}.reel-track>*{scroll-snap-align: start;aspect-ratio: 9 / 16;border-radius: var(--web-card-radius);overflow: hidden;background: var(--deep);position: relative}.lite-yt{position: relative;display: block;width: 100%;aspect-ratio: 16 / 9;border-radius: var(--web-media-radius);overflow: hidden;background: var(--deep);cursor: pointer}.lite-yt>img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--dur-page) var(--ease-out)}.lite-yt:hover>img{transform: scale(1.02)}.lite-yt>.lite-yt-play{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 64px;height: 64px;display: grid;place-items: center;border-radius: 50%;background: color-mix(in srgb,var(--surface-1) 80%,transparent);backdrop-filter: blur(16px);color: var(--ink);box-shadow: var(--shadow-2)}.lite-yt>iframe{position: absolute;inset: 0;width: 100%;height: 100%;border: 0}.pfield{position: relative;isolation: isolate}.pfield-tex{position: absolute;inset: 0;z-index: -1;pointer-events: none;opacity: 0.06;background-image: radial-gradient(var(--signal) 1.2px,transparent 1.4px);background-size: 16px 16px}.pfield>canvas.pfield-canvas{position: absolute;inset: 0;width: 100%;height: 100%;z-index: -1;pointer-events: none}.kt-slab .w{display: inline-block;transform: translateY(0.5em);opacity: 0}.kt-slab.in .w{transform: none;opacity: 1;transition: transform var(--spring-slab-ms) var(--spring-slab),opacity var(--dur-small) var(--ease-out);transition-delay: calc(var(--i,0) * 42ms)}.kt-draw{position: relative;display: inline-block}.kt-draw>svg{position: absolute;left: -2%;bottom: -0.18em;width: 104%;height: 0.35em;overflow: visible;color: var(--accent)}.kt-draw>svg path{fill: none;stroke: currentColor;stroke-width: 2.5;stroke-linecap: round;stroke-dasharray: 1;stroke-dashoffset: 1}.kt-draw.in>svg path{stroke-dashoffset: 0;transition: stroke-dashoffset var(--dur-large) var(--ease-out) 188ms}.kt-swap{display: inline-grid;vertical-align: bottom}.kt-swap>*{grid-area: 1 / 1;transition: transform var(--spring-letter-ms) var(--spring-letter),opacity var(--dur-small) var(--ease-out)}.kt-swap>:not(.on){opacity: 0;transform: translateY(0.4em);pointer-events: none}.kt-swap>.out{opacity: 0;transform: translateY(-0.4em);transition: transform var(--dur-small) var(--ease-in),opacity var(--dur-small) var(--ease-in)}.loop-type{width: 100%;height: auto;overflow: visible;color: var(--ink-2)}.loop-type text{font: 500 12px/1 var(--font-mono);letter-spacing: 0.12em;text-transform: uppercase;fill: currentColor}@media (prefers-reduced-motion: reduce){.kt-slab .w,.kt-swap>*{transform: none !important;opacity: 1;transition: none !important}.kt-swap>:not(.on){display: none}.kt-draw>svg path{stroke-dashoffset: 0;transition: none}.loop-type animate,.loop-type animateMotion{display: none}}.ic-inline{width: var(--web-icon-inline);height: var(--web-icon-inline);vertical-align: -0.15em}.ic-nav{width: var(--web-icon-nav);height: var(--web-icon-nav)}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline: 2px solid var(--signal);outline-offset: 3px}
:root{--ctl-h: 40px;--ctl-fs: 0.8438rem;--btn-h: 44px}@media (max-width: 640px){:root{--ctl-h: 36px;--ctl-fs: 0.8125rem;--btn-h: 40px;--pill-h: 36px;--pill-px: 12px}.btn,.signup-row .btn,.signup-row input[type="email"]{min-height: var(--btn-h);padding-left: 18px;padding-right: 18px;font-size: 0.875rem}.hero-cta .btn,.aud-cta .btn{flex: 0 1 auto}.btn-sm,.tabs button,.bm-full>summary,.blog-select,.ax-bub,.ax-ghost,.ax-hint,.pill,.seg button,.cmd-tabs [role=tab],.copy,.run,.play,.pad,.aud-start a,.aud-others a,.counter,.modal-doc-link,.blog-opt,.lib-opt,.pw,.lib-dock-pill,.lib-select,.lib-icon-pill{min-height: var(--ctl-h);font-size: var(--ctl-fs)}.ax-bub,.ax-ghost,.pw{height: var(--ctl-h);padding: 0 12px 0 10px;gap: 6px}.ax-hint{height: var(--ctl-h)}.ax-bub .ic,.ax-ghost .ic .ic{width: 18px;height: 18px}.ax-copy h1{font-size: clamp(1.9rem,9vw,2.4rem)}.ax-copy p{font-size: 0.9375rem}.view-pill,.lib-view-btn,.reel-btn,.footer-social a,.menu-btn,.modal-close,.pn{width: 40px;height: 40px}.btn-dl{min-height: 52px;padding: 0 18px;gap: 10px}.btn-dl svg{width: 20px;height: 20px}.btn-dl b{font-size: 0.9375rem}.ax-lab .ctl label{font-size: 0.8125rem}.ax-lab .ctl input[type=range]{height: 32px}}@media (min-width: 641px){.run,.play,.copy,.cmd-tabs [role=tab]{min-height: var(--ctl-h)}.lib-view-btn,.view-pill{width: 36px;height: 36px}}.yt-label,.node-foot,.app-title,span.mono,small,dt,dd,.copy-inline-btn,.dl-card code,.dl-card small,.node-name,.node-cat,.doc-s,.doc-m,code{font-size: 0.75rem !important}p code,li code,td code,pre code{font-size: max(var(--web-floor),0.875em) !important}.ax-main .ax-bub,.ax-main .ax-ghost,.ax-main .pr-tile,.ax-main .ax-lab .pad{background: var(--nm-up);color: var(--mid-ink);box-shadow: var(--nm-raise);-webkit-backdrop-filter: none;backdrop-filter: none;border: 0;transition: box-shadow 160ms var(--ease-out,ease),transform 160ms var(--ease-out,ease),background 160ms var(--ease-out,ease)}.ax-main .ax-bub:hover,.ax-main .ax-ghost:hover,.ax-main .pr-tile:hover,.ax-main .ax-lab .pad:hover{background: var(--nm-up);transform: translateY(-1px)}.ax-main .ax-bub:active,.ax-main .ax-ghost:active,.ax-main .pr-tile:active,.ax-main .ax-lab .pad:active,.ax-main .ax-cta .btn:active{transform: translateY(1px);background: var(--nm-down);box-shadow: var(--nm-pocket)}.ax-main .ax-bub.on,.ax-main .pr-tile[aria-checked="true"],.ax-main .ax-lab .pad.live{background: var(--nm-pearl);color: var(--mid-deep);box-shadow: var(--nm-pearl-raise)}html:not([data-mode="midnight"]) .ax-main .ax-bub.on,html:not([data-mode="midnight"]) .ax-main .pr-tile[aria-checked="true"],html:not([data-mode="midnight"]) .ax-main .ax-lab .pad.live{color: #EEF1FA}.ax-main .ax-lab .pads{background: var(--nm-down);box-shadow: var(--nm-pocket);gap: 6px;padding: 5px}.ax-main .ax-lab .pad.queued{background: var(--nm-down);box-shadow: var(--nm-pocket);animation: none}.ax-main .ax-cta .btn{background: linear-gradient(160deg,#ff9a70 0%,#ee6a3a 58%,#d4532a 100%);color: #fff;border: 0;box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.4),inset 0 -3px 5px rgb(120 30 5 / 0.35),0 0 0 1px rgb(255 255 255 / 0.12),4px 8px 16px rgb(4 5 14 / 0.45)}.ax-main .ax-cta .btn:hover{transform: translateY(-1px);background: linear-gradient(160deg,#ffa57e 0%,#f1703f 58%,#d9582f 100%)}.ax-main .ax-cta .btn:active{background: linear-gradient(160deg,#d4532a,#e5622f);box-shadow: inset 3px 5px 10px rgb(90 20 0 / 0.5),0 0 0 1px rgb(255 255 255 / 0.08)}.ax-main .ax-nodes figcaption{box-shadow: var(--nm-raise);background: var(--nm-up)}@media (prefers-reduced-motion: reduce){.ax-main .ax-bub,.ax-main .ax-ghost,.ax-main .pr-tile,.ax-main .ax-lab .pad{transition: none}}
:root{--ui-sp-1: 4px;--ui-sp-2: 8px;--ui-sp-3: 12px;--ui-sp-4: 16px;--ui-sp-5: 24px;--ui-sp-6: 32px;--ui-sp-7: 48px;--ui-sp-8: 64px;--ui-card-pad: var(--ui-sp-5);--ui-card-pad-lg: var(--ui-sp-6);--ui-card-radius: 20px;--ui-card-gap: var(--ui-sp-4);--ui-ctl-h: 40px;--ui-ctl-h-sm: 36px;--ui-ctl-h-lg: 48px;--ui-ctl-px: 24px;--ui-ctl-icon: 36px;--ui-ctl-gap: var(--ui-sp-2);--ui-t-label: var(--size-caption);--ui-t-body: var(--size-body);--ui-t-caption: var(--size-caption);--ui-t-mono: var(--size-micro-mono);--ui-t-media-title: var(--size-body);--ui-sl-track: 14px;--ui-sl-thumb: 26px;--nm-up: linear-gradient(160deg,#3a4272 0%,#2a3052 50%,#20263f 100%);--nm-down: linear-gradient(160deg,#181c36,#222849);--nm-pearl: linear-gradient(160deg,#ffffff 0%,#e4e8f7 60%,#cfd5ec 100%);--nm-raise: inset 0 1px 0 rgb(255 255 255 / 0.2),inset 0 -2px 3px rgb(4 5 14 / 0.32),0 0 0 1px rgb(255 255 255 / 0.05),-3px -3px 9px rgb(255 255 255 / 0.05),5px 8px 16px rgb(4 5 14 / 0.5);--nm-pearl-raise: inset 0 1px 0 #fff,inset 0 -3px 5px rgb(21 25 48 / 0.16),0 0 0 1px rgb(255 255 255 / 0.5),4px 8px 16px rgb(4 5 14 / 0.45);--nm-pocket: inset 3px 5px 10px rgb(4 5 14 / 0.6),inset -2px -2px 6px rgb(255 255 255 / 0.05),0 0 0 1px rgb(255 255 255 / 0.04);--nm-ink: #eef1fa;--nm-ink-on-pearl: #151930}html:not([data-mode="midnight"]){--nm-up: linear-gradient(160deg,#fdfdff 0%,#eceef7 55%,#d9dcec 100%);--nm-down: linear-gradient(160deg,#cfd3e6,#e4e7f2);--nm-pearl: linear-gradient(160deg,#3a4272 0%,#232a4f 60%,#151930 100%);--nm-raise: inset 0 1px 0 #fff,inset 0 -2px 4px rgb(21 25 48 / 0.14),0 0 0 1px rgb(21 25 48 / 0.09),-4px -4px 10px #fff,5px 8px 16px rgb(21 25 48 / 0.24);--nm-pearl-raise: inset 0 1px 0 rgb(255 255 255 / 0.25),inset 0 -3px 5px rgb(4 5 14 / 0.4),0 0 0 1px rgb(21 25 48 / 0.4),4px 8px 16px rgb(21 25 48 / 0.28);--nm-pocket: inset 3px 5px 10px rgb(21 25 48 / 0.28),inset -3px -3px 7px #fff,0 0 0 1px rgb(21 25 48 / 0.06);--nm-ink: #12152a;--nm-ink-on-pearl: #eef1fa}html .btn-ghost,html .btn.alt,html .btn-dl,html .sys-btn,html .sys-ctl,html .run,html .mx-play,html .play-btn,html .chip-action,html .view-pill,html .icon-btn,html .nd-btn,html .deck-nav-btn,html .deck-icon-btn,html .lib-hud-nav,html .lib-hud-act,html .lib-icon-pill,html .lib-view-btn,html .lib-select,html .blog-select,html .round,html .reel-btn,html button.col,html .pw,html .pn,html .cmd-tabs [role="tab"],html .tabs button,html .seg button,html .ax-key-top,html .copy{background: var(--nm-up);color: var(--nm-ink);border: 0;box-shadow: var(--nm-raise);-webkit-backdrop-filter: none;backdrop-filter: none;opacity: 1;transition: box-shadow 160ms ease,transform 160ms ease,background 160ms ease}html .btn:hover,html .btn-ghost:hover,html .btn-dl:hover,html .sys-btn:hover,html .sys-ctl:hover,html .copy:hover,html .run:hover,html .mx-play:hover,html .icon-btn:hover,html .nd-btn:hover,html .deck-nav-btn:hover,html .deck-icon-btn:hover,html .lib-hud-nav:hover,html .lib-hud-act:hover,html .round:hover,html .reel-btn:hover,html .pw:hover,html .pn:hover,html .cmd-tabs [role="tab"]:hover,html .tabs button:hover,html .seg button:hover{background: var(--nm-up);transform: translateY(-1px)}html .btn-primary,html .btn-dl.primary,html .sys-btn.primary,html .btn:not(.alt):not(.btn-ghost):not(.btn-dl):not(.btn-primary){background: var(--nm-pearl);color: var(--nm-ink-on-pearl);border: 0;box-shadow: var(--nm-pearl-raise);transition: box-shadow 160ms ease,transform 160ms ease,background 160ms ease}html .btn-primary:hover,html .btn-dl.primary:hover,html .sys-btn.primary:hover{background: var(--nm-pearl);transform: translateY(-1px)}html .cmd-tabs [role="tab"][aria-selected="true"],html .tabs button[aria-selected="true"],html .seg button[aria-selected="true"],html .seg button.on,html .pn.is-on,html button.col.sel,html .view-pill.on,html .chip-action[aria-pressed="true"],html .lib-view-btn.on,html .lib-view-btn[aria-pressed="true"]{background: var(--nm-pearl);color: var(--nm-ink-on-pearl);box-shadow: var(--nm-pearl-raise)}html .btn:active,html .btn-ghost:active,html .btn-dl:active,html .sys-btn:active,html .sys-ctl:active,html .copy:active,html .run:active,html .mx-play:active,html .icon-btn:active,html .nd-btn:active,html .deck-nav-btn:active,html .deck-icon-btn:active,html .lib-hud-nav:active,html .lib-hud-act:active,html .round:active,html .reel-btn:active,html .pw:active,html .pn:active,html .cmd-tabs [role="tab"]:active,html .tabs button:active,html .seg button:active{transform: translateY(1px);background: var(--nm-down);color: var(--nm-ink);box-shadow: var(--nm-pocket)}html .aud-code,html .ax-code pre,html .dv-cmd,html .term-panel pre,html .signup input[type="email"],html .signup input[type="text"],html html input[type="email"],html html input[type="text"],html html input[type="search"],html html textarea,html .pill,html .chip:not(.chip-action),html .post-chip,html .lib-chip,html .platform-chip,html .sys-chip,html .code-pill,html .ticker-pill{background: var(--nm-down);box-shadow: var(--nm-pocket);border: 0}html .aud-card,html .dev-card,html .bm-card,html .dl-card,html .rel-card,html .predict-card,html .sys-card{background: var(--nm-up);box-shadow: var(--nm-raise);border: 0}html .post-card,html .reel-card,html .nd-card,html .lib-card,html .ax-bento-t,html .ax-shot,html .bench{box-shadow: var(--nm-raise)}html .aud-card,html .dev-card,html .bm-card,html .dl-card,html .rel-card,html .predict-card,html .sys-card,html .post-card,html .reel-card,html .nd-card,html .lib-card,html .ax-bento-t,html .ax-shot,html .bench{border-radius: var(--ui-card-radius)}html .aud-card,html .dev-card,html .bm-card,html .dl-card,html .rel-card,html .predict-card,html .sys-card{padding: var(--ui-card-pad)}html .tabs,html .seg,html .cmd-tabs{background: none;box-shadow: none;gap: var(--ui-sp-2)}html .tab-pill{display: none}:where(.btn){display: inline-flex;align-items: center;justify-content: center;min-height: 44px;padding: 0 24px;border-radius: 999px;font-weight: 600;text-decoration: none;white-space: nowrap}html .copy{width: 36px;height: 36px;min-height: 0;padding: 0;gap: 0;justify-content: center;align-items: center;font-size: 0}html .copy>span{display: none}html .copy .ic{width: 18px;height: 18px}html .copy .ic-done,html .copy.done .ic-copy{display: none}html .copy.done .ic-done{display: block;color: var(--signal)}html .dv-cmd .copy{width: 36px;padding: 0}html .ax-key{background: none;box-shadow: none;padding-bottom: 0}html .ax-key-top{color: var(--nm-ink)}html .ax-key:hover .ax-key-top{transform: translateY(-1px)}html .ax-key:active .ax-key-top{transform: translateY(1px);background: var(--nm-down);box-shadow: var(--nm-pocket)}html .ax-key .ic{color: var(--signal)}@media (prefers-reduced-motion: reduce){html .btn,html .btn-ghost,html .icon-btn,html .ax-key-top{transition: none}}html .ax-ttl,html .ax-bento-l,html .lib-card-title,html .nd-name,html .post-card h2,html .ax-key b{font-size: var(--ui-t-media-title);font-weight: 600;line-height: 1.2}html input[type=range]{-webkit-appearance: none;appearance: none;background: transparent;height: var(--ui-ctl-h-lg);cursor: pointer}html input[type=range]::-webkit-slider-runnable-track{height: var(--ui-sl-track);border-radius: 999px;background: var(--nm-pearl) 0 0 / max(var(--ui-sl-track),var(--p,0%)) 100% no-repeat,var(--nm-down);box-shadow: var(--nm-pocket)}html input[type=range]::-moz-range-track{height: var(--ui-sl-track);border-radius: 999px;background: var(--nm-down);box-shadow: var(--nm-pocket)}html input[type=range]::-moz-range-progress{height: var(--ui-sl-track);border-radius: 999px;background: var(--nm-pearl)}html input[type=range]::-webkit-slider-thumb{-webkit-appearance: none;width: var(--ui-sl-thumb);height: var(--ui-sl-thumb);margin-top: calc((var(--ui-sl-track) - var(--ui-sl-thumb)) / 2);border: 0;border-radius: 50%;background: var(--nm-up);box-shadow: var(--nm-raise);transition: transform 160ms ease}html input[type=range]::-moz-range-thumb{width: var(--ui-sl-thumb);height: var(--ui-sl-thumb);border: 0;border-radius: 50%;background: var(--nm-up);box-shadow: var(--nm-raise)}html input[type=range]:hover::-webkit-slider-thumb{transform: scale(1.06)}html input[type=range]:active::-webkit-slider-thumb{transform: scale(0.94);background: var(--nm-down);box-shadow: var(--nm-pocket)}html input[type=range]:focus-visible{outline: 2px solid var(--signal);outline-offset: 2px;border-radius: 999px}