/* src/styles.scss */
:root {
  --color-bg: #eef2f8;
  --color-bg-subtle: #f4f7fb;
  --color-bg-muted: #e8edf5;
  --color-surface: #ffffff;
  --color-surface-muted: #fafafa;
  --color-text: #1a1a2e;
  --color-text-secondary: #6b7280;
  --color-text-muted: #9ca3af;
  --color-accent: #3b82f6;
  --color-accent-light: #93c5fd;
  --color-accent-strong: #2563eb;
  --color-success: #34d399;
  --color-success-strong: #059669;
  --color-on-accent: #ffffff;
  --color-ink-rgb:
    26,
    26,
    46;
  --color-accent-rgb:
    59,
    130,
    246;
  --color-accent-light-rgb:
    147,
    197,
    253;
  --color-success-rgb:
    52,
    211,
    153;
  --color-white-rgb:
    255,
    255,
    255;
  --color-black-rgb:
    0,
    0,
    0;
  --color-hover: rgba(var(--color-ink-rgb), 0.05);
  --color-hover-strong: rgba(var(--color-ink-rgb), 0.06);
  --color-active: rgba(var(--color-ink-rgb), 0.07);
  --color-border-subtle: rgba(var(--color-ink-rgb), 0.1);
  --color-border-muted: rgba(var(--color-ink-rgb), 0.12);
  --color-overlay: rgba(var(--color-ink-rgb), 0.32);
  --color-overlay-strong: rgba(var(--color-ink-rgb), 0.78);
  --color-shadow-ink: rgba(var(--color-ink-rgb), 0.06);
  --color-shadow-ink-soft: rgba(var(--color-ink-rgb), 0.08);
  --color-shadow-ink-medium: rgba(var(--color-ink-rgb), 0.1);
  --color-shadow-ink-strong: rgba(var(--color-ink-rgb), 0.12);
  --color-shadow-ink-heavy: rgba(var(--color-ink-rgb), 0.14);
  --color-inset-ink: rgba(var(--color-ink-rgb), 0.06);
  --color-user-bubble: rgba(var(--color-ink-rgb), 0.06);
  --color-spine: rgba(var(--color-black-rgb), 0.18);
  --color-accent-soft: rgba(var(--color-accent-rgb), 0.14);
  --color-accent-track: rgba(var(--color-accent-rgb), 0.15);
  --color-accent-bar: rgba(var(--color-accent-rgb), 0.18);
  --color-accent-glow: rgba(var(--color-accent-rgb), 0.18);
  --color-accent-glow-strong: rgba(var(--color-accent-light-rgb), 0.16);
  --color-accent-glow-soft: rgba(var(--color-accent-rgb), 0.08);
  --color-success-soft: rgba(var(--color-success-rgb), 0.12);
  --color-border: rgba(var(--color-white-rgb), 0.55);
  --glass-bg: rgba(var(--color-white-rgb), 0.32);
  --glass-bg-strong: rgba(var(--color-white-rgb), 0.48);
  --glass-bg-solid: rgba(var(--color-white-rgb), 0.58);
  --glass-bg-nav: rgba(var(--color-white-rgb), 0.42);
  --glass-bg-dark: rgba(var(--color-white-rgb), 0.22);
  --glass-border: rgba(var(--color-white-rgb), 0.78);
  --glass-border-subtle: rgba(var(--color-white-rgb), 0.45);
  --glass-white-strong: rgba(var(--color-white-rgb), 0.95);
  --glass-white-soft: rgba(var(--color-white-rgb), 0.28);
  --glass-white-hover: rgba(var(--color-white-rgb), 0.9);
  --glass-white-solid: rgba(var(--color-white-rgb), 0.96);
  --glass-white-fallback: rgba(var(--color-white-rgb), 0.94);
  --glass-white-panel: rgba(var(--color-white-rgb), 0.55);
  --glass-white-border: rgba(var(--color-white-rgb), 0.85);
  --glass-white-border-subtle: rgba(var(--color-white-rgb), 0.1);
  --glass-shine-start: rgba(var(--color-white-rgb), 0.72);
  --glass-shine-mid: rgba(var(--color-white-rgb), 0.18);
  --glass-shine-end: rgba(var(--color-white-rgb), 0.08);
  --glass-cover-shine: rgba(var(--color-white-rgb), 0.22);
  --glass-blur: 28px;
  --glass-blur-light: 16px;
  --glass-blur-heavy: 48px;
  --glass-saturate: 200%;
  --glass-shadow: 0 8px 32px var(--color-shadow-ink-soft), inset 0 1px 0 var(--glass-white-strong);
  --glass-shadow-float: 0 20px 56px var(--color-shadow-ink-strong), inset 0 1px 0 var(--glass-white-strong);
  --glass-highlight: inset 0 1px 0 var(--glass-white-border);
  --glass-inset-highlight: inset 0 1px 1px var(--glass-white-strong), inset 0 -1px 1px var(--glass-white-soft);
  --glass-shine:
    linear-gradient(
      
      135deg,
      var(--glass-shine-start) 0%,
      var(--glass-shine-mid) 45%,
      var(--glass-shine-end) 100% );
  --shadow-soft: 0 4px 24px var(--color-shadow-ink);
  --shadow-card: 0 8px 32px var(--color-shadow-ink-soft);
  --shadow-float: 0 12px 40px var(--color-shadow-ink-medium);
  --shadow-inset: inset 0 1px 0 var(--glass-white-hover);
  --shadow-project-hover: 0 20px 56px var(--color-shadow-ink-heavy), inset 0 1px 0 var(--glass-white-strong);
  --shadow-nav-active: inset 0 1px 0 var(--glass-white-strong), 0 2px 10px var(--color-shadow-ink);
  --shadow-search-hover: 0 24px 60px var(--color-shadow-ink-heavy), inset 0 1px 0 var(--glass-white-strong);
  --shadow-project-glass: 0 4px 20px var(--color-shadow-ink-soft);
  --project-cover-1-from: #2d3436;
  --project-cover-1-to: #636e72;
  --project-cover-2-from: #e17055;
  --project-cover-2-to: #fdcb6e;
  --project-cover-3-from: #0984e3;
  --project-cover-3-to: #74b9ff;
  --project-cover-4-from: #6c5ce7;
  --project-cover-4-to: #a29bfe;
  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 30px;
  --radius-xl: 36px;
  --radius-pill: 999px;
  --space-xs: 0.6rem;
  --space-sm: 0.875rem;
  --space-md: 1.125rem;
  --space-lg: 1.75rem;
  --space-xl: 2.25rem;
  --space-2xl: 3rem;
  --font-family:
    "DM Sans",
    system-ui,
    -apple-system,
    sans-serif;
  --sidebar-width: 22rem;
  --sidebar-width-collapsed: 5.5rem;
  --bottom-nav-bar-height: 5rem;
  --bottom-nav-height: calc(var(--bottom-nav-bar-height) + var(--space-md) + var(--space-lg));
  --content-max-width: 1320px;
  --transition: 0.2s ease;
  --app-zoom: 0.75;
  --app-zoom-compensated-viewport: calc(100dvh / var(--app-zoom));
  --ambient-bg:
    radial-gradient(
      ellipse 90% 60% at 10% -5%,
      var(--color-accent-glow),
      transparent 55%),
    radial-gradient(
      ellipse 70% 50% at 95% 5%,
      var(--color-accent-glow-strong),
      transparent 50%),
    radial-gradient(
      ellipse 60% 40% at 50% 105%,
      var(--color-accent-glow-soft),
      transparent 55%),
    linear-gradient(
      165deg,
      var(--color-bg) 0%,
      var(--color-bg-subtle) 45%,
      var(--color-bg-muted) 100%);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
html::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: var(--app-zoom-compensated-viewport);
  zoom: var(--app-zoom);
  font-size: 19px;
}
@media (min-width: 1024px) {
  html {
    font-size: 20px;
  }
}
body {
  min-height: var(--app-zoom-compensated-viewport);
  margin: 0;
  font-family: var(--font-family);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--color-text);
  background: var(--ambient-bg);
  background-attachment: fixed;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
body::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
h1,
h2,
h3,
p {
  margin: 0;
}
button {
  font: inherit;
  cursor: pointer;
  border: none;
  background: none;
}
a {
  color: inherit;
  text-decoration: none;
}
img {
  display: block;
  max-width: 100%;
}
.glass {
  background: var(--glass-bg-strong);
  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
}
.glass-panel {
  background: var(--glass-bg-solid);
  backdrop-filter: blur(var(--glass-blur-light)) saturate(var(--glass-saturate));
  -webkit-backdrop-filter: blur(var(--glass-blur-light)) saturate(var(--glass-saturate));
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-highlight);
}
.glass-subtle {
  background: var(--glass-bg);
  backdrop-filter: blur(var(--glass-blur-light)) saturate(var(--glass-saturate));
  -webkit-backdrop-filter: blur(var(--glass-blur-light)) saturate(var(--glass-saturate));
  border: 1px solid var(--glass-border-subtle);
  box-shadow: var(--glass-highlight);
}
.agent-document-tool {
  z-index: 30;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  width: 100%;
  height: min(54rem, 82dvh);
  max-height: calc(100dvh - 5.5rem);
  min-height: 0;
  margin-bottom: 0.55rem;
  padding: 0.9rem;
  overflow: hidden;
  border: 1px solid var(--color-border-muted);
  border-radius: 1rem;
  background: var(--color-surface);
  box-shadow: var(--shadow-float);
}
.agent-document-tool__topbar,
.agent-document-tool__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-sm);
}
.agent-document-tool__label {
  display: block;
  margin-bottom: 0.15rem;
  font-size: 0.78rem;
  font-weight: 800;
  color: var(--color-text);
}
.agent-document-tool__topbar p,
.agent-document-tool__path,
.agent-document-tool__message {
  font-size: 0.82rem;
  color: var(--color-text-muted);
}
.agent-document-tool__close {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  color: var(--color-text-secondary);
}
.agent-document-tool__close svg {
  width: 1.1rem;
  height: 1.1rem;
}
.agent-document-tool__close:hover {
  background: var(--color-hover);
  color: var(--color-text);
}
.agent-document-editor-shell {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: auto;
  border: 1px solid var(--color-border-muted);
  border-radius: 0.55rem;
  background: var(--color-surface);
}
.agent-document-card__header {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0 0.15rem 0.65rem;
}
.agent-document-card__icon {
  display: grid;
  place-items: center;
  width: 1rem;
  height: 1rem;
  color: var(--color-text-secondary);
  flex-shrink: 0;
}
.agent-document-card__icon svg {
  width: 1rem;
  height: 1rem;
}
.agent-document-card__title {
  min-width: 0;
  width: auto;
  flex: 0 1 12rem;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-text);
}
.agent-document-card__status {
  width: 5rem;
  padding: 0.18rem 0.5rem;
  border: 0;
  border-radius: var(--radius-pill);
  background: #dbeecb;
  font: inherit;
  font-size: 0.68rem;
  font-weight: 800;
  color: #38641f;
}
.agent-document-card__typing {
  font-size: 0.72rem;
  font-weight: 800;
  color: var(--color-accent-strong);
}
.agent-document-tool__save {
  padding: 0.62rem 1rem;
  border-radius: var(--radius-pill);
  background: var(--color-accent-strong);
  font-size: 0.86rem;
  font-weight: 800;
  color: var(--color-on-accent);
}
.agent-document-tool__save:hover:not(:disabled) {
  background: var(--color-accent);
}
.agent-document-tool__save:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.agent-document-tool__message {
  margin: -0.4rem 0 0;
}
.agent-document-tool__message--error {
  color: #b42318;
}
.agent-document-editor-shell .notion-editor {
  min-height: 0;
}
.agent-document-editor-shell .notion-page {
  flex: 1;
  width: 100%;
  padding: 0.85rem 1rem 0;
}
.agent-document-editor-shell .notion-page__title {
  margin-bottom: 0.65rem;
  font-size: clamp(1.35rem, 2.6vw, 1.8rem);
}
.agent-document-editor-shell .notion-page__body,
.agent-document-editor-shell .notion-page__body [contenteditable=true] {
  min-height: 36rem;
  font-size: 0.86rem;
  line-height: 1.58;
}
.agent-document-editor-shell .notion-page__body [contenteditable=true] {
  padding-bottom: 5rem;
}
@media (max-height: 760px) {
  .agent-document-tool {
    height: min(38rem, 72dvh);
  }
  .agent-document-tool__topbar p {
    display: none;
  }
  .agent-document-editor-shell .notion-page__title {
    font-size: 1.3rem;
  }
  .agent-document-editor-shell .notion-page__body,
  .agent-document-editor-shell .notion-page__body [contenteditable=true] {
    min-height: 24rem;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@page {
  margin: 0;
}
@media print {
  html,
  body {
    overflow: visible !important;
    background: #fff !important;
  }
  .shell,
  .shell__main,
  .shell__content {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    background: #fff !important;
  }
  .shell__sidebar,
  .shell__bottom-nav,
  app-sidebar,
  app-bottom-nav,
  app-search-modal,
  app-settings-modal,
  app-profile-modal {
    display: none !important;
  }
}

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