:root{--color-dune: #c9b896;--color-anthracite: #23262b;--color-lead: #4a4d52;--color-mocha: #6f5b4d;--color-graphite: #2f3237;--color-taiga: #3c6e52;--color-midnight: #14161a;--color-mist: #eef0f3;--color-olive: #7c8a5c;--color-sandal: #b3805f;--color-accent: #4a76e8;--color-accent-hover: #3d63c9;--color-accent-light: #e8edfc;--color-danger: #e64646;--color-danger-hover: #c93a3a;--color-success: var(--color-taiga);--color-warning: #d99a3d;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--transition-fast: .15s ease;--transition-base: .25s ease;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .16);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 24px}:root,[data-theme=light]{--bg-page: var(--color-mist);--bg-surface: #ffffff;--bg-surface-secondary: #f7f8fa;--bg-surface-hover: #eef0f3;--bg-header: #ffffff;--text-primary: #23262b;--text-secondary: #656a73;--text-tertiary: #9298a2;--text-on-accent: #ffffff;--border-color: #e2e5ea;--border-color-strong: #cdd2da;--tag-bg: var(--color-accent-light);--tag-text: var(--color-accent);--avatar-fallback-bg: var(--color-dune);--badge-secondary-bg: var(--color-olive)}[data-theme=dark]{--color-accent-light: #283a68;--bg-page: var(--color-midnight);--bg-surface: var(--color-anthracite);--bg-surface-secondary: var(--color-graphite);--bg-surface-hover: #3a3d43;--bg-header: var(--color-anthracite);--text-primary: #eef0f3;--text-secondary: #b0b4bb;--text-tertiary: #7c818a;--text-on-accent: #ffffff;--border-color: #34373d;--border-color-strong: #45484f;--tag-bg: #2b3a5e;--tag-text: #9db4f0;--avatar-fallback-bg: var(--color-sandal);--badge-secondary-bg: var(--color-olive);--shadow-card: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}app-root{display:flex;flex-direction:column;min-height:100dvh}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-md);-webkit-font-smoothing:antialiased;transition:background-color var(--transition-base),color var(--transition-base)}a{color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}