@layer base,components;@layer components.hraness-ui.legacy.base,components.hraness-ui.legacy,components.hraness-design-kit.legacy;@layer base,components;@layer components.hraness-ui.legacy.base,components.hraness-ui.legacy,components.hraness-design-kit.legacy;@layer base,components;@layer components.hraness-ui.legacy;@layer base,components;:root{color-scheme:light;--ui-background: oklch(.985 .004 220);--ui-foreground: oklch(.205 .018 230);--ui-card: oklch(.998 .002 220);--ui-card-foreground: var(--ui-foreground);--ui-popover: oklch(.998 .002 220);--ui-popover-foreground: var(--ui-foreground);--ui-primary: oklch(.405 .09 215);--ui-primary-foreground: oklch(.985 .004 220);--ui-secondary: oklch(.935 .018 215);--ui-secondary-foreground: oklch(.285 .04 222);--ui-muted: oklch(.952 .01 220);--ui-muted-foreground: oklch(.48 .028 225);--ui-accent: oklch(.915 .03 205);--ui-accent-foreground: oklch(.255 .045 220);--ui-destructive: oklch(.57 .205 27);--ui-destructive-foreground: oklch(.985 .004 220);--ui-border: oklch(.855 .02 220);--ui-input: oklch(.64 .025 220);--ui-ring: oklch(.545 .115 215);--ui-success: oklch(.49 .125 155);--ui-success-foreground: oklch(.985 .004 220);--ui-success-soft: oklch(.93 .035 155);--ui-warning: oklch(.525 .125 78);--ui-warning-foreground: oklch(.19 .025 78);--ui-warning-soft: oklch(.94 .045 88);--ui-info: oklch(.49 .12 240);--ui-info-foreground: oklch(.985 .004 220);--ui-info-soft: oklch(.93 .035 240);--ui-chart-1: oklch(.57 .15 35);--ui-chart-2: oklch(.53 .105 170);--ui-chart-3: oklch(.49 .1 235);--ui-chart-4: oklch(.65 .13 90);--ui-chart-5: oklch(.58 .14 315);--ui-font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ui-font-heading: var(--ui-font-mono);--ui-font-mono: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--ui-radius: .75rem;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--layout-edge-inset: 1.5rem;--layout-chrome-inset: .5rem;--interactive-target-compact: 2.5rem;--interactive-target-min: 3rem;--control-height: 3.25rem;--control-height-primary: 3.5rem;--control-height-transport: 4rem;--text-caption: .75rem;--text-label: .875rem;--text-body: 1rem;--text-control: 1rem;--text-control-glyph: 1.25rem;--text-heading: 1.5rem;--text-title: 2rem;--text-display: 3.5rem;--font-weight-regular: 450;--font-weight-medium: 550;--font-weight-bold: 700;--radius-sharp: 0;--radius-sm: max(0rem, calc(var(--ui-radius) - .5rem));--radius-md: max(0rem, calc(var(--ui-radius) - .25rem));--radius-lg: var(--ui-radius);--radius-round: 999px;--control-radius: 1rem;--motion-duration-instant: 0ms;--motion-duration-fast: .12s;--motion-duration-standard: .18s;--motion-duration-slow: .28s;--motion-distance-rail-enter: 14px;--motion-distance-rail-exit: 10px;--motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--motion-easing-emphasized: cubic-bezier(.16, 1, .3, 1);--elevation-none: none;--elevation-low: 0 1px 2px oklch(0 0 0 / .08);--elevation-raised: 0 8px 24px -12px oklch(0 0 0 / .22);--elevation-overlay: 0 18px 48px -18px oklch(0 0 0 / .32);--z-chrome: 50;--z-modal: 2000;--z-tooltip: 3000;--z-skip-link: 4000;--breakpoint-compact: 30rem;--breakpoint-medium: 48rem;--breakpoint-wide: 75rem;--breakpoint-canvas: 90rem}:root[data-theme=dark],[data-theme=dark],.dark{color-scheme:dark;--ui-background: oklch(.15 .014 230);--ui-foreground: oklch(.955 .008 220);--ui-card: oklch(.19 .016 230);--ui-card-foreground: var(--ui-foreground);--ui-popover: oklch(.205 .018 230);--ui-popover-foreground: var(--ui-foreground);--ui-primary: oklch(.755 .105 210);--ui-primary-foreground: oklch(.175 .02 230);--ui-secondary: oklch(.255 .022 225);--ui-secondary-foreground: oklch(.94 .01 220);--ui-muted: oklch(.235 .018 225);--ui-muted-foreground: oklch(.715 .025 220);--ui-accent: oklch(.275 .035 210);--ui-accent-foreground: oklch(.95 .008 220);--ui-destructive: oklch(.68 .19 25);--ui-destructive-foreground: oklch(.16 .025 25);--ui-border: oklch(.32 .025 225);--ui-input: oklch(.48 .03 225);--ui-ring: oklch(.72 .105 210);--ui-success: oklch(.7 .12 155);--ui-success-foreground: oklch(.16 .025 155);--ui-success-soft: oklch(.25 .045 155);--ui-warning: oklch(.78 .12 82);--ui-warning-foreground: oklch(.19 .025 78);--ui-warning-soft: oklch(.27 .045 82);--ui-info: oklch(.72 .11 240);--ui-info-foreground: oklch(.16 .025 240);--ui-info-soft: oklch(.25 .04 240);--ui-chart-1: oklch(.72 .14 35);--ui-chart-2: oklch(.7 .11 170);--ui-chart-3: oklch(.7 .11 235);--ui-chart-4: oklch(.77 .12 90);--ui-chart-5: oklch(.72 .13 315)}:root[data-theme=light],[data-theme=light]{color-scheme:light;--ui-background: oklch(.985 .004 220);--ui-foreground: oklch(.205 .018 230);--ui-card: oklch(.998 .002 220);--ui-card-foreground: var(--ui-foreground);--ui-popover: oklch(.998 .002 220);--ui-popover-foreground: var(--ui-foreground);--ui-primary: oklch(.405 .09 215);--ui-primary-foreground: oklch(.985 .004 220);--ui-secondary: oklch(.935 .018 215);--ui-secondary-foreground: oklch(.285 .04 222);--ui-muted: oklch(.952 .01 220);--ui-muted-foreground: oklch(.48 .028 225);--ui-accent: oklch(.915 .03 205);--ui-accent-foreground: oklch(.255 .045 220);--ui-destructive: oklch(.57 .205 27);--ui-destructive-foreground: oklch(.985 .004 220);--ui-border: oklch(.855 .02 220);--ui-input: oklch(.64 .025 220);--ui-ring: oklch(.545 .115 215);--ui-success: oklch(.49 .125 155);--ui-success-foreground: oklch(.985 .004 220);--ui-success-soft: oklch(.93 .035 155);--ui-warning: oklch(.525 .125 78);--ui-warning-foreground: oklch(.19 .025 78);--ui-warning-soft: oklch(.94 .045 88);--ui-info: oklch(.49 .12 240);--ui-info-foreground: oklch(.985 .004 220);--ui-info-soft: oklch(.93 .035 240);--ui-chart-1: oklch(.57 .15 35);--ui-chart-2: oklch(.53 .105 170);--ui-chart-3: oklch(.49 .1 235);--ui-chart-4: oklch(.65 .13 90);--ui-chart-5: oklch(.58 .14 315)}@media(pointer:coarse){:root{--interactive-target-compact: max(2.75rem, var(--interactive-target-min))}}:root[data-verification-pointer=coarse]{--interactive-target-compact: max(2.75rem, var(--interactive-target-min))}@layer base{*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{min-width:0;min-height:100%;overflow-x:clip}html{background:var(--ui-background);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--ui-background);color:var(--ui-foreground);font-family:var(--ui-font-sans);font-size:16px;font-synthesis:none;font-variant-ligatures:common-ligatures contextual;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code,kbd,pre,samp{font-family:var(--ui-font-mono)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--ui-font-heading)}button,input,select,textarea{font:inherit}:where(button,select,input[type=button],input[type=submit],input[type=reset]){touch-action:manipulation}button:not(:disabled){cursor:pointer}a{color:inherit;text-underline-offset:.2em}:where(blockquote,dd,dt,figcaption,h1,h2,h3,h4,h5,h6,li,p){overflow-wrap:anywhere}:where(canvas,img,picture,svg,video){max-inline-size:100%}:focus-visible{outline:2px solid var(--ui-ring);outline-offset:3px}::selection{background:color-mix(in oklch,var(--ui-primary) 28%,transparent);color:var(--ui-foreground)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:.01ms!important}}@media(forced-colors:active){:focus-visible{outline-color:Highlight}::selection{background:Highlight;color:HighlightText}}}@layer components.hraness-ui.legacy.base{.hraness-field__input::placeholder{color:var(--ui-muted-foreground);opacity:1}.hraness-field__file::file-selector-button{min-height:calc(max(var(--hraness-field-height, var(--interactive-target-compact)),var(--hraness-field-coarse-min, 0px)) - 2px);margin-inline-end:var(--space-3);padding-inline:var(--space-3);border:0;border-inline-end:1px solid var(--ui-border);background:var(--ui-secondary);color:var(--ui-secondary-foreground);font:inherit}:where(.hraness-file-field[data-size=compact]) .hraness-field__file::file-selector-button{min-height:calc(max(var(--hraness-field-height, 2rem),var(--hraness-field-coarse-min, 0px)) - 2px)}:where(.hraness-file-field[data-size=large]) .hraness-field__file::file-selector-button{min-height:calc(max(var(--hraness-field-height, var(--control-height-primary)),var(--hraness-field-coarse-min, 0px)) - 2px)}@media(pointer:coarse){.hraness-field__file::file-selector-button{min-height:calc(var(--interactive-target-min) - 2px)}}.hraness-segmented-control::-webkit-scrollbar{display:none}.hraness-progress__control::-webkit-progress-bar{background:var(--ui-muted)}.hraness-progress__control::-webkit-progress-value{border-radius:inherit;background:var(--ui-primary)}.hraness-progress__control::-moz-progress-bar{border-radius:inherit;background:var(--ui-primary)}:where(.hraness-card,.hraness-pressable-card){--hraness-card-description: var(--_hraness-card-description)}}@layer components.hraness-ui.legacy{:root[data-verification-pointer=coarse]{--hraness-action-coarse-min: var(--interactive-target-min);--hraness-collection-coarse-min: var(--interactive-target-min);--hraness-field-coarse-min: var(--interactive-target-min);--hraness-slider-coarse-min: var(--interactive-target-min);--hraness-list-box-coarse-min: var(--interactive-target-min);--hraness-menu-coarse-min: var(--interactive-target-min);--hraness-dialog-coarse-min: var(--interactive-target-min);--hraness-toast-coarse-min: var(--interactive-target-min);--hraness-pagination-coarse-min: var(--interactive-target-min)}@media(forced-colors:active){.hraness-field__input::placeholder{color:CanvasText;opacity:1}}}:root.hraness-palette[data-theme],.hraness-palette[data-theme],[data-palette][data-theme]{--background: var(--hraness-palette-background);--foreground: var(--hraness-palette-foreground);--muted: var(--hraness-palette-muted);--faint: var(--hraness-palette-faint);--grid: var(--hraness-palette-grid);--line: var(--hraness-palette-line);--control-border: var(--hraness-palette-control-border);--surface: var(--hraness-palette-surface);--surface-raised: var(--hraness-palette-surface-raised);--surface-hover: var(--hraness-palette-surface-hover);--card: var(--hraness-palette-card);--card-foreground: var(--hraness-palette-card-foreground);--popover: var(--hraness-palette-popover);--popover-foreground: var(--hraness-palette-popover-foreground);--primary: var(--hraness-palette-primary);--primary-foreground: var(--hraness-palette-primary-foreground);--primary-soft: var(--hraness-palette-primary-soft);--secondary: var(--hraness-palette-secondary);--secondary-foreground: var(--hraness-palette-secondary-foreground);--accent: var(--hraness-palette-accent);--accent-foreground: var(--hraness-palette-accent-foreground);--focus: var(--hraness-palette-focus);--scrim: var(--hraness-palette-scrim);--disabled: var(--hraness-palette-disabled);--disabled-foreground: var(--hraness-palette-disabled-foreground);--inverse: var(--hraness-palette-inverse);--inverse-foreground: var(--hraness-palette-inverse-foreground);--danger: var(--hraness-palette-danger);--danger-foreground: var(--hraness-palette-danger-foreground);--danger-soft: var(--hraness-palette-danger-soft);--warning: var(--hraness-palette-warning);--warning-foreground: var(--hraness-palette-warning-foreground);--warning-soft: var(--hraness-palette-warning-soft);--success: var(--hraness-palette-success);--success-foreground: var(--hraness-palette-success-foreground);--success-soft: var(--hraness-palette-success-soft);--info: var(--hraness-palette-info);--info-foreground: var(--hraness-palette-info-foreground);--info-soft: var(--hraness-palette-info-soft);--ui-background: var(--hraness-palette-background);--ui-foreground: var(--hraness-palette-foreground);--ui-card: var(--hraness-palette-card);--ui-card-foreground: var(--hraness-palette-card-foreground);--ui-popover: var(--hraness-palette-popover);--ui-popover-foreground: var(--hraness-palette-popover-foreground);--ui-primary: var(--hraness-palette-primary);--ui-primary-foreground: var(--hraness-palette-primary-foreground);--ui-secondary: var(--hraness-palette-secondary);--ui-secondary-foreground: var(--hraness-palette-secondary-foreground);--ui-muted: var(--hraness-palette-surface-raised);--ui-muted-foreground: var(--hraness-palette-muted);--ui-accent: var(--hraness-palette-accent);--ui-accent-foreground: var(--hraness-palette-accent-foreground);--ui-destructive: var(--hraness-palette-danger);--ui-destructive-foreground: var(--hraness-palette-danger-foreground);--ui-destructive-soft: var(--hraness-palette-danger-soft);--ui-border: var(--hraness-palette-line);--ui-input: var(--hraness-palette-control-border);--ui-ring: var(--hraness-palette-focus);--ui-success: var(--hraness-palette-success);--ui-success-foreground: var(--hraness-palette-success-foreground);--ui-success-soft: var(--hraness-palette-success-soft);--ui-warning: var(--hraness-palette-warning);--ui-warning-foreground: var(--hraness-palette-warning-foreground);--ui-warning-soft: var(--hraness-palette-warning-soft);--ui-info: var(--hraness-palette-info);--ui-info-foreground: var(--hraness-palette-info-foreground);--ui-info-soft: var(--hraness-palette-info-soft);--ui-chart-1: var(--hraness-palette-chart1);--ui-chart-2: var(--hraness-palette-chart2);--ui-chart-3: var(--hraness-palette-chart3);--ui-chart-4: var(--hraness-palette-chart4);--ui-chart-5: var(--hraness-palette-chart5);--aurora-rose: var(--hraness-palette-chart1);--aurora-mint: var(--hraness-palette-chart2);--aurora-cyan: var(--hraness-palette-chart3);--aurora-gold: var(--hraness-palette-chart4);--aurora-violet: var(--hraness-palette-chart5);--canvas-background: var(--hraness-palette-background)}.hraness-palette[data-theme=dark]{color-scheme:dark}.hraness-palette[data-theme=light]{color-scheme:light}@media(forced-colors:active){:root.hraness-palette.hraness-palette[data-theme],.hraness-palette.hraness-palette[data-theme]{--hraness-palette-background: Canvas;--hraness-palette-foreground: CanvasText;--hraness-palette-muted: CanvasText;--hraness-palette-surface: Canvas;--hraness-palette-surface-raised: Canvas;--hraness-palette-surface-hover: Canvas;--hraness-palette-card: Canvas;--hraness-palette-card-foreground: CanvasText;--hraness-palette-popover: Canvas;--hraness-palette-popover-foreground: CanvasText;--hraness-palette-line: CanvasText;--hraness-palette-control-border: ButtonText;--hraness-palette-primary: Highlight;--hraness-palette-primary-foreground: HighlightText;--hraness-palette-focus: Highlight}}@font-face{font-display:swap;font-family:Nebula Sans;font-style:normal;font-weight:300;src:url(./NebulaSans-Light-C6pGWPLS.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nebula Sans;font-style:italic;font-weight:300;src:url(./NebulaSans-LightItalic-CDC2uxYK.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nebula Sans;font-style:normal;font-weight:400;src:url(./NebulaSans-Book-DpvFUW5p.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nebula Sans;font-style:italic;font-weight:400;src:url(./NebulaSans-BookItalic-0s2ulPoo.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nebula Sans;font-style:normal;font-weight:500;src:url(./NebulaSans-Medium-DgWXnPVX.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nebula Sans;font-style:italic;font-weight:500;src:url(./NebulaSans-MediumItalic-CXHsT5h5.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nebula Sans;font-style:normal;font-weight:600;src:url(./NebulaSans-Semibold-CPLK7-6c.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nebula Sans;font-style:italic;font-weight:600;src:url(./NebulaSans-SemiboldItalic-nOmO9zXp.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nebula Sans;font-style:normal;font-weight:700;src:url(./NebulaSans-Bold-Cwvkhhgc.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nebula Sans;font-style:italic;font-weight:700;src:url(./NebulaSans-BoldItalic-DpNFzx70.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nebula Sans;font-style:normal;font-weight:900;src:url(./NebulaSans-Black-DjoCzJKU.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nebula Sans;font-style:italic;font-weight:900;src:url(./NebulaSans-BlackItalic-0-INwnrA.woff2) format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:normal;font-weight:100 900;src:url(./GeistMono_wght_-Vc9u_qg9.woff2) format("woff2")}:root{color-scheme:light;--background: #fbf6f2;--foreground: #201b19;--muted: #6b625d;--faint: #6b625d;--grid: #eaded8;--line: #bbaaa2;--control-border: #8f8f8f;--surface: #ffffff;--surface-raised: #f3ece8;--surface-hover: #eaded8;--card: #ffffff;--card-foreground: #201b19;--popover: #ffffff;--popover-foreground: #201b19;--primary: #201b19;--primary-foreground: #fbf6f2;--secondary: #f3ece8;--secondary-foreground: #201b19;--accent: #eaded8;--accent-foreground: #201b19;--info: #0d61ac;--info-soft: #d8eaff;--focus: #0d61ac;--scrim: rgba(2, 2, 2, .44);--disabled: #e8ded9;--disabled-foreground: #717171;--inverse: #201b19;--inverse-foreground: #fbf6f2;--success: #2d6a42;--success-soft: rgba(45, 106, 66, .12);--warning: #785f28;--warning-soft: rgba(120, 95, 40, .12);--danger: #9f3631;--danger-soft: rgba(159, 54, 49, .12);--aurora-violet: oklch(.82 .048 312);--aurora-rose: oklch(.85 .044 12);--aurora-gold: oklch(.92 .036 96);--aurora-mint: oklch(.9 .036 172);--aurora-cyan: oklch(.84 .042 236);--chrome-deep: rgb(52 52 64);--chrome-shadow: rgb(58 58 72);--chrome-mid: rgb(92 92 106);--chrome-high: rgb(88 88 100);--chrome-glint: rgb(100 100 112);--canvas-background: var(--background);--chrome-foil-gradient: linear-gradient( 118deg, color-mix(in oklch, var(--aurora-cyan) 78%, transparent) 0%, color-mix(in oklch, var(--aurora-violet) 78%, transparent) 22%, color-mix(in oklch, var(--aurora-rose) 72%, transparent) 42%, color-mix(in oklch, var(--aurora-gold) 78%, transparent) 62%, color-mix(in oklch, var(--aurora-mint) 78%, transparent) 82%, color-mix(in oklch, var(--aurora-cyan) 78%, transparent) 100% );--chrome-text-gradient: linear-gradient( 170deg, rgb(52 52 64) 0%, rgb(88 88 100) 10%, rgb(58 58 72) 20%, rgb(100 100 112) 32%, rgb(64 64 78) 42%, rgb(92 92 106) 52%, rgb(54 54 68) 62%, rgb(86 86 100) 72%, rgb(56 56 70) 82%, rgb(80 80 94) 91%, rgb(60 60 74) 100% );--chrome-text-shadow: 0 -1px 0 rgb(255 255 255 / 45%), 0 1px 1px rgb(0 0 0 / 30%), 0 3px 6px rgb(0 0 0 / 12%);--font-text: "Nebula Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Nebula Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--font-geist-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--font-sans: var(--font-text);--ui-font-sans: var(--font-text);--ui-font-heading: var(--font-heading);--ui-font-mono: var(--font-mono);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--layout-edge-inset: 1.5rem;--layout-chrome-inset: .5rem;--navigation-rail-width: 17.5rem;--top-bar-height: 3.5rem;--bottom-bar-height: 3.25rem;--page-canvas-width: 72rem;--page-canvas-wide: 90rem;--interactive-target-compact: 2.5rem;--interactive-target-min: 3rem;--control-height: 3.25rem;--control-height-primary: 3.5rem;--control-height-transport: 4rem;--text-caption: .75rem;--text-label: .875rem;--text-body: 1rem;--text-control: 1rem;--text-control-glyph: 1.25rem;--text-heading: 1.5rem;--text-title: 2rem;--text-display: 3.5rem;--font-weight-regular: 450;--font-weight-medium: 550;--font-weight-bold: 700;--radius-sharp: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-round: 999px;--control-radius: 1rem;--motion-duration-instant: 0ms;--motion-duration-fast: .12s;--motion-duration-standard: .18s;--motion-duration-slow: .28s;--motion-distance-rail-enter: 14px;--motion-distance-rail-exit: 10px;--motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--motion-easing-emphasized: cubic-bezier(.16, 1, .3, 1);--elevation-none: none;--elevation-low: 0 1px 2px oklch(0 0 0 / .08);--elevation-raised: 0 8px 24px -12px oklch(0 0 0 / .22);--elevation-overlay: 0 18px 48px -18px oklch(0 0 0 / .32);--z-chrome: 50;--z-modal: 2000;--z-tooltip: 3000;--z-skip-link: 4000;--breakpoint-compact: 30rem;--breakpoint-medium: 48rem;--breakpoint-wide: 75rem;--breakpoint-canvas: 90rem}:root[data-theme=dark],[data-theme=dark],.dark{color-scheme:dark;--background: #000000;--foreground: #f2f2ed;--muted: #8f938c;--faint: #8f938c;--grid: #1c1e1b;--line: #5f645d;--control-border: #666666;--surface: #0d0e0c;--surface-raised: #161814;--surface-hover: #1c1e1b;--card: #0d0e0c;--card-foreground: #f2f2ed;--popover: #161814;--popover-foreground: #f2f2ed;--primary: #f2f2ed;--primary-foreground: #0d0e0c;--secondary: #252820;--secondary-foreground: #f2f2ed;--accent: #1c1e1b;--accent-foreground: #f2f2ed;--info: #6aa9ed;--info-soft: #152d46;--focus: #6aa9ed;--scrim: rgba(0, 0, 0, .72);--disabled: #262626;--disabled-foreground: #777777;--inverse: #f2f2ed;--inverse-foreground: #0d0e0c;--success: #76b38e;--success-soft: rgba(118, 179, 142, .12);--warning: #c9ad74;--warning-soft: rgba(201, 173, 116, .12);--danger: #e18982;--danger-soft: rgba(225, 137, 130, .12);--aurora-violet: oklch(.58 .045 312);--aurora-rose: oklch(.61 .04 12);--aurora-gold: oklch(.69 .035 96);--aurora-mint: oklch(.63 .035 172);--aurora-cyan: oklch(.6 .04 236);--chrome-deep: rgb(100 102 122);--chrome-shadow: rgb(112 114 136);--chrome-mid: rgb(166 168 190);--chrome-high: rgb(158 160 182);--chrome-glint: rgb(178 180 200);--canvas-background: var(--background);--chrome-text-gradient: linear-gradient( 170deg, rgb(100 102 122) 0%, rgb(158 160 182) 10%, rgb(112 114 136) 20%, rgb(178 180 200) 32%, rgb(122 124 148) 42%, rgb(166 168 190) 52%, rgb(106 108 132) 62%, rgb(160 162 186) 72%, rgb(110 112 136) 82%, rgb(152 154 178) 91%, rgb(118 120 142) 100% );--chrome-text-shadow: 0 -1px 0 rgb(255 255 255 / 8%), 0 1px 1px rgb(0 0 0 / 45%), 0 3px 8px rgb(0 0 0 / 22%)}:root[data-theme=light],[data-theme=light]{color-scheme:light;--background: #fbf6f2;--foreground: #201b19;--muted: #6b625d;--faint: #6b625d;--grid: #eaded8;--line: #bbaaa2;--control-border: #8f8f8f;--surface: #ffffff;--surface-raised: #f3ece8;--surface-hover: #eaded8;--card: #ffffff;--card-foreground: #201b19;--popover: #ffffff;--popover-foreground: #201b19;--primary: #201b19;--primary-foreground: #fbf6f2;--secondary: #f3ece8;--secondary-foreground: #201b19;--accent: #eaded8;--accent-foreground: #201b19;--info: #0d61ac;--info-soft: #d8eaff;--focus: #0d61ac;--scrim: rgba(2, 2, 2, .44);--disabled: #e8ded9;--disabled-foreground: #717171;--inverse: #201b19;--inverse-foreground: #fbf6f2;--success: #2d6a42;--success-soft: rgba(45, 106, 66, .12);--warning: #785f28;--warning-soft: rgba(120, 95, 40, .12);--danger: #9f3631;--danger-soft: rgba(159, 54, 49, .12);--aurora-violet: oklch(.82 .048 312);--aurora-rose: oklch(.85 .044 12);--aurora-gold: oklch(.92 .036 96);--aurora-mint: oklch(.9 .036 172);--aurora-cyan: oklch(.84 .042 236);--chrome-deep: rgb(52 52 64);--chrome-shadow: rgb(58 58 72);--chrome-mid: rgb(92 92 106);--chrome-high: rgb(88 88 100);--chrome-glint: rgb(100 100 112);--canvas-background: var(--background);--chrome-text-gradient: linear-gradient( 170deg, rgb(52 52 64) 0%, rgb(88 88 100) 10%, rgb(58 58 72) 20%, rgb(100 100 112) 32%, rgb(64 64 78) 42%, rgb(92 92 106) 52%, rgb(54 54 68) 62%, rgb(86 86 100) 72%, rgb(56 56 70) 82%, rgb(80 80 94) 91%, rgb(60 60 74) 100% );--chrome-text-shadow: 0 -1px 0 rgb(255 255 255 / 45%), 0 1px 1px rgb(0 0 0 / 30%), 0 3px 6px rgb(0 0 0 / 12%)}:root,:root[data-theme=dark],[data-theme=dark],.dark,:root[data-theme=light],[data-theme=light]{--ui-background: var(--background);--ui-foreground: var(--foreground);--ui-card: var(--card);--ui-card-foreground: var(--card-foreground);--ui-popover: var(--popover);--ui-popover-foreground: var(--popover-foreground);--ui-primary: var(--primary);--ui-primary-foreground: var(--primary-foreground);--ui-secondary: var(--secondary);--ui-secondary-foreground: var(--secondary-foreground);--ui-muted: var(--surface-raised);--ui-muted-foreground: var(--muted);--ui-accent: var(--accent);--ui-accent-foreground: var(--accent-foreground);--ui-destructive: var(--danger);--ui-destructive-foreground: var(--background);--ui-border: var(--line);--ui-input: var(--control-border);--ui-ring: var(--focus);--ui-success: var(--success);--ui-success-foreground: var(--background);--ui-success-soft: var(--success-soft);--ui-warning: var(--warning);--ui-warning-foreground: var(--background);--ui-warning-soft: var(--warning-soft);--ui-info: var(--info);--ui-info-foreground: var(--background);--ui-info-soft: var(--info-soft);--ui-chart-1: var(--aurora-rose);--ui-chart-2: var(--aurora-mint);--ui-chart-3: var(--aurora-cyan);--ui-chart-4: var(--aurora-gold);--ui-chart-5: var(--aurora-violet);--ui-font-sans: var(--font-text);--ui-font-heading: var(--font-heading);--ui-font-mono: var(--font-mono);--ui-radius: var(--radius-lg)}@media(pointer:coarse){:root{--interactive-target-compact: max(2.75rem, var(--interactive-target-min, 3rem))}}:root[data-verification-pointer=coarse]{--interactive-target-compact: max(2.75rem, var(--interactive-target-min, 3rem))}.hraness-design-text-chrome{background:var(--chrome-text-gradient);background-clip:text;color:var(--chrome-deep);text-shadow:var(--chrome-text-shadow);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@supports not ((background-clip: text) or (-webkit-background-clip: text)){.hraness-design-text-chrome{background:none;color:var(--chrome-deep);-webkit-text-fill-color:currentColor}}@media(forced-colors:active){.hraness-design-text-chrome{background:none;color:CanvasText;text-shadow:none;-webkit-text-fill-color:currentColor}}.syntax-code{--syntax-comment: var(--muted, currentColor);--syntax-keyword: var(--warning, var(--accent, currentColor));--syntax-string: var(--success, var(--accent, currentColor));--syntax-number: var(--danger, var(--accent, currentColor));--syntax-name: var(--info, var(--accent, currentColor));--syntax-sign: var(--muted, currentColor);--sh-class: var(--syntax-name);--sh-comment: var(--syntax-comment);--sh-entity: var(--syntax-number);--sh-identifier: var(--foreground, currentColor);--sh-jsxliterals: var(--syntax-string);--sh-keyword: var(--syntax-keyword);--sh-property: var(--syntax-name);--sh-sign: var(--syntax-sign);--sh-space: currentColor;--sh-string: var(--syntax-string);color:var(--foreground, inherit);font:inherit;text-shadow:none}.syntax-token--comment{color:var(--syntax-comment);font-style:italic}.syntax-token--keyword,.syntax-token--marker{color:var(--syntax-keyword)}.syntax-token--string,.syntax-token--inline{color:var(--syntax-string)}.syntax-token--command,.syntax-token--heading,.syntax-token--variable{color:var(--syntax-name)}.syntax-token--flag,.syntax-token--operator{color:var(--syntax-sign)}.syntax-token--command,.syntax-token--heading{font-weight:var(--font-weight-bold, 700)}@media(forced-colors:active){.syntax-code,.syntax-code span{color:CanvasText;forced-color-adjust:auto}}@layer components.hraness-design-kit.legacy{[data-theme=dark] .hraness-design-aurora-background,.dark .hraness-design-aurora-background{--hraness-design-aurora-cyan-mix: 15%;--hraness-design-aurora-gold-mix: 13%;--hraness-design-aurora-violet-mix: 13%;--hraness-design-aurora-mint-mix: 12%;--hraness-design-aurora-background-mix: 90%;--hraness-design-aurora-before-opacity: .52;--hraness-design-aurora-after-opacity: .18}}@layer components.hraness-design-kit.legacy{.hraness-design-visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}@layer components.hraness-design-kit.legacy{.hraness-design-theme-toggle[data-hraness-appearance-menu][data-presentation=menu]:not([data-hraness-theme-toggle-stylex]){--hraness-appearance-control-background: var(--ui-background, Canvas);--hraness-appearance-control-foreground: var(--ui-foreground, CanvasText);--hraness-appearance-control-border: var(--ui-input, GrayText);--hraness-appearance-popover-background: var(--ui-popover, Canvas);--hraness-appearance-popover-foreground: var(--ui-popover-foreground, CanvasText);--hraness-appearance-accent: var(--ui-accent, ButtonFace);--hraness-appearance-accent-foreground: var(--ui-accent-foreground, ButtonText);--hraness-appearance-focus: var(--ui-ring, Highlight);position:relative;display:inline-flex;min-inline-size:0;color:var(--hraness-appearance-control-foreground)}.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex])[data-ready=false]{opacity:.64}.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex]) .hraness-design-theme-toggle__trigger{display:inline-grid;inline-size:2rem;min-inline-size:2rem;min-block-size:2rem;padding:0;border:1px solid var( --hraness-appearance-control-border, var(--ui-input, GrayText) );border-radius:var(--radius-md, .5rem);outline:none;background:var( --hraness-appearance-control-background, var(--ui-background, Canvas) );color:var( --hraness-appearance-control-foreground, var(--ui-foreground, CanvasText) );font:inherit;place-items:center;touch-action:manipulation;transition:background-color .12s cubic-bezier(.2,0,0,1),border-color .12s cubic-bezier(.2,0,0,1),color .12s cubic-bezier(.2,0,0,1),transform .12s cubic-bezier(.2,0,0,1)}.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex]) .hraness-design-theme-toggle__trigger:not(:disabled){cursor:pointer}.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex]) .hraness-design-theme-toggle__trigger:where([data-hovered],:hover){background:var(--hraness-appearance-accent, var(--ui-accent, ButtonFace));color:var( --hraness-appearance-accent-foreground, var(--ui-accent-foreground, ButtonText) )}.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex]) .hraness-design-theme-toggle__trigger:where([data-pressed],:active){transform:translateY(1px)}.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex]) .hraness-design-theme-toggle__trigger:where([data-focus-visible],:focus-visible){outline:2px solid var(--hraness-appearance-focus, var(--ui-ring, Highlight));outline-offset:2px;box-shadow:0 0 0 4px color-mix(in oklch,var(--hraness-appearance-focus, var(--ui-ring, Highlight)) 24%,transparent)}.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex]) .hraness-design-theme-toggle__trigger:disabled{cursor:not-allowed;opacity:.5}.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex]) .hraness-appearance-icon,.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex]) .hraness-icon,.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex]) .hraness-design-theme-toggle__item .hraness-appearance-icon,.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex]) .hraness-design-theme-toggle__item .hraness-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex]) .hraness-design-theme-toggle__popover{z-index:var(--z-tooltip, 3000);inline-size:min(12rem,calc(100vw - 2rem));max-inline-size:calc(100vw - 2rem);overflow:hidden;border:1px solid var( --hraness-appearance-control-border, var(--ui-input, GrayText) );border-radius:var(--radius-lg, .75rem);outline:none;background:var( --hraness-appearance-popover-background, var(--ui-popover, Canvas) );color:var( --hraness-appearance-popover-foreground, var(--ui-popover-foreground, CanvasText) );box-shadow:var( --elevation-overlay, 0 18px 48px -18px rgb(0 0 0 / 32%) )}.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex])>.hraness-design-theme-toggle__popover{position:absolute;inset-block-start:calc(100% + .375rem);inset-inline-end:0}.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex]) .hraness-design-theme-toggle__popover[hidden]{display:none}.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex]) .hraness-design-theme-toggle__menu{display:grid;max-block-size:min(24rem,70vh);padding:.25rem;overflow:auto;outline:none}.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex]) .hraness-design-theme-toggle__item{display:grid;min-block-size:2.5rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:var(--radius-md, .5rem);outline:none;color:var( --hraness-appearance-popover-foreground, var(--ui-popover-foreground, CanvasText) );cursor:default;font-size:var(--text-label, .875rem);line-height:1.25;-webkit-user-select:none;user-select:none}.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex]) .hraness-design-theme-toggle__item:where([data-focused],[data-hovered],:focus-visible,:hover){background:var(--hraness-appearance-accent, var(--ui-accent, ButtonFace));color:var( --hraness-appearance-accent-foreground, var(--ui-accent-foreground, ButtonText) )}.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex]) .hraness-design-theme-toggle__item[data-selected]{font-weight:var(--font-weight-medium, 550)}@media(pointer:coarse){.hraness-design-theme-toggle[data-hraness-appearance-menu][data-presentation=menu]:not([data-hraness-theme-toggle-stylex]) .hraness-design-theme-toggle__trigger{inline-size:3rem;min-inline-size:3rem;min-block-size:3rem}.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex]) .hraness-design-theme-toggle__item{min-block-size:3rem}}@media(prefers-reduced-motion:reduce){.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex]) .hraness-design-theme-toggle__trigger{transition-duration:.01ms}}@media(forced-colors:active){.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex]) .hraness-design-theme-toggle__trigger,.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex]) .hraness-design-theme-toggle__popover{border-color:CanvasText;forced-color-adjust:auto}.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex]) .hraness-design-theme-toggle__trigger:where([data-focus-visible],:focus-visible){outline-color:Highlight;box-shadow:none}.hraness-design-theme-toggle[data-hraness-appearance-menu]:not([data-hraness-theme-toggle-stylex]) .hraness-design-theme-toggle__item[data-selected]{background:Highlight;color:HighlightText}}}@layer components.hraness-design-kit.legacy{.hraness-design-radar-profile-chart__plot .recharts-surface{overflow:visible}}:root{--jelly-font-display: var(--font-text);--jelly-font-text: var(--font-text);--jelly-font-mono: var(--font-mono);--jelly-color-background-default: var(--background);--jelly-color-background-surface: var(--surface);--jelly-color-background-muted: var(--surface-raised);--jelly-color-background-neutral: var(--grid);--jelly-color-background-neutral-emphasis: var(--foreground);--jelly-color-background-white: var(--surface);--jelly-color-background-rose: var(--danger);--jelly-color-background-amber: var(--warning);--jelly-color-background-azure: var(--info);--jelly-color-background-mint: var(--success);--jelly-color-background-accent: var(--foreground);--jelly-color-foreground-default: var(--foreground);--jelly-color-foreground-muted: var(--muted);--jelly-color-foreground-on-emphasis: var(--background);--jelly-color-foreground-on-neutral: var(--foreground);--jelly-color-foreground-on-white: var(--foreground);--jelly-color-foreground-on-accent: var(--background);--jelly-color-border-default: var(--line);--jelly-color-border-focus: var(--focus);--jelly-color-shadow: 32, 27, 25;--jelly-radius-control: 16px;--jelly-radius-card: 20px;--jelly-radius-overlay: 24px;--jelly-shadow-raised: 0 18px 44px -28px rgb(32 27 25 / 42%)}:root[data-theme=dark],[data-theme=dark],.dark{--jelly-color-shadow: 0, 0, 0;--jelly-shadow-raised: 0 20px 48px -26px rgb(0 0 0 / 72%)}@layer components.hraness-design-kit.legacy{.hraness-design-jelly-surface:not(:defined){border:1px solid var(--line);background:var(--jelly-fill);box-shadow:var(--jelly-shadow-raised)}.hraness-design-jelly-surface:defined{border-color:transparent;background:transparent;box-shadow:none}}:root:has(>body.plain-site){background:#fff;overflow-x:clip;scrollbar-gutter:stable}.plain-site{--plain-link-target-min: 0px;--plain-shell-measure: 34rem;--plain-shell-gutter: 1.25rem;--plain-background: #ffffff;--plain-foreground: #171717;--plain-link: #2457a6;--plain-line: #d8d8d8;--plain-muted: #666666;--plain-surface: #f4f4f4;--plain-syntax-keyword: #785f28;--plain-syntax-string: #2d6a42;--plain-syntax-number: #9f3631;--plain-syntax-name: #0d61ac;background:var(--plain-background);color:var(--plain-foreground);font-family:var(--font-text);font-size:1rem;line-height:1.55;margin:0;overflow-x:clip}body.plain-site{display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100svh;min-block-size:100dvh}body.plain-site>main{flex:1 0 auto}:root[data-theme=dark]:has(>body.plain-site){background:#151515}:root[data-theme=dark] .plain-site,.plain-site[data-theme=dark]{--plain-background: #151515;--plain-foreground: #f2f2f2;--plain-link: #8ab4ed;--plain-line: #484848;--plain-muted: #b6b6b6;--plain-surface: #222222;--plain-syntax-keyword: #c9ad74;--plain-syntax-string: #76b38e;--plain-syntax-number: #e18982;--plain-syntax-name: #6aa9ed}@media(prefers-color-scheme:dark){:root:not([data-theme]):has(>body.plain-site){background:#151515}:root:not([data-theme])>.plain-site{--plain-background: #151515;--plain-foreground: #f2f2f2;--plain-link: #8ab4ed;--plain-line: #484848;--plain-muted: #b6b6b6;--plain-surface: #222222;--plain-syntax-keyword: #c9ad74;--plain-syntax-string: #76b38e;--plain-syntax-number: #e18982;--plain-syntax-name: #6aa9ed}}.plain-site .syntax-code{--syntax-comment: var(--plain-muted);--syntax-keyword: var(--plain-syntax-keyword);--syntax-string: var(--plain-syntax-string);--syntax-number: var(--plain-syntax-number);--syntax-name: var(--plain-syntax-name);--syntax-sign: var(--plain-muted)}.plain-site *,.plain-site *:before,.plain-site *:after{box-sizing:border-box}:where(.plain-header a,.plain-page a,.plain-footer a){color:var(--plain-link);overflow-wrap:anywhere;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:.15em}:where(.plain-header a:is(:hover,:focus-visible),.plain-page a:is(:hover,:focus-visible),.plain-footer a:is(:hover,:focus-visible)){text-decoration:underline}.plain-site :where(.plain-header a:focus-visible,.plain-page a:focus-visible,.plain-footer a:focus-visible){border-radius:1px;outline:1px dotted currentColor;outline-offset:3px}.plain-site :where(.plain-header a:focus:not(:focus-visible),.plain-page a:focus:not(:focus-visible),.plain-footer a:focus:not(:focus-visible)){outline:none}.plain-site ::selection{background:color-mix(in srgb,var(--plain-link) 20%,transparent);color:var(--plain-foreground)}.plain-page{inline-size:100%;margin:clamp(3.5rem,12vh,7rem) auto;max-width:var(--plain-shell-measure);padding-inline:var(--plain-shell-gutter)}.plain-header{border:0;inline-size:100%;padding:0}.plain-header__inner{--plain-header-block-padding: 1.15rem;align-items:center;border-bottom:1px solid var(--plain-line);display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;inline-size:100%;justify-content:space-between;margin-inline:auto;max-width:var(--plain-shell-measure);padding-top:max(var(--plain-header-block-padding),env(safe-area-inset-top));padding-right:max(var(--plain-shell-gutter),env(safe-area-inset-right));padding-bottom:var(--plain-header-block-padding);padding-left:max(var(--plain-shell-gutter),env(safe-area-inset-left))}.plain-wordmark{align-items:center;color:var(--plain-foreground);display:inline-flex;flex:1 1 auto;font:inherit;font-weight:700;letter-spacing:0;min-block-size:var(--plain-link-target-min);min-inline-size:var(--plain-link-target-min);overflow-wrap:anywhere;text-decoration:none;text-transform:none}.plain-nav,.plain-footer__links{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem .85rem}.plain-nav{flex:0 1 auto;justify-content:flex-end;margin-inline-start:auto;max-inline-size:100%;min-inline-size:0}.plain-nav a,.plain-footer__links a{align-items:center;color:var(--plain-muted);display:inline-flex;font:inherit;font-size:.9rem;font-weight:400;letter-spacing:0;min-block-size:var(--plain-link-target-min);min-inline-size:var(--plain-link-target-min);padding:0;text-transform:none}.plain-page :where(h1,h2,h3,p,ul,ol,pre,figure){font-size:inherit}.plain-page :where(h1,h2,h3){line-height:inherit}.plain-page h1{font-weight:700;margin:0 0 1rem}.plain-page>p,.plain-muted{color:var(--plain-muted)}.plain-page>p{margin:0}.plain-page section{margin-top:2rem}.plain-page h2{font-weight:700;margin:0 0 .3rem}.plain-page section>p{margin:0}.plain-page section>p+p{margin-top:1rem}.plain-links{list-style:none;margin:0;padding:0}.plain-links li{margin:.1rem 0}.plain-links a{display:inline-block;min-height:1.5rem;min-width:1.5rem}.plain-code{color:var(--plain-foreground);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem;line-height:1.55;margin:0;overflow-wrap:anywhere;padding-block:.65rem;white-space:pre-wrap}.plain-code code{font:inherit}.plain-footer{--background: var(--plain-background);--foreground: var(--plain-foreground);--focus: var(--plain-link);--line: var(--plain-line);--muted: var(--plain-muted);--secondary: var(--plain-surface);--secondary-foreground: var(--plain-foreground);--surface: var(--plain-background);--surface-raised: var(--plain-surface);align-items:center;border-top:1px solid var(--plain-line);color:var(--plain-muted);display:flex;flex:0 0 auto;flex-wrap:wrap;gap:1rem;inline-size:100%;justify-content:space-between;margin:0 auto;max-width:var(--plain-shell-measure);overflow:clip;padding-top:1.25rem;padding-right:max(var(--plain-shell-gutter),env(safe-area-inset-right));padding-bottom:max(1.25rem,env(safe-area-inset-bottom));padding-left:max(var(--plain-shell-gutter),env(safe-area-inset-left))}.plain-footer:has(.hraness-design-jelly-surface){padding-top:var(--space-6);padding-right:max(var(--plain-shell-gutter),var(--space-6),env(safe-area-inset-right));padding-bottom:max(var(--space-6),env(safe-area-inset-bottom));padding-left:max(var(--plain-shell-gutter),var(--space-6),env(safe-area-inset-left))}.plain-site main:has(>.design-gallery[data-design-gallery-nested=true]){padding-inline:max(var(--plain-shell-gutter),var(--space-6))}.plain-footer p{margin:0}.plain-footer :where(a){align-items:center;color:inherit;display:inline-flex;min-block-size:var(--plain-link-target-min);min-inline-size:var(--plain-link-target-min)}@media(max-width:42rem){.plain-header__inner{--plain-header-block-padding: .65rem;gap:.35rem .75rem}.plain-wordmark{flex-basis:min(11rem,100%)}}@media(pointer:coarse){.plain-site{--plain-link-target-min: var(--interactive-target-min, 48px)}}:root[data-verification-pointer=coarse] .plain-site{--plain-link-target-min: var(--interactive-target-min, 48px)}@media(max-width:420px){.plain-site{--plain-shell-gutter: 1rem}.plain-page{margin-block:2.5rem}}@media(forced-colors:active){.plain-header__inner{border-bottom:1px solid CanvasText}.plain-footer{border-top:1px solid CanvasText}}.plain-site.plain-publication{--plain-shell-measure: 43rem;display:flex;min-height:100vh;min-height:100svh;min-height:100dvh;flex-direction:column;background:var(--plain-background);color:var(--plain-foreground);font-family:var(--font-text);font-size:1rem;line-height:1.55}.plain-site.plain-publication>main{flex:1 0 auto}:where(.plain-site.plain-publication a:not(.hraness-design-skip-link)){color:var(--plain-link);overflow-wrap:anywhere;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:.15em}:where(.plain-site.plain-publication a:not(.hraness-design-skip-link):is(:hover,:focus-visible)){text-decoration:underline}:where(.plain-site.plain-publication a:not(.hraness-design-skip-link):focus-visible){border-radius:1px;outline:1px dotted currentColor;outline-offset:3px}:where(.plain-site.plain-publication a:not(.hraness-design-skip-link):focus:not(:focus-visible)){outline:none}.plain-site.plain-publication .plain-publication__shell{width:100%;max-width:var(--plain-shell-measure);margin-inline:auto;padding-right:max(var(--plain-shell-gutter),env(safe-area-inset-right));padding-left:max(var(--plain-shell-gutter),env(safe-area-inset-left))}.plain-site.plain-publication .plain-publication__index-content{margin-block:clamp(2.5rem,8vh,5rem)}.plain-site.plain-publication .plain-publication__hero{padding:0 0 2.25rem}.plain-site.plain-publication .plain-publication__eyebrow,.plain-site.plain-publication .plain-publication__entry-label,.plain-site.plain-publication .plain-publication__entry-meta,.plain-site.plain-publication .plain-publication__article-meta{margin:0;color:var(--plain-muted);font:inherit;font-size:.85rem;font-weight:400;letter-spacing:0;line-height:inherit;text-transform:none}.plain-site.plain-publication .plain-publication__hero h1,.plain-site.plain-publication .plain-publication__article-header h1{max-width:none;margin:.4rem 0 .8rem;color:var(--plain-foreground);font-family:var(--font-heading);font-size:clamp(1.75rem,5vw,2.35rem);font-weight:700;letter-spacing:-.025em;line-height:1.12;text-wrap:pretty}.plain-site.plain-publication .plain-publication__hero>p:not(.plain-publication__eyebrow),.plain-site.plain-publication .plain-publication__article-dek{max-width:none;margin:0;color:var(--plain-muted);font-size:1rem;line-height:inherit}.plain-site.plain-publication .plain-publication__primary-link{display:inline-block;min-height:0;margin-top:1rem;padding:0;background:transparent;color:var(--plain-link);font:inherit;font-weight:400}.plain-site.plain-publication .plain-publication__primary-link:is(:hover,:focus-visible){background:transparent}.plain-site.plain-publication .plain-publication__primary-link+p{margin-top:.5rem}.plain-site.plain-publication .plain-publication__list,.plain-site.plain-publication .plain-publication__method,.plain-site.plain-publication .plain-publication__related{padding-block:2rem;border-top:1px solid var(--plain-line)}.plain-site.plain-publication .plain-publication__section-heading{display:block;margin:0 0 .85rem}.plain-site.plain-publication .plain-publication__section-heading h2,.plain-site.plain-publication .plain-publication__method>h2,.plain-site.plain-publication .plain-publication__cta h2,.plain-site.plain-publication .plain-publication__sources h2{margin:0;color:var(--plain-foreground);font-size:1rem;font-weight:700;letter-spacing:0;line-height:inherit}.plain-site.plain-publication .plain-publication__section-heading p,.plain-site.plain-publication .plain-publication__section-heading>a{margin:.2rem 0 0;color:var(--plain-muted);font:inherit;font-size:.85rem}.plain-site.plain-publication .plain-publication__article-list{border-bottom:1px solid var(--plain-line)}.plain-site.plain-publication .plain-publication__entry{display:block;padding:1.15rem 0;border-top:1px solid var(--plain-line)}.plain-site.plain-publication .plain-publication__entry h3{max-width:none;margin:.15rem 0 0;color:var(--plain-foreground);font-size:1.1rem;font-weight:700;letter-spacing:0;line-height:1.35}@media(pointer:coarse){.plain-site.plain-publication :is(.plain-publication__entry h3 a,.plain-publication__primary-link,.plain-publication__related-grid>a){align-items:center;display:flex;min-block-size:var(--interactive-target-min, 48px);min-inline-size:var(--interactive-target-min, 48px)}}:root[data-verification-pointer=coarse] .plain-site.plain-publication :is(.plain-publication__entry h3 a,.plain-publication__primary-link,.plain-publication__related-grid>a){align-items:center;display:flex;min-block-size:var(--interactive-target-min, 48px);min-inline-size:var(--interactive-target-min, 48px)}.plain-site.plain-publication .plain-publication__entry h3+p{max-width:none;margin:.45rem 0 0;color:var(--plain-muted);font-size:.95rem;line-height:inherit}.plain-site.plain-publication .plain-publication__entry-meta{margin-top:.45rem}.plain-site.plain-publication .plain-publication__method>h2{margin:.2rem 0 .8rem}.plain-site.plain-publication .plain-publication__method-grid{display:block;border:0;background:transparent}.plain-site.plain-publication .plain-publication__method-grid>div{padding:0;background:transparent}.plain-site.plain-publication .plain-publication__method-grid>div+div{margin-top:1rem}.plain-site.plain-publication .plain-publication__method-grid h3{margin:0;color:var(--plain-foreground);font:inherit;font-family:var(--font-heading);font-size:.95rem;font-weight:700;letter-spacing:0;text-transform:none}.plain-site.plain-publication .plain-publication__method-grid p,.plain-site.plain-publication .plain-publication__disclosure{margin:.15rem 0 0;color:var(--plain-muted);font-size:.95rem;line-height:inherit}.plain-site.plain-publication .plain-publication__disclosure{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--plain-line)}.plain-site.plain-publication .plain-publication__article-header{padding-block:clamp(2.5rem,8vh,4.5rem) 1.75rem}.plain-site.plain-publication .plain-publication__breadcrumbs{margin-bottom:1.5rem;font:inherit}.plain-site.plain-publication .plain-publication__breadcrumbs ol{color:var(--plain-muted);font:inherit;font-size:.85rem}.plain-site.plain-publication .plain-publication__breadcrumbs li:last-child{max-width:min(30rem,55vw);min-width:0}.plain-site.plain-publication .plain-publication__breadcrumbs [aria-current=page]{display:block;overflow:hidden;color:var(--plain-muted);text-overflow:ellipsis;white-space:nowrap}.plain-site.plain-publication .plain-publication__article-dek,.plain-site.plain-publication .plain-publication__article-meta{margin-top:.8rem}.plain-site.plain-publication .plain-publication__article-layout{display:block;padding-block:1.5rem 3.5rem;border-top:1px solid var(--plain-line)}.plain-site.plain-publication .plain-publication__toc{position:static;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--plain-line);color:var(--plain-muted);font:inherit;font-size:.85rem}.plain-site.plain-publication .plain-publication__toc p{margin:0 0 .35rem;color:var(--plain-foreground);font-weight:700;letter-spacing:0;text-transform:none}.plain-site.plain-publication .plain-publication__toc ol{display:block;margin:0;padding-left:1.25rem}.plain-site.plain-publication .plain-publication__toc li+li{margin-top:.2rem}.plain-site.plain-publication .plain-publication__article-body{color:var(--plain-foreground);font-size:1rem;line-height:1.7}.plain-site.plain-publication .plain-publication__article-body>:first-child{margin-top:0}.plain-site.plain-publication .plain-publication__article-body h2,.plain-site.plain-publication .plain-publication__article-body h3{color:var(--plain-foreground);font-weight:700;letter-spacing:0;line-height:1.35;scroll-margin-top:1rem;text-wrap:pretty}.plain-site.plain-publication .plain-publication__article-body h2{margin:2.5rem 0 .6rem;font-size:1.35rem}.plain-site.plain-publication .plain-publication__article-body h3{margin:1.75rem 0 .45rem;font-size:1.05rem}.plain-site.plain-publication .plain-publication__article-body p{margin:0 0 1.15rem}.plain-site.plain-publication .plain-publication__article-body strong,.plain-site.plain-publication .plain-publication__article-body em{color:inherit}.plain-site.plain-publication .plain-publication__article-body ul,.plain-site.plain-publication .plain-publication__article-body ol{display:block;margin:0 0 1.25rem;padding-left:1.35rem}.plain-site.plain-publication .plain-publication__article-body li+li{margin-top:.35rem}.plain-site.plain-publication .plain-publication__article-body li::marker{color:var(--plain-muted);font:inherit}.plain-site.plain-publication .plain-publication__callout{margin:1.5rem 0;padding:1rem 1.1rem;border-left:2px solid var(--plain-line);background:var(--plain-surface)}.plain-site.plain-publication .plain-publication__callout>strong{display:block;margin-bottom:.35rem;color:var(--plain-foreground);font:inherit;font-size:.9rem;font-weight:700;letter-spacing:0;text-transform:none}.plain-site.plain-publication .plain-publication__callout p{margin:0}.plain-site.plain-publication .plain-publication__table-scroll{max-width:100%;margin:1.5rem 0;overflow-x:auto;border-block:1px solid var(--plain-line)}.plain-site.plain-publication .plain-publication__table{width:100%;min-width:40rem;border-collapse:collapse;color:var(--plain-foreground);font-size:.82rem;line-height:1.5}.plain-site.plain-publication .plain-publication__table caption{padding:.75rem 0;color:var(--plain-foreground);font:inherit;font-weight:700;letter-spacing:0;text-align:left;text-transform:none}.plain-site.plain-publication .plain-publication__table th,.plain-site.plain-publication .plain-publication__table td{padding:.65rem;border-top:1px solid var(--plain-line);text-align:left;vertical-align:top}.plain-site.plain-publication .plain-publication__table th{color:var(--plain-muted);font:inherit;font-weight:700;letter-spacing:0;text-transform:none}.plain-site.plain-publication .plain-publication__table tbody th{color:var(--plain-foreground)}.plain-site.plain-publication .plain-publication__cta{margin-top:2.5rem;padding:1.5rem 0;border-block:1px solid var(--plain-line);background:transparent}.plain-site.plain-publication .plain-publication__cta h2{margin-top:.2rem}.plain-site.plain-publication .plain-publication__cta>p:not(.plain-publication__eyebrow){max-width:none;margin:.4rem 0 0;color:var(--plain-muted);font-size:.95rem;line-height:inherit}.plain-site.plain-publication .plain-publication__sources{margin-top:2.5rem;padding-top:0;border-top:0}.plain-site.plain-publication .plain-publication__sources ol{display:block;margin:.75rem 0 0;padding-left:1.35rem;color:var(--plain-muted);font:inherit;font-size:.85rem}.plain-site.plain-publication .plain-publication__sources li+li{margin-top:.75rem}.plain-site.plain-publication .plain-publication__sources a,.plain-site.plain-publication .plain-publication__sources span{display:block;font:inherit;line-height:inherit}.plain-site.plain-publication .plain-publication__sources span{margin-top:.15rem;color:var(--plain-muted)}.plain-site.plain-publication .plain-publication__related-grid{display:block;border-bottom:1px solid var(--plain-line);background:transparent}.plain-site.plain-publication .plain-publication__related-grid>a{display:block;min-height:0;padding:.8rem 0;border-top:1px solid var(--plain-line);background:transparent}.plain-site.plain-publication .plain-publication__related-grid>a:hover{background:transparent}.plain-site.plain-publication .plain-publication__related-grid span,.plain-site.plain-publication .plain-publication__related-grid strong{display:block;color:inherit;font:inherit;line-height:inherit;text-transform:none}.plain-site.plain-publication .plain-publication__related-grid span{color:var(--plain-muted);font-size:.8rem}@media(max-width:42rem){.plain-site.plain-publication{--plain-shell-gutter: 1rem}.plain-site.plain-publication .plain-publication__breadcrumbs li:last-child{max-width:12rem}}@media(forced-colors:active){.plain-site.plain-publication :where(.plain-publication__list,.plain-publication__method,.plain-publication__related,.plain-publication__article-layout,.plain-publication__toc,.plain-publication__table-scroll,.plain-publication__table th,.plain-publication__table td,.plain-publication__cta,.plain-publication__article-list,.plain-publication__entry,.plain-publication__related-grid,.plain-publication__related-grid>a){border-color:CanvasText}.plain-site.plain-publication .plain-publication__callout{border-left-color:CanvasText;background:Canvas}}@layer components.hraness-design-kit.legacy{.hraness-marketing-install{--hraness-marketing-install-inline-size: initial}:where(.hraness-marketing-page,.hraness-marketing-header,.hraness-marketing-hero,.hraness-marketing-pillars,.hraness-marketing-install,.hraness-marketing-section,.hraness-marketing-primitives,.hraness-marketing-stats,.hraness-marketing-interfaces,.hraness-marketing-trust,.hraness-marketing-quotes,.hraness-marketing-pricing,.hraness-marketing-questions,.hraness-marketing-maker,.hraness-marketing-cta,.hraness-marketing-proof-frame){--hraness-marketing-ink: var(--foreground, CanvasText);--hraness-marketing-muted: var(--muted, GrayText);--hraness-marketing-background: var(--background, Canvas);--hraness-marketing-surface: var(--surface, Canvas);--hraness-marketing-line: color-mix(in oklch, var(--hraness-marketing-ink) 12%, transparent);--hraness-marketing-line-strong: color-mix(in oklch, var(--hraness-marketing-ink) 22%, transparent);--hraness-marketing-inverse: var(--inverse, CanvasText);--hraness-marketing-inverse-ink: var(--inverse-foreground, Canvas);--hraness-marketing-accent: var(--hraness-site-accent, oklch(.55 .21 262));--hraness-marketing-accent-ink: var(--hraness-site-accent-ink, white);--hraness-marketing-accent-soft: color-mix(in oklch, var(--hraness-marketing-accent) 10%, transparent);--hraness-marketing-text-font: var(--font-text, ui-sans-serif, system-ui, sans-serif);--hraness-marketing-heading-font: var(--font-heading, var(--hraness-marketing-text-font));--hraness-marketing-mono-font: var(--font-mono, ui-monospace, monospace);--hraness-marketing-measure: 72rem;--hraness-marketing-copy-measure: 40rem;--hraness-marketing-prose-measure: 62ch;--hraness-marketing-gutter: clamp(1.25rem, 4vw, 3rem);--hraness-marketing-radius: .625rem;--hraness-marketing-frame-radius: .875rem;--hraness-marketing-rule: 1px solid var(--hraness-marketing-line);--hraness-marketing-shadow: 0 1px 2px oklch(0 0 0 / .06), 0 24px 48px -24px oklch(0 0 0 / .28);--hraness-marketing-section-space: clamp(4rem, 9vw, 7.5rem);--hraness-marketing-heading-weight: 500;--hraness-marketing-heading-tracking: -.022em;--hraness-marketing-action-height: 2.75rem}.hraness-marketing-page :where(p,li,dd){text-wrap:pretty}.hraness-marketing-page :where(a){color:inherit;text-decoration-thickness:1px;text-underline-offset:.16em}.hraness-marketing-page :where(code,kbd,pre){font-family:var(--hraness-marketing-mono-font)}.hraness-marketing-page :where(pre){max-inline-size:100%;margin:0;padding:1rem 1.15rem;overflow:auto;border-radius:var(--hraness-marketing-radius);background:var(--hraness-marketing-inverse);color:var(--hraness-marketing-inverse-ink);font-size:.85rem;line-height:1.6;tab-size:2}.hraness-marketing-page :where(:not(pre)>code){padding:.08em .38em;border-radius:.3em;background:color-mix(in oklch,var(--hraness-marketing-ink) 7%,transparent);font-size:.9em}.hraness-marketing-page>:where(.hraness-marketing-hero,.hraness-marketing-pillars,.hraness-marketing-install,.hraness-marketing-section,.hraness-marketing-primitives,.hraness-marketing-stats,.hraness-marketing-interfaces,.hraness-marketing-trust,.hraness-marketing-quotes,.hraness-marketing-pricing,.hraness-marketing-questions,.hraness-marketing-maker,.hraness-marketing-cta){padding-inline:var(--hraness-marketing-gutter)}.hraness-marketing-header__brand :where(img,svg){block-size:1.375rem;inline-size:auto}.hraness-marketing-hero[data-tone=accent]{--hraness-marketing-ink: var(--hraness-marketing-accent-ink);--hraness-marketing-muted: color-mix(in oklch, var(--hraness-marketing-accent-ink) 78%, transparent);--hraness-marketing-line: color-mix(in oklch, var(--hraness-marketing-accent-ink) 22%, transparent);--hraness-marketing-line-strong: color-mix(in oklch, var(--hraness-marketing-accent-ink) 40%, transparent);--hraness-marketing-surface: color-mix(in oklch, var(--hraness-marketing-accent-ink) 12%, transparent)}.hraness-marketing-proof-frame__content>:where(img,video){display:block;inline-size:100%;block-size:auto}.hraness-marketing-proof-frame__content>:where(pre){border-radius:0}.hraness-marketing-page>.hraness-marketing-install{--hraness-marketing-install-inline-size: min(100% - 2 * var(--hraness-marketing-gutter), var(--hraness-marketing-measure));padding-inline:clamp(1.5rem,4vw,2.5rem)}.hraness-marketing-section__body>:where(p){max-inline-size:var(--hraness-marketing-prose-measure);margin:0}.hraness-marketing-section__body>:first-child{margin-block-start:0}.hraness-marketing-section__body>:last-child{margin-block-end:0}.hraness-marketing-primitive p:not(:where(.hraness-marketing-primitive__summary)){margin:0;color:var(--hraness-marketing-muted);font-size:.95rem;line-height:1.5}.hraness-marketing-primitive>:where(pre,figure){margin-block-start:.5rem}.hraness-marketing-interface p:not(:where(.hraness-marketing-interface__summary)){margin:0}.hraness-marketing-interface p:not(:where(.hraness-marketing-interface__summary)){color:var(--hraness-marketing-muted);font-size:.95rem;line-height:1.5}.hraness-marketing-interface pre{margin-block-start:.5rem}.hraness-marketing-question__answer>:first-child{margin-block-start:0}.hraness-marketing-question__answer>:last-child{margin-block-end:0}.hraness-marketing-maker__portrait :where(img,svg){display:block;inline-size:100%;block-size:100%;object-fit:cover}.hraness-marketing-maker__body>p{max-inline-size:var(--hraness-marketing-prose-measure);margin:0;color:var(--hraness-marketing-muted);font-size:1.05rem;line-height:1.55}.hraness-marketing-cta[data-tone=accent]{--hraness-marketing-ink: var(--hraness-marketing-accent-ink);--hraness-marketing-muted: color-mix(in oklch, var(--hraness-marketing-accent-ink) 78%, transparent);--hraness-marketing-line-strong: color-mix(in oklch, var(--hraness-marketing-accent-ink) 40%, transparent);--hraness-marketing-surface: transparent}.hraness-marketing-stats__source :where(strong,span){display:block}.hraness-marketing-stats__source strong{font-family:var(--hraness-marketing-heading-font);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:500;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}.hraness-marketing-stats__source span{margin-block-start:.3rem;color:var(--hraness-marketing-muted);font-size:.85rem;line-height:1.45}}.design-gallery{display:grid;gap:var(--space-12);min-inline-size:0;padding:clamp(var(--space-5),4vw,var(--space-12))}.design-gallery__intro,.design-gallery__section{inline-size:min(100%,72rem);margin-inline:auto}.design-gallery__intro{display:grid;gap:var(--space-3)}.design-gallery__intro>:where(h1,p),.design-gallery__section>:where(h2){margin:0}.design-gallery__intro>p{max-inline-size:68ch;color:var(--muted)}.design-gallery__section{display:grid;gap:var(--space-4);scroll-margin-block-start:var(--space-8)}.design-gallery__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:var(--space-4)}.design-gallery__type-specimen{display:grid;gap:var(--space-3)}.design-gallery__type-specimen>:where(p,code){margin:0}.design-gallery__type-specimen>p{font-family:var(--font-text);font-size:var(--text-heading);font-weight:var(--font-weight-bold)}.design-gallery__type-specimen>code{font-family:var(--font-mono);font-size:var(--text-caption)}.design-gallery__plain-theme.plain-site.plain-publication{display:block;min-height:0;padding:var(--space-4);border:1px solid var(--plain-line);background:var(--plain-background);color:var(--plain-foreground)}.design-gallery__plain-theme .plain-page{margin:0;padding:0}.design-gallery__plain-link-example{margin:0;font-size:var(--text-caption)}.design-gallery__jelly{display:grid;min-block-size:8rem;place-items:center;padding:var(--space-4)}.design-gallery__marketing{display:block;overflow:clip;border:1px solid var(--line);border-radius:.875rem;background:var(--background)}.design-gallery__marketing>.hraness-marketing-header{position:static}.design-gallery__marketing-command{max-inline-size:100%;margin:0;overflow:auto}.design-gallery__shell-preview{block-size:min(42rem,72vh);min-block-size:26rem;border:1px solid var(--line);overflow:clip}.design-gallery__docked-footer-preview{position:relative;min-block-size:8rem;padding:var(--space-4);border:1px solid var(--line);overflow:clip}.design-gallery__docked-footer-preview>p{margin:0}.design-gallery__instrument{display:flex;min-inline-size:0;align-items:end;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--line);background:var(--surface)}.design-gallery__horizontal-fader{flex:1 1 12rem}.design-gallery__chat{display:grid;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--line);background:var(--surface)}.design-gallery__chat-avatar{display:grid;inline-size:var(--interactive-target-min);block-size:var(--interactive-target-min);place-items:center;border:1px solid var(--line);border-radius:var(--radius-round);font-weight:var(--font-weight-bold)}.design-gallery__chat :where(p){margin:0}.design-gallery__effect{position:relative;isolation:isolate;min-block-size:20rem;overflow:clip;border:1px solid var(--line);background:var(--background)}.design-gallery__foil-deck{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:var(--space-4)}.design-gallery__foil-example{min-inline-size:0;--foil-card-radius: 1rem}.design-gallery__foil-card{display:grid;min-block-size:16rem;align-content:space-between;gap:var(--space-8);padding:var(--space-5);background:color-mix(in oklch,var(--surface) 78%,transparent)}.design-gallery__foil-card>:where(div){display:grid;gap:var(--space-2)}.design-gallery__foil-card :where(h3,p){margin:0}.design-gallery__effect>:where(.hraness-design-aurora-background,.hraness-design-aurora-dots){position:absolute}.design-gallery__effect-copy{position:relative;z-index:1;display:grid;max-inline-size:38rem;gap:var(--space-2);padding:var(--space-8)}.design-gallery__effect-copy>:where(h3,p){margin:0}.design-gallery__syntax{max-inline-size:100%;margin:0;padding:var(--space-4);overflow:auto;border:1px solid var(--line);background:var(--surface)}@media(max-width:40rem){.design-gallery{padding-inline:var(--space-5)}.design-gallery__instrument{align-items:stretch;flex-direction:column}}@media(forced-colors:active){.design-gallery__shell-preview,.design-gallery__docked-footer-preview,.design-gallery__plain-theme,.design-gallery__instrument,.design-gallery__chat,.design-gallery__effect,.design-gallery__marketing,.design-gallery__syntax{border-color:CanvasText}.design-gallery__foil-card{background:Canvas}}:root{--rule: var(--line);--link: var(--info);--inverse-background: var(--inverse);--code-background: var(--surface-raised);--code-danger: var(--danger);--code-foreground: var(--foreground);--code-info: var(--info);--code-muted: var(--muted);--code-success: var(--success);--code-warning: var(--warning);--font-sans: "Nebula Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-text: var(--font-sans);--font-heading: var(--font-sans);--font-mono: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, monospace;--ui-background: var(--background);--ui-foreground: var(--foreground);--ui-font-sans: var(--font-sans);--ui-font-heading: var(--font-heading);--ui-font-mono: var(--font-mono);--hraness-site-accent: var(--primary);--hraness-site-accent-ink: var(--primary-foreground);--hraness-site-footer-measure: 72rem;font-family:var(--font-sans);font-synthesis:none;line-height:1.55}*{box-sizing:border-box}html{background:var(--background);color:var(--foreground);scroll-behavior:smooth}body{margin:0}:where(.hraness-marketing-page,.hraness-marketing-header){--hraness-marketing-ink: var(--foreground);--hraness-marketing-muted: var(--muted);--hraness-marketing-background: var(--background);--hraness-marketing-surface: var(--surface);--hraness-marketing-inverse: var(--inverse-background);--hraness-marketing-inverse-ink: var(--inverse-foreground);--hraness-marketing-text-font: var(--font-sans);--hraness-marketing-heading-font: var(--font-sans);--hraness-marketing-mono-font: var(--font-mono);--hraness-marketing-measure: 72rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}