:root{--font-sans: -apple-system, BlinkMacSystemFont, "Inter", "Vazirmatn", ui-sans-serif, system-ui, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--gray-50: oklch(98% 0 0);--gray-100: oklch(94% 0 0);--gray-200: oklch(92% 0 0);--gray-300: oklch(85% 0 0);--gray-400: oklch(77% 0 0);--gray-500: oklch(69% 0 0);--gray-600: oklch(51% 0 0);--gray-700: oklch(42% 0 0);--gray-800: oklch(32% 0 0);--gray-850: oklch(27% 0 0);--gray-900: oklch(20% 0 0);--gray-950: oklch(16% 0 0);--radius-sm: .375rem;--radius: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--fg-muted)}:root,[data-theme=light]{color-scheme:light;--bg: #fff;--bg-subtle: var(--gray-50);--surface: #fff;--surface-hover: var(--gray-100);--surface-raised: var(--gray-50);--border: var(--gray-200);--border-strong: var(--gray-300);--fg: var(--gray-900);--fg-muted: var(--gray-600);--fg-subtle: var(--gray-500);--accent: var(--gray-900);--accent-fg: #fff;--shadow: 0 1px 2px rgb(0 0 0 / 6%), 0 1px 3px rgb(0 0 0 / 4%);--shadow-lg: 0 10px 30px rgb(0 0 0 / 10%);--overlay: rgb(0 0 0 / 25%)}[data-theme=dark]{color-scheme:dark;--bg: var(--gray-900);--bg-subtle: var(--gray-950);--surface: var(--gray-850);--surface-hover: var(--gray-800);--surface-raised: var(--gray-850);--border: var(--gray-800);--border-strong: var(--gray-700);--fg: var(--gray-100);--fg-muted: var(--gray-400);--fg-subtle: var(--gray-500);--accent: var(--gray-100);--accent-fg: var(--gray-900);--shadow: 0 1px 2px rgb(0 0 0 / 40%);--shadow-lg: 0 10px 30px rgb(0 0 0 / 45%);--overlay: rgb(0 0 0 / 55%)}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--bg: var(--gray-900);--bg-subtle: var(--gray-950);--surface: var(--gray-850);--surface-hover: var(--gray-800);--surface-raised: var(--gray-850);--border: var(--gray-800);--border-strong: var(--gray-700);--fg: var(--gray-100);--fg-muted: var(--gray-400);--fg-subtle: var(--gray-500);--accent: var(--gray-100);--accent-fg: var(--gray-900);--shadow: 0 1px 2px rgb(0 0 0 / 40%);--shadow-lg: 0 10px 30px rgb(0 0 0 / 45%);--overlay: rgb(0 0 0 / 55%)}}*{box-sizing:border-box}html{height:100%}body{min-height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::selection{background:var(--gray-300)}[data-theme=dark] ::selection{background:var(--gray-700)}app-root{display:flex;flex-direction:column;height:100dvh;overflow:hidden}main>*:not(router-outlet){display:flex;flex:1 1 auto;min-height:0;flex-direction:column}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--fg-muted);outline-offset:2px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;border-radius:var(--radius);background:transparent;color:var(--fg-muted);transition:background .12s,color .12s}.icon-btn:hover{background:var(--surface-hover);color:var(--fg)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-weight:500;transition:background .12s,border-color .12s}.btn:hover{background:var(--surface-hover)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn-primary:hover{opacity:.88;background:var(--accent)}.chip{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .7rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--fg-muted);font-size:.8125rem;white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.chip:hover{background:var(--surface-hover);color:var(--fg)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.muted{color:var(--fg-muted)}.scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}