npm - @trembus/ui - Versions diffs - 0.1.0 - Mend

@trembus/ui 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/styles.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer tcl.reset,tcl.tokens,tcl.base,tcl.components,tcl.materials,tcl.utilities;@layer tcl.reset{*,*:before,*:after{box-sizing:border-box}}@layer tcl.tokens{:root{--tcl-space-0: 0;--tcl-space-1: 2px;--tcl-space-2: 4px;--tcl-space-3: 8px;--tcl-space-4: 12px;--tcl-space-5: 16px;--tcl-space-6: 24px;--tcl-space-7: 32px;--tcl-space-8: 48px;--tcl-radius-none: 0;--tcl-radius-sm: 4px;--tcl-radius-md: 5px;--tcl-radius-lg: 10px;--tcl-radius-full: 9999px;--tcl-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif;--tcl-font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--tcl-font-display: "Cinzel", "Optima", "Palatino Linotype", "Palatino", "Book Antiqua", Georgia, "Times New Roman", serif;--tcl-text-xs: 11px;--tcl-text-sm: 12px;--tcl-text-base: 14px;--tcl-text-md: 16px;--tcl-text-lg: 20px;--tcl-text-xl: 28px;--tcl-leading-tight: 1.2;--tcl-leading-normal: 1.5;--tcl-weight-regular: 400;--tcl-weight-medium: 500;--tcl-weight-semibold: 600;--tcl-weight-bold: 700;--tcl-tracking-wide: .06em;--tcl-tracking-caps: .14em;--tcl-ease-calm: cubic-bezier(.22, .61, .36, 1);--tcl-ease-exit: cubic-bezier(.4, 0, 1, 1);--tcl-dur-fast: .12s;--tcl-dur-base: .2s;--tcl-dur-slow: .32s;--tcl-z-base: 0;--tcl-z-dropdown: 1000;--tcl-z-sticky: 1100;--tcl-z-overlay: 1200;--tcl-z-modal: 1300;--tcl-z-toast: 1400;--tcl-z-tooltip: 1500}:root,[data-theme=light]{--tcl-bg: #ffffff;--tcl-surface: #f7f7f6;--tcl-surface-raised: #ffffff;--tcl-surface-sunken: #efeeea;--tcl-surface-hover: #f0efec;--tcl-overlay: rgba(20, 20, 18, .45);--tcl-border: #e6e4df;--tcl-border-soft: #efeeea;--tcl-border-strong: #d4d1c9;--tcl-text: #1a1a18;--tcl-text-dim: #6b6b66;--tcl-text-faint: #9a9a94;--tcl-accent: #d4af37;--tcl-accent-hover: #c2a030;--tcl-accent-active: #ab8c24;--tcl-accent-fg: #1a1a18;--tcl-focus-ring: #946f1c;--tcl-status-success: #1a7f37;--tcl-status-success-bg: #e8f5ec;--tcl-status-success-fg: #ffffff;--tcl-status-info: #0969da;--tcl-status-info-bg: #ddf4ff;--tcl-status-info-fg: #ffffff;--tcl-status-warning: #9a6700;--tcl-status-warning-bg: #fff8e6;--tcl-status-warning-fg: #ffffff;--tcl-status-danger: #cf222e;--tcl-status-danger-bg: #ffebe9;--tcl-status-danger-fg: #ffffff;--tcl-status-neutral: #6b6b66;--tcl-status-neutral-bg: #f0efec;--tcl-status-neutral-fg: #ffffff;--tcl-elevation-0: none;--tcl-elevation-1: 0 1px 2px rgba(20, 20, 18, .06), 0 1px 3px rgba(20, 20, 18, .1);--tcl-elevation-2: 0 4px 12px rgba(20, 20, 18, .1), 0 2px 4px rgba(20, 20, 18, .06);--tcl-elevation-3: 0 12px 32px rgba(20, 20, 18, .16), 0 4px 8px rgba(20, 20, 18, .08)}}@layer tcl.tokens{[data-theme=dark]{--tcl-bg: #0a0d12;--tcl-surface: #1c2128;--tcl-surface-raised: #232a32;--tcl-surface-sunken: #14181e;--tcl-surface-hover: #232a32;--tcl-overlay: rgba(5, 7, 10, .66);--tcl-border: #2a3038;--tcl-border-soft: #1f242c;--tcl-border-strong: #3a4350;--tcl-text: #e6edf3;--tcl-text-dim: #8b949e;--tcl-text-faint: #5a6371;--tcl-accent: #d4af37;--tcl-accent-hover: #e2c456;--tcl-accent-active: #c5a230;--tcl-accent-fg: #0a0d12;--tcl-focus-ring: #d4af37;--tcl-status-success: #88ff44;--tcl-status-success-bg: rgba(136, 255, 68, .12);--tcl-status-success-fg: #0a0d12;--tcl-status-info: #44ddff;--tcl-status-info-bg: rgba(68, 221, 255, .12);--tcl-status-info-fg: #0a0d12;--tcl-status-warning: #ff8855;--tcl-status-warning-bg: rgba(255, 136, 85, .12);--tcl-status-warning-fg: #0a0d12;--tcl-status-danger: #ff4444;--tcl-status-danger-bg: rgba(255, 68, 68, .12);--tcl-status-danger-fg: #0a0d12;--tcl-status-neutral: #8b949e;--tcl-status-neutral-bg: rgba(139, 148, 158, .12);--tcl-status-neutral-fg: #0a0d12;--tcl-elevation-0: none;--tcl-elevation-1: 0 1px 2px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .02);--tcl-elevation-2: 0 8px 24px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .03);--tcl-elevation-3: 0 16px 48px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .04)}}@layer tcl.tokens{[data-theme=reliquary]{--tcl-bg: #0c0708;--tcl-surface: #1a1012;--tcl-surface-raised: #241619;--tcl-surface-sunken: #120a0c;--tcl-surface-hover: #241619;--tcl-overlay: rgba(6, 3, 4, .7);--tcl-border: #3a2226;--tcl-border-soft: #24171a;--tcl-border-strong: #5a3036;--tcl-text: #f0e6e6;--tcl-text-dim: #b8a3a3;--tcl-text-faint: #7a6668;--tcl-accent: #b4242c;--tcl-accent-hover: #c92d35;--tcl-accent-active: #9a1d24;--tcl-accent-fg: #fdecec;--tcl-focus-ring: #ff5a5f;--tcl-status-success: #88ff44;--tcl-status-success-bg: rgba(136, 255, 68, .12);--tcl-status-success-fg: #0c0708;--tcl-status-info: #44ddff;--tcl-status-info-bg: rgba(68, 221, 255, .12);--tcl-status-info-fg: #0c0708;--tcl-status-warning: #ff8855;--tcl-status-warning-bg: rgba(255, 136, 85, .12);--tcl-status-warning-fg: #0c0708;--tcl-status-danger: #ff4444;--tcl-status-danger-bg: rgba(255, 68, 68, .12);--tcl-status-danger-fg: #0c0708;--tcl-status-neutral: #b09a9a;--tcl-status-neutral-bg: rgba(176, 154, 154, .12);--tcl-status-neutral-fg: #0c0708;--tcl-elevation-0: none;--tcl-elevation-1: 0 1px 2px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .02);--tcl-elevation-2: 0 8px 24px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .03);--tcl-elevation-3: 0 16px 48px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .04)}}@layer tcl.materials{:root{--tcl-mat-specular: #ffffff;--tcl-mat-shade: #000000;--tcl-mat-accent: var(--tcl-accent);--tcl-mat-tint: var(--tcl-surface-raised);--tcl-mat-tint-amount: 62%;--tcl-mat-blur: 14px;--tcl-mat-saturate: 1.5;--tcl-mat-rim: 55%;--tcl-mat-edge: 24%;--tcl-mat-elevation: 0 10px 30px -6px var(--tcl-overlay);--tcl-mat-radius: var(--tcl-radius-lg)}[data-material=glass]{border-radius:var(--tcl-mat-radius);background:color-mix(in oklab,var(--tcl-mat-tint) var(--tcl-mat-tint-amount),transparent);-webkit-backdrop-filter:blur(var(--tcl-mat-blur)) saturate(var(--tcl-mat-saturate));backdrop-filter:blur(var(--tcl-mat-blur)) saturate(var(--tcl-mat-saturate));border:1px solid color-mix(in oklab,var(--tcl-mat-specular) var(--tcl-mat-edge),transparent);box-shadow:inset 0 1px color-mix(in oklab,var(--tcl-mat-specular) var(--tcl-mat-rim),transparent),var(--tcl-mat-elevation);color:var(--tcl-text)}[data-theme=dark] [data-material=glass],[data-theme=reliquary] [data-material=glass]{--tcl-mat-tint-amount: 50%;--tcl-mat-rim: 22%;--tcl-mat-edge: 16%}[data-material=cyber]{--tcl-mat-chamfer: 10px;border-radius:0;background:repeating-linear-gradient(0deg,transparent 0 2px,color-mix(in oklab,var(--tcl-mat-specular) 4%,transparent) 2px 3px),repeating-linear-gradient(115deg,transparent 0 5px,color-mix(in oklab,var(--tcl-mat-specular) 3%,transparent) 5px 6px),color-mix(in oklab,var(--tcl-mat-accent) 12%,var(--tcl-surface-sunken));clip-path:polygon(var(--tcl-mat-chamfer) 0,100% 0,100% calc(100% - var(--tcl-mat-chamfer)),calc(100% - var(--tcl-mat-chamfer)) 100%,0 100%,0 var(--tcl-mat-chamfer));box-shadow:inset 0 0 18px -4px color-mix(in oklab,var(--tcl-mat-accent) 45%,transparent);filter:drop-shadow(0 0 1px color-mix(in oklab,var(--tcl-mat-accent) 85%,transparent)) drop-shadow(0 0 9px color-mix(in oklab,var(--tcl-mat-accent) 45%,transparent));color:var(--tcl-text)}[data-material=felt]{border-radius:var(--tcl-mat-radius);background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='0.6'/></svg>");background-size:140px 140px;background-color:color-mix(in oklab,var(--tcl-mat-accent) 16%,var(--tcl-surface));background-blend-mode:soft-light;box-shadow:inset 0 1px color-mix(in oklab,var(--tcl-mat-specular) 12%,transparent),inset 0 -10px 18px -10px color-mix(in oklab,var(--tcl-mat-shade) 22%,transparent);color:var(--tcl-text)}[data-material=relic]{border-radius:var(--tcl-mat-radius);background-image:repeating-linear-gradient(45deg,transparent 0 21px,color-mix(in oklab,var(--tcl-mat-accent) 24%,transparent) 21px 22px),repeating-linear-gradient(-45deg,transparent 0 33px,color-mix(in oklab,var(--tcl-mat-accent) 14%,transparent) 33px 34px),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='r'><feTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2'/><feColorMatrix type='saturate' values='0'/></filter><rect width='120' height='120' filter='url(%23r)' opacity='0.5'/></svg>");background-size:auto,auto,120px 120px;background-blend-mode:screen,screen,soft-light;background-color:color-mix(in oklab,var(--tcl-mat-accent) 10%,var(--tcl-surface-sunken));box-shadow:inset 0 1px color-mix(in oklab,var(--tcl-mat-specular) 14%,transparent),inset 0 -2px 6px -2px color-mix(in oklab,var(--tcl-mat-shade) 32%,transparent),inset 0 0 0 1px color-mix(in oklab,var(--tcl-mat-accent) 30%,transparent),inset 0 0 24px -6px color-mix(in oklab,var(--tcl-mat-accent) 35%,transparent);color:var(--tcl-text)}[data-material=parchment]{border-radius:var(--tcl-mat-radius);background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='0.012' numOctaves='2'/><feColorMatrix type='saturate' values='0'/></filter><rect width='220' height='220' filter='url(%23p)' opacity='0.5'/></svg>"),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/><feColorMatrix type='saturate' values='0'/></filter><rect width='120' height='120' filter='url(%23g)' opacity='0.35'/></svg>");background-size:220px 220px,120px 120px;background-blend-mode:multiply,soft-light;background-color:color-mix(in oklab,var(--tcl-mat-accent) 20%,var(--tcl-surface-raised));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--tcl-mat-shade) 8%,transparent),inset 0 0 30px -6px color-mix(in oklab,var(--tcl-mat-shade) 24%,transparent);color:var(--tcl-text)}[data-material=slate]{border-radius:var(--tcl-radius-sm);background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='s'><feTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/><feColorMatrix type='saturate' values='0'/></filter><rect width='120' height='120' filter='url(%23s)' opacity='0.5'/></svg>");background-size:120px 120px;background-blend-mode:soft-light;background-color:color-mix(in oklab,var(--tcl-mat-accent) 6%,var(--tcl-surface-sunken));box-shadow:inset 0 1px color-mix(in oklab,var(--tcl-mat-specular) 8%,transparent),inset 0 -1px color-mix(in oklab,var(--tcl-mat-shade) 24%,transparent),inset 0 0 0 1px color-mix(in oklab,var(--tcl-mat-shade) 14%,transparent),0 2px 5px -1px color-mix(in oklab,var(--tcl-mat-shade) 30%,transparent);color:var(--tcl-text)}[data-material=regal]{border-radius:var(--tcl-mat-radius);background:linear-gradient(157deg,color-mix(in oklab,var(--tcl-mat-specular) 94%,var(--tcl-surface-raised)),color-mix(in oklab,var(--tcl-mat-specular) 74%,var(--tcl-surface-raised)) 48%,color-mix(in oklab,var(--tcl-mat-accent) 18%,var(--tcl-surface-raised)));border:1px solid color-mix(in oklab,var(--tcl-mat-accent) 55%,transparent);box-shadow:inset 0 1px color-mix(in oklab,var(--tcl-mat-specular) 92%,transparent),inset 0 0 0 1px color-mix(in oklab,var(--tcl-mat-specular) 45%,transparent),0 0 0 1px color-mix(in oklab,var(--tcl-mat-accent) 22%,transparent),0 10px 30px -8px color-mix(in oklab,var(--tcl-mat-accent) 42%,transparent),0 0 40px -6px color-mix(in oklab,var(--tcl-mat-specular) 60%,transparent);color:color-mix(in oklab,var(--tcl-mat-shade) 80%,var(--tcl-mat-accent))}@media(prefers-reduced-transparency:reduce){[data-material=glass]{background:var(--tcl-surface-raised);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-contrast:more){[data-material=glass]{--tcl-mat-tint-amount: 92%;border-color:var(--tcl-border-strong)}}}@layer tcl.base{:where(:root,[data-theme=light]){color-scheme:light}:where([data-theme=dark]){color-scheme:dark}:where(.tcl-root){font-family:var(--tcl-font-sans);font-size:var(--tcl-text-base);line-height:var(--tcl-leading-normal);color:var(--tcl-text);background:var(--tcl-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}}@layer tcl.base{:where([class^=tcl-],[class*=" tcl-"]):focus-visible{outline:2px solid var(--tcl-focus-ring);outline-offset:2px}:where([class^=tcl-],[class*=" tcl-"]):focus:not(:focus-visible){outline:none}.tcl-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}}@media(prefers-reduced-motion:reduce){:where([class^=tcl-],[class*=" tcl-"]),:where([class^=tcl-],[class*=" tcl-"]):before,:where([class^=tcl-],[class*=" tcl-"]):after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@layer tcl.components{.tcl-box{box-sizing:border-box}.tcl-box--surface-raised{background:var(--tcl-surface-raised);box-shadow:var(--tcl-elevation-1)}.tcl-box--surface-sunken{background:var(--tcl-surface-sunken)}.tcl-box--surface-overlay{background:var(--tcl-surface-raised);box-shadow:var(--tcl-elevation-2)}.tcl-box--border{border:1px solid var(--tcl-border)}.tcl-box--border-soft{border:1px solid var(--tcl-border-soft)}.tcl-box--border-strong{border:1px solid var(--tcl-border-strong)}}@layer tcl.components{.tcl-text{margin:0;font-family:var(--tcl-font-sans);line-height:var(--tcl-leading-normal)}.tcl-text--mono{font-family:var(--tcl-font-mono)}.tcl-text--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@layer tcl.components{.tcl-pressable{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.tcl-pressable[data-state=disabled],.tcl-pressable:disabled{cursor:not-allowed}}@layer tcl.components{.tcl-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--tcl-space-3);border:1px solid transparent;border-radius:var(--tcl-radius-md);font-family:var(--tcl-font-sans);font-weight:var(--tcl-weight-semibold);line-height:1;text-decoration:none;white-space:nowrap;user-select:none;transition:background-color var(--tcl-dur-fast) var(--tcl-ease-calm),border-color var(--tcl-dur-fast) var(--tcl-ease-calm),color var(--tcl-dur-fast) var(--tcl-ease-calm),transform var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-button--sm{height:28px;padding-inline:var(--tcl-space-4);font-size:var(--tcl-text-sm)}.tcl-button--md{height:36px;padding-inline:var(--tcl-space-5);font-size:var(--tcl-text-base)}.tcl-button--lg{height:44px;padding-inline:var(--tcl-space-6);font-size:var(--tcl-text-md)}.tcl-button--full{width:100%}.tcl-button--accent{--btn: var(--tcl-accent);--btn-fg: var(--tcl-accent-fg);--btn-text: var(--tcl-text);--btn-soft: color-mix(in oklab, var(--tcl-accent) 16%, transparent)}.tcl-button--neutral{--btn: var(--tcl-status-neutral);--btn-fg: var(--tcl-status-neutral-fg);--btn-text: var(--tcl-status-neutral);--btn-soft: var(--tcl-status-neutral-bg)}.tcl-button--success{--btn: var(--tcl-status-success);--btn-fg: var(--tcl-status-success-fg);--btn-text: var(--tcl-status-success);--btn-soft: var(--tcl-status-success-bg)}.tcl-button--info{--btn: var(--tcl-status-info);--btn-fg: var(--tcl-status-info-fg);--btn-text: var(--tcl-status-info);--btn-soft: var(--tcl-status-info-bg)}.tcl-button--warning{--btn: var(--tcl-status-warning);--btn-fg: var(--tcl-status-warning-fg);--btn-text: var(--tcl-status-warning);--btn-soft: var(--tcl-status-warning-bg)}.tcl-button--danger{--btn: var(--tcl-status-danger);--btn-fg: var(--tcl-status-danger-fg);--btn-text: var(--tcl-status-danger);--btn-soft: var(--tcl-status-danger-bg)}.tcl-button--solid{background:var(--btn);color:var(--btn-fg);border-color:var(--btn)}.tcl-button--solid[data-state=hover]{background:color-mix(in oklab,var(--btn) 86%,#000);border-color:color-mix(in oklab,var(--btn) 86%,#000)}.tcl-button--solid[data-state=pressed]{background:color-mix(in oklab,var(--btn) 78%,#000)}.tcl-button--outline{background:transparent;color:var(--btn-text);border-color:var(--tcl-border-strong)}.tcl-button--outline[data-state=hover]{background:var(--btn-soft);border-color:var(--btn)}.tcl-button--outline[data-state=pressed]{background:var(--btn-soft)}.tcl-button--ghost{background:transparent;color:var(--btn-text);border-color:transparent}.tcl-button--ghost[data-state=hover],.tcl-button--ghost[data-state=pressed]{background:var(--btn-soft)}.tcl-button[data-state=pressed]{transform:translateY(.5px) scale(.99)}.tcl-button[data-state=disabled]{opacity:.55;pointer-events:none}.tcl-button.is-loading{cursor:progress}.tcl-button__icon,.tcl-button__label{display:inline-flex;align-items:center}.tcl-button__spinner{width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:tcl-button-spin .6s linear infinite}@keyframes tcl-button-spin{to{transform:rotate(360deg)}}}@layer tcl.components{.tcl-badge{display:inline-flex;align-items:center;gap:var(--tcl-space-2);border:1px solid transparent;border-radius:var(--tcl-radius-full);font-family:var(--tcl-font-sans);font-weight:var(--tcl-weight-medium);line-height:1;white-space:nowrap}.tcl-badge--sm{height:18px;padding-inline:var(--tcl-space-3);font-size:var(--tcl-text-xs)}.tcl-badge--md{height:22px;padding-inline:var(--tcl-space-4);font-size:var(--tcl-text-sm)}.tcl-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.tcl-badge--accent{--bdg: var(--tcl-accent);--bdg-fg: var(--tcl-accent-fg);--bdg-text: var(--tcl-text);--bdg-soft: color-mix(in oklab, var(--tcl-accent) 16%, transparent)}.tcl-badge--neutral{--bdg: var(--tcl-status-neutral);--bdg-fg: var(--tcl-status-neutral-fg);--bdg-text: var(--tcl-status-neutral);--bdg-soft: var(--tcl-status-neutral-bg)}.tcl-badge--success{--bdg: var(--tcl-status-success);--bdg-fg: var(--tcl-status-success-fg);--bdg-text: var(--tcl-status-success);--bdg-soft: var(--tcl-status-success-bg)}.tcl-badge--info{--bdg: var(--tcl-status-info);--bdg-fg: var(--tcl-status-info-fg);--bdg-text: var(--tcl-status-info);--bdg-soft: var(--tcl-status-info-bg)}.tcl-badge--warning{--bdg: var(--tcl-status-warning);--bdg-fg: var(--tcl-status-warning-fg);--bdg-text: var(--tcl-status-warning);--bdg-soft: var(--tcl-status-warning-bg)}.tcl-badge--danger{--bdg: var(--tcl-status-danger);--bdg-fg: var(--tcl-status-danger-fg);--bdg-text: var(--tcl-status-danger);--bdg-soft: var(--tcl-status-danger-bg)}.tcl-badge--soft{background:var(--bdg-soft);color:var(--bdg-text)}.tcl-badge--solid{background:var(--bdg);color:var(--bdg-fg)}.tcl-badge--outline{color:var(--bdg-text);border-color:var(--bdg)}}@layer tcl.components{.tcl-field{display:flex;flex-direction:column;gap:var(--tcl-space-2);font-family:var(--tcl-font-sans)}.tcl-field__label{font-size:var(--tcl-text-sm);font-weight:var(--tcl-weight-medium);color:var(--tcl-text)}.tcl-field__req{color:var(--tcl-status-danger)}.tcl-field__desc{margin:0;font-size:var(--tcl-text-sm);color:var(--tcl-text-dim)}.tcl-field__error{margin:0;font-size:var(--tcl-text-sm);color:var(--tcl-status-danger)}}@layer tcl.components{.tcl-input{display:flex;align-items:center;gap:var(--tcl-space-3);background:var(--tcl-surface-raised);border:1px solid var(--tcl-border-strong);border-radius:var(--tcl-radius-md);transition:border-color var(--tcl-dur-fast) var(--tcl-ease-calm),box-shadow var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-input--sm{height:30px;padding-inline:var(--tcl-space-3)}.tcl-input--md{height:36px;padding-inline:var(--tcl-space-4)}.tcl-input--lg{height:44px;padding-inline:var(--tcl-space-4)}.tcl-input:focus-within{border-color:var(--tcl-accent);box-shadow:0 0 0 2px color-mix(in oklab,var(--tcl-focus-ring) 55%,transparent)}.tcl-input.is-invalid{border-color:var(--tcl-status-danger)}.tcl-input.is-invalid:focus-within{box-shadow:0 0 0 2px color-mix(in oklab,var(--tcl-status-danger) 45%,transparent)}.tcl-input.is-disabled{opacity:.6;background:var(--tcl-surface-sunken)}.tcl-input__slot{display:inline-flex;align-items:center;color:var(--tcl-text-dim)}.tcl-input__control{flex:1;min-width:0;border:none;background:transparent;outline:none;color:var(--tcl-text);font-family:inherit;font-size:var(--tcl-text-base)}.tcl-input__control::placeholder{color:var(--tcl-text-faint)}}@layer tcl.components{.tcl-dialog__overlay{position:fixed;inset:0;z-index:var(--tcl-z-modal);display:flex;align-items:center;justify-content:center;padding:var(--tcl-space-5);background:var(--tcl-overlay);animation:tcl-dialog-fade var(--tcl-dur-base) var(--tcl-ease-calm)}.tcl-dialog{width:100%;max-height:calc(100vh - var(--tcl-space-8));overflow:auto;background:var(--tcl-surface-raised);color:var(--tcl-text);border:1px solid var(--tcl-border);border-radius:var(--tcl-radius-lg);box-shadow:var(--tcl-elevation-3);padding:var(--tcl-space-6);font-family:var(--tcl-font-sans);animation:tcl-dialog-pop var(--tcl-dur-slow) var(--tcl-ease-calm)}.tcl-dialog--sm{max-width:360px}.tcl-dialog--md{max-width:480px}.tcl-dialog--lg{max-width:640px}.tcl-dialog__title{margin:0 0 var(--tcl-space-3);font-size:var(--tcl-text-lg);font-weight:var(--tcl-weight-semibold);color:var(--tcl-text)}.tcl-dialog__desc{margin:0 0 var(--tcl-space-4);color:var(--tcl-text-dim);font-size:var(--tcl-text-base);line-height:var(--tcl-leading-normal)}.tcl-dialog__body{color:var(--tcl-text);font-size:var(--tcl-text-base);line-height:var(--tcl-leading-normal)}.tcl-dialog__footer{display:flex;justify-content:flex-end;gap:var(--tcl-space-3);margin-top:var(--tcl-space-6)}@keyframes tcl-dialog-fade{0%{opacity:0}to{opacity:1}}@keyframes tcl-dialog-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}}@layer tcl.components{.tcl-button.tcl-icon-button--sm{width:28px;height:28px;padding:0}.tcl-button.tcl-icon-button--md{width:36px;height:36px;padding:0}.tcl-button.tcl-icon-button--lg{width:44px;height:44px;padding:0}.tcl-icon-button{gap:0}.tcl-icon-button .tcl-button__label{display:inline-flex;line-height:0}}@layer tcl.components{.tcl-tabs{display:flex;flex-direction:column;font-family:var(--tcl-font-sans)}.tcl-tabs--vertical{flex-direction:row;gap:var(--tcl-space-5)}.tcl-tabs__list{display:inline-flex;gap:var(--tcl-space-2);border-bottom:1px solid var(--tcl-border)}.tcl-tabs--vertical .tcl-tabs__list{flex-direction:column;border-bottom:none;border-right:1px solid var(--tcl-border)}.tcl-tab{appearance:none;border:none;background:transparent;cursor:pointer;font:inherit;font-size:var(--tcl-text-base);font-weight:var(--tcl-weight-medium);color:var(--tcl-text-dim);padding:var(--tcl-space-3) var(--tcl-space-4);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--tcl-dur-fast) var(--tcl-ease-calm),border-color var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-tab:hover:not(:disabled){color:var(--tcl-text)}.tcl-tab.is-active{color:var(--tcl-accent);border-bottom-color:var(--tcl-accent)}.tcl-tab:disabled{opacity:.5;cursor:not-allowed}.tcl-tabs--vertical .tcl-tab{border-bottom:none;border-right:2px solid transparent;margin-bottom:0;margin-right:-1px}.tcl-tabs--vertical .tcl-tab.is-active{border-right-color:var(--tcl-accent);border-bottom-color:transparent}.tcl-tabpanel{padding:var(--tcl-space-5) 0;color:var(--tcl-text);font-size:var(--tcl-text-base);line-height:var(--tcl-leading-normal)}}@layer tcl.components{.tcl-menu{z-index:var(--tcl-z-dropdown);min-width:180px;padding:var(--tcl-space-2);background:var(--tcl-surface-raised);border:1px solid var(--tcl-border);border-radius:var(--tcl-radius-md);box-shadow:var(--tcl-elevation-2);font-family:var(--tcl-font-sans);animation:tcl-menu-in var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-menu__item{display:flex;align-items:center;gap:var(--tcl-space-3);padding:var(--tcl-space-3);border-radius:var(--tcl-radius-sm);font-size:var(--tcl-text-base);color:var(--tcl-text);cursor:pointer;user-select:none}.tcl-menu__item:hover:not(.is-disabled),.tcl-menu__item:focus-visible{background:var(--tcl-surface-hover)}.tcl-menu__item.is-disabled{color:var(--tcl-text-faint);cursor:not-allowed}@keyframes tcl-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}}@layer tcl.components{.tcl-textarea{width:100%;min-height:72px;resize:vertical;background:var(--tcl-surface-raised);border:1px solid var(--tcl-border-strong);border-radius:var(--tcl-radius-md);padding:var(--tcl-space-3) var(--tcl-space-4);color:var(--tcl-text);font-family:var(--tcl-font-sans);font-size:var(--tcl-text-base);line-height:var(--tcl-leading-normal);transition:border-color var(--tcl-dur-fast) var(--tcl-ease-calm),box-shadow var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-textarea::placeholder{color:var(--tcl-text-faint)}.tcl-textarea:focus-visible{outline:none;border-color:var(--tcl-accent);box-shadow:0 0 0 2px color-mix(in oklab,var(--tcl-focus-ring) 55%,transparent)}.tcl-textarea.is-invalid{border-color:var(--tcl-status-danger)}.tcl-textarea.is-invalid:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab,var(--tcl-status-danger) 45%,transparent)}.tcl-textarea:disabled{opacity:.6;background:var(--tcl-surface-sunken);cursor:not-allowed}}@layer tcl.components{.tcl-select{position:relative;display:flex;align-items:center;background:var(--tcl-surface-raised);border:1px solid var(--tcl-border-strong);border-radius:var(--tcl-radius-md);transition:border-color var(--tcl-dur-fast) var(--tcl-ease-calm),box-shadow var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-select--sm{height:30px}.tcl-select--md{height:36px}.tcl-select--lg{height:44px}.tcl-select:focus-within{border-color:var(--tcl-accent);box-shadow:0 0 0 2px color-mix(in oklab,var(--tcl-focus-ring) 55%,transparent)}.tcl-select.is-invalid{border-color:var(--tcl-status-danger)}.tcl-select.is-disabled{opacity:.6;background:var(--tcl-surface-sunken)}.tcl-select__control{appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:100%;border:none;background:transparent;outline:none;color:var(--tcl-text);font-family:var(--tcl-font-sans);font-size:var(--tcl-text-base);padding-inline:var(--tcl-space-4);padding-right:var(--tcl-space-7);cursor:pointer}.tcl-select__chevron{position:absolute;right:var(--tcl-space-4);pointer-events:none;display:inline-flex;color:var(--tcl-text-dim)}}@layer tcl.components{.tcl-checkbox-field{display:inline-flex;flex-direction:column;gap:var(--tcl-space-1);font-family:var(--tcl-font-sans)}.tcl-checkbox-field.is-disabled{opacity:.6}.tcl-checkbox{display:inline-flex;align-items:center;gap:var(--tcl-space-3);cursor:pointer}.tcl-checkbox-field.is-disabled .tcl-checkbox{cursor:not-allowed}.tcl-checkbox__box{position:relative;flex-shrink:0;width:18px;height:18px;border:1.5px solid var(--tcl-border-strong);border-radius:var(--tcl-radius-sm);background:var(--tcl-surface-raised);display:grid;place-items:center;color:var(--tcl-accent-fg);transition:background var(--tcl-dur-fast) var(--tcl-ease-calm),border-color var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-checkbox__check{width:12px;height:12px;opacity:0;transition:opacity var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-checkbox__input:checked+.tcl-checkbox__box,.tcl-checkbox__input:indeterminate+.tcl-checkbox__box{background:var(--tcl-accent);border-color:var(--tcl-accent)}.tcl-checkbox__input:checked+.tcl-checkbox__box .tcl-checkbox__check{opacity:1}.tcl-checkbox__input:indeterminate+.tcl-checkbox__box:after{content:"";position:absolute;width:9px;height:2px;border-radius:1px;background:var(--tcl-accent-fg)}.tcl-checkbox__input:focus-visible+.tcl-checkbox__box{outline:2px solid var(--tcl-focus-ring);outline-offset:2px}.tcl-checkbox__label{font-size:var(--tcl-text-base);color:var(--tcl-text)}.tcl-checkbox__desc{margin:0;padding-left:calc(18px + var(--tcl-space-3));font-size:var(--tcl-text-sm);color:var(--tcl-text-dim)}}@layer tcl.components{.tcl-radio-group{display:flex;flex-direction:column;gap:var(--tcl-space-3);font-family:var(--tcl-font-sans)}.tcl-radio-group__items{display:flex;flex-direction:column;gap:var(--tcl-space-3)}.tcl-radio-field{display:flex;flex-direction:column;gap:var(--tcl-space-1)}.tcl-radio-field.is-disabled{opacity:.6}.tcl-radio{display:inline-flex;align-items:center;gap:var(--tcl-space-3);cursor:pointer}.tcl-radio-field.is-disabled .tcl-radio{cursor:not-allowed}.tcl-radio__dot{position:relative;flex-shrink:0;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--tcl-border-strong);background:var(--tcl-surface-raised);transition:border-color var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-radio__input:checked+.tcl-radio__dot{border-color:var(--tcl-accent)}.tcl-radio__input:checked+.tcl-radio__dot:after{content:"";position:absolute;inset:0;margin:auto;width:9px;height:9px;border-radius:50%;background:var(--tcl-accent)}.tcl-radio__input:focus-visible+.tcl-radio__dot{outline:2px solid var(--tcl-focus-ring);outline-offset:2px}.tcl-radio__label{font-size:var(--tcl-text-base);color:var(--tcl-text)}.tcl-radio__desc{margin:0;padding-left:calc(18px + var(--tcl-space-3));font-size:var(--tcl-text-sm);color:var(--tcl-text-dim)}}@layer tcl.components{.tcl-switch-field{display:inline-flex;flex-direction:column;gap:var(--tcl-space-1);font-family:var(--tcl-font-sans)}.tcl-switch-field.is-disabled{opacity:.6}.tcl-switch{display:inline-flex;align-items:center;gap:var(--tcl-space-3);cursor:pointer}.tcl-switch-field.is-disabled .tcl-switch{cursor:not-allowed}.tcl-switch__track{position:relative;flex-shrink:0;width:36px;height:20px;border-radius:var(--tcl-radius-full);background:var(--tcl-border-strong);transition:background var(--tcl-dur-base) var(--tcl-ease-calm)}.tcl-switch__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--tcl-elevation-1);transition:transform var(--tcl-dur-base) var(--tcl-ease-calm)}.tcl-switch__input:checked+.tcl-switch__track{background:var(--tcl-accent)}.tcl-switch__input:checked+.tcl-switch__track .tcl-switch__thumb{transform:translate(16px)}.tcl-switch__input:focus-visible+.tcl-switch__track{outline:2px solid var(--tcl-focus-ring);outline-offset:2px}.tcl-switch__label{font-size:var(--tcl-text-base);color:var(--tcl-text)}.tcl-switch__desc{margin:0;padding-left:calc(36px + var(--tcl-space-3));font-size:var(--tcl-text-sm);color:var(--tcl-text-dim)}}@layer tcl.components{.tcl-tooltip{z-index:var(--tcl-z-tooltip);max-width:240px;padding:var(--tcl-space-2) var(--tcl-space-3);background:var(--tcl-text);color:var(--tcl-bg);border-radius:var(--tcl-radius-sm);font-family:var(--tcl-font-sans);font-size:var(--tcl-text-sm);line-height:var(--tcl-leading-normal);box-shadow:var(--tcl-elevation-2);pointer-events:none;animation:tcl-tooltip-in var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-tooltip--top{transform:translate(-50%,-100%)}.tcl-tooltip--bottom{transform:translate(-50%)}@keyframes tcl-tooltip-in{0%{opacity:0}to{opacity:1}}}@layer tcl.components{.tcl-toast-viewport{position:fixed;z-index:var(--tcl-z-toast);display:flex;flex-direction:column;gap:var(--tcl-space-3);right:var(--tcl-space-5);width:min(360px,calc(100vw - var(--tcl-space-7)));pointer-events:none}.tcl-toast-viewport--bottom{bottom:var(--tcl-space-5)}.tcl-toast-viewport--top{top:var(--tcl-space-5)}.tcl-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--tcl-space-3);padding:var(--tcl-space-4);border-radius:var(--tcl-radius-md);background:var(--tcl-surface-raised);border:1px solid var(--tcl-border);border-left:3px solid var(--tcl-status-neutral);box-shadow:var(--tcl-elevation-3);font-family:var(--tcl-font-sans);animation:tcl-toast-in var(--tcl-dur-base) var(--tcl-ease-calm)}.tcl-toast--success{border-left-color:var(--tcl-status-success)}.tcl-toast--info{border-left-color:var(--tcl-status-info)}.tcl-toast--warning{border-left-color:var(--tcl-status-warning)}.tcl-toast--danger{border-left-color:var(--tcl-status-danger)}.tcl-toast--neutral{border-left-color:var(--tcl-status-neutral)}.tcl-toast__body{flex:1;min-width:0}.tcl-toast__title{margin:0;font-size:var(--tcl-text-base);font-weight:var(--tcl-weight-semibold);color:var(--tcl-text)}.tcl-toast__desc{margin:2px 0 0;font-size:var(--tcl-text-sm);color:var(--tcl-text-dim);line-height:var(--tcl-leading-normal)}.tcl-toast__close{flex-shrink:0;appearance:none;border:none;background:transparent;cursor:pointer;color:var(--tcl-text-dim);padding:2px;border-radius:var(--tcl-radius-sm);display:inline-flex}.tcl-toast__close:hover{color:var(--tcl-text)}@keyframes tcl-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}@layer tcl.components{.tcl-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background:var(--tcl-surface-sunken);color:var(--tcl-text-dim);font-family:var(--tcl-font-sans);font-weight:var(--tcl-weight-semibold);line-height:1;user-select:none}.tcl-avatar--circle{border-radius:var(--tcl-radius-full)}.tcl-avatar--square{border-radius:var(--tcl-radius-md)}.tcl-avatar--xs{width:20px;height:20px;font-size:9px}.tcl-avatar--sm{width:28px;height:28px;font-size:11px}.tcl-avatar--md{width:36px;height:36px;font-size:13px}.tcl-avatar--lg{width:48px;height:48px;font-size:16px}.tcl-avatar--xl{width:64px;height:64px;font-size:22px}.tcl-avatar__img{width:100%;height:100%;object-fit:cover}.tcl-avatar__fallback{width:62%;height:62%;opacity:.7}.tcl-avatar--tone-neutral{background:var(--tcl-status-neutral-bg);color:var(--tcl-status-neutral)}.tcl-avatar--tone-success{background:var(--tcl-status-success-bg);color:var(--tcl-status-success)}.tcl-avatar--tone-info{background:var(--tcl-status-info-bg);color:var(--tcl-status-info)}.tcl-avatar--tone-warning{background:var(--tcl-status-warning-bg);color:var(--tcl-status-warning)}.tcl-avatar--tone-danger{background:var(--tcl-status-danger-bg);color:var(--tcl-status-danger)}}@layer tcl.components{.tcl-spinner{display:inline-flex}.tcl-spinner__ring{display:block;border-radius:50%;border-style:solid;border-color:color-mix(in oklab,currentColor 22%,transparent);border-top-color:currentColor;animation:tcl-spin .6s linear infinite}.tcl-spinner--sm .tcl-spinner__ring{width:14px;height:14px;border-width:2px}.tcl-spinner--md .tcl-spinner__ring{width:18px;height:18px;border-width:2px}.tcl-spinner--lg .tcl-spinner__ring{width:24px;height:24px;border-width:3px}.tcl-spinner--xl .tcl-spinner__ring{width:32px;height:32px;border-width:3px}.tcl-spinner--tone-accent{color:var(--tcl-accent)}.tcl-spinner--tone-neutral{color:var(--tcl-status-neutral)}.tcl-spinner--tone-success{color:var(--tcl-status-success)}.tcl-spinner--tone-info{color:var(--tcl-status-info)}.tcl-spinner--tone-warning{color:var(--tcl-status-warning)}.tcl-spinner--tone-danger{color:var(--tcl-status-danger)}@keyframes tcl-spin{to{transform:rotate(360deg)}}}@layer tcl.components{.tcl-skeleton{display:block;position:relative;overflow:hidden;background:var(--tcl-surface-sunken);border-radius:var(--tcl-radius-sm)}.tcl-skeleton--text{height:.8em;border-radius:var(--tcl-radius-sm)}.tcl-skeleton--rect{border-radius:var(--tcl-radius-md)}.tcl-skeleton--circle{border-radius:var(--tcl-radius-full)}.tcl-skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--tcl-text) 7%,transparent),transparent);animation:tcl-skeleton-shimmer 1.4s ease-in-out infinite}.tcl-skeleton-group{display:flex;flex-direction:column;gap:var(--tcl-space-3)}@keyframes tcl-skeleton-shimmer{to{transform:translate(100%)}}}@layer tcl.components{.tcl-card{background:var(--tcl-surface-raised);border:1px solid var(--tcl-border);border-radius:var(--tcl-radius-lg);box-shadow:var(--tcl-elevation-1);color:var(--tcl-text);font-family:var(--tcl-font-sans);overflow:hidden}.tcl-card--interactive{cursor:pointer;transition:box-shadow var(--tcl-dur-fast) var(--tcl-ease-calm),border-color var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-card--interactive:hover{box-shadow:var(--tcl-elevation-2);border-color:var(--tcl-border-strong)}.tcl-card__header{padding:var(--tcl-space-5) var(--tcl-space-6);border-bottom:1px solid var(--tcl-border-soft);font-size:var(--tcl-text-md);font-weight:var(--tcl-weight-semibold)}.tcl-card__body{padding:var(--tcl-space-6);font-size:var(--tcl-text-base);line-height:var(--tcl-leading-normal)}.tcl-card__footer{padding:var(--tcl-space-5) var(--tcl-space-6);border-top:1px solid var(--tcl-border-soft);display:flex;align-items:center;justify-content:flex-end;gap:var(--tcl-space-3)}}@layer tcl.components{.tcl-fillbar-row{display:flex;align-items:center;gap:var(--tcl-space-4);font-family:var(--tcl-font-sans)}.tcl-fillbar__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--tcl-text-dim);background:var(--tcl-surface-sunken);border:1px solid var(--tcl-border);border-radius:var(--tcl-radius-sm)}.tcl-fillbar__value{flex-shrink:0;min-width:3.5ch;text-align:right;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-sm);color:var(--tcl-text-dim);font-variant-numeric:tabular-nums}.tcl-fillbar{--bar: var(--tcl-accent);position:relative;flex:1;min-width:0;background:var(--tcl-surface-sunken);border:1px solid var(--tcl-border);border-radius:var(--tcl-radius-full);overflow:hidden}.tcl-fillbar--sm{height:8px}.tcl-fillbar--md{height:14px}.tcl-fillbar--lg{height:20px}.tcl-fillbar--accent{--bar: var(--tcl-accent)}.tcl-fillbar--info{--bar: var(--tcl-status-info)}.tcl-fillbar--success{--bar: var(--tcl-status-success)}.tcl-fillbar--warning{--bar: var(--tcl-status-warning)}.tcl-fillbar--danger{--bar: var(--tcl-status-danger)}.tcl-fillbar--neutral{--bar: var(--tcl-status-neutral)}.tcl-fillbar__fill{position:absolute;inset:0 auto 0 0;width:var(--value, 0%);background:var(--bar);border-radius:inherit;transition:width var(--tcl-dur-slow) var(--tcl-ease-calm)}.tcl-fillbar.is-glow .tcl-fillbar__fill{box-shadow:0 0 10px color-mix(in oklab,var(--bar) 55%,transparent)}.tcl-fillbar.is-glow .tcl-fillbar__fill:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff4d,#fff0 48%)}}@layer tcl.components{.tcl-fillbar--segmented{background:transparent;border:none;overflow:visible;display:flex;gap:3px}.tcl-fillbar--segmented .tcl-fillbar__cell{flex:1;align-self:stretch;background:var(--tcl-surface-sunken);border:1px solid var(--tcl-border);border-radius:var(--tcl-radius-sm);transition:background var(--tcl-dur-base) var(--tcl-ease-calm),border-color var(--tcl-dur-base) var(--tcl-ease-calm)}.tcl-fillbar--segmented .tcl-fillbar__cell.is-on{background:var(--bar);border-color:var(--bar)}.tcl-fillbar--segmented.is-glow .tcl-fillbar__cell.is-on{box-shadow:0 0 8px color-mix(in oklab,var(--bar) 50%,transparent)}}@layer tcl.components{.tcl-fillbar--stacked{display:flex;gap:2px}.tcl-fillbar--stacked .tcl-fillbar__seg{align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;white-space:nowrap;background:var(--seg, var(--bar));color:#fff;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);font-variant-numeric:tabular-nums;transition:width var(--tcl-dur-slow) var(--tcl-ease-calm)}.tcl-fillbar--threshold{overflow:visible}.tcl-fillbar__marker{position:absolute;top:0;bottom:0;width:1px;background:color-mix(in oklab,var(--mk, var(--tcl-text)) 65%,transparent)}.tcl-fillbar__marker:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--mk, var(--tcl-text))}}@layer tcl.components{.tcl-sparkline{display:block;overflow:visible}.tcl-sparkline__line{fill:none;stroke:var(--spark-color, var(--tcl-accent));stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.tcl-sparkline__area{fill:var(--spark-color, var(--tcl-accent));fill-opacity:.14;stroke:none}.tcl-sparkline__dot{fill:var(--spark-color, var(--tcl-accent));stroke:var(--tcl-bg);stroke-width:1.5}}@layer tcl.components{.tcl-stat{--stat-accent: var(--tcl-accent);--stat-spark-h: 34px;display:flex;flex-direction:column;gap:var(--tcl-space-3);padding:var(--tcl-space-5);background:var(--tcl-surface-raised);border:1px solid var(--tcl-border);border-top:2px solid var(--stat-accent);border-radius:var(--tcl-radius-lg);box-shadow:var(--tcl-elevation-1);font-family:var(--tcl-font-sans);color:var(--tcl-text)}.tcl-stat--accent{--stat-accent: var(--tcl-accent)}.tcl-stat--info{--stat-accent: var(--tcl-status-info)}.tcl-stat--success{--stat-accent: var(--tcl-status-success)}.tcl-stat--warning{--stat-accent: var(--tcl-status-warning)}.tcl-stat--danger{--stat-accent: var(--tcl-status-danger)}.tcl-stat--neutral{--stat-accent: var(--tcl-status-neutral)}.tcl-stat__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--tcl-space-3)}.tcl-stat__heading{display:block;min-width:0}.tcl-stat__strap{display:block;margin:0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);font-weight:var(--tcl-weight-bold);letter-spacing:var(--tcl-tracking-caps);text-transform:uppercase;color:var(--stat-accent)}.tcl-stat__label{display:block;margin:var(--tcl-space-1) 0 0;font-size:var(--tcl-text-sm);font-weight:var(--tcl-weight-semibold);color:var(--tcl-text-dim)}.tcl-stat__badge{flex:none}.tcl-stat__body{display:flex;flex-direction:column;gap:var(--tcl-space-2)}.tcl-stat__value{margin:0;display:flex;align-items:baseline;gap:var(--tcl-space-2);font-size:var(--tcl-text-xl);font-weight:var(--tcl-weight-bold);font-variant-numeric:tabular-nums;line-height:var(--tcl-leading-tight)}.tcl-stat__unit{font-size:var(--tcl-text-sm);font-weight:var(--tcl-weight-medium);color:var(--tcl-text-faint)}.tcl-stat__delta{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--tcl-space-2);font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);font-variant-numeric:tabular-nums}.tcl-stat__delta--good{color:var(--tcl-status-success)}.tcl-stat__delta--bad{color:var(--tcl-status-danger)}.tcl-stat__delta--flat{color:var(--tcl-text-faint)}.tcl-stat__delta-arrow{font-size:.85em}.tcl-stat__target{display:block;margin:0;font-size:var(--tcl-text-xs);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-stat__spark{width:100%;height:var(--stat-spark-h);margin-top:var(--tcl-space-1)}.tcl-stat--interactive{appearance:none;width:100%;margin:0;text-align:left;text-decoration:none;font:inherit;color:inherit;cursor:pointer;transition:box-shadow var(--tcl-dur-fast) var(--tcl-ease-calm),border-color var(--tcl-dur-fast) var(--tcl-ease-calm),background var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-stat--interactive:hover{background:var(--tcl-surface-hover);border-color:var(--tcl-border-strong)}.tcl-stat--interactive:active{background:var(--tcl-surface-hover)}.tcl-stat--interactive:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tcl-bg),0 0 0 4px var(--tcl-focus-ring)}@media(prefers-reduced-motion:reduce){.tcl-stat--interactive{transition:none}}}@layer tcl.components{.tcl-table-scroll{--tcl-table-cell-px: var(--tcl-space-5);--tcl-table-cell-py: var(--tcl-space-4);overflow:auto;border:1px solid var(--tcl-border);border-radius:var(--tcl-radius-lg);background:var(--tcl-surface-raised)}.tcl-table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--tcl-font-sans);font-size:var(--tcl-text-base);line-height:var(--tcl-leading-normal);color:var(--tcl-text)}.tcl-table--compact{--tcl-table-cell-px: var(--tcl-space-4);--tcl-table-cell-py: var(--tcl-space-2);font-size:var(--tcl-text-sm)}.tcl-table__caption{caption-side:top;text-align:start;padding:var(--tcl-table-cell-py) var(--tcl-table-cell-px);color:var(--tcl-text-dim);font-size:var(--tcl-text-sm);font-weight:var(--tcl-weight-medium)}.tcl-table__th{padding:var(--tcl-table-cell-py) var(--tcl-table-cell-px);border-bottom:1px solid var(--tcl-border-strong);background:var(--tcl-surface);color:var(--tcl-text-dim);font-size:var(--tcl-text-sm);font-weight:var(--tcl-weight-semibold);text-align:start;white-space:nowrap;vertical-align:middle}.tcl-table--sticky .tcl-table__th{position:sticky;top:0;z-index:var(--tcl-z-sticky)}.tcl-table__sort{display:inline-flex;align-items:center;gap:var(--tcl-space-2);appearance:none;margin:0;padding:0;border:none;background:none;font:inherit;color:inherit;letter-spacing:inherit;text-align:inherit;cursor:pointer;border-radius:var(--tcl-radius-sm);transition:color var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-table__sort:hover,.tcl-table__sort[data-active]{color:var(--tcl-text)}.tcl-table__sort:focus-visible{outline:2px solid var(--tcl-focus-ring);outline-offset:2px}.tcl-table__sort-icon{display:inline-flex;opacity:.35;transition:transform var(--tcl-dur-fast) var(--tcl-ease-calm),opacity var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-table__sort[data-active] .tcl-table__sort-icon{opacity:1;color:var(--tcl-accent)}.tcl-table__sort-icon[data-direction=asc]{transform:rotate(180deg)}.tcl-table__td{padding:var(--tcl-table-cell-py) var(--tcl-table-cell-px);border-bottom:1px solid var(--tcl-border-soft);vertical-align:middle}.tcl-table tbody .tcl-table__row:last-child .tcl-table__td{border-bottom:none}.tcl-table__cell--center{text-align:center}.tcl-table__cell--end{text-align:end}.tcl-table__cell--numeric{font-family:var(--tcl-font-mono);font-variant-numeric:tabular-nums}.tcl-table__row{position:relative}.tcl-table--striped tbody .tcl-table__row:nth-of-type(2n){background:var(--tcl-surface-sunken)}.tcl-table tbody .tcl-table__row:hover{background:var(--tcl-surface-hover)}.tcl-table tbody .tcl-table__row[data-selected]{background:color-mix(in srgb,var(--tcl-accent) 14%,var(--tcl-surface-raised))}.tcl-table tbody .tcl-table__row[data-selected]:hover{background:color-mix(in srgb,var(--tcl-accent) 18%,var(--tcl-surface-raised))}.tcl-table__row--interactive{cursor:pointer}.tcl-table__select{width:1%;white-space:nowrap;position:relative;z-index:1}.tcl-table__rowlink{display:block;color:inherit;text-decoration:none}button.tcl-table__rowlink{appearance:none;width:100%;margin:0;padding:0;border:none;background:none;font:inherit;text-align:inherit;color:inherit;cursor:pointer}.tcl-table__rowlink:after{content:"";position:absolute;inset:0;z-index:0}.tcl-table__rowlink:focus-visible:after{outline:2px solid var(--tcl-focus-ring);outline-offset:-2px;border-radius:var(--tcl-radius-sm)}.tcl-table__empty{padding:var(--tcl-space-7) var(--tcl-table-cell-px);text-align:center;color:var(--tcl-text-dim);font-size:var(--tcl-text-sm)}@media(prefers-reduced-motion:reduce){.tcl-table__sort,.tcl-table__sort-icon{transition:none}}}@layer tcl.components{.tcl-hub{display:flex;flex-direction:column;align-items:center;gap:var(--tcl-space-5);font-family:var(--tcl-font-sans);color:var(--tcl-text)}.tcl-hub__header{text-align:center;max-width:640px}.tcl-hub__brand{margin:0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);font-weight:var(--tcl-weight-bold);letter-spacing:var(--tcl-tracking-caps);text-transform:uppercase;color:var(--tcl-text-dim)}.tcl-hub__code{margin:2px 0 0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-sm);color:var(--tcl-accent)}.tcl-hub__tagrow{display:flex;align-items:center;justify-content:center;gap:var(--tcl-space-3);margin-top:var(--tcl-space-3);flex-wrap:wrap}.tcl-hub__pill{padding:2px 10px;border:1px solid var(--tcl-accent);border-radius:var(--tcl-radius-full);font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--tcl-accent)}.tcl-hub__tagnote{font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);color:var(--tcl-text-faint)}.tcl-hub__sub{margin:var(--tcl-space-4) 0 0;font-size:var(--tcl-text-base);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-hub__stats{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--tcl-space-5);margin-top:var(--tcl-space-4)}.tcl-hub__stat{display:flex;flex-direction:column;align-items:center}.tcl-hub__stat-value{font-family:var(--tcl-font-mono);font-size:var(--tcl-text-lg);font-weight:var(--tcl-weight-bold);color:var(--tcl-text)}.tcl-hub__stat-label{font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--tcl-text-faint)}.tcl-hub__flower{position:relative;flex-shrink:0}.tcl-hub__tile{--tile-border: var(--tcl-border-strong);--tile-bg: var(--tcl-surface-raised);position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 14%;text-align:center;border:none;cursor:pointer;background:var(--tile-border);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);color:var(--tcl-text);transition:transform var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-hub__tile:before{content:"";position:absolute;inset:2px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:var(--tile-bg);z-index:0}.tcl-hub__tile>*{position:relative;z-index:1}.tcl-hub__tile--center{--tile-border: var(--tcl-accent);--tile-bg: var(--tcl-surface-sunken)}.tcl-hub__tile--shipped{--tile-border: var(--tcl-status-success);--tile-bg: color-mix(in oklab, var(--tcl-status-success) 8%, var(--tcl-surface-raised))}.tcl-hub__tile--current{--tile-border: var(--tcl-status-info);--tile-bg: color-mix(in oklab, var(--tcl-status-info) 9%, var(--tcl-surface-raised))}.tcl-hub__tile--planned{--tile-border: var(--tcl-border-strong);--tile-bg: var(--tcl-surface-raised);opacity:.82}.tcl-hub__tile.is-selected{--tile-border: var(--tcl-accent);transform:scale(1.03);z-index:5}.tcl-hub__tile.is-selected:before{inset:3px}.tcl-hub__tile:focus-visible{--tile-border: var(--tcl-focus-ring);outline:none}.tcl-hub__tile:focus-visible:before{inset:3px}.tcl-hub__dot{width:12px;height:12px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;color:var(--tcl-text-dim);margin-bottom:2px}.tcl-hub__tile--center .tcl-hub__dot{color:var(--tcl-accent)}.tcl-hub__tile--shipped .tcl-hub__dot{color:var(--tcl-status-success)}.tcl-hub__tile--current .tcl-hub__dot{color:var(--tcl-status-info)}.tcl-hub__tag{font-family:var(--tcl-font-mono);font-size:9px;font-weight:var(--tcl-weight-bold);letter-spacing:.22em;text-transform:uppercase;color:var(--tcl-accent)}.tcl-hub__name{font-size:var(--tcl-text-md);font-weight:var(--tcl-weight-bold);line-height:1.1}.tcl-hub__tile-sub{font-family:var(--tcl-font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--tcl-text-dim)}.tcl-hub__status{margin-top:4px;padding:2px 8px;border-radius:var(--tcl-radius-full);background:var(--tcl-surface-sunken);font-family:var(--tcl-font-mono);font-size:8px;font-weight:var(--tcl-weight-bold);letter-spacing:.14em;text-transform:uppercase;color:var(--tcl-text-dim)}.tcl-hub__inspector{width:100%;max-width:640px;min-height:64px;padding:var(--tcl-space-4) var(--tcl-space-5);background:var(--tcl-surface);border:1px solid var(--tcl-border);border-left:3px solid var(--tcl-accent);border-radius:var(--tcl-radius-md)}.tcl-hub__inspector-title{margin:0;font-size:var(--tcl-text-md);font-weight:var(--tcl-weight-semibold)}.tcl-hub__inspector-status{color:var(--tcl-text-dim);font-weight:var(--tcl-weight-regular)}.tcl-hub__inspector-note{margin:var(--tcl-space-2) 0 0;font-size:var(--tcl-text-sm);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-hub__inspector-hint{margin:0;font-size:var(--tcl-text-sm);color:var(--tcl-text-faint)}.tcl-hub__sources{margin:var(--tcl-space-3) 0 0;padding-left:var(--tcl-space-5);font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);color:var(--tcl-text-faint)}.tcl-hub__axis{margin:0;text-align:center;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--tcl-text-faint)}}@layer tcl.components{.tcl-brief{--brief-accent: var(--tcl-accent);display:flex;flex-direction:column;gap:var(--tcl-space-5);width:100%;max-width:760px;font-family:var(--tcl-font-sans);color:var(--tcl-text)}.tcl-brief[data-kind=agents]{--brief-accent: var(--tcl-status-info)}.tcl-brief[data-kind=plan]{--brief-accent: var(--tcl-status-success)}.tcl-brief[data-kind=spec]{--brief-accent: var(--tcl-status-neutral)}.tcl-brief__header{padding-bottom:var(--tcl-space-4);border-bottom:2px solid var(--brief-accent)}.tcl-brief__kindrow{display:flex;align-items:center;gap:var(--tcl-space-3)}.tcl-brief__kind{padding:2px 10px;border-radius:var(--tcl-radius-full);background:color-mix(in oklab,var(--brief-accent) 16%,var(--tcl-surface));font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);font-weight:var(--tcl-weight-bold);letter-spacing:var(--tcl-tracking-caps);text-transform:uppercase;color:var(--brief-accent)}.tcl-brief__id{font-family:var(--tcl-font-mono);font-size:var(--tcl-text-sm);color:var(--tcl-text-faint)}.tcl-brief__title{margin:var(--tcl-space-3) 0 0;font-size:var(--tcl-text-xl);font-weight:var(--tcl-weight-bold);line-height:var(--tcl-leading-tight)}.tcl-brief__summary{margin:var(--tcl-space-3) 0 0;font-size:var(--tcl-text-base);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-brief__meta{display:flex;flex-wrap:wrap;gap:var(--tcl-space-2);margin-top:var(--tcl-space-4)}.tcl-brief__metapill{display:inline-flex;align-items:baseline;gap:var(--tcl-space-2);padding:2px 10px;border:1px solid var(--tcl-border);border-radius:var(--tcl-radius-full)}.tcl-brief__metalabel{font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--tcl-text-faint)}.tcl-brief__metavalue{font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);color:var(--tcl-text-dim)}.tcl-brief__sections{display:flex;flex-direction:column;gap:var(--tcl-space-3)}.tcl-brief__section{border:1px solid var(--tcl-border);border-radius:var(--tcl-radius-md);background:var(--tcl-surface);overflow:hidden}.tcl-brief__section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--tcl-space-3);padding-right:var(--tcl-space-4)}.tcl-brief__section-h{margin:0;flex:1;font-size:inherit;font-weight:inherit}.tcl-brief__toggle{display:flex;align-items:center;gap:var(--tcl-space-3);width:100%;padding:var(--tcl-space-3) var(--tcl-space-4);border:none;background:transparent;cursor:pointer;text-align:left;font-family:inherit;font-size:var(--tcl-text-md);font-weight:var(--tcl-weight-semibold);color:var(--tcl-text);border-radius:var(--tcl-radius-md)}.tcl-brief__toggle:hover{background:var(--tcl-surface-hover)}.tcl-brief__toggle:focus-visible{outline:2px solid var(--tcl-focus-ring);outline-offset:-2px}.tcl-brief__chevron{width:0;height:0;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;color:var(--tcl-text-faint);transition:transform var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-brief__section[data-state=open] .tcl-brief__chevron{transform:rotate(90deg)}.tcl-brief__section-kind{flex-shrink:0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--tcl-text-faint)}.tcl-brief__section-body{padding:0 var(--tcl-space-5) var(--tcl-space-4) var(--tcl-space-5)}.tcl-brief__note{margin:0 0 var(--tcl-space-3);font-size:var(--tcl-text-sm);font-style:italic;color:var(--tcl-text-dim)}.tcl-brief__prose{margin:0 0 var(--tcl-space-2);font-size:var(--tcl-text-sm);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-brief__list,.tcl-brief__rules{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--tcl-space-2);font-size:var(--tcl-text-sm)}.tcl-brief__rules{counter-reset:rule}.tcl-brief__rule{position:relative;padding-left:var(--tcl-space-6);line-height:var(--tcl-leading-normal)}.tcl-brief__rule:before{counter-increment:rule;content:counter(rule);position:absolute;left:0;top:0;width:1.25rem;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);font-weight:var(--tcl-weight-bold);color:var(--brief-accent)}.tcl-brief__desc{color:var(--tcl-text-faint)}.tcl-brief__command{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--tcl-space-3)}.tcl-brief__code,.tcl-brief__chip{font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);padding:1px 6px;border-radius:var(--tcl-radius-sm);background:var(--tcl-surface-sunken);color:var(--tcl-text);white-space:nowrap}.tcl-brief__command-desc{color:var(--tcl-text-dim)}.tcl-brief__check{--sev: var(--tcl-status-neutral);--sev-bg: var(--tcl-status-neutral-bg);display:flex;align-items:flex-start;gap:var(--tcl-space-3);padding:var(--tcl-space-2) var(--tcl-space-3);border-left:3px solid var(--sev);border-radius:var(--tcl-radius-sm);background:var(--sev-bg);line-height:var(--tcl-leading-normal)}.tcl-brief__check[data-severity=info]{--sev: var(--tcl-status-info);--sev-bg: var(--tcl-status-info-bg)}.tcl-brief__check[data-severity=warn]{--sev: var(--tcl-status-warning);--sev-bg: var(--tcl-status-warning-bg)}.tcl-brief__check[data-severity=danger]{--sev: var(--tcl-status-danger);--sev-bg: var(--tcl-status-danger-bg)}.tcl-brief__check-glyph{flex-shrink:0;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--sev)}.tcl-brief__phase{--st: var(--tcl-status-neutral);display:flex;align-items:baseline;gap:var(--tcl-space-3);line-height:var(--tcl-leading-normal)}.tcl-brief__phase[data-status=done]{--st: var(--tcl-status-success)}.tcl-brief__phase[data-status=active]{--st: var(--tcl-status-warning)}.tcl-brief__phase[data-status=pending]{--st: var(--tcl-text-faint)}.tcl-brief__phase-pip{flex-shrink:0;width:9px;height:9px;border-radius:50%;border:2px solid var(--st);background:var(--st);align-self:center}.tcl-brief__phase[data-status=pending] .tcl-brief__phase-pip{background:transparent}.tcl-brief__phase-text{flex:1}.tcl-brief__phase-status{font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--st)}.tcl-brief__decision{display:flex;flex-wrap:wrap;gap:var(--tcl-space-2) var(--tcl-space-3);line-height:var(--tcl-leading-normal)}.tcl-brief__decision-title{font-weight:var(--tcl-weight-semibold)}.tcl-brief__decision-choice{color:var(--tcl-text-dim)}.tcl-brief__arrow{color:var(--brief-accent);font-weight:var(--tcl-weight-bold)}.tcl-brief__ref{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--tcl-space-2) var(--tcl-space-3)}.tcl-brief__ref-text{font-weight:var(--tcl-weight-medium)}a.tcl-brief__chip{color:var(--tcl-status-info-fg);text-decoration:none}a.tcl-brief__chip:hover{text-decoration:underline}.tcl-brief__status{font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);color:var(--tcl-text-faint)}.tcl-brief__empty{margin:0;font-size:var(--tcl-text-sm);color:var(--tcl-text-faint)}}@layer tcl.components{.tcl-bar-chart{display:flex;flex-direction:column;gap:var(--tcl-space-5);font-family:var(--tcl-font-sans);color:var(--tcl-text)}.tcl-bar-chart__brand{margin:0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);font-weight:var(--tcl-weight-bold);letter-spacing:var(--tcl-tracking-caps);text-transform:uppercase;color:var(--tcl-text-dim)}.tcl-bar-chart__code{margin:0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-sm);color:var(--tcl-accent)}.tcl-bar-chart__title{margin:var(--tcl-space-1) 0 0;font-size:var(--tcl-text-lg);font-weight:var(--tcl-weight-semibold)}.tcl-bar-chart__caption{margin:var(--tcl-space-2) 0 0;font-size:var(--tcl-text-sm);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-bar-chart__plot{display:grid;gap:var(--tcl-space-3)}.tcl-bar-chart__canvas{position:relative;grid-area:canvas}.tcl-bar-chart__axis{grid-area:axis}.tcl-bar-chart__cell{appearance:none;margin:0;padding:0;border:none;background:none;font:inherit;color:inherit;cursor:pointer;display:flex;min-width:0;min-height:0}.tcl-bar-chart__bar{position:relative;background:var(--bar-color, var(--tcl-accent));border-radius:var(--tcl-radius-sm);transition:height var(--tcl-dur-slow) var(--tcl-ease-calm),width var(--tcl-dur-slow) var(--tcl-ease-calm),filter var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-bar-chart__cell:hover .tcl-bar-chart__bar{filter:brightness(1.08)}.tcl-bar-chart__cell.is-selected .tcl-bar-chart__bar{box-shadow:0 0 0 2px var(--tcl-bg),0 0 0 4px var(--tcl-accent)}.tcl-bar-chart__cell:focus-visible{outline:none}.tcl-bar-chart__cell:focus-visible .tcl-bar-chart__bar{box-shadow:0 0 0 2px var(--tcl-bg),0 0 0 4px var(--tcl-focus-ring)}.tcl-bar-chart__value{position:absolute;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);font-variant-numeric:tabular-nums;color:var(--tcl-text-dim);white-space:nowrap}.tcl-bar-chart__tick{font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);letter-spacing:.04em;color:var(--tcl-text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tcl-bar-chart__marker{position:absolute;pointer-events:none;z-index:2}.tcl-bar-chart__marker-label{position:absolute;font-family:var(--tcl-font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--mk, var(--tcl-text-faint));background:var(--tcl-bg);padding:0 4px;white-space:nowrap}.tcl-bar-chart--vertical .tcl-bar-chart__plot{grid-template-areas:"canvas" "axis";grid-template-rows:1fr auto;padding-top:var(--tcl-space-6)}.tcl-bar-chart--vertical .tcl-bar-chart__canvas{display:flex;align-items:flex-end;gap:var(--tcl-space-4)}.tcl-bar-chart--vertical .tcl-bar-chart__cell{flex:1 1 0;height:100%;align-items:flex-end;justify-content:center}.tcl-bar-chart--vertical .tcl-bar-chart__bar{width:100%;max-width:72px;height:var(--pct);min-height:3px}.tcl-bar-chart--vertical .tcl-bar-chart__value{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--tcl-space-2)}.tcl-bar-chart--vertical .tcl-bar-chart__axis{display:flex;gap:var(--tcl-space-4)}.tcl-bar-chart--vertical .tcl-bar-chart__tick{flex:1 1 0;text-align:center}.tcl-bar-chart--vertical .tcl-bar-chart__marker{left:0;right:0;bottom:var(--at);border-top:1px dashed color-mix(in oklab,var(--mk, var(--tcl-text)) 70%,transparent)}.tcl-bar-chart--vertical .tcl-bar-chart__marker-label{right:0;bottom:2px}.tcl-bar-chart--horizontal .tcl-bar-chart__plot{grid-template-areas:"axis canvas";grid-template-columns:auto 1fr;padding-right:var(--tcl-space-7)}.tcl-bar-chart--horizontal .tcl-bar-chart__axis,.tcl-bar-chart--horizontal .tcl-bar-chart__canvas{display:flex;flex-direction:column;gap:var(--tcl-space-3)}.tcl-bar-chart--horizontal .tcl-bar-chart__tick{flex:1 1 0;display:flex;align-items:center;justify-content:flex-end;max-width:160px}.tcl-bar-chart--horizontal .tcl-bar-chart__cell{flex:1 1 0;min-height:var(--tcl-space-7);width:100%;align-items:center}.tcl-bar-chart--horizontal .tcl-bar-chart__bar{height:100%;max-height:28px;width:var(--pct);min-width:3px}.tcl-bar-chart--horizontal .tcl-bar-chart__value{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--tcl-space-2)}.tcl-bar-chart--horizontal .tcl-bar-chart__marker{top:0;bottom:0;left:var(--at);border-left:1px dashed color-mix(in oklab,var(--mk, var(--tcl-text)) 70%,transparent)}.tcl-bar-chart--horizontal .tcl-bar-chart__marker-label{top:0;left:4px}.tcl-bar-chart__inspector{min-height:56px;padding:var(--tcl-space-4) var(--tcl-space-5);background:var(--tcl-surface);border:1px solid var(--tcl-border);border-left:3px solid var(--tcl-accent);border-radius:var(--tcl-radius-md)}.tcl-bar-chart__inspector-title{margin:0;font-size:var(--tcl-text-md);font-weight:var(--tcl-weight-semibold)}.tcl-bar-chart__inspector-value{font-family:var(--tcl-font-mono);font-variant-numeric:tabular-nums;font-weight:var(--tcl-weight-regular);color:var(--tcl-text-dim)}.tcl-bar-chart__inspector-sub{font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);color:var(--tcl-text-faint)}.tcl-bar-chart__inspector-note{margin:var(--tcl-space-2) 0 0;font-size:var(--tcl-text-sm);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-bar-chart__inspector-hint{margin:0;font-size:var(--tcl-text-sm);color:var(--tcl-text-faint)}.tcl-bar-chart__spacer{flex:1 1 0;min-width:0;min-height:0}.tcl-bar-chart--vertical .tcl-bar-chart__group{flex:1 1 0;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:var(--tcl-space-1)}.tcl-bar-chart--vertical .tcl-bar-chart__group .tcl-bar-chart__bar{max-width:40px}.tcl-bar-chart--horizontal .tcl-bar-chart__group{flex:1 1 0;width:100%;display:flex;flex-direction:column;justify-content:center;gap:var(--tcl-space-1)}.tcl-bar-chart--horizontal .tcl-bar-chart__group .tcl-bar-chart__cell{min-height:var(--tcl-space-6)}.tcl-bar-chart--horizontal .tcl-bar-chart__group .tcl-bar-chart__bar{max-height:18px}.tcl-bar-chart__legend{display:flex;flex-wrap:wrap;gap:var(--tcl-space-4);font-size:var(--tcl-text-xs);color:var(--tcl-text-dim)}.tcl-bar-chart__legend-item{display:inline-flex;align-items:center;gap:var(--tcl-space-2)}.tcl-bar-chart__legend-swatch{width:12px;height:12px;border-radius:var(--tcl-radius-sm);background:var(--sw, var(--tcl-accent))}@media(prefers-reduced-motion:reduce){.tcl-bar-chart__bar{transition:none}}}@layer tcl.components{.tcl-line-chart{display:flex;flex-direction:column;gap:var(--tcl-space-5);font-family:var(--tcl-font-sans);color:var(--tcl-text)}.tcl-line-chart__brand{margin:0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);font-weight:var(--tcl-weight-bold);letter-spacing:var(--tcl-tracking-caps);text-transform:uppercase;color:var(--tcl-text-dim)}.tcl-line-chart__code{margin:0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-sm);color:var(--tcl-accent)}.tcl-line-chart__title{margin:var(--tcl-space-1) 0 0;font-size:var(--tcl-text-lg);font-weight:var(--tcl-weight-semibold)}.tcl-line-chart__caption{margin:var(--tcl-space-2) 0 0;font-size:var(--tcl-text-sm);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-line-chart__plot{display:flex;flex-direction:column;gap:var(--tcl-space-3)}.tcl-line-chart__canvas{position:relative}.tcl-line-chart__svg{display:block;width:100%;height:auto;overflow:visible}.tcl-line-chart__grid{stroke:var(--tcl-border-soft);stroke-width:1;vector-effect:non-scaling-stroke}.tcl-line-chart__axis-text{fill:var(--tcl-text-faint);font-family:var(--tcl-font-mono);font-size:11px}.tcl-line-chart__band{fill:var(--bnd, var(--tcl-status-success));fill-opacity:.1}.tcl-line-chart__band-edge{stroke:var(--bnd, var(--tcl-status-success));stroke-opacity:.45;stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.tcl-line-chart__band-label{fill:var(--bnd, var(--tcl-status-success));font-family:var(--tcl-font-mono);font-size:10px}.tcl-line-chart__target{stroke:var(--tgt, var(--tcl-status-warning));stroke-width:1.5;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.tcl-line-chart__target-label{fill:var(--tgt, var(--tcl-status-warning));font-family:var(--tcl-font-mono);font-size:10px}.tcl-line-chart__line{fill:none;stroke:var(--tcl-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tcl-line-chart__line.is-dashed{stroke-dasharray:6 4}.tcl-line-chart__area{fill:var(--tcl-accent);fill-opacity:.1;stroke:none}.tcl-line-chart__points{position:absolute;inset:0;pointer-events:none}.tcl-line-chart__dot{position:absolute;transform:translate(-50%,-50%);appearance:none;margin:0;padding:5px;width:16px;height:16px;box-sizing:border-box;border:none;border-radius:50%;background:var(--dot, var(--tcl-accent));background-clip:content-box;cursor:pointer;pointer-events:auto;transition:padding var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-line-chart__dot:hover{padding:4px}.tcl-line-chart__dot.is-selected{padding:4px;box-shadow:0 0 0 2px var(--tcl-bg),0 0 0 4px var(--tcl-accent)}.tcl-line-chart__dot:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tcl-bg),0 0 0 4px var(--tcl-focus-ring)}.tcl-line-chart__legend{display:flex;flex-wrap:wrap;gap:var(--tcl-space-4);font-size:var(--tcl-text-xs);color:var(--tcl-text-dim)}.tcl-line-chart__legend-item{display:inline-flex;align-items:center;gap:var(--tcl-space-2)}.tcl-line-chart__legend-swatch{width:16px;height:0;border-top:2px solid var(--dot, var(--tcl-accent))}.tcl-line-chart__legend-swatch.is-dashed{border-top-style:dashed}.tcl-line-chart__inspector{min-height:56px;padding:var(--tcl-space-4) var(--tcl-space-5);background:var(--tcl-surface);border:1px solid var(--tcl-border);border-left:3px solid var(--tcl-accent);border-radius:var(--tcl-radius-md)}.tcl-line-chart__inspector-title{margin:0;font-size:var(--tcl-text-md);font-weight:var(--tcl-weight-semibold)}.tcl-line-chart__inspector-value{font-family:var(--tcl-font-mono);font-variant-numeric:tabular-nums;font-weight:var(--tcl-weight-regular);color:var(--tcl-text-dim)}.tcl-line-chart__inspector-note{margin:var(--tcl-space-2) 0 0;font-size:var(--tcl-text-sm);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-line-chart__inspector-hint{margin:0;font-size:var(--tcl-text-sm);color:var(--tcl-text-faint)}@media(prefers-reduced-motion:reduce){.tcl-line-chart__dot{transition:none}}}@layer tcl.components{.tcl-gauge{display:flex;flex-direction:column;align-items:center;gap:var(--tcl-space-2);font-family:var(--tcl-font-sans);color:var(--tcl-text)}.tcl-gauge__dial{position:relative;width:100%;max-width:240px}.tcl-gauge__svg{display:block;width:100%;height:auto;overflow:visible}.tcl-gauge__track{fill:none;stroke:var(--tcl-surface-sunken);stroke-width:16;stroke-linecap:round}.tcl-gauge__zone{fill:none;stroke:var(--tcl-accent);stroke-width:16;stroke-linecap:butt}.tcl-gauge__target{stroke:var(--tcl-text);stroke-width:2;vector-effect:non-scaling-stroke}.tcl-gauge__needle line{stroke:var(--tcl-text);stroke-width:2.5;stroke-linecap:round}.tcl-gauge__needle circle{fill:var(--tcl-text)}.tcl-gauge__readout{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.tcl-gauge__value{display:flex;align-items:baseline;gap:var(--tcl-space-1);font-size:var(--tcl-text-xl);font-weight:var(--tcl-weight-bold);font-variant-numeric:tabular-nums;line-height:1}.tcl-gauge__unit{font-size:var(--tcl-text-sm);font-weight:var(--tcl-weight-medium);color:var(--tcl-text-faint)}.tcl-gauge__label{font-size:var(--tcl-text-xs);color:var(--tcl-text-dim)}.tcl-gauge__target-label{margin:0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);color:var(--tcl-text-dim)}.tcl-gauge__scale{display:flex;justify-content:space-between;width:100%;max-width:220px;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);color:var(--tcl-text-faint)}}@layer tcl.components{.tcl-donut{display:flex;flex-direction:column;gap:var(--tcl-space-4);font-family:var(--tcl-font-sans);color:var(--tcl-text)}.tcl-donut__brand{margin:0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);font-weight:var(--tcl-weight-bold);letter-spacing:var(--tcl-tracking-caps);text-transform:uppercase;color:var(--tcl-text-dim)}.tcl-donut__code{margin:0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-sm);color:var(--tcl-accent)}.tcl-donut__title{margin:var(--tcl-space-1) 0 0;font-size:var(--tcl-text-lg);font-weight:var(--tcl-weight-semibold)}.tcl-donut__caption{margin:var(--tcl-space-2) 0 0;font-size:var(--tcl-text-sm);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-donut__body{display:flex;align-items:center;gap:var(--tcl-space-6);flex-wrap:wrap}.tcl-donut__ring{position:relative;flex:none}.tcl-donut__ring svg{display:block;width:100%;height:100%}.tcl-donut__seg{fill:none;stroke:var(--tcl-accent);stroke-width:20;transition:opacity var(--tcl-dur-fast) var(--tcl-ease-calm),stroke-width var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-donut__seg.is-dim{opacity:.3}.tcl-donut__seg.is-selected{stroke-width:24}.tcl-donut__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none}.tcl-donut__center-value{font-size:var(--tcl-text-lg);font-weight:var(--tcl-weight-bold);font-variant-numeric:tabular-nums;line-height:1}.tcl-donut__center-label{font-size:var(--tcl-text-xs);color:var(--tcl-text-faint)}.tcl-donut__legend{display:flex;flex-direction:column;gap:var(--tcl-space-1);min-width:0;flex:1 1 140px}.tcl-donut__legend-item{appearance:none;display:flex;align-items:center;gap:var(--tcl-space-2);width:100%;margin:0;padding:var(--tcl-space-1) var(--tcl-space-2);border:1px solid transparent;border-radius:var(--tcl-radius-sm);background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-donut__legend-item:hover{background:var(--tcl-surface-hover)}.tcl-donut__legend-item.is-selected{background:var(--tcl-surface-hover);border-color:var(--tcl-border)}.tcl-donut__legend-item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tcl-focus-ring)}.tcl-donut__swatch{flex:none;width:12px;height:12px;border-radius:var(--tcl-radius-sm);background:var(--seg, var(--tcl-accent))}.tcl-donut__legend-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--tcl-text-sm)}.tcl-donut__legend-pct{flex:none;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);font-variant-numeric:tabular-nums;color:var(--tcl-text-dim)}.tcl-donut__inspector{min-height:48px;padding:var(--tcl-space-3) var(--tcl-space-4);background:var(--tcl-surface);border:1px solid var(--tcl-border);border-left:3px solid var(--tcl-accent);border-radius:var(--tcl-radius-md)}.tcl-donut__inspector-title{margin:0;font-size:var(--tcl-text-md);font-weight:var(--tcl-weight-semibold)}.tcl-donut__inspector-value{font-family:var(--tcl-font-mono);font-variant-numeric:tabular-nums;font-weight:var(--tcl-weight-regular);color:var(--tcl-text-dim)}.tcl-donut__inspector-note{margin:var(--tcl-space-2) 0 0;font-size:var(--tcl-text-sm);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-donut__inspector-hint{margin:0;font-size:var(--tcl-text-sm);color:var(--tcl-text-faint)}@media(prefers-reduced-motion:reduce){.tcl-donut__seg{transition:none}}}@layer tcl.components{.tcl-heatmap{display:flex;flex-direction:column;gap:var(--tcl-space-4);font-family:var(--tcl-font-sans);color:var(--tcl-text)}.tcl-heatmap__brand{margin:0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);font-weight:var(--tcl-weight-bold);letter-spacing:var(--tcl-tracking-caps);text-transform:uppercase;color:var(--tcl-text-dim)}.tcl-heatmap__code{margin:0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-sm);color:var(--tcl-accent)}.tcl-heatmap__title{margin:var(--tcl-space-1) 0 0;font-size:var(--tcl-text-lg);font-weight:var(--tcl-weight-semibold)}.tcl-heatmap__caption{margin:var(--tcl-space-2) 0 0;font-size:var(--tcl-text-sm);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-heatmap__grid{display:grid;gap:2px;align-items:center}.tcl-heatmap__colhead{font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);color:var(--tcl-text-faint);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:var(--tcl-space-1)}.tcl-heatmap__rowhead{font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);color:var(--tcl-text-faint);text-align:right;padding-right:var(--tcl-space-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.tcl-heatmap__cell{appearance:none;margin:0;padding:0;border:none;border-radius:var(--tcl-radius-sm);aspect-ratio:1 / 1;min-height:18px;width:100%;background:var(--tcl-surface-sunken);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-heatmap__cell:hover{transform:scale(1.08)}.tcl-heatmap__cell.is-selected{box-shadow:0 0 0 2px var(--tcl-bg),0 0 0 4px var(--tcl-accent)}.tcl-heatmap__cell:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tcl-bg),0 0 0 4px var(--tcl-focus-ring)}.tcl-heatmap__cell--empty{background:repeating-linear-gradient(-45deg,var(--tcl-surface-sunken),var(--tcl-surface-sunken) 3px,transparent 3px,transparent 6px);cursor:default}.tcl-heatmap__cell-value{font-family:var(--tcl-font-mono);font-size:10px;font-weight:var(--tcl-weight-semibold);color:var(--tcl-text);text-shadow:0 0 2px var(--tcl-bg),0 1px 1px var(--tcl-bg);pointer-events:none}.tcl-heatmap__scale{display:flex;align-items:center;gap:var(--tcl-space-3);font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);color:var(--tcl-text-faint);flex-wrap:wrap}.tcl-heatmap__scale-stop{display:inline-flex;align-items:center;gap:var(--tcl-space-1)}.tcl-heatmap__scale-swatch{width:12px;height:12px;border-radius:var(--tcl-radius-sm);background:var(--sw, var(--tcl-accent))}.tcl-heatmap__scale-gradient{width:120px;height:8px;border-radius:var(--tcl-radius-full);background:linear-gradient(to right,var(--g0),var(--g1))}.tcl-heatmap__inspector{min-height:44px;padding:var(--tcl-space-3) var(--tcl-space-4);background:var(--tcl-surface);border:1px solid var(--tcl-border);border-left:3px solid var(--tcl-accent);border-radius:var(--tcl-radius-md)}.tcl-heatmap__inspector-title{margin:0;font-size:var(--tcl-text-md);font-weight:var(--tcl-weight-semibold)}.tcl-heatmap__inspector-sub{font-size:var(--tcl-text-sm);color:var(--tcl-text-faint)}.tcl-heatmap__inspector-value{font-family:var(--tcl-font-mono);font-variant-numeric:tabular-nums;font-weight:var(--tcl-weight-regular);color:var(--tcl-text-dim)}.tcl-heatmap__inspector-hint{margin:0;font-size:var(--tcl-text-sm);color:var(--tcl-text-faint)}@media(prefers-reduced-motion:reduce){.tcl-heatmap__cell{transition:none}}}@layer tcl.components{.tcl-funnel{display:flex;flex-direction:column;gap:var(--tcl-space-5);font-family:var(--tcl-font-sans);color:var(--tcl-text)}.tcl-funnel__brand{margin:0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);font-weight:var(--tcl-weight-bold);letter-spacing:var(--tcl-tracking-caps);text-transform:uppercase;color:var(--tcl-text-dim)}.tcl-funnel__code{margin:0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-sm);color:var(--tcl-accent)}.tcl-funnel__title{margin:var(--tcl-space-1) 0 0;font-size:var(--tcl-text-lg);font-weight:var(--tcl-weight-semibold)}.tcl-funnel__caption{margin:var(--tcl-space-2) 0 0;font-size:var(--tcl-text-sm);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-funnel__stages{display:flex;flex-direction:column;gap:var(--tcl-space-2)}.tcl-funnel__stage{appearance:none;margin:0;padding:var(--tcl-space-1) var(--tcl-space-2);border:1px solid transparent;border-radius:var(--tcl-radius-sm);background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;display:grid;grid-template-columns:minmax(72px,132px) 1fr auto;align-items:center;gap:var(--tcl-space-3);transition:background var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-funnel__stage:hover{background:var(--tcl-surface-hover)}.tcl-funnel__stage.is-selected{background:var(--tcl-surface-hover);border-color:var(--tcl-border)}.tcl-funnel__stage:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tcl-focus-ring)}.tcl-funnel__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--tcl-text-sm);color:var(--tcl-text-dim)}.tcl-funnel__track{position:relative;height:22px;border-radius:var(--tcl-radius-sm);background:var(--tcl-surface-sunken);overflow:hidden}.tcl-funnel__bar{display:block;height:100%;width:var(--pct);min-width:2px;background:var(--bar-color, var(--tcl-accent));border-radius:var(--tcl-radius-sm);transition:width var(--tcl-dur-slow) var(--tcl-ease-calm),filter var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-funnel__stage:hover .tcl-funnel__bar{filter:brightness(1.08)}.tcl-funnel__readout{display:flex;align-items:baseline;justify-content:flex-end;gap:var(--tcl-space-2);min-width:76px;font-family:var(--tcl-font-mono);font-variant-numeric:tabular-nums}.tcl-funnel__value{font-size:var(--tcl-text-sm);color:var(--tcl-text)}.tcl-funnel__conv{font-size:var(--tcl-text-xs);color:var(--tcl-text-faint)}.tcl-funnel__inspector{min-height:56px;padding:var(--tcl-space-4) var(--tcl-space-5);background:var(--tcl-surface);border:1px solid var(--tcl-border);border-left:3px solid var(--tcl-accent);border-radius:var(--tcl-radius-md)}.tcl-funnel__inspector-title{margin:0;font-size:var(--tcl-text-md);font-weight:var(--tcl-weight-semibold)}.tcl-funnel__inspector-value{font-family:var(--tcl-font-mono);font-variant-numeric:tabular-nums;font-weight:var(--tcl-weight-regular);color:var(--tcl-text-dim)}.tcl-funnel__inspector-drop{margin:var(--tcl-space-2) 0 0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);color:var(--tcl-text-faint)}.tcl-funnel__inspector-note{margin:var(--tcl-space-2) 0 0;font-size:var(--tcl-text-sm);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-funnel__inspector-hint{margin:0;font-size:var(--tcl-text-sm);color:var(--tcl-text-faint)}@media(prefers-reduced-motion:reduce){.tcl-funnel__bar{transition:none}}}@layer tcl.components{.tcl-treemap{display:flex;flex-direction:column;gap:var(--tcl-space-4);font-family:var(--tcl-font-sans);color:var(--tcl-text)}.tcl-treemap__brand{margin:0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);font-weight:var(--tcl-weight-bold);letter-spacing:var(--tcl-tracking-caps);text-transform:uppercase;color:var(--tcl-text-dim)}.tcl-treemap__code{margin:0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-sm);color:var(--tcl-accent)}.tcl-treemap__title{margin:var(--tcl-space-1) 0 0;font-size:var(--tcl-text-lg);font-weight:var(--tcl-weight-semibold)}.tcl-treemap__caption{margin:var(--tcl-space-2) 0 0;font-size:var(--tcl-text-sm);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-treemap__plot{position:relative;width:100%;border-radius:var(--tcl-radius-md);background:var(--tcl-surface-sunken);overflow:hidden}.tcl-treemap__empty{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;font-size:var(--tcl-text-sm);color:var(--tcl-text-faint)}.tcl-treemap__cell{position:absolute;appearance:none;margin:0;padding:var(--tcl-space-2);border:1.5px solid var(--tcl-bg);box-sizing:border-box;border-radius:var(--tcl-radius-sm);background:var(--cell, var(--tcl-accent));color:var(--cell-fg, var(--tcl-text));cursor:pointer;overflow:hidden;display:flex;align-items:flex-start;text-align:left;transition:filter var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-treemap__cell:hover{filter:brightness(1.08)}.tcl-treemap__cell.is-selected{z-index:2;box-shadow:0 0 0 2px var(--tcl-bg),0 0 0 4px var(--tcl-accent)}.tcl-treemap__cell:focus-visible{outline:none;z-index:2;box-shadow:0 0 0 2px var(--tcl-bg),0 0 0 4px var(--tcl-focus-ring)}.tcl-treemap__cell-text{display:flex;flex-direction:column;gap:2px;min-width:0;max-width:100%;color:inherit;text-shadow:var(--cell-halo, none);pointer-events:none}.tcl-treemap__cell-label{font-size:var(--tcl-text-sm);font-weight:var(--tcl-weight-medium);line-height:var(--tcl-leading-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tcl-treemap__cell-value{font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);font-variant-numeric:tabular-nums;color:inherit;opacity:.82}.tcl-treemap__inspector{min-height:56px;padding:var(--tcl-space-4) var(--tcl-space-5);background:var(--tcl-surface);border:1px solid var(--tcl-border);border-left:3px solid var(--tcl-accent);border-radius:var(--tcl-radius-md)}.tcl-treemap__inspector-title{margin:0;font-size:var(--tcl-text-md);font-weight:var(--tcl-weight-semibold)}.tcl-treemap__inspector-sub{font-size:var(--tcl-text-sm);color:var(--tcl-text-faint)}.tcl-treemap__inspector-value{font-family:var(--tcl-font-mono);font-variant-numeric:tabular-nums;font-weight:var(--tcl-weight-regular);color:var(--tcl-text-dim)}.tcl-treemap__inspector-note{margin:var(--tcl-space-2) 0 0;font-size:var(--tcl-text-sm);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-treemap__inspector-hint{margin:0;font-size:var(--tcl-text-sm);color:var(--tcl-text-faint)}@media(prefers-reduced-motion:reduce){.tcl-treemap__cell{transition:none}}}@layer tcl.components{.tcl-swimlane{display:flex;flex-direction:column;gap:var(--tcl-space-5);font-family:var(--tcl-font-sans);color:var(--tcl-text)}.tcl-swimlane__brand{margin:0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);font-weight:var(--tcl-weight-bold);letter-spacing:var(--tcl-tracking-caps);text-transform:uppercase;color:var(--tcl-text-dim)}.tcl-swimlane__code{margin:0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-sm);color:var(--tcl-accent)}.tcl-swimlane__title{margin:var(--tcl-space-1) 0 0;font-size:var(--tcl-text-lg);font-weight:var(--tcl-weight-semibold)}.tcl-swimlane__caption{margin:var(--tcl-space-2) 0 0;font-size:var(--tcl-text-sm);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-swimlane__board{display:flex;overflow-x:auto;border:1px solid var(--tcl-border);border-radius:var(--tcl-radius-md);background:var(--tcl-surface-raised)}.tcl-swimlane__lanes{position:sticky;left:0;z-index:1;flex:none;background:var(--tcl-surface);border-right:1px solid var(--tcl-border)}.tcl-swimlane__lane-head{display:flex;align-items:center;gap:var(--tcl-space-2);width:124px;padding:0 var(--tcl-space-4);box-sizing:border-box}.tcl-swimlane__lane-head+.tcl-swimlane__lane-head{border-top:1px solid var(--tcl-border-soft)}.tcl-swimlane__lane-dot{flex:none;width:8px;height:8px;border-radius:var(--tcl-radius-full);background:var(--lane-tone, var(--tcl-status-neutral))}.tcl-swimlane__lane-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--tcl-text-sm);font-weight:var(--tcl-weight-semibold)}.tcl-swimlane__lane-kind{flex:none;margin-left:auto;font-family:var(--tcl-font-mono);font-size:9px;letter-spacing:var(--tcl-tracking-wide);text-transform:uppercase;color:var(--tcl-text-faint)}.tcl-swimlane__track{position:relative;flex:none}.tcl-swimlane__stripe{position:absolute;left:0;right:0;pointer-events:none}.tcl-swimlane__stripe.is-alt{background:var(--tcl-surface-sunken);opacity:.45}.tcl-swimlane__edges{position:absolute;inset:0;pointer-events:none;overflow:visible}.tcl-swimlane__edge{color:var(--tcl-border-strong)}.tcl-swimlane__edge-line{fill:none;stroke:currentColor;stroke-width:1.5}.tcl-swimlane__edge-arrow{fill:currentColor;stroke:none}.tcl-swimlane__edge.is-active{color:var(--tcl-accent)}.tcl-swimlane__edge.is-active .tcl-swimlane__edge-line{stroke-width:2}.tcl-swimlane__steps{position:absolute;inset:0}.tcl-swimlane__step{appearance:none;position:absolute;margin:0;padding:var(--tcl-space-2) var(--tcl-space-3);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:var(--tcl-space-1);text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--tcl-surface-raised);border:1px solid var(--tcl-border);border-left:3px solid var(--step-tone, var(--tcl-status-neutral));border-radius:var(--tcl-radius-md);box-shadow:var(--tcl-elevation-1);transition:box-shadow var(--tcl-dur-fast) var(--tcl-ease-calm),border-color var(--tcl-dur-fast) var(--tcl-ease-calm),transform var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-swimlane__step:hover{border-color:var(--tcl-border-strong);box-shadow:var(--tcl-elevation-2)}.tcl-swimlane__step:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tcl-bg),0 0 0 4px var(--tcl-focus-ring)}.tcl-swimlane__step.is-selected{box-shadow:0 0 0 2px var(--tcl-bg),0 0 0 4px var(--tcl-accent)}.tcl-swimlane__step.is-selected:focus-visible{box-shadow:0 0 0 2px var(--tcl-bg),0 0 0 4px var(--tcl-focus-ring)}.tcl-swimlane__step.is-pending{background:var(--tcl-surface);box-shadow:none}.tcl-swimlane__step.is-skipped{background:var(--tcl-surface);border-style:dashed;box-shadow:none}.tcl-swimlane__step.is-skipped .tcl-swimlane__step-label{color:var(--tcl-text-faint);text-decoration:line-through}.tcl-swimlane__step-top{display:flex;align-items:center;gap:var(--tcl-space-2);min-width:0}.tcl-swimlane__step-dot{flex:none;width:8px;height:8px;border-radius:var(--tcl-radius-full);background:var(--step-tone, var(--tcl-status-neutral))}.tcl-swimlane__step.is-active .tcl-swimlane__step-dot{box-shadow:0 0 color-mix(in oklab,var(--step-tone) 60%,transparent);animation:tcl-swimlane-pulse 1.8s var(--tcl-ease-calm) infinite}.tcl-swimlane__step-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--tcl-text-sm);font-weight:var(--tcl-weight-semibold)}.tcl-swimlane__step-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:calc(8px + var(--tcl-space-2));font-size:var(--tcl-text-xs);color:var(--tcl-text-dim)}.tcl-swimlane__empty{margin:0;padding:var(--tcl-space-6);text-align:center;color:var(--tcl-text-faint);font-size:var(--tcl-text-sm);border:1px dashed var(--tcl-border);border-radius:var(--tcl-radius-md)}.tcl-swimlane__inspector{min-height:56px;padding:var(--tcl-space-4) var(--tcl-space-5);background:var(--tcl-surface);border:1px solid var(--tcl-border);border-left:3px solid var(--tcl-accent);border-radius:var(--tcl-radius-md)}.tcl-swimlane__inspector-title{margin:0;font-size:var(--tcl-text-md);font-weight:var(--tcl-weight-semibold)}.tcl-swimlane__inspector-lane{color:var(--tcl-text-dim)}.tcl-swimlane__inspector-status{font-family:var(--tcl-font-mono);font-weight:var(--tcl-weight-regular);color:var(--tcl-text-dim)}.tcl-swimlane__inspector-note{margin:var(--tcl-space-2) 0 0;font-size:var(--tcl-text-sm);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-swimlane__inspector-handoff{margin:var(--tcl-space-2) 0 0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);color:var(--tcl-text-faint)}.tcl-swimlane__inspector-hint{margin:0;font-size:var(--tcl-text-sm);color:var(--tcl-text-faint)}@keyframes tcl-swimlane-pulse{0%,to{box-shadow:0 0 color-mix(in oklab,var(--step-tone) 55%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in oklab,var(--step-tone) 0%,transparent)}}@media(prefers-reduced-motion:reduce){.tcl-swimlane__step{transition:none}.tcl-swimlane__step.is-active .tcl-swimlane__step-dot{animation:none}}}@layer tcl.components{.tcl-run-history{display:flex;flex-direction:column;gap:var(--tcl-space-5);font-family:var(--tcl-font-sans);color:var(--tcl-text)}.tcl-run-history__brand{margin:0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);font-weight:var(--tcl-weight-bold);letter-spacing:var(--tcl-tracking-caps);text-transform:uppercase;color:var(--tcl-text-dim)}.tcl-run-history__code{margin:0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-sm);color:var(--tcl-accent)}.tcl-run-history__title{margin:var(--tcl-space-1) 0 0;font-size:var(--tcl-text-lg);font-weight:var(--tcl-weight-semibold)}.tcl-run-history__caption{margin:var(--tcl-space-2) 0 0;font-size:var(--tcl-text-sm);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-run-history__run{display:inline-flex;align-items:center;gap:var(--tcl-space-3);min-width:0}.tcl-run-history__run-label{font-family:var(--tcl-font-mono);font-size:var(--tcl-text-sm);font-variant-numeric:tabular-nums;color:var(--tcl-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tcl-run-history__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tcl-run-history__status.is-running .tcl-badge__dot{animation:tcl-run-history-pulse 1.6s var(--tcl-ease-calm) infinite}.tcl-run-history__when{color:var(--tcl-text-dim);white-space:nowrap}.tcl-run-history__steps{font-size:var(--tcl-text-xs);white-space:nowrap}.tcl-run-history__steps-none{color:var(--tcl-text-faint)}.tcl-run-history__tally{font-variant-numeric:tabular-nums}.tcl-run-history__tally.is-success{color:var(--tcl-text-dim)}.tcl-run-history__tally.is-accent{color:var(--tcl-accent)}.tcl-run-history__tally.is-danger{color:var(--tcl-status-danger)}.tcl-run-history__tally.is-warning{color:var(--tcl-status-warning)}.tcl-run-history__tally.is-neutral,.tcl-run-history__tally-sep{color:var(--tcl-text-faint)}.tcl-run-history .tcl-table__row.is-run-selected{background:color-mix(in srgb,var(--tcl-accent) 14%,var(--tcl-surface-raised))}.tcl-run-history .tcl-table__row.is-run-selected:hover{background:color-mix(in srgb,var(--tcl-accent) 18%,var(--tcl-surface-raised))}.tcl-run-history .tcl-table__row.is-run-selected .tcl-table__td:first-child{box-shadow:inset 3px 0 0 var(--tcl-accent)}.tcl-run-history__inspector{min-height:56px;padding:var(--tcl-space-4) var(--tcl-space-5);background:var(--tcl-surface);border:1px solid var(--tcl-border);border-left:3px solid var(--tcl-accent);border-radius:var(--tcl-radius-md)}.tcl-run-history__inspector-title{display:flex;align-items:center;flex-wrap:wrap;gap:var(--tcl-space-2);margin:0;font-size:var(--tcl-text-md);font-weight:var(--tcl-weight-semibold)}.tcl-run-history__inspector-label{font-family:var(--tcl-font-mono);font-variant-numeric:tabular-nums}.tcl-run-history__inspector-meta{font-family:var(--tcl-font-mono);font-variant-numeric:tabular-nums;font-weight:var(--tcl-weight-regular);color:var(--tcl-text-dim)}.tcl-run-history__inspector-note{margin:var(--tcl-space-3) 0 0;font-size:var(--tcl-text-sm);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-run-history__inspector-hint{margin:0;font-size:var(--tcl-text-sm);color:var(--tcl-text-faint)}.tcl-run-history__no-outputs{margin:var(--tcl-space-3) 0 0;font-size:var(--tcl-text-xs);color:var(--tcl-text-faint)}.tcl-run-history__outputs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tcl-space-2);margin-top:var(--tcl-space-3)}.tcl-run-history__chip{--chip: var(--tcl-status-neutral);display:inline-flex;align-items:center;gap:var(--tcl-space-2);height:24px;padding:0 var(--tcl-space-3);border:1px solid color-mix(in oklab,var(--chip) 30%,transparent);border-radius:var(--tcl-radius-full);background:color-mix(in oklab,var(--chip) 12%,var(--tcl-surface));color:var(--tcl-text);font-size:var(--tcl-text-xs);line-height:1;white-space:nowrap;text-decoration:none}.tcl-run-history__chip.is-accent{--chip: var(--tcl-accent)}.tcl-run-history__chip.is-info{--chip: var(--tcl-status-info)}.tcl-run-history__chip.is-success{--chip: var(--tcl-status-success)}.tcl-run-history__chip.is-warning{--chip: var(--tcl-status-warning)}.tcl-run-history__chip.is-danger{--chip: var(--tcl-status-danger)}.tcl-run-history__chip.is-neutral{--chip: var(--tcl-status-neutral)}a.tcl-run-history__chip{color:var(--tcl-text)}a.tcl-run-history__chip:hover{background:color-mix(in oklab,var(--chip) 22%,var(--tcl-surface));border-color:color-mix(in oklab,var(--chip) 50%,transparent)}a.tcl-run-history__chip:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tcl-focus-ring)}.tcl-run-history__chip-ext{color:var(--tcl-text-faint);font-size:.9em}.tcl-run-history__more{font-size:var(--tcl-text-xs);color:var(--tcl-text-faint)}@keyframes tcl-run-history-pulse{0%,to{opacity:1}50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.tcl-run-history__status.is-running .tcl-badge__dot{animation:none}}}@layer tcl.components{.tcl-callout{display:flex;align-items:flex-start;gap:var(--tcl-space-3);padding:var(--tcl-space-4) var(--tcl-space-5);border:1px solid color-mix(in oklab,var(--cal) 28%,transparent);border-left:3px solid var(--cal);border-radius:var(--tcl-radius-md);background:var(--cal-bg);color:var(--tcl-text);font-family:var(--tcl-font-sans)}.tcl-callout--accent{--cal: var(--tcl-accent);--cal-bg: color-mix(in oklab, var(--tcl-accent) 12%, var(--tcl-surface))}.tcl-callout--neutral{--cal: var(--tcl-status-neutral);--cal-bg: var(--tcl-status-neutral-bg)}.tcl-callout--success{--cal: var(--tcl-status-success);--cal-bg: var(--tcl-status-success-bg)}.tcl-callout--info{--cal: var(--tcl-status-info);--cal-bg: var(--tcl-status-info-bg)}.tcl-callout--warning{--cal: var(--tcl-status-warning);--cal-bg: var(--tcl-status-warning-bg)}.tcl-callout--danger{--cal: var(--tcl-status-danger);--cal-bg: var(--tcl-status-danger-bg)}.tcl-callout__icon{flex:none;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:1px;border-radius:var(--tcl-radius-full);font-size:var(--tcl-text-sm);line-height:1;color:var(--cal)}.tcl-callout__content{flex:1 1 auto;min-width:0}.tcl-callout__title{margin:0;font-size:var(--tcl-text-md);font-weight:var(--tcl-weight-semibold);line-height:var(--tcl-leading-tight)}.tcl-callout__title+.tcl-callout__body{margin-top:var(--tcl-space-1)}.tcl-callout__body{font-size:var(--tcl-text-sm);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-callout__body :first-child{margin-top:0}.tcl-callout__body :last-child{margin-bottom:0}.tcl-callout__body code{font-family:var(--tcl-font-mono);font-size:.92em;padding:.1em .35em;border-radius:var(--tcl-radius-sm);background:color-mix(in oklab,var(--cal) 14%,transparent);color:var(--tcl-text)}.tcl-callout__body a{color:var(--cal);text-decoration:underline;text-underline-offset:2px}.tcl-callout__dismiss{flex:none;appearance:none;margin:-2px -4px 0 0;padding:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--tcl-radius-sm);background:none;color:var(--tcl-text-faint);font-size:var(--tcl-text-sm);line-height:1;cursor:pointer;transition:background var(--tcl-dur-fast) var(--tcl-ease-calm),color var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-callout__dismiss:hover{background:color-mix(in oklab,var(--cal) 16%,transparent);color:var(--tcl-text)}.tcl-callout__dismiss:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tcl-focus-ring)}}@layer tcl.components{.tcl-empty{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--tcl-space-2);padding:var(--tcl-space-7) var(--tcl-space-6);border:1px dashed var(--tcl-border-strong);border-radius:var(--tcl-radius-lg);background:var(--tcl-surface-sunken);color:var(--tcl-text);font-family:var(--tcl-font-sans);text-align:center}.tcl-empty__badge{position:absolute;top:var(--tcl-space-4);right:var(--tcl-space-4)}.tcl-empty__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:var(--tcl-space-1);border-radius:var(--tcl-radius-full);background:color-mix(in oklab,var(--tcl-text-faint) 14%,transparent);color:var(--tcl-text-faint);font-size:var(--tcl-text-xl);line-height:1}.tcl-empty__title{margin:0;font-size:var(--tcl-text-md);font-weight:var(--tcl-weight-semibold)}.tcl-empty__description{margin:0;max-width:42ch;font-size:var(--tcl-text-sm);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-empty__pending{margin:var(--tcl-space-1) 0 0;font-size:var(--tcl-text-xs);color:var(--tcl-text-faint)}.tcl-empty__source{font-family:var(--tcl-font-mono);font-size:.92em;padding:.1em .4em;border-radius:var(--tcl-radius-sm);background:var(--tcl-surface);border:1px solid var(--tcl-border);color:var(--tcl-text-dim)}.tcl-empty__action{margin-top:var(--tcl-space-3);display:flex;align-items:center;gap:var(--tcl-space-3)}}@layer tcl.components{.tcl-data-status-bar{--dsb: var(--tcl-status-neutral);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--tcl-space-3) var(--tcl-space-5);padding:var(--tcl-space-3) var(--tcl-space-5);border:1px solid var(--tcl-border);border-left:3px solid var(--dsb);border-radius:var(--tcl-radius-md);background:var(--tcl-surface-raised);box-shadow:var(--tcl-elevation-1);font-family:var(--tcl-font-sans);color:var(--tcl-text)}.tcl-data-status-bar--dense{padding:var(--tcl-space-2) var(--tcl-space-4);gap:var(--tcl-space-2) var(--tcl-space-4)}.tcl-data-status-bar--success{--dsb: var(--tcl-status-success)}.tcl-data-status-bar--info{--dsb: var(--tcl-status-info)}.tcl-data-status-bar--warning{--dsb: var(--tcl-status-warning)}.tcl-data-status-bar--danger{--dsb: var(--tcl-status-danger)}.tcl-data-status-bar--neutral{--dsb: var(--tcl-status-neutral)}.tcl-data-status-bar--accent{--dsb: var(--tcl-accent)}.tcl-data-status-bar__lead{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tcl-space-3) var(--tcl-space-4);min-width:0}.tcl-data-status-bar__title{font-size:var(--tcl-text-sm);font-weight:var(--tcl-weight-semibold);color:var(--tcl-text)}.tcl-data-status-bar__status,.tcl-data-status-bar__signal{display:inline-flex;align-items:center;gap:var(--tcl-space-3)}.tcl-data-status-bar__dot{flex:none;width:9px;height:9px;border-radius:var(--tcl-radius-full);background:var(--dsb);box-shadow:0 0 0 3px color-mix(in oklab,var(--dsb) 18%,transparent)}.tcl-data-status-bar__dot--beacon{animation:tcl-dsb-beacon 2.4s var(--tcl-ease-calm) infinite}.tcl-data-status-bar__dot--pulse{animation:tcl-dsb-pulse 1s var(--tcl-ease-calm) infinite}.tcl-data-status-bar__status-word{font-size:var(--tcl-text-sm);font-weight:var(--tcl-weight-semibold);color:var(--dsb)}.tcl-data-status-bar__fresh{font-size:var(--tcl-text-xs);color:var(--tcl-text-faint);white-space:nowrap}.tcl-data-status-bar__metrics{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tcl-space-2) var(--tcl-space-4);margin:0;padding:0;list-style:none}.tcl-data-status-bar__metric+.tcl-data-status-bar__metric{position:relative;padding-left:var(--tcl-space-4)}.tcl-data-status-bar__metric+.tcl-data-status-bar__metric:before{content:"";position:absolute;left:0;top:50%;width:3px;height:3px;margin-top:-1.5px;border-radius:var(--tcl-radius-full);background:var(--tcl-text-faint)}.tcl-data-status-bar__metric{font-size:var(--tcl-text-xs);color:var(--tcl-text-dim)}.tcl-data-status-bar__metric-value{font-weight:var(--tcl-weight-semibold);font-variant-numeric:tabular-nums;color:var(--tcl-text)}.tcl-data-status-bar__metric-label{color:var(--tcl-text-faint)}.tcl-data-status-bar__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tcl-space-3);min-width:0}.tcl-data-status-bar__filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tcl-space-2);margin:0;padding:0;list-style:none}.tcl-data-status-bar__chip{--chip: var(--tcl-status-neutral);display:inline-flex;align-items:center;gap:var(--tcl-space-2);height:22px;padding:0 var(--tcl-space-2) 0 var(--tcl-space-3);border:1px solid color-mix(in oklab,var(--chip) 30%,transparent);border-radius:var(--tcl-radius-full);background:color-mix(in oklab,var(--chip) 12%,var(--tcl-surface));font-size:var(--tcl-text-xs);line-height:1;white-space:nowrap}.tcl-data-status-bar__chip:not(:has(.tcl-data-status-bar__chip-remove)){padding-right:var(--tcl-space-3)}.tcl-data-status-bar__chip--neutral{--chip: var(--tcl-status-neutral)}.tcl-data-status-bar__chip--success{--chip: var(--tcl-status-success)}.tcl-data-status-bar__chip--info{--chip: var(--tcl-status-info)}.tcl-data-status-bar__chip--warning{--chip: var(--tcl-status-warning)}.tcl-data-status-bar__chip--danger{--chip: var(--tcl-status-danger)}.tcl-data-status-bar__chip--accent{--chip: var(--tcl-accent)}.tcl-data-status-bar__chip-label{color:var(--tcl-text-faint);text-transform:uppercase;letter-spacing:var(--tcl-tracking-wide);font-size:.85em}.tcl-data-status-bar__chip-value{color:var(--tcl-text);font-weight:var(--tcl-weight-medium);font-variant-numeric:tabular-nums}.tcl-data-status-bar__chip-remove{flex:none;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:var(--tcl-space-1);padding:0;border:none;border-radius:var(--tcl-radius-full);background:none;color:color-mix(in oklab,var(--chip) 70%,var(--tcl-text-faint));font-size:.78em;line-height:1;cursor:pointer;transition:background var(--tcl-dur-fast) var(--tcl-ease-calm),color var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-data-status-bar__chip-remove:hover{background:color-mix(in oklab,var(--chip) 24%,transparent);color:var(--tcl-text)}.tcl-data-status-bar__chip-remove:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tcl-focus-ring)}.tcl-data-status-bar__refresh{display:inline-flex;align-items:center;gap:var(--tcl-space-2);height:26px;padding:0 var(--tcl-space-3);border:1px solid var(--tcl-border-strong);border-radius:var(--tcl-radius-md);background:var(--tcl-surface);color:var(--tcl-text-dim);font-family:inherit;font-size:var(--tcl-text-xs);font-weight:var(--tcl-weight-medium);line-height:1;cursor:pointer;transition:background var(--tcl-dur-fast) var(--tcl-ease-calm),border-color var(--tcl-dur-fast) var(--tcl-ease-calm),color var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-data-status-bar__refresh:hover{background:var(--tcl-surface-hover);border-color:var(--tcl-border-strong);color:var(--tcl-text)}.tcl-data-status-bar__refresh:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tcl-focus-ring)}.tcl-data-status-bar__refresh:disabled{cursor:default;opacity:.6}.tcl-data-status-bar__refresh-icon{font-size:1.05em;line-height:1}.tcl-data-status-bar__refresh[aria-busy=true] .tcl-data-status-bar__refresh-icon{animation:tcl-dsb-spin .9s linear infinite}@keyframes tcl-dsb-beacon{0%,to{box-shadow:0 0 0 3px color-mix(in oklab,var(--dsb) 18%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in oklab,var(--dsb) 6%,transparent)}}@keyframes tcl-dsb-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes tcl-dsb-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tcl-data-status-bar__dot--beacon,.tcl-data-status-bar__dot--pulse,.tcl-data-status-bar__refresh[aria-busy=true] .tcl-data-status-bar__refresh-icon{animation:none}.tcl-data-status-bar__refresh,.tcl-data-status-bar__chip-remove{transition:none}}}@layer tcl.components{.tcl-timeline{display:flex;flex-direction:column;gap:var(--tcl-space-4);font-family:var(--tcl-font-sans);color:var(--tcl-text)}.tcl-timeline__header{display:flex;align-items:center;gap:var(--tcl-space-4)}.tcl-timeline__code{flex:none;font-family:var(--tcl-font-display, var(--tcl-font-mono));font-size:var(--tcl-text-xl);font-weight:var(--tcl-weight-bold);letter-spacing:var(--tcl-tracking-caps);color:var(--tcl-timeline-accent, var(--tcl-accent));line-height:1}.tcl-timeline__heading{min-width:0;flex:1 1 auto}.tcl-timeline__brand{margin:0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);font-weight:var(--tcl-weight-bold);letter-spacing:var(--tcl-tracking-caps);text-transform:uppercase;color:var(--tcl-text-dim)}.tcl-timeline__title{margin:0;font-size:var(--tcl-text-lg);font-weight:var(--tcl-weight-semibold)}.tcl-timeline__caption{margin:var(--tcl-space-1) 0 0;font-size:var(--tcl-text-sm);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-timeline__meta{flex:none;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);letter-spacing:var(--tcl-tracking-wide);text-transform:uppercase;color:var(--tcl-text-faint)}.tcl-timeline__scroller{overflow-x:auto;border:1px solid var(--tcl-border);border-radius:var(--tcl-radius-md);background:var(--tcl-surface-raised);scrollbar-width:thin}.tcl-timeline__track{position:relative;flex:none}.tcl-timeline__axis{position:absolute;inset:0;pointer-events:none;overflow:visible}.tcl-timeline__rail{stroke:var(--tcl-border-strong);stroke-width:1.5;stroke-dasharray:2 6;stroke-linecap:round}.tcl-timeline__stem{stroke:color-mix(in oklab,var(--event-tone, var(--tcl-border-strong)) 50%,var(--tcl-border));stroke-width:1.5}.tcl-timeline__node{fill:var(--tcl-surface-raised);stroke:var(--event-tone, var(--tcl-status-neutral));stroke-width:2;transition:r var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-timeline__mark.is-selected .tcl-timeline__node{fill:var(--event-tone, var(--tcl-timeline-accent, var(--tcl-accent)))}.tcl-timeline__mark.is-selected .tcl-timeline__stem{stroke:var(--event-tone, var(--tcl-timeline-accent, var(--tcl-accent)));stroke-width:2}.tcl-timeline__events{position:absolute;inset:0}.tcl-timeline__event{appearance:none;position:absolute;margin:0;padding:var(--tcl-space-3) var(--tcl-space-4);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--tcl-space-1);text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--tcl-surface);border:1px solid var(--tcl-border);border-top:2px solid var(--event-tone, var(--tcl-status-neutral));border-radius:var(--tcl-radius-md);box-shadow:var(--tcl-elevation-1);overflow:hidden;transition:box-shadow var(--tcl-dur-fast) var(--tcl-ease-calm),border-color var(--tcl-dur-fast) var(--tcl-ease-calm),transform var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-timeline__event:hover{border-color:var(--tcl-border-strong);box-shadow:var(--tcl-elevation-2)}.tcl-timeline__event:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tcl-bg),0 0 0 4px var(--tcl-focus-ring)}.tcl-timeline__event.is-selected{box-shadow:0 0 0 2px var(--tcl-bg),0 0 0 4px var(--tcl-timeline-accent, var(--tcl-accent))}.tcl-timeline__event.is-selected:focus-visible{box-shadow:0 0 0 2px var(--tcl-bg),0 0 0 4px var(--tcl-focus-ring)}.tcl-timeline__date{font-family:var(--tcl-font-display, var(--tcl-font-sans));font-size:var(--tcl-text-md);font-weight:var(--tcl-weight-bold);letter-spacing:var(--tcl-tracking-wide);color:var(--event-ink, var(--tcl-text))}.tcl-timeline__sub{font-family:var(--tcl-font-mono);font-size:10px;letter-spacing:var(--tcl-tracking-caps);text-transform:uppercase;color:var(--tcl-text-faint)}.tcl-timeline__label{margin-top:var(--tcl-space-1);font-size:var(--tcl-text-sm);font-weight:var(--tcl-weight-semibold);line-height:var(--tcl-leading-tight, 1.25);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tcl-timeline__detail{font-size:var(--tcl-text-xs);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tcl-timeline__tag{margin-top:auto;align-self:flex-start;padding:1px var(--tcl-space-2);font-family:var(--tcl-font-mono);font-size:10px;font-weight:var(--tcl-weight-semibold);letter-spacing:var(--tcl-tracking-wide);text-transform:uppercase;color:var(--event-ink, var(--tcl-text));border:1px solid color-mix(in oklab,var(--event-tone, var(--tcl-border)) 60%,var(--tcl-border));border-radius:var(--tcl-radius-sm)}.tcl-timeline__empty{margin:0;padding:var(--tcl-space-6);text-align:center;color:var(--tcl-text-faint);font-size:var(--tcl-text-sm);border:1px dashed var(--tcl-border);border-radius:var(--tcl-radius-md)}.tcl-timeline__scrubber{height:4px;border-radius:var(--tcl-radius-full);background:var(--tcl-surface-sunken);overflow:hidden}.tcl-timeline__scrubber-fill{display:block;height:100%;width:var(--progress, 0%);border-radius:inherit;background:var(--tcl-timeline-accent, var(--tcl-accent));transition:width var(--tcl-dur-normal, .24s) var(--tcl-ease-calm)}.tcl-timeline__inspector{min-height:56px;padding:var(--tcl-space-4) var(--tcl-space-5);background:var(--tcl-surface);border:1px solid var(--tcl-border);border-left:3px solid var(--tcl-timeline-accent, var(--tcl-accent));border-radius:var(--tcl-radius-md)}.tcl-timeline__inspector-title{margin:0;font-size:var(--tcl-text-md);font-weight:var(--tcl-weight-semibold)}.tcl-timeline__inspector-date{font-family:var(--tcl-font-display, var(--tcl-font-sans));font-weight:var(--tcl-weight-bold);color:var(--event-ink, var(--tcl-text))}.tcl-timeline__inspector-cat{font-family:var(--tcl-font-mono);font-weight:var(--tcl-weight-regular);color:var(--tcl-text-dim)}.tcl-timeline__inspector-sub{margin:var(--tcl-space-2) 0 0;font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);letter-spacing:var(--tcl-tracking-caps);text-transform:uppercase;color:var(--tcl-text-faint)}.tcl-timeline__inspector-note{margin:var(--tcl-space-2) 0 0;font-size:var(--tcl-text-sm);line-height:var(--tcl-leading-normal);color:var(--tcl-text-dim)}.tcl-timeline__inspector-hint{margin:0;font-size:var(--tcl-text-sm);color:var(--tcl-text-faint)}.tcl-timeline__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--tcl-space-4)}.tcl-timeline__nav{appearance:none;flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font:inherit;color:var(--tcl-text);cursor:pointer;background:var(--tcl-surface-raised);border:1px solid var(--tcl-border);border-radius:var(--tcl-radius-md);transition:border-color var(--tcl-dur-fast) var(--tcl-ease-calm),background-color var(--tcl-dur-fast) var(--tcl-ease-calm)}.tcl-timeline__nav:hover:not(:disabled){border-color:var(--tcl-border-strong);background:var(--tcl-surface)}.tcl-timeline__nav:focus-visible{outline:none;box-shadow:0 0 0 2px var(--tcl-bg),0 0 0 4px var(--tcl-focus-ring)}.tcl-timeline__nav:disabled{color:var(--tcl-text-faint);cursor:not-allowed;opacity:.55}.tcl-timeline__legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--tcl-space-2) var(--tcl-space-4);margin:0;padding:0;list-style:none}.tcl-timeline__legend-item{display:inline-flex;align-items:center;gap:var(--tcl-space-2);font-family:var(--tcl-font-mono);font-size:var(--tcl-text-xs);letter-spacing:var(--tcl-tracking-wide);text-transform:uppercase;color:var(--tcl-text-dim)}.tcl-timeline__legend-dot{width:8px;height:8px;border-radius:var(--tcl-radius-full);background:var(--event-tone, var(--tcl-status-neutral))}@media(prefers-reduced-motion:reduce){.tcl-timeline__event,.tcl-timeline__node,.tcl-timeline__nav,.tcl-timeline__scrubber-fill{transition:none}}}

package/package.json ADDED Viewed

@@ -0,0 +1,94 @@
+{
+  "name": "@trembus/ui",
+  "version": "0.1.0",
+  "description": "Trembus React component library — first-principles UX, claude.ai-clean light + Trembus dark themes.",
+  "type": "module",
+  "license": "MIT",
+  "author": "Nicholas Osto",
+  "private": false,
+  "engines": {
+    "node": ">=20"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nicholasosto/Trembus-Component-Library.git",
+    "directory": "packages/ui"
+  },
+  "homepage": "https://github.com/nicholasosto/Trembus-Component-Library/tree/main/packages/ui#readme",
+  "bugs": "https://github.com/nicholasosto/Trembus-Component-Library/issues",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./package.json": "./package.json"
+  },
+  "module": "./dist/index.js",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "dependencies": {
+    "@trembus/tokens": "^0.1.0"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@arethetypeswrong/cli": "^0.18.0",
+    "@eslint/js": "^9.0.0",
+    "@storybook/addon-a11y": "^9.0.0",
+    "@storybook/addon-docs": "^9.0.0",
+    "@storybook/addon-vitest": "^9.0.0",
+    "@storybook/react-vite": "^9.0.0",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.0",
+    "@testing-library/react": "^16.1.0",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/jest-axe": "^3.5.9",
+    "@types/node": "^22.10.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^5.0.0",
+    "@vitest/browser": "^3.0.0",
+    "eslint": "^9.17.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-storybook": "^9.0.0",
+    "globals": "^16.0.0",
+    "jest-axe": "^9.0.0",
+    "jsdom": "^26.0.0",
+    "playwright": "^1.48.0",
+    "prettier": "^3.4.0",
+    "publint": "^0.3.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "storybook": "^9.0.0",
+    "tsx": "^4.19.0",
+    "typescript": "^5.9.0",
+    "typescript-eslint": "^8.18.0",
+    "vite": "^7.0.0",
+    "vite-plugin-dts": "^4.3.0",
+    "vitest": "^3.0.0"
+  },
+  "scripts": {
+    "build": "vite build",
+    "typecheck": "tsc --noEmit -p tsconfig.json",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "test": "vitest run --project unit",
+    "test:watch": "vitest --project unit",
+    "check:contracts": "tsx ../../scripts/check-contracts.ts ui",
+    "verify:exports": "node ../../scripts/verify-exports.mjs --exclude-entrypoints ./styles.css",
+    "validate": "pnpm lint && pnpm typecheck && pnpm check:contracts && pnpm test && pnpm build && pnpm verify:exports"
+  }
+}