/* src/styles.scss */
:root {
  --cc-ink: #0f172a;
  --cc-ink-muted: #475569;
  --cc-ink-subtle: #94a3b8;
  --cc-surface: #ffffff;
  --cc-surface-soft: #f8fafc;
  --cc-surface-sunken: #f1f5f9;
  --cc-border: #e2e8f0;
  --cc-border-strong: #cbd5e1;
  --cc-border-emphasis: #1e293b;
  --cc-accent: #2563eb;
  --cc-accent-soft: #dbeafe;
  --cc-danger: #b91c1c;
  --cc-danger-soft: #fee2e2;
  --cc-overdue-fg: #0e7490;
  --cc-overdue-strong: #0891b2;
  --cc-overdue-soft: #ecfeff;
  --cc-suggest-border: #fed7aa;
  --cc-suggest-fg: #9a3412;
  --cc-suggest-border-hover: #fb923c;
  --cc-suggest-fg-hover: #7c2d12;
  --cc-ease-bg: #f0fdfa;
  --cc-ease-border: #99f6e4;
  --cc-ease-ink: #134e4a;
  --cc-ease-ink-soft: #0f766e;
  --cc-confidence-high-fg: #047857;
  --cc-confidence-high-soft: #d1fae5;
  --cc-confidence-medium-fg: #92400e;
  --cc-confidence-medium-soft: #fef3c7;
  --cc-confidence-low-fg: #334155;
  --cc-confidence-low-soft: #e2e8f0;
  --cc-fresh-fg: #047857;
  --cc-fresh-strong: #10b981;
  --cc-fresh-soft: #d1fae5;
  --cc-aging-fg: #b45309;
  --cc-aging-strong: #f59e0b;
  --cc-aging-soft: #fef3c7;
  --cc-stale-fg: #b91c1c;
  --cc-stale-strong: #ef4444;
  --cc-stale-soft: #fee2e2;
  --cc-radius-xs: 4px;
  --cc-radius-sm: 6px;
  --cc-radius-md: 8px;
  --cc-radius-lg: 12px;
  --cc-radius-xl: 16px;
  --cc-radius-pill: 999px;
  --cc-shadow-toast: 0 8px 24px rgba(0, 0, 0, 0.3);
  --cc-d-surface-0: #1a1818;
  --cc-d-surface-1: #222020;
  --cc-d-surface-2: #2e2c2c;
  --cc-d-surface-3: #3a3838;
  --cc-d-surface-4: #464444;
  --cc-d-surface-5: #525050;
  --cc-d-ink-strong: #ffffff;
  --cc-d-ink: #e6e6e6;
  --cc-d-ink-muted: #a5a2a2;
  --cc-d-on-accent: #0a080a;
  --cc-d-fill-1: rgba(255, 255, 255, 0.02);
  --cc-d-fill-2: rgba(255, 255, 255, 0.04);
  --cc-d-fill-3: rgba(255, 255, 255, 0.06);
  --cc-d-fill-4: rgba(255, 255, 255, 0.08);
  --cc-d-fill-5: rgba(255, 255, 255, 0.10);
  --cc-d-fill-6: rgba(255, 255, 255, 0.14);
  --cc-d-border: rgba(255, 255, 255, 0.08);
  --cc-d-separator: rgba(255, 255, 255, 0.10);
  --cc-d-divider: rgba(255, 255, 255, 0.12);
  --cc-d-scrim: rgba(0, 0, 0, 0.6);
  --cc-d-accent: #38bdf8;
  --cc-d-accent-strong: #7dd3fc;
  --cc-d-accent-soft: rgba(56, 189, 248, 0.12);
  --cc-d-accent-2: #a78bfa;
  --cc-d-accent-2-strong: #c4b5fd;
  --cc-d-accent-2-soft: rgba(167, 139, 250, 0.14);
  --cc-d-attention: #0891b2;
  --cc-d-success: #459d6a;
  --cc-d-sidenav-bg: #363434;
  --cc-d-sidenav-active: rgba(255, 255, 255, 0.08);
  --cc-d-sidenav-hover: rgba(255, 255, 255, 0.05);
  --cc-d-sidenav-text: var(--cc-d-ink);
  --cc-d-sidenav-text-secondary: var(--cc-d-ink-muted);
  --cc-d-sidenav-text-hover: var(--cc-d-ink-strong);
  --cc-d-sidenav-text-active: var(--cc-d-ink-strong);
  --cc-d-overlay-bg: rgba(46, 44, 44, 0.82);
  --cc-d-overlay-bg-stuck: rgba(18, 44, 48, 0.86);
  --cc-s: 8px;
  --cc-s-2: 2px;
  --cc-s-4: 4px;
  --cc-s-8: 8px;
  --cc-s-16: 16px;
  --cc-s-24: 24px;
  --cc-s-32: 32px;
  --cc-s-40: 40px;
  --cc-s-48: 48px;
  --cc-shadow-1: 0 2px 8px rgba(0, 0, 0, 0.12), 0 1px 3px -2px rgba(0, 0, 0, 0.16);
  --cc-shadow-2: 0 4px 12px rgba(0, 0, 0, 0.14), 0 6px 16px -4px rgba(0, 0, 0, 0.12);
  --cc-shadow-3: 0 8px 24px rgba(0, 0, 0, 0.14), 0 12px 28px -6px rgba(0, 0, 0, 0.12);
  --cc-shadow-overlay: 0 16px 48px rgba(0, 0, 0, 0.55);
  --cc-motion-fast: 90ms;
  --cc-motion-quick: 150ms;
  --cc-motion-standard: 225ms;
  --cc-motion-slow: 375ms;
  --cc-motion-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --cc-motion-ease-enter: cubic-bezier(0, 0, 0.2, 1);
  --cc-motion-ease-leave: cubic-bezier(0.4, 0, 1, 1);
  --cc-transition-control:
    background var(--cc-motion-quick) var(--cc-motion-ease-standard),
    border-color var(--cc-motion-quick) var(--cc-motion-ease-standard),
    color var(--cc-motion-quick) var(--cc-motion-ease-standard);
  --cc-transition-input: border-color var(--cc-motion-quick) var(--cc-motion-ease-standard), box-shadow var(--cc-motion-quick) var(--cc-motion-ease-standard);
  --cc-font-sans:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI Variable Text",
    "Segoe UI",
    Roboto,
    "Inter",
    "Open Sans",
    "Helvetica Neue",
    Arial,
    sans-serif;
  --cc-font-mono:
    ui-monospace,
    "SF Mono",
    "JetBrains Mono",
    "Fira Code",
    Menlo,
    Consolas,
    monospace;
  --cc-ink: var(--cc-d-ink);
  --cc-ink-muted: var(--cc-d-ink-muted);
  --cc-ink-subtle: var(--cc-d-ink-muted);
  --cc-surface: var(--cc-d-surface-2);
  --cc-surface-soft: var(--cc-d-surface-1);
  --cc-surface-sunken: var(--cc-d-surface-0);
  --cc-border: var(--cc-d-border);
  --cc-border-strong: var(--cc-d-divider);
  --cc-border-emphasis: var(--cc-d-fill-6);
  --cc-accent: var(--cc-d-accent);
  --cc-accent-soft: var(--cc-d-accent-soft);
  --cc-danger: #f87171;
  --cc-danger-soft: color-mix(in srgb, #f87171 16%, transparent);
  --cc-overdue-fg: var(--cc-d-attention);
  --cc-overdue-strong: var(--cc-d-attention);
  --cc-overdue-soft: color-mix(in srgb, var(--cc-d-attention) 15%, transparent);
  --cc-ease-bg: color-mix(in srgb, var(--cc-d-attention) 10%, var(--cc-d-surface-2));
  --cc-ease-border: color-mix(in srgb, var(--cc-d-attention) 35%, transparent);
  --cc-ease-ink: var(--cc-d-ink);
  --cc-ease-ink-soft: var(--cc-d-attention);
  --cc-confidence-high-fg: var(--cc-d-success);
  --cc-confidence-high-soft: color-mix(in srgb, var(--cc-d-success) 18%, transparent);
  --cc-confidence-medium-fg: var(--cc-d-attention);
  --cc-confidence-medium-soft: color-mix(in srgb, var(--cc-d-attention) 16%, transparent);
  --cc-confidence-low-fg: var(--cc-d-ink-muted);
  --cc-confidence-low-soft: var(--cc-d-fill-3);
  --cc-suggest-fg: var(--cc-d-accent-2);
  --cc-suggest-border: color-mix(in srgb, var(--cc-d-accent-2) 40%, transparent);
  --cc-suggest-fg-hover: var(--cc-d-accent-2-strong);
  --cc-suggest-border-hover: var(--cc-d-accent-2);
  --cc-fresh-fg: var(--cc-d-success);
  --cc-fresh-strong: var(--cc-d-success);
  --cc-fresh-soft: color-mix(in srgb, var(--cc-d-success) 16%, transparent);
  --cc-aging-fg: var(--cc-d-attention);
  --cc-aging-strong: var(--cc-d-attention);
  --cc-aging-soft: color-mix(in srgb, var(--cc-d-attention) 16%, transparent);
  --cc-stale-fg: var(--cc-d-accent-2);
  --cc-stale-strong: var(--cc-d-accent-2);
  --cc-stale-soft: color-mix(in srgb, var(--cc-d-accent-2) 16%, transparent);
}
html,
body {
  margin: 0;
  padding: 0;
  font-family: var(--cc-font-sans);
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: -0.006em;
  color: var(--cc-d-ink);
  background: var(--cc-d-surface-1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
* {
  box-sizing: border-box;
}
a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: var(--cc-d-border);
  transition: text-decoration-color var(--cc-motion-quick) var(--cc-motion-ease-standard);
}
a:hover {
  text-decoration-color: var(--cc-d-accent);
}
::selection {
  background: var(--cc-d-accent-soft);
  color: var(--cc-d-ink-strong);
}
button {
  font: inherit;
  letter-spacing: inherit;
  color: var(--cc-d-ink);
  background: var(--cc-d-fill-2);
  border: 1px solid var(--cc-d-divider);
  border-radius: var(--cc-radius-md);
  padding: 0.5rem 0.9rem;
  cursor: pointer;
  transition:
    background var(--cc-motion-quick) var(--cc-motion-ease-standard),
    border-color var(--cc-motion-quick) var(--cc-motion-ease-standard),
    color var(--cc-motion-quick) var(--cc-motion-ease-standard);
}
button:hover:not(:disabled) {
  background: var(--cc-d-fill-4);
  border-color: var(--cc-d-fill-6);
}
button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),
textarea,
select {
  font: inherit;
  letter-spacing: inherit;
  color: var(--cc-d-ink);
  background: var(--cc-d-fill-2);
  border: 1px solid var(--cc-d-border);
  border-radius: var(--cc-radius-xs);
  padding: 0.625rem 0.75rem;
  outline: none;
  transition:
    background var(--cc-motion-quick) var(--cc-motion-ease-standard),
    box-shadow var(--cc-motion-quick) var(--cc-motion-ease-standard),
    border-color var(--cc-motion-quick) var(--cc-motion-ease-standard);
}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color])::placeholder,
textarea::placeholder {
  color: var(--cc-d-ink-muted);
}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):focus,
textarea:focus,
select:focus {
  background: var(--cc-d-accent-soft);
  border-color: transparent;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cc-d-accent) 40%, transparent);
}
:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--cc-d-accent) 70%, transparent);
  outline-offset: 2px;
}
* {
  scrollbar-width: thin;
  scrollbar-color: var(--cc-d-fill-5) transparent;
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-thumb {
  background: var(--cc-d-fill-5);
  border-radius: var(--cc-radius-pill);
}
*::-webkit-scrollbar-thumb:hover {
  background: var(--cc-d-fill-6);
}
*::-webkit-scrollbar-track {
  background: transparent;
}
.cdk-drag-preview {
  box-sizing: border-box;
  border-radius: var(--cc-radius-md);
  background: var(--cc-d-surface-3);
  box-shadow: var(--cc-shadow-3);
}
.cdk-drag-placeholder {
  opacity: 0;
}
.cdk-drag-animating {
  transition: transform var(--cc-motion-standard) var(--cc-motion-ease-standard);
}
.cdk-drop-list-dragging .cdk-drag:not(.cdk-drag-placeholder) {
  transition: transform var(--cc-motion-standard) var(--cc-motion-ease-standard);
}
.drag-handle:active {
  cursor: grabbing;
}

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