:root{--app-accent: #4f74d9;--app-accent-soft: rgba(79, 116, 217, .1);--app-page-bg: #f3f6fa;--app-surface: rgba(255, 255, 255, .9);--app-surface-strong: #ffffff;--app-surface-muted: #f7f9fc;--app-border: rgba(72, 94, 144, .12);--app-border-strong: rgba(72, 94, 144, .18);--app-text-primary: #22304a;--app-text-secondary: #6b7890;--app-shadow-sm: 0 4px 12px rgba(34, 48, 74, .04);--app-shadow-md: 0 8px 24px rgba(34, 48, 74, .06);--app-shadow-lg: 0 14px 36px rgba(34, 48, 74, .08)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--app-page-bg)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--app-text-primary);background:var(--app-page-bg);height:100%}html.dark{color-scheme:dark}html.dark{--app-accent: #8ba7ff;--app-accent-soft: rgba(139, 167, 255, .14);--app-page-bg: #0b1220;--app-surface: rgba(18, 28, 44, .9);--app-surface-strong: #162032;--app-surface-muted: #182235;--app-border: rgba(255, 255, 255, .08);--app-border-strong: rgba(139, 167, 255, .18);--app-text-primary: #e4ecff;--app-text-secondary: #9dacbf;--app-shadow-sm: 0 10px 24px rgba(0, 0, 0, .18);--app-shadow-md: 0 16px 40px rgba(0, 0, 0, .24);--app-shadow-lg: 0 24px 56px rgba(0, 0, 0, .3)}