:root{--void-stone-50: #fafaf9;--void-stone-100: #f5f5f4;--void-stone-200: #e7e5e4;--void-stone-300: #d6d3d1;--void-stone-400: #a8a29e;--void-stone-450: #908a85;--void-stone-500: #78716c;--void-stone-600: #57534e;--void-stone-700: #44403c;--void-stone-800: #292524;--void-stone-900: #1c1917;--void-stone-950: #0c0a09;--void-red-50: #fef2f2;--void-red-100: #fee2e2;--void-red-200: #fecaca;--void-red-300: #fca5a5;--void-red-400: #f87171;--void-red-500: #ef4444;--void-red-600: #dc2626;--void-red-700: #b91c1c;--void-red-800: #991b1b;--void-red-900: #7f1d1d;--void-red-950: #450a0a;--void-amber-50: #fefae4;--void-amber-100: #fdf1be;--void-amber-200: #f9e182;--void-amber-300: #f1cb48;--void-amber-400: #e5c03c;--void-amber-500: #cca93c;--void-amber-600: #a88a2a;--void-amber-700: #846b20;--void-amber-800: #655118;--void-amber-900: #503f13;--void-amber-950: #30260b;--void-green-50: #f0fdf4;--void-green-100: #dcfce7;--void-green-200: #bbf7d0;--void-green-300: #86efac;--void-green-400: #4ade80;--void-green-500: #22c55e;--void-green-600: #16a34a;--void-green-700: #15803d;--void-green-800: #166534;--void-green-900: #14532d;--void-green-950: #052e16;--void-blue-50: #eff6ff;--void-blue-100: #dbeafe;--void-blue-200: #bfdbfe;--void-blue-300: #93c5fd;--void-blue-400: #60a5fa;--void-blue-500: #3b82f6;--void-blue-600: #2563eb;--void-blue-700: #1d4ed8;--void-blue-800: #1e40af;--void-blue-900: #1e3a8a;--void-blue-950: #172554;--void-purple-50: #faf5ff;--void-purple-100: #f3e8ff;--void-purple-200: #e9d5ff;--void-purple-300: #d8b4fe;--void-purple-400: #c084fc;--void-purple-500: #a855f7;--void-purple-600: #9333ea;--void-purple-700: #7e22ce;--void-purple-800: #6b21a8;--void-purple-900: #581c87;--void-purple-950: #3b0764;--void-pink-50: #fdf2f8;--void-pink-100: #fce7f3;--void-pink-200: #fbcfe8;--void-pink-300: #f9a8d4;--void-pink-400: #f472b6;--void-pink-500: #ec4899;--void-pink-600: #db2777;--void-pink-700: #be185d;--void-pink-800: #9d174d;--void-pink-900: #831843;--void-pink-950: #500724;--void-black: #000000;--void-white: #ffffff;--void-dark-1: #0a0a0a;--void-dark-2: #0b0b0b;--void-dark-3: #111111;--void-dark-4: #141414;--void-space-1: .25rem;--void-space-2: .5rem;--void-space-3: .75rem;--void-space-4: 1rem;--void-space-5: 1.25rem;--void-space-6: 1.5rem;--void-space-8: 2rem;--void-space-10: 2.5rem;--void-space-12: 3rem;--void-space-16: 4rem;--void-space-20: 5rem;--void-space-24: 6rem;--void-space-xs: var(--void-space-1);--void-space-sm: var(--void-space-2);--void-space-md: var(--void-space-3);--void-space-lg: var(--void-space-4);--void-space-xl: var(--void-space-6);--void-text-2xs: .625rem;--void-text-xs: .75rem;--void-text-sm: .8125rem;--void-text-base: .875rem;--void-text-md: 1rem;--void-text-lg: 1.125rem;--void-text-xl: 1.25rem;--void-text-2xl: 1.5rem;--void-text-3xl: 1.875rem;--void-text-4xl: 2.25rem;--void-text-5xl: 3rem;--void-weight-normal: 400;--void-weight-medium: 500;--void-weight-semibold: 600;--void-weight-bold: 700;--void-leading-tight: 1.2;--void-leading-normal: 1.5;--void-leading-relaxed: 1.7;--void-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--void-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Fira Code", monospace;--void-radius-none: 0;--void-radius-xs: 4px;--void-radius-sm: 6px;--void-radius-md: 8px;--void-radius-lg: 12px;--void-radius-xl: 16px;--void-radius-full: 9999px;--void-shadow-sm: 0 1px 3px rgba(255,255,255,.14);--void-shadow-md: 0 2px 6px rgba(255,255,255,.12), 0 10px 24px rgba(255,255,255,.2);--void-shadow-lg: 0 4px 10px rgba(255,255,255,.16), 0 22px 50px rgba(255,255,255,.28);--void-shadow-xl: 0 6px 14px rgba(255,255,255,.2), 0 40px 88px rgba(255,255,255,.38);--void-ring-hair: 0 0 0 1px rgba(255,255,255,.06);--void-ring-hair-strong: 0 0 0 1px rgba(255,255,255,.12);--void-duration-fast: .1s;--void-duration-normal: .2s;--void-duration-slow: .3s;--void-ease-in: cubic-bezier(.4, 0, 1, .2);--void-ease-out: cubic-bezier(0, 0, .2, 1);--void-ease-in-out: cubic-bezier(.4, 0, .2, 1);--void-z-dropdown: 100;--void-z-sticky: 200;--void-z-modal: 300;--void-z-toast: 400;--void-z-tooltip: 500}:root,[data-theme=dark]{--void-color-bg: var(--void-black);--void-color-bg-secondary: var(--void-dark-1);--void-color-bg-elevated: var(--void-dark-3);--void-color-bg-hover: var(--void-dark-4);--void-color-bg-accent: var(--void-dark-2);--void-color-bg-overlay: color-mix(in srgb, var(--void-black) 70%, transparent);--void-color-text: var(--void-stone-100);--void-color-text-secondary: var(--void-stone-400);--void-color-text-muted: var(--void-stone-500);--void-color-text-tertiary: var(--void-stone-450);--void-color-text-disabled: var(--void-stone-600);--void-color-text-on-accent: var(--void-black);--void-color-border: color-mix(in srgb, var(--void-white) 14%, transparent);--void-color-border-strong: color-mix(in srgb, var(--void-white) 22%, transparent);--void-color-border-focus: color-mix(in srgb, var(--void-white) 55%, transparent);--void-color-accent: var(--void-white);--void-color-accent-hover: var(--void-stone-200);--void-color-error: var(--void-red-500);--void-color-warning: var(--void-amber-500);--void-color-success: var(--void-green-500);--void-color-info: var(--void-blue-500);--void-color-notice: var(--void-purple-500);--void-color-highlight: var(--void-pink-500);--void-color-error-subtle: color-mix(in srgb, var(--void-color-error) 14%, transparent);--void-color-warning-subtle: color-mix(in srgb, var(--void-color-warning) 14%, transparent);--void-color-success-subtle: color-mix(in srgb, var(--void-color-success) 14%, transparent);--void-color-info-subtle: color-mix(in srgb, var(--void-color-info) 14%, transparent);--void-color-notice-subtle: color-mix(in srgb, var(--void-color-notice) 14%, transparent);--void-color-highlight-subtle: color-mix(in srgb, var(--void-color-highlight) 14%, transparent);--void-spacing-xs: var(--void-space-xs);--void-spacing-sm: var(--void-space-sm);--void-spacing-md: var(--void-space-md);--void-spacing-lg: var(--void-space-lg);--void-spacing-xl: var(--void-space-xl)}[data-theme=light]{--void-color-bg: var(--void-white);--void-color-bg-secondary: var(--void-stone-100);--void-color-bg-elevated: var(--void-white);--void-color-bg-hover: var(--void-stone-200);--void-color-bg-accent: var(--void-stone-100);--void-color-bg-overlay: color-mix(in srgb, var(--void-black) 30%, transparent);--void-color-text: var(--void-stone-900);--void-color-text-secondary: var(--void-stone-600);--void-color-text-muted: var(--void-stone-500);--void-color-text-tertiary: var(--void-stone-400);--void-color-text-disabled: var(--void-stone-300);--void-color-text-on-accent: var(--void-white);--void-color-border: var(--void-stone-300);--void-color-border-strong: var(--void-stone-400);--void-color-border-focus: var(--void-stone-600);--void-color-accent: var(--void-stone-900);--void-color-accent-hover: var(--void-stone-950);--void-color-error: var(--void-red-600);--void-color-warning: var(--void-amber-600);--void-color-success: var(--void-green-600);--void-color-info: var(--void-blue-600);--void-color-notice: var(--void-purple-600);--void-color-highlight: var(--void-pink-600);--void-color-error-subtle: color-mix(in srgb, var(--void-color-error) 8%, transparent);--void-color-warning-subtle: color-mix(in srgb, var(--void-color-warning) 8%, transparent);--void-color-success-subtle: color-mix(in srgb, var(--void-color-success) 8%, transparent);--void-color-info-subtle: color-mix(in srgb, var(--void-color-info) 8%, transparent);--void-color-notice-subtle: color-mix(in srgb, var(--void-color-notice) 8%, transparent);--void-color-highlight-subtle: color-mix(in srgb, var(--void-color-highlight) 8%, transparent)}[data-shape=sharp]{--void-radius-xs: 0;--void-radius-sm: 0;--void-radius-md: 0;--void-radius-lg: 0;--void-radius-xl: 0;--void-radius-full: 0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--void-font-sans);font-size:var(--void-text-base);line-height:var(--void-leading-normal);color:var(--void-color-text);background:var(--void-color-bg)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}void-badge{--tone: var(--void-color-accent);display:inline-grid;place-content:center;padding:.25rem .375rem .125rem;min-width:1.25rem;min-height:1.25rem;border-radius:var(--void-radius-full);background:var(--tone);color:var(--void-color-text-on-accent);font-family:var(--void-font-sans);font-size:var(--void-text-xs);font-weight:var(--void-weight-semibold);line-height:var(--void-leading-tight);white-space:nowrap;text-align:center}void-badge[color=error]{--tone: var(--void-color-error)}void-badge[color=warning]{--tone: var(--void-color-warning)}void-badge[color=success]{--tone: var(--void-color-success)}void-badge[color=info]{--tone: var(--void-color-info)}void-badge[color=notice]{--tone: var(--void-color-notice)}void-badge[color=highlight]{--tone: var(--void-color-highlight)}void-badge[size=sm]{min-width:1rem;min-height:1rem;font-size:var(--void-text-2xs);padding:.0625rem var(--void-space-1) 0}void-badge[size=lg]{min-width:1.75rem;min-height:1.75rem;font-size:var(--void-text-sm);padding:.3125rem var(--void-space-3) .1875rem}void-badge[size=xl]{min-width:2.25rem;min-height:2.25rem;font-size:var(--void-text-base);padding:.375rem var(--void-space-4) .25rem}void-badge[size=xxl]{min-width:3rem;min-height:3rem;font-size:var(--void-text-lg);padding:.4375rem var(--void-space-5) .3125rem}void-button{--tone: var(--void-color-accent);--tone-text: var(--tone);--tone-subtle: color-mix(in srgb, var(--tone) 14%, transparent);--tone-border: color-mix(in srgb, var(--tone) 36%, transparent);--tone-hover: color-mix(in srgb, var(--tone) 22%, transparent);display:inline-flex;align-items:center;justify-content:center;gap:var(--void-space-2);padding:var(--void-space-2) var(--void-space-4);font-family:var(--void-font-sans);font-size:var(--void-text-sm);font-weight:var(--void-weight-medium);line-height:var(--void-leading-tight);background:var(--tone-subtle);border:1px solid var(--tone-border);border-radius:var(--void-radius-md);color:var(--void-color-text);cursor:pointer;transition:background var(--void-duration-fast) var(--void-ease-in-out),border-color var(--void-duration-fast) var(--void-ease-in-out),color var(--void-duration-fast) var(--void-ease-in-out);user-select:none}void-button:hover{background:var(--tone-hover)}void-button:focus-visible{outline:2px solid var(--void-color-border-focus);outline-offset:2px}void-button[variant=filled]{background:var(--tone);border-color:var(--tone);color:var(--void-color-text-on-accent)}void-button[variant=filled]:hover{opacity:.9}void-button[color=error]{--tone: var(--void-color-error)}void-button[color=warning]{--tone: var(--void-color-warning)}void-button[color=success]{--tone: var(--void-color-success)}void-button[color=info]{--tone: var(--void-color-info)}void-button[color=notice]{--tone: var(--void-color-notice)}void-button[size=sm]{padding:var(--void-space-1) var(--void-space-2);font-size:var(--void-text-xs)}void-button[size=lg]{padding:var(--void-space-3) var(--void-space-6);font-size:var(--void-text-base)}void-button[size=xl]{padding:var(--void-space-4) var(--void-space-8);font-size:var(--void-text-lg)}void-button[size=xxl]{padding:var(--void-space-5) var(--void-space-10);font-size:var(--void-text-xl)}void-button[disabled]{opacity:.5;pointer-events:none;cursor:not-allowed}void-divider{display:flex;align-items:center;gap:var(--void-space-3);color:var(--void-color-text-muted);font-family:var(--void-font-sans);font-size:var(--void-text-xs);font-weight:var(--void-weight-medium)}void-divider:before,void-divider:after{content:"";flex:1;height:1px;background:var(--void-color-border)}void-divider[orientation=vertical]{flex-direction:column;align-self:stretch}void-divider[orientation=vertical]:before,void-divider[orientation=vertical]:after{width:1px;height:auto;flex:1}void-divider:empty:after{display:none}void-divider:empty:before{flex:none;width:100%}void-divider[orientation=vertical]:empty:before{width:1px;height:100%}void-spinner{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}void-spinner:before{content:"";display:block;width:100%;height:100%;border:2px solid var(--void-color-border);border-top-color:var(--void-color-accent);border-radius:var(--void-radius-full);animation:void-spin .6s linear infinite}@keyframes void-spin{to{transform:rotate(360deg)}}void-spinner[size=sm]{width:1rem;height:1rem}void-spinner[size=sm]:before{border-width:1.5px}void-spinner[size=lg]{width:2rem;height:2rem}void-spinner[size=lg]:before{border-width:3px}void-spinner[size=xl]{width:2.5rem;height:2.5rem}void-spinner[size=xl]:before{border-width:3.5px}void-spinner[size=xxl]{width:3.5rem;height:3.5rem}void-spinner[size=xxl]:before{border-width:4px}void-spinner [data-void-sr]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}void-skeleton{display:block;background:var(--void-color-bg-hover);border-radius:var(--void-radius-md);animation:void-skeleton-pulse 1.8s ease-in-out infinite}@keyframes void-skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}void-skeleton[variant=text]{height:1em;width:100%;border-radius:var(--void-radius-xs)}void-skeleton[variant=circular]{width:2.5rem;height:2.5rem;border-radius:var(--void-radius-full)}void-skeleton[variant=rectangular]{width:100%;height:6rem}void-status-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:var(--void-radius-full);background:var(--void-color-text-disabled);flex-shrink:0}void-status-dot[status=online]{background:var(--void-color-success);box-shadow:0 0 6px var(--void-color-success)}void-status-dot[status=away]{background:var(--void-color-warning)}void-status-dot[status=offline]{background:var(--void-color-text-disabled)}void-switch{--tone: var(--void-color-accent);--tone-subtle: color-mix(in srgb, var(--tone) 20%, transparent);--tone-border: color-mix(in srgb, var(--tone) 40%, transparent);display:inline-flex;align-items:center;cursor:pointer;user-select:none}.void-switch-track{position:relative;display:inline-flex;align-items:center;width:2.25rem;height:1.25rem;background:var(--tone-subtle);border:1px solid var(--tone-border);border-radius:var(--void-radius-full);transition:background var(--void-duration-fast) var(--void-ease-in-out),border-color var(--void-duration-fast) var(--void-ease-in-out)}.void-switch-thumb{position:absolute;left:2px;width:.875rem;height:.875rem;background:var(--void-color-text-secondary);border-radius:var(--void-radius-full);transition:transform var(--void-duration-fast) var(--void-ease-in-out),background var(--void-duration-fast) var(--void-ease-in-out)}void-switch[checked] .void-switch-track{background:var(--tone);border-color:var(--tone)}void-switch[checked] .void-switch-thumb{transform:translate(1rem);background:var(--void-color-text-on-accent)}void-switch:focus-visible .void-switch-track{outline:2px solid var(--void-color-border-focus);outline-offset:2px}void-switch:hover .void-switch-track{border-color:var(--void-color-border-strong)}void-switch[color=error]{--tone: var(--void-color-error)}void-switch[color=warning]{--tone: var(--void-color-warning)}void-switch[color=success]{--tone: var(--void-color-success)}void-switch[color=info]{--tone: var(--void-color-info)}void-switch[color=notice]{--tone: var(--void-color-notice)}void-switch[size=sm] .void-switch-track{width:1.75rem;height:1rem}void-switch[size=sm] .void-switch-thumb{width:.625rem;height:.625rem}void-switch[size=sm][checked] .void-switch-thumb{transform:translate(.75rem)}void-switch[size=lg] .void-switch-track{width:2.75rem;height:1.5rem}void-switch[size=lg] .void-switch-thumb{width:1.125rem;height:1.125rem}void-switch[size=lg][checked] .void-switch-thumb{transform:translate(1.25rem)}void-switch[size=xl] .void-switch-track{width:3.25rem;height:1.75rem}void-switch[size=xl] .void-switch-thumb{width:1.375rem;height:1.375rem}void-switch[size=xl][checked] .void-switch-thumb{transform:translate(1.5rem)}void-switch[size=xxl] .void-switch-track{width:3.75rem;height:2rem}void-switch[size=xxl] .void-switch-thumb{width:1.625rem;height:1.625rem}void-switch[size=xxl][checked] .void-switch-thumb{transform:translate(1.75rem)}void-switch[disabled]{opacity:.5;pointer-events:none;cursor:not-allowed}void-avatar{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--void-radius-full);background:var(--void-color-bg-hover);color:var(--void-color-text-secondary);font-family:var(--void-font-sans);font-size:var(--void-text-sm);font-weight:var(--void-weight-semibold);overflow:hidden;user-select:none}void-avatar img{width:100%;height:100%;object-fit:cover}void-avatar[size=sm]{width:1.75rem;height:1.75rem;font-size:var(--void-text-xs)}void-avatar[size=lg]{width:3.5rem;height:3.5rem;font-size:var(--void-text-lg)}void-avatar[size=xl]{width:5rem;height:5rem;font-size:var(--void-text-xl)}void-avatar[size=xxl]{width:6.5rem;height:6.5rem;font-size:var(--void-text-2xl)}void-alert{--tone: var(--void-color-accent);--tone-subtle: color-mix(in srgb, var(--tone) 14%, transparent);--tone-border: color-mix(in srgb, var(--tone) 36%, transparent);display:flex;align-items:flex-start;gap:var(--void-space-3);padding:var(--void-space-3) var(--void-space-4);border:1px solid var(--tone-border);border-radius:var(--void-radius-md);background:var(--tone-subtle);color:var(--void-color-text);font-family:var(--void-font-sans);font-size:var(--void-text-sm);line-height:var(--void-leading-normal)}void-alert[variant=filled]{background:var(--tone);border-color:var(--tone);color:var(--void-color-text-on-accent)}void-alert[color=error]{--tone: var(--void-color-error)}void-alert[color=warning]{--tone: var(--void-color-warning)}void-alert[color=success]{--tone: var(--void-color-success)}void-alert[color=info]{--tone: var(--void-color-info)}void-alert[color=notice]{--tone: var(--void-color-notice)}.void-alert-close{order:1;margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:none;border-radius:var(--void-radius-sm);background:transparent;color:inherit;font-size:var(--void-text-base);cursor:pointer;opacity:.6;transition:opacity var(--void-duration-fast) var(--void-ease-in-out)}.void-alert-close:hover{opacity:1}void-tag{--tone: var(--void-color-accent);--tone-subtle: color-mix(in srgb, var(--tone) 14%, transparent);--tone-border: color-mix(in srgb, var(--tone) 36%, transparent);display:inline-flex;align-items:center;gap:var(--void-space-1);padding:.125rem var(--void-space-2);border:1px solid var(--tone-border);border-radius:var(--void-radius-full);background:var(--tone-subtle);color:var(--void-color-text);font-family:var(--void-font-sans);font-size:var(--void-text-xs);font-weight:var(--void-weight-medium);line-height:var(--void-leading-tight);white-space:nowrap}void-tag[color=error]{--tone: var(--void-color-error)}void-tag[color=warning]{--tone: var(--void-color-warning)}void-tag[color=success]{--tone: var(--void-color-success)}void-tag[color=info]{--tone: var(--void-color-info)}void-tag[color=notice]{--tone: var(--void-color-notice)}void-tag[size=sm]{font-size:var(--void-text-2xs);padding:0 var(--void-space-1)}void-tag[size=lg]{font-size:var(--void-text-sm);padding:.1875rem var(--void-space-3)}void-tag[size=xl]{font-size:var(--void-text-base);padding:.25rem var(--void-space-4)}void-tag[size=xxl]{font-size:var(--void-text-lg);padding:.3125rem var(--void-space-5)}.void-tag-close{display:inline-flex;align-items:center;justify-content:center;width:.875rem;height:.875rem;padding:0;border:none;border-radius:var(--void-radius-full);background:transparent;color:inherit;font-size:var(--void-text-xs);cursor:pointer;opacity:.6;transition:opacity var(--void-duration-fast) var(--void-ease-in-out)}.void-tag-close:hover{opacity:1}void-progress{--tone: var(--void-color-accent);display:block;width:100%}.void-progress-track{width:100%;height:.5rem;background:var(--void-color-bg-hover);border-radius:var(--void-radius-full);overflow:hidden}.void-progress-fill{height:100%;background:var(--tone);border-radius:var(--void-radius-full);transition:width var(--void-duration-normal) var(--void-ease-in-out)}void-progress[color=error]{--tone: var(--void-color-error)}void-progress[color=warning]{--tone: var(--void-color-warning)}void-progress[color=success]{--tone: var(--void-color-success)}void-progress[color=info]{--tone: var(--void-color-info)}void-progress[color=notice]{--tone: var(--void-color-notice)}void-progress[size=sm] .void-progress-track{height:.25rem}void-progress[size=lg] .void-progress-track{height:.75rem}void-progress[size=xl] .void-progress-track{height:1rem}void-progress[size=xxl] .void-progress-track{height:1.25rem}void-progress[indeterminate] .void-progress-fill{width:40%!important;animation:void-progress-indeterminate 1.5s ease-in-out infinite}@keyframes void-progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}void-panel{display:block;padding:var(--void-space-4);border-radius:var(--void-radius-md);background:var(--void-color-bg-secondary);font-family:var(--void-font-sans)}void-panel[variant=bordered]{background:transparent;border:1px solid var(--void-color-border)}void-panel[variant=elevated]{background:var(--void-color-bg-elevated);box-shadow:var(--void-shadow-md)}.void-panel-label{margin-bottom:var(--void-space-3);font-size:var(--void-text-sm);font-weight:var(--void-weight-semibold);color:var(--void-color-text-secondary);letter-spacing:.025em;text-transform:uppercase}void-input{display:flex;flex-direction:column;gap:var(--void-space-1);font-family:var(--void-font-sans)}void-input input{width:100%;padding:var(--void-space-2) var(--void-space-3);background:var(--void-color-bg-secondary);border:1px solid var(--void-color-border);border-radius:var(--void-radius-md);color:var(--void-color-text);font-family:inherit;font-size:var(--void-text-sm);line-height:var(--void-leading-normal);outline:none;transition:border-color var(--void-duration-fast) var(--void-ease-in-out),box-shadow var(--void-duration-fast) var(--void-ease-in-out)}void-input input::placeholder{color:var(--void-color-text-muted)}void-input input:hover{border-color:var(--void-color-border-strong)}void-input input:focus{border-color:var(--void-color-border-focus);box-shadow:0 0 0 1px var(--void-color-border-focus)}void-input input:disabled{opacity:.5;cursor:not-allowed}void-input[error]:not([error=""]) input{border-color:var(--void-color-error)}void-input[error]:not([error=""]) input:focus{box-shadow:0 0 0 1px var(--void-color-error)}.void-input-error{color:var(--void-color-error);font-size:var(--void-text-xs)}void-input[size=sm] input{padding:var(--void-space-1) var(--void-space-2);font-size:var(--void-text-xs)}void-input[size=lg] input{padding:var(--void-space-3) var(--void-space-4);font-size:var(--void-text-base)}void-input[size=xl] input{padding:var(--void-space-4) var(--void-space-5);font-size:var(--void-text-lg)}void-input[size=xxl] input{padding:var(--void-space-5) var(--void-space-6);font-size:var(--void-text-xl)}void-textarea{display:flex;flex-direction:column;gap:var(--void-space-1);font-family:var(--void-font-sans)}void-textarea textarea{width:100%;padding:var(--void-space-2) var(--void-space-3);background:var(--void-color-bg-secondary);border:1px solid var(--void-color-border);border-radius:var(--void-radius-md);color:var(--void-color-text);font-family:inherit;font-size:var(--void-text-sm);line-height:var(--void-leading-normal);outline:none;transition:border-color var(--void-duration-fast) var(--void-ease-in-out),box-shadow var(--void-duration-fast) var(--void-ease-in-out)}void-textarea textarea::placeholder{color:var(--void-color-text-muted)}void-textarea textarea:hover{border-color:var(--void-color-border-strong)}void-textarea textarea:focus{border-color:var(--void-color-border-focus);box-shadow:0 0 0 1px var(--void-color-border-focus)}void-textarea textarea:disabled{opacity:.5;cursor:not-allowed}void-textarea[error]:not([error=""]) textarea{border-color:var(--void-color-error)}void-textarea[error]:not([error=""]) textarea:focus{box-shadow:0 0 0 1px var(--void-color-error)}.void-textarea-error{color:var(--void-color-error);font-size:var(--void-text-xs)}void-textarea[size=sm] textarea{padding:var(--void-space-1) var(--void-space-2);font-size:var(--void-text-xs)}void-textarea[size=lg] textarea{padding:var(--void-space-3) var(--void-space-4);font-size:var(--void-text-base)}void-textarea[size=xl] textarea{padding:var(--void-space-4) var(--void-space-5);font-size:var(--void-text-lg)}void-textarea[size=xxl] textarea{padding:var(--void-space-5) var(--void-space-6);font-size:var(--void-text-xl)}void-select{--_ch: 1.109rem;position:relative;display:flex;flex-direction:column;gap:var(--void-space-1);font-family:var(--void-font-sans)}void-select:after{content:"";position:absolute;right:var(--void-space-3);bottom:calc(var(--_ch) - .375rem);width:.75rem;height:.75rem;background-color:var(--void-color-text-secondary);opacity:.6;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-position:center;mask-size:contain;pointer-events:none}void-select select{width:100%;padding:var(--void-space-2) var(--void-space-3);padding-right:var(--void-space-8);background:var(--void-color-bg-secondary);border:1px solid var(--void-color-border);border-radius:var(--void-radius-md);color:var(--void-color-text);font-family:inherit;font-size:var(--void-text-sm);font-weight:var(--void-weight-normal);line-height:var(--void-leading-normal);outline:none;appearance:none;cursor:pointer;transition:border-color var(--void-duration-fast) var(--void-ease-in-out),box-shadow var(--void-duration-fast) var(--void-ease-in-out),background var(--void-duration-fast) var(--void-ease-in-out)}void-select select:hover{border-color:var(--void-color-border-strong);background:var(--void-color-bg-hover)}void-select select:focus{border-color:var(--void-color-border-focus);box-shadow:0 0 0 1px var(--void-color-border-focus)}void-select select:disabled{opacity:.5;cursor:not-allowed}void-select select option{background:var(--void-color-bg-elevated);color:var(--void-color-text)}void-select[error]:not([error=""]) select{border-color:var(--void-color-error)}void-select[error]:not([error=""]) select:focus{box-shadow:0 0 0 1px var(--void-color-error)}void-select[error]:not([error=""]):after{bottom:calc(var(--_ch) - .375rem + var(--void-space-1) + 1.125rem)}.void-select-error{color:var(--void-color-error);font-size:var(--void-text-xs)}void-select[size=sm]{--_ch: .8125rem}void-select[size=sm] select{padding:var(--void-space-1) var(--void-space-2);padding-right:var(--void-space-6);font-size:var(--void-text-xs)}void-select[size=sm]:after{right:var(--void-space-2);width:.625rem;height:.625rem}void-select[size=lg]{--_ch: 1.40625rem}void-select[size=lg] select{padding:var(--void-space-3) var(--void-space-4);padding-right:var(--void-space-10);font-size:var(--void-text-base)}void-select[size=lg]:after{right:var(--void-space-4);width:.875rem;height:.875rem}void-select[size=xl]{--_ch: 1.84375rem}void-select[size=xl] select{padding:var(--void-space-4) var(--void-space-5);padding-right:var(--void-space-10);font-size:var(--void-text-lg)}void-select[size=xl]:after{right:var(--void-space-5);width:1rem;height:1rem}void-select[size=xxl]{--_ch: 2.1875rem}void-select[size=xxl] select{padding:var(--void-space-5) var(--void-space-6);padding-right:var(--void-space-10);font-size:var(--void-text-xl)}void-select[size=xxl]:after{right:var(--void-space-6);width:1.125rem;height:1.125rem}void-checkbox{--tone: var(--void-color-accent);display:inline-flex;align-items:center;gap:var(--void-space-2);cursor:pointer;font-family:var(--void-font-sans);font-size:var(--void-text-sm);color:var(--void-color-text);user-select:none}void-checkbox input[type=checkbox]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.void-checkbox-box{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.125rem;height:1.125rem;border:1.5px solid var(--void-color-border-strong);border-radius:var(--void-radius-sm);background:transparent;color:var(--void-color-text-on-accent);transition:background var(--void-duration-fast) var(--void-ease-in-out),border-color var(--void-duration-fast) var(--void-ease-in-out)}.void-checkbox-box svg{width:.75rem;height:.75rem}void-checkbox:hover .void-checkbox-box{border-color:var(--tone)}void-checkbox:focus-visible .void-checkbox-box{outline:2px solid var(--void-color-border-focus);outline-offset:2px}void-checkbox[checked] .void-checkbox-box{background:var(--tone);border-color:var(--tone)}void-checkbox[indeterminate] .void-checkbox-box{background:var(--tone);border-color:var(--tone)}void-checkbox[color=error]{--tone: var(--void-color-error)}void-checkbox[color=warning]{--tone: var(--void-color-warning)}void-checkbox[color=success]{--tone: var(--void-color-success)}void-checkbox[color=info]{--tone: var(--void-color-info)}void-checkbox[color=notice]{--tone: var(--void-color-notice)}void-checkbox[size=sm]{font-size:var(--void-text-xs)}void-checkbox[size=sm] .void-checkbox-box{width:.875rem;height:.875rem}void-checkbox[size=sm] .void-checkbox-box svg{width:.625rem;height:.625rem}void-checkbox[size=lg]{font-size:var(--void-text-base)}void-checkbox[size=lg] .void-checkbox-box{width:1.375rem;height:1.375rem}void-checkbox[size=lg] .void-checkbox-box svg{width:1rem;height:1rem}void-checkbox[size=xl]{font-size:var(--void-text-lg)}void-checkbox[size=xl] .void-checkbox-box{width:1.625rem;height:1.625rem}void-checkbox[size=xl] .void-checkbox-box svg{width:1.125rem;height:1.125rem}void-checkbox[size=xxl]{font-size:var(--void-text-xl)}void-checkbox[size=xxl] .void-checkbox-box{width:1.875rem;height:1.875rem}void-checkbox[size=xxl] .void-checkbox-box svg{width:1.25rem;height:1.25rem}void-checkbox[disabled]{opacity:.5;pointer-events:none;cursor:not-allowed}void-radio{--tone: var(--void-color-accent);display:inline-flex;align-items:center;gap:var(--void-space-2);cursor:pointer;font-family:var(--void-font-sans);font-size:var(--void-text-sm);color:var(--void-color-text);user-select:none}void-radio input[type=radio]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.void-radio-circle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.125rem;height:1.125rem;border:1.5px solid var(--void-color-border-strong);border-radius:var(--void-radius-full);background:transparent;transition:background var(--void-duration-fast) var(--void-ease-in-out),border-color var(--void-duration-fast) var(--void-ease-in-out)}.void-radio-dot{width:.5rem;height:.5rem;border-radius:var(--void-radius-full);background:var(--void-color-text-on-accent)}void-radio:hover .void-radio-circle{border-color:var(--tone)}void-radio:focus-visible .void-radio-circle{outline:2px solid var(--void-color-border-focus);outline-offset:2px}void-radio[checked] .void-radio-circle{background:var(--tone);border-color:var(--tone)}void-radio[color=error]{--tone: var(--void-color-error)}void-radio[color=warning]{--tone: var(--void-color-warning)}void-radio[color=success]{--tone: var(--void-color-success)}void-radio[color=info]{--tone: var(--void-color-info)}void-radio[color=notice]{--tone: var(--void-color-notice)}void-radio[size=sm]{font-size:var(--void-text-xs)}void-radio[size=sm] .void-radio-circle{width:.875rem;height:.875rem}void-radio[size=sm] .void-radio-dot{width:.375rem;height:.375rem}void-radio[size=lg]{font-size:var(--void-text-base)}void-radio[size=lg] .void-radio-circle{width:1.375rem;height:1.375rem}void-radio[size=lg] .void-radio-dot{width:.625rem;height:.625rem}void-radio[size=xl]{font-size:var(--void-text-lg)}void-radio[size=xl] .void-radio-circle{width:1.625rem;height:1.625rem}void-radio[size=xl] .void-radio-dot{width:.75rem;height:.75rem}void-radio[size=xxl]{font-size:var(--void-text-xl)}void-radio[size=xxl] .void-radio-circle{width:1.875rem;height:1.875rem}void-radio[size=xxl] .void-radio-dot{width:.875rem;height:.875rem}void-radio[disabled]{opacity:.5;pointer-events:none;cursor:not-allowed}void-radio-group{display:flex;flex-direction:column;gap:var(--void-space-2);font-family:var(--void-font-sans)}.void-radio-group-label{font-size:var(--void-text-sm);font-weight:var(--void-weight-medium);color:var(--void-color-text)}.void-radio-group-options{display:flex;flex-direction:column;gap:var(--void-space-2)}void-radio-group[orientation=horizontal] .void-radio-group-options{flex-direction:row;flex-wrap:wrap;gap:var(--void-space-4)}void-field{display:flex;flex-direction:column;gap:var(--void-space-1);font-family:var(--void-font-sans)}.void-field-label{font-size:var(--void-text-sm);font-weight:var(--void-weight-medium);color:var(--void-color-text)}.void-field-required{color:var(--void-color-error)}.void-field-control{display:flex;flex-direction:column}.void-field-helper{font-size:var(--void-text-xs);color:var(--void-color-text-muted)}.void-field-error{font-size:var(--void-text-xs);color:var(--void-color-error)}void-field[error]:not([error=""]) input,void-field[error]:not([error=""]) textarea,void-field[error]:not([error=""]) select{border-color:var(--void-color-error)}void-field[error]:not([error=""]) input:focus,void-field[error]:not([error=""]) textarea:focus,void-field[error]:not([error=""]) select:focus{box-shadow:0 0 0 1px var(--void-color-error)}void-option{display:none}void-multiselect{display:flex;flex-direction:column;gap:var(--void-space-1);font-family:var(--void-font-sans);position:relative}.void-multiselect-trigger{display:flex;flex-wrap:wrap;align-items:center;gap:var(--void-space-1);padding:var(--void-space-2) var(--void-space-3);min-height:2.25rem;background:var(--void-color-bg-secondary);border:1px solid var(--void-color-border);border-radius:var(--void-radius-md);color:var(--void-color-text);font-family:inherit;font-size:var(--void-text-sm);line-height:var(--void-leading-normal);cursor:pointer;outline:none;transition:border-color var(--void-duration-fast) var(--void-ease-in-out),box-shadow var(--void-duration-fast) var(--void-ease-in-out)}.void-multiselect-trigger:hover{border-color:var(--void-color-border-strong)}.void-multiselect-trigger:focus-visible{border-color:var(--void-color-border-focus);box-shadow:0 0 0 1px var(--void-color-border-focus)}void-multiselect[aria-expanded=true] .void-multiselect-trigger{border-color:var(--void-color-border-focus);box-shadow:0 0 0 1px var(--void-color-border-focus)}.void-multiselect-placeholder{color:var(--void-color-text-muted);font-size:var(--void-text-sm);line-height:var(--void-leading-normal)}.void-multiselect-pill{display:inline-flex;align-items:center;gap:var(--void-space-1);padding:.125rem var(--void-space-2);background:var(--void-color-bg-hover);border:1px solid var(--void-color-border);border-radius:var(--void-radius-full);font-size:var(--void-text-xs);color:var(--void-color-text);white-space:nowrap;line-height:var(--void-leading-normal)}.void-multiselect-pill-remove{display:inline-flex;align-items:center;justify-content:center;width:.875rem;height:.875rem;padding:0;border:none;border-radius:var(--void-radius-full);background:transparent;color:inherit;font-size:var(--void-text-xs);line-height:1;cursor:pointer;opacity:.6;transition:opacity var(--void-duration-fast) var(--void-ease-in-out)}.void-multiselect-pill-remove:hover{opacity:1}.void-multiselect-dropdown{position:absolute;top:calc(100% + var(--void-space-1));left:0;right:0;background:var(--void-color-bg-elevated);border:1px solid var(--void-color-border);border-radius:var(--void-radius-md);box-shadow:0 4px 16px var(--void-color-bg-overlay);max-height:16rem;overflow-y:auto;z-index:100;padding:var(--void-space-1) 0}.void-multiselect-option{display:flex;align-items:center;gap:var(--void-space-2);padding:var(--void-space-2) var(--void-space-3);cursor:pointer;color:var(--void-color-text);font-size:var(--void-text-sm);user-select:none;transition:background var(--void-duration-fast) var(--void-ease-in-out)}.void-multiselect-option:hover{background:var(--void-color-bg-hover)}.void-multiselect-checkbox{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1rem;height:1rem;border:1.5px solid var(--void-color-border-strong);border-radius:var(--void-radius-sm);background:transparent;color:var(--void-color-text-on-accent);transition:background var(--void-duration-fast) var(--void-ease-in-out),border-color var(--void-duration-fast) var(--void-ease-in-out)}.void-multiselect-option[aria-selected=true] .void-multiselect-checkbox{background:var(--void-color-accent);border-color:var(--void-color-accent)}.void-multiselect-checkbox svg{width:.625rem;height:.625rem}void-multiselect[error]:not([error=""]) .void-multiselect-trigger{border-color:var(--void-color-error)}void-multiselect[error]:not([error=""]) .void-multiselect-trigger:focus-visible{box-shadow:0 0 0 1px var(--void-color-error)}.void-multiselect-error{color:var(--void-color-error);font-size:var(--void-text-xs)}void-multiselect[disabled]{opacity:.5;pointer-events:none}void-multiselect[disabled] .void-multiselect-trigger{cursor:not-allowed}void-multiselect[size=sm] .void-multiselect-trigger{padding:var(--void-space-1) var(--void-space-2);font-size:var(--void-text-xs);min-height:1.75rem}void-multiselect[size=lg] .void-multiselect-trigger{padding:var(--void-space-3) var(--void-space-4);font-size:var(--void-text-base);min-height:2.75rem}void-multiselect[size=xl] .void-multiselect-trigger{padding:var(--void-space-4) var(--void-space-5);font-size:var(--void-text-lg);min-height:3.25rem}void-multiselect[size=xxl] .void-multiselect-trigger{padding:var(--void-space-5) var(--void-space-6);font-size:var(--void-text-xl);min-height:3.75rem}void-dialog{display:none}void-dialog[open]{display:contents}.void-dialog-backdrop{position:fixed;inset:0;background:var(--void-color-bg-overlay);z-index:1000;display:flex;align-items:center;justify-content:center}.void-dialog-panel{background:var(--void-color-bg-elevated);border:1px solid var(--void-color-border);border-radius:var(--void-radius-lg);box-shadow:var(--void-shadow-lg);max-height:85vh;overflow-y:auto;width:100%;max-width:32rem}void-dialog[size=sm] .void-dialog-panel{max-width:24rem}void-dialog[size=md] .void-dialog-panel{max-width:32rem}void-dialog[size=lg] .void-dialog-panel{max-width:48rem}void-dialog[size=xl] .void-dialog-panel{max-width:64rem}.void-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--void-space-4) var(--void-space-5);border-bottom:1px solid var(--void-color-border)}.void-dialog-heading{font-family:var(--void-font-sans);font-size:var(--void-text-lg);font-weight:var(--void-weight-semibold);color:var(--void-color-text)}.void-dialog-close{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:var(--void-radius-sm);background:transparent;color:var(--void-color-text-secondary);font-size:var(--void-text-lg);cursor:pointer;opacity:.6;transition:opacity var(--void-duration-fast) var(--void-ease-in-out);flex-shrink:0}.void-dialog-close:hover{opacity:1}.void-dialog-body{padding:var(--void-space-5);font-family:var(--void-font-sans);font-size:var(--void-text-sm);color:var(--void-color-text)}void-tabs{display:flex;flex-direction:column;font-family:var(--void-font-sans)}.void-tabs-list{display:flex;border-bottom:1px solid var(--void-color-border);gap:var(--void-space-1)}.void-tabs-tab{appearance:none;background:none;border:none;border-bottom:2px solid transparent;border-radius:0;padding:var(--void-space-2) var(--void-space-3);font-family:var(--void-font-sans);font-size:var(--void-text-sm);color:var(--void-color-text-muted);cursor:pointer;transition:color var(--void-duration-fast) var(--void-ease-in-out),background var(--void-duration-fast) var(--void-ease-in-out),border-bottom-color var(--void-duration-fast) var(--void-ease-in-out);margin-bottom:-1px;outline:none}.void-tabs-tab:hover{color:var(--void-color-text);background:var(--void-color-bg-hover)}.void-tabs-tab:focus-visible{outline:2px solid var(--void-color-accent);outline-offset:2px}.void-tabs-tab[aria-selected=true]{color:var(--void-color-accent);border-bottom-color:var(--void-color-accent);font-weight:var(--void-weight-medium)}void-tab-panel{display:none;padding-top:var(--void-space-4)}void-tab-panel[active]{display:block}void-tabs[size=sm] .void-tabs-tab{padding:var(--void-space-1) var(--void-space-2);font-size:var(--void-text-xs)}void-tabs[size=lg] .void-tabs-tab{padding:var(--void-space-3) var(--void-space-4);font-size:var(--void-text-base)}void-accordion{display:flex;flex-direction:column}void-accordion-item{border-bottom:1px solid var(--void-color-border)}.void-accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--void-space-3) var(--void-space-4);border:none;background:transparent;color:var(--void-color-text);font-family:var(--void-font-sans);font-size:var(--void-text-base);font-weight:var(--void-weight-medium);text-align:left;cursor:pointer;transition:background var(--void-duration-fast) var(--void-ease-in-out)}.void-accordion-trigger:hover{background:var(--void-color-bg-hover)}.void-accordion-trigger:focus-visible{outline:2px solid var(--void-color-border);outline-offset:-2px}.void-accordion-chevron{width:1rem;height:1rem;flex-shrink:0;color:var(--void-color-text-secondary);transition:transform var(--void-duration-fast) var(--void-ease-in-out)}void-accordion-item[open] .void-accordion-chevron{transform:rotate(90deg)}.void-accordion-content{display:none}void-accordion-item[open] .void-accordion-content{display:block;padding:var(--void-space-3) var(--void-space-4) var(--void-space-4);color:var(--void-color-text);font-family:var(--void-font-sans);font-size:var(--void-text-sm)}void-breadcrumbs{display:block;font-family:var(--void-font-sans)}.void-breadcrumbs-list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;padding:0;margin:0;gap:var(--void-space-1)}.void-breadcrumbs-item{display:inline-flex;align-items:center;font-size:var(--void-text-sm);color:var(--void-color-text-muted)}.void-breadcrumbs-item+.void-breadcrumbs-item:before{content:attr(data-separator,"/");margin-right:var(--void-space-1);color:var(--void-color-text-muted);opacity:.5}.void-breadcrumbs-item:last-child{color:var(--void-color-text)}.void-breadcrumbs-item a{color:var(--void-color-text-muted);text-decoration:none}.void-breadcrumbs-item a:hover{color:var(--void-color-text)}void-list{display:flex;flex-direction:column;font-family:var(--void-font-sans)}void-list[dividers] void-list-item+void-list-item{border-top:1px solid var(--void-color-border)}void-list-item{display:flex;align-items:center;gap:var(--void-space-3);padding:var(--void-space-2) var(--void-space-3);font-size:var(--void-text-sm);color:var(--void-color-text)}void-list-item[interactive]{cursor:pointer;transition:background var(--void-duration-fast) var(--void-ease-in-out)}void-list-item[interactive]:hover{background:var(--void-color-bg-hover)}void-list-item[selected]{background:color-mix(in srgb,var(--void-color-accent) 10%,transparent);color:var(--void-color-accent)}void-list-item[disabled]{opacity:.5;pointer-events:none}void-toast-container{position:fixed;bottom:0;right:0;z-index:1100;display:flex;flex-direction:column;gap:var(--void-space-2);padding:var(--void-space-4);pointer-events:none}void-toast-container[position=top-right]{inset:0 0 auto auto}void-toast-container[position=top-left]{inset:0 auto auto 0}void-toast-container[position=bottom-right]{inset:auto 0 0 auto}void-toast-container[position=bottom-left]{inset:auto auto 0 0}void-toast-container[position=top-center]{inset:0 auto auto 50%;transform:translate(-50%)}void-toast-container[position=bottom-center]{inset:auto auto 0 50%;transform:translate(-50%)}void-toast{--tone: var(--void-color-accent);position:relative;pointer-events:auto;display:flex;flex-direction:column;gap:var(--void-space-1);padding:var(--void-space-3) var(--void-space-4);background:var(--void-color-bg-elevated);border:1px solid var(--void-color-border);border-left:3px solid var(--tone);border-radius:var(--void-radius-md);box-shadow:var(--void-shadow-lg);min-width:20rem;max-width:28rem;color:var(--void-color-text);font-family:var(--void-font-sans);font-size:var(--void-text-sm);line-height:var(--void-leading-normal)}void-toast[color=error]{--tone: var(--void-color-error)}void-toast[color=warning]{--tone: var(--void-color-warning)}void-toast[color=success]{--tone: var(--void-color-success)}void-toast[color=info]{--tone: var(--void-color-info)}.void-toast-heading{font-weight:var(--void-weight-medium)}.void-toast-close{position:absolute;top:var(--void-space-2);right:var(--void-space-2);display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:none;border-radius:var(--void-radius-sm);background:transparent;color:inherit;font-size:var(--void-text-base);cursor:pointer;opacity:.6;transition:opacity var(--void-duration-fast) var(--void-ease-in-out)}.void-toast-close:hover{opacity:1}void-stepper{display:flex;align-items:flex-start;font-family:var(--void-font-sans)}.void-stepper-step{display:flex;flex-direction:column;align-items:center;gap:var(--void-space-1);flex:1;position:relative}.void-stepper-circle{width:2rem;height:2rem;border-radius:var(--void-radius-full);display:inline-flex;align-items:center;justify-content:center;font-size:var(--void-text-xs);font-weight:var(--void-weight-medium);border:2px solid var(--void-color-border);transition:background-color var(--void-duration-fast) var(--void-ease-in-out),border-color var(--void-duration-fast) var(--void-ease-in-out),color var(--void-duration-fast) var(--void-ease-in-out)}.void-stepper-step[data-state=completed] .void-stepper-circle{background-color:var(--void-color-accent);border-color:var(--void-color-accent);color:var(--void-color-text-on-accent)}.void-stepper-step[data-state=active] .void-stepper-circle{border-color:var(--void-color-accent);color:var(--void-color-accent)}.void-stepper-step[data-state=upcoming] .void-stepper-circle{border-color:var(--void-color-border);color:var(--void-color-text-muted)}.void-stepper-label{font-size:var(--void-text-xs);color:var(--void-color-text-muted);text-align:center}.void-stepper-step[data-state=active] .void-stepper-label{color:var(--void-color-text);font-weight:var(--void-weight-medium)}.void-stepper-connector{height:2px;background-color:var(--void-color-border);flex:1;align-self:flex-start;margin-top:1rem}.void-stepper-connector[data-state=completed]{background-color:var(--void-color-accent)}void-drawer{display:none}void-drawer[open]{display:contents}.void-drawer-backdrop{position:fixed;inset:0;background:var(--void-color-bg-overlay);z-index:1000}.void-drawer-panel{position:fixed;z-index:1001;display:flex;flex-direction:column;background:var(--void-color-bg-elevated);font-family:var(--void-font-sans);color:var(--void-color-text);transition:transform var(--void-duration-normal) var(--void-ease-in-out)}void-drawer[side=left] .void-drawer-panel{left:0;top:0;bottom:0;border-right:1px solid var(--void-color-border);transform:translate(0)}void-drawer[side=right] .void-drawer-panel{right:0;top:0;bottom:0;border-left:1px solid var(--void-color-border);transform:translate(0)}void-drawer[side=top] .void-drawer-panel{top:0;left:0;right:0;border-bottom:1px solid var(--void-color-border);transform:translateY(0)}void-drawer[side=bottom] .void-drawer-panel{bottom:0;left:0;right:0;border-top:1px solid var(--void-color-border);transform:translateY(0)}void-drawer[side=left] .void-drawer-panel,void-drawer[side=right] .void-drawer-panel{width:24rem}void-drawer[side=top] .void-drawer-panel,void-drawer[side=bottom] .void-drawer-panel{height:24rem}void-drawer[side=left][size=sm] .void-drawer-panel,void-drawer[side=right][size=sm] .void-drawer-panel{width:16rem}void-drawer[side=left][size=lg] .void-drawer-panel,void-drawer[side=right][size=lg] .void-drawer-panel{width:36rem}void-drawer[side=top][size=sm] .void-drawer-panel,void-drawer[side=bottom][size=sm] .void-drawer-panel{height:16rem}void-drawer[side=top][size=lg] .void-drawer-panel,void-drawer[side=bottom][size=lg] .void-drawer-panel{height:36rem}.void-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--void-space-4);border-bottom:1px solid var(--void-color-border);flex-shrink:0}.void-drawer-heading{font-size:var(--void-text-sm);font-weight:var(--void-weight-semibold);color:var(--void-color-text)}.void-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;margin-left:auto;border:none;border-radius:var(--void-radius-md);background:transparent;color:inherit;font-size:var(--void-text-sm);cursor:pointer;opacity:.6;transition:opacity var(--void-duration-normal) var(--void-ease-in-out);flex-shrink:0}.void-drawer-close:hover{opacity:1}.void-drawer-body{padding:var(--void-space-4);overflow-y:auto;flex:1}void-card{display:flex;flex-direction:column;border:1px solid var(--void-color-border);border-radius:var(--void-radius-lg);overflow:hidden;background:var(--void-color-bg-secondary);font-family:var(--void-font-sans)}void-card[variant=elevated]{background:var(--void-color-bg-elevated);border:none;box-shadow:var(--void-shadow-md)}void-card[variant=outlined]{background:transparent;border:1px solid var(--void-color-border)}.void-card-header{padding:var(--void-space-4) var(--void-space-4) var(--void-space-3);border-bottom:1px solid var(--void-color-border)}.void-card-heading{font-size:var(--void-text-base);font-weight:var(--void-weight-semibold);color:var(--void-color-text)}.void-card-body{padding:var(--void-space-4)}void-card[padding=none] .void-card-body{padding:0}void-card[padding=sm] .void-card-body{padding:var(--void-space-2)}void-card[padding=lg] .void-card-body{padding:var(--void-space-6)}void-popover{position:relative;display:inline-flex}.void-popover-body{display:none;position:absolute;z-index:1000;min-width:12rem;background:var(--void-color-bg-elevated);border:1px solid var(--void-color-border);border-radius:var(--void-radius-md);padding:var(--void-space-3);box-shadow:0 4px 16px var(--void-color-bg-overlay);font-family:var(--void-font-sans);font-size:var(--void-text-sm);color:var(--void-color-text);transition:opacity var(--void-duration-fast) var(--void-ease-in-out)}void-popover[open] .void-popover-body{display:block}void-popover[position=bottom] .void-popover-body{top:calc(100% + var(--void-space-2));left:0}void-popover[position=top] .void-popover-body{bottom:calc(100% + var(--void-space-2));left:0}void-popover[position=left] .void-popover-body{right:calc(100% + var(--void-space-2));top:0}void-popover[position=right] .void-popover-body{left:calc(100% + var(--void-space-2));top:0}void-tooltip{position:relative;display:inline-flex}.void-tooltip-bubble{position:absolute;bottom:calc(100% + var(--void-space-1));left:50%;transform:translate(-50%);background:var(--void-color-bg-elevated);border:1px solid var(--void-color-border);border-radius:var(--void-radius-sm);padding:var(--void-space-1) var(--void-space-2);font-family:var(--void-font-sans);font-size:var(--void-text-xs);color:var(--void-color-text);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--void-duration-fast) var(--void-ease-in-out);z-index:1000}void-tooltip[visible] .void-tooltip-bubble{opacity:1}void-tooltip[position=bottom] .void-tooltip-bubble{bottom:auto;top:calc(100% + var(--void-space-1));left:50%;transform:translate(-50%)}void-tooltip[position=left] .void-tooltip-bubble{bottom:auto;left:auto;top:50%;right:calc(100% + var(--void-space-1));transform:translateY(-50%)}void-tooltip[position=right] .void-tooltip-bubble{bottom:auto;left:calc(100% + var(--void-space-1));top:50%;transform:translateY(-50%)}void-banner{--tone: var(--void-color-accent);--tone-subtle: color-mix(in srgb, var(--tone) 14%, transparent);--tone-border: color-mix(in srgb, var(--tone) 36%, transparent);display:flex;align-items:center;gap:var(--void-space-3);padding:var(--void-space-3) var(--void-space-4);border:1px solid var(--tone-border);border-radius:var(--void-radius-md);background:var(--tone-subtle);color:var(--void-color-text);font-family:var(--void-font-sans);font-size:var(--void-text-sm)}void-banner[variant=filled]{background:var(--tone);border-color:var(--tone);color:var(--void-color-text-on-accent)}void-banner[color=error]{--tone: var(--void-color-error)}void-banner[color=warning]{--tone: var(--void-color-warning)}void-banner[color=success]{--tone: var(--void-color-success)}void-banner[color=info]{--tone: var(--void-color-info)}void-banner[color=notice]{--tone: var(--void-color-notice)}.void-banner-close{order:1;margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:none;border-radius:var(--void-radius-sm);background:transparent;color:inherit;font-size:var(--void-text-base);cursor:pointer;opacity:.6;transition:opacity var(--void-duration-fast) var(--void-ease-in-out)}.void-banner-close:hover{opacity:1}void-scroll-area{display:block}.void-scroll-area-viewport{overflow:hidden}void-scroll-area[direction=vertical] .void-scroll-area-viewport{overflow-y:auto}void-scroll-area[direction=horizontal] .void-scroll-area-viewport{overflow-x:auto}void-scroll-area[direction=both] .void-scroll-area-viewport{overflow:auto}.void-scroll-area-viewport::-webkit-scrollbar{width:6px;height:6px}.void-scroll-area-viewport::-webkit-scrollbar-track{background:transparent}.void-scroll-area-viewport::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--void-color-text-muted) 30%,transparent);border-radius:var(--void-radius-full)}.void-scroll-area-viewport::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--void-color-text-muted) 60%,transparent)}.void-scroll-area-viewport{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--void-color-text-muted) 30%,transparent) transparent}void-table{display:block;font-family:var(--void-font-sans);overflow-x:auto}void-table table{width:100%;border-collapse:collapse;font-size:var(--void-text-sm)}void-table th{text-align:left;font-weight:var(--void-weight-medium);font-size:var(--void-text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--void-color-text-secondary);padding:var(--void-space-3);border-bottom:1px solid var(--void-color-border)}void-table td{padding:var(--void-space-3);color:var(--void-color-text);border-bottom:1px solid var(--void-color-border)}void-table[striped] tbody tr:nth-child(2n){background:var(--void-color-bg-secondary)}void-table[hoverable] tbody tr:hover{background:var(--void-color-bg-hover)}void-table[compact] th,void-table[compact] td{padding:var(--void-space-2)}void-table[bordered] th,void-table[bordered] td{border:1px solid var(--void-color-border)}void-pagination nav{display:flex;align-items:center;gap:var(--void-space-1);font-family:var(--void-font-sans)}.void-pagination-btn{appearance:none;background:none;border:1px solid transparent;border-radius:var(--void-radius-md);display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 var(--void-space-1);font-family:var(--void-font-sans);font-size:var(--void-text-sm);color:var(--void-color-text);cursor:pointer;transition:background var(--void-duration-fast) var(--void-ease-in-out),color var(--void-duration-fast) var(--void-ease-in-out),border-color var(--void-duration-fast) var(--void-ease-in-out)}.void-pagination-btn:hover:not(:disabled){background:var(--void-color-bg-hover)}.void-pagination-btn:focus-visible{outline:2px solid var(--void-color-accent);outline-offset:2px}.void-pagination-btn[aria-current=page]{background:var(--void-color-accent);color:var(--void-color-text-on-accent);border-color:var(--void-color-accent);cursor:default}.void-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.void-pagination-btn[aria-current=page]:disabled{opacity:1}.void-pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;color:var(--void-color-text-muted);font-size:var(--void-text-sm);user-select:none}void-pagination[size=sm] .void-pagination-btn,void-pagination[size=sm] .void-pagination-ellipsis{min-width:1.5rem;height:1.5rem;font-size:var(--void-text-xs)}void-pagination[size=lg] .void-pagination-btn,void-pagination[size=lg] .void-pagination-ellipsis{min-width:2.5rem;height:2.5rem;font-size:var(--void-text-base)}void-error-fallback{display:flex;align-items:center;justify-content:center;padding:var(--void-space-8);font-family:var(--void-font-sans)}.void-error-fallback-content{display:flex;flex-direction:column;align-items:center;gap:var(--void-space-3);text-align:center;max-width:24rem}.void-error-fallback-icon{font-size:2rem;color:var(--void-color-error);opacity:.7}.void-error-fallback-heading{font-size:var(--void-text-lg);font-weight:var(--void-weight-semibold);color:var(--void-color-text)}.void-error-fallback-message{font-size:var(--void-text-sm);color:var(--void-color-text-secondary)}.void-error-fallback-retry{padding:var(--void-space-2) var(--void-space-4);background:var(--void-color-bg-secondary);border:1px solid var(--void-color-border);border-radius:var(--void-radius-md);font-size:var(--void-text-sm);font-family:var(--void-font-sans);color:var(--void-color-text);cursor:pointer;transition:background var(--void-duration-fast) var(--void-ease-in-out),border-color var(--void-duration-fast) var(--void-ease-in-out)}.void-error-fallback-retry:hover{background:var(--void-color-bg-secondary);border-color:var(--void-color-text-muted)}.void-error-fallback-retry:focus-visible{outline:2px solid var(--void-color-border-focus);outline-offset:2px}void-checkbox-group{display:flex;flex-direction:column;gap:var(--void-space-2);font-family:var(--void-font-sans)}.void-checkbox-group-label{font-size:var(--void-text-sm);font-weight:var(--void-weight-medium);color:var(--void-color-text);margin-bottom:var(--void-space-1)}.void-checkbox-group-items{display:flex;gap:var(--void-space-2)}void-checkbox-group[orientation=vertical] .void-checkbox-group-items{flex-direction:column}void-checkbox-group[orientation=horizontal] .void-checkbox-group-items{flex-direction:row;flex-wrap:wrap}void-combobox{display:flex;flex-direction:column;gap:var(--void-space-1);font-family:var(--void-font-sans);position:relative}.void-combobox-input{width:100%;padding:var(--void-space-2) var(--void-space-3);background:var(--void-color-bg-secondary);border:1px solid var(--void-color-border);border-radius:var(--void-radius-md);color:var(--void-color-text);font-family:inherit;font-size:var(--void-text-sm);line-height:var(--void-leading-normal);outline:none;transition:border-color var(--void-duration-fast) var(--void-ease-in-out),box-shadow var(--void-duration-fast) var(--void-ease-in-out)}.void-combobox-input::placeholder{color:var(--void-color-text-muted)}.void-combobox-input:hover{border-color:var(--void-color-border-strong)}.void-combobox-input:focus{border-color:var(--void-color-border-focus);box-shadow:0 0 0 1px var(--void-color-border-focus)}void-combobox[aria-expanded=true] .void-combobox-input{border-color:var(--void-color-border-focus);box-shadow:0 0 0 1px var(--void-color-border-focus)}void-combobox[error]:not([error=""]) .void-combobox-input{border-color:var(--void-color-error)}void-combobox[error]:not([error=""]) .void-combobox-input:focus{box-shadow:0 0 0 1px var(--void-color-error)}.void-combobox-error{color:var(--void-color-error);font-size:var(--void-text-xs)}.void-combobox-dropdown{position:absolute;top:calc(100% + var(--void-space-1));left:0;right:0;background:var(--void-color-bg-elevated);border:1px solid var(--void-color-border);border-radius:var(--void-radius-md);box-shadow:0 4px 16px var(--void-color-bg-overlay);max-height:16rem;overflow-y:auto;z-index:100;padding:var(--void-space-1) 0}.void-combobox-option{padding:var(--void-space-2) var(--void-space-3);cursor:pointer;color:var(--void-color-text);font-size:var(--void-text-sm);user-select:none;transition:background var(--void-duration-fast) var(--void-ease-in-out)}.void-combobox-option:hover{background:var(--void-color-bg-hover)}.void-combobox-option[aria-selected=true]{background:var(--void-color-accent);color:var(--void-color-text-on-accent)}.void-combobox-empty{padding:var(--void-space-2) var(--void-space-3);color:var(--void-color-text-muted);font-size:var(--void-text-xs)}void-combobox[disabled]{opacity:.5;pointer-events:none}void-combobox[disabled] .void-combobox-input{cursor:not-allowed}void-combobox[size=sm] .void-combobox-input{padding:var(--void-space-1) var(--void-space-2);font-size:var(--void-text-xs)}void-combobox[size=lg] .void-combobox-input{padding:var(--void-space-3) var(--void-space-4);font-size:var(--void-text-base)}void-combobox[size=xl] .void-combobox-input{padding:var(--void-space-4) var(--void-space-5);font-size:var(--void-text-lg)}void-combobox[size=xxl] .void-combobox-input{padding:var(--void-space-5) var(--void-space-6);font-size:var(--void-text-xl)}void-slider{display:flex;align-items:center;gap:var(--void-space-2);font-family:var(--void-font-sans)}void-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:linear-gradient(to right,var(--void-color-accent) var(--fill, 50%),var(--void-color-border) var(--fill, 50%));border-radius:var(--void-radius-full);outline:none;cursor:pointer;transition:opacity var(--void-duration-fast) var(--void-ease-in-out)}void-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1rem;height:1rem;border-radius:var(--void-radius-full);background:var(--void-color-accent);border:none;cursor:pointer;transition:transform var(--void-duration-fast) var(--void-ease-in-out),box-shadow var(--void-duration-fast) var(--void-ease-in-out)}void-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 3px color-mix(in srgb,var(--void-color-accent) 25%,transparent)}void-slider input[type=range]::-moz-range-track{height:4px;background:var(--void-color-border);border-radius:var(--void-radius-full);border:none}void-slider input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;width:1rem;height:1rem;border-radius:var(--void-radius-full);background:var(--void-color-accent);border:none;cursor:pointer;transition:transform var(--void-duration-fast) var(--void-ease-in-out),box-shadow var(--void-duration-fast) var(--void-ease-in-out)}void-slider input[type=range]::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 3px color-mix(in srgb,var(--void-color-accent) 25%,transparent)}void-slider input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--void-color-accent) 40%,transparent)}void-slider input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--void-color-accent) 40%,transparent)}.void-slider-value{font-size:var(--void-text-xs);color:var(--void-color-text-secondary);min-width:2rem;text-align:right}void-slider[size=sm] input[type=range]{height:2px}void-slider[size=sm] input[type=range]::-webkit-slider-thumb{width:.75rem;height:.75rem}void-slider[size=sm] input[type=range]::-moz-range-track{height:2px}void-slider[size=sm] input[type=range]::-moz-range-thumb{width:.75rem;height:.75rem}void-slider[size=lg] input[type=range]{height:6px}void-slider[size=lg] input[type=range]::-webkit-slider-thumb{width:1.25rem;height:1.25rem}void-slider[size=lg] input[type=range]::-moz-range-track{height:6px}void-slider[size=lg] input[type=range]::-moz-range-thumb{width:1.25rem;height:1.25rem}void-slider[disabled]{opacity:.5;cursor:not-allowed}void-slider[disabled] input[type=range]{cursor:not-allowed;pointer-events:none}void-file-upload{display:flex;flex-direction:column;gap:var(--void-space-2);font-family:var(--void-font-sans)}.void-file-upload-dropzone{border:2px dashed var(--void-color-border);border-radius:var(--void-radius-lg);padding:var(--void-space-6);text-align:center;cursor:pointer;transition:border-color var(--void-duration-fast) var(--void-ease-in-out),background-color var(--void-duration-fast) var(--void-ease-in-out);outline:none}.void-file-upload-dropzone:hover{border-color:var(--void-color-border-strong);background-color:var(--void-color-bg-hover)}.void-file-upload-dropzone:focus-visible{border-color:var(--void-color-border-focus);box-shadow:0 0 0 1px var(--void-color-border-focus)}void-file-upload[dragging] .void-file-upload-dropzone{border-color:var(--void-color-accent);background-color:color-mix(in srgb,var(--void-color-accent) 8%,transparent)}.void-file-upload-text{font-size:var(--void-text-sm);color:var(--void-color-text-muted)}.void-file-upload-browse{color:var(--void-color-accent);font-weight:500}.void-file-upload-files{display:flex;flex-direction:column;gap:var(--void-space-1)}.void-file-upload-file{display:flex;align-items:center;justify-content:space-between;padding:var(--void-space-2);background-color:var(--void-color-bg-secondary);border-radius:var(--void-radius-md);font-size:var(--void-text-xs)}.void-file-upload-filename{color:var(--void-color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.void-file-upload-remove{appearance:none;background:none;border:none;padding:0;margin:0;line-height:1;cursor:pointer;color:var(--void-color-text-muted);font-size:var(--void-text-sm);flex-shrink:0;transition:color var(--void-duration-fast) var(--void-ease-in-out)}.void-file-upload-remove:hover{color:var(--void-color-text)}.void-file-upload-remove:disabled{cursor:not-allowed;opacity:.5}.void-file-upload-error{color:var(--void-color-error);font-size:var(--void-text-xs)}void-file-upload[error]:not([error=""]) .void-file-upload-dropzone{border-color:var(--void-color-error)}void-file-upload[disabled] .void-file-upload-dropzone{opacity:.5;cursor:not-allowed;pointer-events:none}void-nav-bar{display:block;font-family:var(--void-font-sans);background:var(--void-color-bg)}void-nav-bar[bordered]{border-bottom:1px solid var(--void-color-border)}void-nav-bar[sticky]{position:sticky;top:0;z-index:100}void-nav-bar[variant=elevated]{background:var(--void-color-bg-secondary);box-shadow:0 1px 4px color-mix(in srgb,var(--void-color-text) 10%,transparent)}.void-nav-bar-content{display:flex;align-items:center;gap:var(--void-space-4);padding:var(--void-space-2) var(--void-space-4);min-height:3rem}void-hamburger{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:var(--void-space-2);border-radius:var(--void-radius-md);background:transparent;border:none;user-select:none}void-hamburger:hover{background:var(--void-color-bg-hover)}void-hamburger:focus-visible{outline:2px solid var(--void-color-border-focus);outline-offset:2px}.void-hamburger-lines{display:flex;flex-direction:column;gap:4px;width:1.25rem}.void-hamburger-line{display:block;height:2px;background:var(--void-color-text);border-radius:var(--void-radius-full);transition:transform var(--void-duration-fast) var(--void-ease-in-out),opacity var(--void-duration-fast) var(--void-ease-in-out)}void-hamburger[active] .void-hamburger-line:nth-child(1){transform:rotate(45deg) translate(.375rem,.375rem)}void-hamburger[active] .void-hamburger-line:nth-child(2){opacity:0}void-hamburger[active] .void-hamburger-line:nth-child(3){transform:rotate(-45deg) translate(.375rem,-.375rem)}void-hamburger[size=sm] .void-hamburger-lines{width:1rem;gap:3px}void-hamburger[size=sm][active] .void-hamburger-line:nth-child(1){transform:rotate(45deg) translate(.3rem,.3rem)}void-hamburger[size=sm][active] .void-hamburger-line:nth-child(3){transform:rotate(-45deg) translate(.3rem,-.3rem)}void-hamburger[size=lg] .void-hamburger-lines{width:1.5rem;gap:5px}void-hamburger[size=lg][active] .void-hamburger-line:nth-child(1){transform:rotate(45deg) translate(.4375rem,.4375rem)}void-hamburger[size=lg][active] .void-hamburger-line:nth-child(3){transform:rotate(-45deg) translate(.4375rem,-.4375rem)}void-compose-input{display:block;font-family:var(--void-font-sans)}.void-compose-input-wrapper{display:flex;align-items:flex-end;gap:var(--void-space-2);padding:var(--void-space-2);background:var(--void-color-bg-secondary);border:1px solid var(--void-color-border);border-radius:var(--void-radius-lg);transition:border-color var(--void-duration-fast) var(--void-ease-in-out)}.void-compose-input-wrapper:focus-within{border-color:var(--void-color-border-focus)}.void-compose-input-textarea{flex:1;border:none;background:transparent;color:var(--void-color-text);font-family:inherit;font-size:var(--void-text-sm);resize:none;outline:none;min-height:1.5rem;max-height:8rem;overflow-y:auto;padding:var(--void-space-1)}.void-compose-input-textarea::placeholder{color:var(--void-color-text-muted)}.void-compose-input-send{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:var(--void-radius-md);background:var(--void-color-accent);color:var(--void-color-text-on-accent);cursor:pointer;flex-shrink:0;transition:opacity var(--void-duration-fast) var(--void-ease-in-out)}.void-compose-input-send:disabled{opacity:.3;cursor:not-allowed}.void-compose-input-send svg{width:1rem;height:1rem}void-compose-input[disabled] .void-compose-input-wrapper{opacity:.5;pointer-events:none}:where(.astro-j7pv25f6),:where(.astro-j7pv25f6):before,:where(.astro-j7pv25f6):after{box-sizing:border-box;margin:0}html{font-family:var(--void-font-sans);color:var(--void-color-text);background:#000}body{min-height:100dvh;line-height:1.6;overflow-x:hidden}a:where(.astro-j7pv25f6){color:inherit;text-decoration:none}.container:where(.astro-j7pv25f6){max-width:64rem;margin:0 auto;padding:0 2rem}.nav:where(.astro-j7pv25f6){border-bottom:1px solid rgba(255,255,255,.08);padding:1.25rem 0}.nav-inner:where(.astro-j7pv25f6){display:flex;align-items:center;justify-content:space-between}.nav-wordmark:where(.astro-j7pv25f6){font-family:var(--void-font-mono);font-weight:600;font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--void-color-text)}.nav-links:where(.astro-j7pv25f6){display:flex;gap:2rem;list-style:none}.nav-links:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6){font-size:.875rem;font-weight:400;color:var(--void-color-text-secondary);transition:color .15s}.nav-links:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6):hover{color:var(--void-color-text)}.hero:where(.astro-j7pv25f6){padding:8rem 0 6rem}.hero-inner:where(.astro-j7pv25f6){max-width:44rem}.hero:where(.astro-j7pv25f6) h1:where(.astro-j7pv25f6){font-family:var(--void-font-sans);font-weight:600;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.02em;line-height:1.15;color:var(--void-color-text);margin-bottom:1.25rem}.hero-sub:where(.astro-j7pv25f6){font-size:1rem;color:var(--void-color-text-secondary);margin-bottom:2rem}.install-pill:where(.astro-j7pv25f6){display:inline-flex;align-items:center;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;font-family:var(--void-font-mono);font-size:.8rem;color:var(--void-color-text-secondary);margin-bottom:2rem;transition:color .15s}.install-pill:where(.astro-j7pv25f6):hover{color:var(--void-color-text)}.hero-actions:where(.astro-j7pv25f6){display:flex;gap:.75rem;flex-wrap:wrap}.hero-actions:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6){display:block}.code-section:where(.astro-j7pv25f6){padding:6rem 0;border-top:1px solid rgba(255,255,255,.08)}.code-grid:where(.astro-j7pv25f6){display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}@media(max-width:720px){.code-grid:where(.astro-j7pv25f6){grid-template-columns:1fr;gap:2rem}}.code-left:where(.astro-j7pv25f6) h2:where(.astro-j7pv25f6){font-weight:600;font-size:1.4rem;letter-spacing:-.01em;color:var(--void-color-text);margin-bottom:.875rem}.code-left:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){font-size:.9rem;color:var(--void-color-text-secondary);line-height:1.7}.code-block:where(.astro-j7pv25f6){background:#0a0a0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1.5rem;overflow-x:auto}.code-block:where(.astro-j7pv25f6) pre:where(.astro-j7pv25f6){margin:0;font-family:var(--void-font-mono);font-size:.8rem;line-height:1.7;color:var(--void-color-text);white-space:pre}.features:where(.astro-j7pv25f6){padding:6rem 0;border-top:1px solid rgba(255,255,255,.08)}.section-label:where(.astro-j7pv25f6){font-family:var(--void-font-mono);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--void-color-text-secondary);margin-bottom:3rem}.features-grid:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem 3rem}@media(max-width:720px){.features-grid:where(.astro-j7pv25f6){grid-template-columns:1fr;gap:2rem}}@media(min-width:480px)and (max-width:720px){.features-grid:where(.astro-j7pv25f6){grid-template-columns:repeat(2,1fr)}}.feature-title:where(.astro-j7pv25f6){font-weight:600;font-size:.95rem;color:var(--void-color-text);margin-bottom:.375rem}.feature-desc:where(.astro-j7pv25f6){font-size:.875rem;color:var(--void-color-text-secondary);line-height:1.6}.components:where(.astro-j7pv25f6){padding:6rem 0;border-top:1px solid rgba(255,255,255,.08)}.components-panel:where(.astro-j7pv25f6){border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:2rem;display:flex;flex-direction:column;gap:2rem}.component-row-label:where(.astro-j7pv25f6){font-family:var(--void-font-mono);font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--void-color-text-secondary);margin-bottom:.75rem}.component-row:where(.astro-j7pv25f6){display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.frameworks:where(.astro-j7pv25f6){padding:6rem 0;border-top:1px solid rgba(255,255,255,.08);text-align:center}.frameworks:where(.astro-j7pv25f6) .section-label:where(.astro-j7pv25f6){margin-bottom:1.5rem}.framework-list:where(.astro-j7pv25f6){font-size:.9375rem;font-weight:500;color:var(--void-color-text-secondary);letter-spacing:.01em}.footer:where(.astro-j7pv25f6){border-top:1px solid rgba(255,255,255,.08);padding:2rem 0}.footer-inner:where(.astro-j7pv25f6){display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-wordmark:where(.astro-j7pv25f6){font-family:var(--void-font-mono);font-size:.8rem;font-weight:500;color:var(--void-color-text-secondary)}.footer-links:where(.astro-j7pv25f6){display:flex;gap:1.75rem;list-style:none}.footer-links:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6){font-size:.8rem;color:var(--void-color-text-secondary);transition:color .15s}.footer-links:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6):hover{color:var(--void-color-text)}