*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;scroll-behavior:smooth}body{font-family:var(--tokis-font-family);font-size:var(--tokis-font-size-md);line-height:1.5;color:var(--tokis-text-primary);background-color:var(--tokis-color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:none;border:none}:focus-visible{outline:2px solid var(--tokis-color-primary);outline-offset:2px;border-radius:var(--tokis-radius-sm)}:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--tokis-color-primary: #0066ff;--tokis-color-primary-hover: #0052cc;--tokis-color-primary-active: #003d99;--tokis-color-primary-subtle: #e6f0ff;--tokis-color-secondary: #7c3aed;--tokis-color-secondary-hover: #6d28d9;--tokis-color-secondary-subtle: #ede9fe;--tokis-color-background: #ffffff;--tokis-color-surface: #f8f9fa;--tokis-color-surface-raised: #ffffff;--tokis-color-surface-overlay: #ffffff;--tokis-color-border: #e2e8f0;--tokis-color-border-strong: #cbd5e1;--tokis-color-error: #dc2626;--tokis-color-error-subtle: #fef2f2;--tokis-color-warning: #d97706;--tokis-color-warning-subtle: #fffbeb;--tokis-color-success: #16a34a;--tokis-color-success-subtle: #f0fdf4;--tokis-color-info: #0284c7;--tokis-color-info-subtle: #f0f9ff;--tokis-color-neutral-50: #f8fafc;--tokis-color-neutral-100: #f1f5f9;--tokis-color-neutral-200: #e2e8f0;--tokis-color-neutral-300: #cbd5e1;--tokis-color-neutral-400: #94a3b8;--tokis-color-neutral-500: #64748b;--tokis-color-neutral-600: #475569;--tokis-color-neutral-700: #334155;--tokis-color-neutral-800: #1e293b;--tokis-color-neutral-900: #0f172a;--tokis-text-primary: #0f172a;--tokis-text-secondary: #475569;--tokis-text-tertiary: #94a3b8;--tokis-text-disabled: #cbd5e1;--tokis-text-inverse: #ffffff;--tokis-text-on-primary: #ffffff;--tokis-text-link: #0066ff;--tokis-text-error: #dc2626;--tokis-text-success: #16a34a;--tokis-text-warning: #d97706;--tokis-spacing-0: 0px;--tokis-spacing-1: 4px;--tokis-spacing-2: 8px;--tokis-spacing-3: 12px;--tokis-spacing-4: 16px;--tokis-spacing-5: 20px;--tokis-spacing-6: 24px;--tokis-spacing-8: 32px;--tokis-spacing-10: 40px;--tokis-spacing-12: 48px;--tokis-spacing-16: 64px;--tokis-spacing-20: 80px;--tokis-spacing-24: 96px;--tokis-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", Helvetica, Arial, sans-serif;--tokis-font-family-mono: "SF Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--tokis-font-size-xs: .75rem;--tokis-font-size-sm: .875rem;--tokis-font-size-md: 1rem;--tokis-font-size-lg: 1.125rem;--tokis-font-size-xl: 1.25rem;--tokis-font-size-2xl: 1.5rem;--tokis-font-size-3xl: 1.875rem;--tokis-font-size-4xl: 2.25rem;--tokis-font-weight-regular: 400;--tokis-font-weight-medium: 500;--tokis-font-weight-semibold: 600;--tokis-font-weight-bold: 700;--tokis-line-height-tight: 1.25;--tokis-line-height-normal: 1.5;--tokis-line-height-relaxed: 1.75;--tokis-letter-spacing-tight: -.025em;--tokis-letter-spacing-normal: 0em;--tokis-letter-spacing-wide: .025em;--tokis-radius-none: 0px;--tokis-radius-xs: 2px;--tokis-radius-sm: 4px;--tokis-radius-md: 6px;--tokis-radius-lg: 8px;--tokis-radius-xl: 12px;--tokis-radius-2xl: 16px;--tokis-radius-full: 9999px;--tokis-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--tokis-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tokis-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tokis-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tokis-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tokis-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--tokis-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tokis-color-focus-ring: rgb(0 102 255 / .15);--tokis-color-focus-ring-error: rgb(220 38 38 / .15);--tokis-color-surface-hover: var(--tokis-color-neutral-100);--tokis-color-surface-active: var(--tokis-color-neutral-200);--tokis-duration-fast: .1s;--tokis-duration-normal: .2s;--tokis-duration-slow: .3s;--tokis-duration-slower: .5s;--tokis-ease-in: cubic-bezier(.4, 0, 1, 1);--tokis-ease-out: cubic-bezier(0, 0, .2, 1);--tokis-ease-in-out: cubic-bezier(.4, 0, .2, 1);--tokis-ease-spring: cubic-bezier(.175, .885, .32, 1.275);--tokis-z-base: 0;--tokis-z-raised: 1;--tokis-z-dropdown: 1000;--tokis-z-sticky: 1100;--tokis-z-overlay: 1200;--tokis-z-modal: 1300;--tokis-z-popover: 1400;--tokis-z-tooltip: 1500;--tokis-z-toast: 1600;--tokis-breakpoint-sm: 640px;--tokis-breakpoint-md: 768px;--tokis-breakpoint-lg: 1024px;--tokis-breakpoint-xl: 1280px;--tokis-breakpoint-2xl: 1536px}[data-theme=dark]{--tokis-color-primary: #3b82f6;--tokis-color-primary-hover: #60a5fa;--tokis-color-primary-active: #93c5fd;--tokis-color-primary-subtle: #1e3a5f;--tokis-color-secondary: #a78bfa;--tokis-color-secondary-hover: #c4b5fd;--tokis-color-secondary-subtle: #2e1065;--tokis-color-background: #0f172a;--tokis-color-surface: #1e293b;--tokis-color-surface-raised: #293548;--tokis-color-surface-overlay: #1e293b;--tokis-color-border: #334155;--tokis-color-border-strong: #475569;--tokis-color-error: #f87171;--tokis-color-error-subtle: #450a0a;--tokis-color-warning: #fbbf24;--tokis-color-warning-subtle: #451a03;--tokis-color-success: #4ade80;--tokis-color-success-subtle: #052e16;--tokis-color-info: #38bdf8;--tokis-color-info-subtle: #082f49;--tokis-color-neutral-50: #0f172a;--tokis-color-neutral-100: #1e293b;--tokis-color-neutral-200: #334155;--tokis-color-neutral-300: #475569;--tokis-color-neutral-400: #64748b;--tokis-color-neutral-500: #94a3b8;--tokis-color-neutral-600: #cbd5e1;--tokis-color-neutral-700: #e2e8f0;--tokis-color-neutral-800: #f1f5f9;--tokis-color-neutral-900: #f8fafc;--tokis-text-primary: #f1f5f9;--tokis-text-secondary: #94a3b8;--tokis-text-tertiary: #64748b;--tokis-text-disabled: #475569;--tokis-text-inverse: #0f172a;--tokis-text-on-primary: #ffffff;--tokis-text-link: #60a5fa;--tokis-text-error: #f87171;--tokis-text-success: #4ade80;--tokis-text-warning: #fbbf24;--tokis-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .3);--tokis-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .4);--tokis-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--tokis-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4);--tokis-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .4);--tokis-color-focus-ring: rgb(59 130 246 / .2);--tokis-color-focus-ring-error: rgb(248 113 113 / .2);--tokis-color-surface-hover: var(--tokis-color-neutral-200);--tokis-color-surface-active: var(--tokis-color-neutral-300)}.tokis-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--tokis-spacing-2);padding:0 var(--tokis-spacing-4);height:40px;font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-medium);font-family:inherit;line-height:1;border-radius:var(--tokis-radius-md);border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;transition:background-color var(--tokis-duration-fast) var(--tokis-ease-out),border-color var(--tokis-duration-fast) var(--tokis-ease-out),color var(--tokis-duration-fast) var(--tokis-ease-out),box-shadow var(--tokis-duration-fast) var(--tokis-ease-out),transform var(--tokis-duration-fast) var(--tokis-ease-out),opacity var(--tokis-duration-fast) var(--tokis-ease-out);position:relative;overflow:hidden;outline:none;-webkit-tap-highlight-color:transparent}.tokis-btn:focus-visible{box-shadow:0 0 0 3px var(--tokis-color-focus-ring)}.tokis-btn:active:not([disabled]):not([aria-disabled=true]){transform:translateY(1px)}.tokis-btn[disabled],.tokis-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.tokis-btn--primary{background:var(--tokis-color-primary);color:var(--tokis-text-on-primary);border-color:var(--tokis-color-primary)}.tokis-btn--primary:hover:not([disabled]):not([aria-disabled=true]){background:var(--tokis-color-primary-hover);border-color:var(--tokis-color-primary-hover)}.tokis-btn--primary:focus-visible{box-shadow:0 0 0 3px var(--tokis-color-focus-ring)}.tokis-btn--secondary{background:var(--tokis-color-surface-raised);color:var(--tokis-text-primary);border-color:var(--tokis-color-border);box-shadow:var(--tokis-shadow-xs)}.tokis-btn--secondary:hover:not([disabled]):not([aria-disabled=true]){background:var(--tokis-color-surface-hover);border-color:var(--tokis-color-border-strong)}.tokis-btn--ghost{background:transparent;color:var(--tokis-text-primary);border-color:transparent}.tokis-btn--ghost:hover:not([disabled]):not([aria-disabled=true]){background:var(--tokis-color-surface-hover)}.tokis-btn--destructive{background:var(--tokis-color-error);color:var(--tokis-text-inverse);border-color:var(--tokis-color-error)}.tokis-btn--destructive:hover:not([disabled]):not([aria-disabled=true]){background:color-mix(in srgb,var(--tokis-color-error) 85%,black);border-color:color-mix(in srgb,var(--tokis-color-error) 85%,black)}.tokis-btn--destructive:focus-visible{box-shadow:0 0 0 3px var(--tokis-color-focus-ring-error)}.tokis-btn--outline{background:transparent;color:var(--tokis-color-primary);border-color:var(--tokis-color-primary)}.tokis-btn--outline:hover:not([disabled]):not([aria-disabled=true]){background:var(--tokis-color-primary-subtle)}.tokis-btn--link{background:transparent;color:var(--tokis-text-link);border-color:transparent;height:auto;padding:0;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}.tokis-btn--link:hover:not([disabled]):not([aria-disabled=true]){text-decoration-color:currentColor}.tokis-btn--link:focus-visible{box-shadow:none;text-decoration-color:currentColor;outline:2px solid var(--tokis-color-primary);outline-offset:2px;border-radius:var(--tokis-radius-xs)}.tokis-btn--sm{height:32px;padding:0 var(--tokis-spacing-3);font-size:var(--tokis-font-size-xs);border-radius:var(--tokis-radius-sm);gap:var(--tokis-spacing-1)}.tokis-btn--lg{height:48px;padding:0 var(--tokis-spacing-6);font-size:var(--tokis-font-size-md);border-radius:var(--tokis-radius-lg)}.tokis-btn--xl{height:56px;padding:0 var(--tokis-spacing-8);font-size:var(--tokis-font-size-lg);border-radius:var(--tokis-radius-lg)}.tokis-btn--icon-only{width:40px;padding:0}.tokis-btn--icon-only.tokis-btn--sm{width:32px}.tokis-btn--icon-only.tokis-btn--lg{width:48px}.tokis-btn--icon-only.tokis-btn--xl{width:56px}.tokis-btn--full{width:100%}.tokis-btn--loading{pointer-events:none}.tokis-btn--loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:tokis-btn-shimmer 1.2s ease-in-out infinite}@keyframes tokis-btn-shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.tokis-btn__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.tokis-btn-group{display:inline-flex}.tokis-btn-group .tokis-btn{border-radius:0}.tokis-btn-group .tokis-btn:first-child{border-start-start-radius:var(--tokis-radius-md);border-end-start-radius:var(--tokis-radius-md);border-start-end-radius:0;border-end-end-radius:0}.tokis-btn-group .tokis-btn:last-child{border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:var(--tokis-radius-md);border-end-end-radius:var(--tokis-radius-md)}.tokis-btn-group .tokis-btn--secondary+.tokis-btn--secondary{border-inline-start-color:transparent}@media(prefers-reduced-motion:reduce){.tokis-btn{transition:none}.tokis-btn:active:not([disabled]):not([aria-disabled=true]){transform:none}.tokis-btn--loading:after{animation:none}}.tokis-field{display:flex;flex-direction:column;gap:var(--tokis-spacing-1);width:100%}.tokis-label{font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-medium);color:var(--tokis-text-primary);line-height:1.5}.tokis-label--required:after{content:" *";color:var(--tokis-color-error)}.tokis-helper-text{font-size:var(--tokis-font-size-xs);color:var(--tokis-text-secondary);line-height:1.4}.tokis-helper-text--error{color:var(--tokis-color-error)}.tokis-input-wrapper{position:relative;display:flex;align-items:center}.tokis-input{width:100%;height:40px;padding:0 var(--tokis-spacing-3);font-size:var(--tokis-font-size-sm);font-family:inherit;color:var(--tokis-text-primary);background:var(--tokis-color-surface-raised);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-md);transition:border-color var(--tokis-duration-fast) var(--tokis-ease-out),box-shadow var(--tokis-duration-fast) var(--tokis-ease-out);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tokis-input::placeholder{color:var(--tokis-text-tertiary)}.tokis-input:hover:not(:disabled):not([aria-invalid=true]):not(:focus){border-color:var(--tokis-color-border-strong)}.tokis-input:focus-visible:not(:disabled){border-color:var(--tokis-color-primary);box-shadow:0 0 0 3px var(--tokis-color-focus-ring)}.tokis-input:focus:not(:focus-visible):not(:disabled){border-color:var(--tokis-color-primary);box-shadow:0 0 0 3px var(--tokis-color-focus-ring)}.tokis-input:disabled{background:var(--tokis-color-neutral-100);color:var(--tokis-text-disabled);cursor:not-allowed;opacity:1}.tokis-input[aria-invalid=true]{border-color:var(--tokis-color-error)}.tokis-input[aria-invalid=true]:focus,.tokis-input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px var(--tokis-color-focus-ring-error)}.tokis-input--sm{height:32px;font-size:var(--tokis-font-size-xs);border-radius:var(--tokis-radius-sm);padding:0 var(--tokis-spacing-2)}.tokis-input--lg{height:48px;font-size:var(--tokis-font-size-md);border-radius:var(--tokis-radius-lg);padding:0 var(--tokis-spacing-4)}.tokis-input--with-start{padding-inline-start:38px}.tokis-input--with-end{padding-inline-end:38px}.tokis-input-adornment{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--tokis-text-tertiary);width:38px;height:100%;pointer-events:none;flex-shrink:0}.tokis-input-adornment--start{inset-inline-start:0}.tokis-input-adornment--end{inset-inline-end:0;pointer-events:auto}.tokis-input-password-toggle{position:absolute;inset-inline-end:0;display:flex;align-items:center;justify-content:center;width:38px;height:100%;background:none;border:none;color:var(--tokis-text-tertiary);cursor:pointer;padding:0;transition:color var(--tokis-duration-fast) var(--tokis-ease-out);flex-shrink:0;outline:none;border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:var(--tokis-radius-md);border-end-end-radius:var(--tokis-radius-md)}.tokis-input-password-toggle:hover{color:var(--tokis-text-secondary)}.tokis-input-password-toggle:focus-visible{color:var(--tokis-color-primary);box-shadow:inset 0 0 0 2px var(--tokis-color-focus-ring)}.tokis-textarea{width:100%;min-height:88px;padding:var(--tokis-spacing-2) var(--tokis-spacing-3);font-size:var(--tokis-font-size-sm);font-family:inherit;color:var(--tokis-text-primary);background:var(--tokis-color-surface-raised);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-md);resize:vertical;transition:border-color var(--tokis-duration-fast) var(--tokis-ease-out),box-shadow var(--tokis-duration-fast) var(--tokis-ease-out);outline:none;line-height:var(--tokis-line-height-normal);-webkit-appearance:none;-moz-appearance:none;appearance:none}.tokis-textarea::placeholder{color:var(--tokis-text-tertiary)}.tokis-textarea:hover:not(:disabled):not([aria-invalid=true]):not(:focus){border-color:var(--tokis-color-border-strong)}.tokis-textarea:focus,.tokis-textarea:focus-visible{border-color:var(--tokis-color-primary);box-shadow:0 0 0 3px var(--tokis-color-focus-ring)}.tokis-textarea[aria-invalid=true]{border-color:var(--tokis-color-error)}.tokis-textarea[aria-invalid=true]:focus,.tokis-textarea[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px var(--tokis-color-focus-ring-error)}.tokis-textarea:disabled{background:var(--tokis-color-neutral-100);color:var(--tokis-text-disabled);cursor:not-allowed}@media(prefers-reduced-motion:reduce){.tokis-input,.tokis-textarea{transition:none}}.tokis-checkbox-root,.tokis-radio-root{display:inline-flex;align-items:flex-start;gap:var(--tokis-spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none}.tokis-checkbox-native,.tokis-radio-native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.tokis-checkbox-root[data-disabled=true],.tokis-radio-root[data-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.tokis-checkbox-control,.tokis-radio-control{flex-shrink:0;width:18px;height:18px;border:1.5px solid var(--tokis-color-border-strong);background:var(--tokis-color-surface-raised);border-radius:var(--tokis-radius-sm);display:flex;align-items:center;justify-content:center;transition:background var(--tokis-duration-fast) var(--tokis-ease-out),border-color var(--tokis-duration-fast) var(--tokis-ease-out),box-shadow var(--tokis-duration-fast) var(--tokis-ease-out);position:relative;margin-top:2px;outline:none}.tokis-radio-control{border-radius:var(--tokis-radius-full)}.tokis-checkbox-root:hover:not([data-disabled]) .tokis-checkbox-control:not([data-checked=true]),.tokis-radio-root:hover:not([data-disabled]) .tokis-radio-control:not([data-checked=true]){border-color:var(--tokis-color-primary);background:var(--tokis-color-primary-subtle)}.tokis-checkbox-control[data-checked=true],.tokis-checkbox-control[data-indeterminate=true]{background:var(--tokis-color-primary);border-color:var(--tokis-color-primary)}.tokis-radio-control[data-checked=true]{border-color:var(--tokis-color-primary)}.tokis-checkbox-native:focus-visible+.tokis-checkbox-control,.tokis-radio-native:focus-visible+.tokis-radio-control{box-shadow:0 0 0 3px var(--tokis-color-focus-ring);border-color:var(--tokis-color-primary)}.tokis-checkbox-control[data-checked=true]:after{content:"";display:block;width:5px;height:9px;border:2px solid var(--tokis-text-inverse);border-top:none;border-left:none;transform:rotate(45deg) translateY(-1px)}.tokis-checkbox-control[data-indeterminate=true]:after{content:"";display:block;width:8px;height:2px;background:var(--tokis-text-inverse);border-radius:var(--tokis-radius-full)}.tokis-radio-control[data-checked=true]:after{content:"";display:block;width:8px;height:8px;border-radius:var(--tokis-radius-full);background:var(--tokis-color-primary)}.tokis-checkbox-label,.tokis-radio-label{font-size:var(--tokis-font-size-sm);color:var(--tokis-text-primary);line-height:1.5}.tokis-checkbox-description,.tokis-radio-description{font-size:var(--tokis-font-size-xs);color:var(--tokis-text-secondary);margin-top:2px;line-height:1.4}.tokis-radio-group{display:flex;flex-direction:column;gap:var(--tokis-spacing-3)}.tokis-radio-group--horizontal{flex-direction:row;flex-wrap:wrap;gap:var(--tokis-spacing-4)}@media(prefers-reduced-motion:reduce){.tokis-checkbox-control,.tokis-radio-control{transition:none}}.tokis-switch-root{display:inline-flex;align-items:flex-start;gap:var(--tokis-spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none}.tokis-switch-root[data-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.tokis-switch-track{position:relative;width:44px;height:24px;margin-top:2px;background:var(--tokis-color-neutral-300);border-radius:var(--tokis-radius-full);transition:background var(--tokis-duration-normal) var(--tokis-ease-in-out),box-shadow var(--tokis-duration-fast) var(--tokis-ease-out);flex-shrink:0;outline:none}.tokis-switch-track:focus-visible{box-shadow:0 0 0 3px var(--tokis-color-focus-ring)}.tokis-switch-track[data-checked=true]{background:var(--tokis-color-primary)}.tokis-switch-thumb{position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:var(--tokis-radius-full);background:var(--tokis-text-inverse);box-shadow:var(--tokis-shadow-sm);transition:transform var(--tokis-duration-normal) var(--tokis-ease-spring);pointer-events:none}.tokis-switch-track[data-checked=true] .tokis-switch-thumb{transform:translate(20px)}.tokis-switch-root--sm .tokis-switch-track{width:32px;height:18px}.tokis-switch-root--sm .tokis-switch-thumb{width:12px;height:12px;top:3px;inset-inline-start:3px}.tokis-switch-root--sm .tokis-switch-track[data-checked=true] .tokis-switch-thumb{transform:translate(14px)}.tokis-switch-content{display:flex;flex-direction:column;gap:2px}.tokis-switch-label{font-size:var(--tokis-font-size-sm);color:var(--tokis-text-primary);line-height:1.5;display:block}.tokis-switch-description{font-size:var(--tokis-font-size-xs);color:var(--tokis-text-tertiary);margin:0;line-height:1.4}[dir=rtl] .tokis-switch-track[data-checked=true] .tokis-switch-thumb{transform:translate(-20px)}[dir=rtl] .tokis-switch-root--sm .tokis-switch-track[data-checked=true] .tokis-switch-thumb{transform:translate(-14px)}@media(prefers-reduced-motion:reduce){.tokis-switch-track,.tokis-switch-thumb{transition:none}}.tokis-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--tokis-spacing-2);width:100%;height:40px;padding:0 var(--tokis-spacing-3);font-size:var(--tokis-font-size-sm);font-family:inherit;font-weight:var(--tokis-font-weight-regular);color:var(--tokis-text-primary);background:var(--tokis-color-surface-raised);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-md);cursor:pointer;transition:border-color var(--tokis-duration-fast) var(--tokis-ease-out),box-shadow var(--tokis-duration-fast) var(--tokis-ease-out),background var(--tokis-duration-fast) var(--tokis-ease-out);outline:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.tokis-select-trigger:hover:not([disabled]):not([data-disabled=true]){border-color:var(--tokis-color-border-strong)}.tokis-select-trigger[data-open=true]{border-color:var(--tokis-color-primary);box-shadow:0 0 0 3px var(--tokis-color-focus-ring)}.tokis-select-trigger:focus-visible:not([data-open=true]){border-color:var(--tokis-color-primary);box-shadow:0 0 0 3px var(--tokis-color-focus-ring)}.tokis-select-trigger[disabled],.tokis-select-trigger[data-disabled=true]{background:var(--tokis-color-neutral-100);color:var(--tokis-text-disabled);cursor:not-allowed;opacity:1}.tokis-select-trigger__placeholder{color:var(--tokis-text-tertiary)}.tokis-select-trigger__icon{flex-shrink:0;color:var(--tokis-text-tertiary);transition:transform var(--tokis-duration-fast) var(--tokis-ease-in-out)}.tokis-select-trigger[data-open=true] .tokis-select-trigger__icon{transform:rotate(180deg)}.tokis-select-trigger--sm{height:32px;font-size:var(--tokis-font-size-xs);border-radius:var(--tokis-radius-sm);padding:0 var(--tokis-spacing-2)}.tokis-select-trigger--lg{height:48px;font-size:var(--tokis-font-size-md);border-radius:var(--tokis-radius-lg);padding:0 var(--tokis-spacing-4)}.tokis-select-content{background:var(--tokis-color-surface-overlay);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-lg);box-shadow:var(--tokis-shadow-xl);padding:var(--tokis-spacing-1) 0;min-width:160px;max-height:320px;overflow-y:auto;overflow-x:hidden;z-index:var(--tokis-z-dropdown);animation:tokis-dropdown-in var(--tokis-duration-fast) var(--tokis-ease-out);scrollbar-width:thin;scrollbar-color:var(--tokis-color-border) transparent}.tokis-select-content::-webkit-scrollbar{width:6px}.tokis-select-content::-webkit-scrollbar-track{background:transparent}.tokis-select-content::-webkit-scrollbar-thumb{background:var(--tokis-color-border);border-radius:var(--tokis-radius-full)}.tokis-select-item{display:flex;align-items:center;gap:var(--tokis-spacing-2);padding:var(--tokis-spacing-2) var(--tokis-spacing-3);font-size:var(--tokis-font-size-sm);color:var(--tokis-text-primary);cursor:pointer;transition:background var(--tokis-duration-fast) var(--tokis-ease-out);outline:none;border:none;background:none;width:100%;text-align:start;min-height:36px}.tokis-select-item:hover,.tokis-select-item[data-focused=true]{background:var(--tokis-color-surface-hover)}.tokis-select-item[data-selected=true]{color:var(--tokis-color-primary);font-weight:var(--tokis-font-weight-medium);background:var(--tokis-color-primary-subtle)}.tokis-select-item[data-selected=true]:hover{background:var(--tokis-color-primary-subtle)}.tokis-select-item[data-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.tokis-select-group-label{padding:var(--tokis-spacing-2) var(--tokis-spacing-3) var(--tokis-spacing-1);font-size:var(--tokis-font-size-xs);font-weight:var(--tokis-font-weight-semibold);color:var(--tokis-text-tertiary);text-transform:uppercase;letter-spacing:var(--tokis-letter-spacing-wide)}.tokis-select-separator{height:1px;background:var(--tokis-color-border);margin:var(--tokis-spacing-1) 0}@keyframes tokis-dropdown-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.tokis-select-content{animation:none}.tokis-select-trigger,.tokis-select-trigger__icon{transition:none}}.tokis-slider-root{position:relative;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.tokis-slider-track-wrapper{position:relative;width:100%;height:24px;display:flex;align-items:center}.tokis-slider-root[data-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.tokis-slider-track{position:relative;width:100%;height:4px;background:var(--tokis-color-neutral-200);border-radius:var(--tokis-radius-full);overflow:hidden;flex-shrink:0}.tokis-slider-range{position:absolute;height:100%;background:var(--tokis-color-primary);border-radius:var(--tokis-radius-full)}.tokis-slider-thumb{position:absolute;top:50%;width:18px;height:18px;border-radius:var(--tokis-radius-full);background:var(--tokis-color-surface-raised);border:2px solid var(--tokis-color-primary);box-shadow:var(--tokis-shadow-sm);transform:translate(-50%) translateY(-50%);transition:box-shadow var(--tokis-duration-fast) var(--tokis-ease-out),transform var(--tokis-duration-fast) var(--tokis-ease-out);outline:none;cursor:grab;will-change:transform}.tokis-slider-thumb:hover{transform:translate(-50%) translateY(-50%) scale(1.2);box-shadow:var(--tokis-shadow-sm),0 0 0 6px var(--tokis-color-focus-ring)}.tokis-slider-thumb:active{cursor:grabbing;transform:translate(-50%) translateY(-50%) scale(1.1)}.tokis-slider-thumb:focus-visible{box-shadow:var(--tokis-shadow-sm),0 0 0 4px var(--tokis-color-focus-ring)}.tokis-slider-marks{display:flex;justify-content:space-between;margin-top:var(--tokis-spacing-2)}.tokis-slider-mark-label{font-size:var(--tokis-font-size-xs);color:var(--tokis-text-tertiary)}.tokis-slider-root--sm .tokis-slider-track-wrapper{height:16px}.tokis-slider-root--sm .tokis-slider-track{height:2px}.tokis-slider-root--sm .tokis-slider-thumb{width:14px;height:14px}.tokis-slider-root--lg .tokis-slider-track-wrapper{height:32px}.tokis-slider-root--lg .tokis-slider-track{height:6px}.tokis-slider-root--lg .tokis-slider-thumb{width:22px;height:22px}@media(prefers-reduced-motion:reduce){.tokis-slider-thumb{transition:none}}.tokis-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--tokis-z-modal);display:flex;align-items:center;justify-content:center;padding:var(--tokis-spacing-4);animation:tokis-backdrop-in var(--tokis-duration-normal) var(--tokis-ease-out);overscroll-behavior:contain}.tokis-dialog-content{position:relative;background:var(--tokis-color-surface-overlay);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-xl);box-shadow:var(--tokis-shadow-2xl);width:100%;max-width:520px;max-height:calc(100dvh - 64px);overflow-y:auto;overflow-x:hidden;animation:tokis-dialog-in var(--tokis-duration-normal) var(--tokis-ease-spring);outline:none;scrollbar-width:thin;scrollbar-color:var(--tokis-color-border) transparent}.tokis-dialog-content::-webkit-scrollbar{width:6px}.tokis-dialog-content::-webkit-scrollbar-track{background:transparent}.tokis-dialog-content::-webkit-scrollbar-thumb{background:var(--tokis-color-border);border-radius:var(--tokis-radius-full)}.tokis-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--tokis-spacing-4);padding:var(--tokis-spacing-6) var(--tokis-spacing-6) var(--tokis-spacing-4)}.tokis-dialog-title{font-size:var(--tokis-font-size-lg);font-weight:var(--tokis-font-weight-semibold);color:var(--tokis-text-primary);line-height:var(--tokis-line-height-tight);letter-spacing:var(--tokis-letter-spacing-tight)}.tokis-dialog-description{font-size:var(--tokis-font-size-sm);color:var(--tokis-text-secondary);margin-top:var(--tokis-spacing-1);line-height:var(--tokis-line-height-normal)}.tokis-dialog-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--tokis-radius-md);color:var(--tokis-text-tertiary);transition:background var(--tokis-duration-fast) var(--tokis-ease-out),color var(--tokis-duration-fast) var(--tokis-ease-out);cursor:pointer;background:none;border:none;outline:none;margin:-4px -4px 0 0;-webkit-tap-highlight-color:transparent}.tokis-dialog-close:hover{background:var(--tokis-color-surface-hover);color:var(--tokis-text-primary)}.tokis-dialog-close:focus-visible{box-shadow:0 0 0 2px var(--tokis-color-focus-ring)}.tokis-dialog-body{padding:0 var(--tokis-spacing-6) var(--tokis-spacing-5);font-size:var(--tokis-font-size-sm);color:var(--tokis-text-primary);line-height:var(--tokis-line-height-normal)}.tokis-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--tokis-spacing-2);padding:var(--tokis-spacing-4) var(--tokis-spacing-6) var(--tokis-spacing-6);border-top:1px solid var(--tokis-color-border)}.tokis-dialog-content--sm{max-width:360px}.tokis-dialog-content--lg{max-width:720px}.tokis-dialog-content--xl{max-width:960px}.tokis-dialog-content--full{max-width:calc(100vw - 48px);height:calc(100dvh - 48px);max-height:none}@keyframes tokis-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes tokis-dialog-in{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.tokis-dialog-backdrop{animation:tokis-backdrop-in var(--tokis-duration-fast) var(--tokis-ease-out)}.tokis-dialog-content{animation:none}.tokis-dialog-close{transition:none}}.tokis-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:var(--tokis-z-modal);animation:tokis-backdrop-in var(--tokis-duration-normal) var(--tokis-ease-out)}.tokis-drawer-content{position:fixed;background:var(--tokis-color-surface-overlay);z-index:var(--tokis-z-modal);display:flex;flex-direction:column;outline:none;overflow:hidden;box-shadow:var(--tokis-shadow-2xl)}.tokis-drawer-content--right{inset-block:0;inset-inline-end:0;width:400px;max-width:90vw;border-inline-start:1px solid var(--tokis-color-border);animation:tokis-drawer-in-right var(--tokis-duration-slow) var(--tokis-ease-out)}.tokis-drawer-content--left{inset-block:0;inset-inline-start:0;width:400px;max-width:90vw;border-inline-end:1px solid var(--tokis-color-border);animation:tokis-drawer-in-left var(--tokis-duration-slow) var(--tokis-ease-out)}.tokis-drawer-content--bottom{inset-inline:0;bottom:0;max-height:90dvh;border-top:1px solid var(--tokis-color-border);border-start-start-radius:var(--tokis-radius-xl);border-start-end-radius:var(--tokis-radius-xl);animation:tokis-drawer-in-bottom var(--tokis-duration-slow) var(--tokis-ease-out)}.tokis-drawer-content--top{inset-inline:0;top:0;max-height:90dvh;border-bottom:1px solid var(--tokis-color-border);border-end-start-radius:var(--tokis-radius-xl);border-end-end-radius:var(--tokis-radius-xl);animation:tokis-drawer-in-top var(--tokis-duration-slow) var(--tokis-ease-out)}.tokis-drawer-header{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:start;padding:var(--tokis-spacing-5) var(--tokis-spacing-6);border-bottom:1px solid var(--tokis-color-border);flex-shrink:0;gap:var(--tokis-spacing-1) var(--tokis-spacing-4)}.tokis-drawer-title{grid-column:1;font-size:var(--tokis-font-size-lg);font-weight:var(--tokis-font-weight-semibold);color:var(--tokis-text-primary);letter-spacing:var(--tokis-letter-spacing-tight);line-height:var(--tokis-line-height-tight);margin:0}.tokis-drawer-description{grid-column:1;font-size:var(--tokis-font-size-sm);color:var(--tokis-text-secondary);margin:0;line-height:var(--tokis-line-height-relaxed)}.tokis-drawer-close{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--tokis-radius-md);cursor:pointer;color:var(--tokis-text-tertiary);background:none;border:none;outline:none;flex-shrink:0;transition:background var(--tokis-duration-fast) var(--tokis-ease-out),color var(--tokis-duration-fast) var(--tokis-ease-out);-webkit-tap-highlight-color:transparent}.tokis-drawer-close:hover{background:var(--tokis-color-surface-hover);color:var(--tokis-text-primary)}.tokis-drawer-close:focus-visible{box-shadow:0 0 0 2px var(--tokis-color-focus-ring)}.tokis-drawer-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--tokis-spacing-6);scrollbar-width:thin;scrollbar-color:var(--tokis-color-border) transparent}.tokis-drawer-body::-webkit-scrollbar{width:6px}.tokis-drawer-body::-webkit-scrollbar-track{background:transparent}.tokis-drawer-body::-webkit-scrollbar-thumb{background:var(--tokis-color-border);border-radius:var(--tokis-radius-full)}.tokis-drawer-footer{flex-shrink:0;padding:var(--tokis-spacing-4) var(--tokis-spacing-6);border-top:1px solid var(--tokis-color-border);display:flex;gap:var(--tokis-spacing-2);justify-content:flex-end}@keyframes tokis-drawer-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes tokis-drawer-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes tokis-drawer-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes tokis-drawer-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.tokis-drawer-backdrop,.tokis-drawer-content{animation:none}.tokis-drawer-close{transition:none}}.tokis-tabs-root{display:flex;flex-direction:column}.tokis-tabs-root--vertical{flex-direction:row;align-items:flex-start}.tokis-tabs-list{display:flex;align-items:center;border-bottom:1px solid var(--tokis-color-border);gap:0;overflow-x:auto;scrollbar-width:none;flex-shrink:0;-webkit-overflow-scrolling:touch}.tokis-tabs-list::-webkit-scrollbar{display:none}.tokis-tabs-root--vertical .tokis-tabs-list{flex-direction:column;border-bottom:none;border-inline-end:1px solid var(--tokis-color-border);align-items:flex-start;min-width:160px;overflow-x:visible;overflow-y:auto}.tokis-tabs-list--pills{border-bottom:none;background:var(--tokis-color-neutral-100);border-radius:var(--tokis-radius-lg);padding:var(--tokis-spacing-1);gap:var(--tokis-spacing-1)}.tokis-tabs-trigger{display:inline-flex;align-items:center;gap:var(--tokis-spacing-2);padding:var(--tokis-spacing-2) var(--tokis-spacing-4);font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-medium);font-family:inherit;color:var(--tokis-text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color var(--tokis-duration-fast) var(--tokis-ease-out),border-color var(--tokis-duration-fast) var(--tokis-ease-out),background var(--tokis-duration-fast) var(--tokis-ease-out);outline:none;margin-bottom:-1px;border-radius:var(--tokis-radius-md) var(--tokis-radius-md) 0 0;-webkit-tap-highlight-color:transparent}.tokis-tabs-trigger:hover{color:var(--tokis-text-primary)}.tokis-tabs-trigger[data-active=true]{color:var(--tokis-color-primary);border-bottom-color:var(--tokis-color-primary)}.tokis-tabs-trigger:focus-visible{outline:2px solid var(--tokis-color-primary);outline-offset:-2px;border-radius:var(--tokis-radius-sm)}.tokis-tabs-trigger[data-disabled=true],.tokis-tabs-trigger[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.tokis-tabs-list--pills .tokis-tabs-trigger{border-bottom:none;border-radius:var(--tokis-radius-md);margin-bottom:0;padding:var(--tokis-spacing-2) var(--tokis-spacing-3)}.tokis-tabs-list--pills .tokis-tabs-trigger:hover{background:var(--tokis-color-neutral-200);color:var(--tokis-text-primary)}.tokis-tabs-list--pills .tokis-tabs-trigger[data-active=true]{background:var(--tokis-color-surface-raised);color:var(--tokis-text-primary);box-shadow:var(--tokis-shadow-sm)}.tokis-tabs-root--vertical .tokis-tabs-trigger{border-bottom:none;border-inline-end:2px solid transparent;border-start-start-radius:var(--tokis-radius-md);border-end-start-radius:var(--tokis-radius-md);border-start-end-radius:0;border-end-end-radius:0;margin-bottom:0;margin-inline-end:-1px;width:100%;justify-content:flex-start}.tokis-tabs-root--vertical .tokis-tabs-trigger[data-active=true]{border-inline-end-color:var(--tokis-color-primary);background:var(--tokis-color-primary-subtle);color:var(--tokis-color-primary)}.tokis-tabs-panel{padding:var(--tokis-spacing-5) 0;outline:none;animation:tokis-tab-fade-in var(--tokis-duration-fast) var(--tokis-ease-out)}.tokis-tabs-root--vertical .tokis-tabs-panel{padding-inline-start:var(--tokis-spacing-6);flex:1;animation:none}.tokis-tabs-panel[hidden]{display:none}@keyframes tokis-tab-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.tokis-tabs-trigger{transition:none}.tokis-tabs-panel{animation:none}}.tokis-accordion-root{width:100%;border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-lg);overflow:hidden}.tokis-accordion-root--flush{border:none;border-radius:0}.tokis-accordion-item{border-bottom:1px solid var(--tokis-color-border)}.tokis-accordion-item:last-child{border-bottom:none}.tokis-accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--tokis-spacing-4) var(--tokis-spacing-5);font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-medium);font-family:inherit;color:var(--tokis-text-primary);background:none;border:none;text-align:start;cursor:pointer;transition:background var(--tokis-duration-fast) var(--tokis-ease-out);outline:none;gap:var(--tokis-spacing-3);-webkit-tap-highlight-color:transparent}.tokis-accordion-trigger:hover{background:var(--tokis-color-surface-hover)}.tokis-accordion-trigger:focus-visible{outline:2px solid var(--tokis-color-primary);outline-offset:-2px}.tokis-accordion-trigger[aria-expanded=true]{color:var(--tokis-color-primary)}.tokis-accordion-trigger[aria-disabled=true],.tokis-accordion-trigger:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.tokis-accordion-trigger__icon{flex-shrink:0;color:var(--tokis-text-tertiary);transition:transform var(--tokis-duration-normal) var(--tokis-ease-in-out);will-change:transform}.tokis-accordion-trigger[aria-expanded=true] .tokis-accordion-trigger__icon{transform:rotate(180deg);color:var(--tokis-color-primary)}.tokis-accordion-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--tokis-duration-normal) var(--tokis-ease-in-out),opacity var(--tokis-duration-normal) var(--tokis-ease-out);opacity:0;overflow:hidden}.tokis-accordion-content[data-open=true]{grid-template-rows:1fr;opacity:1}.tokis-accordion-content-inner{overflow:hidden;font-size:var(--tokis-font-size-sm);color:var(--tokis-text-secondary);line-height:var(--tokis-line-height-relaxed);padding:0 var(--tokis-spacing-5) var(--tokis-spacing-3)}.tokis-accordion-root--flush .tokis-accordion-trigger,.tokis-accordion-root--flush .tokis-accordion-content-inner{padding-inline-start:0;padding-inline-end:0}@media(prefers-reduced-motion:reduce){.tokis-accordion-trigger,.tokis-accordion-trigger__icon,.tokis-accordion-content{transition:none}}.tokis-tooltip-content{position:fixed;z-index:var(--tokis-z-tooltip);background:var(--tokis-color-neutral-900);color:var(--tokis-text-inverse);font-size:var(--tokis-font-size-xs);font-weight:var(--tokis-font-weight-medium);line-height:var(--tokis-line-height-normal);padding:var(--tokis-spacing-1) var(--tokis-spacing-2);border-radius:var(--tokis-radius-md);white-space:normal;max-width:260px;pointer-events:none;box-shadow:var(--tokis-shadow-lg);animation:tokis-tooltip-in var(--tokis-duration-fast) var(--tokis-ease-out);word-break:break-word}[data-theme=dark] .tokis-tooltip-content{background:var(--tokis-color-neutral-100);color:var(--tokis-text-primary);border:1px solid var(--tokis-color-border)}.tokis-tooltip-content[data-placement=top],.tokis-tooltip-content[data-placement=bottom]{transform:translate(-50%)}.tokis-tooltip-content[data-placement=left],.tokis-tooltip-content[data-placement=right]{transform:translateY(-50%)}.tokis-popover-content{position:absolute;z-index:var(--tokis-z-popover);background:var(--tokis-color-surface-overlay);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-xl);box-shadow:var(--tokis-shadow-xl);padding:var(--tokis-spacing-4);min-width:200px;max-width:360px;animation:tokis-popover-in var(--tokis-duration-fast) var(--tokis-ease-out);outline:none}.tokis-popover-title{font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-semibold);color:var(--tokis-text-primary);margin-bottom:var(--tokis-spacing-1);padding-inline-end:var(--tokis-spacing-6)}.tokis-popover-description{font-size:var(--tokis-font-size-sm);color:var(--tokis-text-secondary);line-height:var(--tokis-line-height-normal)}.tokis-popover-close{position:absolute;top:var(--tokis-spacing-3);inset-inline-end:var(--tokis-spacing-3);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--tokis-radius-sm);color:var(--tokis-text-tertiary);cursor:pointer;background:none;border:none;outline:none;transition:background var(--tokis-duration-fast) var(--tokis-ease-out),color var(--tokis-duration-fast) var(--tokis-ease-out);-webkit-tap-highlight-color:transparent}.tokis-popover-close:hover{background:var(--tokis-color-surface-hover);color:var(--tokis-text-primary)}.tokis-popover-close:focus-visible{box-shadow:0 0 0 2px var(--tokis-color-focus-ring)}@keyframes tokis-tooltip-in{0%{opacity:0;scale:.92}to{opacity:1;scale:1}}@keyframes tokis-popover-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.tokis-tooltip-content,.tokis-popover-content{animation:none}.tokis-popover-close{transition:none}}.tokis-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--tokis-radius-full);background:var(--tokis-color-primary-subtle);color:var(--tokis-color-primary);font-weight:var(--tokis-font-weight-semibold);font-size:var(--tokis-font-size-sm);letter-spacing:var(--tokis-letter-spacing-wide);overflow:hidden;flex-shrink:0;position:relative;width:40px;height:40px;-webkit-user-select:none;user-select:none}.tokis-avatar--xs{width:24px;height:24px;font-size:9px}.tokis-avatar--sm{width:32px;height:32px;font-size:var(--tokis-font-size-xs)}.tokis-avatar--lg{width:48px;height:48px;font-size:var(--tokis-font-size-md)}.tokis-avatar--xl{width:64px;height:64px;font-size:var(--tokis-font-size-xl)}.tokis-avatar--2xl{width:80px;height:80px;font-size:var(--tokis-font-size-2xl)}.tokis-avatar--square{border-radius:var(--tokis-radius-md)}.tokis-avatar--sm.tokis-avatar--square{border-radius:var(--tokis-radius-sm)}.tokis-avatar--lg.tokis-avatar--square{border-radius:var(--tokis-radius-lg)}.tokis-avatar img{width:100%;height:100%;object-fit:cover;display:block}.tokis-avatar-status{position:absolute;bottom:1px;inset-inline-end:1px;width:10px;height:10px;border-radius:var(--tokis-radius-full);border:2px solid var(--tokis-color-background);background:var(--tokis-color-neutral-400)}.tokis-avatar-status--online{background:var(--tokis-color-success)}.tokis-avatar-status--away{background:var(--tokis-color-warning)}.tokis-avatar-status--busy{background:var(--tokis-color-error)}.tokis-avatar-group{display:flex;align-items:center}.tokis-avatar-group .tokis-avatar{border:2px solid var(--tokis-color-background);margin-inline-start:-8px}.tokis-avatar-group .tokis-avatar:first-child{margin-inline-start:0}.tokis-avatar-group .tokis-avatar-overflow{background:var(--tokis-color-neutral-200);color:var(--tokis-text-secondary);font-size:var(--tokis-font-size-xs);font-weight:var(--tokis-font-weight-semibold);border:2px solid var(--tokis-color-background);margin-inline-start:-8px}.tokis-badge{display:inline-flex;align-items:center;gap:var(--tokis-spacing-1);padding:2px var(--tokis-spacing-2);font-size:var(--tokis-font-size-xs);font-weight:var(--tokis-font-weight-medium);line-height:1.5;border-radius:var(--tokis-radius-full);white-space:nowrap;letter-spacing:.01em;animation:tokis-badge-pop .2s var(--tokis-ease-spring) both}@keyframes tokis-badge-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.tokis-badge--default{background:var(--tokis-color-neutral-100);color:var(--tokis-text-secondary)}.tokis-badge--primary{background:var(--tokis-color-primary-subtle);color:var(--tokis-color-primary)}.tokis-badge--success{background:var(--tokis-color-success-subtle);color:var(--tokis-color-success)}.tokis-badge--warning{background:var(--tokis-color-warning-subtle);color:var(--tokis-color-warning)}.tokis-badge--error{background:var(--tokis-color-error-subtle);color:var(--tokis-color-error)}.tokis-badge--info{background:var(--tokis-color-info-subtle);color:var(--tokis-color-info)}.tokis-badge--solid-primary{background:var(--tokis-color-primary);color:var(--tokis-text-on-primary)}.tokis-badge--solid-success{background:var(--tokis-color-success);color:var(--tokis-text-inverse)}.tokis-badge--solid-warning{background:var(--tokis-color-warning);color:var(--tokis-color-neutral-900)}.tokis-badge--solid-error{background:var(--tokis-color-error);color:var(--tokis-text-inverse)}.tokis-badge--outline{background:transparent;border:1px solid currentColor}.tokis-badge--dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:var(--tokis-radius-full);background:currentColor;flex-shrink:0}.tokis-chip{display:inline-flex;align-items:center;gap:var(--tokis-spacing-1);padding:var(--tokis-spacing-1) var(--tokis-spacing-3);font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-medium);background:var(--tokis-color-surface-hover);color:var(--tokis-text-primary);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-full);cursor:default;-webkit-user-select:none;user-select:none;transition:transform .15s var(--tokis-ease-spring),background var(--tokis-duration-fast) var(--tokis-ease-out),border-color var(--tokis-duration-fast) var(--tokis-ease-out);line-height:1.5}.tokis-chip--clickable{cursor:pointer;outline:none}.tokis-chip--clickable:hover{background:var(--tokis-color-surface-active);border-color:var(--tokis-color-border-strong)}.tokis-chip--clickable:focus-visible{box-shadow:0 0 0 3px var(--tokis-color-focus-ring)}.tokis-chip--selected{background:var(--tokis-color-primary-subtle);color:var(--tokis-color-primary);border-color:var(--tokis-color-primary);transform:scale(1.04)}.tokis-chip--selected:hover{background:var(--tokis-color-primary-subtle)}.tokis-chip__icon{flex-shrink:0;display:inline-flex;align-items:center}.tokis-chip__delete{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--tokis-radius-full);color:currentColor;cursor:pointer;opacity:.55;transition:opacity var(--tokis-duration-fast) var(--tokis-ease-out),background var(--tokis-duration-fast) var(--tokis-ease-out);margin-inline-end:-4px;flex-shrink:0;border:none;background:none;padding:0}.tokis-chip__delete:hover{opacity:1;background:var(--tokis-color-surface-active)}@media(prefers-reduced-motion:reduce){.tokis-badge{animation:none}.tokis-chip{transition:none;transform:none!important}.tokis-chip__delete{transition:none}}.tokis-alert{display:flex;gap:var(--tokis-spacing-3);padding:var(--tokis-spacing-4);border-radius:var(--tokis-radius-lg);border-inline-start:3px solid transparent;font-size:var(--tokis-font-size-sm);line-height:var(--tokis-line-height-normal);animation:tokis-alert-in .25s var(--tokis-ease-spring) both}@keyframes tokis-alert-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tokis-alert--info{background:var(--tokis-color-info-subtle);color:var(--tokis-color-info);border-inline-start-color:var(--tokis-color-info)}.tokis-alert--success{background:var(--tokis-color-success-subtle);color:var(--tokis-color-success);border-inline-start-color:var(--tokis-color-success)}.tokis-alert--warning{background:var(--tokis-color-warning-subtle);color:var(--tokis-color-warning);border-inline-start-color:var(--tokis-color-warning)}.tokis-alert--error{background:var(--tokis-color-error-subtle);color:var(--tokis-color-error);border-inline-start-color:var(--tokis-color-error)}[data-theme=dark] .tokis-alert--info{background:#0284c71f}[data-theme=dark] .tokis-alert--success{background:#16a34a1f}[data-theme=dark] .tokis-alert--warning{background:#d977061f}[data-theme=dark] .tokis-alert--error{background:#dc26261f}.tokis-alert__icon{flex-shrink:0;margin-top:1px}.tokis-alert__body{flex:1;min-width:0}.tokis-alert__title{font-weight:var(--tokis-font-weight-semibold);margin-bottom:var(--tokis-spacing-1)}.tokis-alert__message{color:inherit;opacity:.8;font-size:var(--tokis-font-size-xs);line-height:var(--tokis-line-height-normal);margin-top:2px}.tokis-alert__close{flex-shrink:0;cursor:pointer;opacity:.6;transition:opacity var(--tokis-duration-fast) var(--tokis-ease-out);background:none;border:none;color:inherit;padding:0;display:flex;align-items:center;outline:none;border-radius:var(--tokis-radius-sm);align-self:flex-start}.tokis-alert__close:hover{opacity:1}.tokis-alert__close:focus-visible{box-shadow:0 0 0 2px var(--tokis-color-focus-ring)}.tokis-snackbar-container{position:fixed;bottom:var(--tokis-spacing-6);inset-inline-end:var(--tokis-spacing-6);z-index:var(--tokis-z-toast);display:flex;flex-direction:column;gap:var(--tokis-spacing-2);max-width:400px;width:calc(100% - var(--tokis-spacing-8));pointer-events:none}.tokis-snackbar-container--top-right{top:var(--tokis-spacing-6);bottom:auto;inset-inline-end:var(--tokis-spacing-6)}.tokis-snackbar-container--top-center{top:var(--tokis-spacing-6);bottom:auto;left:50%;right:auto;transform:translate(-50%)}.tokis-snackbar-container--bottom-center{bottom:var(--tokis-spacing-6);left:50%;right:auto;transform:translate(-50%)}.tokis-snackbar{display:flex;align-items:flex-start;gap:var(--tokis-spacing-3);padding:var(--tokis-spacing-3) var(--tokis-spacing-4);background:var(--tokis-color-neutral-900);color:var(--tokis-text-inverse);border-radius:var(--tokis-radius-lg);box-shadow:var(--tokis-shadow-xl);font-size:var(--tokis-font-size-sm);animation:tokis-snackbar-in var(--tokis-duration-normal) var(--tokis-ease-spring);min-width:280px;pointer-events:all;border:1px solid rgb(255 255 255 / .08);border-inline-start-width:3px;border-inline-start-color:#ffffff26}[data-theme=dark] .tokis-snackbar{background:var(--tokis-color-neutral-800);color:var(--tokis-text-primary);border-color:var(--tokis-color-border);border-inline-start-color:var(--tokis-color-border-strong)}.tokis-snackbar--success{border-inline-start-color:var(--tokis-color-success)}.tokis-snackbar--error{border-inline-start-color:var(--tokis-color-error)}.tokis-snackbar--warning{border-inline-start-color:var(--tokis-color-warning)}.tokis-snackbar--info{border-inline-start-color:var(--tokis-color-info)}.tokis-snackbar__icon{flex-shrink:0;margin-top:1px}.tokis-snackbar__body{flex:1;min-width:0}.tokis-snackbar__title{font-weight:var(--tokis-font-weight-semibold);margin-bottom:2px}.tokis-snackbar__message{opacity:.75;font-size:var(--tokis-font-size-xs);line-height:1.4}.tokis-snackbar__action{font-weight:var(--tokis-font-weight-medium);text-decoration:underline;text-underline-offset:2px;cursor:pointer;background:none;border:none;color:inherit;font-size:inherit;padding:0;opacity:.9;white-space:nowrap}.tokis-snackbar__action:hover{opacity:1}.tokis-snackbar__close{flex-shrink:0;cursor:pointer;opacity:.7;background:none;border:none;color:inherit;display:flex;align-items:center;padding:0;transition:opacity var(--tokis-duration-fast) var(--tokis-ease-out);outline:none;border-radius:var(--tokis-radius-sm);align-self:flex-start}.tokis-snackbar__close:hover{opacity:1}.tokis-snackbar__close:focus-visible{box-shadow:0 0 0 2px #fff6}@keyframes tokis-snackbar-in{0%{opacity:0;transform:translate(24px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.tokis-alert,.tokis-snackbar{animation:none}.tokis-alert__close,.tokis-snackbar__close{transition:none}}.tokis-progress-root{width:100%}.tokis-progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--tokis-spacing-2);gap:var(--tokis-spacing-2)}.tokis-progress-label-text{font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-medium);color:var(--tokis-text-primary)}.tokis-progress-label-value{font-size:var(--tokis-font-size-xs);color:var(--tokis-text-secondary);font-weight:var(--tokis-font-weight-medium);font-variant-numeric:tabular-nums}.tokis-progress-track{width:100%;background:var(--tokis-color-neutral-200);border-radius:var(--tokis-radius-full);overflow:hidden;height:8px}.tokis-progress-track--sm{height:4px}.tokis-progress-track--lg{height:12px}.tokis-progress-fill{height:100%;background:var(--tokis-color-primary);border-radius:var(--tokis-radius-full);transition:width var(--tokis-duration-slow) var(--tokis-ease-out);transform-origin:left}.tokis-progress-fill--success{background:var(--tokis-color-success)}.tokis-progress-fill--warning{background:var(--tokis-color-warning)}.tokis-progress-fill--error{background:var(--tokis-color-error)}.tokis-progress-fill--indeterminate{width:40%!important;animation:tokis-progress-indeterminate 1.6s var(--tokis-ease-in-out) infinite;position:relative;overflow:hidden}.tokis-progress-fill--indeterminate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);animation:tokis-progress-shimmer 1.5s ease-in-out infinite}@keyframes tokis-progress-indeterminate{0%{transform:translate(-150%)}to{transform:translate(400%)}}@keyframes tokis-progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(300%)}}.tokis-progress-circular{display:inline-flex;align-items:center;justify-content:center;position:relative}.tokis-progress-circular svg{transform:rotate(-90deg)}.tokis-progress-circular__track{fill:none;stroke:var(--tokis-color-neutral-200);stroke-linecap:round}.tokis-progress-circular__fill{fill:none;stroke:var(--tokis-color-primary);stroke-linecap:round;transition:stroke-dashoffset var(--tokis-duration-slow) var(--tokis-ease-out)}.tokis-progress-circular__label{position:absolute;font-size:var(--tokis-font-size-xs);font-weight:var(--tokis-font-weight-semibold);color:var(--tokis-text-primary);font-variant-numeric:tabular-nums}.tokis-skeleton{display:block;background:var(--tokis-color-neutral-200);border-radius:var(--tokis-radius-md);overflow:hidden;position:relative}.tokis-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / .4) 50%,transparent 100%);background-size:200% 100%;animation:tokis-skeleton-wave 1.8s linear infinite}[data-theme=dark] .tokis-skeleton:after{background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / .06) 50%,transparent 100%);background-size:200% 100%}.tokis-skeleton--text{height:1em;border-radius:var(--tokis-radius-sm)}.tokis-skeleton--circle{border-radius:var(--tokis-radius-full)}.tokis-skeleton--rect{border-radius:var(--tokis-radius-md)}@keyframes tokis-skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.tokis-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--tokis-color-neutral-200);border-top-color:var(--tokis-color-primary);border-radius:var(--tokis-radius-full);animation:tokis-spin var(--tokis-duration-slow) linear infinite;flex-shrink:0}.tokis-spinner--sm{width:14px;height:14px;border-width:2px}.tokis-spinner--lg{width:32px;height:32px;border-width:3px}.tokis-spinner--xl{width:48px;height:48px;border-width:4px}.tokis-spinner--white{border-color:#ffffff4d;border-top-color:var(--tokis-text-inverse)}.tokis-spinner--muted{border-color:var(--tokis-color-neutral-200);border-top-color:var(--tokis-text-secondary)}@keyframes tokis-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tokis-progress-fill,.tokis-progress-circular__fill{transition:none}.tokis-progress-fill--indeterminate{animation:none;width:100%!important}.tokis-progress-fill--indeterminate:after{animation:none}.tokis-skeleton:after{animation:none}.tokis-spinner{animation-duration:1.5s}}.tokis-card{background:var(--tokis-color-surface-raised);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-xl);overflow:hidden;display:flex;flex-direction:column}.tokis-card--elevated{box-shadow:var(--tokis-shadow-md);border-color:transparent}.tokis-card--clickable{cursor:pointer;transition:box-shadow var(--tokis-duration-fast) var(--tokis-ease-out),transform var(--tokis-duration-fast) var(--tokis-ease-out),border-color var(--tokis-duration-fast) var(--tokis-ease-out);text-decoration:none;color:inherit;outline:none}.tokis-card--clickable:hover{box-shadow:0 0 0 2px var(--tokis-color-primary-subtle),var(--tokis-shadow-lg);transform:translateY(-2px);border-color:var(--tokis-color-border-strong)}.tokis-card--clickable:focus-visible{box-shadow:0 0 0 3px var(--tokis-color-focus-ring);outline:none}.tokis-card--clickable:active{transform:translateY(-1px);box-shadow:var(--tokis-shadow-md)}.tokis-card--ghost{background:transparent;border-color:transparent;box-shadow:none}.tokis-card-header{padding:var(--tokis-spacing-5) var(--tokis-spacing-5) 0}.tokis-card-body{padding:var(--tokis-spacing-5);flex:1}.tokis-card-footer{padding:0 var(--tokis-spacing-5) var(--tokis-spacing-5);display:flex;gap:var(--tokis-spacing-2);align-items:center}.tokis-card-footer--border{border-top:1px solid var(--tokis-color-border);padding-top:var(--tokis-spacing-4);margin-top:var(--tokis-spacing-1)}.tokis-card-title{font-size:var(--tokis-font-size-lg);font-weight:var(--tokis-font-weight-semibold);color:var(--tokis-text-primary);line-height:var(--tokis-line-height-tight);letter-spacing:var(--tokis-letter-spacing-tight);margin-bottom:var(--tokis-spacing-1)}.tokis-card-description{font-size:var(--tokis-font-size-sm);color:var(--tokis-text-secondary);line-height:var(--tokis-line-height-normal)}.tokis-card-image{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.tokis-divider{border:none;border-top:1px solid var(--tokis-color-border);margin:0;flex-shrink:0}.tokis-divider--vertical{border-top:none;border-inline-start:1px solid var(--tokis-color-border);height:auto;align-self:stretch}.tokis-divider--with-text{display:flex;align-items:center;gap:var(--tokis-spacing-3);border:none}.tokis-divider--with-text:before,.tokis-divider--with-text:after{content:"";flex:1;height:1px;background:var(--tokis-color-border)}.tokis-divider__text{font-size:var(--tokis-font-size-xs);color:var(--tokis-text-tertiary);white-space:nowrap;font-weight:var(--tokis-font-weight-medium);text-transform:uppercase;letter-spacing:var(--tokis-letter-spacing-wide)}.tokis-list{display:flex;flex-direction:column;gap:1px}.tokis-list-item{display:flex;align-items:center;gap:var(--tokis-spacing-3);padding:var(--tokis-spacing-3) var(--tokis-spacing-4);font-size:var(--tokis-font-size-sm);color:var(--tokis-text-primary);transition:background var(--tokis-duration-fast) var(--tokis-ease-out);border-radius:var(--tokis-radius-md);outline:none}.tokis-list-item--clickable{cursor:pointer}.tokis-list-item--clickable:hover{background:var(--tokis-color-surface-hover)}.tokis-list-item--clickable:focus-visible{box-shadow:0 0 0 2px inset var(--tokis-color-focus-ring);background:var(--tokis-color-surface-hover)}.tokis-list-item--selected{background:var(--tokis-color-primary-subtle);color:var(--tokis-color-primary)}.tokis-list-item--selected:hover{background:var(--tokis-color-primary-subtle)}.tokis-list-item__icon{flex-shrink:0;color:var(--tokis-text-tertiary)}.tokis-list-item__content{flex:1;min-width:0}.tokis-list-item__primary{font-weight:var(--tokis-font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tokis-list-item__secondary{font-size:var(--tokis-font-size-xs);color:var(--tokis-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.tokis-list-item__end{flex-shrink:0;color:var(--tokis-text-tertiary)}.tokis-table-container{width:100%;overflow-x:auto;border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-lg);scrollbar-width:thin;scrollbar-color:var(--tokis-color-border) transparent}.tokis-table-container::-webkit-scrollbar{height:6px}.tokis-table-container::-webkit-scrollbar-track{background:transparent}.tokis-table-container::-webkit-scrollbar-thumb{background:var(--tokis-color-border);border-radius:var(--tokis-radius-full)}.tokis-table{width:100%;border-collapse:collapse;font-size:var(--tokis-font-size-sm)}.tokis-table thead{background:var(--tokis-color-neutral-50);border-bottom:1px solid var(--tokis-color-border)}.tokis-table th{padding:var(--tokis-spacing-3) var(--tokis-spacing-4);font-weight:var(--tokis-font-weight-semibold);color:var(--tokis-text-secondary);text-align:start;white-space:nowrap;font-size:var(--tokis-font-size-xs);text-transform:uppercase;letter-spacing:var(--tokis-letter-spacing-wide);-webkit-user-select:none;user-select:none}.tokis-table th[aria-sort]{cursor:pointer}.tokis-table th[aria-sort]:hover{color:var(--tokis-text-primary)}.tokis-table td{padding:var(--tokis-spacing-3) var(--tokis-spacing-4);color:var(--tokis-text-primary);border-bottom:1px solid var(--tokis-color-border);vertical-align:middle}.tokis-table tbody tr:last-child td{border-bottom:none}.tokis-table tbody tr:hover td{background:var(--tokis-color-surface-hover)}.tokis-table--striped tbody tr:nth-child(2n) td{background:var(--tokis-color-neutral-50)}.tokis-table--striped tbody tr:nth-child(2n):hover td{background:var(--tokis-color-surface-hover)}.tokis-table tbody tr[aria-selected=true] td{background:var(--tokis-color-primary-subtle)}@media(prefers-reduced-motion:reduce){.tokis-card--clickable,.tokis-list-item{transition:none}}.tokis-menu-content{background:var(--tokis-color-surface-overlay);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-xl);box-shadow:var(--tokis-shadow-xl);padding:var(--tokis-spacing-1) 0;min-width:180px;z-index:var(--tokis-z-dropdown);animation:tokis-dropdown-in var(--tokis-duration-fast) var(--tokis-ease-out);outline:none;overflow:hidden}.tokis-menu-item{display:flex;align-items:center;gap:var(--tokis-spacing-2);padding:var(--tokis-spacing-2) var(--tokis-spacing-3);font-size:var(--tokis-font-size-sm);color:var(--tokis-text-primary);cursor:pointer;transition:background var(--tokis-duration-fast) var(--tokis-ease-out);outline:none;background:none;border:none;width:100%;text-align:start;min-height:36px;-webkit-tap-highlight-color:transparent}.tokis-menu-item:hover,.tokis-menu-item[data-focused=true]{background:var(--tokis-color-surface-hover)}.tokis-menu-item:focus-visible{background:var(--tokis-color-surface-hover);outline:2px solid var(--tokis-color-primary);outline-offset:-2px}.tokis-menu-item--destructive{color:var(--tokis-color-error)}.tokis-menu-item--destructive:hover,.tokis-menu-item--destructive[data-focused=true]{background:var(--tokis-color-error-subtle)}.tokis-menu-item[data-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.tokis-menu-item__icon{flex-shrink:0;color:var(--tokis-text-tertiary);width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.tokis-menu-item__label{flex:1}.tokis-menu-item__shortcut{font-size:var(--tokis-font-size-xs);color:var(--tokis-text-tertiary);margin-inline-start:auto;padding-inline-start:var(--tokis-spacing-4);font-variant-numeric:tabular-nums}.tokis-menu-item__indicator{flex-shrink:0;color:var(--tokis-color-primary);width:16px;display:flex;align-items:center;justify-content:center}.tokis-menu-separator{height:1px;background:var(--tokis-color-border);margin:var(--tokis-spacing-1) 0}.tokis-menu-group-label{padding:var(--tokis-spacing-2) var(--tokis-spacing-3) var(--tokis-spacing-1);font-size:var(--tokis-font-size-xs);font-weight:var(--tokis-font-weight-semibold);color:var(--tokis-text-tertiary);text-transform:uppercase;letter-spacing:var(--tokis-letter-spacing-wide);-webkit-user-select:none;user-select:none}@keyframes tokis-dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tokis-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:0;list-style:none;margin:0;padding:0}.tokis-breadcrumbs-item{display:inline-flex;align-items:center;font-size:var(--tokis-font-size-sm);color:var(--tokis-text-secondary)}.tokis-breadcrumbs-item--current{color:var(--tokis-text-primary);font-weight:var(--tokis-font-weight-medium)}.tokis-breadcrumbs-separator{color:var(--tokis-text-tertiary);margin:0 var(--tokis-spacing-1);font-size:var(--tokis-font-size-xs);-webkit-user-select:none;user-select:none}.tokis-breadcrumbs-link{color:inherit;text-decoration:none;cursor:pointer;border-radius:var(--tokis-radius-xs);outline:none;transition:color var(--tokis-duration-fast) var(--tokis-ease-out);padding:0 1px}.tokis-breadcrumbs-link:hover{color:var(--tokis-text-primary);text-decoration:underline;text-underline-offset:2px}.tokis-breadcrumbs-link:focus-visible{box-shadow:0 0 0 2px var(--tokis-color-focus-ring);color:var(--tokis-text-primary)}.tokis-pagination{display:flex;align-items:center;gap:var(--tokis-spacing-1)}.tokis-pagination-item{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--tokis-radius-md);font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-medium);font-family:inherit;color:var(--tokis-text-secondary);cursor:pointer;border:1px solid transparent;transition:background var(--tokis-duration-fast) var(--tokis-ease-out),color var(--tokis-duration-fast) var(--tokis-ease-out),border-color var(--tokis-duration-fast) var(--tokis-ease-out);background:none;outline:none;-webkit-tap-highlight-color:transparent;font-variant-numeric:tabular-nums}.tokis-pagination-item:hover{background:var(--tokis-color-surface-hover);color:var(--tokis-text-primary);border-color:var(--tokis-color-border)}.tokis-pagination-item:focus-visible{box-shadow:0 0 0 3px var(--tokis-color-focus-ring)}.tokis-pagination-item--active{background:var(--tokis-color-primary);color:var(--tokis-text-on-primary);border-color:var(--tokis-color-primary)}.tokis-pagination-item--active:hover{background:var(--tokis-color-primary-hover);border-color:var(--tokis-color-primary-hover)}.tokis-pagination-item--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.tokis-pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--tokis-text-tertiary);-webkit-user-select:none;user-select:none}.tokis-link{color:var(--tokis-text-link);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;cursor:pointer;border-radius:var(--tokis-radius-xs);outline:none;transition:text-decoration-color var(--tokis-duration-fast) var(--tokis-ease-out),color var(--tokis-duration-fast) var(--tokis-ease-out)}.tokis-link:hover{text-decoration-color:currentColor}.tokis-link:focus-visible{box-shadow:0 0 0 2px var(--tokis-color-focus-ring);text-decoration-color:currentColor}.tokis-link--external:after{content:" ↗";font-size:.8em;opacity:.7}.tokis-text{color:var(--tokis-text-primary);line-height:var(--tokis-line-height-normal)}.tokis-text--secondary{color:var(--tokis-text-secondary)}.tokis-text--tertiary{color:var(--tokis-text-tertiary)}.tokis-text--error{color:var(--tokis-text-error)}.tokis-text--success{color:var(--tokis-text-success)}.tokis-text--warning{color:var(--tokis-text-warning)}.tokis-text--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.tokis-text--balance{text-wrap:balance}.tokis-code{font-family:var(--tokis-font-family-mono);font-size:.875em;background:var(--tokis-color-neutral-100);color:var(--tokis-color-secondary);padding:1px 6px;border-radius:var(--tokis-radius-sm);border:1px solid var(--tokis-color-border)}@media(prefers-reduced-motion:reduce){.tokis-menu-content{animation:none}.tokis-menu-item,.tokis-pagination-item,.tokis-link,.tokis-breadcrumbs-link{transition:none}}.tokis-button-group{display:inline-flex;gap:0}.tokis-button-group>.tokis-btn{border-radius:0}.tokis-button-group>.tokis-btn:first-child{border-start-start-radius:var(--tokis-radius-md);border-end-start-radius:var(--tokis-radius-md);border-start-end-radius:0;border-end-end-radius:0}.tokis-button-group>.tokis-btn:last-child{border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:var(--tokis-radius-md);border-end-end-radius:var(--tokis-radius-md)}.tokis-button-group>.tokis-btn--secondary+.tokis-btn--secondary{border-inline-start-color:transparent}.tokis-button-group--vertical{flex-direction:column}.tokis-button-group--vertical>.tokis-btn{border-radius:0;width:100%}.tokis-button-group--vertical>.tokis-btn:first-child{border-start-start-radius:var(--tokis-radius-md);border-start-end-radius:var(--tokis-radius-md);border-end-start-radius:0;border-end-end-radius:0}.tokis-button-group--vertical>.tokis-btn:last-child{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:var(--tokis-radius-md);border-end-end-radius:var(--tokis-radius-md)}.tokis-fab{width:56px;height:56px;border-radius:var(--tokis-radius-full);box-shadow:var(--tokis-shadow-lg);font-size:20px;position:fixed;bottom:var(--tokis-spacing-6);inset-inline-end:var(--tokis-spacing-6);z-index:var(--tokis-z-raised)}.tokis-fab:hover{box-shadow:var(--tokis-shadow-xl);transform:translateY(-2px)}.tokis-toggle-group{display:inline-flex;border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-md);overflow:hidden;background:var(--tokis-color-surface-raised)}.tokis-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--tokis-spacing-2);border:0;border-inline-end:1px solid var(--tokis-color-border);background:transparent;color:var(--tokis-text-secondary);padding:var(--tokis-spacing-2) var(--tokis-spacing-3);font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-medium);font-family:inherit;cursor:pointer;transition:background var(--tokis-duration-fast) var(--tokis-ease-out),color var(--tokis-duration-fast) var(--tokis-ease-out);outline:none;white-space:nowrap;-webkit-tap-highlight-color:transparent}.tokis-toggle-button:last-child{border-inline-end:0}.tokis-toggle-button:hover{background:var(--tokis-color-surface-hover);color:var(--tokis-text-primary)}.tokis-toggle-button:focus-visible{box-shadow:0 0 0 2px inset var(--tokis-color-focus-ring)}.tokis-toggle-button--selected{background:var(--tokis-color-primary-subtle);color:var(--tokis-color-primary)}.tokis-toggle-button[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.tokis-stepper{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.tokis-stepper--horizontal{flex-direction:row;align-items:flex-start}.tokis-step{display:flex;gap:var(--tokis-spacing-3);color:var(--tokis-text-secondary);position:relative;padding-bottom:var(--tokis-spacing-6)}.tokis-step:last-child{padding-bottom:0}.tokis-step--active{color:var(--tokis-text-primary)}.tokis-step--done{color:var(--tokis-text-secondary)}.tokis-step-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.tokis-step-index{width:28px;height:28px;border-radius:var(--tokis-radius-full);background:var(--tokis-color-neutral-200);color:var(--tokis-text-secondary);display:inline-flex;align-items:center;justify-content:center;font-size:var(--tokis-font-size-xs);font-weight:var(--tokis-font-weight-semibold);flex-shrink:0;transition:background var(--tokis-duration-fast) var(--tokis-ease-out),color var(--tokis-duration-fast) var(--tokis-ease-out)}.tokis-step--active .tokis-step-index{background:var(--tokis-color-primary);color:var(--tokis-text-on-primary)}.tokis-step--done .tokis-step-index{background:var(--tokis-color-success);color:var(--tokis-text-inverse)}.tokis-step-connector{width:1px;flex:1;background:var(--tokis-color-border);margin:var(--tokis-spacing-1) 0;min-height:20px}.tokis-step--done .tokis-step-connector{background:var(--tokis-color-success)}.tokis-step-content{flex:1;padding-top:3px;min-width:0}.tokis-step-label{font-weight:var(--tokis-font-weight-medium);font-size:var(--tokis-font-size-sm);line-height:1.5}.tokis-step-description{font-size:var(--tokis-font-size-xs);color:var(--tokis-text-secondary);line-height:1.4;margin-top:2px}.tokis-autocomplete{position:relative;width:100%}.tokis-autocomplete-list{position:absolute;top:calc(100% + 4px);inset-inline-start:0;inset-inline-end:0;background:var(--tokis-color-surface-overlay);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-lg);box-shadow:var(--tokis-shadow-xl);z-index:var(--tokis-z-dropdown);overflow:hidden;animation:tokis-dropdown-in var(--tokis-duration-fast) var(--tokis-ease-out);max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--tokis-color-border) transparent}.tokis-autocomplete-item{width:100%;border:0;background:transparent;text-align:start;padding:var(--tokis-spacing-2) var(--tokis-spacing-3);cursor:pointer;color:var(--tokis-text-primary);font-size:var(--tokis-font-size-sm);font-family:inherit;transition:background var(--tokis-duration-fast) var(--tokis-ease-out);outline:none;min-height:36px;display:flex;align-items:center}.tokis-autocomplete-item:hover,.tokis-autocomplete-item[data-focused=true]{background:var(--tokis-color-surface-hover)}.tokis-autocomplete-item:focus-visible{background:var(--tokis-color-surface-hover)}.tokis-rating{display:inline-flex;gap:2px;align-items:center}.tokis-rating-star{border:0;background:transparent;color:var(--tokis-color-neutral-300);cursor:pointer;transition:color var(--tokis-duration-fast) var(--tokis-ease-out),transform var(--tokis-duration-fast) var(--tokis-ease-spring);outline:none;line-height:1;padding:2px;display:inline-flex;align-items:center;-webkit-tap-highlight-color:transparent}.tokis-rating-star:hover{color:var(--tokis-color-warning);transform:scale(1.15)}.tokis-rating-star--active{color:var(--tokis-color-warning)}.tokis-rating-star--hover{transform:scale(1.15)}.tokis-rating-star:focus-visible{box-shadow:0 0 0 2px var(--tokis-color-focus-ring);border-radius:var(--tokis-radius-sm);outline:none}.tokis-rating--readonly .tokis-rating-star,.tokis-rating[data-readonly=true] .tokis-rating-star{cursor:default;pointer-events:none}.tokis-otp-root{display:inline-block}.tokis-otp-inputs{display:flex;gap:var(--tokis-spacing-2);align-items:center}.tokis-otp-cell{width:44px;height:52px;text-align:center;font-size:var(--tokis-font-size-xl);font-weight:var(--tokis-font-weight-semibold);font-family:var(--tokis-font-family-mono);border:1.5px solid var(--tokis-color-border-strong);border-radius:var(--tokis-radius-lg);background:var(--tokis-color-surface-raised);color:var(--tokis-text-primary);transition:border-color var(--tokis-duration-fast) var(--tokis-ease-out),box-shadow var(--tokis-duration-fast) var(--tokis-ease-out);outline:none;caret-color:var(--tokis-color-primary)}.tokis-otp-cell:focus{border-color:var(--tokis-color-primary);box-shadow:0 0 0 3px var(--tokis-color-focus-ring)}.tokis-otp-cell--filled{border-color:var(--tokis-color-primary);background:var(--tokis-color-primary-subtle)}.tokis-otp-cell--error{border-color:var(--tokis-color-error)}.tokis-otp-cell--error:focus{box-shadow:0 0 0 3px var(--tokis-color-focus-ring-error)}.tokis-otp-cell:disabled{opacity:.5;cursor:not-allowed;background:var(--tokis-color-surface)}.tokis-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--tokis-spacing-2);padding:var(--tokis-spacing-8) var(--tokis-spacing-6);border:2px dashed var(--tokis-color-border-strong);border-radius:var(--tokis-radius-xl);background:var(--tokis-color-surface);cursor:pointer;text-align:center;transition:border-color var(--tokis-duration-normal) var(--tokis-ease-out),background var(--tokis-duration-normal) var(--tokis-ease-out);outline:none;min-height:140px}.tokis-dropzone:focus-visible{box-shadow:0 0 0 3px var(--tokis-color-focus-ring);border-color:var(--tokis-color-primary)}.tokis-dropzone:hover,.tokis-dropzone--dragging{border-color:var(--tokis-color-primary);background:var(--tokis-color-primary-subtle)}.tokis-dropzone--error{border-color:var(--tokis-color-error);background:var(--tokis-color-error-subtle)}.tokis-dropzone--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.tokis-dropzone__icon{color:var(--tokis-text-tertiary);transition:color var(--tokis-duration-fast) var(--tokis-ease-out)}.tokis-dropzone:hover .tokis-dropzone__icon,.tokis-dropzone--dragging .tokis-dropzone__icon{color:var(--tokis-color-primary)}.tokis-dropzone__label{font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-medium);color:var(--tokis-text-primary)}.tokis-dropzone__hint{font-size:var(--tokis-font-size-xs);color:var(--tokis-text-tertiary)}.tokis-dropzone__error{font-size:var(--tokis-font-size-xs);color:var(--tokis-color-error);font-weight:var(--tokis-font-weight-medium)}.tokis-dropzone__files{display:flex;flex-wrap:wrap;gap:var(--tokis-spacing-1);justify-content:center}.tokis-dropzone__file{font-size:var(--tokis-font-size-xs);padding:2px var(--tokis-spacing-2);background:var(--tokis-color-primary-subtle);color:var(--tokis-color-primary);border-radius:var(--tokis-radius-full);font-weight:var(--tokis-font-weight-medium)}.tokis-app-bar{width:100%;min-height:56px;background:var(--tokis-color-surface-raised);border-bottom:1px solid var(--tokis-color-border);color:var(--tokis-text-primary);display:flex;align-items:center;padding:0 var(--tokis-spacing-4);gap:var(--tokis-spacing-3);box-shadow:var(--tokis-shadow-xs)}.tokis-app-bar--sticky{position:sticky;top:0;z-index:var(--tokis-z-sticky)}.tokis-app-bar--fixed{position:fixed;top:0;inset-inline-start:0;inset-inline-end:0;z-index:var(--tokis-z-sticky)}.tokis-app-bar__title{font-size:var(--tokis-font-size-lg);font-weight:var(--tokis-font-weight-semibold);color:var(--tokis-text-primary);flex:1}.tokis-app-bar__actions{display:flex;align-items:center;gap:var(--tokis-spacing-2);margin-inline-start:auto}.tokis-paper{background:var(--tokis-color-surface-raised);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-lg);padding:var(--tokis-spacing-4)}.tokis-paper--1{box-shadow:var(--tokis-shadow-sm);border-color:transparent}.tokis-paper--2{box-shadow:var(--tokis-shadow-md);border-color:transparent}.tokis-paper--3{box-shadow:var(--tokis-shadow-lg);border-color:transparent}.tokis-bottom-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:var(--tokis-spacing-1);padding:var(--tokis-spacing-2) var(--tokis-spacing-2);border-top:1px solid var(--tokis-color-border);background:var(--tokis-color-surface-raised);position:fixed;bottom:0;inset-inline-start:0;inset-inline-end:0;z-index:var(--tokis-z-sticky)}.tokis-bottom-nav-item{border:0;border-radius:var(--tokis-radius-md);background:transparent;color:var(--tokis-text-secondary);min-height:52px;font-size:var(--tokis-font-size-xs);font-family:inherit;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;cursor:pointer;transition:color var(--tokis-duration-fast) var(--tokis-ease-out),background var(--tokis-duration-fast) var(--tokis-ease-out);outline:none;-webkit-tap-highlight-color:transparent}.tokis-bottom-nav-item:hover{background:var(--tokis-color-surface-hover)}.tokis-bottom-nav-item:focus-visible{box-shadow:0 0 0 2px inset var(--tokis-color-focus-ring)}.tokis-bottom-nav-item--active{color:var(--tokis-color-primary);background:var(--tokis-color-primary-subtle)}.tokis-speed-dial{position:relative;display:inline-flex;flex-direction:column;align-items:flex-end;gap:var(--tokis-spacing-2)}.tokis-speed-dial-actions{display:flex;flex-direction:column;gap:var(--tokis-spacing-2);animation:tokis-dropdown-in var(--tokis-duration-fast) var(--tokis-ease-out)}.tokis-speed-dial-action{display:inline-flex;align-items:center;gap:var(--tokis-spacing-2);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-full);padding:var(--tokis-spacing-2) var(--tokis-spacing-4);background:var(--tokis-color-surface-raised);cursor:pointer;font-size:var(--tokis-font-size-sm);font-family:inherit;box-shadow:var(--tokis-shadow-md);color:var(--tokis-text-primary);transition:box-shadow var(--tokis-duration-fast) var(--tokis-ease-out),transform var(--tokis-duration-fast) var(--tokis-ease-out);outline:none;white-space:nowrap}.tokis-speed-dial-action:hover{box-shadow:var(--tokis-shadow-lg);transform:scale(1.02)}.tokis-speed-dial-action:focus-visible{box-shadow:0 0 0 3px var(--tokis-color-focus-ring)}.tokis-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:grid;place-items:center;z-index:var(--tokis-z-modal)}.tokis-fade{opacity:0;transform:translateY(6px);transition:opacity var(--tokis-duration-normal) var(--tokis-ease-out),transform var(--tokis-duration-normal) var(--tokis-ease-out)}.tokis-fade--in{opacity:1;transform:translateY(0)}.tokis-number-field{display:flex;flex-direction:column;gap:var(--tokis-spacing-2)}.tokis-number-field-wrapper{display:flex;gap:0;align-items:stretch}.tokis-number-field .tokis-input{border-radius:0;text-align:center;border-inline-start-color:transparent;border-inline-end-color:transparent}.tokis-number-field-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;background:var(--tokis-color-surface-raised);border:1px solid var(--tokis-color-border);color:var(--tokis-text-secondary);cursor:pointer;font-size:16px;transition:background var(--tokis-duration-fast) var(--tokis-ease-out);outline:none;flex-shrink:0;-webkit-tap-highlight-color:transparent}.tokis-number-field-btn:first-child{border-start-start-radius:var(--tokis-radius-md);border-end-start-radius:var(--tokis-radius-md);border-start-end-radius:0;border-end-end-radius:0}.tokis-number-field-btn:last-child{border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:var(--tokis-radius-md);border-end-end-radius:var(--tokis-radius-md)}.tokis-number-field-btn:hover{background:var(--tokis-color-surface-hover);color:var(--tokis-text-primary)}.tokis-number-field-btn:focus-visible{box-shadow:0 0 0 2px inset var(--tokis-color-focus-ring)}.tokis-transfer-list{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--tokis-spacing-3);align-items:center}.tokis-transfer-pane{border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-lg);overflow:hidden;min-width:200px}.tokis-transfer-pane-header{padding:var(--tokis-spacing-3) var(--tokis-spacing-4);font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-semibold);color:var(--tokis-text-primary);border-bottom:1px solid var(--tokis-color-border);background:var(--tokis-color-neutral-50)}.tokis-transfer-item{display:flex;align-items:center;gap:var(--tokis-spacing-2);padding:var(--tokis-spacing-2) var(--tokis-spacing-4);font-size:var(--tokis-font-size-sm);color:var(--tokis-text-primary);cursor:pointer;transition:background var(--tokis-duration-fast) var(--tokis-ease-out)}.tokis-transfer-item:hover{background:var(--tokis-color-surface-hover)}.tokis-transfer-item--selected{background:var(--tokis-color-primary-subtle);color:var(--tokis-color-primary)}.tokis-transfer-actions{display:flex;flex-direction:column;gap:var(--tokis-spacing-2)}.tokis-tree-list{list-style:none;margin:0;padding:0}.tokis-tree-list--nested{padding-inline-start:var(--tokis-spacing-4)}.tokis-tree-item{border:0;background:transparent;color:var(--tokis-text-primary);font-size:var(--tokis-font-size-sm);font-family:inherit;padding:var(--tokis-spacing-1) var(--tokis-spacing-2);cursor:pointer;display:flex;align-items:center;gap:var(--tokis-spacing-2);border-radius:var(--tokis-radius-sm);width:100%;text-align:start;transition:background var(--tokis-duration-fast) var(--tokis-ease-out);outline:none}.tokis-tree-item:hover{background:var(--tokis-color-surface-hover)}.tokis-tree-item[aria-selected=true]{background:var(--tokis-color-primary-subtle);color:var(--tokis-color-primary)}.tokis-tree-item:focus-visible{box-shadow:0 0 0 2px var(--tokis-color-focus-ring)}@media(prefers-reduced-motion:reduce){.tokis-toggle-button{transition:none}.tokis-rating-star{transition:none;transform:none!important}.tokis-bottom-nav-item,.tokis-speed-dial-action{transition:none}.tokis-speed-dial-actions,.tokis-autocomplete-list{animation:none}.tokis-fade,.tokis-tree-item,.tokis-transfer-item,.tokis-number-field-btn{transition:none}}.tokis-codeblock{position:relative;border-radius:var(--tokis-radius-lg);border:1px solid #2d333b;background:#161b22;overflow:hidden;font-family:var(--tokis-font-family-mono);font-size:var(--tokis-font-size-sm);line-height:1}[data-theme=dark] .tokis-codeblock{background:#0d1117;border-color:#30363d}.tokis-codeblock__header{display:flex;align-items:center;justify-content:space-between;padding:var(--tokis-spacing-2) var(--tokis-spacing-4);border-bottom:1px solid #2d333b;background:#1c2128;min-height:40px}[data-theme=dark] .tokis-codeblock__header{background:#161b22;border-color:#30363d}.tokis-codeblock__lang{font-size:var(--tokis-font-size-xs);color:var(--tokis-text-tertiary);text-transform:lowercase;letter-spacing:var(--tokis-letter-spacing-wide);font-family:var(--tokis-font-family-mono);font-weight:var(--tokis-font-weight-medium)}[data-theme=dark] .tokis-codeblock__lang{color:#8b949e}.tokis-codeblock__copy{display:flex;align-items:center;gap:var(--tokis-spacing-1);padding:3px var(--tokis-spacing-2);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-sm);background:transparent;color:var(--tokis-text-tertiary);font-size:var(--tokis-font-size-xs);cursor:pointer;transition:all var(--tokis-duration-fast) var(--tokis-ease-out);font-family:var(--tokis-font-family);line-height:1.5}.tokis-codeblock__copy:hover{background:var(--tokis-color-surface-raised);color:var(--tokis-text-primary);border-color:var(--tokis-color-border-strong)}.tokis-codeblock__copy--copied{color:var(--tokis-color-success);border-color:var(--tokis-color-success)}[data-theme=dark] .tokis-codeblock__copy{border-color:#30363d;color:#8b949e}[data-theme=dark] .tokis-codeblock__copy:hover{background:#21262d;color:#c9d1d9;border-color:#6e7681}[data-theme=dark] .tokis-codeblock__copy--copied{color:var(--tokis-color-success);border-color:var(--tokis-color-success)}.tokis-codeblock__body{display:flex;overflow:auto;-webkit-overflow-scrolling:touch;max-height:600px}.tokis-codeblock__lines{display:flex;flex-direction:column;padding:var(--tokis-spacing-4) var(--tokis-spacing-3);color:var(--tokis-text-tertiary);font-size:var(--tokis-font-size-sm);line-height:1.6;border-inline-end:1px solid var(--tokis-color-border);min-width:2.5rem;text-align:end;-webkit-user-select:none;user-select:none;flex-shrink:0}.tokis-codeblock__line-num{display:block;line-height:1.6}[data-theme=dark] .tokis-codeblock__lines{border-inline-end-color:#30363d;color:#6e7681}.tokis-codeblock__pre{margin:0;padding:var(--tokis-spacing-4);overflow:visible;flex:1;min-width:0;background:transparent}.tokis-codeblock__code{display:block;color:#e6edf3;line-height:1.6;font-size:var(--tokis-font-size-sm);-moz-tab-size:2;tab-size:2;white-space:pre;font-family:var(--tokis-font-family-mono)}[data-theme=dark] .tokis-codeblock__code{color:#c9d1d9}[data-codeblock-theme=dark].tokis-codeblock,[data-codeblock-theme=dark] .tokis-codeblock{background:#161b22;border-color:#2d333b}[data-codeblock-theme=dark] .tokis-codeblock__header{background:#1c2128;border-color:#2d333b}[data-codeblock-theme=dark] .tokis-codeblock__code{color:#e6edf3}[data-codeblock-theme=dark] .tokis-codeblock__copy{border-color:#30363d;color:#8b949e}[data-codeblock-theme=dark] .tokis-codeblock__copy:hover{background:#21262d;color:#c9d1d9;border-color:#6e7681}[data-codeblock-theme=dark] .tokis-codeblock__lines{border-color:#30363d;color:#6e7681}[data-codeblock-theme=light].tokis-codeblock{background:#f6f8fa;border-color:#d0d7de}[data-codeblock-theme=light] .tokis-codeblock__header{background:#fff;border-color:#d0d7de}[data-codeblock-theme=light] .tokis-codeblock__code{color:#24292f}[data-codeblock-theme=light] .tokis-codeblock__copy{border-color:#d0d7de;color:#57606a}[data-codeblock-theme=light] .tokis-codeblock__copy:hover{background:#eaeef2;color:#24292f;border-color:#8c959f}[data-codeblock-theme=light] .tokis-codeblock__lines{border-color:#d0d7de;color:#8c959f}[data-codeblock-theme=light] .hljs-keyword,[data-codeblock-theme=light] .hljs-selector-tag{color:#cf222e}[data-codeblock-theme=light] .hljs-string,[data-codeblock-theme=light] .hljs-attr{color:#0a3069}[data-codeblock-theme=light] .hljs-comment{color:#6e7781;font-style:italic}[data-codeblock-theme=light] .hljs-type,[data-codeblock-theme=light] .hljs-built_in{color:#953800}[data-codeblock-theme=light] .hljs-number,[data-codeblock-theme=light] .hljs-literal{color:#0550ae}[data-codeblock-theme=light] .hljs-title,[data-codeblock-theme=light] .hljs-function .hljs-title{color:#8250df}[data-codeblock-theme=light] .hljs-tag{color:#116329}.tokis-snackbar-container{position:fixed;bottom:var(--tokis-spacing-6);inset-inline-end:var(--tokis-spacing-6);z-index:var(--tokis-z-toast);display:flex;flex-direction:column;gap:var(--tokis-spacing-2);pointer-events:none;max-width:400px;width:calc(100vw - var(--tokis-spacing-6) * 2)}.tokis-snackbar-container--bottom-left{inset-inline-end:auto;inset-inline-start:var(--tokis-spacing-6)}.tokis-snackbar-container--bottom-center{inset-inline-end:auto;left:50%;transform:translate(-50%)}.tokis-snackbar-container--top-right{bottom:auto;top:var(--tokis-spacing-6)}.tokis-snackbar-container--top-center{bottom:auto;top:var(--tokis-spacing-6);inset-inline-end:auto;left:50%;transform:translate(-50%)}.tokis-snackbar{display:flex;align-items:flex-start;gap:var(--tokis-spacing-3);padding:var(--tokis-spacing-3) var(--tokis-spacing-4);border-radius:var(--tokis-radius-lg);pointer-events:auto;min-width:280px;box-shadow:var(--tokis-shadow-xl);border:1px solid;border-inline-start:3px solid transparent;animation:tokis-snackbar-in var(--tokis-duration-normal) var(--tokis-ease-spring) both;background:#111827f2;border-color:#ffffff14;color:var(--tokis-color-neutral-100);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=dark] .tokis-snackbar{background:#f9fafbf2;border-color:#00000014;color:var(--tokis-color-neutral-900)}.tokis-snackbar--success{background:#111827f7;border-color:#ffffff14;border-inline-start-color:var(--tokis-color-success);color:var(--tokis-color-neutral-100)}[data-theme=dark] .tokis-snackbar--success{background:#f9fafbf7;border-color:#00000014;border-inline-start-color:var(--tokis-color-success);color:var(--tokis-color-neutral-900)}.tokis-snackbar--error{background:#111827f7;border-color:#ffffff14;border-inline-start-color:var(--tokis-color-error);color:var(--tokis-color-neutral-100)}[data-theme=dark] .tokis-snackbar--error{background:#f9fafbf7;border-color:#00000014;border-inline-start-color:var(--tokis-color-error);color:var(--tokis-color-neutral-900)}.tokis-snackbar--warning{background:#111827f7;border-color:#ffffff14;border-inline-start-color:var(--tokis-color-warning);color:var(--tokis-color-neutral-100)}[data-theme=dark] .tokis-snackbar--warning{background:#f9fafbf7;border-color:#00000014;border-inline-start-color:var(--tokis-color-warning);color:var(--tokis-color-neutral-900)}.tokis-snackbar__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--tokis-spacing-1)}.tokis-snackbar__title{font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-semibold);line-height:1.4}.tokis-snackbar__body>div{font-size:var(--tokis-font-size-sm);line-height:1.5;opacity:.85}.tokis-snackbar__action{display:inline-flex;align-items:center;background:#ffffff1a;border:1px solid rgb(255 255 255 / .2);border-radius:var(--tokis-radius-md);padding:var(--tokis-spacing-1) var(--tokis-spacing-3);margin-top:var(--tokis-spacing-2);font-size:var(--tokis-font-size-xs);font-weight:var(--tokis-font-weight-semibold);font-family:var(--tokis-font-family);cursor:pointer;color:currentColor;white-space:nowrap;transition:background var(--tokis-duration-fast) var(--tokis-ease-out),border-color var(--tokis-duration-fast) var(--tokis-ease-out)}[data-theme=dark] .tokis-snackbar__action{background:#0000001a;border-color:#00000026}.tokis-snackbar__action:hover{background:#ffffff2e;border-color:#ffffff59}[data-theme=dark] .tokis-snackbar__action:hover{background:#00000026;border-color:#00000040}.tokis-snackbar__action:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tokis-color-focus-ring)}.tokis-snackbar__close{flex-shrink:0;background:transparent;border:none;padding:2px;cursor:pointer;color:currentColor;opacity:.6;display:flex;align-items:center;justify-content:center;border-radius:var(--tokis-radius-sm);transition:opacity var(--tokis-duration-fast) var(--tokis-ease-out),background var(--tokis-duration-fast) var(--tokis-ease-out);margin-top:1px}.tokis-snackbar__close:hover{opacity:1;background:#ffffff1a}[data-theme=dark] .tokis-snackbar__close:hover{background:#0000001a}.tokis-snackbar__close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tokis-color-focus-ring)}@keyframes tokis-snackbar-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.tokis-snackbar{animation:none}}.tokis-pagination{display:flex;align-items:center;gap:var(--tokis-spacing-1);flex-wrap:wrap}.tokis-pagination__item{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--tokis-spacing-2);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-md);background:var(--tokis-color-surface);color:var(--tokis-text-primary);font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-medium);cursor:pointer;transition:background-color var(--tokis-duration-fast) var(--tokis-ease-out),border-color var(--tokis-duration-fast) var(--tokis-ease-out),color var(--tokis-duration-fast) var(--tokis-ease-out);-webkit-user-select:none;user-select:none;text-decoration:none}.tokis-pagination__item:hover:not(:disabled):not(.tokis-pagination__item--disabled){background:var(--tokis-color-surface-hover);border-color:var(--tokis-color-border-strong)}.tokis-pagination__item:focus-visible{outline:2px solid var(--tokis-color-focus-ring);outline-offset:2px}.tokis-pagination__item--active{background:var(--tokis-color-primary);border-color:var(--tokis-color-primary);color:var(--tokis-text-on-primary);cursor:default}.tokis-pagination__item--active:hover{background:var(--tokis-color-primary);border-color:var(--tokis-color-primary)}.tokis-pagination__item--disabled,.tokis-pagination__item:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.tokis-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:var(--tokis-text-tertiary);font-size:var(--tokis-font-size-sm);-webkit-user-select:none;user-select:none}.tokis-pagination__prev,.tokis-pagination__next{color:var(--tokis-text-secondary)}[data-theme=dark] .tokis-pagination__item{background:var(--tokis-color-surface);border-color:var(--tokis-color-border);color:var(--tokis-text-primary)}[data-theme=dark] .tokis-pagination__item--active{background:var(--tokis-color-primary);border-color:var(--tokis-color-primary);color:var(--tokis-text-on-primary)}@media(prefers-reduced-motion:reduce){.tokis-pagination__item{transition:none}}.tokis-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.tokis-timeline__item{display:flex;gap:var(--tokis-spacing-4);position:relative}.tokis-timeline__track{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.tokis-timeline__dot{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--tokis-radius-full);background:var(--tokis-color-surface-raised);border:2px solid var(--tokis-color-border);color:var(--tokis-text-secondary);flex-shrink:0;z-index:1}.tokis-timeline__dot--success{background:color-mix(in srgb,var(--tokis-color-success) 15%,transparent);border-color:var(--tokis-color-success);color:var(--tokis-color-success)}.tokis-timeline__dot--error{background:color-mix(in srgb,var(--tokis-color-error) 15%,transparent);border-color:var(--tokis-color-error);color:var(--tokis-color-error)}.tokis-timeline__dot--warning{background:color-mix(in srgb,var(--tokis-color-warning) 15%,transparent);border-color:var(--tokis-color-warning);color:var(--tokis-color-warning)}.tokis-timeline__dot--info{background:color-mix(in srgb,var(--tokis-color-info) 15%,transparent);border-color:var(--tokis-color-info);color:var(--tokis-color-info)}.tokis-timeline__connector{width:2px;flex:1;min-height:var(--tokis-spacing-4);background:var(--tokis-color-border);margin-top:var(--tokis-spacing-1);margin-bottom:var(--tokis-spacing-1)}.tokis-timeline__content{flex:1;padding-bottom:var(--tokis-spacing-6);padding-top:var(--tokis-spacing-1)}.tokis-timeline__header{display:flex;align-items:baseline;gap:var(--tokis-spacing-3);flex-wrap:wrap;margin-bottom:var(--tokis-spacing-1)}.tokis-timeline__title{font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-semibold);color:var(--tokis-text-primary);line-height:var(--tokis-line-height-normal)}.tokis-timeline__date{font-size:var(--tokis-font-size-xs);color:var(--tokis-text-tertiary);white-space:nowrap}.tokis-timeline__desc{font-size:var(--tokis-font-size-sm);color:var(--tokis-text-secondary);line-height:var(--tokis-line-height-normal)}[data-theme=dark] .tokis-timeline__dot:not(.tokis-timeline__dot--success):not(.tokis-timeline__dot--error):not(.tokis-timeline__dot--warning):not(.tokis-timeline__dot--info){background:var(--tokis-color-surface-raised);border-color:var(--tokis-color-border)}[data-theme=dark] .tokis-timeline__dot--success{background:color-mix(in srgb,var(--tokis-color-success) 20%,transparent)}[data-theme=dark] .tokis-timeline__dot--error{background:color-mix(in srgb,var(--tokis-color-error) 20%,transparent)}[data-theme=dark] .tokis-timeline__dot--warning{background:color-mix(in srgb,var(--tokis-color-warning) 20%,transparent)}[data-theme=dark] .tokis-timeline__dot--info{background:color-mix(in srgb,var(--tokis-color-info) 20%,transparent)}[data-theme=dark] .tokis-timeline__connector{background:var(--tokis-color-border)}.tokis-treeview{list-style:none;margin:0;padding:0;font-size:var(--tokis-font-size-sm);color:var(--tokis-text-primary);-webkit-user-select:none;user-select:none}.tokis-treeview__group{list-style:none;margin:0;padding:0}.tokis-treeview__item{display:flex;align-items:center;gap:var(--tokis-spacing-2);padding-top:var(--tokis-spacing-1);padding-bottom:var(--tokis-spacing-1);padding-inline-end:var(--tokis-spacing-2);border-radius:var(--tokis-radius-md);cursor:pointer;outline:none;transition:background-color var(--tokis-duration-fast) var(--tokis-ease-out),color var(--tokis-duration-fast) var(--tokis-ease-out);min-height:32px}.tokis-treeview__item:hover:not(.tokis-treeview__item--disabled){background:var(--tokis-color-surface-hover)}.tokis-treeview__item:focus-visible{outline:2px solid var(--tokis-color-focus-ring);outline-offset:-2px}.tokis-treeview__item--selected{background:color-mix(in srgb,var(--tokis-color-primary) 12%,transparent);color:var(--tokis-color-primary);font-weight:var(--tokis-font-weight-medium)}.tokis-treeview__item--selected:hover{background:color-mix(in srgb,var(--tokis-color-primary) 18%,transparent)}.tokis-treeview__item--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.tokis-treeview__chevron{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--tokis-text-tertiary);transition:transform var(--tokis-duration-fast) var(--tokis-ease-out)}.tokis-treeview__chevron--open{transform:rotate(90deg)}.tokis-treeview__leaf-spacer{display:inline-block;width:16px;height:16px;flex-shrink:0}.tokis-treeview__icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--tokis-text-secondary)}.tokis-treeview__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--tokis-line-height-normal)}[data-theme=dark] .tokis-treeview__item--selected{background:color-mix(in srgb,var(--tokis-color-primary) 20%,transparent)}@media(prefers-reduced-motion:reduce){.tokis-treeview__chevron,.tokis-treeview__item{transition:none}}.tokis-statistic{display:flex;flex-direction:column;gap:var(--tokis-spacing-1)}.tokis-statistic__label{font-size:var(--tokis-font-size-sm);color:var(--tokis-text-secondary);font-weight:var(--tokis-font-weight-medium)}.tokis-statistic__value-row{display:flex;align-items:baseline;gap:var(--tokis-spacing-1);flex-wrap:wrap}.tokis-statistic__prefix{font-size:var(--tokis-font-size-lg);color:var(--tokis-text-secondary);font-weight:var(--tokis-font-weight-medium)}.tokis-statistic__value{font-size:var(--tokis-font-size-3xl);font-weight:var(--tokis-font-weight-bold);color:var(--tokis-text-primary);line-height:1}.tokis-statistic__suffix{font-size:var(--tokis-font-size-lg);color:var(--tokis-text-secondary);font-weight:var(--tokis-font-weight-medium)}.tokis-statistic__trend{display:inline-flex;align-items:center;gap:2px;font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-semibold);padding:2px var(--tokis-spacing-2);border-radius:var(--tokis-radius-full)}.tokis-statistic__trend--up{color:var(--tokis-color-success);background:var(--tokis-color-success-subtle, rgba(5, 150, 105, .1))}.tokis-statistic__trend--down{color:var(--tokis-color-error);background:var(--tokis-color-error-subtle, rgba(220, 38, 38, .1))}.tokis-statistic__trend--neutral{color:var(--tokis-text-tertiary);background:var(--tokis-color-surface)}.tokis-statistic__desc{font-size:var(--tokis-font-size-xs);color:var(--tokis-text-tertiary);margin-top:var(--tokis-spacing-1)}.tokis-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--tokis-spacing-12) var(--tokis-spacing-6);gap:var(--tokis-spacing-4)}.tokis-empty-state__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--tokis-radius-xl);background:var(--tokis-color-surface);color:var(--tokis-text-tertiary);border:1px solid var(--tokis-color-border)}.tokis-empty-state__title{font-size:var(--tokis-font-size-lg);font-weight:var(--tokis-font-weight-semibold);color:var(--tokis-text-primary);margin:0}.tokis-empty-state__description{font-size:var(--tokis-font-size-sm);color:var(--tokis-text-secondary);line-height:var(--tokis-line-height-normal);max-width:360px;margin:0}.tokis-empty-state__action{margin-top:var(--tokis-spacing-2)}.tokis-result{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--tokis-spacing-12) var(--tokis-spacing-6);gap:var(--tokis-spacing-4)}.tokis-result__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%}.tokis-result__icon--success{color:var(--tokis-color-success);background:var(--tokis-color-success-subtle, rgba(5,150,105,.1))}.tokis-result__icon--error{color:var(--tokis-color-error);background:var(--tokis-color-error-subtle, rgba(220,38,38,.1))}.tokis-result__icon--warning{color:var(--tokis-color-warning);background:var(--tokis-color-warning-subtle, rgba(217,119,6,.1))}.tokis-result__icon--info{color:var(--tokis-color-info);background:var(--tokis-color-info-subtle, rgba(2,132,199,.1))}.tokis-result__icon--loading{color:var(--tokis-color-primary);background:var(--tokis-color-primary-subtle)}.tokis-result__spin{animation:tokis-result-spin 1s linear infinite}@keyframes tokis-result-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tokis-result__title{font-size:var(--tokis-font-size-xl);font-weight:var(--tokis-font-weight-semibold);color:var(--tokis-text-primary);margin:0}.tokis-result__description{font-size:var(--tokis-font-size-sm);color:var(--tokis-text-secondary);line-height:var(--tokis-line-height-normal);max-width:400px;margin:0}.tokis-result__extra{margin-top:var(--tokis-spacing-4)}@media(prefers-reduced-motion:reduce){.tokis-result__spin{animation:none}}.tokis-stepper{list-style:none;margin:0;padding:0}.tokis-stepper--horizontal{display:flex;align-items:flex-start}.tokis-stepper--vertical{display:flex;flex-direction:column}.tokis-stepper__step{position:relative;display:flex;flex:1}.tokis-stepper--vertical .tokis-stepper__step{flex:none;flex-direction:column}.tokis-stepper__step-inner{display:flex;align-items:center;gap:var(--tokis-spacing-3)}.tokis-stepper--vertical .tokis-stepper__step-inner{align-items:flex-start}.tokis-stepper__circle{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-semibold);border:2px solid;transition:all var(--tokis-duration-normal) var(--tokis-ease-out)}.tokis-stepper__circle--completed{background:var(--tokis-color-success);border-color:var(--tokis-color-success);color:#fff}.tokis-stepper__circle--active{background:var(--tokis-color-primary);border-color:var(--tokis-color-primary);color:var(--tokis-text-on-primary)}.tokis-stepper__circle--pending{background:var(--tokis-color-surface);border-color:var(--tokis-color-border);color:var(--tokis-text-tertiary)}.tokis-stepper__circle--error{background:var(--tokis-color-error);border-color:var(--tokis-color-error);color:#fff}.tokis-stepper__connector{flex:1;height:2px;background:var(--tokis-color-border);margin:0 var(--tokis-spacing-2);margin-top:15px;align-self:flex-start;transition:background var(--tokis-duration-normal) var(--tokis-ease-out)}.tokis-stepper__connector--completed{background:var(--tokis-color-success)}.tokis-stepper--vertical .tokis-stepper__connector{width:2px;height:auto;min-height:24px;margin:var(--tokis-spacing-1) 0 var(--tokis-spacing-1) 15px;align-self:auto}.tokis-stepper__text{min-width:0}.tokis-stepper__label{font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-semibold);color:var(--tokis-text-primary);line-height:1.4;white-space:nowrap}.tokis-stepper__step--pending .tokis-stepper__label{color:var(--tokis-text-tertiary);font-weight:var(--tokis-font-weight-medium)}.tokis-stepper__desc{font-size:var(--tokis-font-size-xs);color:var(--tokis-text-secondary);margin-top:2px;line-height:1.4}@media(prefers-reduced-motion:reduce){.tokis-stepper__circle,.tokis-stepper__connector{transition:none}}.tokis-bottom-nav{display:flex;align-items:stretch;background:var(--tokis-color-surface-overlay);border-top:1px solid var(--tokis-color-border);width:100%;box-shadow:var(--tokis-shadow-lg)}.tokis-bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:var(--tokis-spacing-2) var(--tokis-spacing-1);background:transparent;border:none;cursor:pointer;color:var(--tokis-text-tertiary);transition:color var(--tokis-duration-fast) var(--tokis-ease-out),background var(--tokis-duration-fast) var(--tokis-ease-out);font-family:var(--tokis-font-family);min-height:56px}.tokis-bottom-nav__item:hover{background:var(--tokis-color-surface-hover);color:var(--tokis-text-secondary)}.tokis-bottom-nav__item--active{color:var(--tokis-color-primary)}.tokis-bottom-nav__item:focus-visible{outline:none;background:var(--tokis-color-primary-subtle)}.tokis-bottom-nav__icon{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.tokis-bottom-nav__badge{position:absolute;top:-4px;inset-inline-end:-8px;min-width:16px;height:16px;padding:0 4px;background:var(--tokis-color-error);color:#fff;font-size:10px;font-weight:var(--tokis-font-weight-bold);border-radius:var(--tokis-radius-full);display:flex;align-items:center;justify-content:center;line-height:1}.tokis-bottom-nav__label{font-size:10px;font-weight:var(--tokis-font-weight-medium);letter-spacing:.01em}@media(prefers-reduced-motion:reduce){.tokis-bottom-nav__item{transition:none}}.tokis-nav-rail{display:flex;flex-direction:column;width:72px;background:var(--tokis-color-surface);border-inline-end:1px solid var(--tokis-color-border);height:100%;align-items:stretch}.tokis-nav-rail__header{padding:var(--tokis-spacing-4) var(--tokis-spacing-2) var(--tokis-spacing-2);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--tokis-color-border)}.tokis-nav-rail__items{flex:1;display:flex;flex-direction:column;padding:var(--tokis-spacing-2) 0;gap:var(--tokis-spacing-1);overflow-y:auto}.tokis-nav-rail__item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--tokis-spacing-2) var(--tokis-spacing-1);background:transparent;border:none;cursor:pointer;color:var(--tokis-text-tertiary);transition:color var(--tokis-duration-fast) var(--tokis-ease-out),background var(--tokis-duration-fast) var(--tokis-ease-out);font-family:var(--tokis-font-family);border-radius:var(--tokis-radius-md);margin:0 var(--tokis-spacing-1)}.tokis-nav-rail__item:hover{background:var(--tokis-color-surface-hover);color:var(--tokis-text-secondary)}.tokis-nav-rail__item--active{color:var(--tokis-color-primary);background:var(--tokis-color-primary-subtle)}.tokis-nav-rail__item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tokis-color-focus-ring)}.tokis-nav-rail__icon{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.tokis-nav-rail__badge{position:absolute;top:-4px;inset-inline-end:-8px;min-width:16px;height:16px;padding:0 4px;background:var(--tokis-color-error);color:#fff;font-size:10px;font-weight:var(--tokis-font-weight-bold);border-radius:var(--tokis-radius-full);display:flex;align-items:center;justify-content:center}.tokis-nav-rail__label{font-size:10px;font-weight:var(--tokis-font-weight-medium);text-align:center}.tokis-nav-rail__footer{padding:var(--tokis-spacing-2);border-top:1px solid var(--tokis-color-border);display:flex;align-items:center;justify-content:center}@media(prefers-reduced-motion:reduce){.tokis-nav-rail__item{transition:none}}.tokis-app-bar{display:flex;align-items:center;gap:var(--tokis-spacing-3);padding:0 var(--tokis-spacing-4);height:56px;background:var(--tokis-color-background);border-bottom:1px solid var(--tokis-color-border);width:100%;box-sizing:border-box}.tokis-app-bar--primary{background:var(--tokis-color-primary);border-bottom-color:transparent;color:var(--tokis-text-on-primary)}.tokis-app-bar--transparent{background:transparent;border-bottom-color:transparent}.tokis-app-bar--elevation-sm{box-shadow:var(--tokis-shadow-sm);border-bottom:none}.tokis-app-bar--elevation-md{box-shadow:var(--tokis-shadow-md);border-bottom:none}.tokis-app-bar--sticky{position:sticky;top:0;z-index:var(--tokis-z-dropdown)}.tokis-app-bar__leading{flex-shrink:0;display:flex;align-items:center}.tokis-app-bar__title{flex:1;min-width:0;font-size:var(--tokis-font-size-base);font-weight:var(--tokis-font-weight-semibold);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tokis-app-bar__trailing{flex-shrink:0;display:flex;align-items:center;gap:var(--tokis-spacing-2);margin-inline-start:auto}.tokis-circular-progress{position:relative;display:inline-flex;align-items:center;justify-content:center}.tokis-circular-progress__track{stroke:var(--tokis-color-border)}.tokis-circular-progress__fill{stroke:var(--tokis-color-primary);transition:stroke-dashoffset .5s var(--tokis-ease-out)}.tokis-circular-progress--success .tokis-circular-progress__fill{stroke:var(--tokis-color-success)}.tokis-circular-progress--warning .tokis-circular-progress__fill{stroke:var(--tokis-color-warning)}.tokis-circular-progress--error .tokis-circular-progress__fill{stroke:var(--tokis-color-error)}.tokis-circular-progress--indeterminate svg{animation:tokis-cprogress-spin 1.4s linear infinite}.tokis-circular-progress--indeterminate .tokis-circular-progress__fill{transition:none;animation:tokis-cprogress-dash 1.4s ease-in-out infinite}@keyframes tokis-cprogress-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes tokis-cprogress-dash{0%{stroke-dashoffset:var(--tokis-cprogress-circumference, 220)}50%{stroke-dashoffset:calc(var(--tokis-cprogress-circumference, 220) * .25)}to{stroke-dashoffset:var(--tokis-cprogress-circumference, 220)}}.tokis-circular-progress__label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--tokis-font-size-xs);font-weight:var(--tokis-font-weight-semibold);color:var(--tokis-text-primary);pointer-events:none}@media(prefers-reduced-motion:reduce){.tokis-circular-progress--indeterminate svg{animation:none}.tokis-circular-progress--indeterminate .tokis-circular-progress__fill{animation:none}.tokis-circular-progress__fill{transition:none}}.tokis-confirm-dialog__actions{display:flex;justify-content:flex-end;gap:var(--tokis-spacing-3);flex-wrap:wrap}.tokis-confirm-dialog__cancel{padding:var(--tokis-spacing-2) var(--tokis-spacing-4);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-md);background:var(--tokis-color-surface);color:var(--tokis-text-secondary);font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-medium);font-family:var(--tokis-font-family);cursor:pointer;transition:background var(--tokis-duration-fast) var(--tokis-ease-out),color var(--tokis-duration-fast) var(--tokis-ease-out)}.tokis-confirm-dialog__cancel:hover{background:var(--tokis-color-surface-hover);color:var(--tokis-text-primary)}.tokis-confirm-dialog__cancel:focus-visible{outline:none;box-shadow:0 0 0 3px var(--tokis-color-focus-ring)}.tokis-confirm-dialog__cancel:disabled{opacity:.5;cursor:not-allowed}.tokis-confirm-dialog__confirm{display:inline-flex;align-items:center;gap:var(--tokis-spacing-2);padding:var(--tokis-spacing-2) var(--tokis-spacing-4);border:none;border-radius:var(--tokis-radius-md);background:var(--tokis-color-primary);color:var(--tokis-text-on-primary);font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-semibold);font-family:var(--tokis-font-family);cursor:pointer;transition:background var(--tokis-duration-fast) var(--tokis-ease-out)}.tokis-confirm-dialog__confirm:hover{background:var(--tokis-color-primary-hover, color-mix(in srgb, var(--tokis-color-primary) 85%, #000))}.tokis-confirm-dialog__confirm:focus-visible{outline:none;box-shadow:0 0 0 3px var(--tokis-color-focus-ring)}.tokis-confirm-dialog__confirm:disabled{opacity:.6;cursor:not-allowed}.tokis-confirm-dialog__confirm--destructive{background:var(--tokis-color-error)}.tokis-confirm-dialog__confirm--destructive:hover{background:color-mix(in srgb,var(--tokis-color-error) 85%,#000)}.tokis-confirm-dialog__spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:tokis-confirm-spin .6s linear infinite}@keyframes tokis-confirm-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tokis-confirm-dialog__spinner{animation:none}.tokis-confirm-dialog__cancel,.tokis-confirm-dialog__confirm{transition:none}}.tokis-hover-card{z-index:var(--tokis-z-popover);background:var(--tokis-color-surface-overlay);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-xl);box-shadow:var(--tokis-shadow-xl);padding:var(--tokis-spacing-4);min-width:220px;max-width:360px;animation:tokis-hover-card-in var(--tokis-duration-fast) var(--tokis-ease-out)}@keyframes tokis-hover-card-in{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}.tokis-hover-card--top{transform-origin:bottom center}.tokis-hover-card--bottom{transform-origin:top center}.tokis-hover-card--left{transform-origin:right center}.tokis-hover-card--right{transform-origin:left center}@media(prefers-reduced-motion:reduce){.tokis-hover-card{animation:none}}.tokis-context-menu{z-index:var(--tokis-z-dropdown);background:var(--tokis-color-surface-overlay);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-lg);box-shadow:var(--tokis-shadow-xl);padding:var(--tokis-spacing-1);min-width:180px;max-width:280px;animation:tokis-context-menu-in var(--tokis-duration-fast) var(--tokis-ease-out);outline:none}@keyframes tokis-context-menu-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tokis-context-menu__item{display:flex;align-items:center;gap:var(--tokis-spacing-2);width:100%;padding:var(--tokis-spacing-2) var(--tokis-spacing-3);background:transparent;border:none;border-radius:var(--tokis-radius-md);font-size:var(--tokis-font-size-sm);font-family:var(--tokis-font-family);color:var(--tokis-text-primary);cursor:pointer;text-align:start;transition:background var(--tokis-duration-fast) var(--tokis-ease-out)}.tokis-context-menu__item:hover{background:var(--tokis-color-surface-hover)}.tokis-context-menu__item:focus-visible{outline:none;background:var(--tokis-color-surface-hover);box-shadow:inset 0 0 0 2px var(--tokis-color-focus-ring)}.tokis-context-menu__item--destructive{color:var(--tokis-color-error)}.tokis-context-menu__item--disabled{opacity:.4;cursor:not-allowed}.tokis-context-menu__icon{flex-shrink:0;color:var(--tokis-text-tertiary);display:flex;align-items:center}.tokis-context-menu__separator{height:1px;background:var(--tokis-color-border);margin:var(--tokis-spacing-1) 0}.tokis-context-menu__label{padding:var(--tokis-spacing-1) var(--tokis-spacing-3);font-size:11px;font-weight:var(--tokis-font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--tokis-text-tertiary)}@media(prefers-reduced-motion:reduce){.tokis-context-menu{animation:none}.tokis-context-menu__item{transition:none}}.tokis-dropdown{z-index:var(--tokis-z-dropdown);background:var(--tokis-color-surface-overlay);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-xl);box-shadow:var(--tokis-shadow-xl);padding:var(--tokis-spacing-2);min-width:160px;max-width:320px;animation:tokis-dropdown-in var(--tokis-duration-fast) var(--tokis-ease-out);outline:none}@keyframes tokis-dropdown-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tokis-dropdown--top-start,.tokis-dropdown--top-end{animation-name:tokis-dropdown-in-up}@keyframes tokis-dropdown-in-up{0%{opacity:0;transform:translateY(4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.tokis-dropdown{animation:none}}.tokis-command-palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:calc(var(--tokis-z-modal) - 1);animation:tokis-cp-backdrop-in var(--tokis-duration-fast) var(--tokis-ease-out)}@keyframes tokis-cp-backdrop-in{0%{opacity:0}to{opacity:1}}.tokis-command-palette{position:fixed;top:20vh;left:50%;transform:translate(-50%);z-index:var(--tokis-z-modal);width:min(560px,calc(100vw - var(--tokis-spacing-8)));background:var(--tokis-color-surface-overlay);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-2xl);box-shadow:var(--tokis-shadow-xl),0 0 0 1px #0000000a;overflow:hidden;animation:tokis-cp-in var(--tokis-duration-fast) var(--tokis-ease-spring)}@keyframes tokis-cp-in{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.97)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.tokis-command-palette__search{display:flex;align-items:center;gap:var(--tokis-spacing-3);padding:var(--tokis-spacing-4) var(--tokis-spacing-4);border-bottom:1px solid var(--tokis-color-border)}.tokis-command-palette__search-icon{flex-shrink:0;color:var(--tokis-text-tertiary);display:flex;align-items:center}.tokis-command-palette__input{flex:1;border:none;background:transparent;font-size:var(--tokis-font-size-base);color:var(--tokis-text-primary);font-family:var(--tokis-font-family);outline:none}.tokis-command-palette__input::placeholder{color:var(--tokis-text-tertiary)}.tokis-command-palette__list{max-height:380px;overflow-y:auto;padding:var(--tokis-spacing-2) 0;scrollbar-width:thin;scrollbar-color:var(--tokis-color-border) transparent}.tokis-command-palette__empty{padding:var(--tokis-spacing-6) var(--tokis-spacing-4);text-align:center;color:var(--tokis-text-tertiary);font-size:var(--tokis-font-size-sm)}.tokis-command-palette__group{padding:0}.tokis-command-palette__group-label{padding:var(--tokis-spacing-2) var(--tokis-spacing-4) var(--tokis-spacing-1);font-size:11px;font-weight:var(--tokis-font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--tokis-text-tertiary)}.tokis-command-palette__item{display:flex;align-items:center;gap:var(--tokis-spacing-3);width:100%;padding:var(--tokis-spacing-2) var(--tokis-spacing-4);background:transparent;border:none;cursor:pointer;text-align:start;font-family:var(--tokis-font-family);transition:background var(--tokis-duration-fast) var(--tokis-ease-out)}.tokis-command-palette__item:hover,.tokis-command-palette__item--active{background:var(--tokis-color-primary-subtle)}.tokis-command-palette__item:focus-visible{outline:none;background:var(--tokis-color-primary-subtle)}.tokis-command-palette__item-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--tokis-radius-md);background:var(--tokis-color-surface);color:var(--tokis-text-secondary)}.tokis-command-palette__item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.tokis-command-palette__item-label{font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-medium);color:var(--tokis-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tokis-command-palette__item-desc{font-size:var(--tokis-font-size-xs);color:var(--tokis-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tokis-command-palette__shortcut{flex-shrink:0;display:flex;align-items:center;gap:2px}.tokis-command-palette__kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-sm);background:var(--tokis-color-surface);font-size:11px;font-family:var(--tokis-font-family-mono);color:var(--tokis-text-tertiary);line-height:1}@media(prefers-reduced-motion:reduce){.tokis-command-palette-backdrop,.tokis-command-palette{animation:none}.tokis-command-palette__item{transition:none}}.tokis-search-field{display:flex;flex-direction:column;gap:var(--tokis-spacing-1)}.tokis-search-field__label{font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-medium);color:var(--tokis-text-secondary)}.tokis-search-field__wrap{position:relative;display:flex;align-items:center}.tokis-search-field__icon{position:absolute;inset-inline-start:var(--tokis-spacing-3);color:var(--tokis-text-tertiary);display:flex;align-items:center;pointer-events:none}.tokis-search-field__input{width:100%;padding:var(--tokis-spacing-2) var(--tokis-spacing-3);padding-inline-start:calc(var(--tokis-spacing-3) + 20px);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-lg);background:var(--tokis-color-surface);color:var(--tokis-text-primary);font-size:var(--tokis-font-size-sm);font-family:var(--tokis-font-family);outline:none;transition:border-color var(--tokis-duration-fast) var(--tokis-ease-out),box-shadow var(--tokis-duration-fast) var(--tokis-ease-out);-webkit-appearance:none;-moz-appearance:none;appearance:none}.tokis-search-field__input::-webkit-search-cancel-button{display:none}.tokis-search-field__input::placeholder{color:var(--tokis-text-tertiary)}.tokis-search-field__input:focus{border-color:var(--tokis-color-primary);box-shadow:0 0 0 3px var(--tokis-color-focus-ring)}.tokis-search-field__spinner{position:absolute;inset-inline-end:var(--tokis-spacing-3);width:14px;height:14px;border:2px solid var(--tokis-color-border);border-top-color:var(--tokis-color-primary);border-radius:50%;animation:tokis-search-spin .6s linear infinite}.tokis-search-field__clear{position:absolute;inset-inline-end:var(--tokis-spacing-2);display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--tokis-text-tertiary);cursor:pointer;border-radius:var(--tokis-radius-sm);transition:background var(--tokis-duration-fast) var(--tokis-ease-out),color var(--tokis-duration-fast) var(--tokis-ease-out)}.tokis-search-field__clear:hover{background:var(--tokis-color-surface-hover);color:var(--tokis-text-primary)}.tokis-search-field__clear:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tokis-color-focus-ring)}@keyframes tokis-search-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tokis-search-field__spinner{animation:none}.tokis-search-field__input,.tokis-search-field__clear{transition:none}}.tokis-toggle{display:inline-flex;align-items:center;justify-content:center;gap:var(--tokis-spacing-2);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-md);background:var(--tokis-color-surface);color:var(--tokis-text-secondary);font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-medium);font-family:var(--tokis-font-family);cursor:pointer;transition:all var(--tokis-duration-fast) var(--tokis-ease-out)}.tokis-toggle--sm{padding:4px var(--tokis-spacing-2);font-size:var(--tokis-font-size-xs)}.tokis-toggle--md{padding:var(--tokis-spacing-2) var(--tokis-spacing-3)}.tokis-toggle--lg{padding:var(--tokis-spacing-3) var(--tokis-spacing-4);font-size:var(--tokis-font-size-base)}.tokis-toggle:hover{background:var(--tokis-color-surface-hover);border-color:var(--tokis-color-border-strong);color:var(--tokis-text-primary)}.tokis-toggle--pressed{background:var(--tokis-color-primary-subtle);border-color:var(--tokis-color-primary);color:var(--tokis-color-primary)}.tokis-toggle--pressed:hover{background:var(--tokis-color-primary-subtle)}.tokis-toggle:disabled{opacity:.5;cursor:not-allowed}.tokis-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--tokis-color-focus-ring)}.tokis-toggle-group{display:inline-flex;border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-md);overflow:hidden}.tokis-toggle-group__item{display:inline-flex;align-items:center;justify-content:center;gap:var(--tokis-spacing-2);background:var(--tokis-color-surface);border:none;border-inline-end:1px solid var(--tokis-color-border);color:var(--tokis-text-secondary);font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-medium);font-family:var(--tokis-font-family);cursor:pointer;transition:all var(--tokis-duration-fast) var(--tokis-ease-out)}.tokis-toggle-group__item:last-child{border-inline-end:none}.tokis-toggle-group__item--sm{padding:4px var(--tokis-spacing-2);font-size:var(--tokis-font-size-xs)}.tokis-toggle-group__item--md{padding:var(--tokis-spacing-2) var(--tokis-spacing-3)}.tokis-toggle-group__item--lg{padding:var(--tokis-spacing-3) var(--tokis-spacing-4)}.tokis-toggle-group__item:hover{background:var(--tokis-color-surface-hover);color:var(--tokis-text-primary)}.tokis-toggle-group__item--active{background:var(--tokis-color-primary-subtle);color:var(--tokis-color-primary)}.tokis-toggle-group__item:disabled{opacity:.5;cursor:not-allowed}.tokis-toggle-group__item:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--tokis-color-focus-ring)}@media(prefers-reduced-motion:reduce){.tokis-toggle,.tokis-toggle-group__item{transition:none}}.tokis-chart{width:100%}.tokis-chart svg{display:block;overflow:visible}.tokis-chart__legend{display:flex;flex-wrap:wrap;gap:var(--tokis-spacing-3);padding:var(--tokis-spacing-3) 0 0}.tokis-chart__legend-item{display:inline-flex;align-items:center;gap:var(--tokis-spacing-2);font-size:var(--tokis-font-size-xs);color:var(--tokis-text-secondary)}.tokis-chart__legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tokis-sparkline{display:inline-block;vertical-align:middle}.tokis-virtual-list{scrollbar-width:thin;scrollbar-color:var(--tokis-color-border) transparent}.tokis-virtual-list::-webkit-scrollbar{width:6px}.tokis-virtual-list::-webkit-scrollbar-track{background:transparent}.tokis-virtual-list::-webkit-scrollbar-thumb{background:var(--tokis-color-border);border-radius:var(--tokis-radius-full)}.tokis-infinite-scroll{display:flex;flex-direction:column}.tokis-infinite-scroll__loading{display:flex;align-items:center;justify-content:center;padding:var(--tokis-spacing-6)}.tokis-infinite-scroll__spinner{display:inline-block;width:24px;height:24px;border:2px solid var(--tokis-color-border);border-top-color:var(--tokis-color-primary);border-radius:50%;animation:tokis-inf-spin .6s linear infinite}@keyframes tokis-inf-spin{to{transform:rotate(360deg)}}.tokis-infinite-scroll__end{display:flex;align-items:center;justify-content:center;padding:var(--tokis-spacing-4);color:var(--tokis-text-tertiary);font-size:var(--tokis-font-size-sm)}.tokis-infinite-scroll__sentinel{height:1px;pointer-events:none}@media(prefers-reduced-motion:reduce){.tokis-infinite-scroll__spinner{animation:none}}.tokis-datagrid{--dg-border: var(--tokis-color-border, #e2e8f0);--dg-header-bg: var(--tokis-color-surface, #f8f9fa);--dg-row-hover: var(--tokis-color-surface-hover, #f1f5f9);--dg-row-selected: var(--tokis-color-primary-subtle, #e6f0ff);--dg-row-selected-border: var(--tokis-color-primary, #0066ff);--dg-text: var(--tokis-color-text-primary, #0f172a);--dg-text-secondary: var(--tokis-color-text-secondary, #475569);--dg-font-size: var(--tokis-typography-fontSize-sm, .875rem);--dg-cell-pad: 0 var(--tokis-spacing-4, 16px);--dg-radius: var(--tokis-radius-md, 8px);display:flex;flex-direction:column;border:1px solid var(--dg-border);border-radius:var(--dg-radius);font-size:var(--dg-font-size);color:var(--dg-text);overflow:hidden;background:var(--tokis-color-background, #fff)}.tokis-dg-toolbar{display:flex;align-items:center;gap:var(--tokis-spacing-3, 12px);padding:var(--tokis-spacing-3, 12px) var(--tokis-spacing-4, 16px);border-bottom:1px solid var(--dg-border);background:var(--dg-header-bg)}.tokis-dg-search{flex:1;max-width:280px;padding:var(--tokis-spacing-2, 8px) var(--tokis-spacing-3, 12px);border:1px solid var(--dg-border);border-radius:var(--tokis-radius-md, 8px);font-size:var(--dg-font-size);color:var(--dg-text);background:var(--tokis-color-background, #fff);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.tokis-dg-search:focus{border-color:var(--tokis-color-primary, #0066ff);box-shadow:0 0 0 3px var(--tokis-color-focus-ring, rgb(0 102 255 / .15))}.tokis-dg-header{border-bottom:1px solid var(--dg-border)}.tokis-dg-row{display:flex;align-items:center;min-height:48px;border-bottom:1px solid var(--dg-border);transition:background .1s ease}.tokis-dg-row:last-child{border-bottom:none}.tokis-dg-row--header{background:var(--dg-header-bg);font-weight:600;color:var(--dg-text)}.tokis-dg-row--filter-row{background:var(--dg-header-bg);border-top:1px solid var(--dg-border)}.tokis-dg-row:not(.tokis-dg-row--header):not(.tokis-dg-row--filter-row):not(.tokis-dg-row--skeleton):hover{background:var(--dg-row-hover);cursor:pointer}.tokis-dg-row--selected{background:var(--dg-row-selected)!important;border-inline-start:2px solid var(--dg-row-selected-border)}.tokis-dg-cell{flex:1;display:flex;align-items:center;justify-content:var(--dg-align, start);padding:var(--dg-cell-pad);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tokis-dg-cell--header{-webkit-user-select:none;user-select:none;gap:var(--tokis-spacing-1, 4px)}.tokis-dg-cell--sortable{cursor:pointer}.tokis-dg-cell--sortable:hover{color:var(--tokis-color-primary, #0066ff)}.tokis-dg-cell--checkbox{flex:0 0 48px;max-width:48px;justify-content:center}.tokis-dg-cell--filter{padding-block:var(--tokis-spacing-1, 4px)}.tokis-dg-sort-icon{font-size:.75rem;line-height:1;color:var(--tokis-color-primary, #0066ff)}.tokis-dg-sort-icon--none{color:var(--dg-text-secondary);opacity:.4}.tokis-dg-cell--header:hover .tokis-dg-sort-icon--none{opacity:1}.tokis-dg-col-filter{width:100%;padding:var(--tokis-spacing-1, 4px) var(--tokis-spacing-2, 8px);border:1px solid var(--dg-border);border-radius:var(--tokis-radius-sm, 4px);font-size:calc(var(--dg-font-size) - .0625rem);color:var(--dg-text);background:var(--tokis-color-background, #fff);outline:none;transition:border-color .15s ease}.tokis-dg-col-filter:focus{border-color:var(--tokis-color-primary, #0066ff)}.tokis-dg-body{flex:1;overflow-x:auto}.tokis-dg-empty{display:flex;justify-content:center;padding:var(--tokis-spacing-12, 48px) var(--tokis-spacing-4, 16px);color:var(--dg-text-secondary)}.tokis-dg-skeleton-bar{display:block;height:12px;width:60%;border-radius:var(--tokis-radius-xs, 2px);background:linear-gradient(90deg,var(--tokis-color-neutral-100, #f1f5f9) 0%,var(--tokis-color-neutral-200, #e2e8f0) 50%,var(--tokis-color-neutral-100, #f1f5f9) 100%);background-size:200% 100%;animation:tokis-dg-shimmer 1.4s ease-in-out infinite}@keyframes tokis-dg-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tokis-dg-pagination{display:flex;align-items:center;gap:var(--tokis-spacing-2, 8px);padding:var(--tokis-spacing-3, 12px) var(--tokis-spacing-4, 16px);border-top:1px solid var(--dg-border);background:var(--dg-header-bg);font-size:calc(var(--dg-font-size) - .0625rem);color:var(--dg-text-secondary)}.tokis-dg-pagination-info{flex:1}.tokis-dg-page-size{padding:var(--tokis-spacing-1, 4px) var(--tokis-spacing-2, 8px);border:1px solid var(--dg-border);border-radius:var(--tokis-radius-sm, 4px);font-size:inherit;color:var(--dg-text);background:var(--tokis-color-background, #fff);cursor:pointer;outline:none}.tokis-dg-page-size:focus{border-color:var(--tokis-color-primary, #0066ff)}.tokis-dg-page-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--dg-border);border-radius:var(--tokis-radius-sm, 4px);background:var(--tokis-color-background, #fff);color:var(--dg-text);cursor:pointer;font-size:.9375rem;line-height:1;transition:background .1s ease,color .1s ease}.tokis-dg-page-btn:hover:not(:disabled){background:var(--dg-row-hover);color:var(--tokis-color-primary, #0066ff)}.tokis-dg-page-btn:disabled{opacity:.35;cursor:not-allowed}[data-theme=dark] .tokis-datagrid{--dg-border: var(--tokis-color-border, #2d3748);--dg-header-bg: var(--tokis-color-surface, #1a202c);--dg-row-hover: var(--tokis-color-surface-hover, #2d3748)}.tokis-datepicker,.tokis-timepicker,.tokis-datetimepicker{display:inline-flex;flex-direction:column;gap:var(--tokis-spacing-1, 4px);min-width:180px}.tokis-datetimepicker{flex-direction:row;align-items:flex-end;gap:var(--tokis-spacing-3, 12px);min-width:0}.tokis-datepicker-input-wrap{position:relative;display:flex;align-items:center}.tokis-datepicker-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--tokis-spacing-2, 8px);width:100%;padding:var(--tokis-spacing-2, 8px) var(--tokis-spacing-3, 12px);border:1px solid var(--tokis-color-border, #e2e8f0);border-radius:var(--tokis-radius-md, 8px);background:var(--tokis-color-background, #fff);color:var(--tokis-color-text-primary, #0f172a);font-size:var(--tokis-typography-fontSize-sm, .875rem);cursor:pointer;text-align:start;transition:border-color .15s ease,box-shadow .15s ease;outline:none;min-width:180px}.tokis-datepicker-trigger:hover:not(:disabled){border-color:var(--tokis-color-border-strong, #cbd5e1)}.tokis-datepicker-trigger:focus-visible,.tokis-datepicker-trigger--open{border-color:var(--tokis-color-primary, #0066ff);box-shadow:0 0 0 3px var(--tokis-color-focus-ring, rgb(0 102 255 / .15))}.tokis-datepicker-trigger:disabled{opacity:.5;cursor:not-allowed;background:var(--tokis-color-surface, #f8f9fa)}.tokis-datepicker--error .tokis-datepicker-trigger{border-color:var(--tokis-color-error, #dc2626)}.tokis-datepicker-placeholder{color:var(--tokis-color-text-tertiary, #94a3b8)}.tokis-datepicker-icon{font-size:1rem;line-height:1;flex-shrink:0}.tokis-datepicker-clear{position:absolute;inset-inline-end:36px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:none;color:var(--tokis-color-text-tertiary, #94a3b8);cursor:pointer;font-size:.75rem;border-radius:50%;transition:color .15s ease,background .15s ease}.tokis-datepicker-clear:hover{color:var(--tokis-color-text-primary, #0f172a);background:var(--tokis-color-surface-hover, #f1f5f9)}.tokis-datepicker-panel{position:absolute;z-index:var(--tokis-z-index-popover, 1400);background:var(--tokis-color-background, #fff);border:1px solid var(--tokis-color-border, #e2e8f0);border-radius:var(--tokis-radius-lg, 12px);box-shadow:var(--tokis-shadow-lg, 0 10px 40px rgb(0 0 0 / .12));padding:var(--tokis-spacing-4, 16px);min-width:280px;animation:tokis-panel-in .15s ease}@keyframes tokis-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tokis-calendar{display:flex;flex-direction:column;gap:var(--tokis-spacing-3, 12px);width:100%}.tokis-calendar-nav{display:flex;align-items:center;gap:var(--tokis-spacing-1, 4px)}.tokis-calendar-title{flex:1;text-align:center;font-weight:600;font-size:var(--tokis-typography-fontSize-sm, .875rem);color:var(--tokis-color-text-primary, #0f172a)}.tokis-calendar-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:var(--tokis-radius-md, 8px);background:none;color:var(--tokis-color-text-secondary, #475569);cursor:pointer;font-size:.875rem;transition:background .1s ease,color .1s ease}.tokis-calendar-nav-btn:hover{background:var(--tokis-color-surface-hover, #f1f5f9);color:var(--tokis-color-primary, #0066ff)}.tokis-calendar-nav-btn:focus-visible{outline:2px solid var(--tokis-color-primary, #0066ff);outline-offset:2px}.tokis-calendar-grid{width:100%;border-collapse:collapse;table-layout:fixed}.tokis-calendar-weekday{padding-block-end:var(--tokis-spacing-2, 8px);text-align:center;font-size:.75rem;font-weight:600;color:var(--tokis-color-text-secondary, #475569);text-transform:uppercase;letter-spacing:.04em}.tokis-calendar-day{text-align:center;padding:2px;font-size:var(--tokis-typography-fontSize-sm, .875rem);color:var(--tokis-color-text-primary, #0f172a);cursor:pointer;border-radius:var(--tokis-radius-md, 8px);width:36px;height:36px;line-height:32px;transition:background .1s ease,color .1s ease;outline:none;-webkit-user-select:none;user-select:none}.tokis-calendar-day:hover:not(.tokis-calendar-day--disabled):not(.tokis-calendar-day--selected){background:var(--tokis-color-surface-hover, #f1f5f9)}.tokis-calendar-day--outside{color:var(--tokis-color-text-tertiary, #94a3b8)}.tokis-calendar-day--today{font-weight:700;color:var(--tokis-color-primary, #0066ff)}.tokis-calendar-day--selected{background:var(--tokis-color-primary, #0066ff)!important;color:var(--tokis-color-text-on-primary, #fff)!important;font-weight:600}.tokis-calendar-day--disabled{color:var(--tokis-color-text-disabled, #cbd5e1);cursor:not-allowed}.tokis-calendar-day--focused:focus-visible,.tokis-calendar-day:focus-visible{outline:2px solid var(--tokis-color-primary, #0066ff);outline-offset:2px}.tokis-calendar-footer{display:flex;justify-content:center;padding-block-start:var(--tokis-spacing-2, 8px);border-block-start:1px solid var(--tokis-color-border, #e2e8f0)}.tokis-calendar-today-btn{padding:var(--tokis-spacing-1, 4px) var(--tokis-spacing-3, 12px);border:none;border-radius:var(--tokis-radius-md, 8px);background:none;color:var(--tokis-color-primary, #0066ff);font-size:var(--tokis-typography-fontSize-sm, .875rem);font-weight:500;cursor:pointer;transition:background .1s ease}.tokis-calendar-today-btn:hover{background:var(--tokis-color-primary-subtle, #e6f0ff)}.tokis-timepicker-inputs{display:flex;align-items:center;gap:var(--tokis-spacing-1, 4px)}.tokis-timepicker-select{padding:var(--tokis-spacing-2, 8px) var(--tokis-spacing-2, 8px);border:1px solid var(--tokis-color-border, #e2e8f0);border-radius:var(--tokis-radius-md, 8px);background:var(--tokis-color-background, #fff);color:var(--tokis-color-text-primary, #0f172a);font-size:var(--tokis-typography-fontSize-sm, .875rem);cursor:pointer;outline:none;width:64px;text-align:center;transition:border-color .15s ease}.tokis-timepicker-select:focus{border-color:var(--tokis-color-primary, #0066ff);box-shadow:0 0 0 3px var(--tokis-color-focus-ring, rgb(0 102 255 / .15))}.tokis-timepicker-select:disabled{opacity:.5;cursor:not-allowed}.tokis-timepicker-ampm{width:60px}.tokis-timepicker-sep{font-weight:700;color:var(--tokis-color-text-secondary, #475569);font-size:1rem;line-height:1}.tokis-timepicker--error .tokis-timepicker-select{border-color:var(--tokis-color-error, #dc2626)}[data-theme=dark] .tokis-datepicker-panel{background:var(--tokis-color-surface, #1a202c);border-color:var(--tokis-color-border, #2d3748)}[data-theme=dark] .tokis-calendar-day--selected{background:var(--tokis-color-primary, #0066ff)!important;color:#fff!important}.tokis-container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--tokis-spacing-4);padding-right:var(--tokis-spacing-4)}@media(min-width:640px){.tokis-container{max-width:640px;padding-left:var(--tokis-spacing-6);padding-right:var(--tokis-spacing-6)}}@media(min-width:768px){.tokis-container{max-width:768px}}@media(min-width:1024px){.tokis-container{max-width:1024px}}@media(min-width:1280px){.tokis-container{max-width:1280px}}@media(min-width:1536px){.tokis-container{max-width:1536px}}.tokis-container--fluid{max-width:none}.tokis-stack{display:flex}.tokis-stack--v{flex-direction:column}.tokis-stack--h{flex-direction:row}.tokis-stack--wrap{flex-wrap:wrap}.tokis-grid{display:grid;width:100%}.tokis-box{display:block}:root{--site-font-display: "Bricolage Grotesque", var(--tokis-font-family);--site-font-mono: "JetBrains Mono", var(--tokis-font-family-mono);--site-nav-height: 60px;--site-docs-bar-height: 40px;--site-sidebar-width: 260px;--site-content-max: 860px;--site-glow-primary: 0 0 40px rgba(0, 102, 255, .15);--site-glow-primary-strong: 0 0 80px rgba(0, 102, 255, .25);--site-hero-gradient: radial-gradient( ellipse 80% 50% at 50% -10%, rgba(0, 102, 255, .12) 0%, transparent 60% ), radial-gradient( ellipse 50% 40% at 80% 60%, rgba(124, 58, 237, .08) 0%, transparent 50% );--site-grid-color: rgba(0, 0, 0, .04)}[data-theme=dark]{--site-glow-primary: 0 0 40px rgba(59, 130, 246, .15);--site-glow-primary-strong: 0 0 80px rgba(59, 130, 246, .2);--site-hero-gradient: radial-gradient( ellipse 80% 50% at 50% -10%, rgba(59, 130, 246, .15) 0%, transparent 60% ), radial-gradient( ellipse 50% 40% at 80% 60%, rgba(167, 139, 250, .08) 0%, transparent 50% );--site-grid-color: rgba(255, 255, 255, .025)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--tokis-color-background);color:var(--tokis-text-primary);font-family:var(--tokis-font-family);line-height:var(--tokis-line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.site-navbar{position:fixed;top:0;left:0;right:0;z-index:var(--tokis-z-sticky);height:var(--site-nav-height);display:flex;align-items:center;background:#fffffff0;backdrop-filter:blur(14px) saturate(1.6);-webkit-backdrop-filter:blur(14px) saturate(1.6)}.site-navbar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;opacity:.035;mix-blend-mode:multiply}[data-theme=dark] .site-navbar{background:#0a0e1af0}[data-theme=dark] .site-navbar:after{mix-blend-mode:screen;opacity:.055}.site-navbar__inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1400px;margin:0 auto;padding:0 var(--tokis-spacing-6);gap:var(--tokis-spacing-4)}.site-navbar__logo{display:flex;align-items:center;gap:var(--tokis-spacing-2);text-decoration:none;color:var(--tokis-text-primary);font-family:var(--site-font-display);font-weight:700;font-size:1.1rem;letter-spacing:-.02em;flex-shrink:0}.site-navbar__logo-mark{width:28px;height:28px;border-radius:var(--tokis-radius-md);background:var(--tokis-color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:800;letter-spacing:-.04em}.site-navbar__nav{display:flex;align-items:center;gap:var(--tokis-spacing-1);flex:1;padding-left:var(--tokis-spacing-8)}.site-navbar__link{display:flex;align-items:center;gap:var(--tokis-spacing-1);padding:var(--tokis-spacing-1) var(--tokis-spacing-3);border-radius:var(--tokis-radius-md);text-decoration:none;color:var(--tokis-text-secondary);font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-medium);transition:all var(--tokis-duration-fast) var(--tokis-ease-out)}.site-navbar__link:hover{color:var(--tokis-text-primary);background:var(--tokis-color-surface)}.site-navbar__link:focus-visible{outline:none;box-shadow:0 0 0 3px var(--tokis-color-focus-ring)}.site-navbar__link--active{color:var(--tokis-text-primary)}.site-navbar__actions{display:flex;align-items:center;gap:var(--tokis-spacing-2);flex-shrink:0}.site-navbar__version{font-size:var(--tokis-font-size-xs);padding:2px var(--tokis-spacing-2);border-radius:var(--tokis-radius-full);background:var(--tokis-color-primary-subtle);color:var(--tokis-color-primary);font-weight:var(--tokis-font-weight-medium);font-family:var(--site-font-mono);letter-spacing:0}.site-theme-toggle{width:34px;height:34px;border-radius:var(--tokis-radius-md);border:1px solid var(--tokis-color-border);background:transparent;color:var(--tokis-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--tokis-duration-fast) var(--tokis-ease-out)}.site-theme-toggle:hover{background:var(--tokis-color-surface);color:var(--tokis-text-primary);border-color:var(--tokis-color-border-strong)}.site-theme-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--tokis-color-focus-ring)}.site-theme-toggle:active{transform:scale(.95)}.site-docs-layout{display:flex;min-height:100vh;padding-top:calc(var(--site-nav-height) + var(--site-docs-bar-height))}.site-sidebar{position:fixed;top:calc(var(--site-nav-height) + var(--site-docs-bar-height));left:0;bottom:0;width:var(--site-sidebar-width);overflow-y:auto;overflow-x:hidden;background:radial-gradient(circle,rgba(0,0,0,.07) 1px,transparent 1px) 0 0 / 18px 18px,var(--tokis-color-background);box-shadow:inset -1px 0 0 var(--tokis-color-border);padding:var(--tokis-spacing-6) var(--tokis-spacing-4);scrollbar-width:thin;scrollbar-color:var(--tokis-color-border) transparent;z-index:100;transform:translate(0);visibility:visible;transition:transform .26s cubic-bezier(.4,0,.2,1),visibility 0s linear 0ms}[data-theme=dark] .site-sidebar{background:radial-gradient(circle,rgba(255,255,255,.055) 1px,transparent 1px) 0 0 / 18px 18px,var(--tokis-color-background)}.site-sidebar__section{margin-bottom:var(--tokis-spacing-2)}.site-sidebar__label{font-size:10.5px;font-weight:var(--tokis-font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--tokis-text-tertiary);padding:0 var(--tokis-spacing-3);margin-bottom:var(--tokis-spacing-1);display:block}.site-sidebar__section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:3px var(--tokis-spacing-3);border-radius:var(--tokis-radius-sm);cursor:pointer;color:var(--tokis-text-tertiary);margin-bottom:var(--tokis-spacing-1);transition:background var(--tokis-duration-fast) var(--tokis-ease-out)}.site-sidebar__section-toggle:hover{background:var(--tokis-color-surface);color:var(--tokis-text-secondary)}.site-sidebar__section-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tokis-color-focus-ring)}.site-sidebar__label--toggle{margin-bottom:0;padding:0}.site-sidebar__item{display:flex;align-items:center;gap:var(--tokis-spacing-2);padding:4px var(--tokis-spacing-3);border-radius:var(--tokis-radius-md);text-decoration:none;color:var(--tokis-text-secondary);font-size:13px;font-weight:var(--tokis-font-weight-medium);transition:all var(--tokis-duration-fast) var(--tokis-ease-out);line-height:1.4}.site-sidebar__item:hover{color:var(--tokis-text-primary);background:var(--tokis-color-surface)}.site-sidebar__item:focus-visible{outline:none;box-shadow:0 0 0 3px var(--tokis-color-focus-ring)}.site-sidebar__item--active{color:var(--tokis-color-primary);background:var(--tokis-color-primary-subtle);font-weight:var(--tokis-font-weight-semibold)}.site-sidebar__badge{margin-left:auto;font-size:10px;padding:1px 6px;border-radius:var(--tokis-radius-full);background:var(--tokis-color-primary-subtle);color:var(--tokis-color-primary);font-weight:var(--tokis-font-weight-semibold)}.site-sidebar__search{margin-bottom:var(--tokis-spacing-5)}.site-sidebar__search-wrap{position:relative;display:flex;align-items:center}.site-sidebar__search-icon{position:absolute;left:var(--tokis-spacing-3);color:var(--tokis-text-tertiary);display:flex;align-items:center;pointer-events:none}.site-sidebar__search-input{width:100%;padding:var(--tokis-spacing-2) var(--tokis-spacing-3) var(--tokis-spacing-2) calc(var(--tokis-spacing-3) + 20px);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-md);background:var(--tokis-color-surface);color:var(--tokis-text-primary);font-size:var(--tokis-font-size-sm);font-family:var(--tokis-font-family);transition:border-color var(--tokis-duration-fast) var(--tokis-ease-out),box-shadow var(--tokis-duration-fast) var(--tokis-ease-out);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.site-sidebar__search-input::placeholder{color:var(--tokis-text-tertiary)}.site-sidebar__search-input:focus{border-color:var(--tokis-color-primary);box-shadow:0 0 0 3px var(--tokis-color-focus-ring)}.site-sidebar__search-input::-webkit-search-cancel-button{display:none}.site-sidebar__search-clear{position:absolute;right:var(--tokis-spacing-2);display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--tokis-text-tertiary);cursor:pointer;border-radius:var(--tokis-radius-sm);transition:background var(--tokis-duration-fast) var(--tokis-ease-out),color var(--tokis-duration-fast) var(--tokis-ease-out)}.site-sidebar__search-clear:hover{background:var(--tokis-color-surface-hover);color:var(--tokis-text-primary)}.site-sidebar__search-clear:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tokis-color-focus-ring)}.site-sidebar__search-empty{margin:var(--tokis-spacing-2) 0 0;padding:0 var(--tokis-spacing-1);font-size:var(--tokis-font-size-xs);color:var(--tokis-text-tertiary);font-style:italic}.site-docs-content{flex:1;margin-left:var(--site-sidebar-width);min-width:0;overflow-x:clip;padding:var(--tokis-spacing-12) var(--tokis-spacing-10) var(--tokis-spacing-20);max-width:calc(var(--site-sidebar-width) + var(--site-content-max) + var(--tokis-spacing-20));transition:margin-left .26s cubic-bezier(.4,0,.2,1)}.doc-page__header{margin-bottom:var(--tokis-spacing-10);padding-bottom:var(--tokis-spacing-8);border-bottom:1px solid var(--tokis-color-border)}.doc-page__eyebrow{font-size:var(--tokis-font-size-xs);font-weight:var(--tokis-font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--tokis-color-primary);margin-bottom:var(--tokis-spacing-2);font-family:var(--site-font-mono)}.doc-page__title{font-family:var(--site-font-display);font-size:2.5rem;font-weight:800;letter-spacing:-.03em;color:var(--tokis-text-primary);line-height:1.1;margin:0 0 var(--tokis-spacing-4)}.doc-page__desc{font-size:var(--tokis-font-size-lg);color:var(--tokis-text-secondary);line-height:var(--tokis-line-height-relaxed);max-width:600px;margin:0}.doc-section{margin-bottom:var(--tokis-spacing-12)}.doc-section__title{font-family:var(--site-font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--tokis-text-primary);margin:0 0 var(--tokis-spacing-2)}.doc-section__desc{color:var(--tokis-text-secondary);font-size:var(--tokis-font-size-sm);margin:0 0 var(--tokis-spacing-4);line-height:var(--tokis-line-height-relaxed)}.comp-preview{border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-xl);overflow:hidden;margin-bottom:var(--tokis-spacing-4)}.comp-preview__tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--tokis-color-border);background:var(--tokis-color-surface);padding:0 var(--tokis-spacing-4)}.comp-preview__tab{padding:var(--tokis-spacing-2) var(--tokis-spacing-3);font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-medium);color:var(--tokis-text-secondary);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--tokis-duration-fast) var(--tokis-ease-out);font-family:var(--tokis-font-family)}.comp-preview__tab:hover{color:var(--tokis-text-primary)}.comp-preview__tab--active{color:var(--tokis-color-primary);border-bottom-color:var(--tokis-color-primary)}.comp-preview__demo{padding:var(--tokis-spacing-10) var(--tokis-spacing-8);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--tokis-spacing-4);min-height:120px;overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--tokis-color-background);background-image:radial-gradient(var(--tokis-color-border) 1px,transparent 1px);background-size:24px 24px}.comp-preview__demo--padless{padding:0}.comp-preview__demo--left{justify-content:flex-start;align-items:flex-start}.comp-preview__code{overflow:hidden}.comp-preview__code .tokis-codeblock{border-radius:0;border:none}.props-table-wrap{overflow:auto;-webkit-overflow-scrolling:touch;border-radius:var(--tokis-radius-lg);border:1px solid var(--tokis-color-border)}.props-table{width:100%;border-collapse:collapse;font-size:var(--tokis-font-size-sm)}.props-table th{text-align:left;padding:var(--tokis-spacing-3) var(--tokis-spacing-4);background:var(--tokis-color-surface);color:var(--tokis-text-secondary);font-weight:var(--tokis-font-weight-semibold);font-size:var(--tokis-font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--tokis-color-border)}.props-table td{padding:var(--tokis-spacing-3) var(--tokis-spacing-4);border-bottom:1px solid var(--tokis-color-border);vertical-align:top;line-height:var(--tokis-line-height-relaxed)}.props-table tr:last-child td{border-bottom:none}.props-table tr:hover td{background:var(--tokis-color-surface)}.props-table__name{font-family:var(--site-font-mono);color:var(--tokis-color-primary);font-size:.8125rem;white-space:nowrap}.props-table__type{font-family:var(--site-font-mono);font-size:.8125rem;color:var(--tokis-text-secondary);white-space:nowrap}.props-table__default{font-family:var(--site-font-mono);font-size:.8125rem;color:var(--tokis-text-tertiary)}.props-table__required{display:inline-block;font-size:10px;padding:1px 5px;border-radius:var(--tokis-radius-full);background:var(--tokis-color-error-subtle);color:var(--tokis-color-error);font-weight:600;vertical-align:middle;margin-left:4px}.demo-controls{display:flex;flex-wrap:wrap;gap:var(--tokis-spacing-4);padding:var(--tokis-spacing-4) var(--tokis-spacing-6);border-top:1px solid var(--tokis-color-border);background:var(--tokis-color-surface)}.demo-control{display:flex;flex-direction:column;gap:var(--tokis-spacing-2)}.demo-control__label{font-size:var(--tokis-font-size-xs);font-weight:var(--tokis-font-weight-semibold);color:var(--tokis-text-secondary);text-transform:uppercase;letter-spacing:.05em}.demo-control__options{display:flex;gap:var(--tokis-spacing-1);flex-wrap:wrap}.demo-option{padding:4px 10px;border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-md);background:var(--tokis-color-background);color:var(--tokis-text-secondary);font-size:var(--tokis-font-size-xs);font-weight:var(--tokis-font-weight-medium);font-family:var(--tokis-font-family);letter-spacing:0;cursor:pointer;line-height:1.5;transition:all var(--tokis-duration-fast) var(--tokis-ease-out)}.demo-option:hover{border-color:var(--tokis-color-border-strong);color:var(--tokis-text-primary);background:var(--tokis-color-surface)}.demo-option--active{background:var(--tokis-color-primary);border-color:var(--tokis-color-primary);color:var(--tokis-text-on-primary);font-weight:var(--tokis-font-weight-semibold)}.landing{min-height:100vh;overflow-x:hidden}.hero{position:relative;padding:calc(var(--site-nav-height) + 80px) max(var(--tokis-spacing-6),calc(50% - 660px)) 100px;display:grid;grid-template-columns:minmax(0,520px) 1fr;gap:var(--tokis-spacing-10);align-items:center;overflow:hidden;min-height:90vh}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--site-hero-gradient);pointer-events:none}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--site-grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--site-grid-color) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 30%,transparent 80%);mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 30%,transparent 80%)}.hero__content{position:relative;z-index:1}.hero__badge{position:relative;display:inline-flex;align-items:center;gap:var(--tokis-spacing-2);padding:var(--tokis-spacing-1) var(--tokis-spacing-3);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-full);background:var(--tokis-color-surface);font-size:var(--tokis-font-size-xs);color:var(--tokis-text-secondary);margin-bottom:var(--tokis-spacing-8);font-family:var(--site-font-mono);animation:fadeSlideDown .6s var(--tokis-ease-out) both;overflow:hidden}.hero__badge-dot{width:6px;height:6px;border-radius:50%;background:var(--tokis-color-success);box-shadow:0 0 6px var(--tokis-color-success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero__title{font-family:var(--site-font-display);font-size:clamp(3rem,7vw,5.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.02;margin:0 0 var(--tokis-spacing-6);color:var(--tokis-text-primary);animation:fadeSlideUp .7s var(--tokis-ease-out) .1s both}.hero__title-gradient{background:linear-gradient(135deg,var(--tokis-color-primary) 0%,var(--tokis-color-secondary) 50%,var(--tokis-color-primary) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-pan 4s linear infinite}.hero__subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--tokis-text-secondary);line-height:var(--tokis-line-height-relaxed);max-width:560px;margin:0 0 var(--tokis-spacing-10);animation:fadeSlideUp .7s var(--tokis-ease-out) .2s both}.hero__cta{display:flex;gap:var(--tokis-spacing-3);justify-content:flex-start;flex-wrap:wrap;animation:fadeSlideUp .7s var(--tokis-ease-out) .3s both}.hero__showcase{position:relative;z-index:1;animation:fadeSlideUp .8s var(--tokis-ease-out) .4s both}.hero__showcase-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--tokis-spacing-4)}.showcase-card{border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-xl);overflow:hidden;background:var(--tokis-color-surface-raised);box-shadow:var(--tokis-shadow-lg);transition:transform var(--tokis-duration-slow) var(--tokis-ease-spring),box-shadow var(--tokis-duration-slow) var(--tokis-ease-out)}.showcase-card:hover{transform:translateY(-4px);box-shadow:var(--tokis-shadow-xl),var(--site-glow-primary)}.showcase-card__header{padding:var(--tokis-spacing-3) var(--tokis-spacing-4);border-bottom:1px solid var(--tokis-color-border);background:var(--tokis-color-surface);display:flex;align-items:center;gap:var(--tokis-spacing-2)}.showcase-card__dots{display:flex;gap:5px}.showcase-card__dot{width:10px;height:10px;border-radius:50%}.showcase-card__dot:nth-child(1){background:#ff5f57}.showcase-card__dot:nth-child(2){background:#ffbd2e}.showcase-card__dot:nth-child(3){background:#28c840}.showcase-card__label{font-size:var(--tokis-font-size-xs);color:var(--tokis-text-tertiary);margin-left:auto;font-family:var(--site-font-mono)}.showcase-card__content{padding:var(--tokis-spacing-6);display:flex;flex-direction:column;gap:var(--tokis-spacing-4);align-items:flex-start}.features{padding:100px var(--tokis-spacing-6);max-width:1200px;margin:0 auto}.features__eyebrow{text-align:center;font-size:var(--tokis-font-size-xs);font-weight:var(--tokis-font-weight-semibold);text-transform:uppercase;letter-spacing:.12em;color:var(--tokis-color-primary);margin-bottom:var(--tokis-spacing-3);font-family:var(--site-font-mono)}.features__title{text-align:center;font-family:var(--site-font-display);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;letter-spacing:-.03em;color:var(--tokis-text-primary);margin:0 auto var(--tokis-spacing-4);max-width:600px;line-height:1.15}.features__subtitle{text-align:center;color:var(--tokis-text-secondary);font-size:var(--tokis-font-size-lg);max-width:500px;margin:0 auto var(--tokis-spacing-16);line-height:var(--tokis-line-height-relaxed)}.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--tokis-spacing-4)}.feature-card{position:relative;padding:var(--tokis-spacing-6);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-xl);background:var(--tokis-color-surface);overflow:hidden;transition:all var(--tokis-duration-slow) var(--tokis-ease-out)}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--tokis-color-primary-subtle) 0%,transparent 60%);opacity:0;transition:opacity var(--tokis-duration-slow) var(--tokis-ease-out)}.feature-card:hover{border-color:var(--tokis-color-primary);box-shadow:var(--site-glow-primary)}.feature-card:hover:before{opacity:1}.feature-card__icon{position:relative;width:40px;height:40px;border-radius:var(--tokis-radius-lg);background:var(--tokis-color-primary-subtle);display:flex;align-items:center;justify-content:center;margin-bottom:var(--tokis-spacing-4);color:var(--tokis-color-primary)}.feature-card__title{position:relative;font-family:var(--site-font-display);font-size:1rem;font-weight:700;color:var(--tokis-text-primary);margin:0 0 var(--tokis-spacing-2);letter-spacing:-.02em}.feature-card__desc{position:relative;font-size:var(--tokis-font-size-sm);color:var(--tokis-text-secondary);line-height:var(--tokis-line-height-relaxed);margin:0}.stats-bar{border-top:1px solid var(--tokis-color-border);border-bottom:1px solid var(--tokis-color-border);background:var(--tokis-color-surface);padding:var(--tokis-spacing-8) var(--tokis-spacing-6)}.stats-bar__inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--tokis-spacing-8)}.stat{text-align:center}.stat__value{font-family:var(--site-font-display);font-size:2.5rem;font-weight:800;letter-spacing:-.04em;color:var(--tokis-text-primary);line-height:1;margin-bottom:var(--tokis-spacing-1)}.stat__label{font-size:var(--tokis-font-size-sm);color:var(--tokis-text-secondary)}.component-showcase{padding:100px var(--tokis-spacing-6);max-width:1200px;margin:0 auto}.component-showcase__scroll{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--tokis-spacing-4);margin-top:var(--tokis-spacing-10)}.comp-tile{border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-xl);overflow:hidden;background:var(--tokis-color-surface-raised);transition:all var(--tokis-duration-slow) var(--tokis-ease-out)}.comp-tile:hover{border-color:var(--tokis-color-border-strong);box-shadow:var(--tokis-shadow-lg)}.comp-tile__header{padding:var(--tokis-spacing-3) var(--tokis-spacing-4);border-bottom:1px solid var(--tokis-color-border);background:var(--tokis-color-surface);display:flex;align-items:center;justify-content:space-between}.comp-tile__name{font-family:var(--site-font-mono);font-size:var(--tokis-font-size-xs);color:var(--tokis-text-secondary)}.comp-tile__content{padding:var(--tokis-spacing-8);display:flex;flex-wrap:wrap;gap:var(--tokis-spacing-3);align-items:center;min-height:100px}.cta-section{position:relative;padding:100px var(--tokis-spacing-6);text-align:center;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--site-hero-gradient);pointer-events:none}.cta-section__content{position:relative;z-index:1;max-width:600px;margin:0 auto}.cta-section__title{font-family:var(--site-font-display);font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;color:var(--tokis-text-primary);margin:0 0 var(--tokis-spacing-4);line-height:1.1}.cta-section__desc{color:var(--tokis-text-secondary);font-size:var(--tokis-font-size-lg);margin:0 auto var(--tokis-spacing-8);line-height:var(--tokis-line-height-relaxed)}.site-footer{border-top:1px solid var(--tokis-color-border);padding:var(--tokis-spacing-8) var(--tokis-spacing-6);background:var(--tokis-color-surface)}.site-footer__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.site-footer__copy{font-size:var(--tokis-font-size-sm);color:var(--tokis-text-tertiary)}.site-footer__links{display:flex;gap:var(--tokis-spacing-6)}.site-footer__link{font-size:var(--tokis-font-size-sm);color:var(--tokis-text-secondary);text-decoration:none;transition:color var(--tokis-duration-fast) var(--tokis-ease-out)}.site-footer__link:hover{color:var(--tokis-text-primary)}.hero__trust{display:flex;align-items:center;gap:var(--tokis-spacing-3);margin-top:var(--tokis-spacing-8);animation:fadeSlideUp .7s var(--tokis-ease-out) .35s both}.hero__trust-avatars{display:flex}.hero__trust-avatars .tokis-avatar{border:2px solid var(--tokis-color-background);margin-left:-8px}.hero__trust-avatars .tokis-avatar:first-child{margin-left:0}.hero__trust-text{display:flex;flex-direction:column;gap:2px}.hero__trust-text>span{font-size:var(--tokis-font-size-xs);color:var(--tokis-text-secondary)}.hero__badge-sep{opacity:.35}.hero__showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--tokis-spacing-3)}.showcase-card--span-2{grid-column:span 2}.showcase-card__chrome{display:flex;align-items:center;gap:var(--tokis-spacing-2);padding:var(--tokis-spacing-2) var(--tokis-spacing-4);border-bottom:1px solid var(--tokis-color-border);background:var(--tokis-color-surface)}.showcase-card__title{font-size:var(--tokis-font-size-xs);color:var(--tokis-text-tertiary);font-family:var(--site-font-mono)}.showcase-card__body{padding:var(--tokis-spacing-4)}.marquee-section{overflow:hidden;border-top:1px solid var(--tokis-color-border);border-bottom:1px solid var(--tokis-color-border);background:var(--tokis-color-surface);padding:var(--tokis-spacing-4) 0}.marquee-wrap{overflow:hidden;width:100%}.marquee-track{display:flex;width:max-content;animation:marquee-scroll 36s linear infinite}.marquee-item{display:flex;align-items:center;gap:var(--tokis-spacing-2);padding:0 var(--tokis-spacing-5);font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-medium);color:var(--tokis-text-tertiary);white-space:nowrap;font-family:var(--site-font-mono)}.marquee-dot{width:4px;height:4px;border-radius:50%;background:var(--tokis-color-primary);flex-shrink:0;opacity:.6}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.stats-section{padding:80px var(--tokis-spacing-6);background:var(--tokis-color-background)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--tokis-spacing-4);max-width:860px;margin:0 auto}.stat-item{text-align:center;padding:var(--tokis-spacing-8) var(--tokis-spacing-4);border-radius:var(--tokis-radius-xl);border:1px solid var(--tokis-color-border);background:var(--tokis-color-surface)}.stat-item--accent{border-color:var(--tokis-color-primary);background:var(--tokis-color-primary-subtle)}.stat-item__value{font-family:var(--site-font-display);font-size:2.75rem;font-weight:800;letter-spacing:-.04em;color:var(--tokis-text-primary);line-height:1;margin-bottom:var(--tokis-spacing-2)}.stat-item--accent .stat-item__value{color:var(--tokis-color-primary)}.stat-item__unit{font-size:1.4rem;font-weight:700;letter-spacing:-.02em}.stat-item__label{font-size:var(--tokis-font-size-sm);color:var(--tokis-text-secondary);font-weight:var(--tokis-font-weight-medium)}.features-section{padding:100px max(var(--tokis-spacing-6),calc(50% - 640px));text-align:center}.section-eyebrow{font-size:var(--tokis-font-size-xs);font-weight:var(--tokis-font-weight-semibold);text-transform:uppercase;letter-spacing:.12em;color:var(--tokis-color-primary);margin-bottom:var(--tokis-spacing-3);font-family:var(--site-font-mono)}.section-title{font-family:var(--site-font-display);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;letter-spacing:-.03em;color:var(--tokis-text-primary);margin:0 0 var(--tokis-spacing-4);line-height:1.15}.section-subtitle{color:var(--tokis-text-secondary);font-size:var(--tokis-font-size-lg);max-width:540px;margin:0 auto var(--tokis-spacing-12);line-height:var(--tokis-line-height-relaxed)}.text-gradient{background:linear-gradient(135deg,var(--tokis-color-primary) 0%,var(--tokis-color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--tokis-spacing-4);text-align:left}.bento-card{position:relative;padding:var(--tokis-spacing-6);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-xl);background:var(--tokis-color-surface);overflow:hidden;transition:transform var(--tokis-duration-slow) var(--tokis-ease-spring),box-shadow var(--tokis-duration-slow) var(--tokis-ease-out),border-color var(--tokis-duration-slow) var(--tokis-ease-out)}.bento-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-bg, var(--tokis-color-primary-subtle));opacity:0;transition:opacity var(--tokis-duration-slow) var(--tokis-ease-out);pointer-events:none}.bento-card:hover{border-color:var(--accent, var(--tokis-color-primary));transform:translateY(-3px);box-shadow:var(--tokis-shadow-lg),0 0 40px #0066ff12}.bento-card:hover:before{opacity:.6}.bento-card--wide{grid-column:span 2}.bento-card__tag{position:relative;display:inline-block;font-size:10px;font-weight:var(--tokis-font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--accent, var(--tokis-color-primary));margin-bottom:var(--tokis-spacing-3)}.bento-card__icon{position:relative;width:42px;height:42px;border-radius:var(--tokis-radius-lg);background:var(--accent-bg, var(--tokis-color-primary-subtle));display:flex;align-items:center;justify-content:center;color:var(--accent, var(--tokis-color-primary));margin-bottom:var(--tokis-spacing-4)}.bento-card__title{position:relative;font-family:var(--site-font-display);font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:var(--tokis-text-primary);margin:0 0 var(--tokis-spacing-2)}.bento-card__desc{position:relative;font-size:var(--tokis-font-size-sm);color:var(--tokis-text-secondary);line-height:var(--tokis-line-height-relaxed);margin:0}.code-section{padding:100px max(var(--tokis-spacing-6),calc(50% - 660px));background:var(--tokis-color-surface);border-top:1px solid var(--tokis-color-border);border-bottom:1px solid var(--tokis-color-border)}.code-section__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--tokis-spacing-16);align-items:center}.code-window{border-radius:var(--tokis-radius-xl);overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0d1117;box-shadow:var(--tokis-shadow-xl),0 0 80px #0066ff14}.code-window__bar{display:flex;align-items:center;gap:var(--tokis-spacing-3);padding:var(--tokis-spacing-3) var(--tokis-spacing-4);background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.code-window__dots{display:flex;gap:5px}.code-window__dots span{width:10px;height:10px;border-radius:50%;display:block}.code-window__dots span:nth-child(1){background:#ff5f57}.code-window__dots span:nth-child(2){background:#ffbd2e}.code-window__dots span:nth-child(3){background:#28c840}.code-window__file{font-family:var(--site-font-mono);font-size:var(--tokis-font-size-xs);color:#ffffff59}.code-window__body{margin:0;padding:var(--tokis-spacing-6);font-family:var(--site-font-mono);font-size:.8125rem;line-height:1.75;color:#c9d1d9;overflow-x:auto;background:transparent;white-space:pre}.cta-section-v2{position:relative;padding:120px var(--tokis-spacing-6);text-align:center;overflow:hidden}.cta-section-v2:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--site-hero-gradient);pointer-events:none}.cta-section-v2__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,102,255,.1) 0%,transparent 70%);pointer-events:none}[data-theme=dark] .cta-section-v2__glow{background:radial-gradient(circle,rgba(59,130,246,.14) 0%,transparent 70%)}.cta-section-v2__content{position:relative;z-index:1;max-width:640px;margin:0 auto}.cta-section-v2__badge{display:inline-flex;align-items:center;gap:var(--tokis-spacing-2);padding:var(--tokis-spacing-1) var(--tokis-spacing-3);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-full);background:var(--tokis-color-surface);font-size:var(--tokis-font-size-xs);color:var(--tokis-text-secondary);margin-bottom:var(--tokis-spacing-6);font-family:var(--site-font-mono)}.cta-section-v2__title{font-family:var(--site-font-display);font-size:clamp(2.25rem,5vw,3.75rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;color:var(--tokis-text-primary);margin:0 0 var(--tokis-spacing-6)}.cta-section-v2__desc{color:var(--tokis-text-secondary);font-size:var(--tokis-font-size-lg);line-height:var(--tokis-line-height-relaxed);margin:0 0 var(--tokis-spacing-8)}.cta-section-v2__install{display:flex;justify-content:center;margin-bottom:var(--tokis-spacing-2)}.cta-section-v2__cmd{display:inline-block;padding:var(--tokis-spacing-3) var(--tokis-spacing-6);border-radius:var(--tokis-radius-full);border:1px solid var(--tokis-color-border);background:var(--tokis-color-surface);font-family:var(--site-font-mono);font-size:var(--tokis-font-size-sm);color:var(--tokis-text-primary);-webkit-user-select:all;user-select:all;cursor:text}.site-footer__brand{display:flex;align-items:center;gap:var(--tokis-spacing-2)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}:root{--hljs-fg: #e6edf3;--hljs-keyword: #ff7b72;--hljs-string: #a5d6ff;--hljs-comment: #8b949e;--hljs-type: #d2a8ff;--hljs-number: #79c0ff;--hljs-function: #d2a8ff;--hljs-attr: #79c0ff;--hljs-tag: #7ee787;--hljs-builtin: #ffa657}[data-theme=dark]{--hljs-fg: #c9d1d9;--hljs-keyword: #ff7b72;--hljs-string: #a5d6ff;--hljs-comment: #8b949e;--hljs-type: #d2a8ff;--hljs-number: #79c0ff;--hljs-function: #d2a8ff;--hljs-attr: #79c0ff;--hljs-tag: #7ee787;--hljs-builtin: #ffa657}.hljs{color:var(--hljs-fg)}.hljs-keyword,.hljs-operator,.hljs-selector-tag{color:var(--hljs-keyword)}.hljs-string,.hljs-template-string,.hljs-regexp{color:var(--hljs-string)}.hljs-comment,.hljs-quote{color:var(--hljs-comment);font-style:italic}.hljs-class,.hljs-title,.hljs-type{color:var(--hljs-type)}.hljs-number,.hljs-literal{color:var(--hljs-number)}.hljs-function,.hljs-title.function_{color:var(--hljs-function)}.hljs-attr,.hljs-attribute{color:var(--hljs-attr)}.hljs-tag{color:var(--hljs-tag)}.hljs-built_in,.hljs-name{color:var(--hljs-builtin)}.hljs-params,.hljs-subst,.hljs-variable{color:var(--hljs-fg)}.hljs-punctuation{color:var(--hljs-fg);opacity:.7}.hljs-section{color:var(--hljs-function);font-weight:700}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s var(--tokis-ease-spring)}[data-reveal=visible]{opacity:1;transform:translateY(0)}.hero__blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:blob-drift 8s ease-in-out infinite;z-index:0}.hero__blob--1{width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.18),transparent);top:-10%;left:-10%}.hero__blob--2{width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.14),transparent);bottom:-5%;right:5%;animation-delay:-3s}.hero__blob--3{width:300px;height:300px;background:radial-gradient(circle,rgba(16,185,129,.1),transparent);top:40%;left:45%;animation-delay:-5s}@keyframes blob-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.05)}}@keyframes card-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero__showcase-grid .showcase-card:nth-child(odd){animation:card-bob 4s ease-in-out infinite}.hero__showcase-grid .showcase-card:nth-child(2n){animation:card-bob 4s ease-in-out infinite;animation-delay:-2s}.hero__showcase-grid .showcase-card:hover{animation-play-state:paused}.hero__badge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transform:translate(-100%);animation:badge-shimmer 5s ease-in-out infinite 2s}@keyframes badge-shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(300%)}}@keyframes gradient-pan{to{background-position:200% center}}.marquee-track--reverse{animation:marquee-scroll-reverse 36s linear infinite}@keyframes marquee-scroll-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.features-bento[data-reveal] .bento-card{opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s var(--tokis-ease-spring),box-shadow var(--tokis-duration-normal) var(--tokis-ease-out),border-color var(--tokis-duration-normal) var(--tokis-ease-out)}.features-bento[data-reveal=visible] .bento-card{opacity:1;transform:translateY(0)}.features-bento[data-reveal=visible] .bento-card:nth-child(1){transition-delay:0ms}.features-bento[data-reveal=visible] .bento-card:nth-child(2){transition-delay:80ms}.features-bento[data-reveal=visible] .bento-card:nth-child(3){transition-delay:.16s}.features-bento[data-reveal=visible] .bento-card:nth-child(4){transition-delay:.24s}.features-bento[data-reveal=visible] .bento-card:nth-child(5){transition-delay:.32s}.features-bento[data-reveal=visible] .bento-card:nth-child(6){transition-delay:.4s}.code-window__line{display:block;opacity:0;animation:line-fade-in .25s ease both;white-space:pre}@keyframes line-fade-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.code-window__cursor{display:inline-block;width:2px;height:.9em;background:var(--tokis-color-primary);vertical-align:text-bottom;margin-left:2px;animation:cursor-blink 1s step-end infinite 1.2s;opacity:0}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.cta-ring{position:absolute;left:50%;top:0;width:240px;height:240px;margin-left:-120px;border-radius:50%;border:1px solid rgba(139,92,246,.25);pointer-events:none;animation:ring-pulse 2.5s ease-out infinite}.cta-ring:nth-child(2){animation-delay:.8s}.cta-ring:nth-child(3){animation-delay:1.6s}@keyframes ring-pulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(2.5);opacity:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero__badge,.hero__title,.hero__subtitle,.hero__cta,.hero__showcase,.hero__trust{animation:none}.hero__badge:after{animation:none}.hero__title-gradient,.hero__blob,.hero__showcase-grid .showcase-card,.marquee-track,.marquee-track--reverse,.cta-ring{animation:none}[data-reveal],.features-bento[data-reveal] .bento-card{opacity:1;transform:none;transition:none}.showcase-card,.feature-card,.comp-tile,.bento-card{transition:none}.bento-card:hover{transform:none}.site-theme-toggle{transition:none}.site-theme-toggle:active{transform:none}.site-navbar__link,.site-sidebar__item,.demo-option,.site-footer__link{transition:none}}@media(max-width:1023px){.site-sidebar{display:none}.site-docs-content{margin-left:0}.hero{grid-template-columns:1fr;padding:calc(var(--site-nav-height) + 60px) var(--tokis-spacing-6) 60px}.hero__cta,.hero__trust{justify-content:center}.hero__showcase{max-width:680px;margin:0 auto;width:100%}.hero__showcase-inner,.features__grid,.features-bento{grid-template-columns:1fr 1fr}.bento-card--wide{grid-column:span 2}.code-section__inner{grid-template-columns:1fr;gap:var(--tokis-spacing-10)}.stats-bar__inner,.stats-grid{grid-template-columns:repeat(2,1fr)}.component-showcase__scroll{grid-template-columns:1fr}}@media(max-width:640px){.site-navbar__nav{display:none}.hero__showcase-inner,.hero__showcase-grid{grid-template-columns:1fr}.showcase-card--span-2{grid-column:span 1}.features__grid,.features-bento{grid-template-columns:1fr}.bento-card--wide{grid-column:span 1}.stats-bar__inner,.stats-grid{grid-template-columns:repeat(2,1fr)}}.gs-page{max-width:820px}.gs-step{display:flex;gap:var(--tokis-spacing-6);margin-bottom:var(--tokis-spacing-10)}.gs-step__num{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--tokis-color-primary);color:var(--tokis-text-on-primary);font-size:var(--tokis-font-size-sm);font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}.gs-step__content{flex:1}.gs-step__title{font-family:var(--site-font-display);font-size:1.1rem;font-weight:700;color:var(--tokis-text-primary);margin:0 0 var(--tokis-spacing-3);letter-spacing:-.02em}.inline-code{font-family:var(--site-font-mono);font-size:.875em;background:var(--tokis-color-surface);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-sm);padding:1px 5px;color:var(--tokis-color-primary)}.playground{padding-top:var(--site-nav-height);min-height:100vh}.playground__header{text-align:center;padding:var(--tokis-spacing-16) var(--tokis-spacing-6) var(--tokis-spacing-8);max-width:640px;margin:0 auto}.playground__title{font-family:var(--site-font-display);font-size:2.5rem;font-weight:800;letter-spacing:-.03em;color:var(--tokis-text-primary);margin:0 0 var(--tokis-spacing-3)}.playground__subtitle{font-size:var(--tokis-font-size-lg);color:var(--tokis-text-secondary);margin:0;line-height:var(--tokis-line-height-relaxed)}.playground__nav{display:flex;justify-content:center;gap:var(--tokis-spacing-1);padding:0 var(--tokis-spacing-6) var(--tokis-spacing-8);border-bottom:1px solid var(--tokis-color-border)}.playground__nav-item{padding:6px var(--tokis-spacing-4);border-radius:var(--tokis-radius-full);border:1px solid transparent;background:transparent;color:var(--tokis-text-secondary);font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-medium);font-family:var(--tokis-font-family);letter-spacing:0;cursor:pointer;line-height:1.5;transition:all var(--tokis-duration-fast) var(--tokis-ease-out)}.playground__nav-item:hover{color:var(--tokis-text-primary);background:var(--tokis-color-surface)}.playground__nav-item--active{background:var(--tokis-color-primary-subtle);color:var(--tokis-color-primary);border-color:var(--tokis-color-primary-subtle);font-weight:var(--tokis-font-weight-semibold)}.playground__content{max-width:1200px;margin:0 auto;padding:var(--tokis-spacing-10) var(--tokis-spacing-6)}.playground__section{display:grid;grid-template-columns:1fr 360px;gap:var(--tokis-spacing-8);align-items:start}.playground__preview{border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-xl);overflow:hidden}.playground__preview-canvas{display:flex;align-items:center;justify-content:center;padding:var(--tokis-spacing-12) var(--tokis-spacing-8);min-height:400px;background:var(--tokis-color-background);background-image:radial-gradient(var(--tokis-color-border) 1px,transparent 1px);background-size:24px 24px}.playground__controls{background:var(--tokis-color-surface);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-xl);padding:var(--tokis-spacing-6);position:sticky;top:calc(var(--site-nav-height) + var(--tokis-spacing-4));display:flex;flex-direction:column;gap:var(--tokis-spacing-5)}.playground__controls-title{font-family:var(--site-font-display);font-size:1rem;font-weight:700;letter-spacing:-.02em;color:var(--tokis-text-primary);margin:0;padding-bottom:var(--tokis-spacing-4);border-bottom:1px solid var(--tokis-color-border)}.playground__control-group{display:flex;flex-direction:column;gap:var(--tokis-spacing-2)}.playground__control-label{font-size:11px;font-weight:var(--tokis-font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--tokis-text-tertiary)}.playground__control-options{display:flex;flex-wrap:wrap;gap:var(--tokis-spacing-1)}.playground__code-panel{max-width:1200px;margin:0 auto var(--tokis-spacing-10);padding:0 var(--tokis-spacing-6)}.playground__code-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--tokis-spacing-3) var(--tokis-spacing-4);background:#161b22;border-radius:var(--tokis-radius-lg) var(--tokis-radius-lg) 0 0;border:1px solid rgba(255,255,255,.08);border-bottom:none}.playground__code-panel-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80}.playground__code-panel-section{font-size:var(--tokis-font-size-xs);font-family:var(--tokis-font-family-mono);color:#ffffff59}.playground__code-panel .tokis-codeblock{border-radius:0 0 var(--tokis-radius-lg) var(--tokis-radius-lg)}.playground__code-label{font-size:10px;font-weight:var(--tokis-font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--tokis-text-tertiary);padding:var(--tokis-spacing-2) var(--tokis-spacing-4);border-bottom:1px solid var(--tokis-color-border)}.playground__code-block{margin:0;padding:var(--tokis-spacing-3) var(--tokis-spacing-4);font-family:var(--tokis-font-family-mono);font-size:12px;line-height:1.7;color:var(--tokis-text-primary);overflow-x:auto;white-space:pre;max-height:200px}@media(max-width:900px){.playground__section{grid-template-columns:1fr}.playground__controls{position:static}}.about-page{padding-top:var(--site-nav-height)}.about-hero{padding:var(--tokis-spacing-20) var(--tokis-spacing-6);text-align:center;background:var(--site-hero-gradient)}.about-hero__inner{max-width:700px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--tokis-spacing-4)}.about-hero__title{font-family:var(--site-font-display);font-size:3rem;font-weight:800;letter-spacing:-.04em;color:var(--tokis-text-primary);line-height:1.1;margin:0}.about-hero__acronym{font-size:var(--tokis-font-size-xs);color:var(--tokis-color-text-secondary);letter-spacing:.12em;text-transform:uppercase;opacity:.65;margin:var(--tokis-spacing-1) 0 0}.about-hero__subtitle{font-size:var(--tokis-font-size-lg);color:var(--tokis-text-secondary);line-height:var(--tokis-line-height-relaxed);margin:0;max-width:560px}.about-section{padding:var(--tokis-spacing-20) var(--tokis-spacing-6)}.about-section--alt{background:var(--tokis-color-surface)}.about-section__inner{max-width:860px;margin:0 auto}.about-section__title{font-family:var(--site-font-display);font-size:2rem;font-weight:800;letter-spacing:-.03em;color:var(--tokis-text-primary);margin:0 0 var(--tokis-spacing-3)}.about-section__desc{font-size:var(--tokis-font-size-base);color:var(--tokis-text-secondary);margin:0 0 var(--tokis-spacing-6);max-width:600px;line-height:var(--tokis-line-height-relaxed)}.about-principles{display:flex;flex-direction:column;gap:0;margin-top:var(--tokis-spacing-8)}.about-principle{display:flex;gap:var(--tokis-spacing-6);padding:var(--tokis-spacing-6) 0;border-top:1px solid var(--tokis-color-border)}.about-principle:last-child{border-bottom:1px solid var(--tokis-color-border)}.about-principle__num{font-family:var(--site-font-mono);font-size:var(--tokis-font-size-sm);color:var(--tokis-text-tertiary);flex-shrink:0;padding-top:3px}.about-principle__title{font-family:var(--site-font-display);font-size:1rem;font-weight:700;letter-spacing:-.02em;color:var(--tokis-text-primary);margin:0 0 var(--tokis-spacing-1)}.about-principle__desc{font-size:var(--tokis-font-size-sm);color:var(--tokis-text-secondary);margin:0;line-height:var(--tokis-line-height-relaxed)}.comparison-table-wrap{overflow-x:auto;border-radius:var(--tokis-radius-xl);border:1px solid var(--tokis-color-border);margin-top:var(--tokis-spacing-6)}.comparison-table{width:100%;border-collapse:collapse;font-size:var(--tokis-font-size-sm)}.comparison-table th{text-align:left;padding:var(--tokis-spacing-3) var(--tokis-spacing-4);background:var(--tokis-color-surface);font-size:var(--tokis-font-size-xs);font-weight:var(--tokis-font-weight-semibold);color:var(--tokis-text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--tokis-color-border);white-space:nowrap}.comparison-table td{padding:var(--tokis-spacing-3) var(--tokis-spacing-4);border-bottom:1px solid var(--tokis-color-border);color:var(--tokis-text-secondary);vertical-align:middle}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:hover td{background:var(--tokis-color-surface-hover)}.comparison-table__tokis{color:var(--tokis-color-primary);font-weight:var(--tokis-font-weight-bold)}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--tokis-spacing-4);margin-top:var(--tokis-spacing-8)}.roadmap-card{border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-xl);padding:var(--tokis-spacing-5);background:var(--tokis-color-background)}.roadmap-card--done{border-color:var(--tokis-color-success);background:#16a34a0a}[data-theme=dark] .roadmap-card--done{background:#16a34a0f}.roadmap-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--tokis-spacing-4)}.roadmap-card__phase{font-family:var(--site-font-mono);font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-semibold);color:var(--tokis-text-primary)}.roadmap-card__items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--tokis-spacing-2)}.roadmap-card__item{display:flex;gap:var(--tokis-spacing-2);font-size:var(--tokis-font-size-sm);color:var(--tokis-text-secondary);align-items:flex-start}.roadmap-card__check{color:var(--tokis-text-tertiary);flex-shrink:0;font-size:11px;margin-top:2px}.roadmap-card--done .roadmap-card__check{color:var(--tokis-color-success)}@media(max-width:768px){.roadmap-grid{grid-template-columns:1fr}.about-hero__title{font-size:2rem}}.lpv3{overflow-x:clip}.lpv3-hero{position:relative;min-height:100vh;display:flex;align-items:center;background-color:var(--tokis-color-bg);background-image:radial-gradient(circle,var(--lpv3-dot) 1.5px,transparent 1.5px);background-size:var(--lpv3-dot-size) var(--lpv3-dot-size);overflow:hidden}.lpv3-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.lpv3-hero__grid{position:absolute;top:-100px;right:-100px;bottom:-100px;left:-100px;background-image:linear-gradient(rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 1px);background-size:64px 64px;animation:lpv3-grid-drift 28s linear infinite}[data-theme=dark] .lpv3-hero__grid{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px)}@keyframes lpv3-grid-drift{0%{transform:translate(0)}to{transform:translate(64px,64px)}}.lpv3-hero__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;animation:lpv3-orb 10s ease-in-out infinite}[data-theme=dark] .lpv3-hero__orb{opacity:.5}.lpv3-hero__orb--1{width:640px;height:640px;top:-15%;left:-10%;background:radial-gradient(circle,rgba(124,58,237,.3),transparent 70%)}.lpv3-hero__orb--2{width:480px;height:480px;bottom:-10%;right:5%;background:radial-gradient(circle,rgba(2,132,199,.25),transparent 70%);animation-delay:-4s}.lpv3-hero__orb--3{width:360px;height:360px;top:40%;left:45%;background:radial-gradient(circle,rgba(5,150,105,.18),transparent 70%);animation-delay:-7s}@keyframes lpv3-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(24px,-18px) scale(1.05)}66%{transform:translate(-16px,12px) scale(.96)}}.lpv3-hero__inner{position:relative;z-index:1;width:100%;max-width:1280px;margin:0 auto;padding:calc(var(--site-nav-height) + 80px) 48px 80px;display:grid;grid-template-columns:minmax(0,520px) 1fr;gap:64px;align-items:center}.lpv3-hero__left{display:flex;flex-direction:column;gap:28px}.lpv3-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid var(--tokis-color-border);background:var(--tokis-color-surface);font-size:12px;color:var(--tokis-text-secondary);text-decoration:none;width:fit-content;transition:background .2s,border-color .2s;position:relative;overflow:hidden}.lpv3-pill:hover{background:var(--tokis-color-surface-hover);border-color:color-mix(in srgb,var(--tokis-color-primary) 30%,var(--tokis-color-border))}.lpv3-pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--tokis-color-primary) 12%,transparent),transparent);transform:translate(-120%);animation:lpv3-shimmer 3.5s ease-in-out infinite 2s}@keyframes lpv3-shimmer{0%,to{transform:translate(-120%)}50%{transform:translate(220%)}}.lpv3-pill__dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981b3;animation:lpv3-pulse-dot 2s ease-in-out infinite}@keyframes lpv3-pulse-dot{0%,to{box-shadow:0 0 8px #10b981b3}50%{box-shadow:0 0 2px #10b9814d}}.lpv3-hero__acronym{font-size:var(--tokis-font-size-xs);color:var(--tokis-color-text-secondary);letter-spacing:.12em;text-transform:uppercase;opacity:.65;margin:var(--tokis-spacing-1) 0 0}.lpv3-hero__title{margin:0;display:flex;flex-direction:column;gap:2px;font-family:var(--site-font-display);font-size:clamp(3rem,5.5vw,5rem);font-weight:800;line-height:1.06;letter-spacing:-.03em}.lpv3-hero__title-plain{color:var(--tokis-text-primary)}.lpv3-hero__title-grad{background:linear-gradient(130deg,#a78bfa,#60a5fa 45%,#34d399);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:lpv3-grad-pan 5s linear infinite}@keyframes lpv3-grad-pan{0%{background-position:0% center}to{background-position:200% center}}.lpv3-hero__sub{margin:0;font-size:1.125rem;line-height:1.65;color:var(--tokis-text-secondary);max-width:460px}.lpv3-hero__actions{display:flex;gap:12px;flex-wrap:wrap}.lpv3-hero__proof{display:flex;align-items:center;gap:16px}.lpv3-hero__avatars{display:flex}.lpv3-hero__avatars>*+*{margin-left:-8px}.lpv3-hero__proof-label{font-size:12px;color:var(--tokis-text-tertiary);margin-top:3px}.lpv3-hero__right{display:flex;align-items:center;justify-content:center}.lpv3-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:500px}.lpv3-card{background:var(--tokis-color-surface);border:1px solid var(--tokis-color-border);border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}[data-theme=dark] .lpv3-card{background:#ffffff0a;border-color:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.lpv3-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--tokis-shadow-xl);border-color:color-mix(in srgb,var(--tokis-color-primary) 20%,var(--tokis-color-border));animation-play-state:paused}.lpv3-card--a{animation:lpv3-float 5s ease-in-out infinite}.lpv3-card--b{animation:lpv3-float 5s ease-in-out infinite -1.25s}.lpv3-card--c{animation:lpv3-float 5s ease-in-out infinite -2.5s}.lpv3-card--d{animation:lpv3-float 5s ease-in-out infinite -3.75s}@keyframes lpv3-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lpv3-card__bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--tokis-color-border);background:var(--tokis-color-bg)}[data-theme=dark] .lpv3-card__bar{background:#ffffff08;border-bottom-color:#ffffff0f}.lpv3-card__bar>span{margin-left:auto;font-size:10px;font-family:var(--site-font-mono);color:var(--tokis-text-tertiary)}.lpv3-card__dots{display:flex;gap:4px}.lpv3-card__dots span{display:block;width:8px;height:8px;border-radius:50%}.lpv3-card__dots span:nth-child(1){background:#ff5f57b3}.lpv3-card__dots span:nth-child(2){background:#febc2eb3}.lpv3-card__dots span:nth-child(3){background:#28c840b3}.lpv3-card__body{padding:14px}:root{--lpv3-dot: rgba(0, 0, 0, .1);--lpv3-dot-size: 22px}[data-theme=dark]{--lpv3-dot: rgba(255, 255, 255, .09)}.lpv3-marquee-strip,.lpv3-features,.lpv3-cta{background-image:radial-gradient(circle,var(--lpv3-dot) 1.5px,transparent 1.5px);background-size:var(--lpv3-dot-size) var(--lpv3-dot-size)}.lpv3-hero__bg,.lpv3-hero__inner,.lpv3-marquee,.lpv3-stat,.lpv3-features-inner,.lpv3-code__inner,.lpv3-cta__glow,.lpv3-cta__ring,.lpv3-cta__inner{position:relative;z-index:1}.lpv3-hsc{width:100%;max-width:500px;background:var(--tokis-color-surface);border:1px solid var(--tokis-color-border);border-radius:20px;overflow:hidden;box-shadow:var(--tokis-shadow-xl),0 32px 72px -16px #0000002e;transition:transform .55s cubic-bezier(.23,1,.32,1);will-change:transform}[data-theme=dark] .lpv3-hsc{background:#ffffff0a;border-color:#ffffff17;box-shadow:0 32px 72px -16px #00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.lpv3-hsc__bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--tokis-color-bg);border-bottom:1px solid var(--tokis-color-border)}[data-theme=dark] .lpv3-hsc__bar{background:#ffffff08;border-bottom-color:#ffffff0f}.lpv3-hsc__dots{display:flex;gap:5px}.lpv3-hsc__dots span{display:block;width:10px;height:10px;border-radius:50%}.lpv3-hsc__dots span:nth-child(1){background:#ff5f57d9}.lpv3-hsc__dots span:nth-child(2){background:#febc2ed9}.lpv3-hsc__dots span:nth-child(3){background:#28c840d9}.lpv3-hsc__tabs{display:flex;background:var(--tokis-color-surface);border:1px solid var(--tokis-color-border);border-radius:8px;padding:2px;gap:2px;margin:0 auto}[data-theme=dark] .lpv3-hsc__tabs{background:#ffffff0f;border-color:#ffffff14}.lpv3-hsc__tab{font-size:11px;font-weight:600;padding:4px 14px;border-radius:6px;border:none;background:none;color:var(--tokis-text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}.lpv3-hsc__tab--on{background:var(--tokis-color-primary);color:#fff}.lpv3-hsc__live{display:flex;align-items:center;gap:5px;font-size:10px;font-family:var(--site-font-mono);color:var(--tokis-text-tertiary);white-space:nowrap;flex-shrink:0}.lpv3-hsc__live-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:hsc-pulse 2s ease-in-out infinite}@keyframes hsc-pulse{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.6;box-shadow:0 0 0 4px #22c55e00}}.lpv3-hsc__preview{padding:16px;display:flex;flex-direction:column;gap:10px;max-height:540px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--tokis-color-border) transparent}.lpv3-hsc__preview::-webkit-scrollbar{width:4px}.lpv3-hsc__preview::-webkit-scrollbar-thumb{background:var(--tokis-color-border);border-radius:2px}.lpv3-hsc__group{display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:var(--tokis-color-bg);border:1px solid var(--tokis-color-border);border-radius:12px}[data-theme=dark] .lpv3-hsc__group{background:#ffffff06;border-color:#ffffff0f}.lpv3-hsc__group-label{font-size:9px;font-family:var(--site-font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--tokis-text-tertiary);font-weight:700}.lpv3-hsc__code-panel{background:#0d1117;max-height:540px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.lpv3-hsc__pre{margin:0;padding:20px;font-family:var(--site-font-mono);font-size:12px;line-height:1.8;color:#c9d1d9;white-space:pre;overflow-x:auto}.lpv3-marquee-strip{background-color:var(--tokis-color-surface);border-top:1px solid var(--tokis-color-border);border-bottom:1px solid var(--tokis-color-border);padding:12px 0;overflow:hidden}.lpv3-marquee{display:flex;flex-direction:column;gap:8px;overflow:hidden}.lpv3-marquee__row{display:flex;gap:32px;width:max-content;animation:lpv3-scroll-fwd 24s linear infinite}.lpv3-marquee__row--rev{animation-name:lpv3-scroll-rev;animation-duration:20s}@keyframes lpv3-scroll-fwd{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes lpv3-scroll-rev{0%{transform:translate(-50%)}to{transform:translate(0)}}.lpv3-marquee__item{display:flex;align-items:center;gap:8px;font-size:11px;font-family:var(--site-font-mono);color:var(--tokis-text-tertiary);white-space:nowrap;letter-spacing:.04em}.lpv3-marquee__dot{width:4px;height:4px;border-radius:50%;background:var(--tokis-color-primary);opacity:.5;flex-shrink:0}.lpv3-showcase{position:sticky;top:0;height:100vh;overflow:hidden;background-color:var(--tokis-color-bg);background-image:linear-gradient(rgba(0,0,0,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.055) 1px,transparent 1px);background-size:40px 40px;display:flex;align-items:center;justify-content:center}[data-theme=dark] .lpv3-showcase{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)}.lpv3-showcase__pips{position:absolute;right:28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:10}.lpv3-pip{width:5px;height:5px;border-radius:3px;background:var(--tokis-color-border);transition:height .35s ease,background .35s ease}.lpv3-pip--on{height:22px;background:var(--tokis-text-secondary)}.lpv3-showcase__counter{position:absolute;top:calc(var(--site-nav-height) + 16px);left:50%;transform:translate(-50%);display:flex;gap:20px;z-index:10;pointer-events:none}.lpv3-counter-item{font-size:10px;font-family:var(--site-font-mono);letter-spacing:.1em;color:var(--tokis-text-tertiary);transition:color .4s ease,background .4s ease,opacity .4s ease;padding:4px 10px;border-radius:4px;opacity:.5}.lpv3-counter-item--on{opacity:1;color:var(--chapter-color, var(--tokis-color-primary));background:var(--tokis-color-surface)}.lpv3-showcase__panels{display:grid;width:100%;max-width:1200px;padding:0 48px}.lpv3-panel{grid-area:1 / 1;display:grid;grid-template-columns:minmax(0,480px) 1fr;gap:64px;align-items:center;padding-top:var(--site-nav-height);opacity:0;transform:translateY(30px);pointer-events:none;transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}.lpv3-panel--active{opacity:1;transform:translateY(0);pointer-events:auto}.lpv3-panel__text{display:flex;flex-direction:column;gap:16px}.lpv3-panel__header{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.lpv3-panel__num{font-size:11px;font-family:var(--site-font-mono);color:var(--tokis-text-tertiary);letter-spacing:.12em}.lpv3-panel__eyebrow{font-size:11px;font-family:var(--site-font-mono);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.lpv3-panel__title{margin:0;font-family:var(--site-font-display);font-size:clamp(2rem,3.5vw,3rem);font-weight:800;line-height:1.1;letter-spacing:-.025em;color:var(--tokis-text-primary)}.lpv3-panel__desc{margin:0;font-size:1.0625rem;line-height:1.7;color:var(--tokis-text-secondary);max-width:380px}.lpv3-panel__feats{display:flex;flex-wrap:wrap;gap:7px}.lpv3-panel__feat{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;border:1px solid var(--tokis-color-border);font-size:11px;font-family:var(--site-font-mono);background:var(--tokis-color-surface);color:var(--tokis-text-secondary);white-space:nowrap;letter-spacing:.04em}.lpv3-panel__rule{width:36px;height:3px;border-radius:2px}.lpv3-panel__demo{display:flex;flex-direction:column}.lpv3-panel__demo-label{font-size:10px;font-family:var(--site-font-mono);text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-bottom:8px;color:var(--tokis-text-tertiary)}.lpv3-panel__demo-inner{width:100%;max-width:420px;background:var(--tokis-color-surface);border:1px solid var(--tokis-color-border);border-top-width:2px;border-radius:18px;padding:28px;box-shadow:var(--tokis-shadow-xl)}.lpv3-scroll-hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;font-family:var(--site-font-mono);color:var(--tokis-text-tertiary);opacity:1;transition:opacity .4s ease;animation:lpv3-hint-bob 2.2s ease-in-out infinite}.lpv3-scroll-hint--hidden{opacity:0;pointer-events:none}.lpv3-scroll-hint__wheel{width:18px;height:28px;border:1.5px solid var(--tokis-color-border);border-radius:10px;position:relative}.lpv3-scroll-hint__wheel:after{content:"";position:absolute;width:3px;height:6px;background:var(--tokis-text-tertiary);border-radius:2px;top:5px;left:50%;transform:translate(-50%);animation:lpv3-wheel 2s ease-in-out infinite}@keyframes lpv3-wheel{0%{opacity:1;top:5px}to{opacity:0;top:14px}}@keyframes lpv3-hint-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}.lpv3-ts{border-radius:10px;overflow:hidden;background:#0d1117;border:1px solid var(--tokis-color-border)}.lpv3-ts__bar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.lpv3-ts__dots{display:flex;gap:5px}.lpv3-ts__dots span{display:block;width:9px;height:9px;border-radius:50%}.lpv3-ts__dots span:nth-child(1){background:#ff5f57}.lpv3-ts__dots span:nth-child(2){background:#febc2e}.lpv3-ts__dots span:nth-child(3){background:#28c840}.lpv3-ts__file{margin-left:auto;font-size:11px;font-family:var(--site-font-mono);color:#ffffff47}.lpv3-ts__body{margin:0;padding:18px;font-family:var(--site-font-mono);font-size:12px;line-height:1.85;overflow:hidden}.lpv3-ts__line{display:block;opacity:0;animation:lpv3-line-in .3s ease both}@keyframes lpv3-line-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.lpv3-ts__cursor{display:inline-block;width:2px;height:.9em;background:#a78bfa;vertical-align:text-bottom;margin-left:1px;animation:lpv3-blink 1s step-end infinite .9s;opacity:0}@keyframes lpv3-blink{0%,to{opacity:1}50%{opacity:0}}.lpv3-stats{display:grid;grid-template-columns:repeat(4,1fr);background-color:var(--tokis-color-surface);border-top:1px solid var(--tokis-color-border);border-bottom:1px solid var(--tokis-color-border)}.lpv3-stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:52px 24px;gap:8px;border-right:1px solid var(--tokis-color-border)}.lpv3-stat:last-child{border-right:none}.lpv3-stat__num{font-family:var(--site-font-display);font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--tokis-text-primary);line-height:1;letter-spacing:-.04em}.lpv3-stat__unit{font-size:.5em;color:var(--tokis-color-primary);font-weight:700;vertical-align:super}.lpv3-stat__label{font-size:12px;color:var(--tokis-text-tertiary);text-transform:uppercase;letter-spacing:.07em;font-weight:500}.lpv3-features{background-color:var(--tokis-color-surface)}.lpv3-features-inner{max-width:1200px;margin:0 auto;padding:120px 48px}.lpv3-features__head{text-align:center;max-width:620px;margin:0 auto 64px;display:flex;flex-direction:column;gap:16px}.lpv3-eyebrow{font-size:11px;font-family:var(--site-font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--tokis-color-primary);font-weight:600}.lpv3-section-title{font-family:var(--site-font-display);font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--tokis-text-primary);line-height:1.15;letter-spacing:-.025em;margin:0}.lpv3-section-sub{font-size:1.0625rem;color:var(--tokis-text-secondary);line-height:1.7;margin:0}.lpv3-grad{background:linear-gradient(135deg,var(--tokis-color-primary) 0%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lpv3-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lpv3-bcard{position:relative;background:var(--tokis-color-bg);border:1px solid var(--tokis-color-border);border-radius:20px;padding:28px;overflow:hidden;cursor:default;display:flex;flex-direction:column;gap:12px;transform:perspective(700px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .12s ease,box-shadow .3s ease,border-color .3s ease;will-change:transform}.lpv3-bcard:hover{border-color:color-mix(in srgb,var(--c, var(--tokis-color-primary)) 35%,var(--tokis-color-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--c, var(--tokis-color-primary)) 15%,transparent),var(--tokis-shadow-lg)}.lpv3-bcard__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--c, var(--tokis-color-primary)) 8%,transparent),transparent 65%);opacity:0;transition:opacity .4s ease;pointer-events:none}.lpv3-bcard:hover .lpv3-bcard__glow{opacity:1}.lpv3-bcard__tag{font-size:10px;font-family:var(--site-font-mono);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.lpv3-bcard__title{margin:0;font-family:var(--site-font-display);font-size:1.25rem;font-weight:700;color:var(--tokis-text-primary);line-height:1.2}.lpv3-bcard__desc{margin:0;font-size:.9375rem;color:var(--tokis-text-secondary);line-height:1.6;flex:1}.lpv3-bcard__header{display:flex;align-items:center;gap:10px}.lpv3-bcard__icon{font-size:1.25rem;line-height:1;flex-shrink:0}.lpv3-bcard__stat{margin-top:auto;padding-top:14px;border-top:1px solid var(--tokis-color-border);display:flex;align-items:baseline;gap:6px}.lpv3-bcard__stat-num{font-family:var(--site-font-display);font-size:1.4rem;font-weight:800;line-height:1;letter-spacing:-.03em}.lpv3-bcard__stat-label{font-size:10px;color:var(--tokis-text-tertiary);font-family:var(--site-font-mono);text-transform:uppercase;letter-spacing:.07em}.lpv3-code{background-color:var(--tokis-color-bg);background-image:linear-gradient(rgba(0,0,0,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.055) 1px,transparent 1px);background-size:40px 40px;border-top:1px solid var(--tokis-color-border);border-bottom:1px solid var(--tokis-color-border);padding:100px 48px}[data-theme=dark] .lpv3-code{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)}.lpv3-code__inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.lpv3-code__text{display:flex;flex-direction:column;gap:16px}.lpv3-codewin{border-radius:14px;overflow:hidden;background:#0d1117;border:1px solid var(--tokis-color-border);box-shadow:var(--tokis-shadow-xl)}.lpv3-codewin__bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.lpv3-codewin__dots{display:flex;gap:5px}.lpv3-codewin__dots span{display:block;width:10px;height:10px;border-radius:50%}.lpv3-codewin__dots span:nth-child(1){background:#ff5f57}.lpv3-codewin__dots span:nth-child(2){background:#febc2e}.lpv3-codewin__dots span:nth-child(3){background:#28c840}.lpv3-codewin__file{margin-left:auto;font-size:11px;font-family:var(--site-font-mono);color:#ffffff47}.lpv3-codewin__body{margin:0;padding:22px;font-family:var(--site-font-mono);font-size:13px;line-height:1.7;color:#ffffffad;overflow:hidden}.lpv3-cta{position:relative;overflow:hidden;padding:140px 48px;background-color:var(--tokis-color-bg);display:flex;align-items:center;justify-content:center}.lpv3-cta__glow{position:absolute;width:800px;height:800px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in srgb,var(--tokis-color-primary) 14%,transparent) 0%,transparent 65%);pointer-events:none}.lpv3-cta__ring{position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--tokis-color-primary) 22%,transparent);top:50%;left:50%;width:280px;height:280px;transform:translate(-50%,-50%) scale(.7);animation:lpv3-ring 3.2s ease-out infinite;pointer-events:none}.lpv3-cta__ring--2{animation-delay:1.05s}.lpv3-cta__ring--3{animation-delay:2.1s}@keyframes lpv3-ring{0%{transform:translate(-50%,-50%) scale(.7);opacity:1}to{transform:translate(-50%,-50%) scale(2.8);opacity:0}}.lpv3-cta__inner{position:relative;z-index:1;text-align:center;max-width:580px;display:flex;flex-direction:column;align-items:center;gap:24px}.lpv3-cta__title{margin:0;font-family:var(--site-font-display);font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;color:var(--tokis-text-primary);line-height:1.1;letter-spacing:-.03em}.lpv3-cta__desc{margin:0;font-size:1.0625rem;color:var(--tokis-text-secondary);line-height:1.7}.lpv3-cta__install{padding:12px 24px;background:var(--tokis-color-surface);border:1px solid var(--tokis-color-border);border-radius:10px}.lpv3-cta__install code{font-family:var(--site-font-mono);font-size:.9375rem;color:var(--tokis-text-secondary)}.lpv3-hero,.lpv3-marquee-strip,.lpv3-stats,.lpv3-features,.lpv3-code,.lpv3-cta{overflow-x:hidden}@media(min-width:1440px){.lpv3-hero__inner{max-width:1440px}.lpv3-showcase__panels,.lpv3-features-inner{max-width:1400px}.lpv3-code__inner{max-width:1280px}.lpv3-hsc{max-width:540px}}@media(max-width:1100px){.lpv3-hero__inner{grid-template-columns:1fr;text-align:center;gap:40px;padding:calc(var(--site-nav-height) + 60px) 48px 56px}.lpv3-hero__left{align-items:center}.lpv3-hero__sub{max-width:520px}.lpv3-hero__right{justify-content:center;width:100%}.lpv3-hsc{max-width:560px}.lpv3-showcase__pips{display:none}.lpv3-showcase__panels{padding:0 48px}.lpv3-panel{grid-template-columns:1fr;gap:32px;padding:calc(var(--site-nav-height) + 32px) 0 32px}.lpv3-panel__demo{display:flex}.lpv3-panel__demo-inner{max-width:100%}.lpv3-bento{grid-template-columns:1fr 1fr}.lpv3-features-inner,.lpv3-code{padding:80px 32px}.lpv3-code__inner{grid-template-columns:1fr;gap:48px}}@media(max-width:768px){.lpv3-hero__inner{padding:calc(var(--site-nav-height) + 48px) 24px 40px;gap:32px}.lpv3-hsc{max-width:100%}.lpv3-hsc__preview,.lpv3-hsc__code-panel{max-height:420px}.lpv3-stats{grid-template-columns:1fr 1fr}.lpv3-stat{border-right:none;border-bottom:1px solid var(--tokis-color-border);padding:36px 16px}.lpv3-stat:nth-child(odd){border-right:1px solid var(--tokis-color-border)}.lpv3-stat:nth-child(3),.lpv3-stat:nth-child(4){border-bottom:none}.lpv3-showcase__panels{padding:0 24px}.lpv3-panel{padding:calc(var(--site-nav-height) + 24px) 0 24px}.lpv3-panel__demo-inner{padding:20px}.lpv3-bento{grid-template-columns:1fr}.lpv3-features-inner,.lpv3-code{padding:64px 24px}.lpv3-cta{padding:100px 24px}}@media(max-width:640px){.lpv3-hero__inner{padding:calc(var(--site-nav-height) + 36px) 20px 36px;gap:28px}.lpv3-hero__title{font-size:clamp(2rem,9vw,2.8rem)}.lpv3-hero__sub{font-size:1rem}.lpv3-hero__actions{justify-content:center}.lpv3-hsc__preview,.lpv3-hsc__code-panel{max-height:380px}.lpv3-hsc__pre{font-size:11px}.lpv3-scroll-outer{height:auto!important}.lpv3-showcase{position:relative!important;height:auto!important;overflow:visible;display:block}.lpv3-showcase__counter,.lpv3-showcase__pips,.lpv3-scroll-hint{display:none}.lpv3-showcase__panels{display:flex;flex-direction:column;gap:14px;padding:28px 20px 48px}.lpv3-panel{opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important;grid-area:unset;display:flex;flex-direction:column;gap:18px;background:var(--tokis-color-surface);border:1px solid var(--tokis-color-border);border-radius:20px;padding:24px}.lpv3-panel__demo{display:flex}.lpv3-panel__demo-inner{max-width:100%;padding:16px;background:var(--tokis-color-bg)}.lpv3-features-inner,.lpv3-code{padding:56px 20px}.lpv3-codewin__body{font-size:11px;overflow-x:auto}.lpv3-cta{padding:80px 20px}.lpv3-cta__title{font-size:clamp(2rem,7vw,3rem)}.lpv3-cta__install{overflow-x:auto}.lpv3-marquee-strip{display:none}}@media(max-width:400px){.lpv3-hero__inner{padding:calc(var(--site-nav-height) + 28px) 14px 28px}.lpv3-hero__title{font-size:clamp(1.8rem,8vw,2.2rem)}.lpv3-hero__actions{flex-direction:column;align-items:stretch}.lpv3-hsc__bar{padding:8px 10px}.lpv3-hsc__tab{padding:3px 10px}.lpv3-hsc__preview{padding:12px;gap:8px;max-height:340px}.lpv3-hsc__group{padding:10px 12px}.lpv3-hsc__pre{font-size:10.5px;padding:14px}.lpv3-showcase__panels{padding:20px 14px 40px}.lpv3-panel{padding:18px}.lpv3-panel__demo-inner{padding:12px}.lpv3-features-inner,.lpv3-code{padding:40px 14px}.lpv3-cta{padding:60px 14px}}@media(prefers-reduced-motion:reduce){.lpv3-hero__grid,.lpv3-hero__orb,.lpv3-card--a,.lpv3-card--b,.lpv3-card--c,.lpv3-card--d,.lpv3-pill:after,.lpv3-pill__dot,.lpv3-hero__title-grad,.lpv3-marquee__row,.lpv3-scroll-hint,.lpv3-scroll-hint__wheel:after,.lpv3-ts__line,.lpv3-ts__cursor,.lpv3-cta__ring{animation:none!important}.lpv3-panel{transition:opacity .15s ease}}.lp{overflow-x:hidden}.lp-hero{position:relative;min-height:100vh;display:flex;align-items:center;background:#06080f;overflow:hidden}.lp-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lp-hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;animation:lp-grid-drift 24s linear infinite;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%)}@keyframes lp-grid-drift{0%{background-position:0 0}to{background-position:56px 56px}}.lp-hero__glow-1{position:absolute;width:700px;height:700px;top:-20%;left:-10%;background:radial-gradient(circle,rgba(124,58,237,.18) 0%,transparent 70%);animation:lp-blob 9s ease-in-out infinite;filter:blur(1px)}.lp-hero__glow-2{position:absolute;width:500px;height:500px;bottom:-10%;right:0%;background:radial-gradient(circle,rgba(2,132,199,.14) 0%,transparent 70%);animation:lp-blob 9s ease-in-out infinite;animation-delay:-4s;filter:blur(1px)}.lp-hero__glow-3{position:absolute;width:400px;height:400px;top:40%;left:40%;background:radial-gradient(circle,rgba(5,150,105,.08) 0%,transparent 70%);animation:lp-blob 12s ease-in-out infinite;animation-delay:-7s}@keyframes lp-blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-25px) scale(1.06)}66%{transform:translate(-20px,15px) scale(.96)}}.lp-hero__inner{position:relative;z-index:1;width:100%;max-width:1280px;margin:0 auto;padding:calc(var(--site-nav-height) + var(--tokis-spacing-16)) var(--tokis-spacing-8) var(--tokis-spacing-16);display:grid;grid-template-columns:minmax(0,520px) 1fr;gap:var(--tokis-spacing-12);align-items:center}.lp-hero__left{display:flex;flex-direction:column;gap:var(--tokis-spacing-6)}.lp-badge{display:inline-flex;align-items:center;gap:var(--tokis-spacing-2);padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;font-size:12px;color:#ffffffbf;text-decoration:none;width:fit-content;transition:background .2s,border-color .2s;position:relative;overflow:hidden}.lp-badge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:translate(-100%);animation:lp-shimmer 3s ease-in-out infinite 2s}@keyframes lp-shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(200%)}}.lp-badge:hover{background:#ffffff17;border-color:#fff3}.lp-badge__dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981;animation:lp-dot-pulse 2s ease-in-out infinite}@keyframes lp-dot-pulse{0%,to{opacity:1;box-shadow:0 0 6px #10b981}50%{opacity:.6;box-shadow:0 0 2px #10b981}}.lp-badge__sep{opacity:.35}.lp-hero__title{display:flex;flex-direction:column;gap:4px;margin:0;font-family:var(--site-font-display);font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.05;letter-spacing:-.03em}.lp-hero__title-plain{color:#ffffffeb}.lp-hero__title-accent{background:linear-gradient(135deg,#a78bfa,#60a5fa 40%,#34d399);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:lp-grad-pan 5s linear infinite}@keyframes lp-grad-pan{0%{background-position:0% center}to{background-position:200% center}}.lp-hero__subtitle{font-size:var(--tokis-font-size-lg);color:#ffffff80;line-height:1.65;max-width:480px;margin:0}.lp-hero__actions{display:flex;gap:var(--tokis-spacing-3);flex-wrap:wrap}.lp-hero__proof{display:flex;align-items:center;gap:var(--tokis-spacing-4);padding-top:var(--tokis-spacing-2)}.lp-hero__avatars{display:flex}.lp-hero__avatars>*+*{margin-left:-8px}.lp-hero__proof-text{display:flex;flex-direction:column;gap:2px}.lp-hero__proof-text span{font-size:var(--tokis-font-size-xs);color:#ffffff73}.lp-hero__right{display:flex;align-items:center;justify-content:center}.lp-hero__cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--tokis-spacing-3);width:100%;max-width:520px;perspective:800px}.lp-hcard{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--tokis-radius-xl);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;will-change:transform}.lp-hcard:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 24px 64px #00000080,0 0 0 1px #ffffff24;border-color:#ffffff29;animation-play-state:paused}.lp-hcard--1{animation:lp-float 5s ease-in-out infinite}.lp-hcard--2{animation:lp-float 5s ease-in-out infinite;animation-delay:-1.5s}.lp-hcard--3{animation:lp-float 5s ease-in-out infinite;animation-delay:-3s}.lp-hcard--4{animation:lp-float 5s ease-in-out infinite;animation-delay:-4.5s}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lp-hcard__chrome{display:flex;align-items:center;gap:var(--tokis-spacing-2);padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff08}.lp-hcard__chrome span{font-size:10px;font-family:var(--site-font-mono);color:#ffffff4d;margin-left:auto}.lp-hcard__dots{display:flex;gap:4px}.lp-hcard__dots span{width:8px;height:8px;border-radius:50%;background:#ffffff26;margin:0}.lp-hcard__dots span:nth-child(1){background:#ef444480}.lp-hcard__dots span:nth-child(2){background:#f59e0b80}.lp-hcard__dots span:nth-child(3){background:#22c55e80}.lp-hcard__body{padding:var(--tokis-spacing-3)}.lp-marquee-section{background:#ffffff05;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:var(--tokis-spacing-3) 0;overflow:hidden;background-color:#08090f}.lp-marquee{display:flex;flex-direction:column;gap:var(--tokis-spacing-2);overflow:hidden}.lp-marquee__track{display:flex;gap:var(--tokis-spacing-6);width:max-content;animation:lp-scroll 28s linear infinite}.lp-marquee__track--rev{animation-direction:reverse;animation-duration:22s}@keyframes lp-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.lp-marquee__item{display:flex;align-items:center;gap:var(--tokis-spacing-2);font-size:12px;font-family:var(--site-font-mono);color:#ffffff59;white-space:nowrap;letter-spacing:.03em}.lp-marquee__dot{width:4px;height:4px;border-radius:50%;background:#a78bfa80;flex-shrink:0}.lp-showcase-scroll{position:relative}.lp-showcase-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden;background:#07090e}.lp-showcase-accent{position:absolute;width:600px;height:600px;border-radius:50%;top:50%;right:-100px;transform:translateY(-50%);opacity:.06;filter:blur(80px);transition:background .7s ease;pointer-events:none}.lp-chapter-nav{position:absolute;right:var(--tokis-spacing-8);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--tokis-spacing-2);z-index:10}.lp-chapter-pip{width:6px;height:6px;border-radius:3px;background:#fff3;transition:width .3s ease,height .3s ease,background .3s ease,border-radius .3s ease}.lp-chapter-pip--active{width:6px;height:24px;background:#ffffffbf;border-radius:3px}.lp-chapter-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--tokis-spacing-12);align-items:center;padding:0 var(--tokis-spacing-16);opacity:0;transform:translateY(32px);pointer-events:none;transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}.lp-chapter-panel--active{opacity:1;transform:translateY(0);pointer-events:auto}.lp-chapter-text{display:flex;flex-direction:column;gap:var(--tokis-spacing-4)}.lp-chapter-num{font-size:11px;font-family:var(--site-font-mono);color:#fff3;letter-spacing:.12em}.lp-eyebrow{font-size:11px;font-family:var(--site-font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--tokis-color-primary)}.lp-chapter-title{font-family:var(--site-font-display);font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.1;letter-spacing:-.025em;color:#ffffffeb;margin:0}.lp-chapter-desc{font-size:var(--tokis-font-size-md);line-height:1.7;color:#ffffff73;max-width:400px;margin:0}.lp-chapter-rule{width:40px;height:3px;border-radius:2px;transition:background .5s ease}.lp-chapter-demo-wrap{display:flex;align-items:center;justify-content:center}.lp-chapter-demo-inner{width:100%;max-width:440px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-top:2px solid var(--chapter-accent, rgba(124, 58, 237, .5));border-radius:var(--tokis-radius-xl);padding:var(--tokis-spacing-6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 32px 80px #0006}.lp-scroll-hint{position:absolute;bottom:var(--tokis-spacing-8);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--tokis-spacing-2);color:#ffffff40;font-size:11px;font-family:var(--site-font-mono);animation:lp-fade-bounce 2s ease-in-out infinite}.lp-scroll-hint__wheel{width:18px;height:28px;border:1px solid rgba(255,255,255,.2);border-radius:10px;position:relative}.lp-scroll-hint__wheel:after{content:"";position:absolute;width:3px;height:6px;background:#fff6;border-radius:2px;top:5px;left:50%;transform:translate(-50%);animation:lp-wheel-scroll 2s ease-in-out infinite}@keyframes lp-wheel-scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(10px)}}@keyframes lp-fade-bounce{0%,to{opacity:.6}50%{opacity:1}}.lp-ts-demo{border-radius:var(--tokis-radius-lg);overflow:hidden;background:#0d1117;border:1px solid rgba(255,255,255,.08)}.lp-ts-demo__bar{display:flex;align-items:center;gap:var(--tokis-spacing-2);padding:8px 14px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.lp-ts-demo__dots{display:flex;gap:5px}.lp-ts-demo__dots span{width:9px;height:9px;border-radius:50%}.lp-ts-demo__dots span:nth-child(1){background:#ff5f57}.lp-ts-demo__dots span:nth-child(2){background:#febc2e}.lp-ts-demo__dots span:nth-child(3){background:#28c840}.lp-ts-demo__file{margin-left:auto;font-size:11px;font-family:var(--site-font-mono);color:#ffffff4d}.lp-ts-demo__body{margin:0;padding:var(--tokis-spacing-4);font-family:var(--site-font-mono);font-size:12px;line-height:1.8;overflow:hidden}.lp-ts-line{display:block;opacity:0;animation:lp-line-in .3s ease both}@keyframes lp-line-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.lp-ts-cursor{display:inline-block;width:2px;height:.9em;background:#a78bfa;vertical-align:text-bottom;margin-left:2px;animation:lp-blink 1s step-end infinite .8s;opacity:0}@keyframes lp-blink{0%,to{opacity:1}50%{opacity:0}}.lp-stats{background:var(--tokis-color-surface);border-top:1px solid var(--tokis-color-border);border-bottom:1px solid var(--tokis-color-border);padding:var(--tokis-spacing-12) var(--tokis-spacing-8)}.lp-stats__inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--tokis-spacing-8)}.lp-stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--tokis-spacing-2)}.lp-stat__num{font-family:var(--site-font-display);font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--tokis-text-primary);line-height:1;letter-spacing:-.04em}.lp-stat__unit{font-size:.55em;font-weight:600;color:var(--tokis-color-primary);vertical-align:super}.lp-stat__label{font-size:var(--tokis-font-size-sm);color:var(--tokis-text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.lp-features{padding:var(--tokis-spacing-24) var(--tokis-spacing-8);max-width:1200px;margin:0 auto}.lp-features__head{text-align:center;max-width:640px;margin:0 auto var(--tokis-spacing-12);display:flex;flex-direction:column;gap:var(--tokis-spacing-4)}.lp-section-title{font-family:var(--site-font-display);font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--tokis-text-primary);line-height:1.15;letter-spacing:-.025em;margin:0}.lp-grad-text{background:linear-gradient(135deg,var(--tokis-color-primary) 0%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-section-sub{font-size:var(--tokis-font-size-md);color:var(--tokis-text-secondary);line-height:1.7;margin:0;text-align:center}.lp-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--tokis-spacing-4)}.lp-bento-card{position:relative;background:var(--tokis-color-surface);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-2xl);padding:var(--tokis-spacing-6);overflow:hidden;cursor:default;transform-style:preserve-3d;transform:perspective(800px) rotateY(var(--tx, 0deg)) rotateX(var(--ty, 0deg));transition:transform .15s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column;gap:var(--tokis-spacing-3)}.lp-bento-card--wide{grid-column:span 3}.lp-bento-card:hover{border-color:color-mix(in srgb,var(--card-accent, var(--tokis-color-primary)) 40%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--card-accent, var(--tokis-color-primary)) 20%,transparent),0 20px 60px #0000001f}.lp-bento-card__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--card-accent, var(--tokis-color-primary)) 8%,transparent),transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.lp-bento-card:hover .lp-bento-card__glow{opacity:1}.lp-bento-card__tag{font-size:10px;font-family:var(--site-font-mono);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.lp-bento-card__title{font-family:var(--site-font-display);font-size:var(--tokis-font-size-xl);font-weight:700;color:var(--tokis-text-primary);margin:0;line-height:1.2}.lp-bento-card__desc{font-size:var(--tokis-font-size-sm);color:var(--tokis-text-secondary);line-height:1.6;margin:0}.lp-code-section{padding:var(--tokis-spacing-24) var(--tokis-spacing-8);background:var(--tokis-color-surface);border-top:1px solid var(--tokis-color-border);border-bottom:1px solid var(--tokis-color-border)}.lp-code-section__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--tokis-spacing-16);align-items:center}.lp-code-section__text{display:flex;flex-direction:column;gap:var(--tokis-spacing-4)}.lp-code-window{border-radius:var(--tokis-radius-xl);overflow:hidden;background:#0d1117;border:1px solid rgba(255,255,255,.08);box-shadow:0 32px 80px #00000059}.lp-code-window__bar{display:flex;align-items:center;gap:var(--tokis-spacing-2);padding:10px 16px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.lp-code-window__dots{display:flex;gap:5px}.lp-code-window__dots span{width:10px;height:10px;border-radius:50%}.lp-code-window__dots span:nth-child(1){background:#ff5f57}.lp-code-window__dots span:nth-child(2){background:#febc2e}.lp-code-window__dots span:nth-child(3){background:#28c840}.lp-code-window__file{margin-left:auto;font-size:11px;font-family:var(--site-font-mono);color:#ffffff4d}.lp-code-window__body{margin:0;padding:var(--tokis-spacing-5);font-family:var(--site-font-mono);font-size:13px;line-height:1.7;color:#ffffffb3;overflow:hidden}.lp-cta{position:relative;overflow:hidden;padding:var(--tokis-spacing-32) var(--tokis-spacing-8);background:#06080f;display:flex;align-items:center;justify-content:center}.lp-cta__glow{position:absolute;width:800px;height:800px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(124,58,237,.15) 0%,transparent 65%);pointer-events:none}.lp-cta__rings{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.lp-cta__ring{position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid rgba(124,58,237,.25);animation:lp-ring-pulse 3s ease-out infinite}.lp-cta__ring:nth-child(2){animation-delay:1s}.lp-cta__ring:nth-child(3){animation-delay:2s}@keyframes lp-ring-pulse{0%{transform:scale(.7);opacity:1}to{transform:scale(2.5);opacity:0}}.lp-cta__inner{position:relative;z-index:1;text-align:center;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:var(--tokis-spacing-6)}.lp-cta__title{font-family:var(--site-font-display);font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;color:#ffffffeb;line-height:1.1;letter-spacing:-.03em;margin:0}.lp-cta__desc{font-size:var(--tokis-font-size-md);color:#ffffff73;line-height:1.7;margin:0}.lp-cta__install{display:flex;align-items:center;gap:var(--tokis-spacing-3);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--tokis-radius-lg);padding:var(--tokis-spacing-3) var(--tokis-spacing-5)}.lp-cta__cmd{font-family:var(--site-font-mono);font-size:var(--tokis-font-size-sm);color:#ffffffa6}@media(max-width:1024px){.lp-hero__inner{grid-template-columns:1fr;text-align:center}.lp-hero__left{align-items:center}.lp-hero__right{display:none}.lp-chapter-panel{grid-template-columns:1fr;padding:0 var(--tokis-spacing-8);gap:var(--tokis-spacing-6);overflow-y:auto}.lp-chapter-demo-wrap{display:none}.lp-bento{grid-template-columns:1fr 1fr}.lp-bento-card--wide{grid-column:span 2}.lp-code-section__inner{grid-template-columns:1fr}.lp-stats__inner{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.lp-hero__title{font-size:2.6rem}.lp-bento{grid-template-columns:1fr}.lp-bento-card--wide{grid-column:span 1}.lp-stats__inner{grid-template-columns:repeat(2,1fr)}.lp-chapter-nav{display:none}}@media(prefers-reduced-motion:reduce){.lp-hero__grid,.lp-hero__glow-1,.lp-hero__glow-2,.lp-hero__glow-3,.lp-hcard--1,.lp-hcard--2,.lp-hcard--3,.lp-hcard--4,.lp-badge:after,.lp-badge__dot,.lp-hero__title-accent,.lp-marquee__track,.lp-scroll-hint,.lp-scroll-hint__wheel:after,.lp-ts-line,.lp-ts-cursor,.lp-cta__ring{animation:none}.lp-chapter-panel{transition:opacity .2s ease}}:root{--site-toc-width: 220px}.site-docs-content{margin-right:var(--site-toc-width)}.site-toc{position:fixed;top:calc(var(--site-nav-height) + var(--site-docs-bar-height));right:0;width:var(--site-toc-width);height:calc(100vh - var(--site-nav-height) - var(--site-docs-bar-height));overflow-y:auto;padding:var(--tokis-spacing-8) var(--tokis-spacing-5) var(--tokis-spacing-8) var(--tokis-spacing-4);border-left:1px solid var(--tokis-color-border);background:var(--tokis-color-background);scrollbar-width:thin;scrollbar-color:var(--tokis-color-border) transparent}.site-toc__title{font-size:10.5px;font-weight:var(--tokis-font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--tokis-text-tertiary);margin:0 0 var(--tokis-spacing-3)}.site-toc__list{list-style:none;margin:0;padding:0}.site-toc__item{margin-bottom:2px}.site-toc__item--h3{padding-left:var(--tokis-spacing-3)}.site-toc__link{display:block;padding:3px var(--tokis-spacing-2);border-radius:var(--tokis-radius-sm);text-decoration:none;font-size:12px;color:var(--tokis-text-tertiary);line-height:1.4;transition:color var(--tokis-duration-fast) var(--tokis-ease-out),background var(--tokis-duration-fast) var(--tokis-ease-out);border-left:2px solid transparent}.site-toc__link:hover{color:var(--tokis-text-primary);background:var(--tokis-color-surface)}.site-toc__item--active .site-toc__link{color:var(--tokis-color-primary);border-left-color:var(--tokis-color-primary);font-weight:var(--tokis-font-weight-medium)}.site-navbar__search-btn{display:flex;align-items:center;gap:var(--tokis-spacing-2);padding:5px var(--tokis-spacing-3);border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-md);background:var(--tokis-color-surface);color:var(--tokis-text-tertiary);font-size:13px;font-family:var(--tokis-font-family);cursor:pointer;transition:all var(--tokis-duration-fast) var(--tokis-ease-out);min-width:160px}.site-navbar__search-btn:hover{border-color:var(--tokis-color-primary);color:var(--tokis-text-secondary);background:var(--tokis-color-background)}.site-navbar__search-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--tokis-color-focus-ring)}.site-navbar__search-text{flex:1;text-align:left}.docs-search__kbd{display:flex;gap:2px;flex-shrink:0}.docs-search__kbd kbd,.docs-search-footer kbd{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;border:1px solid var(--tokis-color-border);border-radius:4px;background:var(--tokis-color-surface);font-size:11px;font-family:var(--site-font-mono);color:var(--tokis-text-tertiary);line-height:1.4}.docs-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:80px;padding:80px var(--tokis-spacing-4) var(--tokis-spacing-4)}[data-theme=dark] .docs-search-overlay{background:#000000b3}.docs-search-modal{width:100%;max-width:580px;border-radius:var(--tokis-radius-xl);background:var(--tokis-color-background);border:1px solid var(--tokis-color-border);box-shadow:var(--tokis-shadow-xl);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 120px)}.docs-search-input-wrap{display:flex;align-items:center;gap:var(--tokis-spacing-3);padding:var(--tokis-spacing-4) var(--tokis-spacing-4);border-bottom:1px solid var(--tokis-color-border)}.docs-search-input-icon{color:var(--tokis-text-tertiary);flex-shrink:0;display:flex;align-items:center}.docs-search-input{flex:1;border:none;background:transparent;color:var(--tokis-text-primary);font-size:var(--tokis-font-size-md);font-family:var(--tokis-font-family);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.docs-search-input::placeholder{color:var(--tokis-text-tertiary)}.docs-search-input::-webkit-search-cancel-button{display:none}.docs-search-close{border:none;background:transparent;cursor:pointer;color:var(--tokis-text-tertiary);padding:0}.docs-search-close kbd{display:inline-flex;align-items:center;padding:2px 6px;border:1px solid var(--tokis-color-border);border-radius:var(--tokis-radius-sm);font-size:11px;font-family:var(--site-font-mono);background:var(--tokis-color-surface);cursor:pointer;color:var(--tokis-text-tertiary)}.docs-search-results{list-style:none;margin:0;padding:var(--tokis-spacing-2) 0;overflow-y:auto;flex:1}.docs-search-section-label{padding:var(--tokis-spacing-2) var(--tokis-spacing-4) 2px;font-size:10.5px;font-weight:var(--tokis-font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--tokis-text-tertiary);margin-top:var(--tokis-spacing-2)}.docs-search-result{display:flex;align-items:center;justify-content:space-between;padding:var(--tokis-spacing-2) var(--tokis-spacing-4);cursor:pointer;transition:background var(--tokis-duration-fast) var(--tokis-ease-out)}.docs-search-result--active,.docs-search-result:hover{background:var(--tokis-color-primary-subtle)}.docs-search-result-label{font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-medium);color:var(--tokis-text-primary)}.docs-search-result--active .docs-search-result-label{color:var(--tokis-color-primary)}.docs-search-result-path{font-size:11px;color:var(--tokis-text-tertiary);font-family:var(--site-font-mono)}.docs-search-empty{padding:var(--tokis-spacing-6) var(--tokis-spacing-4);color:var(--tokis-text-tertiary);font-size:var(--tokis-font-size-sm);font-style:italic;text-align:center}.docs-search-footer{display:flex;gap:var(--tokis-spacing-4);padding:var(--tokis-spacing-3) var(--tokis-spacing-4);border-top:1px solid var(--tokis-color-border);background:var(--tokis-color-surface);font-size:11px;color:var(--tokis-text-tertiary)}.docs-search-footer span{display:flex;align-items:center;gap:4px}.site-sidebar__label--link{text-decoration:none;color:inherit;display:block;padding:0;margin-bottom:0}.site-sidebar__label--link:hover,.site-sidebar__section-toggle--active .site-sidebar__label--link{color:var(--tokis-color-primary)}.about-tabs{display:flex;gap:var(--tokis-spacing-2);margin-top:var(--tokis-spacing-8);justify-content:center}.about-tab{padding:var(--tokis-spacing-2) var(--tokis-spacing-5);border-radius:var(--tokis-radius-full);border:1px solid var(--tokis-color-border);background:transparent;color:var(--tokis-text-secondary);font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-medium);font-family:var(--tokis-font-family);cursor:pointer;transition:all var(--tokis-duration-fast) var(--tokis-ease-out)}.about-tab:hover{background:var(--tokis-color-surface);color:var(--tokis-text-primary)}.about-tab--active{background:var(--tokis-color-primary);border-color:var(--tokis-color-primary);color:#fff}.about-tab--active:hover{background:var(--tokis-color-primary-hover);color:#fff}.general-analogy-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--tokis-spacing-4);margin-top:var(--tokis-spacing-6)}.general-analogy-card{padding:var(--tokis-spacing-5);border-radius:var(--tokis-radius-lg);border:1px solid var(--tokis-color-border);background:var(--tokis-color-surface)}.general-analogy-icon{font-size:28px;display:block;margin-bottom:var(--tokis-spacing-3)}.general-analogy-title{font-size:var(--tokis-font-size-md);font-weight:var(--tokis-font-weight-semibold);color:var(--tokis-text-primary);margin:0 0 var(--tokis-spacing-2)}.general-analogy-desc{font-size:var(--tokis-font-size-sm);color:var(--tokis-text-secondary);line-height:var(--tokis-line-height-relaxed);margin:0}.general-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--tokis-spacing-4);margin-top:var(--tokis-spacing-6)}.general-comparison-card{padding:var(--tokis-spacing-5);border-radius:var(--tokis-radius-lg);border:1px solid var(--tokis-color-border);background:var(--tokis-color-surface);position:relative}.general-comparison-card--highlight{border-color:var(--tokis-color-primary);background:var(--tokis-color-primary-subtle)}.general-comparison-badge{position:absolute;top:-10px;left:var(--tokis-spacing-4);padding:2px var(--tokis-spacing-3);background:var(--tokis-color-primary);color:#fff;font-size:11px;font-weight:var(--tokis-font-weight-semibold);border-radius:var(--tokis-radius-full)}.general-comparison-title{font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-semibold);color:var(--tokis-text-primary);margin:0 0 var(--tokis-spacing-3)}.general-comparison-lists{display:flex;flex-direction:column;gap:var(--tokis-spacing-2)}.general-comparison-pros,.general-comparison-cons{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.general-comparison-pros li,.general-comparison-cons li{display:flex;gap:var(--tokis-spacing-2);font-size:12px;line-height:1.5}.general-comparison-pros li span{color:var(--tokis-color-success);font-weight:700}.general-comparison-cons li span{color:var(--tokis-text-tertiary)}.general-perf-stats{margin-top:var(--tokis-spacing-6);border-radius:var(--tokis-radius-lg);overflow:hidden;border:1px solid var(--tokis-color-border)}.general-perf-row{display:grid;grid-template-columns:1fr auto auto;gap:var(--tokis-spacing-6);padding:var(--tokis-spacing-3) var(--tokis-spacing-5);font-size:var(--tokis-font-size-sm);border-bottom:1px solid var(--tokis-color-border);align-items:center}.general-perf-row:last-child{border-bottom:none}.general-perf-label{color:var(--tokis-text-secondary)}.general-perf-tokis{color:var(--tokis-color-success);font-weight:var(--tokis-font-weight-semibold);font-family:var(--site-font-mono);font-size:12px}.general-perf-others{color:var(--tokis-text-tertiary);font-family:var(--site-font-mono);font-size:12px}.section-pkg-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--tokis-spacing-4);margin-top:var(--tokis-spacing-4)}.section-pkg-row{display:flex;flex-direction:column;gap:var(--tokis-spacing-3);margin-top:var(--tokis-spacing-3);margin-bottom:var(--tokis-spacing-5)}.section-pkg-badge-row{display:flex;align-items:center;gap:var(--tokis-spacing-3);flex-wrap:wrap}.section-pkg-name{font-family:var(--site-font-mono);font-size:var(--tokis-font-size-sm);color:var(--tokis-color-primary);background:var(--tokis-color-primary-subtle);padding:2px 8px;border-radius:var(--tokis-radius-sm)}.section-pkg-desc{font-size:var(--tokis-font-size-sm);color:var(--tokis-text-secondary);margin:var(--tokis-spacing-2) 0 0;line-height:var(--tokis-line-height-relaxed)}.section-pkg-recommended{position:absolute;top:-10px;left:var(--tokis-spacing-4);font-size:11px;font-weight:var(--tokis-font-weight-semibold);color:#fff;background:var(--tokis-color-primary);padding:1px var(--tokis-spacing-3);border-radius:var(--tokis-radius-full)}.section-nav-cards{display:flex;flex-direction:column;gap:var(--tokis-spacing-2);margin-top:var(--tokis-spacing-4)}.section-nav-card{width:100%;padding:var(--tokis-spacing-4) var(--tokis-spacing-4)!important;text-align:left;border:1px solid var(--tokis-color-border)!important;border-radius:var(--tokis-radius-lg)!important;justify-content:flex-start!important;height:auto!important;min-height:unset!important;background:var(--tokis-color-surface)!important}.section-nav-card:hover{border-color:var(--tokis-color-primary)!important;background:var(--tokis-color-primary-subtle)!important}.section-nav-card__label{font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-semibold);color:var(--tokis-text-primary);margin-bottom:2px}.section-nav-card__desc{font-size:12px;color:var(--tokis-text-tertiary);line-height:1.5}.section-component-list{display:flex;flex-direction:column;gap:var(--tokis-spacing-2);margin-top:var(--tokis-spacing-4)}.section-token-layers{display:grid;grid-template-columns:1fr 1fr;gap:var(--tokis-spacing-4);margin-top:var(--tokis-spacing-4)}.section-token-layer__title{font-size:var(--tokis-font-size-sm);font-weight:var(--tokis-font-weight-semibold);color:var(--tokis-text-primary);margin:0 0 var(--tokis-spacing-2)}.section-token-layer__desc{font-size:12px;color:var(--tokis-text-secondary);margin:0 0 var(--tokis-spacing-3);line-height:1.5}.section-keyboard-table{margin-top:var(--tokis-spacing-4);border-radius:var(--tokis-radius-lg);overflow:hidden;border:1px solid var(--tokis-color-border)}.section-keyboard-row{display:grid;grid-template-columns:140px 1fr;gap:var(--tokis-spacing-4);padding:var(--tokis-spacing-3) var(--tokis-spacing-4);font-size:var(--tokis-font-size-sm);border-bottom:1px solid var(--tokis-color-border);align-items:center}.section-keyboard-row:last-child{border-bottom:none}.section-keyboard-row code{color:var(--tokis-color-primary);font-size:12px}.section-keyboard-row span{color:var(--tokis-text-secondary)}.faq-page{min-height:100vh}.faq-hero{padding:var(--tokis-spacing-20) var(--tokis-spacing-6) var(--tokis-spacing-12);text-align:center;background:var(--site-hero-gradient)}.faq-hero__inner{max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--tokis-spacing-4)}.faq-hero__title{font-size:clamp(var(--tokis-font-size-3xl),5vw,var(--tokis-font-size-4xl));font-family:var(--site-font-display);font-weight:700;color:var(--tokis-text-primary);margin:0;line-height:1.1}.faq-hero__subtitle{font-size:var(--tokis-font-size-md);color:var(--tokis-text-secondary);line-height:var(--tokis-line-height-relaxed);margin:0;max-width:480px}.faq-body{max-width:720px;margin:0 auto;padding:var(--tokis-spacing-10) var(--tokis-spacing-6) var(--tokis-spacing-20)}.faq-categories{display:flex;gap:var(--tokis-spacing-2);flex-wrap:wrap;margin-bottom:var(--tokis-spacing-8)}.faq-category-btn{padding:var(--tokis-spacing-1) var(--tokis-spacing-4);border-radius:var(--tokis-radius-full);border:1px solid var(--tokis-color-border);background:transparent;color:var(--tokis-text-secondary);font-size:var(--tokis-font-size-sm);font-family:var(--tokis-font-family);cursor:pointer;transition:all var(--tokis-duration-fast) var(--tokis-ease-out)}.faq-category-btn:hover{background:var(--tokis-color-surface);color:var(--tokis-text-primary)}.faq-category-btn--active{background:var(--tokis-color-primary);border-color:var(--tokis-color-primary);color:#fff}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--tokis-color-border)}.faq-item:first-child{border-top:1px solid var(--tokis-color-border)}.faq-item__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--tokis-spacing-4);width:100%;padding:var(--tokis-spacing-5) 0;background:none;border:none;cursor:pointer;text-align:left;color:var(--tokis-text-primary);font-family:var(--tokis-font-family)}.faq-item__trigger:focus-visible{outline:2px solid var(--tokis-color-focus-ring);outline-offset:2px;border-radius:var(--tokis-radius-sm)}.faq-item__q{font-size:var(--tokis-font-size-md);font-weight:var(--tokis-font-weight-semibold);line-height:1.4;flex:1}.faq-item--open .faq-item__q{color:var(--tokis-color-primary)}.faq-item__icon{font-size:20px;color:var(--tokis-text-tertiary);flex-shrink:0;width:24px;text-align:center;line-height:1}.faq-item__answer{padding:0 0 var(--tokis-spacing-5);color:var(--tokis-text-secondary);font-size:var(--tokis-font-size-sm);line-height:var(--tokis-line-height-relaxed)}.faq-item__answer p{margin:0 0 var(--tokis-spacing-3)}.faq-item__answer p:last-child{margin-bottom:0}.faq-item__answer ul{margin:var(--tokis-spacing-2) 0;padding-left:var(--tokis-spacing-5)}.faq-item__answer li{margin-bottom:var(--tokis-spacing-2)}.faq-item__answer a{color:var(--tokis-color-primary);text-decoration:none}.faq-item__answer a:hover{text-decoration:underline}.faq-item__answer code{font-family:var(--site-font-mono);font-size:12px;background:var(--tokis-color-surface);border:1px solid var(--tokis-color-border);padding:1px 5px;border-radius:3px;color:var(--tokis-color-primary)}@media(max-width:1280px){.site-toc{display:none}.site-docs-content{margin-right:0}}@media(max-width:900px){.site-navbar__search-btn{min-width:40px}.site-navbar__search-text,.docs-search__kbd{display:none}.general-analogy-grid,.general-comparison-grid,.section-pkg-grid,.section-token-layers{grid-template-columns:1fr}.general-perf-row{grid-template-columns:1fr 1fr}.general-perf-others{display:none}}.site-navbar__hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--tokis-text-primary);cursor:pointer;border-radius:var(--tokis-radius-md);transition:background var(--tokis-duration-fast) var(--tokis-ease-out);flex-shrink:0}.site-navbar__hamburger:hover{background:var(--tokis-color-surface)}.site-navbar__hamburger:focus-visible{outline:none;box-shadow:0 0 0 3px var(--tokis-color-focus-ring)}.mobile-nav-backdrop,.mobile-nav{display:none}@media(max-width:640px){.site-navbar__hamburger{display:flex}.mobile-nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;top:var(--site-nav-height);background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:998;opacity:0;pointer-events:none;transition:opacity .22s ease}.mobile-nav--open~.mobile-nav-backdrop,.mobile-nav-backdrop:has(+.mobile-nav--open){opacity:1;pointer-events:auto}.mobile-nav-backdrop{opacity:1;pointer-events:auto}.mobile-nav{display:flex;flex-direction:column;position:fixed;top:var(--site-nav-height);left:0;right:0;background:var(--tokis-color-background);border-bottom:1px solid var(--tokis-color-border);z-index:999;transform:translateY(-8px);opacity:0;pointer-events:none;transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .18s ease;padding:var(--tokis-spacing-4) var(--tokis-spacing-4) var(--tokis-spacing-6);gap:0;box-shadow:0 8px 32px #0000001f}.mobile-nav--open{transform:translateY(0);opacity:1;pointer-events:auto}}.mobile-nav__links{display:flex;flex-direction:column;gap:2px}.mobile-nav__link{display:flex;align-items:center;padding:var(--tokis-spacing-3) var(--tokis-spacing-3);border-radius:var(--tokis-radius-md);text-decoration:none;font-size:var(--tokis-font-size-md);font-weight:var(--tokis-font-weight-medium);color:var(--tokis-text-secondary);transition:background var(--tokis-duration-fast) var(--tokis-ease-out),color var(--tokis-duration-fast) var(--tokis-ease-out)}.mobile-nav__link:hover{background:var(--tokis-color-surface);color:var(--tokis-text-primary)}.mobile-nav__link--active{background:var(--tokis-color-primary-subtle);color:var(--tokis-color-primary);font-weight:var(--tokis-font-weight-semibold)}.mobile-nav__footer{display:flex;gap:var(--tokis-spacing-3);padding-top:var(--tokis-spacing-4);margin-top:var(--tokis-spacing-3);border-top:1px solid var(--tokis-color-border)}.mobile-nav__theme-btn,.mobile-nav__github{display:flex;align-items:center;gap:var(--tokis-spacing-2);padding:var(--tokis-spacing-2) var(--tokis-spacing-3);border-radius:var(--tokis-radius-md);border:1px solid var(--tokis-color-border);background:transparent;font-size:var(--tokis-font-size-sm);font-family:var(--tokis-font-family);color:var(--tokis-text-secondary);text-decoration:none;cursor:pointer;transition:background var(--tokis-duration-fast) var(--tokis-ease-out)}.mobile-nav__theme-btn:hover,.mobile-nav__github:hover{background:var(--tokis-color-surface);color:var(--tokis-text-primary)}.about-section__desc{max-width:none}.about-section__inner>*+*{margin-top:var(--tokis-spacing-6)}.about-section__inner>.features__eyebrow+*{margin-top:var(--tokis-spacing-3)}.about-section__inner>.about-section__title+.about-section__desc{margin-top:var(--tokis-spacing-4)}.about-section__inner>.tokis-codeblock+.tokis-codeblock{margin-top:var(--tokis-spacing-3)}.about-section__inner>.tokis-codeblock+p,.about-section__inner>.tokis-codeblock+.about-section__desc{margin-top:var(--tokis-spacing-6)}.about-section__inner>.about-section__desc{margin-bottom:0}.about-section__inner .tokis-codeblock{width:100%}.about-hero{padding:clamp(var(--tokis-spacing-12),8vw,var(--tokis-spacing-20)) var(--tokis-spacing-6)}.about-hero__title{font-size:clamp(2rem,5vw,3rem)}.about-hero__subtitle{font-size:clamp(var(--tokis-font-size-md),2vw,var(--tokis-font-size-lg))}.about-section{padding:clamp(var(--tokis-spacing-10),6vw,var(--tokis-spacing-20)) var(--tokis-spacing-6)}.about-section__inner{padding:0 var(--tokis-spacing-2)}.about-section__title{font-size:clamp(1.5rem,3.5vw,2rem)}.about-tabs{flex-wrap:wrap;gap:var(--tokis-spacing-2)}@media(max-width:640px){.general-analogy-grid,.general-comparison-grid{grid-template-columns:1fr}.general-perf-row{grid-template-columns:1fr auto}.general-perf-others{display:none}}@media(max-width:768px){.roadmap-grid{grid-template-columns:1fr}}@media(max-width:640px){.comparison-table th:nth-child(3),.comparison-table td:nth-child(3),.comparison-table th:nth-child(4),.comparison-table td:nth-child(4),.comparison-table th:nth-child(5),.comparison-table td:nth-child(5){display:none}}.faq-body{padding:var(--tokis-spacing-8) var(--tokis-spacing-5) var(--tokis-spacing-16)}@media(max-width:640px){.section-pkg-grid,.section-token-layers{grid-template-columns:1fr}.section-keyboard-row{grid-template-columns:1fr;gap:var(--tokis-spacing-1)}.section-keyboard-row code{margin-bottom:2px}}@media(max-width:1023px){.site-docs-content{padding:var(--tokis-spacing-8) var(--tokis-spacing-6) var(--tokis-spacing-16)}}@media(max-width:640px){.site-docs-content{padding:var(--tokis-spacing-6) var(--tokis-spacing-4) var(--tokis-spacing-16)}.doc-page__title{font-size:1.75rem}.doc-page__desc{font-size:var(--tokis-font-size-sm)}.comp-preview__demo{padding:var(--tokis-spacing-6) var(--tokis-spacing-4)}}.docs-bar{position:fixed;top:var(--site-nav-height);left:0;right:0;z-index:45;height:var(--site-docs-bar-height);display:flex;align-items:center;gap:var(--tokis-spacing-3);padding:0 var(--tokis-spacing-4);background:#fffffff0;backdrop-filter:blur(14px) saturate(1.6);-webkit-backdrop-filter:blur(14px) saturate(1.6);border-bottom:1px solid var(--tokis-color-border)}.docs-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;opacity:.03;mix-blend-mode:multiply}[data-theme=dark] .docs-bar{background:#0a0e1af0}[data-theme=dark] .docs-bar:after{mix-blend-mode:screen;opacity:.05}.docs-bar__toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:var(--tokis-radius-sm);background:none;border:1px solid transparent;cursor:pointer;color:var(--tokis-color-text-secondary);transition:background .15s ease,color .15s ease,border-color .15s ease}.docs-bar__toggle:hover{background:var(--tokis-color-surface);border-color:var(--tokis-color-border);color:var(--tokis-color-text)}.docs-bar__toggle:focus-visible{outline:2px solid var(--tokis-color-primary);outline-offset:2px}.docs-bar__breadcrumbs{display:flex;align-items:center;gap:6px;font-size:var(--tokis-font-size-sm);min-width:0;overflow:hidden}.docs-bar__sep{color:var(--tokis-color-text-secondary);opacity:.4;flex-shrink:0;font-size:11px}.docs-bar__crumb{white-space:nowrap}.docs-bar__crumb--root,.docs-bar__crumb--section{color:var(--tokis-color-text-secondary);flex-shrink:0}.docs-bar__crumb--page{color:var(--tokis-color-text);font-weight:600;overflow:hidden;text-overflow:ellipsis;min-width:0}@media(max-width:640px){.docs-bar__crumb--root,.docs-bar__sep--section{display:none}}@media(max-width:400px){.docs-bar__crumb--section,.docs-bar__sep--page{display:none}}@media(min-width:1024px){.site-docs-layout--sidebar-closed .site-sidebar{transform:translate(-100%);visibility:hidden;transition:transform .26s cubic-bezier(.4,0,.2,1),visibility 0s linear .26s}.site-docs-layout--sidebar-closed .site-docs-content{margin-left:0}}@media(max-width:1023px){.site-sidebar.site-sidebar--open{display:flex!important;flex-direction:column;position:fixed;top:calc(var(--site-nav-height) + var(--site-docs-bar-height));left:0;bottom:0;width:min(300px,85vw);z-index:1200;overflow-y:auto;box-shadow:inset -1px 0 0 var(--tokis-color-border);animation:sidebarSlideIn .22s cubic-bezier(.22,1,.36,1)}}@keyframes sidebarSlideIn{0%{transform:translate(-100%);opacity:.5}to{transform:translate(0);opacity:1}}.site-sidebar__mobile-header,.docs-sidebar-backdrop{display:none}@media(max-width:1023px){.docs-sidebar-backdrop--visible{display:block;position:fixed;top:calc(var(--site-nav-height) + var(--site-docs-bar-height));left:0;right:0;bottom:0;z-index:1199;background:#00000073;animation:backdropIn .18s ease}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}