@property --h4-grid{syntax: "<color>"; inherits: true; initial-value: #0e0f14;}@property --h4-watermark{syntax: "<color>"; inherits: true; initial-value: rgba(255,255,255,.04);}@property --h4-stripe{syntax: "<color>"; inherits: true; initial-value: rgba(255,255,255,.04);}@property --h4-placeholder-stripe{syntax: "<color>"; inherits: true; initial-value: rgba(255,255,255,.04);}:root{color-scheme:dark;--h4-accent: #7c5cf6;--h4-accent-text-bg: #7b5bf5;--h4-ink: #101014;--h4-paper: #f5f5f2;--h4-white: #ffffff;--h4-carbon: #0c0d10;--h4-background: #0c0d10;--h4-surface: #15161b;--h4-surface-elevated: #1c1d24;--h4-chip: #1c1d24;--h4-grid: #0e0f14;--h4-watermark: rgba(255, 255, 255, .04);--h4-stripe: rgba(255, 255, 255, .04);--h4-text-primary: #f5f5f2;--h4-text-secondary: #a7a8af;--h4-text-muted: #84858a;--h4-border: #262830;--h4-border-strong: #3a3d47;--h4-accent-hover: #937af8;--h4-focus: #7c5cf6;--h4-accent-text: #8b6bff;--h4-success: #4ea47a;--h4-warning: #c79a4a;--h4-error: #d66565;--h4-info: #5e97cf;--h4-btn-primary-bg: #7b5bf5;--h4-btn-primary-bg-hover: #937af8;--h4-btn-primary-fg: #ffffff;--h4-btn-secondary-border: #3a3d47;--h4-btn-secondary-border-hover: #f5f5f2;--h4-btn-secondary-fg: #f5f5f2;--h4-btn-ghost-bg: #15161b;--h4-btn-ghost-bg-hover: #1c1d24;--h4-btn-ghost-fg: #a7a8af;--h4-btn-ghost-fg-hover: #f5f5f2;--h4-btn-link-fg: #8b6bff;--h4-btn-link-fg-hover: #937af8;--h4-btn-disabled-bg: #15161b;--h4-btn-disabled-fg: #4a4c55;--h4-field-bg: #15161b;--h4-field-border: #262830;--h4-field-fg: #f5f5f2;--h4-field-placeholder: #6a6b70;--h4-shadow-sm: none;--h4-shadow-md: none;--h4-code-bg: #0c0d10;--h4-code-fg: #a7a8af;--h4-code-fg-strong: #f5f5f2;--h4-code-comment: #7e7f84;--h4-code-keyword: #8b6bff;--h4-code-gutter: #4a4c55;--h4-terminal-bg: #0c0d10;--h4-terminal-fg: #a7a8af;--h4-terminal-prompt: #4ea47a;--h4-diagram-bg: #ffffff;--h4-diagram-ink: #101014;--h4-diagram-line: #c9c9c4;--h4-placeholder-stripe: rgba(255, 255, 255, .04);--h4-placeholder-bg: #1c1d24;--h4-font-display: "Space Grotesk", sans-serif;--h4-font-body: "IBM Plex Sans", sans-serif;--h4-font-mono: "IBM Plex Mono", monospace;--h4-fs-h1: clamp(34px, 6vw, 64px);--h4-fs-h2: clamp(28px, 4.5vw, 44px);--h4-fs-h3: clamp(22px, 3vw, 30px);--h4-fs-h4: clamp(18px, 1.4vw, 20px);--h4-fs-body-lg: clamp(17px, 1.2vw, 18px);--h4-fs-body: clamp(15px, 1vw, 16px);--h4-fs-body-sm: clamp(13px, .9vw, 14px);--h4-fs-mono: clamp(10px, .8vw, 12px);--h4-fs-eyebrow: 11px;--h4-fs-code: clamp(13px, .9vw, 13.5px);--h4-fs-ui: 14px;--h4-fs-ui-lg: 15px;--h4-lh-h1: 1.05;--h4-lh-h2: 1.1;--h4-lh-h3: 1.2;--h4-lh-h4: 1.3;--h4-lh-body: 1.6;--h4-lh-body-sm: 1.55;--h4-lh-code: 1.7;--h4-lh-terminal: 1.8;--h4-track-eyebrow: .18em;--h4-track-mono: .1em;--h4-track-mono-tight: .08em;--h4-track-mono-wide: .12em;--h4-track-ui: .02em;--h4-track-wordmark: .26em;--h4-space-1: 4px;--h4-space-2: 8px;--h4-space-3: 12px;--h4-space-4: 16px;--h4-space-6: 24px;--h4-space-8: 32px;--h4-space-12: 48px;--h4-space-16: 64px;--h4-space-24: 96px;--h4-content-max: 1200px;--h4-prose-max: 720px;--h4-pad-x: 20px;--h4-gutter: 16px;--h4-section-y: 64px;--h4-section-y-lg: 96px;--h4-radius-none: 0;--h4-radius-sm: 2px;--h4-radius-md: 4px;--h4-radius-pill: 999px;--h4-border-width: 1px;--h4-focus-width: 2px;--h4-focus-offset: 2px;--h4-control-h: 44px;--h4-field-h: 48px;--h4-nav-h: 60px;--h4-scroll-offset: 76px;--h4-keystone-rise: 14px;--h4-keystone-run: 8.6px;--h4-keystone-rise-btn: 10px;--h4-keystone-run-btn: 6px;--h4-keystone-rise-sm: 9px;--h4-keystone-run-sm: 5.5px;--h4-ease: cubic-bezier(.2, 0, 0, 1);--h4-dur-micro: .15s;--h4-dur-standard: .3s;--h4-dur-entrance: .6s;--h4-z-sticky: 30;--h4-z-nav: 40;--h4-z-drawer: 60;--h4-z-modal: 70;--h4-z-toast: 80}:root[data-theme=light]{color-scheme:light;--h4-background: #f5f5f2;--h4-surface: #ffffff;--h4-surface-elevated: #ffffff;--h4-chip: #ededea;--h4-grid: #f2f2ef;--h4-watermark: rgba(16, 16, 20, .05);--h4-stripe: rgba(16, 16, 20, .045);--h4-text-primary: #101014;--h4-text-secondary: #55565e;--h4-text-muted: #6a6b73;--h4-border: #e2e2dd;--h4-border-strong: #c9c9c4;--h4-accent-hover: #5a3fd4;--h4-accent-text: #6f4fe9;--h4-focus: #5a3fd4;--h4-success: #2e7d5b;--h4-warning: #91691b;--h4-error: #b84545;--h4-info: #3d6fa8;--h4-btn-primary-bg: #101014;--h4-btn-primary-bg-hover: #2a2b33;--h4-btn-primary-fg: #ffffff;--h4-btn-secondary-border: #c9c9c4;--h4-btn-secondary-border-hover: #101014;--h4-btn-secondary-fg: #101014;--h4-btn-ghost-bg: #ffffff;--h4-btn-ghost-bg-hover: #ffffff;--h4-btn-ghost-fg: #55565e;--h4-btn-ghost-fg-hover: #101014;--h4-btn-link-fg: #5a3fd4;--h4-btn-link-fg-hover: #7c5cf6;--h4-btn-disabled-bg: #ededea;--h4-btn-disabled-fg: #a9a9a4;--h4-field-bg: #ffffff;--h4-field-border: #c9c9c4;--h4-field-fg: #101014;--h4-field-placeholder: #8a8b93;--h4-shadow-sm: 0 1px 2px rgba(16, 16, 20, .06);--h4-shadow-md: 0 4px 16px rgba(16, 16, 20, .08);--h4-placeholder-stripe: rgba(16, 16, 20, .05);--h4-placeholder-bg: #ededea}@media(min-width:640px){:root{--h4-pad-x: 32px;--h4-gutter: 24px;--h4-section-y: 80px;--h4-section-y-lg: 120px;--h4-grid: #121318}:root[data-theme=light]{--h4-grid: #EDEDE9}}@media(min-width:1024px){:root{--h4-pad-x: 48px;--h4-section-y: 96px;--h4-section-y-lg: 160px;--h4-nav-h: 64px;--h4-grid: #16171d}:root[data-theme=light]{--h4-grid: #e9e9e4}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100dvh;background:var(--h4-background);color:var(--h4-text-primary);font-family:var(--h4-font-body);font-size:16px;line-height:normal;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--h4-font-display);font-weight:700}img,picture,video,canvas{max-width:100%}img,video{display:block;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;padding:0;cursor:pointer}a{color:var(--h4-accent-text);text-decoration:none;transition:color var(--h4-dur-micro) var(--h4-ease)}a:hover{color:var(--h4-accent-hover)}ul,ol{padding:0;list-style:none}table{border-collapse:collapse}hr{border:none;border-top:var(--h4-border-width) solid var(--h4-border)}:focus-visible{outline:var(--h4-focus-width) solid var(--h4-focus);outline-offset:var(--h4-focus-offset)}:focus:not(:focus-visible){outline:none}::selection{background:var(--h4-accent-text-bg);color:var(--h4-white)}html[data-theme-transition]{transition:--h4-grid var(--h4-dur-standard) var(--h4-ease),--h4-watermark var(--h4-dur-standard) var(--h4-ease),--h4-stripe var(--h4-dur-standard) var(--h4-ease),--h4-placeholder-stripe var(--h4-dur-standard) var(--h4-ease),background-color var(--h4-dur-standard) var(--h4-ease),color var(--h4-dur-standard) var(--h4-ease),border-color var(--h4-dur-standard) var(--h4-ease)!important}html[data-theme-transition] *,html[data-theme-transition] *:before,html[data-theme-transition] *:after{transition:background-color var(--h4-dur-standard) var(--h4-ease),color var(--h4-dur-standard) var(--h4-ease),border-color var(--h4-dur-standard) var(--h4-ease)!important}@keyframes h4spin{to{transform:rotate(360deg)}}@keyframes h4wipe{0%{transform:translate(-105%)}40%{transform:translate(0)}70%{transform:translate(0)}to{transform:translate(105%)}}@keyframes h4draw{0%{width:0}60%{width:100%}to{width:100%}}@keyframes h4rise{0%{opacity:0;transform:translate(-11px,18px)}to{opacity:1;transform:translate(0)}}@keyframes h4fade{0%{opacity:0}to{opacity:1}}@keyframes h4drawX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes h4slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.h4-eyebrow{font-family:var(--h4-font-mono);font-size:var(--h4-fs-eyebrow);font-weight:400;line-height:normal;letter-spacing:var(--h4-track-eyebrow);text-transform:uppercase;color:var(--h4-text-secondary);display:inline-block}.h4-h1{font-family:var(--h4-font-display);font-size:var(--h4-fs-h1);font-weight:700;line-height:var(--h4-lh-h1);color:var(--h4-text-primary)}.h4-h2{font-family:var(--h4-font-display);font-size:var(--h4-fs-h2);font-weight:700;line-height:var(--h4-lh-h2);color:var(--h4-text-primary)}.h4-h3{font-family:var(--h4-font-display);font-size:var(--h4-fs-h3);font-weight:700;line-height:var(--h4-lh-h3);color:var(--h4-text-primary)}.h4-h4{font-family:var(--h4-font-display);font-size:var(--h4-fs-h4);font-weight:500;line-height:var(--h4-lh-h4);color:var(--h4-text-primary)}.h4-body-lg{font-family:var(--h4-font-body);font-size:var(--h4-fs-body-lg);line-height:var(--h4-lh-body);color:var(--h4-text-secondary)}.h4-body{font-family:var(--h4-font-body);font-size:var(--h4-fs-body);line-height:var(--h4-lh-body)}.h4-body-sm{font-family:var(--h4-font-body);font-size:var(--h4-fs-body-sm);line-height:var(--h4-lh-body-sm);color:var(--h4-text-secondary)}.h4-mono{font-family:var(--h4-font-mono);font-size:var(--h4-fs-mono);letter-spacing:var(--h4-track-mono);color:var(--h4-text-muted)}.h4-mono-caps{font-family:var(--h4-font-mono);font-size:var(--h4-fs-mono);letter-spacing:var(--h4-track-mono);text-transform:uppercase;color:var(--h4-text-muted)}.h4-code{font-family:var(--h4-font-mono);font-size:var(--h4-fs-code);line-height:var(--h4-lh-code)}.h4-ui{font-family:var(--h4-font-display);font-size:var(--h4-fs-ui);font-weight:500;letter-spacing:var(--h4-track-ui)}.h4-container{box-sizing:content-box;max-width:var(--h4-content-max);margin-inline:auto;padding-inline:var(--h4-pad-x)}.h4-prose{box-sizing:content-box;max-width:var(--h4-prose-max);margin-inline:auto;padding-inline:var(--h4-pad-x)}.h4-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.h4-skip-link{position:absolute;top:var(--h4-space-2);left:var(--h4-space-2);z-index:var(--h4-z-toast);padding:var(--h4-space-3) var(--h4-space-4);background:var(--h4-surface-elevated);color:var(--h4-text-primary);border:var(--h4-border-width) solid var(--h4-border-strong);border-radius:var(--h4-radius-sm);font-family:var(--h4-font-display);font-size:var(--h4-fs-ui);font-weight:500;transform:translateY(calc(-100% - var(--h4-space-4)));transition:transform var(--h4-dur-micro) var(--h4-ease)}.h4-skip-link:focus-visible{transform:translateY(0)}.h4-keystone{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--h4-keystone-rise)),calc(100% - var(--h4-keystone-run)) 100%,0 100%)}.h4-scroll-x{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.h4-btn{box-sizing:content-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--h4-space-2);height:var(--h4-control-h);padding-inline:var(--h4-space-6);border:none;border-radius:var(--h4-radius-sm);font-family:var(--h4-font-display);font-size:var(--h4-fs-ui);font-weight:500;letter-spacing:var(--h4-track-ui);line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background-color var(--h4-dur-micro) var(--h4-ease),border-color var(--h4-dur-micro) var(--h4-ease),color var(--h4-dur-micro) var(--h4-ease),transform var(--h4-dur-micro) var(--h4-ease)}.h4-btn:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px)}.h4-btn:disabled,.h4-btn[aria-disabled=true]{background:var(--h4-btn-disabled-bg);color:var(--h4-btn-disabled-fg);border-color:transparent;cursor:not-allowed;pointer-events:none}.h4-btn--primary{background:var(--h4-btn-primary-bg);color:var(--h4-btn-primary-fg);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--h4-keystone-rise-btn)),calc(100% - var(--h4-keystone-run-btn)) 100%,0 100%)}@media(hover:hover){.h4-btn--primary:hover:not(:disabled){background:var(--h4-btn-primary-bg-hover)}}.h4-btn--secondary{background:transparent;color:var(--h4-btn-secondary-fg);border:var(--h4-border-width) solid var(--h4-btn-secondary-border)}@media(hover:hover){.h4-btn--secondary:hover:not(:disabled){border-color:var(--h4-btn-secondary-border-hover)}}.h4-btn--ghost{background:var(--h4-btn-ghost-bg);color:var(--h4-btn-ghost-fg);box-shadow:var(--h4-shadow-sm)}@media(hover:hover){.h4-btn--ghost:hover:not(:disabled){background:var(--h4-btn-ghost-bg-hover);color:var(--h4-btn-ghost-fg-hover)}}.h4-btn--link{background:none;color:var(--h4-btn-link-fg);padding-inline:var(--h4-space-1);gap:7px}@media(hover:hover){.h4-btn--link:hover:not(:disabled){color:var(--h4-btn-link-fg-hover)}}.h4-btn--link:disabled,.h4-btn--link[aria-disabled=true]{background:none}.h4-btn--icon{width:var(--h4-control-h);height:var(--h4-control-h);padding:0;background:transparent;color:var(--h4-text-primary);border:var(--h4-border-width) solid var(--h4-btn-secondary-border)}@media(hover:hover){.h4-btn--icon:hover:not(:disabled){border-color:var(--h4-btn-secondary-border-hover)}}.h4-btn--lg{height:var(--h4-field-h);padding-inline:28px;font-size:var(--h4-fs-ui-lg)}.h4-btn--block{box-sizing:border-box;width:100%}@media(max-width:430px){.h4-btn--block-compact{box-sizing:border-box;width:100%}}.h4-card{display:flex;flex-direction:column;background:var(--h4-surface);border:var(--h4-border-width) solid var(--h4-border);border-radius:var(--h4-radius-md);overflow:hidden}.h4-card--flat{background:transparent}.h4-card--interactive{cursor:pointer;transition:transform var(--h4-dur-micro) var(--h4-ease),border-color var(--h4-dur-micro) var(--h4-ease)}@media(hover:hover){.h4-card--interactive:hover{transform:translateY(-2px);border-color:var(--h4-border-strong)}}.h4-card--interactive:focus-within{outline:var(--h4-focus-width) solid var(--h4-focus);outline-offset:var(--h4-focus-offset)}.h4-card__body{display:flex;flex-direction:column;gap:var(--h4-space-3);padding:20px}.h4-accent-rule{height:2px;width:56px;background:var(--h4-accent);flex-shrink:0}.h4-accent-rule--wide{width:64px}.h4-pill{display:inline-flex;align-items:center;gap:var(--h4-space-2);padding:4px 11px;border:var(--h4-border-width) solid var(--h4-border);border-radius:var(--h4-radius-pill);font-family:var(--h4-font-mono);font-size:10px;line-height:normal;letter-spacing:var(--h4-track-mono-tight);text-transform:uppercase;color:var(--h4-text-secondary);white-space:nowrap}.h4-pill--sm{padding:3px 9px;font-size:9.5px}.h4-pill--compact{padding:3px 10px}.h4-pill--strong{color:var(--h4-text-primary);border-color:var(--h4-border-strong)}.h4-pill--muted{color:var(--h4-text-muted)}.h4-pill--accent{color:var(--h4-accent-text);border-color:var(--h4-accent)}.h4-pill--dashed{border-style:dashed;border-color:var(--h4-border-strong);color:var(--h4-text-muted)}.h4-pill--success{color:var(--h4-success);border-color:currentColor}.h4-pill--warning{color:var(--h4-warning);border-color:currentColor}.h4-badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:var(--h4-radius-none);background:var(--h4-accent-text-bg);color:var(--h4-white);font-family:var(--h4-font-mono);font-size:10px;letter-spacing:var(--h4-track-mono-tight);text-transform:uppercase;white-space:nowrap}.h4-badge--sm{font-size:9.5px}.h4-dashed-slot{display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--h4-space-6);border:var(--h4-border-width) dashed var(--h4-border-strong);border-radius:var(--h4-radius-md);font-family:var(--h4-font-mono);font-size:10px;letter-spacing:var(--h4-track-mono);text-transform:uppercase;color:var(--h4-text-muted)}.h4-dashed-slot--pill{border-radius:var(--h4-radius-pill);padding:3px 10px}.h4-dashed-slot--tile{min-height:220px}.h4-media{position:relative;display:block;overflow:hidden;border:var(--h4-border-width) solid var(--h4-border);border-radius:var(--h4-radius-none);background:var(--h4-placeholder-bg)}.h4-media>img,.h4-media>video{width:100%;height:100%;object-fit:cover}.h4-media--16x9{aspect-ratio:16/9}.h4-media--16x10{aspect-ratio:16/10}.h4-media--4x3{aspect-ratio:4/3}.h4-media--1x1{aspect-ratio:1/1}.h4-media--3x4{aspect-ratio:3/4}.h4-media--2x3{aspect-ratio:2/3}.h4-media--9x16{aspect-ratio:9/16}.h4-placeholder{background:repeating-linear-gradient(122deg,transparent 0 10px,var(--h4-placeholder-stripe) 10px 11px),var(--h4-placeholder-bg);display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--h4-font-mono);font-size:10px;letter-spacing:var(--h4-track-mono);text-transform:uppercase;color:var(--h4-text-muted)}.h4-placeholder--6{background:repeating-linear-gradient(122deg,transparent 0 6px,var(--h4-placeholder-stripe) 6px 7px),var(--h4-placeholder-bg)}.h4-placeholder--8{background:repeating-linear-gradient(122deg,transparent 0 8px,var(--h4-placeholder-stripe) 8px 9px),var(--h4-placeholder-bg)}.h4-placeholder--12{background:repeating-linear-gradient(122deg,transparent 0 12px,var(--h4-placeholder-stripe) 12px 13px),var(--h4-placeholder-bg)}.h4-avatar{border-radius:50%;overflow:hidden;flex-shrink:0;border:var(--h4-border-width) solid var(--h4-border);background:var(--h4-placeholder-bg);display:inline-flex;align-items:center;justify-content:center}.h4-avatar>img{width:100%;height:100%;object-fit:cover}.h4-avatar--initial{background:var(--h4-chip);color:var(--h4-accent-text);font-family:var(--h4-font-mono)}.h4-grid-bg{background-color:var(--h4-background);background-image:linear-gradient(var(--h4-grid) 1px,transparent 1px),linear-gradient(90deg,var(--h4-grid) 1px,transparent 1px);background-size:96px 96px}.h4-grid-bg--72{background-size:72px 72px}.h4-field{display:flex;flex-direction:column;gap:var(--h4-space-2)}.h4-field__label{font-family:var(--h4-font-mono);font-size:10px;letter-spacing:var(--h4-track-mono);text-transform:uppercase;color:var(--h4-text-muted);letter-spacing:var(--h4-track-mono-wide);color:var(--h4-text-secondary)}.h4-field__control{height:var(--h4-field-h);width:100%;padding-inline:14px;background:var(--h4-field-bg);color:var(--h4-field-fg);border:var(--h4-border-width) solid var(--h4-field-border);border-radius:var(--h4-radius-sm);font-family:var(--h4-font-body);font-size:16px;transition:border-color var(--h4-dur-micro) var(--h4-ease),background-color var(--h4-dur-micro) var(--h4-ease)}.h4-field__control::placeholder{color:var(--h4-field-placeholder)}.h4-field__control:disabled{color:var(--h4-text-muted);cursor:not-allowed}textarea.h4-field__control{height:auto;min-height:88px;padding-block:12px;line-height:var(--h4-lh-body);resize:vertical}select.h4-field__control{appearance:none;cursor:pointer;padding-inline-end:40px}.h4-field__wrap{position:relative;display:flex;align-items:center}.h4-field__affix{position:absolute;right:14px;display:inline-flex;pointer-events:none;color:var(--h4-text-secondary)}.h4-field__hint{font-family:var(--h4-font-body);font-size:12px;line-height:var(--h4-lh-body-sm);color:var(--h4-text-muted)}.h4-field--error .h4-field__label{color:var(--h4-error)}.h4-field--error .h4-field__control{border-color:var(--h4-error)}.h4-field__error{font-family:var(--h4-font-body);font-size:12px;line-height:var(--h4-lh-body-sm);color:var(--h4-error)}.h4-field--success .h4-field__label{color:var(--h4-success)}.h4-field--success .h4-field__control{border-color:var(--h4-success)}.h4-field--success .h4-field__affix{color:var(--h4-success)}.h4-checkbox{display:inline-flex;align-items:center;gap:var(--h4-space-3);cursor:pointer;font-size:var(--h4-fs-body-sm);color:var(--h4-text-primary);min-height:44px}.h4-checkbox__box{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--h4-checkbox-size, 20px);height:var(--h4-checkbox-size, 20px);flex-shrink:0;border:var(--h4-border-width) solid var(--h4-field-border);border-radius:var(--h4-radius-sm);background:var(--h4-field-bg);transition:background-color var(--h4-dur-micro) var(--h4-ease),border-color var(--h4-dur-micro) var(--h4-ease)}.h4-checkbox__box:after{content:"";width:var(--h4-checkbox-mark, 9px);height:var(--h4-checkbox-mark, 9px);transform:rotate(45deg) scale(0);background:var(--h4-white);transition:transform var(--h4-dur-micro) var(--h4-ease)}.h4-checkbox__box--sm{--h4-checkbox-size: 18px;--h4-checkbox-mark: 10px}.h4-checkbox__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.h4-checkbox__input:checked+.h4-checkbox__box{background:var(--h4-accent);border-color:var(--h4-accent)}.h4-checkbox__input:checked+.h4-checkbox__box:after{transform:rotate(45deg) scale(1)}.h4-checkbox__input:focus-visible+.h4-checkbox__box{outline:var(--h4-focus-width) solid var(--h4-focus);outline-offset:var(--h4-focus-offset)}.h4-radio__box{border-radius:50%}.h4-code-block{display:flex;flex-direction:column;max-width:100%}.h4-code-block__header{display:flex;align-items:center;gap:10px;padding:9px 14px;background:var(--h4-chip);border:var(--h4-border-width) solid var(--h4-border);border-bottom:none;border-radius:var(--h4-radius-md) var(--h4-radius-md) 0 0}.h4-code-block__dot{width:8px;height:8px;background:var(--h4-accent);transform:rotate(45deg);flex-shrink:0}.h4-code-block__name{font-family:var(--h4-font-mono);font-size:10.5px;color:var(--h4-text-secondary)}.h4-code-block__lang{font-family:var(--h4-font-mono);font-size:9px;letter-spacing:var(--h4-track-mono);color:var(--h4-text-muted)}.h4-code-block__copy{margin-left:auto;padding:4px;font-family:var(--h4-font-mono);font-size:9.5px;letter-spacing:var(--h4-track-mono);color:var(--h4-text-muted);background:none;border:none;cursor:pointer;transition:color var(--h4-dur-micro) var(--h4-ease)}@media(hover:hover){.h4-code-block__copy:hover{color:var(--h4-accent-text)}}.h4-code-block__body{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:16px 0;background:var(--h4-code-bg);border:var(--h4-border-width) solid var(--h4-border);border-radius:0 0 var(--h4-radius-md) var(--h4-radius-md)}.h4-code-block__body:first-child{border-radius:var(--h4-radius-md)}.h4-code-block__code{display:flex;font-family:var(--h4-font-mono);font-size:13px;line-height:1.75}.h4-code-block__gutter{padding:0 14px;color:var(--h4-code-gutter);text-align:right;-webkit-user-select:none;user-select:none}.h4-code-block__source{padding-right:16px;color:var(--h4-code-fg);white-space:pre}.h4-tok-keyword{color:var(--h4-code-keyword)}.h4-tok-plain,.h4-tok-type{color:var(--h4-code-fg-strong)}.h4-tok-comment{color:var(--h4-code-comment)}.h4-tok-value{color:var(--h4-success)}.h4-terminal{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:14px 16px;background:var(--h4-terminal-bg);border:var(--h4-border-width) solid var(--h4-border);border-radius:var(--h4-radius-md);font-family:var(--h4-font-mono);font-size:12.5px;line-height:var(--h4-lh-terminal);color:var(--h4-terminal-fg)}.h4-terminal__prompt{color:var(--h4-terminal-prompt)}.h4-terminal__command{color:var(--h4-code-fg-strong)}.h4-terminal__comment{color:var(--h4-code-comment)}.h4-diagram{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:22px;background:var(--h4-diagram-bg);border:var(--h4-border-width) solid var(--h4-diagram-line);border-radius:var(--h4-radius-md);color:var(--h4-diagram-ink)}.h4-diagram svg{display:block;min-width:min-content}.h4-diagram text{font-family:var(--h4-font-mono);font-size:10px;letter-spacing:var(--h4-track-mono);fill:var(--h4-diagram-ink)}.h4-diagram line,.h4-diagram path,.h4-diagram rect,.h4-diagram polygon,.h4-diagram circle{stroke-width:1.5}.h4-progress{height:12px;width:100%;background:var(--h4-surface);overflow:hidden}.h4-progress__fill{height:100%;background:var(--h4-accent);clip-path:polygon(0 0,100% 0,calc(100% - 7.4px) 100%,0 100%)}.h4-segments{display:flex;gap:5px}.h4-segments__item{height:10px;flex:1;background:var(--h4-border);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.h4-segments__item:first-child{clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%)}.h4-segments__item:last-child{clip-path:polygon(6px 0,100% 0,100% 100%,0 100%)}.h4-segments__item--filled{background:var(--h4-text-primary)}.h4-benchmark__row{display:flex;align-items:center;gap:10px}.h4-benchmark__label{font-family:var(--h4-font-mono);font-size:11px;color:var(--h4-text-primary);min-width:64px}.h4-benchmark__bar{height:10px;background:var(--h4-border-strong)}.h4-benchmark__bar--after{background:var(--h4-success);clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%)}.h4-timeline__row{display:flex;gap:var(--h4-space-4)}.h4-timeline__rail{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.h4-timeline__node{width:10px;height:10px;background:var(--h4-text-primary);transform:rotate(45deg);margin-top:4px}.h4-timeline__node--current{background:var(--h4-accent)}.h4-timeline__line{width:1px;flex:1;background:var(--h4-border-strong)}.h4-timeline__content{display:flex;flex-direction:column;gap:2px;padding-bottom:22px}.h4-aperture{animation:h4spin 1.1s linear infinite}