@charset "UTF-8";

/* src/styles.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}
button,
input,
textarea,
select {
  color: inherit;
  font-family: inherit;
}
input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
:root,
.paper-root {
  --font-display: var(--font-sans);
  --font-mono:
    ui-monospace,
    "SFMono-Regular",
    Menlo,
    Consolas,
    monospace;
  --font-sans:
    "Graphik",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  --font-serif:
    "Fraunces",
    Georgia,
    "Times New Roman",
    serif;
  --fs-caption: 10px;
  --fs-tag: 11px;
  --fs-body-sm: 12px;
  --fs-body: 13px;
  --fs-label: 14px;
  --fs-display: 18px;
  --fs-display-lg: 24px;
  --fs-display-xl: 40px;
  --fs-display-2xl: 54px;
  --lh-tight: 1.2;
  --lh-body: 1.45;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --tracking-tag: 0.08em;
  --glass-bar-height: 48px;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --scrollbar: color-mix(in srgb, var(--text-primary) 10%, transparent);
  --shell-gutter: clamp(12px, 1.25vw, 24px);
  --shell-sticky: 0px;
  --paper-shell-bar-height: 52px;
  --paper-shell-rail-width: 232px;
  --paper-shell-rail-collapsed: 56px;
  --paper-shell-canvas-inset: 12px;
  --paper-touch-target: 44px;
  --radius: 16px;
  --radius-lg: 14px;
  --radius-md: 12px;
  --radius-pill: 100px;
  --radius-sm: 8px;
  --radius-xl: 18px;
  --ease: cubic-bezier(.16, 1, .3, 1);
  --motion: 250ms;
  --motion-fast: 150ms;
  --motion-micro: 100ms;
  --motion-page: 300ms;
  --motion-slow: 450ms;
  --spring: cubic-bezier(.16, 1.36, .3, 1);
  --bg: var(--surface-base);
  --canvas: #F4F2EE;
  --card-bg: var(--surface-raised);
  --card-bg-solid: var(--surface-raised);
  --card-blur: none;
  --divider: var(--border-subtle);
  --input-bg: var(--surface-sunken);
  --surface: #FDFCFA;
  --surface-1: var(--surface-raised);
  --surface-2: var(--surface-raised);
  --surface-3: var(--surface-sunken);
  --surface-base: oklch(0.948 0.006 75);
  --surface-hover: oklch(0.928 0.005 75);
  --surface-overlay: oklch(1.00 0.000 0);
  --surface-pressed: oklch(0.900 0.006 75);
  --surface-raised: oklch(1.00 0.000 0);
  --surface-sunken: oklch(0.935 0.004 75);
  --text: var(--text-primary);
  --text-disabled: oklch(0.750 0.000 0);
  --text-link: oklch(0.260 0.038 250);
  --text-muted: var(--text-tertiary);
  --text-null: color-mix(in srgb, var(--text-tertiary) 61%, var(--surface-raised));
  --text-on-accent: var(--brand-text, var(--brand-on-primary));
  --text-primary: oklch(0.205 0.000 0);
  --text-secondary: oklch(0.430 0.000 0);
  --text-tertiary: oklch(0.490 0.000 0);
  --border-default: oklch(0.795 0.012 80);
  --border-high: var(--border-strong);
  --border-low: var(--border-subtle);
  --border-med: var(--border-default);
  --border-strong: oklch(0.555 0.014 80);
  --border-subtle: oklch(0.870 0.010 80);
  --focus-offset: 2px;
  --focus-overlay: color-mix(in srgb, var(--text-primary) 6%, transparent);
  --focus-ring: var(--focus-ring-width) solid var(--focus-ring-color);
  --focus-ring-color: var(--ring-focus);
  --focus-ring-width: 2px;
  --hover-overlay: color-mix(in srgb, var(--text-primary) 4%, transparent);
  --pressed-overlay: color-mix(in srgb, var(--text-primary) 8%, transparent);
  --ring-focus: oklch(0.260 0.038 250);
  --brand-focus-ring: var(--focus-ring-color);
  --brand-on-primary: var(--brand-text, oklch(1 0 0));
  --brand-primary: var(--brand-color, var(--text-link));
  --brand-primary-hover: var(--brand-color-hover, var(--brand-primary));
  --brand-primary-pressed: var(--brand-color-pressed, var(--brand-primary));
  --brand-ink-text: color-mix(in oklab, var(--brand-primary) 65%, var(--text-primary));
  --color-primary: var(--brand-color, var(--text-link));
  --color-primary-bg: var(--brand-color-bg, color-mix(in srgb, var(--brand-primary) 12%, transparent));
  --color-primary-text: var(--brand-color, var(--brand-primary));
  --ink: #1E2A3A;
  --ink-hover: #101826;
  --ink-soft: #E8ECF1;
  --on-ink: #FDFCFA;
  --paper-fill-ink: oklch(1 0 0);
  --paper-fill-anchor: oklch(0.13 0 0);
  --paper-fill-neutral: oklch(0.205 0.004 75);
  --paper-fill-neutral-ink: oklch(0.985 0.003 75);
  --paper-fill-brand: var(--brand-action, var(--brand-color, oklch(0.516 0.130 250)));
  --paper-fill-brand-ink: var(--brand-action-ink, var(--brand-text, var(--paper-fill-ink)));
  --paper-fill-danger: oklch(0.539 0.190 27);
  --paper-fill-success: oklch(0.502 0.130 152);
  --paper-fill-warning: oklch(0.525 0.130 60);
  --paper-fill-ai: oklch(0.534 0.180 290);
  --paper-soft-ai-bg: oklch(0.945 0.030 290);
  --paper-soft-ai-ink: oklch(0.440 0.170 290);
  --paper-ask-ink: color-mix(in oklab, var(--paper-soft-ai-ink) 70%, var(--text-primary));
  --paper-ask-surface: color-mix(in srgb, var(--paper-ask-ink) 5%, transparent);
  --paper-ask-border: color-mix(in srgb, var(--paper-ask-ink) 34%, transparent);
  --paper-fill-bevel: inset 0 1px 0 color-mix(in srgb, oklch(1 0 0) 11%, transparent);
  --paper-fill-neutral-bevel: inset 0 1px 0 color-mix(in srgb, oklch(1 0 0) 11%, transparent);
  --paper-button-shadow: var(--shadow-sm);
  --paper-button-radius-xs: 6px;
  --paper-button-radius-sm: 8px;
  --paper-button-radius-md: 10px;
  --paper-button-radius-lg: 12px;
  --paper-field-bg: oklch(0.980 0.012 80);
  --paper-field-bg-disabled: color-mix(in srgb, var(--text-primary) 4%, var(--paper-field-bg));
  --paper-field-bg-readonly: var(--paper-field-bg-disabled);
  --paper-field-border-hover: color-mix(in oklab, var(--border-strong) 60%, var(--text-primary));
  --paper-field-radius-xs: var(--paper-button-radius-xs, 6px);
  --paper-field-radius-sm: var(--paper-button-radius-sm, 8px);
  --paper-field-radius-md: var(--paper-button-radius-md, 10px);
  --paper-field-radius-lg: var(--paper-button-radius-lg, 12px);
  --paper-field-radius: var(--paper-field-radius-md);
  --paper-selected-solid: var(--paper-fill-brand);
  --paper-selected-solid-ink: var(--paper-fill-ink);
  --paper-selected-solid-hover: color-mix(in oklab, var(--paper-selected-solid) 88%, var(--paper-fill-anchor));
  --paper-selected-wash: color-mix(in srgb, var(--paper-selected-solid) 12%, transparent);
  --paper-selected-ink: var(--text-primary);
  --action-affirmative-bg: oklch(0.42 0.13 152);
  --action-affirmative-bg-hover: oklch(0.36 0.14 152);
  --action-affirmative-bg-pressed: oklch(0.32 0.14 152);
  --action-affirmative-text: oklch(1.00 0 0);
  --color-favourite: #db2777;
  --error-bg: var(--error-soft);
  --error-soft: oklch(0.93 0.04 30);
  --error-strong: oklch(0.480 0.165 30);
  --error-text: color-mix(in oklab, var(--error-strong) 88%, var(--text-primary));
  --info-bg: var(--info-soft);
  --info-soft: oklch(0.926 0.012 245);
  --info-strong: oklch(0.395 0.082 245);
  --info-text: color-mix(in oklab, var(--info-strong) 88%, var(--text-primary));
  --muted-bg: color-mix(in srgb, var(--muted-text) 12%, transparent);
  --muted-edge: color-mix(in srgb, var(--muted-text) 28%, transparent);
  --muted-text: color-mix(in oklab, var(--text-secondary) 88%, var(--text-primary));
  --success: var(--success-strong);
  --success-bg: var(--success-soft);
  --success-soft: oklch(0.93 0.04 150);
  --success-strong: oklch(0.488 0.090 150);
  --success-text: color-mix(in oklab, var(--success-strong) 88%, var(--text-primary));
  --warning: var(--warning-strong);
  --warning-bg: var(--warning-soft);
  --warning-ink: oklch(1 0 0);
  --warning-soft: oklch(0.93 0.05 65);
  --warning-strong: oklch(0.520 0.130 60);
  --warning-text: color-mix(in oklab, var(--warning-strong) 88%, var(--text-primary));
  --accent-ai-from: var(--ai-gradient-from);
  --accent-ai-ink: var(--paper-soft-ai-ink);
  --accent-ai-soft: var(--paper-soft-ai-bg);
  --accent-ai-to: var(--ai-gradient-to);
  --accent-amber-bg: oklch(0.93 0.05 65);
  --accent-amber-text: oklch(0.520 0.130 60);
  --accent-emerald-bg: oklch(0.93 0.04 150);
  --accent-emerald-text: oklch(0.488 0.090 150);
  --accent-rose-bg: oklch(0.93 0.04 30);
  --accent-rose-text: oklch(0.480 0.165 30);
  --accent-sky-bg: oklch(0.92 0.025 235);
  --accent-sky-text: oklch(0.395 0.082 245);
  --accent-violet-bg: oklch(0.926 0.012 245);
  --accent-violet-text: oklch(0.260 0.038 250);
  --ai-gradient-from: oklch(0.55 0.20 290);
  --ai-gradient-text: oklch(1 0 0);
  --ai-gradient-to: oklch(0.58 0.18 15);
  --flow-accent: #10b981;
  --flow-accent-tint:
    linear-gradient(
      180deg,
      var(--surface-1) 80%,
      color-mix(in srgb, #10b981 35%, transparent) 255%);
  --chart-series-1: oklch(0.46 0.14 255);
  --chart-series-2: oklch(0.50 0.12 165);
  --chart-series-3: oklch(0.52 0.14 45);
  --chart-series-4: oklch(0.46 0.17 310);
  --chart-series-5: oklch(0.48 0.16 10);
  --chart-series-6: oklch(0.42 0.03 250);
  --chart-ink: var(--text-primary);
  --chart-accent: var(--brand-primary);
  --chart-positive: var(--success-strong);
  --chart-warning: var(--warning-strong);
  --chart-negative: var(--error-strong);
  --chart-muted: var(--text-tertiary);
  --chart-ai: var(--accent-ai-ink);
  --chart-brand: var(--brand-primary);
  --chart-brand-2: var(--brand-secondary, var(--brand-primary));
  --chart-gap-ink: color-mix(in srgb, var(--text-tertiary) 55%, transparent);
  --glass-bg: oklch(0.987 0.004 75 / 0.78);
  --glass-blur: blur(4px) saturate(180%);
  --glass-border: oklch(0 0 0 / 0.06);
  --glass-border-hover: color-mix(in srgb, var(--text-primary) 12%, transparent);
  --glass-tint: color-mix(in srgb, var(--text-primary) 6%, transparent);
  --widget-bg: var(--surface-2);
  --widget-blur: none;
  --widget-border: var(--border-low);
  --widget-radius: var(--radius);
  --widget-card-bg: var(--surface-2);
  --widget-card-border: var(--border-low);
  --widget-card-shadow: none;
  --on-image-plate: oklch(0.13 0.012 275 / 0.72);
  --on-image-ink: oklch(1 0 0);
  --on-image-ink-dim: oklch(1 0 0 / 0.82);
  --on-image-ink-faint: oklch(1 0 0 / 0.66);
  --on-image-rule: oklch(1 0 0 / 0.24);
  --on-image-glass: oklch(1 0 0 / 0.14);
  --on-image-glass-hover: oklch(1 0 0 / 0.22);
  --paper-sheet-shadow: var(--shadow-sm);
  --panel-shadow: var(--shadow-md);
  --shadow-lg: 0 12px 32px -4px oklch(0 0 0 / 0.10);
  --shadow-md: 0 4px 12px -2px oklch(0 0 0 / 0.06);
  --shadow-modal: 0 16px 64px oklch(0.50 0.04 75 / 0.18);
  --shadow-popover: 0 8px 24px oklch(0.50 0.04 75 / 0.10);
  --shadow-sm: 0 1px 2px 0 oklch(0 0 0 / 0.04);
  --bp-compact: 640px;
  --bp-narrow: 768px;
  --bp-medium: 1024px;
  --bp-wide: 1280px;
  --paper-surface-base: var(--surface-base);
  --paper-surface-raised: var(--surface-raised);
  --paper-surface-sunken: var(--surface-sunken);
  --paper-surface-hover: var(--surface-hover);
  --paper-text-primary: var(--text-primary);
  --paper-text-secondary: var(--text-secondary);
  --paper-text-tertiary: var(--text-tertiary);
  --paper-text-null: var(--text-null);
  --paper-brand-primary: var(--brand-primary);
  --paper-brand-on-primary: var(--brand-on-primary);
  --paper-brand-focus-ring: var(--brand-focus-ring);
  --paper-border-subtle: var(--border-subtle);
  --paper-border-default: var(--border-default);
  --paper-border-strong: var(--border-strong);
  --paper-shadow-sm: var(--shadow-sm);
  --paper-shadow-md: var(--shadow-md);
  --paper-shadow-modal: var(--shadow-modal);
  --paper-glass-bg: var(--glass-bg);
  --paper-glass-blur: var(--glass-blur);
  --paper-glass-border: var(--glass-border);
  --paper-glass-tint: var(--glass-tint);
  --paper-motion-fast: var(--motion-fast);
  --paper-motion-default: var(--motion);
  --paper-tabs-radius: var(--radius-pill);
  --paper-tabs-gap: var(--s-1);
  --paper-tabs-padding: 3px;
}
[data-paper-theme=warm],
[data-paper-theme=warm] .paper-root,
.paper-root[data-paper-theme=warm],
[data-paper-theme=pure],
[data-paper-theme=pure] .paper-root,
.paper-root[data-paper-theme=pure],
[data-paper-theme=midnight],
[data-paper-theme=midnight] .paper-root,
.paper-root[data-paper-theme=midnight],
[data-paper-theme=black],
[data-paper-theme=black] .paper-root,
.paper-root[data-paper-theme=black],
[data-paper-theme=workplace-paper],
[data-paper-theme=workplace-paper] .paper-root,
.paper-root[data-paper-theme=workplace-paper],
[data-paper-theme=workplace-slate],
[data-paper-theme=workplace-slate] .paper-root,
.paper-root[data-paper-theme=workplace-slate],
[data-paper-theme=graphite],
[data-paper-theme=graphite] .paper-root,
.paper-root[data-paper-theme=graphite],
[data-paper-theme=high-contrast-light],
[data-paper-theme=high-contrast-light] .paper-root,
.paper-root[data-paper-theme=high-contrast-light],
[data-paper-theme=high-contrast-dark],
[data-paper-theme=high-contrast-dark] .paper-root,
.paper-root[data-paper-theme=high-contrast-dark],
[data-paper-theme=current-light],
[data-paper-theme=current-light] .paper-root,
.paper-root[data-paper-theme=current-light],
[data-paper-theme=current-dark],
[data-paper-theme=current-dark] .paper-root,
.paper-root[data-paper-theme=current-dark] {
  --canvas: var(--surface-base);
  --surface: var(--surface-raised);
}
[data-paper-theme=warm],
[data-paper-theme=warm] .paper-root,
.paper-root[data-paper-theme=warm] {
  --surface-base: oklch(0.95 0.012 75);
  --surface-raised: oklch(0.98 0.008 75);
  --surface-overlay: oklch(1.00 0.000 0);
  --surface-sunken: oklch(0.92 0.014 75);
  --surface-hover: oklch(0.93 0.013 75);
  --surface-pressed: oklch(0.90 0.014 75);
  --surface-disabled: oklch(0.96 0.006 75);
  --text-primary: oklch(0.20 0.010 75);
  --text-secondary: oklch(0.45 0.012 75);
  --text-tertiary: oklch(0.495 0.010 75);
  --text-disabled: oklch(0.72 0.008 75);
  --text-link: oklch(0.45 0.16 240);
  --border-subtle: oklch(0.88 0.012 75);
  --border-default: oklch(0.82 0.014 75);
  --border-strong: oklch(0.555 0.014 75);
  --ring-focus: oklch(0.519 0.160 240);
  --shadow-sm: 0 1px 2px 0 oklch(0.20 0.010 75 / 0.06);
  --shadow-md: 0 4px 12px -2px oklch(0.20 0.010 75 / 0.08);
  --shadow-lg: 0 12px 32px -4px oklch(0.20 0.010 75 / 0.12);
  --shadow-modal: 0 16px 64px oklch(0.20 0.010 75 / 0.16);
  --shadow-popover: 0 8px 24px oklch(0.20 0.010 75 / 0.12);
  --shadow-chip-hover: 0 2px 8px oklch(0.20 0.010 75 / 0.08);
  --accent-emerald-bg: oklch(0.92 0.04 145);
  --accent-emerald-text: oklch(0.38 0.10 145);
  --accent-rose-bg: oklch(0.92 0.04 20);
  --accent-rose-text: oklch(0.40 0.12 20);
  --accent-amber-bg: oklch(0.93 0.05 70);
  --accent-amber-text: oklch(0.40 0.12 60);
  --accent-violet-bg: oklch(0.92 0.04 290);
  --accent-violet-text: oklch(0.40 0.12 290);
  --accent-sky-bg: oklch(0.93 0.04 235);
  --accent-sky-text: oklch(0.40 0.12 235);
  --ai-gradient-from: oklch(0.55 0.20 290);
  --ai-gradient-to: oklch(0.58 0.18 15);
  --ai-gradient-text: oklch(1 0 0);
  --warning-strong: oklch(0.52 0.16 60);
  --warning-soft: oklch(0.94 0.05 70);
  --success-strong: oklch(0.50 0.13 145);
  --success-soft: oklch(0.92 0.05 145);
  --error-strong: oklch(0.55 0.20 25);
  --error-soft: oklch(0.94 0.05 25);
  --error-text: oklch(0.515 0.20 25);
  --info-strong: oklch(0.50 0.15 235);
  --info-soft: oklch(0.93 0.04 235);
  --glass-bg: oklch(1 0 0 / 0.62);
  --glass-border: oklch(0.20 0.010 75 / 0.12);
  --glass-blur: blur(14px) saturate(160%);
  --action-affirmative-bg: oklch(0.42 0.13 152);
  --action-affirmative-bg-hover: oklch(0.36 0.14 152);
  --action-affirmative-bg-pressed: oklch(0.32 0.14 152);
  --action-affirmative-text: oklch(1.00 0 0);
  --ink: oklch(0.30 0.045 250);
  --ink-hover: oklch(0.24 0.045 250);
  --ink-soft: oklch(0.93 0.018 250);
  --on-ink: oklch(0.98 0.008 75);
  --paper-fill-ink: oklch(1 0 0);
  --paper-fill-anchor: oklch(0.13 0 0);
  --paper-fill-neutral: oklch(0.205 0.004 75);
  --paper-fill-neutral-ink: oklch(0.985 0.003 75);
  --paper-fill-brand: var(--brand-action, var(--brand-color, oklch(0.516 0.130 250)));
  --paper-fill-brand-ink: var(--brand-action-ink, var(--brand-text, var(--paper-fill-ink)));
  --paper-fill-danger: oklch(0.539 0.190 27);
  --paper-fill-success: oklch(0.502 0.130 152);
  --paper-fill-warning: oklch(0.525 0.130 60);
  --paper-fill-ai: oklch(0.534 0.180 290);
  --paper-soft-ai-bg: oklch(0.945 0.030 290);
  --paper-soft-ai-ink: oklch(0.440 0.170 290);
  --paper-field-bg: oklch(0.929 0.014 75);
}
[data-paper-theme=pure],
[data-paper-theme=pure] .paper-root,
.paper-root[data-paper-theme=pure] {
  --surface-base: oklch(1.00 0.000 0);
  --surface-raised: oklch(1.00 0.000 0);
  --surface-overlay: oklch(1.00 0.000 0);
  --surface-sunken: oklch(0.97 0.000 0);
  --surface-hover: oklch(0.96 0.000 0);
  --surface-pressed: oklch(0.94 0.000 0);
  --surface-disabled: oklch(0.98 0.000 0);
  --text-primary: oklch(0.18 0.000 0);
  --text-secondary: oklch(0.42 0.000 0);
  --text-tertiary: oklch(0.52 0.000 0);
  --text-disabled: oklch(0.72 0.000 0);
  --text-link: oklch(0.45 0.16 240);
  --border-subtle: oklch(0.92 0.000 0);
  --border-default: oklch(0.85 0.000 0);
  --border-strong: oklch(0.585 0.000 0);
  --ring-focus: oklch(0.556 0.160 240);
  --shadow-sm: 0 1px 2px 0 oklch(0 0 0 / 0.05);
  --shadow-md: 0 4px 12px -2px oklch(0 0 0 / 0.08);
  --shadow-lg: 0 12px 32px -4px oklch(0 0 0 / 0.12);
  --shadow-modal: 0 16px 64px oklch(0 0 0 / 0.16);
  --shadow-popover: 0 8px 24px oklch(0 0 0 / 0.12);
  --shadow-chip-hover: 0 2px 8px oklch(0 0 0 / 0.08);
  --accent-emerald-bg: oklch(0.94 0.06 145);
  --accent-emerald-text: oklch(0.36 0.12 145);
  --accent-rose-bg: oklch(0.94 0.06 20);
  --accent-rose-text: oklch(0.40 0.14 20);
  --accent-amber-bg: oklch(0.94 0.07 70);
  --accent-amber-text: oklch(0.40 0.14 60);
  --accent-violet-bg: oklch(0.94 0.06 290);
  --accent-violet-text: oklch(0.40 0.14 290);
  --accent-sky-bg: oklch(0.94 0.06 235);
  --accent-sky-text: oklch(0.40 0.14 235);
  --ai-gradient-from: oklch(0.55 0.20 290);
  --ai-gradient-to: oklch(0.58 0.18 15);
  --ai-gradient-text: oklch(1 0 0);
  --warning-strong: oklch(0.52 0.18 55);
  --warning-soft: oklch(0.96 0.07 70);
  --success-strong: oklch(0.50 0.15 145);
  --success-soft: oklch(0.94 0.06 145);
  --error-strong: oklch(0.52 0.22 25);
  --error-soft: oklch(0.95 0.06 25);
  --info-strong: oklch(0.50 0.16 235);
  --info-soft: oklch(0.94 0.06 235);
  --glass-bg: oklch(1 0 0 / 0.70);
  --glass-border: oklch(0 0 0 / 0.08);
  --glass-blur: blur(14px) saturate(160%);
  --action-affirmative-bg: oklch(0.42 0.13 152);
  --action-affirmative-bg-hover: oklch(0.36 0.14 152);
  --action-affirmative-bg-pressed: oklch(0.32 0.14 152);
  --action-affirmative-text: oklch(1.00 0 0);
  --ink: oklch(0.30 0.045 250);
  --ink-hover: oklch(0.24 0.045 250);
  --ink-soft: oklch(0.94 0.018 250);
  --on-ink: oklch(1.00 0 0);
  --paper-fill-ink: oklch(1 0 0);
  --paper-fill-anchor: oklch(0.13 0 0);
  --paper-fill-neutral: oklch(0.185 0 0);
  --paper-fill-neutral-ink: oklch(1 0 0);
  --paper-fill-brand: var(--brand-action, var(--brand-color, oklch(0.516 0.130 250)));
  --paper-fill-brand-ink: var(--brand-action-ink, var(--brand-text, var(--paper-fill-ink)));
  --paper-fill-danger: oklch(0.539 0.190 27);
  --paper-fill-success: oklch(0.502 0.130 152);
  --paper-fill-warning: oklch(0.525 0.130 60);
  --paper-fill-ai: oklch(0.534 0.180 290);
  --paper-soft-ai-bg: oklch(0.945 0.030 290);
  --paper-soft-ai-ink: oklch(0.440 0.170 290);
  --paper-field-bg: oklch(0.980 0 0);
}
[data-paper-theme=midnight],
[data-paper-theme=midnight] .paper-root,
.paper-root[data-paper-theme=midnight] {
  --surface-base: oklch(0.20 0.020 250);
  --surface-raised: oklch(0.24 0.022 250);
  --surface-overlay: oklch(0.28 0.022 250);
  --surface-sunken: oklch(0.16 0.020 250);
  --surface-hover: oklch(0.26 0.022 250);
  --surface-pressed: oklch(0.30 0.022 250);
  --surface-disabled: oklch(0.22 0.018 250);
  --text-primary: oklch(0.95 0.005 250);
  --text-secondary: oklch(0.72 0.012 250);
  --text-tertiary: oklch(0.68 0.014 250);
  --text-disabled: oklch(0.42 0.012 250);
  --text-link: oklch(0.78 0.16 240);
  --brand-on-primary: var(--brand-text, oklch(0.205 0.015 250));
  --warning-ink: oklch(0.22 0.02 70);
  --border-subtle: oklch(0.30 0.022 250);
  --border-default: oklch(0.36 0.022 250);
  --border-strong: oklch(0.605 0.020 250);
  --ring-focus: oklch(0.72 0.20 235);
  --shadow-sm: 0 1px 2px 0 oklch(0 0 0 / 0.40);
  --paper-sheet-shadow: none;
  --shadow-md: 0 4px 14px -2px oklch(0 0 0 / 0.50);
  --shadow-lg: 0 14px 36px -4px oklch(0 0 0 / 0.60);
  --shadow-modal: 0 16px 64px oklch(0 0 0 / 0.55);
  --shadow-popover: 0 8px 24px oklch(0 0 0 / 0.50);
  --shadow-chip-hover: 0 2px 8px oklch(0 0 0 / 0.40);
  --accent-emerald-bg: oklch(0.30 0.06 145);
  --accent-emerald-text: oklch(0.85 0.14 145);
  --accent-rose-bg: oklch(0.30 0.07 20);
  --accent-rose-text: oklch(0.85 0.14 20);
  --accent-amber-bg: oklch(0.32 0.07 70);
  --accent-amber-text: oklch(0.88 0.14 80);
  --accent-violet-bg: oklch(0.30 0.07 290);
  --accent-violet-text: oklch(0.85 0.14 290);
  --accent-sky-bg: oklch(0.30 0.07 235);
  --accent-sky-text: oklch(0.85 0.14 235);
  --ai-gradient-from: oklch(0.58 0.20 290);
  --ai-gradient-to: oklch(0.589 0.18 15);
  --ai-gradient-text: oklch(1 0 0);
  --warning-strong: oklch(0.78 0.16 70);
  --warning-soft: oklch(0.32 0.08 70);
  --success-strong: oklch(0.78 0.14 145);
  --success-soft: oklch(0.30 0.06 145);
  --error-strong: oklch(0.78 0.18 25);
  --error-soft: oklch(0.30 0.07 25);
  --info-strong: oklch(0.78 0.16 235);
  --info-soft: oklch(0.30 0.07 235);
  --glass-bg: oklch(0.30 0.025 250 / 0.55);
  --glass-border: oklch(1 0 0 / 0.10);
  --glass-blur: blur(14px) saturate(160%);
  --action-affirmative-bg: oklch(0.50 0.15 152);
  --action-affirmative-bg-hover: oklch(0.55 0.16 152);
  --action-affirmative-bg-pressed: oklch(0.45 0.14 152);
  --action-affirmative-text: oklch(1.00 0 0);
  --chart-series-1: oklch(0.74 0.13 245);
  --chart-series-2: oklch(0.76 0.13 165);
  --chart-series-3: oklch(0.78 0.13 70);
  --chart-series-4: oklch(0.74 0.15 310);
  --chart-series-5: oklch(0.74 0.14 15);
  --chart-series-6: oklch(0.72 0.03 250);
  --chart-ai: oklch(0.74 0.15 295);
  --ink: oklch(0.87 0.030 250);
  --ink-hover: oklch(0.93 0.025 250);
  --ink-soft: oklch(0.32 0.038 250);
  --on-ink: oklch(0.19 0.028 250);
  --paper-fill-ink: oklch(1 0 0);
  --paper-fill-anchor: oklch(0.13 0 0);
  --paper-fill-neutral: oklch(0.950 0.005 250);
  --paper-fill-neutral-ink: oklch(0.200 0.020 250);
  --paper-fill-brand: var(--brand-action, var(--brand-color, oklch(0.533 0.130 250)));
  --paper-fill-brand-ink: var(--brand-action-ink, var(--brand-text, var(--paper-fill-ink)));
  --paper-fill-danger: oklch(0.556 0.190 27);
  --paper-fill-success: oklch(0.519 0.130 152);
  --paper-fill-warning: oklch(0.543 0.130 60);
  --paper-fill-ai: oklch(0.551 0.180 290);
  --paper-soft-ai-bg: oklch(0.285 0.075 290);
  --paper-soft-ai-ink: oklch(0.800 0.115 290);
  --paper-fill-neutral-bevel: inset 0 -1px 0 color-mix(in srgb, oklch(0 0 0) 10%, transparent);
  --paper-button-shadow: 0 0 0 transparent;
  --paper-field-bg: oklch(0.260 0.022 250);
}
[data-paper-theme=black],
[data-paper-theme=black] .paper-root,
.paper-root[data-paper-theme=black] {
  --surface-base: oklch(0.10 0.000 0);
  --surface-raised: oklch(0.14 0.000 0);
  --surface-overlay: oklch(0.18 0.000 0);
  --surface-sunken: oklch(0.06 0.000 0);
  --surface-hover: oklch(0.16 0.000 0);
  --surface-pressed: oklch(0.20 0.000 0);
  --surface-disabled: oklch(0.12 0.000 0);
  --text-primary: oklch(0.96 0.000 0);
  --text-secondary: oklch(0.70 0.000 0);
  --text-tertiary: oklch(0.66 0.000 0);
  --text-disabled: oklch(0.36 0.000 0);
  --text-link: oklch(0.78 0.16 240);
  --brand-on-primary: var(--brand-text, oklch(0.205 0.015 250));
  --warning-ink: oklch(0.22 0.02 70);
  --border-subtle: oklch(0.22 0.000 0);
  --border-default: oklch(0.30 0.000 0);
  --border-strong: oklch(0.540 0.000 0);
  --ring-focus: oklch(0.72 0.20 235);
  --shadow-sm: 0 1px 2px 0 oklch(0 0 0 / 0.50);
  --paper-sheet-shadow: none;
  --shadow-md: 0 4px 14px -2px oklch(0 0 0 / 0.60);
  --shadow-lg: 0 14px 36px -4px oklch(0 0 0 / 0.70);
  --shadow-modal: 0 16px 64px oklch(0 0 0 / 0.65);
  --shadow-popover: 0 8px 24px oklch(0 0 0 / 0.60);
  --shadow-chip-hover: 0 2px 8px oklch(0 0 0 / 0.50);
  --accent-emerald-bg: oklch(0.24 0.06 145);
  --accent-emerald-text: oklch(0.85 0.14 145);
  --accent-rose-bg: oklch(0.24 0.07 20);
  --accent-rose-text: oklch(0.85 0.14 20);
  --accent-amber-bg: oklch(0.26 0.07 70);
  --accent-amber-text: oklch(0.88 0.14 80);
  --accent-violet-bg: oklch(0.24 0.07 290);
  --accent-violet-text: oklch(0.85 0.14 290);
  --accent-sky-bg: oklch(0.24 0.07 235);
  --accent-sky-text: oklch(0.85 0.14 235);
  --ai-gradient-from: oklch(0.585 0.20 290);
  --ai-gradient-to: oklch(0.589 0.18 15);
  --ai-gradient-text: oklch(1 0 0);
  --warning-strong: oklch(0.78 0.16 70);
  --warning-soft: oklch(0.26 0.08 70);
  --success-strong: oklch(0.78 0.14 145);
  --success-soft: oklch(0.24 0.06 145);
  --error-strong: oklch(0.78 0.18 25);
  --error-soft: oklch(0.24 0.07 25);
  --info-strong: oklch(0.78 0.16 235);
  --info-soft: oklch(0.24 0.07 235);
  --glass-bg: oklch(0.20 0 0 / 0.60);
  --glass-border: oklch(1 0 0 / 0.10);
  --glass-blur: blur(14px) saturate(160%);
  --action-affirmative-bg: oklch(0.50 0.15 152);
  --action-affirmative-bg-hover: oklch(0.55 0.16 152);
  --action-affirmative-bg-pressed: oklch(0.45 0.14 152);
  --action-affirmative-text: oklch(1.00 0 0);
  --chart-series-1: oklch(0.74 0.13 245);
  --chart-series-2: oklch(0.76 0.13 165);
  --chart-series-3: oklch(0.78 0.13 70);
  --chart-series-4: oklch(0.74 0.15 310);
  --chart-series-5: oklch(0.74 0.14 15);
  --chart-series-6: oklch(0.72 0.03 250);
  --chart-ai: oklch(0.74 0.15 295);
  --ink: oklch(0.88 0.020 250);
  --ink-hover: oklch(0.94 0.015 250);
  --ink-soft: oklch(0.22 0.028 250);
  --on-ink: oklch(0.13 0.020 250);
  --paper-fill-ink: oklch(1 0 0);
  --paper-fill-anchor: oklch(0.13 0 0);
  --paper-fill-neutral: oklch(0.960 0 0);
  --paper-fill-neutral-ink: oklch(0.100 0 0);
  --paper-fill-brand: var(--brand-action, var(--brand-color, oklch(0.533 0.130 250)));
  --paper-fill-brand-ink: var(--brand-action-ink, var(--brand-text, var(--paper-fill-ink)));
  --paper-fill-danger: oklch(0.556 0.190 27);
  --paper-fill-success: oklch(0.519 0.130 152);
  --paper-fill-warning: oklch(0.543 0.130 60);
  --paper-fill-ai: oklch(0.551 0.180 290);
  --paper-soft-ai-bg: oklch(0.285 0.075 290);
  --paper-soft-ai-ink: oklch(0.800 0.115 290);
  --paper-fill-neutral-bevel: inset 0 -1px 0 color-mix(in srgb, oklch(0 0 0) 10%, transparent);
  --paper-button-shadow: 0 0 0 transparent;
  --paper-field-bg: oklch(0.161 0 0);
}
[data-paper-theme=workplace-paper],
[data-paper-theme=workplace-paper] .paper-root,
.paper-root[data-paper-theme=workplace-paper] {
  --surface-base: oklch(0.948 0.006 75);
  --surface-raised: oklch(1.00 0.000 0);
  --surface-overlay: oklch(1.00 0.000 0);
  --surface-sunken: oklch(0.935 0.004 75);
  --surface-hover: oklch(0.928 0.005 75);
  --surface-pressed: oklch(0.900 0.006 75);
  --surface-disabled: oklch(0.945 0.004 75);
  --text-primary: oklch(0.205 0.000 0);
  --text-secondary: oklch(0.430 0.000 0);
  --text-tertiary: oklch(0.490 0.000 0);
  --text-disabled: oklch(0.750 0.000 0);
  --text-link: oklch(0.260 0.038 250);
  --border-subtle: oklch(0.870 0.010 80);
  --border-default: oklch(0.795 0.012 80);
  --border-strong: oklch(0.555 0.014 80);
  --ring-focus: oklch(0.260 0.038 250);
  --shadow-sm: 0 1px 2px 0 oklch(0 0 0 / 0.04);
  --shadow-md: 0 4px 12px -2px oklch(0 0 0 / 0.06);
  --shadow-lg: 0 12px 32px -4px oklch(0 0 0 / 0.10);
  --shadow-modal: 0 16px 64px oklch(0.50 0.04 75 / 0.18);
  --shadow-popover: 0 8px 24px oklch(0.50 0.04 75 / 0.10);
  --shadow-chip-hover: 0 2px 8px oklch(0.50 0.04 75 / 0.06);
  --accent-emerald-bg: oklch(0.93 0.04 150);
  --accent-emerald-text: oklch(0.488 0.090 150);
  --accent-rose-bg: oklch(0.93 0.04 30);
  --accent-rose-text: oklch(0.480 0.165 30);
  --accent-amber-bg: oklch(0.93 0.05 65);
  --accent-amber-text: oklch(0.520 0.130 60);
  --accent-violet-bg: oklch(0.926 0.012 245);
  --accent-violet-text: oklch(0.260 0.038 250);
  --accent-sky-bg: oklch(0.92 0.025 235);
  --accent-sky-text: oklch(0.395 0.082 245);
  --ai-gradient-from: oklch(0.55 0.20 290);
  --ai-gradient-to: oklch(0.58 0.18 15);
  --ai-gradient-text: oklch(1 0 0);
  --warning-strong: oklch(0.520 0.130 60);
  --warning-soft: oklch(0.93 0.05 65);
  --success-strong: oklch(0.488 0.090 150);
  --success-soft: oklch(0.93 0.04 150);
  --error-strong: oklch(0.480 0.165 30);
  --error-soft: oklch(0.93 0.04 30);
  --info-strong: oklch(0.395 0.082 245);
  --info-soft: oklch(0.926 0.012 245);
  --glass-bg: oklch(0.987 0.004 75 / 0.78);
  --glass-border: oklch(0 0 0 / 0.06);
  --glass-blur: blur(4px) saturate(180%);
  --action-affirmative-bg: oklch(0.42 0.13 152);
  --action-affirmative-bg-hover: oklch(0.36 0.14 152);
  --action-affirmative-bg-pressed: oklch(0.32 0.14 152);
  --action-affirmative-text: oklch(1.00 0 0);
  --canvas: #F4F2EE;
  --surface: #FDFCFA;
  --ink: #1E2A3A;
  --ink-hover: #101826;
  --ink-soft: #E8ECF1;
  --on-ink: #FDFCFA;
  --warning: #B87333;
  --success: #3F7A55;
  --danger: #A03020;
  --info: #2C5470;
  --accent-cool: #9FABB5;
  --paper-fill-ink: oklch(1 0 0);
  --paper-fill-anchor: oklch(0.13 0 0);
  --paper-fill-neutral: oklch(0.205 0.004 75);
  --paper-fill-neutral-ink: oklch(0.985 0.003 75);
  --paper-fill-brand: var(--brand-action, var(--brand-color, oklch(0.516 0.130 250)));
  --paper-fill-brand-ink: var(--brand-action-ink, var(--brand-text, var(--paper-fill-ink)));
  --paper-fill-danger: oklch(0.539 0.190 27);
  --paper-fill-success: oklch(0.502 0.130 152);
  --paper-fill-warning: oklch(0.525 0.130 60);
  --paper-fill-ai: oklch(0.534 0.180 290);
  --paper-soft-ai-bg: oklch(0.945 0.030 290);
  --paper-soft-ai-ink: oklch(0.440 0.170 290);
  --paper-field-bg: oklch(0.980 0.012 80);
}
[data-paper-theme=workplace-slate],
[data-paper-theme=workplace-slate] .paper-root,
.paper-root[data-paper-theme=workplace-slate] {
  --surface-base: oklch(0.100 0.002 280);
  --surface-raised: oklch(0.155 0.005 280);
  --surface-overlay: oklch(0.205 0.005 280);
  --surface-sunken: oklch(0.130 0.005 280);
  --surface-hover: oklch(0.205 0.005 280);
  --surface-pressed: oklch(0.240 0.008 280);
  --surface-disabled: oklch(0.130 0.005 280);
  --text-primary: oklch(0.948 0.006 80);
  --text-secondary: oklch(0.717 0.014 80);
  --text-tertiary: oklch(0.660 0.008 80);
  --text-disabled: oklch(0.400 0.000 0);
  --text-link: oklch(0.745 0.055 245);
  --brand-on-primary: var(--brand-text, oklch(0.205 0.015 250));
  --warning-ink: oklch(0.22 0.02 70);
  --border-subtle: oklch(0.240 0.008 280);
  --border-default: oklch(0.290 0.008 280);
  --border-strong: oklch(0.560 0.012 280);
  --ring-focus: oklch(0.745 0.055 245);
  --shadow-sm: 0 1px 2px 0 oklch(0 0 0 / 0.30);
  --paper-sheet-shadow: none;
  --shadow-md: 0 4px 12px -2px oklch(0 0 0 / 0.40);
  --shadow-lg: 0 12px 32px -4px oklch(0 0 0 / 0.50);
  --shadow-modal: 0 16px 64px oklch(0 0 0 / 0.45);
  --shadow-popover: 0 8px 24px oklch(0 0 0 / 0.40);
  --shadow-chip-hover: 0 2px 8px oklch(0 0 0 / 0.30);
  --accent-emerald-bg: oklch(0.30 0.07 150);
  --accent-emerald-text: oklch(0.692 0.110 152);
  --accent-rose-bg: oklch(0.30 0.10 28);
  --accent-rose-text: oklch(0.70 0.158 28);
  --accent-amber-bg: oklch(0.32 0.07 65);
  --accent-amber-text: oklch(0.715 0.130 65);
  --accent-violet-bg: oklch(0.260 0.038 250);
  --accent-violet-text: oklch(0.745 0.055 245);
  --accent-sky-bg: oklch(0.28 0.06 245);
  --accent-sky-text: oklch(0.685 0.075 245);
  --ai-gradient-from: oklch(0.58 0.20 290);
  --ai-gradient-to: oklch(0.589 0.18 15);
  --ai-gradient-text: oklch(1 0 0);
  --warning-strong: oklch(0.715 0.130 65);
  --warning-soft: oklch(0.32 0.07 65);
  --success-strong: oklch(0.692 0.110 152);
  --success-soft: oklch(0.30 0.07 150);
  --error-strong: oklch(0.70 0.158 28);
  --error-soft: oklch(0.30 0.10 28);
  --info-strong: oklch(0.685 0.075 245);
  --info-soft: oklch(0.28 0.06 245);
  --glass-bg: oklch(0.155 0.005 280 / 0.78);
  --glass-border: oklch(1 0 0 / 0.08);
  --glass-blur: blur(4px) saturate(160%) brightness(90%);
  --action-affirmative-bg: oklch(0.50 0.15 152);
  --action-affirmative-bg-hover: oklch(0.55 0.16 152);
  --action-affirmative-bg-pressed: oklch(0.45 0.14 152);
  --action-affirmative-text: oklch(1.00 0 0);
  --chart-series-1: oklch(0.74 0.13 245);
  --chart-series-2: oklch(0.76 0.13 165);
  --chart-series-3: oklch(0.78 0.13 70);
  --chart-series-4: oklch(0.74 0.15 310);
  --chart-series-5: oklch(0.74 0.14 15);
  --chart-series-6: oklch(0.72 0.03 250);
  --chart-ai: oklch(0.74 0.15 295);
  --ink: oklch(0.86 0.030 250);
  --ink-hover: oklch(0.92 0.025 250);
  --ink-soft: oklch(0.24 0.035 250);
  --on-ink: oklch(0.16 0.030 250);
  --paper-fill-ink: oklch(1 0 0);
  --paper-fill-anchor: oklch(0.13 0 0);
  --paper-fill-neutral: oklch(0.945 0.006 80);
  --paper-fill-neutral-ink: oklch(0.155 0.005 280);
  --paper-fill-brand: var(--brand-action, var(--brand-color, oklch(0.533 0.130 250)));
  --paper-fill-brand-ink: var(--brand-action-ink, var(--brand-text, var(--paper-fill-ink)));
  --paper-fill-danger: oklch(0.556 0.190 27);
  --paper-fill-success: oklch(0.519 0.130 152);
  --paper-fill-warning: oklch(0.543 0.130 60);
  --paper-fill-ai: oklch(0.551 0.180 290);
  --paper-soft-ai-bg: oklch(0.285 0.075 290);
  --paper-soft-ai-ink: oklch(0.800 0.115 290);
  --paper-fill-neutral-bevel: inset 0 -1px 0 color-mix(in srgb, oklch(0 0 0) 10%, transparent);
  --paper-button-shadow: 0 0 0 transparent;
  --paper-field-bg: oklch(0.176 0.008 280);
}
[data-paper-theme=graphite],
[data-paper-theme=graphite] .paper-root,
.paper-root[data-paper-theme=graphite] {
  --surface-base: oklch(0.215 0.012 260);
  --surface-raised: oklch(0.255 0.012 260);
  --surface-sunken: oklch(0.19 0.012 260);
  --surface-hover: oklch(0.285 0.012 260);
  --surface-pressed: oklch(0.31 0.012 260);
  --surface-overlay: oklch(0.27 0.012 260);
  --surface: oklch(0.245 0.012 260);
  --canvas: oklch(0.20 0.012 260);
  --surface-disabled: oklch(0.19 0.012 260);
  --text-primary: oklch(0.93 0.006 260);
  --text-secondary: oklch(0.78 0.008 260);
  --text-tertiary: oklch(0.685 0.010 260);
  --text-disabled: oklch(0.48 0.005 260);
  --text-link: oklch(0.80 0.055 250);
  --brand-on-primary: var(--brand-text, oklch(0.215 0.012 260));
  --warning-ink: oklch(0.22 0.02 70);
  --border-subtle: oklch(0.32 0.012 260);
  --border-default: oklch(0.38 0.014 260);
  --border-strong: oklch(0.615 0.016 260);
  --ring-focus: oklch(0.80 0.055 250);
  --shadow-sm: 0 1px 2px 0 oklch(0 0 0 / 0.35);
  --paper-sheet-shadow: none;
  --shadow-md: 0 4px 12px -2px oklch(0 0 0 / 0.45);
  --shadow-lg: 0 12px 32px -4px oklch(0 0 0 / 0.55);
  --shadow-popover: 0 8px 24px oklch(0 0 0 / 0.5);
  --shadow-modal: 0 16px 64px oklch(0 0 0 / 0.6);
  --shadow-chip-hover: 0 2px 8px oklch(0 0 0 / 0.35);
  --success-soft: oklch(0.31 0.05 150);
  --success-strong: oklch(0.76 0.12 150);
  --warning-soft: oklch(0.32 0.06 65);
  --warning-strong: oklch(0.80 0.12 70);
  --error-soft: oklch(0.30 0.06 30);
  --error-strong: oklch(0.74 0.13 30);
  --info-soft: oklch(0.30 0.04 245);
  --info-strong: oklch(0.80 0.06 245);
  --accent-amber-bg: oklch(0.32 0.06 65);
  --accent-amber-text: oklch(0.82 0.12 70);
  --accent-emerald-bg: oklch(0.31 0.05 150);
  --accent-emerald-text: oklch(0.80 0.11 150);
  --accent-rose-bg: oklch(0.30 0.06 30);
  --accent-rose-text: oklch(0.78 0.12 25);
  --accent-sky-bg: oklch(0.30 0.04 235);
  --accent-sky-text: oklch(0.80 0.07 235);
  --accent-violet-bg: oklch(0.31 0.04 290);
  --accent-violet-text: oklch(0.82 0.07 290);
  --glass-bg: oklch(0.225 0.012 260 / 0.80);
  --glass-border: oklch(1 0 0 / 0.08);
  --glass-border-hover: oklch(1 0 0 / 0.16);
  --glass-blur: blur(4px) saturate(160%) brightness(90%);
  --ai-gradient-from: oklch(0.58 0.20 290);
  --ai-gradient-to: oklch(0.589 0.18 15);
  --ai-gradient-text: oklch(1 0 0);
  --action-affirmative-bg: oklch(0.50 0.15 152);
  --action-affirmative-bg-hover: oklch(0.55 0.16 152);
  --action-affirmative-bg-pressed: oklch(0.45 0.14 152);
  --action-affirmative-text: oklch(1.00 0 0);
  --chart-series-1: oklch(0.78 0.10 250);
  --chart-series-2: oklch(0.78 0.13 165);
  --chart-series-3: oklch(0.80 0.12 70);
  --chart-series-4: oklch(0.76 0.13 305);
  --chart-series-5: oklch(0.76 0.13 25);
  --chart-series-6: oklch(0.74 0.02 260);
  --chart-ai: oklch(0.76 0.15 295);
  --ink: oklch(0.85 0.030 258);
  --ink-hover: oklch(0.91 0.025 258);
  --ink-soft: oklch(0.33 0.030 258);
  --on-ink: oklch(0.20 0.025 258);
  --paper-fill-ink: oklch(1 0 0);
  --paper-fill-anchor: oklch(0.13 0 0);
  --paper-fill-neutral: oklch(0.930 0.006 260);
  --paper-fill-neutral-ink: oklch(0.215 0.012 260);
  --paper-fill-brand: var(--brand-action, var(--brand-color, oklch(0.533 0.130 250)));
  --paper-fill-brand-ink: var(--brand-action-ink, var(--brand-text, var(--paper-fill-ink)));
  --paper-fill-danger: oklch(0.556 0.190 27);
  --paper-fill-success: oklch(0.519 0.130 152);
  --paper-fill-warning: oklch(0.543 0.130 60);
  --paper-fill-ai: oklch(0.551 0.180 290);
  --paper-soft-ai-bg: oklch(0.285 0.075 290);
  --paper-soft-ai-ink: oklch(0.800 0.115 290);
  --paper-fill-neutral-bevel: inset 0 -1px 0 color-mix(in srgb, oklch(0 0 0) 10%, transparent);
  --paper-button-shadow: 0 0 0 transparent;
  --paper-field-bg: oklch(0.275 0.014 260);
}
[data-paper-theme=high-contrast-light],
[data-paper-theme=high-contrast-light] .paper-root,
.paper-root[data-paper-theme=high-contrast-light] {
  --surface-base: oklch(0.97 0 0);
  --surface-raised: oklch(1.00 0 0);
  --surface-overlay: oklch(1.00 0 0);
  --surface-sunken: oklch(0.94 0 0);
  --surface-hover: oklch(0.93 0 0);
  --surface-pressed: oklch(0.88 0 0);
  --surface-disabled: oklch(0.95 0 0);
  --surface: oklch(1.00 0 0);
  --canvas: oklch(0.97 0 0);
  --text-primary: oklch(0.13 0 0);
  --text-secondary: oklch(0.32 0 0);
  --text-tertiary: oklch(0.40 0 0);
  --text-disabled: oklch(0.55 0 0);
  --text-null: var(--text-tertiary);
  --text-link: oklch(0.32 0.15 250);
  --border-subtle: oklch(0.60 0 0);
  --border-default: oklch(0.45 0 0);
  --border-strong: oklch(0.35 0 0);
  --ring-focus: oklch(0.45 0.20 25);
  --focus-ring-color: oklch(0.45 0.20 25);
  --focus-ring-width: 3px;
  --shadow-sm: 0 1px 2px 0 oklch(0 0 0 / 0.22);
  --shadow-md: 0 4px 12px -2px oklch(0 0 0 / 0.28);
  --shadow-lg: 0 12px 32px -4px oklch(0 0 0 / 0.34);
  --shadow-modal: 0 16px 64px oklch(0 0 0 / 0.40);
  --shadow-popover: 0 8px 24px oklch(0 0 0 / 0.34);
  --shadow-chip-hover: 0 2px 8px oklch(0 0 0 / 0.24);
  --success-soft: oklch(0.96 0.015 150);
  --success-strong: oklch(0.38 0.12 150);
  --warning-soft: oklch(0.96 0.02 65);
  --warning-strong: oklch(0.42 0.12 60);
  --warning-ink: oklch(1 0 0);
  --error-soft: oklch(0.96 0.015 28);
  --error-strong: oklch(0.42 0.165 28);
  --info-soft: oklch(0.96 0.015 245);
  --info-strong: oklch(0.34 0.13 245);
  --accent-emerald-bg: oklch(0.96 0.015 150);
  --accent-emerald-text: oklch(0.38 0.12 150);
  --accent-rose-bg: oklch(0.96 0.015 28);
  --accent-rose-text: oklch(0.42 0.165 28);
  --accent-amber-bg: oklch(0.96 0.02 65);
  --accent-amber-text: oklch(0.42 0.12 60);
  --accent-sky-bg: oklch(0.96 0.015 245);
  --accent-sky-text: oklch(0.34 0.13 245);
  --accent-violet-bg: oklch(0.95 0.02 290);
  --accent-violet-text: oklch(0.36 0.14 290);
  --ai-gradient-from: oklch(0.45 0.18 290);
  --ai-gradient-to: oklch(0.45 0.17 15);
  --ai-gradient-text: oklch(1 0 0);
  --glass-bg: oklch(1.00 0 0 / 0.92);
  --glass-border: oklch(0 0 0 / 0.45);
  --glass-blur: blur(4px) saturate(150%);
  --action-affirmative-bg: oklch(0.40 0.105 152);
  --action-affirmative-bg-hover: oklch(0.34 0.10 152);
  --action-affirmative-bg-pressed: oklch(0.30 0.095 152);
  --action-affirmative-text: oklch(1.00 0 0);
  --brand-on-primary: var(--brand-text, oklch(1 0 0));
  --chart-series-1: oklch(0.40 0.15 250);
  --chart-series-2: oklch(0.42 0.13 150);
  --chart-series-3: oklch(0.45 0.13 60);
  --chart-series-4: oklch(0.40 0.16 305);
  --chart-series-5: oklch(0.42 0.165 28);
  --chart-series-6: oklch(0.30 0 0);
  --ink: oklch(0.20 0.050 250);
  --ink-hover: oklch(0.14 0.045 250);
  --ink-soft: oklch(0.92 0.022 250);
  --on-ink: oklch(1.00 0 0);
  --paper-fill-ink: oklch(1 0 0);
  --paper-fill-anchor: oklch(0.13 0 0);
  --paper-fill-neutral: oklch(0.130 0 0);
  --paper-fill-neutral-ink: oklch(1 0 0);
  --paper-fill-brand: var(--brand-action, var(--brand-color, oklch(0.451 0.130 250)));
  --paper-fill-brand-ink: var(--brand-action-ink, var(--brand-text, var(--paper-fill-ink)));
  --paper-fill-danger: oklch(0.474 0.190 27);
  --paper-fill-success: oklch(0.433 0.130 152);
  --paper-fill-warning: oklch(0.460 0.130 60);
  --paper-fill-ai: oklch(0.470 0.180 290);
  --paper-soft-ai-bg: oklch(0.960 0.020 290);
  --paper-soft-ai-ink: oklch(0.360 0.150 290);
  --paper-field-bg: oklch(0.950 0 0);
}
[data-paper-theme=high-contrast-dark],
[data-paper-theme=high-contrast-dark] .paper-root,
.paper-root[data-paper-theme=high-contrast-dark] {
  --surface-base: oklch(0.10 0 0);
  --surface-raised: oklch(0.16 0 0);
  --surface-overlay: oklch(0.20 0 0);
  --surface-sunken: oklch(0.07 0 0);
  --surface-hover: oklch(0.22 0 0);
  --surface-pressed: oklch(0.27 0 0);
  --surface-disabled: oklch(0.13 0 0);
  --surface: oklch(0.16 0 0);
  --canvas: oklch(0.10 0 0);
  --text-primary: oklch(1.00 0 0);
  --text-secondary: oklch(0.82 0 0);
  --text-tertiary: oklch(0.72 0 0);
  --text-disabled: oklch(0.55 0 0);
  --text-null: var(--text-tertiary);
  --text-link: oklch(0.82 0.10 245);
  --brand-on-primary: var(--brand-text, oklch(0.10 0 0));
  --warning-ink: oklch(0.13 0 0);
  --border-subtle: oklch(0.48 0 0);
  --border-default: oklch(0.52 0 0);
  --border-strong: oklch(0.62 0 0);
  --ring-focus: oklch(0.85 0.10 90);
  --focus-ring-color: oklch(0.85 0.10 90);
  --focus-ring-width: 3px;
  --shadow-sm: 0 1px 2px 0 oklch(0 0 0 / 0.55);
  --paper-sheet-shadow: none;
  --shadow-md: 0 4px 12px -2px oklch(0 0 0 / 0.65);
  --shadow-lg: 0 12px 32px -4px oklch(0 0 0 / 0.75);
  --shadow-modal: 0 16px 64px oklch(0 0 0 / 0.80);
  --shadow-popover: 0 8px 24px oklch(0 0 0 / 0.70);
  --shadow-chip-hover: 0 2px 8px oklch(0 0 0 / 0.55);
  --success-soft: oklch(0.18 0.04 150);
  --success-strong: oklch(0.82 0.14 150);
  --warning-soft: oklch(0.18 0.04 65);
  --warning-strong: oklch(0.85 0.12 75);
  --error-soft: oklch(0.18 0.04 28);
  --error-strong: oklch(0.78 0.125 28);
  --info-soft: oklch(0.18 0.03 245);
  --info-strong: oklch(0.82 0.10 245);
  --accent-emerald-bg: oklch(0.18 0.04 150);
  --accent-emerald-text: oklch(0.82 0.14 150);
  --accent-rose-bg: oklch(0.18 0.04 28);
  --accent-rose-text: oklch(0.78 0.125 28);
  --accent-amber-bg: oklch(0.18 0.04 65);
  --accent-amber-text: oklch(0.85 0.12 75);
  --accent-sky-bg: oklch(0.18 0.03 245);
  --accent-sky-text: oklch(0.82 0.10 245);
  --accent-violet-bg: oklch(0.20 0.04 290);
  --accent-violet-text: oklch(0.84 0.10 290);
  --ai-gradient-from: oklch(0.58 0.20 290);
  --ai-gradient-to: oklch(0.586 0.17 15);
  --ai-gradient-text: oklch(1 0 0);
  --glass-bg: oklch(0.16 0 0 / 0.92);
  --glass-border: oklch(1 0 0 / 0.45);
  --glass-blur: blur(4px) saturate(150%) brightness(95%);
  --action-affirmative-bg: oklch(0.80 0.14 150);
  --action-affirmative-bg-hover: oklch(0.85 0.15 150);
  --action-affirmative-bg-pressed: oklch(0.74 0.13 150);
  --action-affirmative-text: oklch(0.13 0 0);
  --chart-series-1: oklch(0.80 0.10 250);
  --chart-series-2: oklch(0.84 0.14 150);
  --chart-series-3: oklch(0.85 0.12 75);
  --chart-series-4: oklch(0.78 0.14 305);
  --chart-series-5: oklch(0.78 0.125 28);
  --chart-series-6: oklch(0.90 0 0);
  --chart-ai: oklch(0.80 0.14 295);
  --ink: oklch(0.95 0.020 250);
  --ink-hover: oklch(1.00 0 0);
  --ink-soft: oklch(0.26 0.040 250);
  --on-ink: oklch(0.10 0 0);
  --paper-fill-ink: oklch(0.130 0 0);
  --paper-fill-anchor: oklch(1 0 0);
  --paper-fill-neutral: oklch(1 0 0);
  --paper-fill-neutral-ink: oklch(0.100 0 0);
  --paper-fill-brand: var(--brand-action, var(--brand-color, oklch(0.694 0.130 250)));
  --paper-fill-brand-ink: var(--brand-action-ink, var(--brand-text, var(--paper-fill-ink)));
  --paper-fill-danger: oklch(0.733 0.190 27);
  --paper-fill-success: oklch(0.681 0.130 152);
  --paper-fill-warning: oklch(0.704 0.130 60);
  --paper-fill-ai: oklch(0.716 0.180 290);
  --paper-soft-ai-bg: oklch(0.180 0.040 290);
  --paper-soft-ai-ink: oklch(0.860 0.100 290);
  --paper-fill-bevel: inset 0 -1px 0 color-mix(in srgb, oklch(0 0 0) 12%, transparent);
  --paper-fill-neutral-bevel: inset 0 -1px 0 color-mix(in srgb, oklch(0 0 0) 12%, transparent);
  --paper-button-shadow: 0 0 0 transparent;
  --paper-field-bg: oklch(0.181 0 0);
}
[data-paper-theme=warm],
[data-paper-theme=warm] .paper-root,
.paper-root[data-paper-theme=warm],
[data-paper-theme=pure],
[data-paper-theme=pure] .paper-root,
.paper-root[data-paper-theme=pure],
[data-paper-theme=midnight],
[data-paper-theme=midnight] .paper-root,
.paper-root[data-paper-theme=midnight],
[data-paper-theme=black],
[data-paper-theme=black] .paper-root,
.paper-root[data-paper-theme=black],
[data-paper-theme=workplace-paper],
[data-paper-theme=workplace-paper] .paper-root,
.paper-root[data-paper-theme=workplace-paper],
[data-paper-theme=workplace-slate],
[data-paper-theme=workplace-slate] .paper-root,
.paper-root[data-paper-theme=workplace-slate],
[data-paper-theme=graphite],
[data-paper-theme=graphite] .paper-root,
.paper-root[data-paper-theme=graphite],
[data-paper-theme=high-contrast-light],
[data-paper-theme=high-contrast-light] .paper-root,
.paper-root[data-paper-theme=high-contrast-light],
[data-paper-theme=high-contrast-dark],
[data-paper-theme=high-contrast-dark] .paper-root,
.paper-root[data-paper-theme=high-contrast-dark] {
  --bg: var(--surface-base);
  --surface-1: var(--surface-raised);
  --surface-2: var(--surface-raised);
  --surface-3: var(--surface-sunken);
  --card-bg-solid: var(--surface-raised);
  --card-bg: var(--surface-raised);
  --btn-bg: var(--surface-raised);
  --inverse-surface: var(--text-primary);
  --card-blur: none;
  --panel-blur: var(--glass-blur);
  --text: var(--text-primary);
  --text-footer: var(--text-disabled);
  --text-dim: var(--text-secondary);
  --text-muted: var(--text-tertiary);
  --border-low: var(--border-subtle);
  --border-med: var(--border-default);
  --border-high: var(--border-strong);
  --border: var(--border-subtle);
  --divider: var(--border-subtle);
  --shadow: var(--shadow-md);
  --panel-shadow: var(--shadow-md);
  --panel-overlay-shadow: var(--shadow-lg);
  --panel-docked-shadow: var(--shadow-md);
  --sidebar-overlay-shadow: var(--shadow-lg);
  --sidebar-docked-shadow: var(--shadow-md);
  --brand-primary: var(--brand-color, var(--text-link));
  --brand-primary-hover: var(--brand-color-hover, var(--brand-primary));
  --brand-primary-pressed: var(--brand-color-pressed, var(--brand-primary));
  --brand-focus-ring: var(--focus-ring-color);
  --color-primary: var(--brand-color, var(--text-link));
  --color-primary-bg: var(--brand-color-bg, color-mix(in srgb, var(--brand-primary) 12%, transparent));
  --color-primary-text: var(--brand-color, var(--brand-primary));
  --accent: var(--color-primary);
  --accent-subtle: color-mix(in srgb, var(--text-primary) 5%, transparent);
  --accent-border: color-mix(in srgb, var(--text-primary) 12%, transparent);
  --accent-glow: color-mix(in srgb, var(--brand-primary) 30%, transparent);
  --accent-dim: var(--color-primary-bg);
  --text-on-accent: var(--brand-text, var(--brand-on-primary));
  --success: var(--success-strong);
  --warning: var(--warning-strong);
  --danger: var(--error-strong);
  --glass-tint: color-mix(in srgb, var(--text-primary) 6%, transparent);
  --glass-tint-hover: color-mix(in srgb, var(--text-primary) 10%, transparent);
  --hover-overlay: color-mix(in srgb, var(--text-primary) 4%, transparent);
  --focus-overlay: color-mix(in srgb, var(--text-primary) 6%, transparent);
  --pressed-overlay: color-mix(in srgb, var(--text-primary) 8%, transparent);
  --widget-bg: var(--glass-bg);
  --widget-blur: var(--glass-blur);
  --widget-border: var(--border-subtle);
  --widget-shadow: var(--shadow-md);
  --widget-radius: var(--radius);
  --widget-card-bg: color-mix(in srgb, var(--surface-raised) 92%, transparent);
  --widget-card-border: var(--border-subtle);
  --widget-card-radius: var(--radius);
  --widget-card-hover-border: var(--border-default);
  --widget-card-shadow: var(--shadow-sm);
  --widget-card-hover-shadow: var(--shadow-md);
  --chip-bg: color-mix(in srgb, var(--text-primary) 8%, transparent);
  --chip-active-bg: color-mix(in srgb, var(--text-primary) 14%, transparent);
  --chip-text: var(--text-secondary);
  --chip-active-text: var(--text-primary);
  --input-bg: var(--surface-sunken);
  --scrollbar: color-mix(in srgb, var(--text-primary) 10%, transparent);
  --scrollbar-thumb: color-mix(in srgb, var(--text-primary) 12%, transparent);
  --scrollbar-thumb-hover: color-mix(in srgb, var(--text-primary) 20%, transparent);
  --scrollbar-thumb-active: color-mix(in srgb, var(--text-primary) 30%, transparent);
  --toggle-bg: color-mix(in srgb, var(--text-primary) 10%, transparent);
  --toggle-border: color-mix(in srgb, var(--text-primary) 8%, transparent);
  --toggle-knob: var(--text-tertiary);
  --toggle-active-bg: var(--action-affirmative-bg);
  --toggle-active-knob: var(--action-affirmative-text);
  --meeting-yours: var(--brand-primary);
  --meeting-yours-bg: color-mix(in srgb, var(--brand-primary) 14%, var(--surface-raised));
  --meeting-yours-border: color-mix(in srgb, var(--brand-primary) 35%, transparent);
  --meeting-yours-text: var(--text-primary);
  --meeting-busy: oklch(0.58 0.04 250);
  --meeting-busy-bg: color-mix(in srgb, var(--meeting-busy) 12%, var(--surface-raised));
  --meeting-busy-border: color-mix(in srgb, var(--meeting-busy) 30%, transparent);
  --meeting-busy-text: var(--text-primary);
  --meeting-tentative: oklch(0.66 0.21 305);
  --meeting-tentative-bg: color-mix(in srgb, var(--meeting-tentative) 12%, var(--surface-raised));
  --meeting-tentative-border: color-mix(in srgb, var(--meeting-tentative) 30%, transparent);
  --meeting-tentative-text: var(--text-primary);
  --meeting-external: oklch(0.78 0.16 65);
  --meeting-external-bg: color-mix(in srgb, var(--meeting-external) 14%, var(--surface-raised));
  --meeting-external-border: color-mix(in srgb, var(--meeting-external) 35%, transparent);
  --meeting-external-text: var(--text-primary);
  --meeting-oof: oklch(0.65 0.22 0);
  --meeting-oof-bg: color-mix(in srgb, var(--meeting-oof) 14%, var(--surface-raised));
  --meeting-oof-border: color-mix(in srgb, var(--meeting-oof) 35%, transparent);
  --meeting-oof-text: var(--text-primary);
  --meeting-private-bg: var(--surface-raised);
  --meeting-private-border: var(--border-subtle);
  --meeting-private-text: var(--text-tertiary);
  --meeting-recurring-stripe:
    repeating-linear-gradient(
      
      135deg,
      transparent,
      transparent 3px,
      color-mix(in srgb, var(--text-primary) 4%, transparent) 3px,
      color-mix(in srgb, var(--text-primary) 4%, transparent) 6px );
  --sched-now: var(--error-strong);
  --sched-mine: var(--meeting-yours);
  --sched-mine-bg: var(--meeting-yours-bg);
  --sched-mine-border: var(--meeting-yours-border);
  --sched-mine-text: var(--meeting-yours-text);
  --sched-desk: var(--success-strong);
  --sched-desk-bg: color-mix(in srgb, var(--success-strong) 10%, var(--surface-raised));
  --sched-parking: var(--warning-strong);
  --sched-parking-bg: color-mix(in srgb, var(--warning-strong) 10%, var(--surface-raised));
  --sched-locker: oklch(0.72 0.13 200);
  --sched-locker-bg: color-mix(in srgb, var(--sched-locker) 10%, var(--surface-raised));
  --sched-visitor: oklch(0.66 0.21 290);
  --sched-visitor-bg: color-mix(in srgb, var(--sched-visitor) 10%, var(--surface-raised));
  --sched-focus: var(--warning-strong);
  --sched-focus-bg: color-mix(in srgb, var(--warning-strong) 10%, var(--surface-raised));
  --sched-room: var(--accent);
  --sched-room-bg: var(--color-primary-bg);
  --task-p1: var(--error-strong);
  --task-p1-bg: color-mix(in srgb, var(--error-strong) 8%, var(--surface-raised));
  --task-p1-border: color-mix(in srgb, var(--error-strong) 30%, transparent);
  --task-p2: var(--warning-strong);
  --task-p2-bg: color-mix(in srgb, var(--warning-strong) 8%, var(--surface-raised));
  --task-p2-border: color-mix(in srgb, var(--warning-strong) 30%, transparent);
  --task-p3: var(--brand-primary);
  --task-p3-bg: color-mix(in srgb, var(--brand-primary) 10%, var(--surface-raised));
  --task-p3-border: color-mix(in srgb, var(--brand-primary) 30%, transparent);
  --task-p4: var(--text-tertiary);
  --task-p4-bg: color-mix(in srgb, var(--text-tertiary) 6%, var(--surface-raised));
  --task-p4-border: color-mix(in srgb, var(--text-tertiary) 20%, transparent);
  --highlight-critical-bg: color-mix(in srgb, var(--error-strong) 8%, var(--surface-raised));
  --highlight-critical-border: color-mix(in srgb, var(--error-strong) 25%, transparent);
  --highlight-critical-text: var(--error-strong);
  --highlight-warning-bg: color-mix(in srgb, var(--warning-strong) 8%, var(--surface-raised));
  --highlight-warning-border: color-mix(in srgb, var(--warning-strong) 25%, transparent);
  --highlight-warning-text: var(--warning-strong);
  --highlight-info-bg: color-mix(in srgb, var(--brand-primary) 6%, var(--surface-raised));
  --highlight-info-border: color-mix(in srgb, var(--brand-primary) 20%, transparent);
  --highlight-info-text: var(--brand-primary);
  --highlight-suggestion-bg: color-mix(in srgb, var(--brand-primary) 4%, var(--surface-raised));
  --highlight-suggestion-border: color-mix(in srgb, var(--brand-primary) 15%, transparent);
  --highlight-suggestion-text: var(--brand-primary);
  --panel: var(--card-bg);
  --card: var(--card-bg);
  --card-hover: var(--surface-hover);
}
[data-paper-theme=current-dark],
[data-paper-theme=current-dark] .paper-root,
.paper-root[data-paper-theme=current-dark] {
  --bg: #000000;
  --surface-1: #141416;
  --surface-2: #1A1A1D;
  --surface-3: #232327;
  --card-bg: rgba(14, 14, 14, 0.82);
  --card-bg-solid: #0e0e0e;
  --btn-bg: #141414;
  --inverse-surface: #e5e5e5;
  --card-blur: blur(20px);
  --text: #ffffff;
  --text-secondary: #b8b8b8;
  --text-tertiary: #8f8f8f;
  --text-footer: #4f4f4f;
  --border-low: #1a1a1a;
  --border-med: #2c2c2c;
  --border-high: #404040;
  --divider: rgba(255,255,255,0.06);
  --hover-overlay: rgba(255,255,255,0.04);
  --focus-overlay: rgba(255,255,255,0.06);
  --pressed-overlay: rgba(255,255,255,0.08);
  --glass-tint: rgba(255, 255, 255, 0.06);
  --glass-tint-hover: rgba(255, 255, 255, 0.10);
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-border-hover: rgba(255, 255, 255, 0.14);
  --shadow: none;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  --paper-sheet-shadow: none;
  --shadow-lg: none;
  --shadow-modal: 0 16px 64px rgba(0, 0, 0, 0.4);
  --shadow-popover: 0 8px 24px rgba(0, 0, 0, 0.12);
  --shadow-chip-hover: 0 2px 8px rgba(0, 0, 0, 0.15);
  --panel-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.15);
  --panel-overlay-shadow: -8px 0 24px rgba(0, 0, 0, 0.3), -2px 0 6px rgba(0, 0, 0, 0.2);
  --panel-docked-shadow: 4px 0 16px rgba(0, 0, 0, 0.2), 2px 0 4px rgba(0, 0, 0, 0.1);
  --sidebar-overlay-shadow: 8px 0 24px rgba(0, 0, 0, 0.3), 2px 0 6px rgba(0, 0, 0, 0.2);
  --sidebar-docked-shadow: -4px 0 16px rgba(0, 0, 0, 0.2), -2px 0 4px rgba(0, 0, 0, 0.1);
  --panel-blur: var(--card-blur);
  --brand-primary: #ffffff;
  --brand-secondary: #9fabb5;
  --color-primary: var(--brand-color, #6366f1);
  --color-primary-bg: var(--brand-color-bg, rgba(99, 102, 241, 0.1));
  --color-primary-text: var(--brand-color, #818cf8);
  --color-favourite: #e84393;
  --accent-subtle: rgba(255,255,255,0.06);
  --accent-border: rgba(255,255,255,0.12);
  --ai-gradient-from: oklch(0.58 0.20 290);
  --ai-gradient-to: oklch(0.589 0.18 15);
  --ai-gradient-text: oklch(1 0 0);
  --success: #10b981;
  --success-bg: #1a2e20;
  --success-text: #8fffb4;
  --warning: #f59e0b;
  --warning-bg: #261c08;
  --warning-text: #d9903a;
  --danger: #ef4444;
  --error-bg: #2e1a1a;
  --error-text: #ff8f91;
  --info-bg: #1d1f21;
  --info-text: #9fabb5;
  --widget-bg: var(--card-bg);
  --widget-blur: var(--card-blur);
  --widget-border: var(--border-low);
  --widget-shadow: var(--panel-shadow);
  --widget-radius: var(--radius);
  --widget-card-bg: rgba(255, 255, 255, 0.06);
  --widget-card-border: rgba(255, 255, 255, 0.08);
  --widget-card-hover-border: rgba(255, 255, 255, 0.14);
  --widget-card-shadow: none;
  --widget-card-hover-shadow: none;
  --chip-bg: rgba(255, 255, 255, 0.1);
  --chip-active-bg: rgba(255, 255, 255, 0.2);
  --chip-text: rgba(255, 255, 255, 0.8);
  --chip-active-text: #ffffff;
  --input-bg: var(--surface-sunken);
  --scrollbar: rgba(255,255,255,0.08);
  --scrollbar-thumb: rgba(255, 255, 255, 0.1);
  --scrollbar-thumb-hover: rgba(255, 255, 255, 0.2);
  --scrollbar-thumb-active: rgba(255, 255, 255, 0.3);
  --toggle-bg: rgba(255,255,255,0.08);
  --toggle-border: rgba(255,255,255,0.06);
  --toggle-knob: #8f8f8f;
  --toggle-active-bg: rgba(255,255,255,0.2);
  --toggle-active-knob: #ffffff;
  --panel: rgba(14, 14, 14, 0.82);
  --card: rgba(14, 14, 14, 0.82);
  --card-hover: #181818;
  --border: #1a1a1a;
  --text-dim: #b8b8b8;
  --text-muted: #8f8f8f;
  --accent: var(--color-primary);
  --text-on-accent: var(--brand-text, #ffffff);
  --accent-glow: rgba(99, 102, 241, 0.3);
  --accent-dim: var(--color-primary-bg);
  --flow-accent: #10b981;
  --flow-accent-bg: color-mix(in srgb, #10b981 12%, transparent);
  --flow-accent-soft: color-mix(in srgb, #10b981 8%, transparent);
  --flow-accent-tint:
    linear-gradient(
      
      180deg,
      var(--surface-1) 80%,
      color-mix(in srgb, #10b981 35%, transparent) 255% );
  --meeting-yours: var(--brand-color, #6366f1);
  --meeting-yours-bg: var(--brand-color-bg, #14142e);
  --meeting-yours-border: var(--brand-color-border, rgba(99, 102, 241, 0.35));
  --meeting-yours-text: #c7d2fe;
  --meeting-busy: #64748b;
  --meeting-busy-bg: #141820;
  --meeting-busy-border: rgba(100, 116, 139, 0.3);
  --meeting-busy-text: #cbd5e1;
  --meeting-tentative: #a855f7;
  --meeting-tentative-bg: #1a0e28;
  --meeting-tentative-border: rgba(168, 85, 247, 0.25);
  --meeting-tentative-text: #d8b4fe;
  --meeting-external: #f59e0b;
  --meeting-external-bg: #1e1808;
  --meeting-external-border: rgba(245, 158, 11, 0.25);
  --meeting-external-text: #fde68a;
  --meeting-oof: #ec4899;
  --meeting-oof-bg: #1e0c18;
  --meeting-oof-border: rgba(236, 72, 153, 0.25);
  --meeting-oof-text: #f9a8d4;
  --meeting-private-bg: #141414;
  --meeting-private-border: rgba(255, 255, 255, 0.12);
  --meeting-private-text: var(--text-tertiary);
  --meeting-recurring-stripe:
    repeating-linear-gradient(
      135deg,
      transparent,
      transparent 3px,
      rgba(255, 255, 255, 0.04) 3px,
      rgba(255, 255, 255, 0.04) 6px);
  --sched-now: var(--danger, #ef4444);
  --sched-mine: var(--meeting-yours);
  --sched-mine-bg: var(--meeting-yours-bg);
  --sched-mine-border: var(--meeting-yours-border);
  --sched-mine-text: var(--meeting-yours-text);
  --task-p1: var(--danger, #ff4f4f);
  --task-p1-bg: rgba(255, 79, 79, 0.08);
  --task-p1-border: rgba(255, 79, 79, 0.3);
  --task-p2: var(--warning, #d9903a);
  --task-p2-bg: rgba(217, 144, 58, 0.08);
  --task-p2-border: rgba(217, 144, 58, 0.3);
  --task-p3: var(--color-primary, #6366f1);
  --task-p3-bg: var(--color-primary-bg, rgba(99, 102, 241, 0.1));
  --task-p3-border: rgba(99, 102, 241, 0.3);
  --task-p4: var(--text-footer, #4f4f4f);
  --task-p4-bg: rgba(79, 79, 79, 0.06);
  --task-p4-border: rgba(79, 79, 79, 0.2);
  --highlight-critical-bg: rgba(255, 79, 79, 0.08);
  --highlight-critical-border: rgba(255, 79, 79, 0.25);
  --highlight-critical-text: #fca5a5;
  --highlight-warning-bg: rgba(217, 144, 58, 0.08);
  --highlight-warning-border: rgba(217, 144, 58, 0.25);
  --highlight-warning-text: #fcd34d;
  --highlight-info-bg: rgba(99, 102, 241, 0.06);
  --highlight-info-border: rgba(99, 102, 241, 0.2);
  --highlight-info-text: #a5b4fc;
  --highlight-suggestion-bg: rgba(99, 102, 241, 0.04);
  --highlight-suggestion-border: rgba(99, 102, 241, 0.15);
  --highlight-suggestion-text: #818cf8;
  --sched-desk: #23c023;
  --sched-desk-bg: rgba(35, 192, 35, 0.1);
  --sched-parking: #d9903a;
  --sched-parking-bg: rgba(217, 144, 58, 0.1);
  --sched-locker: #06b6d4;
  --sched-locker-bg: rgba(6, 182, 212, 0.1);
  --sched-visitor: #8b5cf6;
  --sched-visitor-bg: rgba(139, 92, 246, 0.1);
  --sched-focus: #d9903a;
  --sched-focus-bg: rgba(217, 144, 58, 0.1);
  --sched-room: var(--accent);
  --sched-room-bg: var(--color-primary-bg);
  --chart-series-1: oklch(0.74 0.13 245);
  --chart-series-2: oklch(0.76 0.13 165);
  --chart-series-3: oklch(0.78 0.13 70);
  --chart-series-4: oklch(0.74 0.15 310);
  --chart-series-5: oklch(0.74 0.14 15);
  --chart-series-6: oklch(0.72 0.03 250);
  --chart-ai: oklch(0.74 0.15 295);
  --surface-base: var(--bg);
  --surface-raised: var(--surface-1);
  --surface-overlay: var(--surface-2);
  --surface-sunken: var(--bg);
  --surface-hover: var(--surface-2);
  --surface-pressed: var(--surface-3);
  --surface-disabled:var(--surface-1);
  --text-primary: var(--text);
  --text-disabled: var(--text-footer);
  --border-subtle: var(--border-low);
  --border-default: var(--border-med);
  --border-strong: oklch(0.570 0.008 280);
  --ink: #C7D2E0;
  --ink-hover: #DDE5EF;
  --ink-soft: #202C3C;
  --on-ink: #141416;
  --brand-primary: var(--brand-color, var(--color-primary));
  --brand-on-primary: var(--brand-text, var(--text-on-accent));
  --brand-focus-ring: var(--focus-ring-color);
  --shadow-md: var(--panel-shadow, var(--shadow));
  --glass-bg: var(--card-bg);
  --glass-blur: var(--card-blur);
  --error-strong: var(--danger);
  --success-strong: var(--success);
  --warning-strong: var(--warning);
  --info-strong: oklch(0.62 0.19 255);
  --info-soft: color-mix(in srgb, var(--info-strong) 12%, transparent);
  --accent-violet-text: oklch(0.78 0.16 290);
  --accent-violet-bg: color-mix(in srgb, var(--accent-violet-text) 12%, transparent);
  --text-link: var(--color-primary);
  --ring-focus: oklch(0.745 0.055 245);
  --paper-fill-ink: oklch(1 0 0);
  --paper-fill-anchor: oklch(0.13 0 0);
  --paper-fill-neutral: oklch(0.945 0.006 80);
  --paper-fill-neutral-ink: oklch(0.155 0.005 280);
  --paper-fill-brand: var(--brand-action, var(--brand-color, oklch(0.533 0.130 250)));
  --paper-fill-brand-ink: var(--brand-action-ink, var(--brand-text, var(--paper-fill-ink)));
  --paper-fill-danger: oklch(0.556 0.190 27);
  --paper-fill-success: oklch(0.519 0.130 152);
  --paper-fill-warning: oklch(0.543 0.130 60);
  --paper-fill-ai: oklch(0.551 0.180 290);
  --paper-soft-ai-bg: oklch(0.285 0.075 290);
  --paper-soft-ai-ink: oklch(0.800 0.115 290);
  --paper-fill-neutral-bevel: inset 0 -1px 0 color-mix(in srgb, oklch(0 0 0) 10%, transparent);
  --paper-button-shadow: 0 0 0 transparent;
  --paper-field-bg: oklch(0.176 0.008 280);
  --warning-ink: oklch(0.22 0.02 70);
}
[data-paper-theme=current-light],
[data-paper-theme=current-light] .paper-root,
.paper-root[data-paper-theme=current-light] {
  --bg: #F4F2EE;
  --surface-1: #FFFFFF;
  --surface-2: #FFFFFF;
  --surface-3: #ECE9E2;
  --card-bg: rgba(255, 255, 255, 0.88);
  --card-bg-solid: #FFFFFF;
  --btn-bg: #FFFFFF;
  --card-blur: blur(28px) saturate(180%);
  --inverse-surface: #1a1a1a;
  --text: #000000;
  --text-secondary: #595959;
  --text-tertiary: #595959;
  --text-footer: #4d4d4d;
  --border-low: #E5E5E5;
  --border-med: #D0D0D0;
  --border-high: #B0B0B0;
  --divider: rgba(0,0,0,0.06);
  --hover-overlay: rgba(0,0,0,0.04);
  --focus-overlay: rgba(0,0,0,0.06);
  --pressed-overlay: rgba(0,0,0,0.08);
  --glass-tint: rgba(0, 0, 0, 0.04);
  --glass-tint-hover: rgba(0, 0, 0, 0.07);
  --glass-border: rgba(0, 0, 0, 0.08);
  --glass-border-hover: rgba(0, 0, 0, 0.12);
  --shadow: 0px 2px 16px rgba(120, 100, 70, 0.12);
  --shadow-sm: 0 1px 2px 0 rgba(120, 100, 70, 0.10);
  --shadow-lg: 0px 4px 24px rgba(120, 100, 70, 0.14);
  --shadow-modal: 0 16px 64px rgba(120, 100, 70, 0.18);
  --shadow-popover: 0 8px 24px rgba(120, 100, 70, 0.10);
  --shadow-chip-hover: 0 2px 8px rgba(120, 100, 70, 0.08);
  --panel-shadow: 0 2px 4px rgba(120, 100, 70, 0.06), 0 8px 24px rgba(120, 100, 70, 0.08);
  --panel-overlay-shadow: -8px 0 24px rgba(120, 100, 70, 0.10), -2px 0 6px rgba(120, 100, 70, 0.05);
  --panel-docked-shadow: 4px 0 16px rgba(120, 100, 70, 0.08), 2px 0 4px rgba(120, 100, 70, 0.04);
  --sidebar-overlay-shadow: 8px 0 24px rgba(120, 100, 70, 0.10), 2px 0 6px rgba(120, 100, 70, 0.05);
  --sidebar-docked-shadow: -4px 0 16px rgba(120, 100, 70, 0.08), -2px 0 4px rgba(120, 100, 70, 0.04);
  --panel-blur: var(--card-blur);
  --brand-primary: #000000;
  --brand-secondary: #6b7580;
  --color-primary: var(--brand-color, #4f46e5);
  --color-primary-bg: var(--brand-color-bg, rgba(79, 70, 229, 0.08));
  --color-primary-text: var(--brand-color, #4338ca);
  --color-favourite: #db2777;
  --accent-subtle: rgba(0,0,0,0.04);
  --accent-border: rgba(0,0,0,0.12);
  --ai-gradient-from: oklch(0.55 0.20 290);
  --ai-gradient-to: oklch(0.58 0.18 15);
  --ai-gradient-text: oklch(1 0 0);
  --success: #10b981;
  --success-bg: #e8f5e9;
  --success-text: #2e7d32;
  --warning: #f59e0b;
  --warning-bg: #fef3c7;
  --warning-text: #92400e;
  --danger: #ef4444;
  --error-bg: #fce4ec;
  --error-text: #c62828;
  --info-bg: #eceff1;
  --info-text: #546e7a;
  --widget-bg: var(--card-bg);
  --widget-blur: var(--card-blur);
  --widget-border: var(--border-low);
  --widget-shadow: var(--panel-shadow);
  --widget-radius: var(--radius);
  --widget-card-bg: rgba(255, 255, 255, 0.92);
  --widget-card-border: var(--border-low);
  --widget-card-radius: var(--radius);
  --widget-card-hover-border: var(--border-med);
  --widget-card-shadow:
    0 1px 3px rgba(120, 100, 70, 0.08),
    0 4px 16px rgba(120, 100, 70, 0.06),
    inset 0 0.5px 0 rgba(255, 255, 255, 0.9);
  --widget-card-hover-shadow:
    0 2px 8px rgba(120, 100, 70, 0.10),
    0 8px 24px rgba(120, 100, 70, 0.10),
    inset 0 0.5px 0 rgba(255, 255, 255, 0.95);
  --chip-bg: rgba(0, 0, 0, 0.06);
  --chip-active-bg: rgba(0, 0, 0, 0.1);
  --chip-text: rgba(0, 0, 0, 0.6);
  --chip-active-text: #000000;
  --input-bg: var(--surface-sunken);
  --scrollbar: rgba(0,0,0,0.1);
  --scrollbar-thumb: rgba(0, 0, 0, 0.12);
  --scrollbar-thumb-hover: rgba(0, 0, 0, 0.25);
  --scrollbar-thumb-active: rgba(0, 0, 0, 0.35);
  --toggle-bg: rgba(0,0,0,0.1);
  --toggle-border: rgba(0,0,0,0.08);
  --toggle-knob: #b0b0b0;
  --toggle-active-bg: #000000;
  --toggle-active-knob: #ffffff;
  --panel: rgba(255, 255, 255, 0.55);
  --card: rgba(255, 255, 255, 0.55);
  --card-hover: #F0EDE8;
  --border: #E3DFD8;
  --text-dim: #595959;
  --text-muted: #595959;
  --accent: var(--color-primary);
  --text-on-accent: var(--brand-text, #ffffff);
  --accent-glow: rgba(99, 102, 241, 0.25);
  --accent-dim: var(--color-primary-bg);
  --flow-accent: #10b981;
  --flow-accent-bg: color-mix(in srgb, #10b981 12%, transparent);
  --flow-accent-soft: color-mix(in srgb, #10b981 8%, transparent);
  --flow-accent-tint:
    linear-gradient(
      
      180deg,
      var(--surface-1) 80%,
      color-mix(in srgb, #10b981 35%, transparent) 255% );
  --task-p1: #dc2626;
  --task-p1-bg: rgba(220, 38, 38, 0.06);
  --task-p1-border: rgba(220, 38, 38, 0.2);
  --task-p2: #b87333;
  --task-p2-bg: rgba(184, 115, 51, 0.06);
  --task-p2-border: rgba(184, 115, 51, 0.2);
  --task-p3: var(--color-primary);
  --task-p3-bg: var(--color-primary-bg);
  --task-p3-border: rgba(99, 102, 241, 0.2);
  --task-p4: #6b7280;
  --task-p4-bg: rgba(107, 114, 128, 0.06);
  --task-p4-border: rgba(107, 114, 128, 0.15);
  --highlight-critical-bg: rgba(220, 38, 38, 0.06);
  --highlight-critical-border: rgba(220, 38, 38, 0.2);
  --highlight-critical-text: #991b1b;
  --highlight-warning-bg: rgba(184, 115, 51, 0.06);
  --highlight-warning-border: rgba(184, 115, 51, 0.2);
  --highlight-warning-text: #92400e;
  --highlight-info-bg: rgba(99, 102, 241, 0.06);
  --highlight-info-border: rgba(99, 102, 241, 0.15);
  --highlight-info-text: #4338ca;
  --highlight-suggestion-bg: rgba(99, 102, 241, 0.04);
  --highlight-suggestion-border: rgba(99, 102, 241, 0.1);
  --highlight-suggestion-text: #4f46e5;
  --meeting-yours: var(--brand-color, #4f46e5);
  --meeting-yours-bg: var(--brand-color-bg, #dfe3fb);
  --meeting-yours-border: var(--brand-color-border, rgba(99, 102, 241, 0.35));
  --meeting-yours-text: #4338ca;
  --meeting-busy: #475569;
  --meeting-busy-bg: #e2e5ea;
  --meeting-busy-border: rgba(71, 85, 105, 0.3);
  --meeting-busy-text: #334155;
  --meeting-tentative: #7c3aed;
  --meeting-tentative-bg: #e8e0fc;
  --meeting-tentative-border: rgba(124, 58, 237, 0.25);
  --meeting-tentative-text: #6d28d9;
  --meeting-external: #d97706;
  --meeting-external-bg: #fcecd0;
  --meeting-external-border: rgba(217, 119, 6, 0.25);
  --meeting-external-text: #92400e;
  --meeting-oof: #db2777;
  --meeting-oof-bg: #fadde9;
  --meeting-oof-border: rgba(219, 39, 119, 0.25);
  --meeting-oof-text: #9d174d;
  --meeting-private-bg: #e0ddd8;
  --meeting-private-border: rgba(0, 0, 0, 0.14);
  --meeting-private-text: var(--text-tertiary);
  --meeting-recurring-stripe:
    repeating-linear-gradient(
      135deg,
      transparent,
      transparent 3px,
      rgba(0, 0, 0, 0.03) 3px,
      rgba(0, 0, 0, 0.03) 6px);
  --sched-now: var(--danger, #dc2626);
  --sched-mine: var(--meeting-yours);
  --sched-mine-bg: var(--meeting-yours-bg);
  --sched-mine-border: var(--meeting-yours-border);
  --sched-mine-text: var(--meeting-yours-text);
  --sched-desk: #16a34a;
  --sched-desk-bg: rgba(22, 163, 74, 0.15);
  --sched-parking: #b87333;
  --sched-parking-bg: rgba(184, 115, 51, 0.15);
  --sched-locker: #0891b2;
  --sched-locker-bg: rgba(8, 145, 178, 0.15);
  --sched-visitor: #7c3aed;
  --sched-visitor-bg: rgba(124, 58, 237, 0.15);
  --sched-focus: #b87333;
  --sched-focus-bg: rgba(184, 115, 51, 0.15);
  --sched-room: var(--accent);
  --sched-room-bg: var(--color-primary-bg);
  --surface-base: var(--bg);
  --surface-raised: var(--surface-1);
  --surface-overlay: var(--surface-2);
  --surface-sunken: var(--bg);
  --surface-hover: var(--surface-2);
  --surface-pressed: var(--surface-3);
  --surface-disabled:var(--surface-1);
  --text-primary: var(--text);
  --text-disabled: var(--text-footer);
  --border-subtle: var(--border-low);
  --border-default: var(--border-med);
  --border-strong: oklch(0.570 0.008 280);
  --ink: #C7D2E0;
  --ink-hover: #DDE5EF;
  --ink-soft: #202C3C;
  --on-ink: #141416;
  --brand-primary: var(--brand-color, var(--color-primary));
  --brand-on-primary: var(--brand-text, var(--text-on-accent));
  --brand-focus-ring: var(--focus-ring-color);
  --shadow-md: var(--panel-shadow, var(--shadow));
  --glass-bg: var(--card-bg);
  --glass-blur: var(--card-blur);
  --error-strong: var(--danger);
  --success-strong: var(--success);
  --warning-strong: var(--warning);
  --info-strong: oklch(0.62 0.19 255);
  --info-soft: color-mix(in srgb, var(--info-strong) 12%, transparent);
  --accent-violet-text: oklch(0.78 0.16 290);
  --accent-violet-bg: color-mix(in srgb, var(--accent-violet-text) 12%, transparent);
  --text-link: var(--color-primary);
  --ring-focus: oklch(0.745 0.055 245);
  --paper-fill-ink: oklch(1 0 0);
  --paper-fill-anchor: oklch(0.13 0 0);
  --paper-fill-neutral: oklch(0.945 0.006 80);
  --paper-fill-neutral-ink: oklch(0.155 0.005 280);
  --paper-fill-brand: var(--brand-action, var(--brand-color, oklch(0.533 0.130 250)));
  --paper-fill-brand-ink: var(--brand-action-ink, var(--brand-text, var(--paper-fill-ink)));
  --paper-fill-danger: oklch(0.556 0.190 27);
  --paper-fill-success: oklch(0.519 0.130 152);
  --paper-fill-warning: oklch(0.543 0.130 60);
  --paper-fill-ai: oklch(0.551 0.180 290);
  --paper-soft-ai-bg: oklch(0.285 0.075 290);
  --paper-soft-ai-ink: oklch(0.800 0.115 290);
  --paper-fill-neutral-bevel: inset 0 -1px 0 color-mix(in srgb, oklch(0 0 0) 10%, transparent);
  --paper-button-shadow: 0 0 0 transparent;
  --paper-field-bg: oklch(0.176 0.008 280);
  --info-soft: oklch(0.93 0.04 235);
  --ring-focus: oklch(0.260 0.038 250);
  --accent-violet-text: oklch(0.40 0.12 290);
  --accent-violet-bg: oklch(0.92 0.04 290);
  --border-strong: oklch(0.580 0.010 80);
  --warning-strong: oklch(0.520 0.130 60);
  --ink: #1E2A3A;
  --ink-hover: #101826;
  --ink-soft: #E8ECF1;
  --on-ink: #FFFFFF;
  --paper-fill-neutral: oklch(0.205 0.004 75);
  --paper-fill-neutral-ink: oklch(0.985 0.003 75);
  --paper-fill-brand: var(--brand-action, var(--brand-color, oklch(0.516 0.130 250)));
  --paper-fill-brand-ink: var(--brand-action-ink, var(--brand-text, var(--paper-fill-ink)));
  --paper-fill-danger: oklch(0.539 0.190 27);
  --paper-fill-success: oklch(0.502 0.130 152);
  --paper-fill-warning: oklch(0.525 0.130 60);
  --paper-fill-ai: oklch(0.534 0.180 290);
  --paper-soft-ai-bg: oklch(0.945 0.030 290);
  --paper-soft-ai-ink: oklch(0.440 0.170 290);
  --paper-fill-neutral-bevel: inset 0 1px 0 color-mix(in srgb, oklch(1 0 0) 11%, transparent);
  --paper-button-shadow: var(--shadow-sm);
  --paper-field-bg: oklch(0.980 0.012 80);
}
[data-paper-font=inter],
[data-paper-font=inter] .paper-root,
.paper-root[data-paper-font=inter] {
  --font-sans:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif;
  --font-display: var(--font-sans);
}
[data-paper-font=editorial],
[data-paper-font=editorial] .paper-root,
.paper-root[data-paper-font=editorial] {
  --font-sans:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif;
  --font-display: var(--font-serif);
}
[data-paper-font=graphik],
[data-paper-font=graphik] .paper-root,
.paper-root[data-paper-font=graphik] {
  --font-sans:
    "Graphik",
    "Inter",
    system-ui,
    -apple-system,
    sans-serif;
  --font-display: var(--font-sans);
}
[data-paper-font=museo],
[data-paper-font=museo] .paper-root,
.paper-root[data-paper-font=museo] {
  --font-sans:
    "museo-sans",
    "Inter",
    system-ui,
    -apple-system,
    sans-serif;
  --font-display: var(--font-sans);
}
:root,
.paper-root {
  scrollbar-width: thin;
  scrollbar-color: var(--border-default) transparent;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: var(--border-default);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--border-strong);
}
::-webkit-scrollbar-corner {
  background: transparent;
}
@media (max-width: 640px) {
  .paper-hide-below-compact {
    display: none !important;
  }
}
@media (min-width: 640px) {
  .paper-hide-above-compact {
    display: none !important;
  }
}
.paper-show-below-compact {
  display: none !important;
}
@media (max-width: 640px) {
  .paper-show-below-compact {
    display: revert !important;
  }
}
.paper-show-above-compact {
  display: none !important;
}
@media (min-width: 640px) {
  .paper-show-above-compact {
    display: revert !important;
  }
}
@media (max-width: 640px) {
  .paper-stack-below-compact {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .paper-fill-below-compact {
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  .paper-hide-below-narrow {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .paper-hide-above-narrow {
    display: none !important;
  }
}
.paper-show-below-narrow {
  display: none !important;
}
@media (max-width: 768px) {
  .paper-show-below-narrow {
    display: revert !important;
  }
}
.paper-show-above-narrow {
  display: none !important;
}
@media (min-width: 768px) {
  .paper-show-above-narrow {
    display: revert !important;
  }
}
@media (max-width: 768px) {
  .paper-stack-below-narrow {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .paper-fill-below-narrow {
    width: 100% !important;
  }
}
@media (max-width: 1024px) {
  .paper-hide-below-medium {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .paper-hide-above-medium {
    display: none !important;
  }
}
.paper-show-below-medium {
  display: none !important;
}
@media (max-width: 1024px) {
  .paper-show-below-medium {
    display: revert !important;
  }
}
.paper-show-above-medium {
  display: none !important;
}
@media (min-width: 1024px) {
  .paper-show-above-medium {
    display: revert !important;
  }
}
@media (max-width: 1024px) {
  .paper-stack-below-medium {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .paper-fill-below-medium {
    width: 100% !important;
  }
}
@media (max-width: 1280px) {
  .paper-hide-below-wide {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .paper-hide-above-wide {
    display: none !important;
  }
}
.paper-show-below-wide {
  display: none !important;
}
@media (max-width: 1280px) {
  .paper-show-below-wide {
    display: revert !important;
  }
}
.paper-show-above-wide {
  display: none !important;
}
@media (min-width: 1280px) {
  .paper-show-above-wide {
    display: revert !important;
  }
}
@media (max-width: 1280px) {
  .paper-stack-below-wide {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .paper-fill-below-wide {
    width: 100% !important;
  }
}
.paper-eyebrow {
  font-family: var(--font-sans);
  font-size: var(--fs-tag);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--tracking-tag);
  line-height: var(--lh-tight);
  text-transform: uppercase;
  color: var(--text-tertiary);
}
@media (pointer: coarse) {
  .paper-button.paper-button.paper-button {
    position: relative;
  }
  .paper-button.paper-button.paper-button::after {
    content: "";
    position: absolute;
    top: 50%;
    height: max(100%, var(--paper-touch-target, 44px));
    left: 0;
    right: 0;
    transform: translateY(-50%);
  }
  .paper-button--icon.paper-button--icon.paper-button--icon::after {
    content: "";
    position: absolute;
    top: 50%;
    height: max(100%, var(--paper-touch-target, 44px));
    left: 50%;
    transform: translate(-50%, -50%);
    width: max(100%, var(--paper-touch-target, 44px));
  }
  .paper-checkbox.paper-checkbox.paper-checkbox {
    padding: calc(max(0px, var(--paper-touch-target, 44px) - 18px) / 2);
    margin: calc(max(0px, var(--paper-touch-target, 44px) - 18px) / -2);
  }
  .paper-radio.paper-radio.paper-radio {
    padding: calc(max(0px, var(--paper-touch-target, 44px) - 18px) / 2);
    margin: calc(max(0px, var(--paper-touch-target, 44px) - 18px) / -2);
  }
  .paper-toggle.paper-toggle.paper-toggle {
    padding-block: calc(max(0px, var(--paper-touch-target, 44px) - 22px) / 2);
    margin-block: calc(max(0px, var(--paper-touch-target, 44px) - 22px) / -2);
  }
  [role=menuitem][role=menuitem][role=menuitem] {
    min-height: var(--paper-touch-target, 44px);
  }
  [role=menuitemcheckbox][role=menuitemcheckbox][role=menuitemcheckbox] {
    min-height: var(--paper-touch-target, 44px);
  }
  [role=menuitemradio][role=menuitemradio][role=menuitemradio] {
    min-height: var(--paper-touch-target, 44px);
  }
  [role=option][role=option][role=option] {
    min-height: var(--paper-touch-target, 44px);
  }
  [role=tab][role=tab][role=tab] {
    min-height: var(--paper-touch-target, 44px);
    min-width: var(--paper-touch-target, 44px);
  }
  .paper-tag-input__chip-remove.paper-tag-input__chip-remove.paper-tag-input__chip-remove {
    position: relative;
  }
  .paper-tag-input__chip-remove.paper-tag-input__chip-remove.paper-tag-input__chip-remove::after {
    content: "";
    position: absolute;
    top: 50%;
    height: max(100%, var(--paper-touch-target, 44px));
    left: 50%;
    transform: translate(-50%, -50%);
    width: max(100%, var(--paper-touch-target, 44px));
  }
  .cmb__chip-remove.cmb__chip-remove.cmb__chip-remove {
    position: relative;
  }
  .cmb__chip-remove.cmb__chip-remove.cmb__chip-remove::after {
    content: "";
    position: absolute;
    top: 50%;
    height: max(100%, var(--paper-touch-target, 44px));
    left: 50%;
    transform: translate(-50%, -50%);
    width: max(100%, var(--paper-touch-target, 44px));
  }
  .fb__chip-remove.fb__chip-remove.fb__chip-remove {
    position: relative;
  }
  .fb__chip-remove.fb__chip-remove.fb__chip-remove::after {
    content: "";
    position: absolute;
    top: 50%;
    height: max(100%, var(--paper-touch-target, 44px));
    left: 50%;
    transform: translate(-50%, -50%);
    width: max(100%, var(--paper-touch-target, 44px));
  }
  .fcb__remove.fcb__remove.fcb__remove {
    position: relative;
  }
  .fcb__remove.fcb__remove.fcb__remove::after {
    content: "";
    position: absolute;
    top: 50%;
    height: max(100%, var(--paper-touch-target, 44px));
    left: 50%;
    transform: translate(-50%, -50%);
    width: max(100%, var(--paper-touch-target, 44px));
  }
  .paper-banner__dismiss.paper-banner__dismiss.paper-banner__dismiss {
    position: relative;
  }
  .paper-banner__dismiss.paper-banner__dismiss.paper-banner__dismiss::after {
    content: "";
    position: absolute;
    top: 50%;
    height: max(100%, var(--paper-touch-target, 44px));
    left: 50%;
    transform: translate(-50%, -50%);
    width: max(100%, var(--paper-touch-target, 44px));
  }
  .paper-inline-message__dismiss.paper-inline-message__dismiss.paper-inline-message__dismiss {
    position: relative;
  }
  .paper-inline-message__dismiss.paper-inline-message__dismiss.paper-inline-message__dismiss::after {
    content: "";
    position: absolute;
    top: 50%;
    height: max(100%, var(--paper-touch-target, 44px));
    left: 50%;
    transform: translate(-50%, -50%);
    width: max(100%, var(--paper-touch-target, 44px));
  }
  .toast__close.toast__close.toast__close {
    position: relative;
  }
  .toast__close.toast__close.toast__close::after {
    content: "";
    position: absolute;
    top: 50%;
    height: max(100%, var(--paper-touch-target, 44px));
    left: 50%;
    transform: translate(-50%, -50%);
    width: max(100%, var(--paper-touch-target, 44px));
  }
  .paper-bulk-bar__close.paper-bulk-bar__close.paper-bulk-bar__close {
    position: relative;
  }
  .paper-bulk-bar__close.paper-bulk-bar__close.paper-bulk-bar__close::after {
    content: "";
    position: absolute;
    top: 50%;
    height: max(100%, var(--paper-touch-target, 44px));
    left: 50%;
    transform: translate(-50%, -50%);
    width: max(100%, var(--paper-touch-target, 44px));
  }
  .paper-nav-tab__close.paper-nav-tab__close.paper-nav-tab__close {
    position: relative;
  }
  .paper-nav-tab__close.paper-nav-tab__close.paper-nav-tab__close::after {
    content: "";
    position: absolute;
    top: 50%;
    height: max(100%, var(--paper-touch-target, 44px));
    left: 50%;
    transform: translate(-50%, -50%);
    width: max(100%, var(--paper-touch-target, 44px));
  }
  .paper-notification-panel__close.paper-notification-panel__close.paper-notification-panel__close {
    position: relative;
  }
  .paper-notification-panel__close.paper-notification-panel__close.paper-notification-panel__close::after {
    content: "";
    position: absolute;
    top: 50%;
    height: max(100%, var(--paper-touch-target, 44px));
    left: 50%;
    transform: translate(-50%, -50%);
    width: max(100%, var(--paper-touch-target, 44px));
  }
  .paper-side-panel__close.paper-side-panel__close.paper-side-panel__close {
    position: relative;
  }
  .paper-side-panel__close.paper-side-panel__close.paper-side-panel__close::after {
    content: "";
    position: absolute;
    top: 50%;
    height: max(100%, var(--paper-touch-target, 44px));
    left: 50%;
    transform: translate(-50%, -50%);
    width: max(100%, var(--paper-touch-target, 44px));
  }
  .paper-pagination__btn.paper-pagination__btn.paper-pagination__btn {
    position: relative;
  }
  .paper-pagination__btn.paper-pagination__btn.paper-pagination__btn::after {
    content: "";
    position: absolute;
    top: 50%;
    height: max(100%, var(--paper-touch-target, 44px));
    left: 50%;
    transform: translate(-50%, -50%);
    width: max(100%, var(--paper-touch-target, 44px));
  }
  .paper-table__page-btn.paper-table__page-btn.paper-table__page-btn {
    position: relative;
  }
  .paper-table__page-btn.paper-table__page-btn.paper-table__page-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    height: max(100%, var(--paper-touch-target, 44px));
    left: 50%;
    transform: translate(-50%, -50%);
    width: max(100%, var(--paper-touch-target, 44px));
  }
  .paper-table__expand.paper-table__expand.paper-table__expand {
    position: relative;
  }
  .paper-table__expand.paper-table__expand.paper-table__expand::after {
    content: "";
    position: absolute;
    top: 50%;
    height: max(100%, var(--paper-touch-target, 44px));
    left: 50%;
    transform: translate(-50%, -50%);
    width: max(100%, var(--paper-touch-target, 44px));
  }
}
@media (prefers-reduced-motion: reduce) {
  :root,
  .paper-root {
    --motion: 0.01ms;
    --motion-fast: 0.01ms;
    --motion-micro: 0.01ms;
    --motion-page: 0.01ms;
    --motion-slow: 0.01ms;
  }
}
html,
body {
  height: 100%;
  margin: 0;
}
body {
  font-family: var(--font-sans);
  background: var(--surface-base);
  color: var(--text-primary);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-size: 13px;
}
.ws-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 12px;
  margin-top: var(--s-2);
}
.ws-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  text-align: left;
  border: 1px solid var(--border-low);
  border-radius: 12px;
  background: var(--surface-1);
  color: inherit;
  cursor: pointer;
  transition:
    border-color 0.12s ease,
    box-shadow 0.12s ease,
    transform 0.12s ease;
}
.ws-card:hover {
  border-color: var(--border-mid, var(--border-low));
  box-shadow: var(--shadow-sm);
  transform: translateY(-1px);
}
.ws-card:focus-visible {
  outline: 2px solid var(--brand-focus-ring, var(--color-primary));
  outline-offset: 2px;
}
.ws-card__head {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.ws-card__swatch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  color: var(--text-secondary);
  background: var(--surface-2);
}
.ws-card__id {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1 1 auto;
}
.ws-card__title {
  font-weight: 600;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ws-card__sub {
  font-size: 12px;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ws-card__desc {
  font-size: 12px;
  line-height: 1.45;
  color: var(--text-secondary);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ws-card__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  font-size: 12px;
  color: var(--text-secondary);
}
.ws-card__fact {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
}
.ws-card__fact-n {
  font-weight: 600;
  color: var(--text);
  font-variant-numeric: tabular-nums;
}
.ws-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: auto;
}
.ws-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
}
.ws-card__muted {
  font-size: 12px;
  color: var(--text-tertiary);
}
[data-popover] {
  position: fixed;
  z-index: 90;
  background: var(--surface-raised);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  overflow-y: auto;
  overscroll-behavior: contain;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */