@charset "UTF-8";

/* src/styles.scss */
: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-body-sm: 12px;
  --fs-caption: 10px;
  --fs-label: 14px;
  --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;
  --scrollbar: color-mix(in srgb, var(--text-primary) 10%, transparent);
  --shell-gutter: clamp(12px, 1.25vw, 24px);
  --radius: 16px;
  --radius-lg: 14px;
  --radius-md: 12px;
  --radius-pill: 100px;
  --radius-sm: 8px;
  --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: color-mix(in srgb, var(--text-primary) 4%, transparent);
  --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-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.510 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.717 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(--color-primary, #6366f1);
  --focus-ring-width: 2px;
  --hover-overlay: color-mix(in srgb, var(--text-primary) 4%, transparent);
  --brand-focus-ring: color-mix(in srgb, var(--brand-primary) 35%, transparent);
  --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));
  --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));
  --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-soft: oklch(0.93 0.04 30);
  --error-strong: oklch(0.480 0.165 30);
  --error-text: var(--error-strong);
  --info-soft: oklch(0.926 0.012 245);
  --info-strong: oklch(0.395 0.082 245);
  --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: var(--success-strong);
  --warning: var(--warning-strong);
  --warning-ink: oklch(1 0 0);
  --warning-soft: oklch(0.93 0.05 65);
  --warning-strong: oklch(0.520 0.130 60);
  --warning-text: var(--warning-strong);
  --accent-ai-from: #4b3ba8;
  --accent-ai-ink: #6d4bd8;
  --accent-ai-soft: color-mix(in srgb, var(--accent-ai-ink) 14%, transparent);
  --accent-ai-to: #b54663;
  --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: rgba(0, 0, 0, 0.12);
  --glass-tint: color-mix(in srgb, var(--text-primary) 6%, transparent);
  --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-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=pure],
[data-paper-theme=midnight],
[data-paper-theme=black],
[data-paper-theme=workplace-paper],
[data-paper-theme=workplace-slate],
[data-paper-theme=graphite],
[data-paper-theme=high-contrast-light],
[data-paper-theme=high-contrast-dark],
[data-paper-theme=current-light],
[data-paper-theme=current-dark] {
  --canvas: var(--surface-base);
  --surface: var(--surface-raised);
}
[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.50 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.65 0.014 75);
  --ring-focus: oklch(0.65 0.18 235);
  --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);
  --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);
}
[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.53 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.65 0.000 0);
  --ring-focus: oklch(0.65 0.18 235);
  --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);
}
[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.55 0.020 250);
  --ring-focus: oklch(0.72 0.20 235);
  --shadow-sm: 0 1px 2px 0 oklch(0 0 0 / 0.40);
  --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.62 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);
}
[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.50 0.000 0);
  --ring-focus: oklch(0.72 0.20 235);
  --shadow-sm: 0 1px 2px 0 oklch(0 0 0 / 0.50);
  --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.60 0.20 290);
  --ai-gradient-to: oklch(0.64 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);
}
[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.510 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.717 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;
}
[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.380 0.012 280);
  --ring-focus: oklch(0.745 0.055 245);
  --shadow-sm: 0 1px 2px 0 oklch(0 0 0 / 0.30);
  --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.62 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);
}
[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.62 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.47 0.016 260);
  --ring-focus: oklch(0.80 0.055 250);
  --shadow-sm: 0 1px 2px 0 oklch(0 0 0 / 0.35);
  --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.62 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);
}
[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-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);
}
[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-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);
  --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.62 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);
}
[data-paper-theme=warm],
[data-paper-theme=pure],
[data-paper-theme=midnight],
[data-paper-theme=black],
[data-paper-theme=workplace-paper],
[data-paper-theme=workplace-slate],
[data-paper-theme=graphite],
[data-paper-theme=high-contrast-light],
[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: color-mix(in srgb, var(--brand-primary) 35%, transparent);
  --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);
  --success-bg: var(--success-soft);
  --success-text: var(--success-strong);
  --warning: var(--warning-strong);
  --warning-bg: var(--warning-soft);
  --warning-text: var(--warning-strong);
  --danger: var(--error-strong);
  --error-bg: var(--error-soft);
  --error-text: var(--error-strong);
  --info-bg: var(--info-soft);
  --info-text: var(--info-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: color-mix(in srgb, var(--text-primary) 4%, transparent);
  --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] {
  --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);
  --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.62 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: rgba(255,255,255,0.04);
  --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: var(--border-high);
  --brand-primary: var(--brand-color, var(--color-primary));
  --brand-on-primary: var(--brand-text, var(--text-on-accent));
  --brand-focus-ring: color-mix(in srgb, var(--brand-primary) 35%, transparent);
  --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: var(--color-primary);
}
[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: rgba(0,0,0,0.04);
  --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: var(--border-high);
  --brand-primary: var(--brand-color, var(--color-primary));
  --brand-on-primary: var(--brand-text, var(--text-on-accent));
  --brand-focus-ring: color-mix(in srgb, var(--brand-primary) 35%, transparent);
  --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: var(--color-primary);
  --info-soft: oklch(0.93 0.04 235);
  --accent-violet-text: oklch(0.40 0.12 290);
  --accent-violet-bg: oklch(0.92 0.04 290);
}
[data-paper-font=inter] {
  --font-sans:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif;
  --font-display: var(--font-sans);
}
[data-paper-font=editorial] {
  --font-sans:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif;
  --font-display: var(--font-serif);
}
[data-paper-font=graphik] {
  --font-sans:
    "Graphik",
    "Inter",
    system-ui,
    -apple-system,
    sans-serif;
  --font-display: var(--font-sans);
}
[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;
  }
}
@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;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-x: hidden;
}
body {
  background: var(--surface);
  color: var(--text);
  font-family: var(--font-body, "Inter", system-ui, sans-serif);
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}
app-root {
  display: block;
  height: 100%;
}
.pane-section-tag {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-tertiary, var(--text-secondary));
  margin: 14px 0 6px;
}
.pane-caption {
  font-size: 11.5px;
  color: var(--text-secondary);
  line-height: 1.45;
}
.t-num {
  font-variant-numeric: tabular-nums;
}
.slot-strip {
  display: flex;
  gap: 1px;
  height: 26px;
  border-radius: 6px;
  overflow: hidden;
}
.slot-strip button {
  flex: 1;
  min-width: 0;
  border: none;
  padding: 0;
  cursor: pointer;
  background: var(--status-positive-bg, #1f4632);
}
.slot-strip button.busy {
  background: var(--status-negative-bg, #532b2b);
  cursor: not-allowed;
}
.slot-strip button.window {
  background: var(--color-primary, #4c8dff);
}
.slot-strip button:not(.busy):hover {
  filter: brightness(1.35);
}
.slot-hours {
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
  font-size: 10px;
  color: var(--text-secondary);
  font-variant-numeric: tabular-nums;
}
@media (prefers-reduced-motion: reduce) {
  * {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}

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