:root{--bg-page: #f5f6fa;--bg-surface: #ffffff;--bg-elevated: #ffffff;--text-primary: #1a1a2e;--text-secondary: #4a4a6a;--text-muted: #888888;--border: #e0e0e0;--border-strong: #b0b0b0;--accent: #1a1a2e;--accent-contrast: #ffffff;--danger: #e53935;--danger-bg: #fdecea;--warning: #f57c00;--warning-bg: #fff3e0;--success: #2e7d32;--success-bg: #e8f5e9;--info: #0277bd;--info-bg: #e1f5fe;--nav-bg: #1a1a2e;--nav-text: #ffffff;--overlay: rgba(0, 0, 0, .5)}html[data-theme=green]{--bg-page: #d0edcf;--bg-surface: #e5f5e4;--bg-elevated: #f2fbf1;--text-primary: #1a2e1a;--text-secondary: #3d5c3d;--text-muted: #6b8b6b;--border: #a8cda8;--border-strong: #6da06d;--accent: #2d6a2d;--accent-contrast: #ffffff;--danger: #c62828;--danger-bg: #ffebee;--warning: #e65100;--warning-bg: #fff8e1;--success: #1b5e20;--success-bg: #c8e6c9;--info: #01579b;--info-bg: #e1f5fe;--nav-bg: #1b5e20;--nav-text: #ffffff;--overlay: rgba(0, 30, 0, .5)}html[data-font=large]{zoom:1.15}html[data-font=xlarge]{zoom:1.3}header nav{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}header nav::-webkit-scrollbar{height:3px}header nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg-page);color:var(--text-primary)}html[data-theme=green] body{background:linear-gradient(160deg,#d4f0dc,#e8f8ee);min-height:100vh}