@layer alz.tokens, alz.adapt, alz.components, alz.material, alz.legacy, app;
@layer alz.tokens {
:where(:root, [data-palette], [data-theme]) {
--style-reading-measure: 72ch;
--space-0-5: 0.125rem;
--space-1: 0.25rem;
--space-1-5: 0.375rem;
--space-2: 0.5rem;
--space-2-5: 0.625rem;
--space-3: 0.75rem;
--space-3-5: 0.875rem;
--space-4: 1rem;
--space-4-5: 1.125rem;
--space-5: 1.25rem;
--space-6: 1.5rem;
--space-7: 1.75rem;
--space-8: 2rem;
--space-10: 2.5rem;
--space-11: 2.75rem;
--space-12: 3rem;
--space-13: 3.25rem;
--layout-sr-only-offset: -1px;
--layout-content-width: 90rem;
--layout-my-lighthouse-content-width: 86.25rem;
--layout-my-lighthouse-desktop-offset: calc((100% - min(var(--layout-my-lighthouse-content-width), calc(var(--layout-viewport-inline) - var(--space-8)))) / 2);
--layout-my-lighthouse-mobile-offset: calc(50% - 50vw + var(--space-3));
--layout-viewport-inline: 100vw;
--layout-viewport-block: 100dvh;
--layout-content-side-gutter: max(var(--space-4), calc((var(--layout-viewport-inline) - var(--layout-content-width)) / 2));
--font-size-display-fluid-input: 4vw;
--font-size-display-fluid: clamp(var(--font-size-5xl), var(--font-size-display-fluid-input), var(--font-size-6xl));
--space-section-fluid-input: 3vw;
--space-section-padding-fluid: clamp(var(--space-5), var(--space-section-fluid-input), var(--space-10));
--space-content-fluid-input: 2.5vw;
--space-content-padding-fluid: clamp(var(--space-4), var(--space-content-fluid-input), var(--space-6));
--font-size-3xs: 0.625rem;
--font-size-2xs: 0.75rem;
--font-size-xs: 0.8125rem;
--font-size-sm: 0.875rem;
--font-size-sm-plus: 0.9375rem;
--font-size-md: 1rem;
--font-size-md-plus: 1.0625rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.375rem;
--font-size-3xl: 1.5rem;
--font-size-4xl: 1.875rem;
--font-size-5xl: 2rem;
--font-size-6xl: 3rem;
--font-size-section-fluid-input: 1.6vw;
--font-size-section-fluid: clamp(var(--font-size-lg), var(--font-size-section-fluid-input), var(--font-size-3xl));
--font-size-personal-home-fluid-input: 3vw;
--font-size-personal-home-fluid: clamp(var(--font-size-4xl), var(--font-size-personal-home-fluid-input), 2.625rem);
--font-size-spotlight-hero-fluid: clamp(2.2rem, 4.3vw, 4.25rem);
--font-size-spotlight-display-fluid: clamp(var(--font-size-5xl), 3.5vw, 3.25rem);
--font-size-spotlight-personal-fluid: clamp(1.9rem, 3vw, 2.8rem);
--font-size-spotlight-title-fluid: clamp(1.6rem, 2.6vw, 2.2rem);
--font-size-spotlight-section-fluid: clamp(1.7rem, 2.7vw, 2.4rem);
--font-size-spotlight-feature-fluid: clamp(1.8rem, 2.5vw, 2.5rem);
--font-size-spotlight-lead-fluid: clamp(1.2rem, 2vw, 1.65rem);
--space-spotlight-gutter-fluid: clamp(var(--space-5), 5vw, 5rem);
--space-spotlight-section-fluid: clamp(var(--space-8), 4vw, 4rem);
--space-spotlight-band-fluid: clamp(var(--space-8), 4vw, 3.5rem);
--space-spotlight-card-fluid: clamp(var(--space-6), 4vw, var(--space-12));
--radius-xs: 0.25rem;
--radius-sm: 0.5rem;
--radius-md: 0.75rem;
--radius-lg: 1rem;
--radius-brand: 0 16px 0 16px;
--radius-pill: 999px;
--radius-pill-compact: 100px;
--radius-round: 50%;
--motion-duration-fast: 140ms;
--motion-duration-base: 160ms;
--motion-duration-moderate: 200ms;
--motion-duration-feedback: 180ms;
--motion-duration-spin: 800ms;
--motion-duration-shimmer: 1400ms;
--motion-ease-standard: ease;
--motion-ease-decelerate: cubic-bezier(0, 0, 0.2, 1);
--motion-ease-playful: cubic-bezier(.2,.7,.2,1);
--motion-ease-linear: linear;
--layer-sticky: 1;
--layer-raised: 5;
--layer-backdrop: 11;
--layer-report-rail: 12;
--layer-dropdown: 20;
--layer-overlay: 40;
--layer-skip-link: 100;
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-strong: 650;
--font-weight-bold: 700;
--font-weight-heavy: 750;
--font-weight-black: 800;
--font-weight-extra-heavy: 850;
--font-weight-ultra: 900;
--font-family-body: Roboto, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
--font-family-display: var(--font-family-body);
--font-family-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
--border-width: 1px;
--surface-blur: 0px;
--font-family-control: var(--font-family-body);
--skin-canvas: none;
--skin-rule-style: solid;
--skin-glow: none;
--skin-text-glow: none;
--skin-panel-fill: var(--bg-surface);
--skin-panel-texture: none;
--skin-panel-edge: var(--border-width) solid var(--border);
--skin-panel-shadow: var(--elevation-1);
--skin-panel-blur: 0px;
--skin-raised-fill: var(--bg-surface);
--skin-raised-edge: 1px solid var(--border);
--skin-raised-shadow: var(--elevation-2);
--skin-raised-blur: 0px;
--skin-control-fill: var(--bg-surface);
--skin-control-texture: none;
--skin-control-edge: 1px solid var(--border-input);
--skin-control-shadow: none;
--skin-control-blur: 0px;
--skin-control-before: "";
--skin-control-after: "";
--skin-primary-fill: var(--accent);
--skin-primary-texture: none;
--skin-primary-edge: 1px solid var(--accent);
--skin-primary-shadow: none;
--skin-primary-blur: 0px;
--skin-chip-fill: transparent;
--skin-chip-edge: 1px solid var(--border);
--skin-chip-before: "";
--skin-chip-after: "";
--skin-rule-edge: 1px solid var(--border);
--skin-heading-before: "";
--skin-check-on: "✓";
--skin-check-off: "";
--skin-rail-height: 6px;
--skin-rail-texture: linear-gradient(var(--bg-muted), var(--bg-muted));
--skin-progress-fill: linear-gradient(var(--accent), var(--accent));
--skin-slider-fill: linear-gradient(var(--accent), var(--accent));
--skin-thumb-radius: 50%;
--skin-thumb-texture: none;
--skin-thumb-shadow: var(--elevation-1);
--focus-style: solid;
--focus-glow: none;
--selection-bg: color-mix(in srgb, var(--accent) 25%, transparent);
--selection-fg: inherit;
--skeleton-fill: linear-gradient(90deg, color-mix(in srgb, var(--fg) 7%, transparent) 30%, color-mix(in srgb, var(--fg) 14%, transparent) 50%, color-mix(in srgb, var(--fg) 7%, transparent) 70%);
--skeleton-motion: skel-shimmer;
--spinner-frames: "◐◓◑◒";
--empty-mark: "◎";
--redact-fill: var(--fg-muted);
--redact-texture: none;
--redact-blur: 0px;
--redact-radius: var(--radius-xs);
--redact-char: "";
--source-live-mark: "●";
--source-cached-mark: "◐";
--source-stale-mark: "○";
--source-sample-mark: "◇";
--lock-mark: "⊘";
--readonly-opacity: 0.72;
--breadcrumb-sep: " / ";
--label-case: none;
--haptic-complete: "10";
--earcon-complete: "soft-chime";
--icon-stroke: 1.7;
--icon-cap: round;
--icon-join: round;
--icon-filter: none;
--icon-render: geometricPrecision;
--iv-alianza: inline;
--iv-terminal: none;
--iv-sketch: none;
--iv-plasma: none;
--mark-glyph: none;
--mark-icon: inline-block;
--type-display-weight: 300;
--type-display-tracking: -0.01em;
--type-title-weight: 700;
--type-label-case: uppercase;
--type-label-tracking: 0.08em;
--type-label-weight: 500;
--table-header-bg: var(--bg-muted);
--table-header-rule: 1px solid var(--border);
--table-row-rule: 1px solid var(--border);
--table-zebra: color-mix(in srgb, var(--fg) 3%, transparent);
--overlay-scrim: var(--bg-scrim);
--overlay-blur: 0px;
--overlay-edge: 1px solid var(--border);
--overlay-shadow: var(--elevation-overlay);
--toast-prefix: "";
--toast-edge: 1px solid var(--border);
--field-edge: 1px solid var(--border-input);
--field-underline: 1px solid var(--border-input);
--field-bg: var(--bg-surface);
--field-prefix: "";
--field-error-mark: "!";
--caret-shape: bar;
--scrollbar-thumb: color-mix(in srgb, var(--fg) 30%, transparent);
--scrollbar-track: transparent;
--scrollbar-width: auto;
--feedback-effect: fb-tint;
--icon-optical-size: 20px;
--delivery-send: "splash";
--delivery-cancel: "fade";
--cursor-pointer: pointer;
--cursor-busy: progress;
--page-enter: page-slide;
--page-duration: calc(320ms * var(--motion-factor, 1));
--date-style: "short";
--coach-prefix: "";
--coach-radius: var(--radius-brand);
--coach-effect: none;
--celebrate: "confetti";
--earcon-send: "chime-up";
--earcon-cancel: "chime-down";
--comp-svg: block;
--comp-ascii: none;
--comp-filter: none;
--comp-fill: var(--accent-subtle);
--comp-face-idle: "";
--comp-face-focused: "";
--comp-face-waiting: "";
--comp-face-happy: "";
--comp-face-worried: "";
--voice-meter: bars;
--voice-meter-bars: 5;
--voice-meter-fill: var(--accent);
--voice-meter-frames: "";
--voice-ring: 0 0 0 calc(var(--voice-level, 0) * 8px) var(--accent-subtle);
--voice-armed-label: "Ready";
--voice-listening-label: "Listening";
--voice-transcribing-label: "Transcribing…";
--voice-thinking-label: "Thinking…";
--voice-speaking-label: "Speaking";
--voice-interrupted-label: "Paused";
--haptic-snap: "6";
--voice-art-transcribe: ticker;
--voice-art-think: dots;
--voice-art-speak: epicycles;
--voice-art-silence: breath;
--voice-art-cursor: "▍";
}
:where([data-palette="alianza"], [data-style="alianza"]:not([data-palette]), [data-style="alianza-shadow"]:not([data-palette])) {
--radius-xs: 0.25rem;
--radius-sm: 0.5rem;
--radius-md: 0.75rem;
--radius-lg: 1rem;
}
:where([data-palette="warm-paper"], [data-style="sketch"]:not([data-palette])) {
--radius-xs: 1.4px;
--radius-sm: 2.9px;
--radius-md: 3.8px;
--radius-lg: 4.8px;
}
:where([data-palette="moonlight"], [data-style="plasma"]:not([data-palette])) {
--radius-xs: 5.8px;
--radius-sm: 11.5px;
--radius-md: 15.4px;
--radius-lg: 19.2px;
}
:where([data-palette="harbor"]) {
--radius-xs: 2.2px;
--radius-sm: 4.3px;
--radius-md: 5.8px;
--radius-lg: 7.2px;
}
[data-style="alianza"] {
--border-width: 1px;
--breadcrumb-sep: " / ";
--caret-shape: bar;
--celebrate: "confetti";
--coach-effect: none;
--coach-prefix: "";
--coach-radius: var(--radius-brand);
--comp-ascii: none;
--comp-face-focused: "";
--comp-face-happy: "";
--comp-face-idle: "";
--comp-face-waiting: "";
--comp-face-worried: "";
--comp-fill: var(--accent-subtle);
--comp-filter: none;
--comp-svg: block;
--cursor-busy: progress;
--cursor-pointer: pointer;
--date-style: "short";
--delivery-cancel: "fade";
--delivery-send: "splash";
--earcon-cancel: "chime-down";
--earcon-complete: "soft-chime";
--earcon-send: "chime-up";
--empty-mark: "◎";
--feedback-effect: fb-tint;
--field-bg: var(--bg-surface);
--field-edge: 1px solid var(--border-input);
--field-error-mark: "!";
--field-prefix: "";
--field-underline: 1px solid var(--border-input);
--focus-glow: none;
--focus-style: solid;
--font-family-body: Roboto, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
--font-family-control: var(--font-family-body);
--font-family-display: var(--font-family-body);
--font-family-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
--haptic-complete: "10";
--haptic-snap: "6";
--icon-cap: round;
--icon-filter: none;
--icon-join: round;
--icon-optical-size: 20px;
--icon-render: geometricPrecision;
--icon-stroke: 1.7;
--iv-alianza: inline;
--iv-plasma: none;
--iv-sketch: none;
--iv-terminal: none;
--label-case: none;
--lock-mark: "⊘";
--mark-glyph: none;
--mark-icon: inline-block;
--overlay-blur: 0px;
--overlay-edge: 1px solid var(--border);
--overlay-scrim: var(--bg-scrim);
--overlay-shadow: var(--elevation-overlay);
--page-duration: calc(320ms * var(--motion-factor, 1));
--page-enter: page-slide;
--radius-brand: 0 16px 0 16px;
--radius-lg: 1rem;
--radius-md: 0.75rem;
--radius-pill: 999px;
--radius-pill-compact: 100px;
--radius-round: 50%;
--radius-sm: 0.5rem;
--radius-xs: 0.25rem;
--readonly-opacity: 0.72;
--redact-blur: 0px;
--redact-char: "";
--redact-fill: var(--fg-muted);
--redact-radius: var(--radius-xs);
--redact-texture: none;
--scrollbar-thumb: color-mix(in srgb, var(--fg) 30%, transparent);
--scrollbar-track: transparent;
--scrollbar-width: auto;
--selection-bg: color-mix(in srgb, var(--accent) 25%, transparent);
--selection-fg: inherit;
--skeleton-fill: linear-gradient(90deg, color-mix(in srgb, var(--fg) 7%, transparent) 30%, color-mix(in srgb, var(--fg) 14%, transparent) 50%, color-mix(in srgb, var(--fg) 7%, transparent) 70%);
--skeleton-motion: skel-shimmer;
--skin-canvas: none;
--skin-check-off: "";
--skin-check-on: "✓";
--skin-chip-after: "";
--skin-chip-before: "";
--skin-chip-edge: 1px solid var(--border);
--skin-chip-fill: transparent;
--skin-control-after: "";
--skin-control-before: "";
--skin-control-blur: 0px;
--skin-control-edge: 1px solid var(--border-input);
--skin-control-fill: var(--bg-surface);
--skin-control-shadow: none;
--skin-control-texture: none;
--skin-glow: none;
--skin-heading-before: "";
--skin-panel-blur: 0px;
--skin-panel-edge: var(--border-width) solid var(--border);
--skin-panel-fill: var(--bg-surface);
--skin-panel-shadow: var(--elevation-1);
--skin-panel-texture: none;
--skin-primary-blur: 0px;
--skin-primary-edge: 1px solid var(--accent);
--skin-primary-fill: var(--accent);
--skin-primary-shadow: none;
--skin-primary-texture: none;
--skin-progress-fill: linear-gradient(var(--accent), var(--accent));
--skin-rail-height: 6px;
--skin-rail-texture: linear-gradient(var(--bg-muted), var(--bg-muted));
--skin-raised-blur: 0px;
--skin-raised-edge: 1px solid var(--border);
--skin-raised-fill: var(--bg-surface);
--skin-raised-shadow: var(--elevation-2);
--skin-rule-edge: 1px solid var(--border);
--skin-rule-style: solid;
--skin-slider-fill: linear-gradient(var(--accent), var(--accent));
--skin-text-glow: none;
--skin-thumb-radius: 50%;
--skin-thumb-shadow: var(--elevation-1);
--skin-thumb-texture: none;
--source-cached-mark: "◐";
--source-live-mark: "●";
--source-sample-mark: "◇";
--source-stale-mark: "○";
--spinner-frames: "◐◓◑◒";
--surface-blur: 0px;
--table-header-bg: var(--bg-muted);
--table-header-rule: 1px solid var(--border);
--table-row-rule: 1px solid var(--border);
--table-zebra: color-mix(in srgb, var(--fg) 3%, transparent);
--toast-edge: 1px solid var(--border);
--toast-prefix: "";
--type-display-tracking: -0.01em;
--type-display-weight: 300;
--type-label-case: uppercase;
--type-label-tracking: 0.08em;
--type-label-weight: 500;
--type-title-weight: 700;
--voice-armed-label: "Ready";
--voice-art-cursor: "▍";
--voice-art-silence: breath;
--voice-art-speak: epicycles;
--voice-art-think: dots;
--voice-art-transcribe: ticker;
--voice-interrupted-label: "Paused";
--voice-listening-label: "Listening";
--voice-meter: bars;
--voice-meter-bars: 5;
--voice-meter-fill: var(--accent);
--voice-meter-frames: "";
--voice-ring: 0 0 0 calc(var(--voice-level, 0) * 8px) var(--accent-subtle);
--voice-speaking-label: "Speaking";
--voice-thinking-label: "Thinking…";
--voice-transcribing-label: "Transcribing…";
}
@scope ([data-style="alianza"]) to ([data-style]) {
[data-palette], [data-theme] {
--border-width: 1px;
--breadcrumb-sep: " / ";
--caret-shape: bar;
--celebrate: "confetti";
--coach-effect: none;
--coach-prefix: "";
--coach-radius: var(--radius-brand);
--comp-ascii: none;
--comp-face-focused: "";
--comp-face-happy: "";
--comp-face-idle: "";
--comp-face-waiting: "";
--comp-face-worried: "";
--comp-fill: var(--accent-subtle);
--comp-filter: none;
--comp-svg: block;
--cursor-busy: progress;
--cursor-pointer: pointer;
--date-style: "short";
--delivery-cancel: "fade";
--delivery-send: "splash";
--earcon-cancel: "chime-down";
--earcon-complete: "soft-chime";
--earcon-send: "chime-up";
--empty-mark: "◎";
--feedback-effect: fb-tint;
--field-bg: var(--bg-surface);
--field-edge: 1px solid var(--border-input);
--field-error-mark: "!";
--field-prefix: "";
--field-underline: 1px solid var(--border-input);
--focus-glow: none;
--focus-style: solid;
--font-family-body: Roboto, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
--font-family-control: var(--font-family-body);
--font-family-display: var(--font-family-body);
--font-family-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
--haptic-complete: "10";
--haptic-snap: "6";
--icon-cap: round;
--icon-filter: none;
--icon-join: round;
--icon-optical-size: 20px;
--icon-render: geometricPrecision;
--icon-stroke: 1.7;
--iv-alianza: inline;
--iv-plasma: none;
--iv-sketch: none;
--iv-terminal: none;
--label-case: none;
--lock-mark: "⊘";
--mark-glyph: none;
--mark-icon: inline-block;
--overlay-blur: 0px;
--overlay-edge: 1px solid var(--border);
--overlay-scrim: var(--bg-scrim);
--overlay-shadow: var(--elevation-overlay);
--page-duration: calc(320ms * var(--motion-factor, 1));
--page-enter: page-slide;
--radius-brand: 0 16px 0 16px;
--radius-lg: 1rem;
--radius-md: 0.75rem;
--radius-pill: 999px;
--radius-pill-compact: 100px;
--radius-round: 50%;
--radius-sm: 0.5rem;
--radius-xs: 0.25rem;
--readonly-opacity: 0.72;
--redact-blur: 0px;
--redact-char: "";
--redact-fill: var(--fg-muted);
--redact-radius: var(--radius-xs);
--redact-texture: none;
--scrollbar-thumb: color-mix(in srgb, var(--fg) 30%, transparent);
--scrollbar-track: transparent;
--scrollbar-width: auto;
--selection-bg: color-mix(in srgb, var(--accent) 25%, transparent);
--selection-fg: inherit;
--skeleton-fill: linear-gradient(90deg, color-mix(in srgb, var(--fg) 7%, transparent) 30%, color-mix(in srgb, var(--fg) 14%, transparent) 50%, color-mix(in srgb, var(--fg) 7%, transparent) 70%);
--skeleton-motion: skel-shimmer;
--skin-canvas: none;
--skin-check-off: "";
--skin-check-on: "✓";
--skin-chip-after: "";
--skin-chip-before: "";
--skin-chip-edge: 1px solid var(--border);
--skin-chip-fill: transparent;
--skin-control-after: "";
--skin-control-before: "";
--skin-control-blur: 0px;
--skin-control-edge: 1px solid var(--border-input);
--skin-control-fill: var(--bg-surface);
--skin-control-shadow: none;
--skin-control-texture: none;
--skin-glow: none;
--skin-heading-before: "";
--skin-panel-blur: 0px;
--skin-panel-edge: var(--border-width) solid var(--border);
--skin-panel-fill: var(--bg-surface);
--skin-panel-shadow: var(--elevation-1);
--skin-panel-texture: none;
--skin-primary-blur: 0px;
--skin-primary-edge: 1px solid var(--accent);
--skin-primary-fill: var(--accent);
--skin-primary-shadow: none;
--skin-primary-texture: none;
--skin-progress-fill: linear-gradient(var(--accent), var(--accent));
--skin-rail-height: 6px;
--skin-rail-texture: linear-gradient(var(--bg-muted), var(--bg-muted));
--skin-raised-blur: 0px;
--skin-raised-edge: 1px solid var(--border);
--skin-raised-fill: var(--bg-surface);
--skin-raised-shadow: var(--elevation-2);
--skin-rule-edge: 1px solid var(--border);
--skin-rule-style: solid;
--skin-slider-fill: linear-gradient(var(--accent), var(--accent));
--skin-text-glow: none;
--skin-thumb-radius: 50%;
--skin-thumb-shadow: var(--elevation-1);
--skin-thumb-texture: none;
--source-cached-mark: "◐";
--source-live-mark: "●";
--source-sample-mark: "◇";
--source-stale-mark: "○";
--spinner-frames: "◐◓◑◒";
--surface-blur: 0px;
--table-header-bg: var(--bg-muted);
--table-header-rule: 1px solid var(--border);
--table-row-rule: 1px solid var(--border);
--table-zebra: color-mix(in srgb, var(--fg) 3%, transparent);
--toast-edge: 1px solid var(--border);
--toast-prefix: "";
--type-display-tracking: -0.01em;
--type-display-weight: 300;
--type-label-case: uppercase;
--type-label-tracking: 0.08em;
--type-label-weight: 500;
--type-title-weight: 700;
--voice-armed-label: "Ready";
--voice-art-cursor: "▍";
--voice-art-silence: breath;
--voice-art-speak: epicycles;
--voice-art-think: dots;
--voice-art-transcribe: ticker;
--voice-interrupted-label: "Paused";
--voice-listening-label: "Listening";
--voice-meter: bars;
--voice-meter-bars: 5;
--voice-meter-fill: var(--accent);
--voice-meter-frames: "";
--voice-ring: 0 0 0 calc(var(--voice-level, 0) * 8px) var(--accent-subtle);
--voice-speaking-label: "Speaking";
--voice-thinking-label: "Thinking…";
--voice-transcribing-label: "Transcribing…";
}
}
[data-style="terminal"] {
--border-width: 1px;
--breadcrumb-sep: " > ";
--caret-shape: block;
--celebrate: "ok-bar";
--coach-effect: blink;
--coach-prefix: "tip: ";
--coach-radius: 0;
--comp-ascii: inline-block;
--comp-face-focused: "( •_•)>⌐";
--comp-face-happy: "\\(^o^)/";
--comp-face-idle: "( •_•)";
--comp-face-waiting: "( -_-) zZ";
--comp-face-worried: "( °□°;)";
--comp-fill: none;
--comp-filter: none;
--comp-svg: none;
--cursor-busy: progress;
--cursor-pointer: url("data:image/svg+xml,") 1 1, pointer;
--date-style: "iso";
--delivery-cancel: "bits-out";
--delivery-send: "bits";
--earcon-cancel: "beep-low";
--earcon-complete: "bell";
--earcon-send: "beep";
--empty-mark: "[ empty ]";
--feedback-effect: fb-invert;
--field-bg: transparent;
--field-edge: 0;
--field-error-mark: "[err]";
--field-prefix: "> ";
--field-underline: 1px dashed var(--border-input);
--focus-glow: var(--skin-glow);
--focus-style: dashed;
--font-family-body: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
--font-family-control: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
--font-family-display: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
--font-family-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
--haptic-complete: "10,40,10";
--haptic-snap: "4,20,4";
--icon-cap: square;
--icon-filter: none;
--icon-join: miter;
--icon-optical-size: 20px;
--icon-render: crispEdges;
--icon-stroke: 1.5;
--iv-alianza: none;
--iv-plasma: none;
--iv-sketch: none;
--iv-terminal: inline;
--label-case: lowercase;
--lock-mark: "[ro]";
--mark-glyph: inline-block;
--mark-icon: none;
--overlay-blur: 0px;
--overlay-edge: 3px double var(--fg-muted);
--overlay-scrim: color-mix(in srgb, var(--bg-canvas) 85%, transparent);
--overlay-shadow: none;
--page-duration: calc(380ms * var(--motion-factor, 1));
--page-enter: page-type;
--radius-brand: 0;
--radius-lg: 0;
--radius-md: 0;
--radius-pill: 0;
--radius-pill-compact: 0;
--radius-round: 0;
--radius-sm: 0;
--radius-xs: 0;
--readonly-opacity: 0.6;
--redact-blur: 0px;
--redact-char: "█";
--redact-fill: var(--fg);
--redact-radius: 0;
--redact-texture: none;
--scrollbar-thumb: var(--fg-muted);
--scrollbar-track: transparent;
--scrollbar-width: thin;
--selection-bg: var(--fg);
--selection-fg: var(--bg-canvas);
--skeleton-fill: repeating-linear-gradient(90deg, color-mix(in srgb, var(--fg) 18%, transparent) 0 6px, transparent 6px 9px);
--skeleton-motion: skel-blink;
--skin-canvas: radial-gradient(ellipse at 50% 45%, transparent 55%, color-mix(in srgb, var(--fg) 9%, transparent)), repeating-linear-gradient(transparent 0 3px, color-mix(in srgb, var(--fg) 4%, transparent) 3px 4px);
--skin-check-off: "[ ]";
--skin-check-on: "[x]";
--skin-chip-after: ")";
--skin-chip-before: "(";
--skin-chip-edge: 1px solid transparent;
--skin-chip-fill: transparent;
--skin-control-after: " ]";
--skin-control-before: "[ ";
--skin-control-blur: 0px;
--skin-control-edge: 1px solid transparent;
--skin-control-fill: transparent;
--skin-control-shadow: none;
--skin-control-texture: none;
--skin-glow: 0 0 8px color-mix(in srgb, var(--fg) 30%, transparent);
--skin-heading-before: "> ";
--skin-panel-blur: 0px;
--skin-panel-edge: 1px dashed var(--border-input);
--skin-panel-fill: var(--bg-surface);
--skin-panel-shadow: none;
--skin-panel-texture: repeating-linear-gradient(0deg, color-mix(in srgb, var(--border) 28%, transparent) 0 1px, transparent 1px 12px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--border) 28%, transparent) 0 1px, transparent 1px 12px);
--skin-primary-blur: 0px;
--skin-primary-edge: 1px solid var(--accent);
--skin-primary-fill: var(--accent);
--skin-primary-shadow: var(--skin-glow);
--skin-primary-texture: none;
--skin-progress-fill: repeating-linear-gradient(90deg, var(--accent) 0 6px, transparent 6px 8px);
--skin-rail-height: 8px;
--skin-rail-texture: repeating-linear-gradient(90deg, var(--border-input) 0 1px, transparent 1px 7px);
--skin-raised-blur: 0px;
--skin-raised-edge: 3px double var(--fg-muted);
--skin-raised-fill: var(--bg-surface);
--skin-raised-shadow: none;
--skin-rule-edge: 1px dashed var(--border-input);
--skin-rule-style: dashed;
--skin-slider-fill: repeating-linear-gradient(90deg, var(--accent) 0 2px, transparent 2px 4px);
--skin-text-glow: 0 0 6px color-mix(in srgb, var(--fg) 35%, transparent);
--skin-thumb-radius: 0;
--skin-thumb-shadow: none;
--skin-thumb-texture: linear-gradient(90deg, transparent 35%, var(--accent) 35% 65%, transparent 65%);
--source-cached-mark: "[cache]";
--source-live-mark: "[live]";
--source-sample-mark: "[sample]";
--source-stale-mark: "[stale]";
--spinner-frames: "|/-\\";
--surface-blur: 0px;
--table-header-bg: transparent;
--table-header-rule: 1px dashed var(--border-input);
--table-row-rule: 1px dashed color-mix(in srgb, var(--border-input) 60%, transparent);
--table-zebra: color-mix(in srgb, var(--fg) 5%, transparent);
--toast-edge: 1px dashed var(--border-input);
--toast-prefix: "> ";
--type-display-tracking: 0;
--type-display-weight: 700;
--type-label-case: lowercase;
--type-label-tracking: 0;
--type-label-weight: 500;
--type-title-weight: 700;
--voice-armed-label: "[arm]";
--voice-art-cursor: "█";
--voice-art-silence: cursor;
--voice-art-speak: ascii-wave;
--voice-art-think: spinner;
--voice-art-transcribe: typewriter;
--voice-interrupted-label: "[int]";
--voice-listening-label: "[rec]";
--voice-meter: ascii;
--voice-meter-bars: 8;
--voice-meter-fill: var(--accent);
--voice-meter-frames: "▁▂▃▄▅▆▇█";
--voice-ring: none;
--voice-speaking-label: "[say]";
--voice-thinking-label: "[...]";
--voice-transcribing-label: "[txt…]";
}
@scope ([data-style="terminal"]) to ([data-style]) {
[data-palette], [data-theme] {
--border-width: 1px;
--breadcrumb-sep: " > ";
--caret-shape: block;
--celebrate: "ok-bar";
--coach-effect: blink;
--coach-prefix: "tip: ";
--coach-radius: 0;
--comp-ascii: inline-block;
--comp-face-focused: "( •_•)>⌐";
--comp-face-happy: "\\(^o^)/";
--comp-face-idle: "( •_•)";
--comp-face-waiting: "( -_-) zZ";
--comp-face-worried: "( °□°;)";
--comp-fill: none;
--comp-filter: none;
--comp-svg: none;
--cursor-busy: progress;
--cursor-pointer: url("data:image/svg+xml,") 1 1, pointer;
--date-style: "iso";
--delivery-cancel: "bits-out";
--delivery-send: "bits";
--earcon-cancel: "beep-low";
--earcon-complete: "bell";
--earcon-send: "beep";
--empty-mark: "[ empty ]";
--feedback-effect: fb-invert;
--field-bg: transparent;
--field-edge: 0;
--field-error-mark: "[err]";
--field-prefix: "> ";
--field-underline: 1px dashed var(--border-input);
--focus-glow: var(--skin-glow);
--focus-style: dashed;
--font-family-body: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
--font-family-control: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
--font-family-display: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
--font-family-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
--haptic-complete: "10,40,10";
--haptic-snap: "4,20,4";
--icon-cap: square;
--icon-filter: none;
--icon-join: miter;
--icon-optical-size: 20px;
--icon-render: crispEdges;
--icon-stroke: 1.5;
--iv-alianza: none;
--iv-plasma: none;
--iv-sketch: none;
--iv-terminal: inline;
--label-case: lowercase;
--lock-mark: "[ro]";
--mark-glyph: inline-block;
--mark-icon: none;
--overlay-blur: 0px;
--overlay-edge: 3px double var(--fg-muted);
--overlay-scrim: color-mix(in srgb, var(--bg-canvas) 85%, transparent);
--overlay-shadow: none;
--page-duration: calc(380ms * var(--motion-factor, 1));
--page-enter: page-type;
--radius-brand: 0;
--radius-lg: 0;
--radius-md: 0;
--radius-pill: 0;
--radius-pill-compact: 0;
--radius-round: 0;
--radius-sm: 0;
--radius-xs: 0;
--readonly-opacity: 0.6;
--redact-blur: 0px;
--redact-char: "█";
--redact-fill: var(--fg);
--redact-radius: 0;
--redact-texture: none;
--scrollbar-thumb: var(--fg-muted);
--scrollbar-track: transparent;
--scrollbar-width: thin;
--selection-bg: var(--fg);
--selection-fg: var(--bg-canvas);
--skeleton-fill: repeating-linear-gradient(90deg, color-mix(in srgb, var(--fg) 18%, transparent) 0 6px, transparent 6px 9px);
--skeleton-motion: skel-blink;
--skin-canvas: radial-gradient(ellipse at 50% 45%, transparent 55%, color-mix(in srgb, var(--fg) 9%, transparent)), repeating-linear-gradient(transparent 0 3px, color-mix(in srgb, var(--fg) 4%, transparent) 3px 4px);
--skin-check-off: "[ ]";
--skin-check-on: "[x]";
--skin-chip-after: ")";
--skin-chip-before: "(";
--skin-chip-edge: 1px solid transparent;
--skin-chip-fill: transparent;
--skin-control-after: " ]";
--skin-control-before: "[ ";
--skin-control-blur: 0px;
--skin-control-edge: 1px solid transparent;
--skin-control-fill: transparent;
--skin-control-shadow: none;
--skin-control-texture: none;
--skin-glow: 0 0 8px color-mix(in srgb, var(--fg) 30%, transparent);
--skin-heading-before: "> ";
--skin-panel-blur: 0px;
--skin-panel-edge: 1px dashed var(--border-input);
--skin-panel-fill: var(--bg-surface);
--skin-panel-shadow: none;
--skin-panel-texture: repeating-linear-gradient(0deg, color-mix(in srgb, var(--border) 28%, transparent) 0 1px, transparent 1px 12px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--border) 28%, transparent) 0 1px, transparent 1px 12px);
--skin-primary-blur: 0px;
--skin-primary-edge: 1px solid var(--accent);
--skin-primary-fill: var(--accent);
--skin-primary-shadow: var(--skin-glow);
--skin-primary-texture: none;
--skin-progress-fill: repeating-linear-gradient(90deg, var(--accent) 0 6px, transparent 6px 8px);
--skin-rail-height: 8px;
--skin-rail-texture: repeating-linear-gradient(90deg, var(--border-input) 0 1px, transparent 1px 7px);
--skin-raised-blur: 0px;
--skin-raised-edge: 3px double var(--fg-muted);
--skin-raised-fill: var(--bg-surface);
--skin-raised-shadow: none;
--skin-rule-edge: 1px dashed var(--border-input);
--skin-rule-style: dashed;
--skin-slider-fill: repeating-linear-gradient(90deg, var(--accent) 0 2px, transparent 2px 4px);
--skin-text-glow: 0 0 6px color-mix(in srgb, var(--fg) 35%, transparent);
--skin-thumb-radius: 0;
--skin-thumb-shadow: none;
--skin-thumb-texture: linear-gradient(90deg, transparent 35%, var(--accent) 35% 65%, transparent 65%);
--source-cached-mark: "[cache]";
--source-live-mark: "[live]";
--source-sample-mark: "[sample]";
--source-stale-mark: "[stale]";
--spinner-frames: "|/-\\";
--surface-blur: 0px;
--table-header-bg: transparent;
--table-header-rule: 1px dashed var(--border-input);
--table-row-rule: 1px dashed color-mix(in srgb, var(--border-input) 60%, transparent);
--table-zebra: color-mix(in srgb, var(--fg) 5%, transparent);
--toast-edge: 1px dashed var(--border-input);
--toast-prefix: "> ";
--type-display-tracking: 0;
--type-display-weight: 700;
--type-label-case: lowercase;
--type-label-tracking: 0;
--type-label-weight: 500;
--type-title-weight: 700;
--voice-armed-label: "[arm]";
--voice-art-cursor: "█";
--voice-art-silence: cursor;
--voice-art-speak: ascii-wave;
--voice-art-think: spinner;
--voice-art-transcribe: typewriter;
--voice-interrupted-label: "[int]";
--voice-listening-label: "[rec]";
--voice-meter: ascii;
--voice-meter-bars: 8;
--voice-meter-fill: var(--accent);
--voice-meter-frames: "▁▂▃▄▅▆▇█";
--voice-ring: none;
--voice-speaking-label: "[say]";
--voice-thinking-label: "[...]";
--voice-transcribing-label: "[txt…]";
}
}
[data-style="sketch"] {
--border-width: 1.5px;
--breadcrumb-sep: " → ";
--caret-shape: bar;
--celebrate: "stamp";
--coach-effect: none;
--coach-prefix: "";
--coach-radius: 2px 10px 3px 12px / 12px 3px 10px 2px;
--comp-ascii: none;
--comp-face-focused: "";
--comp-face-happy: "";
--comp-face-idle: "";
--comp-face-waiting: "";
--comp-face-worried: "";
--comp-fill: color-mix(in srgb, var(--accent) 14%, transparent);
--comp-filter: url(#alz-pencil);
--comp-svg: block;
--cursor-busy: progress;
--cursor-pointer: url("data:image/svg+xml,") 2 22, pointer;
--date-style: "friendly";
--delivery-cancel: "eraser";
--delivery-send: "airplane";
--earcon-cancel: "eraser-rub";
--earcon-complete: "pencil-tick";
--earcon-send: "pencil-tick";
--empty-mark: "~ nothing here yet ~";
--feedback-effect: fb-circle;
--field-bg: transparent;
--field-edge: 0;
--field-error-mark: "✗";
--field-prefix: "";
--field-underline: 1.5px solid var(--border-input);
--focus-glow: 0 0 0 3px color-mix(in srgb, var(--status-warning) 30%, transparent);
--focus-style: solid;
--font-family-body: Roboto, ui-sans-serif, system-ui, sans-serif;
--font-family-control: "Learning Pencil", Kalam, "Segoe Print", cursive;
--font-family-display: "Learning Pencil", Kalam, "Segoe Print", cursive;
--font-family-mono: "Courier Prime", "Courier New", monospace;
--haptic-complete: "20";
--haptic-snap: "12";
--icon-cap: round;
--icon-filter: none;
--icon-join: round;
--icon-optical-size: 24px;
--icon-render: geometricPrecision;
--icon-stroke: 1.6;
--iv-alianza: none;
--iv-plasma: none;
--iv-sketch: inline;
--iv-terminal: none;
--label-case: none;
--lock-mark: "✗";
--mark-glyph: none;
--mark-icon: inline-block;
--overlay-blur: 0px;
--overlay-edge: 1.5px solid var(--border-input);
--overlay-scrim: color-mix(in srgb, var(--fg) 22%, transparent);
--overlay-shadow: 6px 7px 0 color-mix(in srgb, var(--border-input) 70%, transparent);
--page-duration: calc(520ms * var(--motion-factor, 1));
--page-enter: page-flip;
--radius-brand: 2px 6px 2px 6px;
--radius-lg: 4px;
--radius-md: 3px;
--radius-pill: 999px;
--radius-pill-compact: 100px;
--radius-round: 50%;
--radius-sm: 2px;
--radius-xs: 2px;
--readonly-opacity: 0.65;
--redact-blur: 0px;
--redact-char: "";
--redact-fill: transparent;
--redact-radius: 2px;
--redact-texture: repeating-linear-gradient(-24deg, var(--fg) 0 2px, transparent 2px 4px);
--scrollbar-thumb: var(--border-input);
--scrollbar-track: transparent;
--scrollbar-width: auto;
--selection-bg: color-mix(in srgb, var(--status-warning) 38%, transparent);
--selection-fg: inherit;
--skeleton-fill: repeating-linear-gradient(-12deg, color-mix(in srgb, var(--fg) 14%, transparent) 0 1px, transparent 1px 5px);
--skeleton-motion: skel-scribble;
--skin-canvas: none;
--skin-check-off: "";
--skin-check-on: "✓";
--skin-chip-after: "";
--skin-chip-before: "";
--skin-chip-edge: 1px solid var(--border-input);
--skin-chip-fill: transparent;
--skin-control-after: "";
--skin-control-before: "";
--skin-control-blur: 0px;
--skin-control-edge: 1.5px solid var(--border-input);
--skin-control-fill: var(--bg-surface);
--skin-control-shadow: 1px 1px 0 color-mix(in srgb, var(--border-input) 60%, transparent);
--skin-control-texture: none;
--skin-glow: none;
--skin-heading-before: "";
--skin-panel-blur: 0px;
--skin-panel-edge: 1.5px solid var(--border-input);
--skin-panel-fill: var(--bg-surface);
--skin-panel-shadow: 2px 3px 0 color-mix(in srgb, var(--border-input) 60%, transparent);
--skin-panel-texture: linear-gradient(90deg, transparent 1.6rem, color-mix(in srgb, var(--status-danger) 30%, transparent) 1.6rem calc(1.6rem + 1px), transparent calc(1.6rem + 1px)), repeating-linear-gradient(0deg, transparent 0 27px, color-mix(in srgb, var(--border) 22%, transparent) 28px, transparent 29px);
--skin-primary-blur: 0px;
--skin-primary-edge: 1.5px solid var(--accent-emphasis);
--skin-primary-fill: var(--accent);
--skin-primary-shadow: 2px 2px 0 color-mix(in srgb, var(--border-input) 70%, transparent);
--skin-primary-texture: repeating-linear-gradient(135deg, color-mix(in srgb, var(--fg-on-accent) 14%, transparent) 0 1px, transparent 1px 4px);
--skin-progress-fill: repeating-linear-gradient(135deg, var(--accent) 0 1px, transparent 1px 3px);
--skin-rail-height: 7px;
--skin-rail-texture: linear-gradient(transparent 40%, color-mix(in srgb, var(--border-input) 70%, transparent) 40% 60%, transparent 60%);
--skin-raised-blur: 0px;
--skin-raised-edge: 1.5px solid var(--border-input);
--skin-raised-fill: var(--bg-surface);
--skin-raised-shadow: 4px 5px 0 color-mix(in srgb, var(--border-input) 70%, transparent);
--skin-rule-edge: 1.5px solid var(--border-input);
--skin-rule-style: solid;
--skin-slider-fill: repeating-linear-gradient(155deg, var(--accent) 0 2px, transparent 2px 3px);
--skin-text-glow: none;
--skin-thumb-radius: 46% 54% 51% 49% / 52% 43% 57% 48%;
--skin-thumb-shadow: 1px 1px 0 var(--border-input);
--skin-thumb-texture: repeating-linear-gradient(135deg, transparent 0 3px, var(--border-input) 3px 4px);
--source-cached-mark: "~ cached";
--source-live-mark: "✓ live";
--source-sample-mark: "✎ sample";
--source-stale-mark: "! stale";
--spinner-frames: "✎✐✎✏";
--surface-blur: 0px;
--table-header-bg: transparent;
--table-header-rule: 1.5px solid var(--border-input);
--table-row-rule: 1px solid color-mix(in srgb, var(--border) 70%, transparent);
--table-zebra: transparent;
--toast-edge: 1.5px solid var(--border-input);
--toast-prefix: "";
--type-display-tracking: 0;
--type-display-weight: 400;
--type-label-case: none;
--type-label-tracking: 0.02em;
--type-label-weight: 400;
--type-title-weight: 700;
--voice-armed-label: "ready";
--voice-art-cursor: "✒";
--voice-art-silence: doodle;
--voice-art-speak: epicycles;
--voice-art-think: clouds;
--voice-art-transcribe: quill;
--voice-interrupted-label: "stopped";
--voice-listening-label: "listening ✎";
--voice-meter: bars;
--voice-meter-bars: 5;
--voice-meter-fill: repeating-linear-gradient(135deg, var(--accent) 0 1px, transparent 1px 3px);
--voice-meter-frames: "";
--voice-ring: 0 0 0 calc(var(--voice-level, 0) * 6px) color-mix(in srgb, var(--status-warning) 30%, transparent);
--voice-speaking-label: "reading aloud";
--voice-thinking-label: "hmm…";
--voice-transcribing-label: "writing it down…";
}
@scope ([data-style="sketch"]) to ([data-style]) {
[data-palette], [data-theme] {
--border-width: 1.5px;
--breadcrumb-sep: " → ";
--caret-shape: bar;
--celebrate: "stamp";
--coach-effect: none;
--coach-prefix: "";
--coach-radius: 2px 10px 3px 12px / 12px 3px 10px 2px;
--comp-ascii: none;
--comp-face-focused: "";
--comp-face-happy: "";
--comp-face-idle: "";
--comp-face-waiting: "";
--comp-face-worried: "";
--comp-fill: color-mix(in srgb, var(--accent) 14%, transparent);
--comp-filter: url(#alz-pencil);
--comp-svg: block;
--cursor-busy: progress;
--cursor-pointer: url("data:image/svg+xml,") 2 22, pointer;
--date-style: "friendly";
--delivery-cancel: "eraser";
--delivery-send: "airplane";
--earcon-cancel: "eraser-rub";
--earcon-complete: "pencil-tick";
--earcon-send: "pencil-tick";
--empty-mark: "~ nothing here yet ~";
--feedback-effect: fb-circle;
--field-bg: transparent;
--field-edge: 0;
--field-error-mark: "✗";
--field-prefix: "";
--field-underline: 1.5px solid var(--border-input);
--focus-glow: 0 0 0 3px color-mix(in srgb, var(--status-warning) 30%, transparent);
--focus-style: solid;
--font-family-body: Roboto, ui-sans-serif, system-ui, sans-serif;
--font-family-control: "Learning Pencil", Kalam, "Segoe Print", cursive;
--font-family-display: "Learning Pencil", Kalam, "Segoe Print", cursive;
--font-family-mono: "Courier Prime", "Courier New", monospace;
--haptic-complete: "20";
--haptic-snap: "12";
--icon-cap: round;
--icon-filter: none;
--icon-join: round;
--icon-optical-size: 24px;
--icon-render: geometricPrecision;
--icon-stroke: 1.6;
--iv-alianza: none;
--iv-plasma: none;
--iv-sketch: inline;
--iv-terminal: none;
--label-case: none;
--lock-mark: "✗";
--mark-glyph: none;
--mark-icon: inline-block;
--overlay-blur: 0px;
--overlay-edge: 1.5px solid var(--border-input);
--overlay-scrim: color-mix(in srgb, var(--fg) 22%, transparent);
--overlay-shadow: 6px 7px 0 color-mix(in srgb, var(--border-input) 70%, transparent);
--page-duration: calc(520ms * var(--motion-factor, 1));
--page-enter: page-flip;
--radius-brand: 2px 6px 2px 6px;
--radius-lg: 4px;
--radius-md: 3px;
--radius-pill: 999px;
--radius-pill-compact: 100px;
--radius-round: 50%;
--radius-sm: 2px;
--radius-xs: 2px;
--readonly-opacity: 0.65;
--redact-blur: 0px;
--redact-char: "";
--redact-fill: transparent;
--redact-radius: 2px;
--redact-texture: repeating-linear-gradient(-24deg, var(--fg) 0 2px, transparent 2px 4px);
--scrollbar-thumb: var(--border-input);
--scrollbar-track: transparent;
--scrollbar-width: auto;
--selection-bg: color-mix(in srgb, var(--status-warning) 38%, transparent);
--selection-fg: inherit;
--skeleton-fill: repeating-linear-gradient(-12deg, color-mix(in srgb, var(--fg) 14%, transparent) 0 1px, transparent 1px 5px);
--skeleton-motion: skel-scribble;
--skin-canvas: none;
--skin-check-off: "";
--skin-check-on: "✓";
--skin-chip-after: "";
--skin-chip-before: "";
--skin-chip-edge: 1px solid var(--border-input);
--skin-chip-fill: transparent;
--skin-control-after: "";
--skin-control-before: "";
--skin-control-blur: 0px;
--skin-control-edge: 1.5px solid var(--border-input);
--skin-control-fill: var(--bg-surface);
--skin-control-shadow: 1px 1px 0 color-mix(in srgb, var(--border-input) 60%, transparent);
--skin-control-texture: none;
--skin-glow: none;
--skin-heading-before: "";
--skin-panel-blur: 0px;
--skin-panel-edge: 1.5px solid var(--border-input);
--skin-panel-fill: var(--bg-surface);
--skin-panel-shadow: 2px 3px 0 color-mix(in srgb, var(--border-input) 60%, transparent);
--skin-panel-texture: linear-gradient(90deg, transparent 1.6rem, color-mix(in srgb, var(--status-danger) 30%, transparent) 1.6rem calc(1.6rem + 1px), transparent calc(1.6rem + 1px)), repeating-linear-gradient(0deg, transparent 0 27px, color-mix(in srgb, var(--border) 22%, transparent) 28px, transparent 29px);
--skin-primary-blur: 0px;
--skin-primary-edge: 1.5px solid var(--accent-emphasis);
--skin-primary-fill: var(--accent);
--skin-primary-shadow: 2px 2px 0 color-mix(in srgb, var(--border-input) 70%, transparent);
--skin-primary-texture: repeating-linear-gradient(135deg, color-mix(in srgb, var(--fg-on-accent) 14%, transparent) 0 1px, transparent 1px 4px);
--skin-progress-fill: repeating-linear-gradient(135deg, var(--accent) 0 1px, transparent 1px 3px);
--skin-rail-height: 7px;
--skin-rail-texture: linear-gradient(transparent 40%, color-mix(in srgb, var(--border-input) 70%, transparent) 40% 60%, transparent 60%);
--skin-raised-blur: 0px;
--skin-raised-edge: 1.5px solid var(--border-input);
--skin-raised-fill: var(--bg-surface);
--skin-raised-shadow: 4px 5px 0 color-mix(in srgb, var(--border-input) 70%, transparent);
--skin-rule-edge: 1.5px solid var(--border-input);
--skin-rule-style: solid;
--skin-slider-fill: repeating-linear-gradient(155deg, var(--accent) 0 2px, transparent 2px 3px);
--skin-text-glow: none;
--skin-thumb-radius: 46% 54% 51% 49% / 52% 43% 57% 48%;
--skin-thumb-shadow: 1px 1px 0 var(--border-input);
--skin-thumb-texture: repeating-linear-gradient(135deg, transparent 0 3px, var(--border-input) 3px 4px);
--source-cached-mark: "~ cached";
--source-live-mark: "✓ live";
--source-sample-mark: "✎ sample";
--source-stale-mark: "! stale";
--spinner-frames: "✎✐✎✏";
--surface-blur: 0px;
--table-header-bg: transparent;
--table-header-rule: 1.5px solid var(--border-input);
--table-row-rule: 1px solid color-mix(in srgb, var(--border) 70%, transparent);
--table-zebra: transparent;
--toast-edge: 1.5px solid var(--border-input);
--toast-prefix: "";
--type-display-tracking: 0;
--type-display-weight: 400;
--type-label-case: none;
--type-label-tracking: 0.02em;
--type-label-weight: 400;
--type-title-weight: 700;
--voice-armed-label: "ready";
--voice-art-cursor: "✒";
--voice-art-silence: doodle;
--voice-art-speak: epicycles;
--voice-art-think: clouds;
--voice-art-transcribe: quill;
--voice-interrupted-label: "stopped";
--voice-listening-label: "listening ✎";
--voice-meter: bars;
--voice-meter-bars: 5;
--voice-meter-fill: repeating-linear-gradient(135deg, var(--accent) 0 1px, transparent 1px 3px);
--voice-meter-frames: "";
--voice-ring: 0 0 0 calc(var(--voice-level, 0) * 6px) color-mix(in srgb, var(--status-warning) 30%, transparent);
--voice-speaking-label: "reading aloud";
--voice-thinking-label: "hmm…";
--voice-transcribing-label: "writing it down…";
}
}
[data-style="plasma"] {
--border-width: 1px;
--breadcrumb-sep: " › ";
--caret-shape: bar;
--celebrate: "orbs";
--coach-effect: pulse;
--coach-prefix: "";
--coach-radius: var(--radius-md);
--comp-ascii: none;
--comp-face-focused: "";
--comp-face-happy: "";
--comp-face-idle: "";
--comp-face-waiting: "";
--comp-face-worried: "";
--comp-fill: color-mix(in srgb, var(--accent) 30%, transparent);
--comp-filter: drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 70%, transparent));
--comp-svg: block;
--cursor-busy: progress;
--cursor-pointer: url("data:image/svg+xml,") 12 12, pointer;
--date-style: "caps";
--delivery-cancel: "shatter";
--delivery-send: "shards";
--earcon-cancel: "glass-down";
--earcon-complete: "chime";
--earcon-send: "glass-ping";
--empty-mark: "◇";
--feedback-effect: fb-ripple;
--field-bg: color-mix(in srgb, var(--bg-surface) 55%, transparent);
--field-edge: 1px solid color-mix(in srgb, white 22%, transparent);
--field-error-mark: "◆";
--field-prefix: "";
--field-underline: 1px solid color-mix(in srgb, white 22%, transparent);
--focus-glow: var(--skin-glow);
--focus-style: solid;
--font-family-body: "Exo 2", ui-sans-serif, system-ui, sans-serif;
--font-family-control: var(--font-family-body);
--font-family-display: "Chakra Petch", "Exo 2", ui-sans-serif, sans-serif;
--font-family-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
--haptic-complete: "8,20,8";
--haptic-snap: "8,16,8";
--icon-cap: round;
--icon-filter: drop-shadow(0 0 3px color-mix(in srgb, var(--accent) 70%, transparent));
--icon-join: round;
--icon-optical-size: 20px;
--icon-render: geometricPrecision;
--icon-stroke: 1.9;
--iv-alianza: none;
--iv-plasma: inline;
--iv-sketch: none;
--iv-terminal: none;
--label-case: none;
--lock-mark: "⊘";
--mark-glyph: none;
--mark-icon: inline-block;
--overlay-blur: 10px;
--overlay-edge: 1px solid color-mix(in srgb, white 24%, transparent);
--overlay-scrim: color-mix(in srgb, var(--bg-canvas) 40%, transparent);
--overlay-shadow: inset 0 1px 0 color-mix(in srgb, white 45%, transparent), var(--elevation-overlay), 0 0 40px -12px var(--accent-alt);
--page-duration: calc(480ms * var(--motion-factor, 1));
--page-enter: page-dissolve;
--radius-brand: 0 16px 0 16px;
--radius-lg: 1rem;
--radius-md: 0.75rem;
--radius-pill: 999px;
--radius-pill-compact: 100px;
--radius-round: 50%;
--radius-sm: 0.5rem;
--radius-xs: 0.25rem;
--readonly-opacity: 0.7;
--redact-blur: 6px;
--redact-char: "";
--redact-fill: color-mix(in srgb, var(--fg) 22%, transparent);
--redact-radius: var(--radius-sm);
--redact-texture: none;
--scrollbar-thumb: color-mix(in srgb, var(--accent) 50%, transparent);
--scrollbar-track: transparent;
--scrollbar-width: thin;
--selection-bg: color-mix(in srgb, var(--accent) 35%, transparent);
--selection-fg: inherit;
--skeleton-fill: linear-gradient(90deg, color-mix(in srgb, var(--accent) 6%, transparent), color-mix(in srgb, var(--accent) 22%, transparent), color-mix(in srgb, var(--accent) 6%, transparent));
--skeleton-motion: skel-shimmer;
--skin-canvas: radial-gradient(60rem 40rem at 10% -10%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 60%), radial-gradient(50rem 30rem at 110% 10%, color-mix(in srgb, var(--accent-alt) 18%, transparent), transparent 60%);
--skin-check-off: "◇";
--skin-check-on: "◆";
--skin-chip-after: "";
--skin-chip-before: "";
--skin-chip-edge: 1px solid color-mix(in srgb, var(--accent) 40%, transparent);
--skin-chip-fill: color-mix(in srgb, var(--accent) 12%, transparent);
--skin-control-after: "";
--skin-control-before: "";
--skin-control-blur: 8px;
--skin-control-edge: 1px solid color-mix(in srgb, white 22%, transparent);
--skin-control-fill: color-mix(in srgb, var(--bg-surface) 55%, transparent);
--skin-control-shadow: inset 0 1px 0 color-mix(in srgb, white 44%, transparent);
--skin-control-texture: linear-gradient(125deg, color-mix(in srgb, white 14%, transparent), transparent 42%, color-mix(in srgb, white 5%, transparent));
--skin-glow: 0 0 18px color-mix(in srgb, var(--accent) 50%, transparent);
--skin-heading-before: "";
--skin-panel-blur: 16px;
--skin-panel-edge: 1px solid color-mix(in srgb, white 18%, transparent);
--skin-panel-fill: color-mix(in srgb, var(--bg-surface) 80%, transparent);
--skin-panel-shadow: inset 0 1px 0 color-mix(in srgb, white 40%, transparent), 0 12px 28px -20px var(--accent);
--skin-panel-texture: linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 47%, color-mix(in srgb, var(--accent-alt) 6%, transparent));
--skin-primary-blur: 4px;
--skin-primary-edge: 1px solid color-mix(in srgb, var(--accent) 60%, white);
--skin-primary-fill: color-mix(in srgb, var(--accent) 82%, transparent);
--skin-primary-shadow: var(--skin-glow);
--skin-primary-texture: linear-gradient(180deg, color-mix(in srgb, white 24%, transparent), transparent 8px);
--skin-progress-fill: linear-gradient(90deg, var(--accent), var(--accent-alt), var(--accent));
--skin-rail-height: 8px;
--skin-rail-texture: linear-gradient(180deg, color-mix(in srgb, white 33%, transparent), transparent);
--skin-raised-blur: 24px;
--skin-raised-edge: 1px solid color-mix(in srgb, white 24%, transparent);
--skin-raised-fill: color-mix(in srgb, var(--bg-surface) 90%, transparent);
--skin-raised-shadow: inset 0 1px 0 color-mix(in srgb, white 45%, transparent), var(--elevation-overlay), 0 0 40px -12px var(--accent-alt);
--skin-rule-edge: 1px solid color-mix(in srgb, white 14%, transparent);
--skin-rule-style: solid;
--skin-slider-fill: linear-gradient(90deg, var(--accent-emphasis), var(--accent));
--skin-text-glow: none;
--skin-thumb-radius: 50%;
--skin-thumb-shadow: inset 0 1px 2px color-mix(in srgb, white 66%, transparent), 0 0 8px var(--accent);
--skin-thumb-texture: none;
--source-cached-mark: "◈";
--source-live-mark: "◆";
--source-sample-mark: "⬦";
--source-stale-mark: "◇";
--spinner-frames: "◇◈◆◈";
--surface-blur: 14px;
--table-header-bg: color-mix(in srgb, var(--accent) 8%, transparent);
--table-header-rule: 1px solid color-mix(in srgb, white 18%, transparent);
--table-row-rule: 1px solid color-mix(in srgb, white 8%, transparent);
--table-zebra: color-mix(in srgb, var(--accent) 4%, transparent);
--toast-edge: 1px solid color-mix(in srgb, white 22%, transparent);
--toast-prefix: "";
--type-display-tracking: 0.02em;
--type-display-weight: 300;
--type-label-case: uppercase;
--type-label-tracking: 0.14em;
--type-label-weight: 600;
--type-title-weight: 600;
--voice-armed-label: "Ready";
--voice-art-cursor: "◆";
--voice-art-silence: breath;
--voice-art-speak: epicycles;
--voice-art-think: orbit;
--voice-art-transcribe: shimmer;
--voice-interrupted-label: "Interrupted";
--voice-listening-label: "Listening";
--voice-meter: ring;
--voice-meter-bars: 0;
--voice-meter-fill: color-mix(in srgb, var(--accent) 70%, transparent);
--voice-meter-frames: "";
--voice-ring: 0 0 calc(var(--voice-level, 0) * 24px) color-mix(in srgb, var(--accent) 60%, transparent), inset 0 0 calc(var(--voice-level, 0) * 10px) color-mix(in srgb, var(--accent-alt) 40%, transparent);
--voice-speaking-label: "Speaking";
--voice-thinking-label: "Thinking";
--voice-transcribing-label: "Transcribing";
}
@scope ([data-style="plasma"]) to ([data-style]) {
[data-palette], [data-theme] {
--border-width: 1px;
--breadcrumb-sep: " › ";
--caret-shape: bar;
--celebrate: "orbs";
--coach-effect: pulse;
--coach-prefix: "";
--coach-radius: var(--radius-md);
--comp-ascii: none;
--comp-face-focused: "";
--comp-face-happy: "";
--comp-face-idle: "";
--comp-face-waiting: "";
--comp-face-worried: "";
--comp-fill: color-mix(in srgb, var(--accent) 30%, transparent);
--comp-filter: drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 70%, transparent));
--comp-svg: block;
--cursor-busy: progress;
--cursor-pointer: url("data:image/svg+xml,") 12 12, pointer;
--date-style: "caps";
--delivery-cancel: "shatter";
--delivery-send: "shards";
--earcon-cancel: "glass-down";
--earcon-complete: "chime";
--earcon-send: "glass-ping";
--empty-mark: "◇";
--feedback-effect: fb-ripple;
--field-bg: color-mix(in srgb, var(--bg-surface) 55%, transparent);
--field-edge: 1px solid color-mix(in srgb, white 22%, transparent);
--field-error-mark: "◆";
--field-prefix: "";
--field-underline: 1px solid color-mix(in srgb, white 22%, transparent);
--focus-glow: var(--skin-glow);
--focus-style: solid;
--font-family-body: "Exo 2", ui-sans-serif, system-ui, sans-serif;
--font-family-control: var(--font-family-body);
--font-family-display: "Chakra Petch", "Exo 2", ui-sans-serif, sans-serif;
--font-family-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
--haptic-complete: "8,20,8";
--haptic-snap: "8,16,8";
--icon-cap: round;
--icon-filter: drop-shadow(0 0 3px color-mix(in srgb, var(--accent) 70%, transparent));
--icon-join: round;
--icon-optical-size: 20px;
--icon-render: geometricPrecision;
--icon-stroke: 1.9;
--iv-alianza: none;
--iv-plasma: inline;
--iv-sketch: none;
--iv-terminal: none;
--label-case: none;
--lock-mark: "⊘";
--mark-glyph: none;
--mark-icon: inline-block;
--overlay-blur: 10px;
--overlay-edge: 1px solid color-mix(in srgb, white 24%, transparent);
--overlay-scrim: color-mix(in srgb, var(--bg-canvas) 40%, transparent);
--overlay-shadow: inset 0 1px 0 color-mix(in srgb, white 45%, transparent), var(--elevation-overlay), 0 0 40px -12px var(--accent-alt);
--page-duration: calc(480ms * var(--motion-factor, 1));
--page-enter: page-dissolve;
--radius-brand: 0 16px 0 16px;
--radius-lg: 1rem;
--radius-md: 0.75rem;
--radius-pill: 999px;
--radius-pill-compact: 100px;
--radius-round: 50%;
--radius-sm: 0.5rem;
--radius-xs: 0.25rem;
--readonly-opacity: 0.7;
--redact-blur: 6px;
--redact-char: "";
--redact-fill: color-mix(in srgb, var(--fg) 22%, transparent);
--redact-radius: var(--radius-sm);
--redact-texture: none;
--scrollbar-thumb: color-mix(in srgb, var(--accent) 50%, transparent);
--scrollbar-track: transparent;
--scrollbar-width: thin;
--selection-bg: color-mix(in srgb, var(--accent) 35%, transparent);
--selection-fg: inherit;
--skeleton-fill: linear-gradient(90deg, color-mix(in srgb, var(--accent) 6%, transparent), color-mix(in srgb, var(--accent) 22%, transparent), color-mix(in srgb, var(--accent) 6%, transparent));
--skeleton-motion: skel-shimmer;
--skin-canvas: radial-gradient(60rem 40rem at 10% -10%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 60%), radial-gradient(50rem 30rem at 110% 10%, color-mix(in srgb, var(--accent-alt) 18%, transparent), transparent 60%);
--skin-check-off: "◇";
--skin-check-on: "◆";
--skin-chip-after: "";
--skin-chip-before: "";
--skin-chip-edge: 1px solid color-mix(in srgb, var(--accent) 40%, transparent);
--skin-chip-fill: color-mix(in srgb, var(--accent) 12%, transparent);
--skin-control-after: "";
--skin-control-before: "";
--skin-control-blur: 8px;
--skin-control-edge: 1px solid color-mix(in srgb, white 22%, transparent);
--skin-control-fill: color-mix(in srgb, var(--bg-surface) 55%, transparent);
--skin-control-shadow: inset 0 1px 0 color-mix(in srgb, white 44%, transparent);
--skin-control-texture: linear-gradient(125deg, color-mix(in srgb, white 14%, transparent), transparent 42%, color-mix(in srgb, white 5%, transparent));
--skin-glow: 0 0 18px color-mix(in srgb, var(--accent) 50%, transparent);
--skin-heading-before: "";
--skin-panel-blur: 16px;
--skin-panel-edge: 1px solid color-mix(in srgb, white 18%, transparent);
--skin-panel-fill: color-mix(in srgb, var(--bg-surface) 80%, transparent);
--skin-panel-shadow: inset 0 1px 0 color-mix(in srgb, white 40%, transparent), 0 12px 28px -20px var(--accent);
--skin-panel-texture: linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 47%, color-mix(in srgb, var(--accent-alt) 6%, transparent));
--skin-primary-blur: 4px;
--skin-primary-edge: 1px solid color-mix(in srgb, var(--accent) 60%, white);
--skin-primary-fill: color-mix(in srgb, var(--accent) 82%, transparent);
--skin-primary-shadow: var(--skin-glow);
--skin-primary-texture: linear-gradient(180deg, color-mix(in srgb, white 24%, transparent), transparent 8px);
--skin-progress-fill: linear-gradient(90deg, var(--accent), var(--accent-alt), var(--accent));
--skin-rail-height: 8px;
--skin-rail-texture: linear-gradient(180deg, color-mix(in srgb, white 33%, transparent), transparent);
--skin-raised-blur: 24px;
--skin-raised-edge: 1px solid color-mix(in srgb, white 24%, transparent);
--skin-raised-fill: color-mix(in srgb, var(--bg-surface) 90%, transparent);
--skin-raised-shadow: inset 0 1px 0 color-mix(in srgb, white 45%, transparent), var(--elevation-overlay), 0 0 40px -12px var(--accent-alt);
--skin-rule-edge: 1px solid color-mix(in srgb, white 14%, transparent);
--skin-rule-style: solid;
--skin-slider-fill: linear-gradient(90deg, var(--accent-emphasis), var(--accent));
--skin-text-glow: none;
--skin-thumb-radius: 50%;
--skin-thumb-shadow: inset 0 1px 2px color-mix(in srgb, white 66%, transparent), 0 0 8px var(--accent);
--skin-thumb-texture: none;
--source-cached-mark: "◈";
--source-live-mark: "◆";
--source-sample-mark: "⬦";
--source-stale-mark: "◇";
--spinner-frames: "◇◈◆◈";
--surface-blur: 14px;
--table-header-bg: color-mix(in srgb, var(--accent) 8%, transparent);
--table-header-rule: 1px solid color-mix(in srgb, white 18%, transparent);
--table-row-rule: 1px solid color-mix(in srgb, white 8%, transparent);
--table-zebra: color-mix(in srgb, var(--accent) 4%, transparent);
--toast-edge: 1px solid color-mix(in srgb, white 22%, transparent);
--toast-prefix: "";
--type-display-tracking: 0.02em;
--type-display-weight: 300;
--type-label-case: uppercase;
--type-label-tracking: 0.14em;
--type-label-weight: 600;
--type-title-weight: 600;
--voice-armed-label: "Ready";
--voice-art-cursor: "◆";
--voice-art-silence: breath;
--voice-art-speak: epicycles;
--voice-art-think: orbit;
--voice-art-transcribe: shimmer;
--voice-interrupted-label: "Interrupted";
--voice-listening-label: "Listening";
--voice-meter: ring;
--voice-meter-bars: 0;
--voice-meter-fill: color-mix(in srgb, var(--accent) 70%, transparent);
--voice-meter-frames: "";
--voice-ring: 0 0 calc(var(--voice-level, 0) * 24px) color-mix(in srgb, var(--accent) 60%, transparent), inset 0 0 calc(var(--voice-level, 0) * 10px) color-mix(in srgb, var(--accent-alt) 40%, transparent);
--voice-speaking-label: "Speaking";
--voice-thinking-label: "Thinking";
--voice-transcribing-label: "Transcribing";
}
}
[data-style="alianza-shadow"] {
--border-width: 1px;
--breadcrumb-sep: " / ";
--caret-shape: bar;
--celebrate: "confetti";
--coach-effect: none;
--coach-prefix: "";
--coach-radius: var(--radius-brand);
--comp-ascii: none;
--comp-face-focused: "";
--comp-face-happy: "";
--comp-face-idle: "";
--comp-face-waiting: "";
--comp-face-worried: "";
--comp-fill: var(--accent-subtle);
--comp-filter: none;
--comp-svg: block;
--cursor-busy: progress;
--cursor-pointer: pointer;
--date-style: "short";
--delivery-cancel: "fade";
--delivery-send: "splash";
--earcon-cancel: "chime-down";
--earcon-complete: "soft-chime";
--earcon-send: "chime-up";
--empty-mark: "◎";
--feedback-effect: fb-tint;
--field-bg: color-mix(in srgb, var(--fg) 5%, var(--bg-surface));
--field-edge: 1px solid transparent;
--field-error-mark: "!";
--field-prefix: "";
--field-underline: 1px solid transparent;
--focus-glow: 0 0 0 3px color-mix(in srgb, var(--focus-ring) 30%, transparent);
--focus-style: solid;
--font-family-body: Roboto, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
--font-family-control: var(--font-family-body);
--font-family-display: var(--font-family-body);
--font-family-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
--haptic-complete: "10";
--haptic-snap: "6";
--icon-cap: round;
--icon-filter: none;
--icon-join: round;
--icon-optical-size: 20px;
--icon-render: geometricPrecision;
--icon-stroke: 1.7;
--iv-alianza: inline;
--iv-plasma: none;
--iv-sketch: none;
--iv-terminal: none;
--label-case: none;
--lock-mark: "⊘";
--mark-glyph: none;
--mark-icon: inline-block;
--overlay-blur: 0px;
--overlay-edge: 1px solid var(--border);
--overlay-scrim: var(--bg-scrim);
--overlay-shadow: var(--elevation-overlay);
--page-duration: calc(320ms * var(--motion-factor, 1));
--page-enter: page-slide;
--radius-brand: 0 16px 0 16px;
--radius-lg: 1.25rem;
--radius-md: 1rem;
--radius-pill: 999px;
--radius-pill-compact: 100px;
--radius-round: 50%;
--radius-sm: 0.75rem;
--radius-xs: 0.25rem;
--readonly-opacity: 0.72;
--redact-blur: 0px;
--redact-char: "";
--redact-fill: var(--fg-muted);
--redact-radius: var(--radius-xs);
--redact-texture: none;
--scrollbar-thumb: color-mix(in srgb, var(--fg) 30%, transparent);
--scrollbar-track: transparent;
--scrollbar-width: auto;
--selection-bg: color-mix(in srgb, var(--accent) 25%, transparent);
--selection-fg: inherit;
--skeleton-fill: linear-gradient(90deg, color-mix(in srgb, var(--fg) 7%, transparent) 30%, color-mix(in srgb, var(--fg) 14%, transparent) 50%, color-mix(in srgb, var(--fg) 7%, transparent) 70%);
--skeleton-motion: skel-shimmer;
--skin-canvas: none;
--skin-check-off: "";
--skin-check-on: "✓";
--skin-chip-after: "";
--skin-chip-before: "";
--skin-chip-edge: 1px solid transparent;
--skin-chip-fill: color-mix(in srgb, var(--accent) 10%, transparent);
--skin-control-after: "";
--skin-control-before: "";
--skin-control-blur: 0px;
--skin-control-edge: 1px solid transparent;
--skin-control-fill: color-mix(in srgb, var(--fg) 5%, var(--bg-surface));
--skin-control-shadow: none;
--skin-control-texture: none;
--skin-glow: none;
--skin-heading-before: "";
--skin-panel-blur: 0px;
--skin-panel-edge: 1px solid color-mix(in srgb, var(--fg) 6%, transparent);
--skin-panel-fill: var(--bg-surface);
--skin-panel-shadow: 0 1px 2px color-mix(in srgb, var(--fg) 6%, transparent), 0 6px 18px -6px color-mix(in srgb, var(--fg) 14%, transparent);
--skin-panel-texture: none;
--skin-primary-blur: 0px;
--skin-primary-edge: 1px solid var(--accent);
--skin-primary-fill: var(--accent);
--skin-primary-shadow: 0 1px 2px color-mix(in srgb, var(--accent) 35%, transparent);
--skin-primary-texture: none;
--skin-progress-fill: linear-gradient(var(--accent), var(--accent));
--skin-rail-height: 4px;
--skin-rail-texture: linear-gradient(var(--bg-muted), var(--bg-muted));
--skin-raised-blur: 0px;
--skin-raised-edge: 1px solid color-mix(in srgb, var(--fg) 8%, transparent);
--skin-raised-fill: var(--bg-surface);
--skin-raised-shadow: 0 2px 4px color-mix(in srgb, var(--fg) 8%, transparent), 0 14px 32px -10px color-mix(in srgb, var(--fg) 22%, transparent);
--skin-rule-edge: 1px solid var(--border);
--skin-rule-style: solid;
--skin-slider-fill: linear-gradient(var(--accent), var(--accent));
--skin-text-glow: none;
--skin-thumb-radius: 50%;
--skin-thumb-shadow: var(--elevation-1);
--skin-thumb-texture: none;
--source-cached-mark: "◐";
--source-live-mark: "●";
--source-sample-mark: "◇";
--source-stale-mark: "○";
--spinner-frames: "◐◓◑◒";
--surface-blur: 0px;
--table-header-bg: transparent;
--table-header-rule: 1px solid var(--border);
--table-row-rule: 1px solid var(--border);
--table-zebra: transparent;
--toast-edge: 1px solid var(--border);
--toast-prefix: "";
--type-display-tracking: -0.01em;
--type-display-weight: 300;
--type-label-case: uppercase;
--type-label-tracking: 0.08em;
--type-label-weight: 500;
--type-title-weight: 700;
--voice-armed-label: "Ready";
--voice-art-cursor: "▍";
--voice-art-silence: breath;
--voice-art-speak: epicycles;
--voice-art-think: dots;
--voice-art-transcribe: ticker;
--voice-interrupted-label: "Paused";
--voice-listening-label: "Listening";
--voice-meter: bars;
--voice-meter-bars: 5;
--voice-meter-fill: var(--accent);
--voice-meter-frames: "";
--voice-ring: 0 0 0 calc(var(--voice-level, 0) * 8px) var(--accent-subtle);
--voice-speaking-label: "Speaking";
--voice-thinking-label: "Thinking…";
--voice-transcribing-label: "Transcribing…";
}
@scope ([data-style="alianza-shadow"]) to ([data-style]) {
[data-palette], [data-theme] {
--border-width: 1px;
--breadcrumb-sep: " / ";
--caret-shape: bar;
--celebrate: "confetti";
--coach-effect: none;
--coach-prefix: "";
--coach-radius: var(--radius-brand);
--comp-ascii: none;
--comp-face-focused: "";
--comp-face-happy: "";
--comp-face-idle: "";
--comp-face-waiting: "";
--comp-face-worried: "";
--comp-fill: var(--accent-subtle);
--comp-filter: none;
--comp-svg: block;
--cursor-busy: progress;
--cursor-pointer: pointer;
--date-style: "short";
--delivery-cancel: "fade";
--delivery-send: "splash";
--earcon-cancel: "chime-down";
--earcon-complete: "soft-chime";
--earcon-send: "chime-up";
--empty-mark: "◎";
--feedback-effect: fb-tint;
--field-bg: color-mix(in srgb, var(--fg) 5%, var(--bg-surface));
--field-edge: 1px solid transparent;
--field-error-mark: "!";
--field-prefix: "";
--field-underline: 1px solid transparent;
--focus-glow: 0 0 0 3px color-mix(in srgb, var(--focus-ring) 30%, transparent);
--focus-style: solid;
--font-family-body: Roboto, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
--font-family-control: var(--font-family-body);
--font-family-display: var(--font-family-body);
--font-family-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
--haptic-complete: "10";
--haptic-snap: "6";
--icon-cap: round;
--icon-filter: none;
--icon-join: round;
--icon-optical-size: 20px;
--icon-render: geometricPrecision;
--icon-stroke: 1.7;
--iv-alianza: inline;
--iv-plasma: none;
--iv-sketch: none;
--iv-terminal: none;
--label-case: none;
--lock-mark: "⊘";
--mark-glyph: none;
--mark-icon: inline-block;
--overlay-blur: 0px;
--overlay-edge: 1px solid var(--border);
--overlay-scrim: var(--bg-scrim);
--overlay-shadow: var(--elevation-overlay);
--page-duration: calc(320ms * var(--motion-factor, 1));
--page-enter: page-slide;
--radius-brand: 0 16px 0 16px;
--radius-lg: 1.25rem;
--radius-md: 1rem;
--radius-pill: 999px;
--radius-pill-compact: 100px;
--radius-round: 50%;
--radius-sm: 0.75rem;
--radius-xs: 0.25rem;
--readonly-opacity: 0.72;
--redact-blur: 0px;
--redact-char: "";
--redact-fill: var(--fg-muted);
--redact-radius: var(--radius-xs);
--redact-texture: none;
--scrollbar-thumb: color-mix(in srgb, var(--fg) 30%, transparent);
--scrollbar-track: transparent;
--scrollbar-width: auto;
--selection-bg: color-mix(in srgb, var(--accent) 25%, transparent);
--selection-fg: inherit;
--skeleton-fill: linear-gradient(90deg, color-mix(in srgb, var(--fg) 7%, transparent) 30%, color-mix(in srgb, var(--fg) 14%, transparent) 50%, color-mix(in srgb, var(--fg) 7%, transparent) 70%);
--skeleton-motion: skel-shimmer;
--skin-canvas: none;
--skin-check-off: "";
--skin-check-on: "✓";
--skin-chip-after: "";
--skin-chip-before: "";
--skin-chip-edge: 1px solid transparent;
--skin-chip-fill: color-mix(in srgb, var(--accent) 10%, transparent);
--skin-control-after: "";
--skin-control-before: "";
--skin-control-blur: 0px;
--skin-control-edge: 1px solid transparent;
--skin-control-fill: color-mix(in srgb, var(--fg) 5%, var(--bg-surface));
--skin-control-shadow: none;
--skin-control-texture: none;
--skin-glow: none;
--skin-heading-before: "";
--skin-panel-blur: 0px;
--skin-panel-edge: 1px solid color-mix(in srgb, var(--fg) 6%, transparent);
--skin-panel-fill: var(--bg-surface);
--skin-panel-shadow: 0 1px 2px color-mix(in srgb, var(--fg) 6%, transparent), 0 6px 18px -6px color-mix(in srgb, var(--fg) 14%, transparent);
--skin-panel-texture: none;
--skin-primary-blur: 0px;
--skin-primary-edge: 1px solid var(--accent);
--skin-primary-fill: var(--accent);
--skin-primary-shadow: 0 1px 2px color-mix(in srgb, var(--accent) 35%, transparent);
--skin-primary-texture: none;
--skin-progress-fill: linear-gradient(var(--accent), var(--accent));
--skin-rail-height: 4px;
--skin-rail-texture: linear-gradient(var(--bg-muted), var(--bg-muted));
--skin-raised-blur: 0px;
--skin-raised-edge: 1px solid color-mix(in srgb, var(--fg) 8%, transparent);
--skin-raised-fill: var(--bg-surface);
--skin-raised-shadow: 0 2px 4px color-mix(in srgb, var(--fg) 8%, transparent), 0 14px 32px -10px color-mix(in srgb, var(--fg) 22%, transparent);
--skin-rule-edge: 1px solid var(--border);
--skin-rule-style: solid;
--skin-slider-fill: linear-gradient(var(--accent), var(--accent));
--skin-text-glow: none;
--skin-thumb-radius: 50%;
--skin-thumb-shadow: var(--elevation-1);
--skin-thumb-texture: none;
--source-cached-mark: "◐";
--source-live-mark: "●";
--source-sample-mark: "◇";
--source-stale-mark: "○";
--spinner-frames: "◐◓◑◒";
--surface-blur: 0px;
--table-header-bg: transparent;
--table-header-rule: 1px solid var(--border);
--table-row-rule: 1px solid var(--border);
--table-zebra: transparent;
--toast-edge: 1px solid var(--border);
--toast-prefix: "";
--type-display-tracking: -0.01em;
--type-display-weight: 300;
--type-label-case: uppercase;
--type-label-tracking: 0.08em;
--type-label-weight: 500;
--type-title-weight: 700;
--voice-armed-label: "Ready";
--voice-art-cursor: "▍";
--voice-art-silence: breath;
--voice-art-speak: epicycles;
--voice-art-think: dots;
--voice-art-transcribe: ticker;
--voice-interrupted-label: "Paused";
--voice-listening-label: "Listening";
--voice-meter: bars;
--voice-meter-bars: 5;
--voice-meter-fill: var(--accent);
--voice-meter-frames: "";
--voice-ring: 0 0 0 calc(var(--voice-level, 0) * 8px) var(--accent-subtle);
--voice-speaking-label: "Speaking";
--voice-thinking-label: "Thinking…";
--voice-transcribing-label: "Transcribing…";
}
}
:root,
[data-theme="light"],
[data-palette="alianza"],
[data-palette="alianza"][data-theme="light"],
[data-palette="alianza"] [data-theme="light"]:not([data-palette]) {
--alz-navy-900: #17477e;
--alz-navy-700: #1072ba;
--alz-blue-600: #1072ba;
--alz-on-primary: #ffffff;
--alz-on-emphasis: #ffffff;
--alz-brand-fg: #ffffff;
--alz-brand-deep: #17477e;
--alz-brand-field-bg: #ffffff;
--alz-brand-pressed-bg: rgb(255 255 255 / 18%);
--alz-scrim: rgb(3 22 40 / 55%);
--alz-blue-100: #e6f4fc;
--alz-cyan-500: #65a7db;
--alz-green-600: #4f6f1c;
--alz-green-100: #eef5e0;
--alz-amber-700: #8a5a00;
--alz-amber-100: #fff4dc;
--alz-red-700: #b42318;
--alz-red-100: #ffebe9;
--alz-ink: #354c59;
--alz-muted: #5a646a;
--alz-border: #d5e3ec;
--alz-surface: #ffffff;
--alz-canvas: #f5f7f8;
--alz-focus: #1072ba;
--alz-header-border: #b9e0f7;
--alz-header-subtle: #b9e0f7;
--alz-chip-border: #b9e0f7;
--alz-red-300: #eab5b0;
--alz-input-border: #8fa3ae;
--alz-surface-disabled: #edf1f3;
--alz-amber-300: #f4cf7f;
--alz-surface-gradient-from: #ffffff;
--alz-surface-gradient-to: #f5f7f8;
--alz-track-bg: #dbe9f2;
--alz-table-head-bg: #eef6fb;
--alz-table-hover-bg: #f7fbfd;
--alz-tabs-bg: #e8eef2;
--alz-panel-muted: #f5f7f8;
--shadow-tint: #17477e;
--shadow-sm: 0 2px 8px rgba(23, 71, 126, 0.08);
--shadow-md: 0 8px 28px rgba(23, 71, 126, 0.12);
--shadow-overlay: 0 24px 70px rgba(0,0,0,.25);
}
[data-theme="dark"],
[data-palette="alianza"][data-theme="dark"],
[data-palette="alianza"] [data-theme="dark"]:not([data-palette]) {
--alz-navy-900: #ffffff;
--alz-navy-700: #b9e0f7;
--alz-blue-600: #fdb73e;
--alz-on-primary: #17477e;
--alz-on-emphasis: #17477e;
--alz-brand-fg: #ffffff;
--alz-brand-deep: #022c52;
--alz-brand-field-bg: #ffffff;
--alz-brand-pressed-bg: rgb(255 255 255 / 18%);
--alz-scrim: rgb(0 10 20 / 65%);
--alz-blue-100: #1d5e94;
--alz-cyan-500: #65a7db;
--alz-green-600: #b5d17a;
--alz-green-100: #2f4416;
--alz-amber-700: #fdb73e;
--alz-amber-100: #4a3a12;
--alz-red-700: #ffa59a;
--alz-red-100: #4a1f1c;
--alz-ink: #ffffff;
--alz-muted: #d3dee5;
--alz-border: #56707f;
--alz-surface: #354c59;
--alz-canvas: #17477e;
--alz-focus: #fdb73e;
--alz-header-border: rgba(255, 255, 255, 0.32);
--alz-header-subtle: #b9e0f7;
--alz-chip-border: #65a7db;
--alz-red-300: #8a3f39;
--alz-input-border: #8ea6b5;
--alz-surface-disabled: #2c3f4b;
--alz-amber-300: #8a6a1f;
--alz-surface-gradient-from: #17477e;
--alz-surface-gradient-to: #354c59;
--alz-track-bg: #2c3f4b;
--alz-table-head-bg: #2f4552;
--alz-table-hover-bg: #3d5563;
--alz-tabs-bg: #2f4552;
--alz-panel-muted: #2f4552;
--shadow-tint: #000;
--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
--shadow-md: 0 8px 28px rgba(0, 0, 0, 0.45);
--shadow-overlay: 0 24px 70px rgba(0,0,0,.5);
}
[data-palette="beacon"],
[data-palette="beacon"][data-theme="light"],
[data-palette="beacon"] [data-theme="light"]:not([data-palette]) {
--alz-navy-900: #17324d;
--alz-navy-700: #244f73;
--alz-blue-600: #0875b9;
--alz-on-primary: #ffffff;
--alz-on-emphasis: #ffffff;
--alz-brand-fg: #ffffff;
--alz-brand-deep: #061423;
--alz-brand-field-bg: #ffffff;
--alz-brand-pressed-bg: rgb(255 255 255 / 18%);
--alz-scrim: rgb(8 15 24 / 55%);
--alz-blue-100: #e5f4fb;
--alz-cyan-500: #00a6c8;
--alz-green-600: #398443;
--alz-green-100: #e8f5e9;
--alz-amber-700: #9a5a00;
--alz-amber-100: #fff3d6;
--alz-red-700: #b42318;
--alz-red-100: #ffebe9;
--alz-ink: #1d2b36;
--alz-muted: #5d6d79;
--alz-border: #d4dee5;
--alz-surface: #ffffff;
--alz-canvas: #f4f7f9;
--alz-focus: #005fcc;
--alz-header-border: #aac2d4;
--alz-header-subtle: #c6e8f5;
--alz-chip-border: #b9dced;
--alz-red-300: #eab5b0;
--alz-input-border: #aabac5;
--alz-surface-disabled: #edf1f3;
--alz-amber-300: #e9c77b;
--alz-surface-gradient-from: #ffffff;
--alz-surface-gradient-to: #f5fbfd;
--alz-track-bg: #dce8ee;
--alz-table-head-bg: #edf6fa;
--alz-table-hover-bg: #f7fbfd;
--alz-tabs-bg: #e8eef2;
--alz-panel-muted: #f8fafb;
--shadow-tint: #17324d;
--shadow-sm: 0 2px 8px rgba(23, 50, 77, 0.08);
--shadow-md: 0 8px 28px rgba(23, 50, 77, 0.12);
--shadow-overlay: 0 24px 70px rgba(0,0,0,.25);
}
[data-palette="beacon"][data-theme="dark"],
[data-palette="beacon"] [data-theme="dark"]:not([data-palette]) {
--alz-navy-900: #e7eef4;
--alz-navy-700: #9cc6e8;
--alz-blue-600: #4fb2e8;
--alz-on-primary: #101b24;
--alz-on-emphasis: #101b24;
--alz-brand-fg: #ffffff;
--alz-brand-deep: #061423;
--alz-brand-field-bg: #ffffff;
--alz-brand-pressed-bg: rgb(255 255 255 / 18%);
--alz-scrim: rgb(8 15 24 / 55%);
--alz-blue-100: #17324a;
--alz-cyan-500: #23c3e6;
--alz-green-600: #6fce7b;
--alz-green-100: #16301b;
--alz-amber-700: #f0b04d;
--alz-amber-100: #3a2c10;
--alz-red-700: #f2867d;
--alz-red-100: #3a1614;
--alz-ink: #e7eef4;
--alz-muted: #9fb0bc;
--alz-border: #33475a;
--alz-surface: #1b2b38;
--alz-canvas: #101b24;
--alz-focus: #4fb2e8;
--alz-header-border: rgba(255, 255, 255, 0.32);
--alz-header-subtle: #a9d7ea;
--alz-chip-border: #2f5a68;
--alz-red-300: #7a3b36;
--alz-input-border: #3a4f60;
--alz-surface-disabled: #24333f;
--alz-amber-300: #6e551f;
--alz-surface-gradient-from: #1b2b38;
--alz-surface-gradient-to: #17222c;
--alz-track-bg: #24333f;
--alz-table-head-bg: #23343f;
--alz-table-hover-bg: #1f2e39;
--alz-tabs-bg: #23333f;
--alz-panel-muted: #1c2932;
--shadow-tint: #000;
--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
--shadow-md: 0 8px 28px rgba(0, 0, 0, 0.45);
--shadow-overlay: 0 24px 70px rgba(0,0,0,.25);
}
[data-palette="phosphor"],
[data-palette="phosphor"][data-theme="light"],
[data-palette="phosphor"] [data-theme="light"]:not([data-palette]),
[data-style="terminal"]:not([data-palette]),
[data-style="terminal"]:not([data-palette])[data-theme="light"],
[data-style="terminal"]:not([data-palette]) [data-theme="light"]:not([data-palette]) {
--alz-navy-900: #102018;
--alz-navy-700: #0b5d99;
--alz-blue-600: #0b5d99;
--alz-on-primary: #ffffff;
--alz-on-emphasis: #ffffff;
--alz-brand-fg: #c8f7d4;
--alz-brand-deep: #05080a;
--alz-brand-field-bg: #0b0f0d;
--alz-brand-pressed-bg: rgb(200 247 212 / 18%);
--alz-scrim: rgb(0 0 0 / 60%);
--alz-blue-100: #e3eef7;
--alz-cyan-500: #0b7a8a;
--alz-green-600: #1d6b33;
--alz-green-100: #e5f3e8;
--alz-amber-700: #7a5200;
--alz-amber-100: #fbf1d8;
--alz-red-700: #a3221a;
--alz-red-100: #fbe9e7;
--alz-ink: #1b2a22;
--alz-muted: #4a5a50;
--alz-border: #9fb3a6;
--alz-surface: #fbfcfa;
--alz-canvas: #f1f4f0;
--alz-focus: #0b5d99;
--alz-header-border: #9fb3a6;
--alz-header-subtle: #c8f7d4;
--alz-chip-border: #9fb3a6;
--alz-red-300: #e3a39d;
--alz-input-border: #6f8577;
--alz-surface-disabled: #e6ebe6;
--alz-amber-300: #e6c27a;
--alz-surface-gradient-from: #fbfcfa;
--alz-surface-gradient-to: #f1f4f0;
--alz-track-bg: #dfe6e0;
--alz-table-head-bg: #eaf0eb;
--alz-table-hover-bg: #f4f8f4;
--alz-tabs-bg: #e6ece7;
--alz-panel-muted: #f4f7f3;
--shadow-tint: #000;
--shadow-sm: none;
--shadow-md: none;
--shadow-overlay: 0 0 0 1px #6f8577;
}
[data-palette="phosphor"][data-theme="dark"],
[data-palette="phosphor"] [data-theme="dark"]:not([data-palette]),
[data-style="terminal"]:not([data-palette])[data-theme="dark"],
[data-style="terminal"]:not([data-palette]) [data-theme="dark"]:not([data-palette]) {
--alz-navy-900: #c8f7d4;
--alz-navy-700: #65a7db;
--alz-blue-600: #65a7db;
--alz-on-primary: #05080a;
--alz-on-emphasis: #05080a;
--alz-brand-fg: #c8f7d4;
--alz-brand-deep: #000000;
--alz-brand-field-bg: #0b0f0d;
--alz-brand-pressed-bg: rgb(200 247 212 / 18%);
--alz-scrim: rgb(0 0 0 / 75%);
--alz-blue-100: #0e2233;
--alz-cyan-500: #4fd1e0;
--alz-green-600: #8bad44;
--alz-green-100: #10220f;
--alz-amber-700: #fcb73d;
--alz-amber-100: #2a2108;
--alz-red-700: #ff7b72;
--alz-red-100: #2a0f0d;
--alz-ink: #a8f0bc;
--alz-muted: #79b48c;
--alz-border: #1f3a2a;
--alz-surface: #0b110e;
--alz-canvas: #05080a;
--alz-focus: #fcb73d;
--alz-header-border: #1f3a2a;
--alz-header-subtle: #79b48c;
--alz-chip-border: #2f5a40;
--alz-red-300: #6b2a25;
--alz-input-border: #3f7a55;
--alz-surface-disabled: #111a15;
--alz-amber-300: #5a4510;
--alz-surface-gradient-from: #0b110e;
--alz-surface-gradient-to: #05080a;
--alz-track-bg: #12201a;
--alz-table-head-bg: #0f1a14;
--alz-table-hover-bg: #0e1712;
--alz-tabs-bg: #0f1a14;
--alz-panel-muted: #08100c;
--shadow-tint: #000;
--shadow-sm: none;
--shadow-md: none;
--shadow-overlay: 0 0 0 1px #3f7a55;
}
[data-palette="warm-paper"],
[data-palette="warm-paper"][data-theme="light"],
[data-palette="warm-paper"] [data-theme="light"]:not([data-palette]),
[data-style="sketch"]:not([data-palette]),
[data-style="sketch"]:not([data-palette])[data-theme="light"],
[data-style="sketch"]:not([data-palette]) [data-theme="light"]:not([data-palette]) {
--alz-navy-900: #312D28;
--alz-navy-700: #6a4431;
--alz-blue-600: #885136;
--alz-on-primary: #ffffff;
--alz-on-emphasis: #F5F0E7;
--alz-brand-fg: #F5F0E7;
--alz-brand-deep: #5c3f2f;
--alz-brand-field-bg: #FFFCF5;
--alz-brand-pressed-bg: rgb(255 255 255 / 18%);
--alz-scrim: rgb(49 45 40 / 45%);
--alz-blue-100: #ece1d6;
--alz-cyan-500: #526A4B;
--alz-green-600: #4f6f1c;
--alz-green-100: #eef5e0;
--alz-amber-700: #8a5a00;
--alz-amber-100: #fff4dc;
--alz-red-700: #b42318;
--alz-red-100: #ffebe9;
--alz-ink: #312D28;
--alz-muted: #60584E;
--alz-border: #d2cdc5;
--alz-surface: #FFFCF5;
--alz-canvas: #F5F0E7;
--alz-focus: #885136;
--alz-header-border: #8a7466;
--alz-header-subtle: #d6cdc2;
--alz-chip-border: #cfb8a9;
--alz-red-300: #eab5b0;
--alz-input-border: #a39e97;
--alz-surface-disabled: #f2ebe0;
--alz-amber-300: #f4cf7f;
--alz-surface-gradient-from: #FFFCF5;
--alz-surface-gradient-to: #EEE6D9;
--alz-track-bg: #EEE6D9;
--alz-table-head-bg: #EEE6D9;
--alz-table-hover-bg: #f6f1e7;
--alz-tabs-bg: #EEE6D9;
--alz-panel-muted: #EEE6D9;
--shadow-tint: #312D28;
--shadow-sm: none;
--shadow-md: none;
--shadow-overlay: 0 24px 70px rgba(0,0,0,.25);
}
[data-palette="warm-paper"][data-theme="dark"],
[data-palette="warm-paper"] [data-theme="dark"]:not([data-palette]),
[data-style="sketch"]:not([data-palette])[data-theme="dark"],
[data-style="sketch"]:not([data-palette]) [data-theme="dark"]:not([data-palette]) {
--alz-navy-900: #F3EADB;
--alz-navy-700: #e2b092;
--alz-blue-600: #D9906B;
--alz-on-primary: #000000;
--alz-on-emphasis: #1F1B17;
--alz-brand-fg: #F3EADB;
--alz-brand-deep: #14120f;
--alz-brand-field-bg: #29241E;
--alz-brand-pressed-bg: rgb(255 255 255 / 18%);
--alz-scrim: rgb(0 0 0 / 60%);
--alz-blue-100: #45352a;
--alz-cyan-500: #A3C29A;
--alz-green-600: #b5d17a;
--alz-green-100: #2f4416;
--alz-amber-700: #fcb73d;
--alz-amber-100: #4a3a12;
--alz-red-700: #ffa59a;
--alz-red-100: #4a1f1c;
--alz-ink: #F3EADB;
--alz-muted: #C7BBA8;
--alz-border: #45403a;
--alz-surface: #29241E;
--alz-canvas: #1F1B17;
--alz-focus: #D9906B;
--alz-header-border: #57534c;
--alz-header-subtle: #c6bfb2;
--alz-chip-border: #6f4f3d;
--alz-red-300: #8a3f39;
--alz-input-border: #787269;
--alz-surface-disabled: #2a241e;
--alz-amber-300: #8a6a1f;
--alz-surface-gradient-from: #29241E;
--alz-surface-gradient-to: #342D26;
--alz-track-bg: #342D26;
--alz-table-head-bg: #342D26;
--alz-table-hover-bg: #2e2822;
--alz-tabs-bg: #342D26;
--alz-panel-muted: #342D26;
--shadow-tint: #000;
--shadow-sm: none;
--shadow-md: none;
--shadow-overlay: 0 24px 70px rgba(0,0,0,.5);
}
[data-palette="moonlight"],
[data-palette="moonlight"][data-theme="light"],
[data-palette="moonlight"] [data-theme="light"]:not([data-palette]),
[data-style="plasma"]:not([data-palette]),
[data-style="plasma"]:not([data-palette])[data-theme="light"],
[data-style="plasma"]:not([data-palette]) [data-theme="light"]:not([data-palette]) {
--alz-navy-900: #10182D;
--alz-navy-700: #0f5851;
--alz-blue-600: #0E7A64;
--alz-on-primary: #FFFFFF;
--alz-on-emphasis: #EEF3F9;
--alz-brand-fg: #EEF3F9;
--alz-brand-deep: #0f4948;
--alz-brand-field-bg: #FFFFFF;
--alz-brand-pressed-bg: rgb(255 255 255 / 18%);
--alz-scrim: rgb(16 24 45 / 45%);
--alz-blue-100: #d8eae6;
--alz-cyan-500: #9A6400;
--alz-green-600: #4f6f1c;
--alz-green-100: #eef5e0;
--alz-amber-700: #8a5a00;
--alz-amber-100: #fff4dc;
--alz-red-700: #b42318;
--alz-red-100: #ffebe9;
--alz-ink: #10182D;
--alz-muted: #46506A;
--alz-border: #c6ccd4;
--alz-surface: #FFFFFF;
--alz-canvas: #EEF3F9;
--alz-focus: #0E7A64;
--alz-header-border: #527c7d;
--alz-header-subtle: #c1d1d6;
--alz-chip-border: #9fcac1;
--alz-red-300: #eab5b0;
--alz-input-border: #9197a3;
--alz-surface-disabled: #e8eef6;
--alz-amber-300: #f4cf7f;
--alz-surface-gradient-from: #FFFFFF;
--alz-surface-gradient-to: #E1E8F2;
--alz-track-bg: #E1E8F2;
--alz-table-head-bg: #E1E8F2;
--alz-table-hover-bg: #f0f4f8;
--alz-tabs-bg: #E1E8F2;
--alz-panel-muted: #E1E8F2;
--shadow-tint: #10182D;
--shadow-sm: 0 2px 8px rgb(16 24 45 / 8%);
--shadow-md: 0 8px 28px rgb(16 24 45 / 12%);
--shadow-overlay: 0 24px 70px rgba(0,0,0,.25);
}
[data-palette="moonlight"][data-theme="dark"],
[data-palette="moonlight"] [data-theme="dark"]:not([data-palette]),
[data-style="plasma"]:not([data-palette])[data-theme="dark"],
[data-style="plasma"]:not([data-palette]) [data-theme="dark"]:not([data-palette]) {
--alz-navy-900: #FFF4DC;
--alz-navy-700: #a2e6cb;
--alz-blue-600: #70DFC2;
--alz-on-primary: #10182D;
--alz-on-emphasis: #10182D;
--alz-brand-fg: #FFF4DC;
--alz-brand-deep: #0a101d;
--alz-brand-field-bg: #17213B;
--alz-brand-pressed-bg: rgb(255 255 255 / 18%);
--alz-scrim: rgb(0 0 0 / 60%);
--alz-blue-100: #253f51;
--alz-cyan-500: #FFD87B;
--alz-green-600: #b5d17a;
--alz-green-100: #2f4416;
--alz-amber-700: #fcb73d;
--alz-amber-100: #4a3a12;
--alz-red-700: #ffa59a;
--alz-red-100: #4a1f1c;
--alz-ink: #FFF4DC;
--alz-muted: #BDC5D6;
--alz-border: #3b404c;
--alz-surface: #17213B;
--alz-canvas: #10182D;
--alz-focus: #70DFC2;
--alz-header-border: #545456;
--alz-header-subtle: #cec6b6;
--alz-chip-border: #3b6d71;
--alz-red-300: #8a3f39;
--alz-input-border: #747476;
--alz-surface-disabled: #18223b;
--alz-amber-300: #8a6a1f;
--alz-surface-gradient-from: #17213B;
--alz-surface-gradient-to: #202D49;
--alz-track-bg: #202D49;
--alz-table-head-bg: #202D49;
--alz-table-hover-bg: #1c2742;
--alz-tabs-bg: #202D49;
--alz-panel-muted: #202D49;
--shadow-tint: #000;
--shadow-sm: 0 2px 8px rgb(0 0 0 / 28%);
--shadow-md: 0 8px 28px rgb(0 0 0 / 42%);
--shadow-overlay: 0 24px 70px rgba(0,0,0,.5);
}
[data-palette="harbor"],
[data-palette="harbor"][data-theme="light"],
[data-palette="harbor"] [data-theme="light"]:not([data-palette]) {
--alz-navy-900: #10292E;
--alz-navy-700: #0d4c58;
--alz-blue-600: #0B5F6E;
--alz-on-primary: #FFFFFF;
--alz-on-emphasis: #F2F6F5;
--alz-brand-fg: #F2F6F5;
--alz-brand-deep: #0e444e;
--alz-brand-field-bg: #FFFFFF;
--alz-brand-pressed-bg: rgb(255 255 255 / 18%);
--alz-scrim: rgb(16 41 46 / 45%);
--alz-blue-100: #d8e5e8;
--alz-cyan-500: #B5651D;
--alz-green-600: #4f6f1c;
--alz-green-100: #eef5e0;
--alz-amber-700: #8a5a00;
--alz-amber-100: #fff4dc;
--alz-red-700: #b42318;
--alz-red-100: #ffebe9;
--alz-ink: #10292E;
--alz-muted: #4A5F63;
--alz-border: #c9d1d1;
--alz-surface: #FFFFFF;
--alz-canvas: #F2F6F5;
--alz-focus: #0B5F6E;
--alz-header-border: #527980;
--alz-header-subtle: #c4d2d4;
--alz-chip-border: #9dbfc5;
--alz-red-300: #eab5b0;
--alz-input-border: #93a0a1;
--alz-surface-disabled: #eaf1f0;
--alz-amber-300: #f4cf7f;
--alz-surface-gradient-from: #FFFFFF;
--alz-surface-gradient-to: #E3ECEA;
--alz-track-bg: #E3ECEA;
--alz-table-head-bg: #E3ECEA;
--alz-table-hover-bg: #f1f6f4;
--alz-tabs-bg: #E3ECEA;
--alz-panel-muted: #E3ECEA;
--shadow-tint: #10292E;
--shadow-sm: 0 2px 8px rgb(16 41 46 / 8%);
--shadow-md: 0 8px 28px rgb(16 41 46 / 12%);
--shadow-overlay: 0 24px 70px rgba(0,0,0,.25);
}
[data-palette="harbor"][data-theme="dark"],
[data-palette="harbor"] [data-theme="dark"]:not([data-palette]) {
--alz-navy-900: #E6F4F1;
--alz-navy-700: #8cd4d7;
--alz-blue-600: #5CC2C9;
--alz-on-primary: #0D1B1E;
--alz-on-emphasis: #0D1B1E;
--alz-brand-fg: #E6F4F1;
--alz-brand-deep: #081214;
--alz-brand-field-bg: #152A2E;
--alz-brand-pressed-bg: rgb(255 255 255 / 18%);
--alz-scrim: rgb(0 0 0 / 60%);
--alz-blue-100: #204247;
--alz-cyan-500: #E9A066;
--alz-green-600: #b5d17a;
--alz-green-100: #2f4416;
--alz-amber-700: #fcb73d;
--alz-amber-100: #4a3a12;
--alz-red-700: #ffa59a;
--alz-red-100: #4a1f1c;
--alz-ink: #E6F4F1;
--alz-muted: #A9C3C0;
--alz-border: #344244;
--alz-surface: #152A2E;
--alz-canvas: #0D1B1E;
--alz-focus: #5CC2C9;
--alz-header-border: #4b5656;
--alz-header-subtle: #bac7c5;
--alz-chip-border: #31676c;
--alz-red-300: #8a3f39;
--alz-input-border: #687677;
--alz-surface-disabled: #162a2e;
--alz-amber-300: #8a6a1f;
--alz-surface-gradient-from: #152A2E;
--alz-surface-gradient-to: #1E3A3F;
--alz-track-bg: #1E3A3F;
--alz-table-head-bg: #1E3A3F;
--alz-table-hover-bg: #1a3236;
--alz-tabs-bg: #1E3A3F;
--alz-panel-muted: #1E3A3F;
--shadow-tint: #000;
--shadow-sm: 0 2px 8px rgb(0 0 0 / 28%);
--shadow-md: 0 8px 28px rgb(0 0 0 / 42%);
--shadow-overlay: 0 24px 70px rgba(0,0,0,.5);
}
:root,
[data-style],
[data-palette],
[data-theme] {
--text-caption: var(--font-size-2xs);
--text-body: var(--font-size-md);
--text-heading: var(--font-size-lg);
--fg: var(--alz-ink);
--fg-muted: var(--alz-muted);
--fg-heading: var(--alz-navy-900);
--fg-heading-subtle: var(--alz-navy-700);
--fg-on-accent: var(--alz-on-primary);
--bg-canvas: var(--alz-canvas);
--bg-surface: var(--alz-surface);
--bg-muted: var(--alz-panel-muted);
--bg-disabled: var(--alz-surface-disabled);
--bg-scrim: var(--alz-scrim);
--border: var(--alz-border);
--border-input: var(--alz-input-border);
--border-accent-subtle: var(--alz-chip-border);
--accent: var(--alz-blue-600);
--accent-subtle: var(--alz-blue-100);
--accent-alt: var(--alz-cyan-500);
--accent-emphasis: var(--alz-navy-700);
--focus-ring: var(--alz-focus);
--status-success: var(--alz-green-600);
--status-success-bg: var(--alz-green-100);
--status-warning: var(--alz-amber-700);
--status-warning-bg: var(--alz-amber-100);
--status-warning-border: var(--alz-amber-300);
--status-danger: var(--alz-red-700);
--status-danger-bg: var(--alz-red-100);
--status-danger-border: var(--alz-red-300);
--fg-on-brand: var(--alz-brand-fg);
--bg-brand-deep: var(--alz-brand-deep);
--border-on-brand: var(--alz-header-border);
--elevation-tint: var(--shadow-tint);
--elevation-1: var(--shadow-sm);
--elevation-2: var(--shadow-md);
--elevation-overlay: var(--shadow-overlay);
--chart-series-1: var(--alz-blue-600);
--chart-series-2: var(--alz-cyan-500);
--chart-series-3: var(--alz-green-600);
--chart-series-4: var(--alz-amber-700);
--chart-series-5: var(--alz-red-700);
--chart-series-6: var(--alz-navy-700);
--chart-series-7: var(--alz-muted);
--chart-swatch-radius: 2px;
--chart-bar-radius: 3px;
--control-padding-compact: var(--space-1-5) var(--space-2-5);
--control-padding-default: var(--space-2) var(--space-3);
--control-padding-roomy: var(--space-3) var(--space-4);
--button-radius: var(--radius-sm);
--button-primary-fg: var(--fg-on-accent);
--button-primary-bg: var(--accent);
--button-primary-hover-bg: var(--accent-emphasis);
--button-secondary-fg: var(--fg-heading-subtle);
--button-secondary-bg: var(--bg-surface);
--button-secondary-border: var(--border);
--pill-fg: var(--fg-muted);
--pill-border: var(--border);
--pill-radius: var(--radius-pill-compact);
--notice-fg: var(--status-warning);
--notice-bg: var(--status-warning-bg);
--notice-border: var(--border);
--notice-radius: var(--radius-sm);
--alert-fg: var(--status-danger);
--admin-report-rail-max-inline: 20rem;
--powerbi-zoom-value-gap: 1px;
--powerbi-slider-track-radius: 2px;
--admin-selection-hit-size: 44px;
--admin-selection-gap: var(--space-2);
--admin-selection-option-radius: var(--radius-pill);
--admin-selection-option-padding-inline: var(--space-3);
--admin-selection-option-padding-block: var(--space-1);
--admin-selection-surface: var(--alz-surface);
--admin-selection-foreground: var(--alz-navy-700);
--admin-selection-border: var(--alz-border);
--admin-selection-selected-surface: var(--alz-blue-600);
--admin-selection-selected-foreground: var(--alz-on-primary);
--admin-selection-selected-border: var(--alz-blue-600);
--admin-selection-focus: var(--alz-focus);
--admin-selection-disabled-opacity: 0.55;
--admin-selection-disabled-surface: var(--alz-surface-disabled);
--admin-selection-disabled-foreground: var(--alz-muted);
--admin-selection-disabled-border: var(--alz-border);
--admin-selection-hover-surface: var(--alz-blue-100);
--admin-selection-hover-foreground: var(--admin-selection-foreground);
--admin-selection-hover-border: var(--admin-selection-border);
--admin-selection-pressed-surface: var(--alz-blue-100);
--admin-selection-pressed-foreground: var(--admin-selection-foreground);
--admin-selection-pressed-border: var(--admin-selection-border);
--admin-selection-selected-hover-surface: var(--admin-selection-selected-surface);
--admin-selection-selected-hover-foreground: var(--admin-selection-selected-foreground);
--admin-selection-selected-hover-border: var(--admin-selection-selected-border);
--admin-selection-selected-pressed-surface: var(--admin-selection-selected-surface);
--admin-selection-selected-pressed-foreground: var(--admin-selection-selected-foreground);
--admin-selection-selected-pressed-border: var(--admin-selection-selected-border);
--admin-selection-motion-duration: var(--motion-duration-fast);
--admin-selection-motion-easing: var(--motion-ease-standard);
--admin-binary-hit-size: var(--admin-selection-hit-size);
--admin-binary-gap: var(--admin-selection-gap);
--admin-binary-control-size: 1.05rem;
--admin-binary-checkbox-offset: max(0px, calc((1lh - var(--admin-binary-control-size)) / 2));
--admin-selection-role-min-inline-size: 8rem;
--admin-dialog-inline-max: 40rem;
--admin-dialog-gutter: var(--space-4);
--admin-dialog-section-gap: var(--space-3);
--admin-binary-accent: var(--alz-blue-600);
--admin-binary-focus: var(--alz-focus);
--admin-binary-disabled-opacity: var(--admin-selection-disabled-opacity);
--admin-action-hit-size: var(--admin-selection-hit-size);
--admin-action-gap: var(--admin-selection-gap);
--admin-action-padding-inline: var(--space-3);
--admin-action-padding-block: var(--space-2);
--admin-action-radius: var(--radius-sm);
--admin-action-surface: var(--alz-surface);
--admin-action-foreground: var(--alz-ink);
--admin-action-edit-foreground: var(--alz-blue-600);
--admin-action-border: var(--alz-border);
--admin-action-hover-surface: var(--alz-blue-100);
--admin-action-hover-foreground: var(--alz-ink);
--admin-action-hover-border: var(--alz-border);
--admin-action-pressed-surface: var(--alz-blue-100);
--admin-action-pressed-foreground: var(--alz-ink);
--admin-action-pressed-border: var(--alz-border);
--admin-action-danger-foreground: var(--alz-red-700);
--admin-action-danger-border: var(--alz-red-300);
--admin-action-danger-hover-surface: var(--alz-red-100);
--admin-action-danger-hover-foreground: var(--alz-red-700);
--admin-action-danger-hover-border: var(--alz-red-300);
--admin-action-danger-pressed-surface: var(--alz-red-100);
--admin-action-danger-pressed-foreground: var(--alz-red-700);
--admin-action-danger-pressed-border: var(--alz-red-300);
--admin-action-focus: var(--alz-focus);
--admin-action-disabled-opacity: 0.5;
--admin-action-disabled-surface: var(--alz-surface-disabled);
--admin-action-disabled-foreground: var(--alz-muted);
--admin-action-disabled-border: var(--alz-border);
--admin-action-motion-duration: var(--admin-selection-motion-duration);
--admin-action-motion-easing: var(--admin-selection-motion-easing);
}
:root,
[data-style],
[data-palette],
[data-theme] {
--state-ready-fg: var(--fg-muted);
--state-ready-bg: var(--bg-surface);
--state-ready-border: var(--border);
--state-working-fg: var(--accent);
--state-working-bg: var(--accent-subtle);
--state-working-border: var(--border-accent-subtle);
--state-paused-fg: var(--status-warning);
--state-paused-bg: var(--status-warning-bg);
--state-paused-border: var(--status-warning-border);
--state-complete-fg: var(--status-success);
--state-complete-bg: var(--status-success-bg);
--state-complete-border: var(--border);
--state-error-fg: var(--status-danger);
--state-error-bg: var(--status-danger-bg);
--state-error-border: var(--status-danger-border);
--assign-unassigned-fg: var(--state-ready-fg);
--assign-unassigned-bg: var(--state-ready-bg);
--assign-unassigned-border: var(--state-ready-border);
--assign-unassigned-mark: var(--state-ready-mark);
--assign-pending-fg: var(--state-working-fg);
--assign-pending-bg: var(--state-working-bg);
--assign-pending-border: var(--state-working-border);
--assign-pending-mark: var(--state-working-mark);
--assign-held-fg: var(--state-paused-fg);
--assign-held-bg: var(--state-paused-bg);
--assign-held-border: var(--state-paused-border);
--assign-held-mark: var(--state-paused-mark);
--assign-assigned-fg: var(--state-complete-fg);
--assign-assigned-bg: var(--state-complete-bg);
--assign-assigned-border: var(--state-complete-border);
--assign-assigned-mark: var(--state-complete-mark);
--assign-conflict-fg: var(--state-error-fg);
--assign-conflict-bg: var(--state-error-bg);
--assign-conflict-border: var(--state-error-border);
--assign-conflict-mark: var(--state-error-mark);
--assign-item-bg: var(--admin-selection-surface);
--assign-item-fg: var(--admin-selection-foreground);
--assign-item-border: var(--admin-selection-border);
--assign-item-hover-bg: var(--admin-selection-hover-surface);
--assign-item-hover-fg: var(--admin-selection-hover-foreground);
--assign-item-hover-border: var(--admin-selection-hover-border);
--assign-item-on-bg: var(--admin-selection-selected-surface);
--assign-item-on-fg: var(--admin-selection-selected-foreground);
--assign-item-on-border: var(--admin-selection-selected-border);
--assign-savebar-bg: var(--bg-surface);
--assign-savebar-fg: var(--fg);
--assign-savebar-border: var(--border);
--assign-savebar-shadow: var(--elevation-2);
--assign-reach-fg: var(--pill-fg);
--assign-reach-border: var(--pill-border);
--assign-reach-radius: var(--pill-radius);
--assign-remove-fg: var(--admin-action-danger-foreground);
--assign-remove-border: var(--admin-action-danger-border);
--assign-remove-bg-hover: var(--admin-action-danger-hover-surface);
--queue-queued-fg: var(--state-ready-fg);
--queue-queued-bg: var(--state-ready-bg);
--queue-queued-border: var(--state-ready-border);
--queue-queued-mark: var(--state-ready-mark);
--queue-sending-fg: var(--state-working-fg);
--queue-sending-bg: var(--state-working-bg);
--queue-sending-border: var(--state-working-border);
--queue-sending-mark: var(--state-working-mark);
--queue-steering-fg: var(--state-working-fg);
--queue-steering-bg: var(--state-working-bg);
--queue-steering-border: var(--state-working-border);
--queue-steering-mark: var(--state-working-mark);
--queue-held-fg: var(--state-paused-fg);
--queue-held-bg: var(--state-paused-bg);
--queue-held-border: var(--state-paused-border);
--queue-held-mark: var(--state-paused-mark);
--queue-delivered-fg: var(--state-complete-fg);
--queue-delivered-bg: var(--state-complete-bg);
--queue-delivered-border: var(--state-complete-border);
--queue-delivered-mark: var(--state-complete-mark);
--queue-failed-fg: var(--state-error-fg);
--queue-failed-bg: var(--state-error-bg);
--queue-failed-border: var(--state-error-border);
--queue-failed-mark: var(--state-error-mark);
--queue-item-bg: var(--bg-surface);
--queue-item-fg: var(--fg);
--queue-item-border: var(--border);
--queue-item-shadow: var(--elevation-1);
--queue-steer-fg: var(--accent-emphasis);
--queue-steer-border: var(--accent);
--queue-steer-shadow: var(--skin-glow);
--queue-progress-track: var(--border);
--queue-progress-fill: var(--accent);
--source-live-fg: var(--status-success);
--source-cached-fg: var(--fg-muted);
--source-stale-fg: var(--status-warning);
--source-sample-fg: var(--accent-alt);
--sensitive-fg: var(--status-danger);
--synthetic-fg: var(--accent-alt);
--chart-seq-1: color-mix(in srgb, var(--accent) 18%, var(--bg-surface));
--chart-seq-2: color-mix(in srgb, var(--accent) 38%, var(--bg-surface));
--chart-seq-3: color-mix(in srgb, var(--accent) 58%, var(--bg-surface));
--chart-seq-4: color-mix(in srgb, var(--accent) 78%, var(--bg-surface));
--chart-seq-5: var(--accent);
--chart-div-neg: var(--status-danger);
--chart-div-mid: var(--bg-muted);
--chart-div-pos: var(--status-success);
--chart-grid: color-mix(in srgb, var(--border) 70%, transparent);
--chart-annotation: var(--fg-muted);
--focus-ring: var(--focus-size) var(--focus-style) var(--focus-ring);
--voice-level: 0;
--sync-online-fg: var(--state-complete-fg);
--sync-online-bg: var(--state-complete-bg);
--sync-online-border: var(--state-complete-border);
--sync-online-mark: var(--state-complete-mark);
--sync-syncing-fg: var(--state-working-fg);
--sync-syncing-bg: var(--state-working-bg);
--sync-syncing-border: var(--state-working-border);
--sync-syncing-mark: var(--state-working-mark);
--sync-offline-fg: var(--state-paused-fg);
--sync-offline-bg: var(--state-paused-bg);
--sync-offline-border: var(--state-paused-border);
--sync-offline-mark: var(--state-paused-mark);
--sync-conflict-fg: var(--state-error-fg);
--sync-conflict-bg: var(--state-error-bg);
--sync-conflict-border: var(--state-error-border);
--sync-conflict-mark: var(--state-error-mark);
--freshness-live-fg: var(--state-complete-fg);
--freshness-live-bg: var(--state-complete-bg);
--freshness-live-border: var(--state-complete-border);
--freshness-live-mark: var(--state-complete-mark);
--freshness-cached-fg: var(--state-ready-fg);
--freshness-cached-bg: var(--state-ready-bg);
--freshness-cached-border: var(--state-ready-border);
--freshness-cached-mark: var(--state-ready-mark);
--freshness-stale-fg: var(--state-paused-fg);
--freshness-stale-bg: var(--state-paused-bg);
--freshness-stale-border: var(--state-paused-border);
--freshness-stale-mark: var(--state-paused-mark);
--freshness-sample-fg: var(--state-working-fg);
--freshness-sample-bg: var(--state-working-bg);
--freshness-sample-border: var(--state-working-border);
--freshness-sample-mark: var(--state-working-mark);
--voice-idle-fg: var(--state-ready-fg);
--voice-idle-bg: var(--state-ready-bg);
--voice-idle-border: var(--state-ready-border);
--voice-idle-mark: var(--state-ready-mark);
--voice-armed-fg: var(--state-ready-fg);
--voice-armed-bg: var(--state-ready-bg);
--voice-armed-border: var(--state-ready-border);
--voice-armed-mark: var(--state-ready-mark);
--voice-listening-fg: var(--state-working-fg);
--voice-listening-bg: var(--state-working-bg);
--voice-listening-border: var(--state-working-border);
--voice-listening-mark: var(--state-working-mark);
--voice-transcribing-fg: var(--state-working-fg);
--voice-transcribing-bg: var(--state-working-bg);
--voice-transcribing-border: var(--state-working-border);
--voice-transcribing-mark: var(--state-working-mark);
--voice-thinking-fg: var(--state-working-fg);
--voice-thinking-bg: var(--state-working-bg);
--voice-thinking-border: var(--state-working-border);
--voice-thinking-mark: var(--state-working-mark);
--voice-speaking-fg: var(--state-working-fg);
--voice-speaking-bg: var(--state-working-bg);
--voice-speaking-border: var(--state-working-border);
--voice-speaking-mark: var(--state-working-mark);
--voice-interrupted-fg: var(--state-paused-fg);
--voice-interrupted-bg: var(--state-paused-bg);
--voice-interrupted-border: var(--state-paused-border);
--voice-interrupted-mark: var(--state-paused-mark);
--voice-heard-fg: var(--state-complete-fg);
--voice-heard-bg: var(--state-complete-bg);
--voice-heard-border: var(--state-complete-border);
--voice-heard-mark: var(--state-complete-mark);
--voice-failed-fg: var(--state-error-fg);
--voice-failed-bg: var(--state-error-bg);
--voice-failed-border: var(--state-error-border);
--voice-failed-mark: var(--state-error-mark);
}
:root,
[data-style="alianza"] {
--state-ready-mark: "○";
--state-working-mark: "◔";
--state-paused-mark: "‖";
--state-complete-mark: "●";
--state-error-mark: "!";
--state-enter: slide-fade;
--state-duration: calc(var(--motion-duration-base) * var(--motion-factor, 1));
--state-ease: var(--motion-ease-decelerate);
--state-working-motion: spin;
--skin-disclosure-closed: "+";
--skin-disclosure-open: "−";
}
[data-style="terminal"] {
--state-ready-mark: "[ ]";
--state-working-mark: "[~]";
--state-paused-mark: "[=]";
--state-complete-mark: "[+]";
--state-error-mark: "[!]";
--state-enter: type-on;
--state-duration: calc(var(--motion-duration-moderate) * var(--motion-factor, 1));
--state-ease: steps(4, end);
--state-working-motion: blink;
--skin-disclosure-closed: "[+]";
--skin-disclosure-open: "[-]";
}
[data-style="sketch"] {
--state-ready-mark: "◌";
--state-working-mark: "✎";
--state-paused-mark: "//";
--state-complete-mark: "✓";
--state-error-mark: "✗";
--state-enter: draw-in;
--state-duration: calc(var(--motion-duration-moderate) * var(--motion-factor, 1));
--state-ease: var(--motion-ease-playful);
--state-working-motion: scribble;
--skin-disclosure-closed: "+";
--skin-disclosure-open: "−";
}
[data-style="plasma"] {
--state-ready-mark: "◇";
--state-working-mark: "◈";
--state-paused-mark: "◇";
--state-complete-mark: "◆";
--state-error-mark: "⬥";
--state-enter: glow-in;
--state-duration: calc(var(--motion-duration-moderate) * var(--motion-factor, 1));
--state-ease: var(--motion-ease-decelerate);
--state-working-motion: pulse;
--skin-disclosure-closed: "+";
--skin-disclosure-open: "−";
}
[data-style="alianza-shadow"] {
--state-ready-mark: "○";
--state-working-mark: "◔";
--state-paused-mark: "‖";
--state-complete-mark: "●";
--state-error-mark: "!";
--state-enter: slide-fade;
--state-duration: calc(var(--motion-duration-base) * var(--motion-factor, 1));
--state-ease: var(--motion-ease-decelerate);
--state-working-motion: spin;
--skin-disclosure-closed: "+";
--skin-disclosure-open: "−";
}
@media (prefers-reduced-motion: reduce) {
:root, [data-style] {
--state-duration: 0ms;
}
}
:root, [data-brand="alianza"] {
--brand-logo-on-light: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQwMC4yIDExNS45Ij4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjguNy41LCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMS4yLjAgQnVpbGQgMTc2KSAgLS0+CiAgPGc+CiAgICA8ZyBpZD0iTGF5ZXJfMSI+CiAgICAgIDxnIGZpbGw9IiMxNzQ3N2UiPgogICAgICAgIDxwYXRoIGZpbGw9IiMxNzQ3N2UiIGQ9Ik03MC44LDYyLjRsLTcuOS0xNS41LTguMiwxNS41aDE2LjJaTTU5LDM5LjVoOC4zbDIxLjIsMzguMWgtOS43bC00LjQtOC4zaC0yMy40bC00LjMsOC4zaC04LjZsMjAuOS0zOC4xIi8+CiAgICAgICAgPHBvbHlnb24gZmlsbD0iIzE3NDc3ZSIgcG9pbnRzPSI5Ni4xIDM5LjUgMTA0LjcgMzkuNSAxMDQuNyA3MC40IDEzMi40IDcwLjQgMTMyLjQgNzcuNiA5Ni4xIDc3LjYgOTYuMSAzOS41Ii8+CiAgICAgICAgPHJlY3QgZmlsbD0iIzE3NDc3ZSIgeD0iMTQyLjIiIHk9IjM5LjUiIHdpZHRoPSI4LjYiIGhlaWdodD0iMzguMSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMxNzQ3N2UiIGQ9Ik0xOTIuNCw2Mi40bC03LjktMTUuNS04LjMsMTUuNWgxNi4yWk0xODAuNiwzOS41aDguM2wyMS4yLDM4LjFoLTkuN2wtNC40LTguM2gtMjMuNGwtNC4zLDguM2gtOC42bDIwLjktMzguMSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMxNzQ3N2UiIGQ9Ik0yMTYuMiwzOS41aDUuOWwyNiwyMi40YzEuNSwxLjIsMi45LDIuNiw0LjIsNC4xLS4yLTMuMi0uNC01LjQtLjQtNi42di0yMGg3Ljd2MzguMWgtNS45bC0yNy4yLTIzLjZjLTEuMS0xLTIuMS0xLjktMy4xLTMuMS4zLDIuOS40LDQuOS40LDZ2MjAuNmgtNy43di0zOC4xWiIvPgogICAgICAgIDxwb2x5Z29uIGZpbGw9IiMxNzQ3N2UiIHBvaW50cz0iMjY3LjcgNzMuNCAyOTMuNiA0Ni4zIDI3MC4zIDQ2LjMgMjcwLjMgMzkuNSAzMDcuNCAzOS41IDMwNy40IDQzLjIgMjgxLjIgNzAuNCAzMDcuNCA3MC40IDMwNy40IDc3LjYgMjY3LjcgNzcuNiAyNjcuNyA3My40Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzE3NDc3ZSIgZD0iTTM0NC40LDYyLjRsLTcuOS0xNS41LTguMiwxNS41aDE2LjJaTTMzMi42LDM5LjVoOC4zbDIxLjIsMzguMWgtOS43bC00LjQtOC4zaC0yMy40bC00LjMsOC4zaC04LjZsMjAuOS0zOC4xIi8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==");
--brand-logo-on-dark: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQwMC4yIDExNS45Ij4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjguNy41LCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMS4yLjAgQnVpbGQgMTc2KSAgLS0+CiAgPGc+CiAgICA8ZyBpZD0iTGF5ZXJfMSI+CiAgICAgIDxnIGZpbGw9IiNmZmYiPgogICAgICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik03MC44LDYyLjFsLTcuOS0xNS41LTguMiwxNS41aDE2LjJaTTU5LDM5LjJoOC4zbDIxLjIsMzguMWgtOS43bC00LjQtOC4zaC0yMy40bC00LjMsOC4zaC04LjZsMjAuOS0zOC4xIi8+CiAgICAgICAgPHBvbHlnb24gZmlsbD0iI2ZmZiIgcG9pbnRzPSI5Ni4xIDM5LjIgMTA0LjcgMzkuMiAxMDQuNyA3MC4yIDEzMi40IDcwLjIgMTMyLjQgNzcuMyA5Ni4xIDc3LjMgOTYuMSAzOS4yIi8+CiAgICAgICAgPHJlY3QgZmlsbD0iI2ZmZiIgeD0iMTQyLjIiIHk9IjM5LjIiIHdpZHRoPSI4LjYiIGhlaWdodD0iMzguMSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xOTIuNCw2Mi4xbC03LjktMTUuNS04LjMsMTUuNWgxNi4yWk0xODAuNiwzOS4yaDguM2wyMS4yLDM4LjFoLTkuN2wtNC40LTguM2gtMjMuNGwtNC4zLDguM2gtOC42bDIwLjktMzguMSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yMTYuMiwzOS4yaDUuOWwyNiwyMi40YzEuNSwxLjIsMi45LDIuNiw0LjIsNC4xLS4yLTMuMi0uNC01LjQtLjQtNi42di0yMGg3Ljd2MzguMWgtNS45bC0yNy4yLTIzLjZjLTEuMS0xLTIuMS0xLjktMy4xLTMuMS4zLDIuOS40LDQuOS40LDZ2MjAuNmgtNy43di0zOC4xWiIvPgogICAgICAgIDxwb2x5Z29uIGZpbGw9IiNmZmYiIHBvaW50cz0iMjY3LjcgNzMuMiAyOTMuNiA0NiAyNzAuMyA0NiAyNzAuMyAzOS4yIDMwNy40IDM5LjIgMzA3LjQgNDMgMjgxLjIgNzAuMiAzMDcuNCA3MC4yIDMwNy40IDc3LjMgMjY3LjcgNzcuMyAyNjcuNyA3My4yIi8+CiAgICAgICAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTM0NC40LDYyLjFsLTcuOS0xNS41LTguMiwxNS41aDE2LjJaTTMzMi42LDM5LjJoOC4zbDIxLjIsMzguMWgtOS43bC00LjQtOC4zaC0yMy40bC00LjMsOC4zaC04LjZsMjAuOS0zOC4xIi8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==");
--brand-footer-on-light: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0LjI4IDc4LjA0Ij4KICA8cG9seWdvbiBmaWxsPSIjMTA3MmJhIiBwb2ludHM9IjAgNjQuNCAwIDYzLjQgNjUwLjc2IDYzLjQgNzM0LjYyIDU1LjIgODMzLjg4IDIwLjMzIDg3OS4zNyAzNy43MyA5MjYuNTMgOS45MSA5MjYuNzcgMTAuMDMgOTY5LjI2IDMwLjgyIDEwMjEuMTcgMTAuOTEgMTAyMS41MyAxMS44NCA5NjkuMjEgMzEuOTEgOTI2LjU3IDExLjA1IDg3OS40NiAzOC44NCA4MzMuODYgMjEuMzkgNzM0Ljg0IDU2LjE4IDY1MC44MSA2NC4zOSAwIDY0LjQiLz4KICA8cG9seWdvbiBmaWxsPSIjNjVhN2RiIiBwb2ludHM9IjU0My44IDY2LjMyIDAgNjYuMzIgMCA2NS4zMiA1NDMuNjcgNjUuMzIgNjY1LjA0IDMzLjQzIDY3OC40MiA0MS44OSA3NTEuOTggMTQuMTMgNzUyLjE3IDE0LjIyIDgwMi42MSAzNy4wOCA4OTIuODcgMTQuMTUgODkzLjAxIDE0LjIgOTYzLjE3IDM5LjMxIDEwMjMuODYgMTEuNDcgMTAyNC4yOCAxMi4zOCA5NjMuMjIgNDAuMzkgOTYzLjAzIDQwLjMyIDg5Mi44MiAxNS4xOSA4MDIuNTIgMzguMTMgNzUxLjk0IDE1LjIxIDY3OC4zMSA0MyA2NjQuODcgMzQuNTEgNTQzLjggNjYuMzIiLz4KICA8cG9seWdvbiBmaWxsPSIjZmRiNzNlIiBwb2ludHM9IjAgNjguMjYgMCA2Ny4yNiA1NjUuNTcgNjcuMjYgNjY4LjQgNDYuNTMgNjc4LjYxIDU3LjEgODEyLjcgNDEuMTIgODQ3Ljc0IDMxLjI1IDg0Ny45IDMxLjMyIDg4NC40MiA0Ny4wNiA5MTguMTkgMzEuNTEgOTMyLjE2IDM2LjY1IDEwMTIuMjYgMS4zMSAxMDEyLjY3IDIuMjMgOTMyLjE5IDM3LjczIDkxOC4yMyAzMi41OSA4ODQuNDMgNDguMTUgODg0LjIyIDQ4LjA2IDg0Ny42NyAzMi4zMSA4MTIuODkgNDIuMDkgNjc4LjI0IDU4LjE1IDY3OC4wNyA1Ny45OCA2NjguMDYgNDcuNjIgNTY1LjY3IDY4LjI1IDAgNjguMjYiLz4KICA8cG9seWdvbiBmaWxsPSIjNWU5MWNjIiBwb2ludHM9IjU4Ni43NCA3MC4xOSAwIDcwLjE5IDAgNjkuMTkgNTg2LjYzIDY5LjE5IDgzNS43MyAxMi42OSA4MzUuODggMTIuNzUgODc0LjY0IDI4LjMzIDk0MC4zNiAwIDk0MC41OSAuMTkgOTcxLjA0IDI0LjQ3IDEwMTcuNTEgMi45NSAxMDE3LjkzIDMuODUgOTcwLjkgMjUuNjQgOTcwLjY2IDI1LjQ0IDk0MC4yIDEuMTYgODc0LjY1IDI5LjQxIDg3NC40NiAyOS4zMyA4MzUuNjUgMTMuNzQgNTg2Ljc0IDcwLjE5Ii8+CiAgPHJlY3QgZmlsbD0iI2I5ZTBmNyIgeT0iNzEuMjQiIHdpZHRoPSI3MzAuMjYiIGhlaWdodD0iMSIvPgogIDxyZWN0IGZpbGw9IiNhNGQwZWYiIHk9IjczLjE3IiB3aWR0aD0iNjg5LjM1IiBoZWlnaHQ9IjEiLz4KICA8cmVjdCBmaWxsPSIjNjVhN2RiIiB5PSI3NS4xMSIgd2lkdGg9IjUxOS43MSIgaGVpZ2h0PSIxIi8+CiAgPHJlY3QgZmlsbD0iIzY1YTdkYiIgeT0iNzcuMDQiIHdpZHRoPSI3NjQuOCIgaGVpZ2h0PSIxIi8+CiAgPGcgZmlsbD0iIzE3NDc3ZSI+CiAgICA8cGF0aCBmaWxsPSIjMTc0NzdlIiBkPSJNNzk5Ljc5LDcxLjI0bC0zLjU0LTYuOTEtMy42Nyw2LjkxaDcuMjFaTTc5NC41Myw2MS4wNWgzLjdsOS40NCwxNi45N2gtNC4zbC0xLjk4LTMuNzJoLTEwLjQzbC0xLjkxLDMuNzJoLTMuODNsOS4zMS0xNi45NyIvPgogICAgPHBvbHlnb24gZmlsbD0iIzE3NDc3ZSIgcG9pbnRzPSI4MTEuMDUgNjEuMDUgODE0Ljg4IDYxLjA1IDgxNC44OCA3NC44MyA4MjcuMjIgNzQuODMgODI3LjIyIDc4LjAyIDgxMS4wNSA3OC4wMiA4MTEuMDUgNjEuMDUiLz4KICAgIDxyZWN0IGZpbGw9IiMxNzQ3N2UiIHg9IjgzMS41NiIgeT0iNjEuMDUiIHdpZHRoPSIzLjgzIiBoZWlnaHQ9IjE2Ljk3Ii8+CiAgICA8cGF0aCBmaWxsPSIjMTc0NzdlIiBkPSJNODUzLjk1LDcxLjI0bC0zLjU0LTYuOTEtMy42Nyw2LjkxaDcuMjFaTTg0OC42OCw2MS4wNWgzLjdsOS40NCwxNi45N2gtNC4zbC0xLjk4LTMuNzJoLTEwLjQzbC0xLjkxLDMuNzJoLTMuODNsOS4zMS0xNi45NyIvPgogICAgPHBhdGggZmlsbD0iIzE3NDc3ZSIgZD0iTTg2NC41NCw2MS4wNWgyLjYybDExLjU4LDEwYy42Ny41NiwxLjMxLDEuMTUsMS44OCwxLjg0LS4wOS0xLjQyLS4xNi0yLjQtLjE2LTIuOTN2LTguOTFoMy40NHYxNi45N2gtMi42MWwtMTIuMDktMTAuNDljLS40OC0uNDMtLjkyLS44NS0xLjM3LTEuMzguMTMsMS4zMS4xNiwyLjIuMTYsMi42OXY5LjE3aC0zLjQ1di0xNi45N1oiLz4KICAgIDxwb2x5Z29uIGZpbGw9IiMxNzQ3N2UiIHBvaW50cz0iODg3LjQ3IDc2LjE3IDg5OC45OCA2NC4wOCA4ODguNjEgNjQuMDcgODg4LjYxIDYxLjA1IDkwNS4xNCA2MS4wNiA5MDUuMTQgNjIuNzMgODkzLjQ2IDc0LjgzIDkwNS4xNCA3NC44MyA5MDUuMTQgNzguMDIgODg3LjQ3IDc4LjAyIDg4Ny40NyA3Ni4xNyIvPgogICAgPHBhdGggZmlsbD0iIzE3NDc3ZSIgZD0iTTkyMS42Miw3MS4yNGwtMy41NC02LjkxLTMuNjcsNi45MWg3LjIxWk05MTYuMzYsNjEuMDZoMy43bDkuNDQsMTYuOTZoLTQuMzFsLTEuOTgtMy43MmgtMTAuNDNsLTEuOTEsMy43MmgtMy44Mmw5LjMxLTE2Ljk2Ii8+CiAgPC9nPgo8L3N2Zz4=");
--brand-footer-on-dark: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0LjI4IDc4LjA0Ij4KICA8cG9seWdvbiBmaWxsPSIjMTA3MmJhIiBwb2ludHM9IjAgNjQuNCAwIDYzLjQgNjUwLjc2IDYzLjQgNzM0LjYyIDU1LjIgODMzLjg4IDIwLjMzIDg3OS4zNyAzNy43MyA5MjYuNTMgOS45MSA5MjYuNzcgMTAuMDMgOTY5LjI2IDMwLjgyIDEwMjEuMTcgMTAuOTEgMTAyMS41MyAxMS44NCA5NjkuMjEgMzEuOTEgOTI2LjU3IDExLjA1IDg3OS40NiAzOC44NCA4MzMuODYgMjEuMzkgNzM0Ljg0IDU2LjE4IDY1MC44MSA2NC4zOSAwIDY0LjQiLz4KICA8cG9seWdvbiBmaWxsPSIjNjVhN2RiIiBwb2ludHM9IjU0My44IDY2LjMyIDAgNjYuMzIgMCA2NS4zMiA1NDMuNjcgNjUuMzIgNjY1LjA0IDMzLjQzIDY3OC40MiA0MS44OSA3NTEuOTggMTQuMTMgNzUyLjE3IDE0LjIyIDgwMi42MSAzNy4wOCA4OTIuODcgMTQuMTUgODkzLjAxIDE0LjIgOTYzLjE3IDM5LjMxIDEwMjMuODYgMTEuNDcgMTAyNC4yOCAxMi4zOCA5NjMuMjIgNDAuMzkgOTYzLjAzIDQwLjMyIDg5Mi44MiAxNS4xOSA4MDIuNTIgMzguMTMgNzUxLjk0IDE1LjIxIDY3OC4zMSA0MyA2NjQuODcgMzQuNTEgNTQzLjggNjYuMzIiLz4KICA8cG9seWdvbiBmaWxsPSIjZmRiNzNlIiBwb2ludHM9IjAgNjguMjYgMCA2Ny4yNiA1NjUuNTcgNjcuMjYgNjY4LjQgNDYuNTMgNjc4LjYxIDU3LjEgODEyLjcgNDEuMTIgODQ3Ljc0IDMxLjI1IDg0Ny45IDMxLjMyIDg4NC40MiA0Ny4wNiA5MTguMTkgMzEuNTEgOTMyLjE2IDM2LjY1IDEwMTIuMjYgMS4zMSAxMDEyLjY3IDIuMjMgOTMyLjE5IDM3LjczIDkxOC4yMyAzMi41OSA4ODQuNDMgNDguMTUgODg0LjIyIDQ4LjA2IDg0Ny42NyAzMi4zMSA4MTIuODkgNDIuMDkgNjc4LjI0IDU4LjE1IDY3OC4wNyA1Ny45OCA2NjguMDYgNDcuNjIgNTY1LjY3IDY4LjI1IDAgNjguMjYiLz4KICA8cG9seWdvbiBmaWxsPSIjNWU5MWNjIiBwb2ludHM9IjU4Ni43NCA3MC4xOSAwIDcwLjE5IDAgNjkuMTkgNTg2LjYzIDY5LjE5IDgzNS43MyAxMi42OSA4MzUuODggMTIuNzUgODc0LjY0IDI4LjMzIDk0MC4zNiAwIDk0MC41OSAuMTkgOTcxLjA0IDI0LjQ3IDEwMTcuNTEgMi45NSAxMDE3LjkzIDMuODUgOTcwLjkgMjUuNjQgOTcwLjY2IDI1LjQ0IDk0MC4yIDEuMTYgODc0LjY1IDI5LjQxIDg3NC40NiAyOS4zMyA4MzUuNjUgMTMuNzQgNTg2Ljc0IDcwLjE5Ii8+CiAgPHJlY3QgZmlsbD0iI2I5ZTBmNyIgeT0iNzEuMjQiIHdpZHRoPSI3MzAuMjYiIGhlaWdodD0iMSIvPgogIDxyZWN0IGZpbGw9IiNhNGQwZWYiIHk9IjczLjE3IiB3aWR0aD0iNjg5LjM1IiBoZWlnaHQ9IjEiLz4KICA8cmVjdCBmaWxsPSIjNjVhN2RiIiB5PSI3NS4xMSIgd2lkdGg9IjUxOS43MSIgaGVpZ2h0PSIxIi8+CiAgPHJlY3QgZmlsbD0iIzY1YTdkYiIgeT0iNzcuMDQiIHdpZHRoPSI3NjQuOCIgaGVpZ2h0PSIxIi8+CiAgPGcgZmlsbD0iI2ZmZiI+CiAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNNzk5Ljc5LDcxLjI0bC0zLjU0LTYuOTEtMy42Nyw2LjkxaDcuMjFaTTc5NC41Myw2MS4wNWgzLjdsOS40NCwxNi45N2gtNC4zbC0xLjk4LTMuNzJoLTEwLjQzbC0xLjkxLDMuNzJoLTMuODNsOS4zMS0xNi45NyIvPgogICAgPHBvbHlnb24gZmlsbD0iI2ZmZiIgcG9pbnRzPSI4MTEuMDUgNjEuMDUgODE0Ljg4IDYxLjA1IDgxNC44OCA3NC44MyA4MjcuMjIgNzQuODMgODI3LjIyIDc4LjAyIDgxMS4wNSA3OC4wMiA4MTEuMDUgNjEuMDUiLz4KICAgIDxyZWN0IGZpbGw9IiNmZmYiIHg9IjgzMS41NiIgeT0iNjEuMDUiIHdpZHRoPSIzLjgzIiBoZWlnaHQ9IjE2Ljk3Ii8+CiAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNODUzLjk1LDcxLjI0bC0zLjU0LTYuOTEtMy42Nyw2LjkxaDcuMjFaTTg0OC42OCw2MS4wNWgzLjdsOS40NCwxNi45N2gtNC4zbC0xLjk4LTMuNzJoLTEwLjQzbC0xLjkxLDMuNzJoLTMuODNsOS4zMS0xNi45NyIvPgogICAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTg2NC41NCw2MS4wNWgyLjYybDExLjU4LDEwYy42Ny41NiwxLjMxLDEuMTUsMS44OCwxLjg0LS4wOS0xLjQyLS4xNi0yLjQtLjE2LTIuOTN2LTguOTFoMy40NHYxNi45N2gtMi42MWwtMTIuMDktMTAuNDljLS40OC0uNDMtLjkyLS44NS0xLjM3LTEuMzguMTMsMS4zMS4xNiwyLjIuMTYsMi42OXY5LjE3aC0zLjQ1di0xNi45N1oiLz4KICAgIDxwb2x5Z29uIGZpbGw9IiNmZmYiIHBvaW50cz0iODg3LjQ3IDc2LjE3IDg5OC45OCA2NC4wOCA4ODguNjEgNjQuMDcgODg4LjYxIDYxLjA1IDkwNS4xNCA2MS4wNiA5MDUuMTQgNjIuNzMgODkzLjQ2IDc0LjgzIDkwNS4xNCA3NC44MyA5MDUuMTQgNzguMDIgODg3LjQ3IDc4LjAyIDg4Ny40NyA3Ni4xNyIvPgogICAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTkyMS42Miw3MS4yNGwtMy41NC02LjkxLTMuNjcsNi45MWg3LjIxWk05MTYuMzYsNjEuMDZoMy43bDkuNDQsMTYuOTZoLTQuMzFsLTEuOTgtMy43MmgtMTAuNDNsLTEuOTEsMy43MmgtMy44Mmw5LjMxLTE2Ljk2Ii8+CiAgPC9nPgo8L3N2Zz4=");
--brand-mark-on-light: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiByeD0iMTQiIGZpbGw9IiMwMzQ1N2YiLz48cGF0aCBkPSJNMTggNDZMMzIgMTZsMTQgMzBNMjMgMzZoMTgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=");
--brand-mark-on-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiByeD0iMTQiIGZpbGw9IiNmZmZmZmYiLz48cGF0aCBkPSJNMTggNDZMMzIgMTZsMTQgMzBNMjMgMzZoMTgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAzNDU3ZiIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=");
--brand-hero: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDM2MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZyIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzE3NDc3ZSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzM1NGM1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjM2MCIgZmlsbD0idXJsKCNnKSIvPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLW9wYWNpdHk9Ii4xOCIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJNMCAzMDAgTDIyMCAxNTAgTDM2MCAyNTAgTDUyMCA5MCBMNzAwIDI2MCBMODYwIDE0MCBMMTAyMCAyMzAgTDEyMDAgMTIwIi8+PHBhdGggZD0iTTAgMzMwIEwxODAgMjIwIEwzNDAgMzAwIEw1NjAgMTcwIEw3NjAgMzEwIEw5NDAgMjEwIEwxMjAwIDI5MCIvPjwvZz48L3N2Zz4=");
--brand-name: "Alianza";
--brand-product: "Lighthouse";
--brand-tagline: "Cloud communications, delivered.";
--brand-legal: "Alianza Confidential";
--brand-powered-by: "";
--brand-clear-space: 0.5;
--brand-min-logo-height: 20px;
--brand-min-mark-size: 24px;
--brand-font-display: Roboto, ui-sans-serif, system-ui, sans-serif;
--brand-show-powered-by: none;
--brand-synthetic: 0;
}
[data-brand="harborline"] {
--brand-logo-on-light: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMjAgNDgiPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzBiNGY1YyIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik04IDM0YzgtMTQgMTYtMTQgMjQgMHMxNiAxNCAyNCAwIi8+PHBhdGggZD0iTTggMjJjOC0xNCAxNi0xNCAyNCAwczE2IDE0IDI0IDAiIG9wYWNpdHk9Ii41NSIvPjwvZz48dGV4dCB4PSI3MCIgeT0iMzMiIGZvbnQtZmFtaWx5PSJHZW9yZ2lhLCBzZXJpZiIgZm9udC1zaXplPSIyNCIgZmlsbD0iIzBiNGY1YyI+SGFyYm9ybGluZTwvdGV4dD48L3N2Zz4=");
--brand-logo-on-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMjAgNDgiPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2U2ZjRmMSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik04IDM0YzgtMTQgMTYtMTQgMjQgMHMxNiAxNCAyNCAwIi8+PHBhdGggZD0iTTggMjJjOC0xNCAxNi0xNCAyNCAwczE2IDE0IDI0IDAiIG9wYWNpdHk9Ii41NSIvPjwvZz48dGV4dCB4PSI3MCIgeT0iMzMiIGZvbnQtZmFtaWx5PSJHZW9yZ2lhLCBzZXJpZiIgZm9udC1zaXplPSIyNCIgZmlsbD0iI2U2ZjRmMSI+SGFyYm9ybGluZTwvdGV4dD48L3N2Zz4=");
--brand-footer-on-light: none;
--brand-footer-on-dark: none;
--brand-mark-on-light: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiByeD0iMzIiIGZpbGw9IiMwYjRmNWMiLz48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNlNmY0ZjEiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBkPSJNMTIgNDBjNy0xMiAxMy0xMiAyMCAwczEzIDEyIDIwIDAiLz48cGF0aCBkPSJNMTIgMjhjNy0xMiAxMy0xMiAyMCAwczEzIDEyIDIwIDAiIG9wYWNpdHk9Ii41NSIvPjwvZz48L3N2Zz4=");
--brand-mark-on-dark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiByeD0iMzIiIGZpbGw9IiNlNmY0ZjEiLz48ZyBmaWxsPSJub25lIiBzdHJva2U9IiMwYjRmNWMiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBkPSJNMTIgNDBjNy0xMiAxMy0xMiAyMCAwczEzIDEyIDIwIDAiLz48cGF0aCBkPSJNMTIgMjhjNy0xMiAxMy0xMiAyMCAwczEzIDEyIDIwIDAiIG9wYWNpdHk9Ii41NSIvPjwvZz48L3N2Zz4=");
--brand-hero: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDM2MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZyIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzBiNGY1YyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFkN2E3NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjM2MCIgZmlsbD0idXJsKCNnKSIvPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLW9wYWNpdHk9Ii4xOCIgc3Ryb2tlLXdpZHRoPSIyIj48cGF0aCBkPSJNMCAzMDAgTDIyMCAxNTAgTDM2MCAyNTAgTDUyMCA5MCBMNzAwIDI2MCBMODYwIDE0MCBMMTAyMCAyMzAgTDEyMDAgMTIwIi8+PHBhdGggZD0iTTAgMzMwIEwxODAgMjIwIEwzNDAgMzAwIEw1NjAgMTcwIEw3NjAgMzEwIEw5NDAgMjEwIEwxMjAwIDI5MCIvPjwvZz48L3N2Zz4=");
--brand-name: "Harborline";
--brand-product: "Harborline Connect";
--brand-tagline: "Your calls, your way.";
--brand-legal: "Harborline internal u00b7 sample data";
--brand-powered-by: "Powered by Alianza";
--brand-clear-space: 0.5;
--brand-min-logo-height: 20px;
--brand-min-mark-size: 24px;
--brand-font-display: Georgia, "Times New Roman", serif;
--brand-show-powered-by: inline;
--brand-synthetic: 1;
}
:root, [data-theme="light"] {
--brand-logo: var(--brand-logo-on-light);
--brand-mark: var(--brand-mark-on-light);
--brand-footer: var(--brand-footer-on-light);
}
[data-theme="dark"] {
--brand-logo: var(--brand-logo-on-dark);
--brand-mark: var(--brand-mark-on-dark);
--brand-footer: var(--brand-footer-on-dark);
}
:root {
--layout-columns: 12;
--layout-gutter: 24px;
--layout-panes: 2;
--type-scale: 1;
--space-scale: 1;
--target-floor: 24px;
--text-lines-max: 6;
--show-secondary: block;
--show-rails: none;
--measure: 72ch;
--layout-content-max: 90rem;
--layout-rail: 0;
--show-detail: none;
--work-columns: 4;
--span-wide: 2;
--span-tall: 2;
--span-hero: 2;
--bento-row: 7.5rem;
--page-spreads: 1;
--overlay-kind: "dialog";
--overlay-inset: 12% 18% auto 18%;
--overlay-width: auto;
--overlay-radius: var(--radius-lg);
--toast-inset: auto 16px 16px auto;
--toast-place: "bottom-right";
--brand-show-wordmark: inline-block;
--brand-show-mark: none;
--focus-width: 2px;
--device: desktop;
--space-control-inline: 16px;
--space-control-block: 10px;
--space-group: 12px;
--space-panel: 26px;
--table-row-h: 40px;
--toast-stack-max: 3;
--input-target: 24px;
--hover-reveal: 1;
--motion-factor: 1;
--feedback-extent: 0.65;
--skin-effects: 1;
--target-floor-distance: 0px;
--focus-width-distance: 2px;
--load-web-fonts: 1;
--celebrate-budget: 24;
--sound-on: 0;
--feedback-acknowledge: calc(160ms * var(--motion-factor));
--feedback-select: calc(180ms * var(--motion-factor));
--feedback-arrive: calc(260ms * var(--motion-factor));
--feedback-release: calc(180ms * var(--motion-factor));
--feedback-recover: calc(240ms * var(--motion-factor));
--feedback-complete: calc(300ms * var(--motion-factor));
--target-min: max(var(--input-target), var(--target-floor), var(--target-floor-distance, 0px));
--focus-size: max(var(--focus-width), var(--focus-width-distance, 0px));
}
@media (max-width: 280px) {
:root {
--layout-columns: 1;
--layout-gutter: 8px;
--layout-panes: 1;
--type-scale: 0.94;
--space-scale: 0.75;
--target-floor: 48px;
--text-lines-max: 2;
--show-secondary: none;
--show-rails: none;
--measure: 28ch;
--layout-content-max: 100%;
--layout-rail: 0;
--show-detail: none;
--work-columns: 1;
--span-wide: 1;
--span-tall: 1;
--span-hero: 1;
--bento-row: 4.5rem;
--page-spreads: 1;
--overlay-kind: "fullscreen";
--overlay-inset: 0;
--overlay-width: 100%;
--overlay-radius: 0;
--toast-inset: 8px 8px auto 8px;
--toast-place: "top";
--brand-show-wordmark: none;
--brand-show-mark: inline-block;
--device: watch;
--target-min: max(var(--input-target), var(--target-floor), var(--target-floor-distance, 0px));
}
}
@media (min-width: 281px) and (max-width: 599px) {
:root {
--layout-columns: 4;
--layout-gutter: 16px;
--layout-panes: 1;
--type-scale: 1;
--space-scale: 0.875;
--target-floor: 44px;
--text-lines-max: 3;
--show-secondary: block;
--show-rails: none;
--measure: 40ch;
--layout-content-max: 100%;
--layout-rail: 0;
--show-detail: none;
--work-columns: 2;
--span-wide: 2;
--span-tall: 1;
--span-hero: 2;
--bento-row: 6rem;
--page-spreads: 1;
--overlay-kind: "sheet";
--overlay-inset: auto 0 0 0;
--overlay-width: 100%;
--overlay-radius: var(--radius-lg) var(--radius-lg) 0 0;
--toast-inset: 8px 8px auto 8px;
--toast-place: "top";
--brand-show-wordmark: inline-block;
--brand-show-mark: none;
--device: phone;
--target-min: max(var(--input-target), var(--target-floor), var(--target-floor-distance, 0px));
}
}
@media (min-width: 600px) and (max-width: 1023px) {
:root {
--layout-columns: 8;
--layout-gutter: 24px;
--layout-panes: 2;
--type-scale: 1;
--space-scale: 1;
--target-floor: 44px;
--text-lines-max: 4;
--show-secondary: block;
--show-rails: none;
--measure: 60ch;
--layout-content-max: 100%;
--layout-rail: 0;
--show-detail: none;
--work-columns: 3;
--span-wide: 2;
--span-tall: 2;
--span-hero: 2;
--bento-row: 7rem;
--page-spreads: 1;
--overlay-kind: "sheet";
--overlay-inset: auto 0 0 0;
--overlay-width: 100%;
--overlay-radius: var(--radius-lg) var(--radius-lg) 0 0;
--toast-inset: 8px 8px auto 8px;
--toast-place: "top";
--brand-show-wordmark: inline-block;
--brand-show-mark: none;
--device: tablet;
--target-min: max(var(--input-target), var(--target-floor), var(--target-floor-distance, 0px));
}
}
@media (min-width: 1680px) {
:root {
--layout-columns: 12;
--layout-gutter: 32px;
--layout-panes: 2;
--type-scale: 1;
--space-scale: 1;
--target-floor: 24px;
--text-lines-max: 8;
--show-secondary: block;
--show-rails: block;
--measure: 72ch;
--layout-content-max: 120rem;
--layout-rail: 16rem;
--show-detail: block;
--work-columns: 6;
--span-wide: 2;
--span-tall: 2;
--span-hero: 3;
--bento-row: 7.5rem;
--page-spreads: 1;
--overlay-kind: "dialog";
--overlay-inset: 12% 26% auto 26%;
--overlay-width: auto;
--overlay-radius: var(--radius-lg);
--toast-inset: auto 16px 16px auto;
--toast-place: "bottom-right";
--brand-show-wordmark: inline-block;
--brand-show-mark: none;
--device: wide;
--target-min: max(var(--input-target), var(--target-floor), var(--target-floor-distance, 0px));
}
}
@media (min-width: 2560px) and (min-aspect-ratio: 21/10) {
:root {
--layout-columns: 24;
--layout-gutter: 24px;
--layout-panes: 4;
--type-scale: 1;
--space-scale: 1;
--target-floor: 24px;
--text-lines-max: 10;
--show-secondary: block;
--show-rails: block;
--measure: 72ch;
--layout-content-max: none;
--layout-rail: 18rem;
--show-detail: block;
--work-columns: 10;
--span-wide: 3;
--span-tall: 2;
--span-hero: 4;
--bento-row: 7.5rem;
--page-spreads: 2;
--overlay-kind: "drawer";
--overlay-inset: 0 0 0 auto;
--overlay-width: 28rem;
--overlay-radius: 0;
--toast-inset: 16px 16px auto auto;
--toast-place: "top-right";
--brand-show-wordmark: inline-block;
--brand-show-mark: none;
--device: ultrawide;
--target-min: max(var(--input-target), var(--target-floor), var(--target-floor-distance, 0px));
}
}
@media (min-width: 3800px) {
:root {
--layout-columns: 24;
--layout-gutter: 28px;
--layout-panes: 4;
--type-scale: 1;
--space-scale: 1;
--target-floor: 24px;
--text-lines-max: 10;
--show-secondary: block;
--show-rails: block;
--measure: 72ch;
--layout-content-max: none;
--layout-rail: 20rem;
--show-detail: block;
--work-columns: 12;
--span-wide: 3;
--span-tall: 2;
--span-hero: 4;
--bento-row: 8rem;
--page-spreads: 2;
--overlay-kind: "drawer";
--overlay-inset: 0 0 0 auto;
--overlay-width: 32rem;
--overlay-radius: 0;
--toast-inset: 16px 16px auto auto;
--toast-place: "top-right";
--brand-show-wordmark: inline-block;
--brand-show-mark: none;
--device: giant;
--target-min: max(var(--input-target), var(--target-floor), var(--target-floor-distance, 0px));
}
}
@media (max-height: 500px) {
:root {
--chrome-height: 40px;
--show-secondary: none;
--text-lines-max: 2;
--height-class: short;
}
}
@media (min-height: 1400px) {
:root {
--chrome-height: 64px;
--rows-visible: 24;
--height-class: tall;
}
}
@media (horizontal-viewport-segments: 2) {
:root {
--layout-panes: 2;
--show-detail: block;
--fold-gap: calc(env(viewport-segment-left 1 0, 0px) - env(viewport-segment-right 0 0, 0px));
--posture: dual-horizontal;
}
}
@media (vertical-viewport-segments: 2) {
:root {
--layout-panes: 2;
--controls-placement: bottom;
--fold-gap: calc(env(viewport-segment-top 0 1, 0px) - env(viewport-segment-bottom 0 0, 0px));
--posture: dual-vertical;
}
}
[data-density="compact"] {
--space-control-inline: 10px;
--space-control-block: 6px;
--space-group: 8px;
--space-panel: 18px;
--table-row-h: 30px;
--toast-stack-max: 5;
}
[data-density="comfortable"] {
--space-control-inline: 16px;
--space-control-block: 10px;
--space-group: 12px;
--space-panel: 26px;
--table-row-h: 40px;
--toast-stack-max: 3;
}
[data-input="pointer"] {
--input-target: 24px;
--focus-width: 2px;
--hover-reveal: 1;
}
[data-input="keyboard"] {
--input-target: 24px;
--focus-width: 3px;
--hover-reveal: 1;
}
[data-input="touch"] {
--input-target: 44px;
--focus-width: 2px;
--hover-reveal: 0;
}
[data-input="remote"] {
--input-target: 56px;
--focus-width: 4px;
--hover-reveal: 0;
}
[data-input="gaze"] {
--input-target: 60px;
--focus-width: 3px;
--hover-reveal: 1;
}
[data-motion="still"] {
--motion-factor: 0 !important;
--feedback-extent: 0 !important;
--state-duration: 0ms !important;
}
[data-motion="gentle"] {
--motion-factor: 1;
--feedback-extent: 0.65;
}
[data-motion="expressive"] {
--motion-factor: 1.2;
--feedback-extent: 0.9;
}
[data-quality="economy"] {
--skin-effects: 0 !important;
--skin-canvas: none !important;
--skin-panel-blur: 0px !important;
--skin-raised-blur: 0px !important;
--skin-control-blur: 0px !important;
--skin-primary-blur: 0px !important;
--skin-text-glow: none !important;
--celebrate-budget: 0 !important;
}
[data-quality="balanced"] {
--skin-effects: 1;
}
[data-quality="detail"] {
--skin-effects: 2;
}
[data-distance="near"] {
--type-scale: 0.94;
--target-floor-distance: 0px;
--focus-width-distance: 2px;
}
[data-distance="desk"] {
--type-scale: 1;
--target-floor-distance: 0px;
--focus-width-distance: 2px;
}
[data-distance="far"] {
--type-scale: 1.45;
--target-floor-distance: 56px;
--focus-width-distance: 4px;
--text-lines-max: 4;
--show-secondary: none;
}
[data-data="full"] {
--load-web-fonts: 1;
}
[data-data="lite"] {
--load-web-fonts: 0;
--skin-effects: 0;
--skin-canvas: none;
}
[data-crowd="focused"] {
--celebrate-budget: 60;
}
[data-crowd="shared"] {
--celebrate-budget: 24;
}
[data-crowd="crowded"] {
--celebrate-budget: 0;
}
[data-sound="off"] {
--sound-on: 0;
}
[data-sound="on"] {
--sound-on: 1;
}
[data-glass="solid"] {
--skin-panel-fill: var(--bg-surface) !important;
--skin-raised-fill: var(--bg-surface) !important;
--skin-control-fill: var(--bg-surface) !important;
--skin-chip-fill: var(--bg-muted) !important;
--skin-panel-blur: 0px !important;
--skin-raised-blur: 0px !important;
--skin-control-blur: 0px !important;
--skin-primary-blur: 0px !important;
--skin-primary-fill: var(--accent) !important;
--surface-blur: 0px !important;
}
[data-glass="clear"] {
--skin-control-fill: color-mix(in srgb, var(--bg-surface) 25%, transparent);
--skin-chip-fill: transparent;
--skin-control-blur: 2px;
--glass-dim: color-mix(in srgb, var(--bg-canvas) 45%, transparent);
}
@media (pointer: coarse) {
:root:not([data-input]) {
--input-target: 44px;
--focus-width: 2px;
--hover-reveal: 0;
}
}
@media (hover: none) {
:root:not([data-input]) {
--input-target: 44px;
--focus-width: 2px;
--hover-reveal: 0;
}
}
@media (prefers-reduced-motion: reduce) {
:root:not([data-motion]) {
--motion-factor: 0 !important;
--feedback-extent: 0 !important;
--state-duration: 0ms !important;
}
}
@media (update: slow) {
:root:not([data-motion]) {
--motion-factor: 0 !important;
--feedback-extent: 0 !important;
--state-duration: 0ms !important;
}
}
@media (prefers-reduced-transparency: reduce) {
:root:not([data-glass]) {
--skin-panel-fill: var(--bg-surface) !important;
--skin-raised-fill: var(--bg-surface) !important;
--skin-control-fill: var(--bg-surface) !important;
--skin-chip-fill: var(--bg-muted) !important;
--skin-panel-blur: 0px !important;
--skin-raised-blur: 0px !important;
--skin-control-blur: 0px !important;
--skin-primary-blur: 0px !important;
--skin-primary-fill: var(--accent) !important;
--surface-blur: 0px !important;
}
}
@media (forced-colors: active) {
:root:not([data-quality]) {
--skin-effects: 0 !important;
--skin-canvas: none !important;
--skin-panel-blur: 0px !important;
--skin-raised-blur: 0px !important;
--skin-control-blur: 0px !important;
--skin-primary-blur: 0px !important;
--skin-text-glow: none !important;
--celebrate-budget: 0 !important;
}
}
@media (prefers-contrast: more) {
:root {
--border-width: 2px !important;
--focus-width: 3px !important;
--skin-panel-texture: none !important;
--skin-canvas: none !important;
}
}
@media (prefers-reduced-data: reduce) {
:root:not([data-data]) {
--load-web-fonts: 0;
--skin-effects: 0;
--skin-canvas: none;
}
}
@media (monochrome) {
:root:not([data-quality]) {
--skin-effects: 0 !important;
--skin-canvas: none !important;
--skin-panel-blur: 0px !important;
--skin-raised-blur: 0px !important;
--skin-control-blur: 0px !important;
--skin-primary-blur: 0px !important;
--skin-text-glow: none !important;
--celebrate-budget: 0 !important;
}
}
@media (pointer: none) {
:root:not([data-distance]) {
--type-scale: 1.45;
--target-floor-distance: 56px;
--focus-width-distance: 4px;
--text-lines-max: 4;
--show-secondary: none;
}
}
}