@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;900&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@400;500;600&display=swap";:root{--black: #0a0e14;--white: #ffffff;--ink: #0f1419;--charcoal: #1a1f26;--elevated: #212830;--slate: #2e3440;--steel: #8892a6;--mist: #c4cfdb;--paper: #e8edf2;--path-blue: #4c8dff;--path-blue-hover: #6ba3ff;--path-blue-active: #3d7ae6;--path-blue-5: rgba(76, 141, 255, .05);--path-blue-10: rgba(76, 141, 255, .1);--path-blue-20: rgba(76, 141, 255, .2);--signal-teal: #2ec4b6;--signal-teal-hover: #4dd4c7;--signal-teal-active: #25afa3;--signal-teal-5: rgba(46, 196, 182, .05);--signal-teal-10: rgba(46, 196, 182, .1);--signal-teal-20: rgba(46, 196, 182, .2);--amber-insight: #ffb84d;--amber-insight-hover: #ffc570;--amber-insight-active: #e6a63e;--amber-insight-5: rgba(255, 184, 77, .05);--amber-insight-10: rgba(255, 184, 77, .1);--amber-insight-20: rgba(255, 184, 77, .2);--coral-alert: #f25c54;--coral-alert-hover: #f4736d;--coral-alert-active: #d94e47;--coral-alert-5: rgba(242, 92, 84, .05);--coral-alert-10: rgba(242, 92, 84, .1);--coral-alert-20: rgba(242, 92, 84, .2);--violet-depth: #9d84b7;--violet-depth-hover: #b199c9;--violet-depth-active: #8b72a3;--violet-depth-5: rgba(157, 132, 183, .05);--violet-depth-10: rgba(157, 132, 183, .1);--violet-depth-20: rgba(157, 132, 183, .2);--slate-30: rgba(46, 52, 64, .3);--slate-50: rgba(46, 52, 64, .5);--font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", Monaco, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--tracking-tight: -.01em;--tracking-normal: 0em;--tracking-wide: .025em;--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-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-none: 0;--radius-sm: .25rem;--radius-base: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--border-0: 0;--border-1: 1px;--border-2: 2px;--border-4: 4px;--shadow-none: none;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-base: 0 2px 8px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px 0 rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px 0 rgba(0, 0, 0, .6);--shadow-xl: 0 16px 48px 0 rgba(0, 0, 0, .7);--shadow-glow-blue: 0 0 20px rgba(76, 141, 255, .3);--shadow-glow-teal: 0 0 20px rgba(46, 196, 182, .3);--shadow-glow-amber: 0 0 20px rgba(255, 184, 77, .3);--shadow-glow-coral: 0 0 20px rgba(242, 92, 84, .3);--duration-instant: 0ms;--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--ease-linear: linear;--ease: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--opacity-disabled: .4;--opacity-dimmed: .6;--opacity-subtle: .8;--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-color: #4c8dff;--focus-ring: 0 0 0 2px rgba(76, 141, 255, .5);--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--button-padding-sm: 12px 16px;--button-padding-md: 12px 20px;--button-padding-lg: 14px 24px;--input-height-sm: 32px;--input-height-md: 40px;--input-height-lg: 48px;--input-padding-x: 12px;--card-padding-sm: 16px;--card-padding-md: 20px;--card-padding-lg: 24px;--modal-max-width-sm: 400px;--modal-max-width-md: 600px;--modal-max-width-lg: 800px;--modal-max-width-xl: 1200px;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-modal: 1200;--z-popover: 1300;--z-toast: 1400}:root{--color-bg: #f3ead0;--color-bg-deep: #e8dfbf;--color-surface: #fffef0;--color-yellow: #ffd600;--color-yellow-dark: #e6bf00;--color-blue: #1a3f8a;--color-on-blue: #fffef0;--color-ink: #0c0c0c;--color-ink-muted: #3a3530;--color-ink-faint: #7a7060;--color-border: var(--color-ink);--color-text: var(--color-ink);--color-text-muted: var(--color-ink-muted);--border-width: 2px;--border-color: var(--color-ink);--border: var(--border-width) solid var(--border-color);--border-thin: 1.5px solid var(--border-color);--shadow-sm: 3px 3px 0 var(--color-ink);--shadow-md: 5px 5px 0 var(--color-ink);--shadow-lg: 7px 7px 0 var(--color-ink);--font-display: "Barlow Condensed", sans-serif;--font-mono: "Space Mono", monospace;--font-body: "DM Sans", sans-serif;--btn-font: var(--font-mono);--btn-size: 12px;--btn-weight: 700;--btn-tracking: .06em;--btn-transform: uppercase;--btn-border: var(--border);--btn-radius: 0;--text-display-xl: 78px;--text-display-lg: 52px;--text-display-md: 32px;--text-display-sm: 22px;--text-display-line-height: .95;--text-display-tracking: -.01em;--text-body-lg: 16px;--text-body-md: 15px;--text-body-sm: 14px;--text-body-line-height: 1.65;--text-mono-sm: 10px;--text-mono-md: 11px;--text-mono-lg: 13px;--text-mono-tracking: .08em;--code-bg: #1c1917;--code-keyword: #ffd600;--code-value: #7ecba8;--code-comment: #808080;--code-accent: #bfa8ff;--brut-canvas: var(--color-bg);--brut-canvas-deep: var(--color-bg-deep);--brut-white: var(--color-surface);--brut-ink: var(--color-ink);--brut-neon: var(--color-yellow);--brut-blue: var(--color-blue);--brut-coral: var(--coral-alert-active);--brut-muted: var(--color-ink-muted);--brut-module-keys: var(--color-blue);--brut-module-testing: var(--brut-coral);--brut-module-graph: var(--color-yellow);--brut-module-connect: var(--color-bg-deep);--brut-border-width: var(--border-width);--brut-border-micro: 1.5px;--brut-shadow: var(--shadow-md);--brut-shadow-hover: var(--shadow-sm);--brut-shadow-none: none;--brut-transition: transform .08s ease, box-shadow .08s ease, background .08s ease;--brut-font: var(--font-mono);--rm-bg: var(--color-bg);--rm-surface: var(--color-bg-deep);--rm-surface-raised: var(--color-surface);--rm-border: var(--color-ink);--rm-text: var(--color-ink);--rm-muted: var(--color-ink-muted);--rm-dim: var(--color-ink-faint);--rm-sage: var(--color-blue);--rm-sage-bg: var(--color-yellow);--rm-on-sage: var(--color-on-blue);--rm-font-display: var(--font-display);--rm-font-ui: var(--font-body);--rm-font-mono: var(--font-mono);--rm-radius: 0;--rm-card-radius: 0;--rm-card-shadow: var(--shadow-md);--rm-container-max: 72rem;--rm-container-narrow: 56rem;--rm-reading-width: 65ch;--rm-nav-height: 3.5rem;--rm-section-padding: var(--space-12);--rm-section-padding-sm: var(--space-8);--focus-ring-color: var(--color-yellow);--focus-ring-width: 2px;--focus-ring-offset: 0;--focus-ring: 0 0 0 2px var(--color-yellow);color-scheme:light}.brut-border{border:var(--border)}.brut-border-micro{border:var(--border-thin)}.brut-sharp,.brut-sharp-sm{border-radius:0}.brut-shadow{box-shadow:var(--shadow-md)}.brut-transition{transition:var(--brut-transition)}.brut-fill-neon{background:var(--color-yellow);color:var(--color-ink)}.brut-fill-white{background:var(--color-surface);color:var(--color-ink)}.brut-fill-canvas{background:var(--color-bg);color:var(--color-ink)}.brut-fill-blue{background:transparent;color:var(--color-blue);border:var(--border-thin)}.brut-fill-coral{background:transparent;color:var(--brut-coral);border:var(--border-thin)}.brut-muted{color:var(--color-ink-muted)}.brut-pressable{border:var(--border);box-shadow:var(--shadow-md);transform:translate(0);transition:var(--brut-transition);border-radius:0;cursor:pointer;text-decoration:none;color:inherit}.brut-pressable:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.brut-pressable:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-ink)}.card,[data-card]{box-shadow:var(--shadow-md);transition:transform .08s ease,box-shadow .08s ease}.card:hover,[data-card]:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.brut-overlap{transform:rotate(-1deg)}.brut-overlap.brut-pressable:hover{transform:rotate(-1deg) translate(-2px,-2px)}.brut-overlap.brut-pressable:active{transform:rotate(-1deg) translate(2px,2px)}@media (prefers-reduced-motion: reduce){.brut-pressable,.brut-transition,.card,[data-card]{transition:none}.brut-pressable:hover,.brut-pressable:active,.brut-overlap.brut-pressable:hover,.brut-overlap.brut-pressable:active,.card:hover,[data-card]:hover{transform:var(--brut-reduced-transform, none);box-shadow:var(--shadow-md)}.brut-overlap{--brut-reduced-transform: rotate(-1deg)}}.brut-focus:focus-visible{outline:2px solid var(--color-yellow);outline-offset:0}.brut-heading{font-family:var(--font-display);font-weight:900;letter-spacing:var(--text-display-tracking);margin:0;text-transform:uppercase}.brut-kicker{display:inline-block;font-family:var(--font-mono);font-weight:700;font-size:var(--text-mono-sm);letter-spacing:var(--text-mono-tracking);text-transform:uppercase;padding:3px 8px;border:var(--border-thin);background:var(--color-yellow);color:var(--color-ink);border-radius:0}.brut-tag-inverted{background:var(--color-ink);color:var(--color-yellow);border:2px solid var(--color-ink);padding:.5rem .75rem;font-family:var(--font-mono);font-size:var(--text-mono-sm);font-weight:700;letter-spacing:.18em;text-transform:uppercase;display:inline-block}.brut-lead-rule{border-left:4px solid var(--color-ink);padding-left:var(--space-4);color:var(--color-ink)}.brut-stat-chip{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-mono-sm);font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--color-ink);background:var(--color-surface);box-shadow:var(--shadow-sm)}.brut-hero-slab{background:var(--color-yellow);border-bottom:2px solid var(--color-ink)}.brut-divider{border:0;border-top:var(--border);margin:var(--space-8) 0}.brut-stamp,.brut-frame-eyebrow{margin:0;padding:.5rem .75rem;font-family:var(--font-mono);font-size:var(--text-mono-sm);font-weight:700;letter-spacing:.15em;text-transform:uppercase;border-bottom:2px solid var(--color-ink);background:var(--color-bg-deep);color:var(--color-ink)}.brut-frame{border:2px solid var(--color-ink);box-shadow:var(--shadow-md);background:var(--color-surface);transition:transform .1s ease,box-shadow .1s ease}.brut-frame:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.btn.btn-primary,a.btn.btn-primary,button.btn.btn-primary{background:var(--color-yellow);color:var(--color-ink);border-color:var(--color-ink);box-shadow:var(--shadow-sm)}.btn.btn-primary:hover:not(:disabled),a.btn.btn-primary:hover{background:var(--color-yellow);color:var(--color-ink)}.tab-btn.is-active,.fw-pill-active,.currency-option[aria-pressed=true],.lifecycle-current,.step-done .step-marker,#tab-elements:checked~.code-framework-tabs .code-fw-tab-elements,#tab-svelte:checked~.code-framework-tabs .code-fw-tab-svelte,#tab-cli:checked~.code-framework-tabs .code-fw-tab-cli{background:var(--color-yellow);color:var(--color-ink);border-color:var(--color-ink)}.progress-fill{background:var(--color-blue)}.brut-blue-fill{background:var(--color-blue);color:var(--color-on-blue);border-color:var(--color-ink)}a.brut-link-accent,.doc-content a{color:var(--color-blue)}.doc-content a:hover{background:var(--color-yellow);color:var(--color-ink)}.marketing-shell :is(.doc-content,.docs-main) h2{font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:var(--text-display-tracking);border-bottom:2px solid var(--color-ink);padding-bottom:.35rem}.marketing-shell :is(.doc-content,.docs-main) :is(.callout,.notice,aside){border:2px solid var(--color-ink);border-left-width:4px;border-left-color:var(--color-yellow);border-radius:0;box-shadow:var(--shadow-sm);background:var(--color-surface)}.marketing-shell pre,.marketing-shell .codeblock{border-radius:0;border:2px solid var(--code-bg);box-shadow:3px 3px 0 var(--color-yellow)}:is(.app-main,.main,.admin-main) :is(.panel,.card,.stat-card,.data-card,.page-card,.info-card,.form-card):hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}:is(.app-main,.main,.admin-main) :is(.panel,.card,.stat-card,.data-card,.page-card){transition:transform .1s ease,box-shadow .1s ease}@media (prefers-reduced-motion: reduce){.brut-frame:hover,:is(.app-main,.main,.admin-main) :is(.panel,.card,.stat-card):hover{transform:none;box-shadow:var(--shadow-md)}}:is(.app-main,.main,.admin-main) :is(.page-title,h1.page-title){font-family:var(--font-display);font-weight:900;font-size:clamp(1.5rem,3vw,2rem);text-transform:uppercase;letter-spacing:var(--text-display-tracking);line-height:1.05;color:var(--color-ink);margin:0 0 var(--space-2)}:is(.app-main,.main,.admin-main) :is(.page-desc,.section-desc){font-size:var(--text-body-md);line-height:var(--text-body-line-height);color:var(--color-ink-muted);max-width:48rem;margin:0 0 var(--space-5)}:is(.app-main,.main,.admin-main) .section{border-top:var(--border);padding-top:var(--space-6);margin-top:var(--space-6)}:is(.app-main,.main,.admin-main) .section:first-of-type{border-top:none;padding-top:0;margin-top:0}:is(.app-main,.main,.admin-main) .section-title{font-family:var(--font-display);font-weight:900;font-size:var(--text-display-sm);text-transform:uppercase;letter-spacing:var(--text-display-tracking);color:var(--color-ink);margin:0 0 var(--space-3)}:is(.app-main,.main,.admin-main) :is(.panel,.card,.stat-card,.data-card,.page-card,.info-card,.form-card){border:var(--border);border-radius:0;background:var(--color-surface);box-shadow:var(--shadow-sm)}:is(.app-main,.main,.admin-main) table{width:100%;border-collapse:collapse;border:var(--border);background:var(--color-surface);font-size:var(--text-body-sm)}:is(.app-main,.main,.admin-main) :is(th,td){border:var(--border-thin);padding:var(--space-2) var(--space-3);text-align:left;vertical-align:top}:is(.app-main,.main,.admin-main) th{font-family:var(--font-mono);font-size:var(--text-mono-md);font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--color-bg-deep)}:is(.app-main,.main,.admin-main) :is(.badge,.tag,.pill){display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--text-mono-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:var(--border);border-radius:0;padding:2px 8px;background:var(--color-surface);color:var(--color-ink);box-shadow:2px 2px 0 var(--color-ink)}:is(.app-main,.main,.admin-main) .page-header,:is(.app-main,.main,.admin-main) :is(.dashboard-topbar,.topbar){border-bottom:2px solid var(--color-ink)}:is(.app-main,.main,.admin-main) .empty-state{border:var(--border);box-shadow:var(--shadow-sm);background:var(--color-surface);padding:var(--space-6)}:is(.app-main,.main,.admin-main) :is(.alert,.notice,.banner){border:var(--border);border-radius:0;border-left-width:6px;padding:var(--space-3) var(--space-4);background:var(--color-surface);font-size:var(--text-body-sm);line-height:var(--text-body-line-height)}:root{--rm-section-padding: var(--space-12);--rm-section-padding-sm: var(--space-8)}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-body-md);line-height:var(--text-body-line-height)}.input,select.input,textarea.input,input.input{width:100%;max-width:100%;padding:var(--space-2) var(--space-3);border-radius:0;border:var(--border);font-size:var(--text-body-sm);font-family:inherit;line-height:var(--text-body-line-height);background:var(--color-surface);color:var(--color-ink)}select.input{cursor:pointer}.input:focus-visible{outline:2px solid var(--color-yellow);outline-offset:0}.btn{font-family:var(--btn-font);font-size:var(--btn-size);font-weight:var(--btn-weight);letter-spacing:var(--btn-tracking);text-transform:var(--btn-transform);border:var(--btn-border);border-radius:var(--btn-radius);padding:8px 18px;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;min-height:44px;line-height:var(--leading-normal);transform:translate(0)}.btn:focus-visible{outline:2px solid var(--color-yellow);outline-offset:0}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-primary{background:var(--color-yellow);color:var(--color-ink);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:var(--shadow-md);text-decoration:none}.btn-primary:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-ink)}.btn-outline,.btn-secondary{background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-sm)}.btn-outline:hover:not(:disabled),.btn-secondary:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:var(--shadow-md);text-decoration:none}.btn-outline:active:not(:disabled),.btn-secondary:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-ink)}.btn-ghost{background:transparent;color:var(--color-ink);box-shadow:none;border:var(--btn-border)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-deep);transform:none;box-shadow:none;text-decoration:none}.btn-danger{background:var(--color-surface);color:var(--brut-coral);box-shadow:var(--shadow-sm);border:var(--border-thin);border-color:var(--brut-coral)}.btn-danger:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.btn-danger:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-ink)}.btn-lg{font-size:var(--text-mono-lg);padding:12px 28px}.btn-inline{min-height:32px;padding:4px 10px;font-size:var(--text-mono-sm);box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion: reduce){.btn{transition:none}.btn-primary:hover:not(:disabled),.btn-primary:active:not(:disabled),.btn-outline:hover:not(:disabled),.btn-outline:active:not(:disabled),.btn-secondary:hover:not(:disabled),.btn-secondary:active:not(:disabled),.btn-danger:hover:not(:disabled),.btn-danger:active:not(:disabled){transform:none;box-shadow:var(--shadow-sm)}}code,pre,.font-mono{font-family:var(--font-mono)}a{color:var(--color-ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;font-weight:600}a:hover{background:var(--color-yellow)}button{font-family:inherit;cursor:pointer}:where(.doc-content,.page-desc,.section-desc,.callout,.notice,.empty-desc,.doc-table) code{font-family:var(--font-mono);font-size:var(--text-mono-md);padding:.08rem .35rem;border-radius:0;border:var(--border-thin);background:var(--color-yellow);color:var(--color-ink);white-space:nowrap}:where(pre code,.codeblock pre code){padding:0;border:0;border-radius:0;background:transparent;white-space:pre}.status-success{color:var(--signal-teal);border:var(--border-thin);border-color:var(--signal-teal);border-radius:0}.status-warning{color:var(--amber-insight);border:var(--border-thin);border-color:var(--amber-insight);border-radius:0}.status-error{color:var(--coral-alert);border:var(--border-thin);border-color:var(--coral-alert);border-radius:0}.status-muted{color:var(--color-ink-faint);border:var(--border-thin);border-color:var(--color-ink);border-radius:0}