*,*:before,*:after{box-sizing:border-box}:root{--color-primary: #6f877f;--color-primary-dark: #5d756d;--color-primary-light: #9eb0aa;--color-primary-bg: #eef1ef;--color-sidebar-bg: #2f3a35;--color-border: #d9dfdc;--color-accent-gold: #d3a262;--color-bg: #f3f4f3;--color-surface: #ffffff;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-icon: #374151;--color-danger: #ef4444;--color-line: #e5e7eb;--color-sidebar-text: #aebdb8;--color-sidebar-text-hover: #d8dfdc;--color-sidebar-active: #f1d8b2;--color-sidebar-hover-bg: rgba(111, 135, 127, .18);--color-sidebar-active-bg: rgba(111, 135, 127, .28);--color-sidebar-divider: rgba(111, 135, 127, .22);--color-badge-gold-bg: rgba(211, 162, 98, .16);--color-card-art-start: #e2e8e5;--color-card-art-end: #f0ece5;--color-card-art-circle: rgba(111, 135, 127, .18);--shadow-header: 0 1px 6px rgba(95, 110, 104, .1);--shadow-dropdown: 0 8px 24px rgba(95, 110, 104, .16);--shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--shadow-card-hover: 0 6px 20px rgba(111, 135, 127, .2)}body.theme-light{--color-primary: #6f877f;--color-primary-dark: #5d756d;--color-primary-light: #9eb0aa;--color-primary-bg: #eef1ef;--color-sidebar-bg: #2f3a35;--color-border: #d9dfdc;--color-accent-gold: #d3a262;--color-bg: #f3f4f3;--color-surface: #ffffff;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-icon: #374151;--color-danger: #ef4444;--color-line: #e5e7eb;--color-sidebar-text: #aebdb8;--color-sidebar-text-hover: #d8dfdc;--color-sidebar-active: #f1d8b2;--color-sidebar-hover-bg: rgba(111, 135, 127, .18);--color-sidebar-active-bg: rgba(111, 135, 127, .28);--color-sidebar-divider: rgba(111, 135, 127, .22);--color-badge-gold-bg: rgba(211, 162, 98, .16);--color-card-art-start: #e2e8e5;--color-card-art-end: #f0ece5;--color-card-art-circle: rgba(111, 135, 127, .18);--shadow-header: 0 1px 6px rgba(95, 110, 104, .1);--shadow-dropdown: 0 8px 24px rgba(95, 110, 104, .16);--shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--shadow-card-hover: 0 6px 20px rgba(111, 135, 127, .2)}body.theme-dark{--color-primary: #90ada3;--color-primary-dark: #78978d;--color-primary-light: #bfd0ca;--color-primary-bg: #1f2825;--color-sidebar-bg: #131917;--color-border: #2e3a36;--color-accent-gold: #d7aa72;--color-bg: #161c1a;--color-surface: #1e2623;--color-text-primary: #e7ece9;--color-text-secondary: #b3bfba;--color-text-muted: #8b9a94;--color-icon: #cad4d0;--color-danger: #f87171;--color-line: #36413d;--color-sidebar-text: #a4b5af;--color-sidebar-text-hover: #d0ddd8;--color-sidebar-active: #f1d8b2;--color-sidebar-hover-bg: rgba(144, 173, 163, .16);--color-sidebar-active-bg: rgba(144, 173, 163, .28);--color-sidebar-divider: rgba(144, 173, 163, .2);--color-badge-gold-bg: rgba(215, 170, 114, .2);--color-card-art-start: #24302c;--color-card-art-end: #2f3532;--color-card-art-circle: rgba(144, 173, 163, .2);--shadow-header: 0 1px 8px rgba(0, 0, 0, .35);--shadow-dropdown: 0 10px 30px rgba(0, 0, 0, .45);--shadow-card: 0 2px 8px rgba(0, 0, 0, .28);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .35)}html,body{margin:0;padding:0;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text-primary)}a{color:inherit;text-decoration:none}button{font-family:inherit}