:root{--color-bg: #1f1f29;--color-bg-alt: #252531;--body-dots: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8'%3E%3Ccircle cx='2' cy='2' r='0.7' fill='%23ffffff' fill-opacity='0.02'/%3E%3Ccircle cx='10' cy='6' r='0.7' fill='%23ffffff' fill-opacity='0.02'/%3E%3C/svg%3E");--color-text: rgba(255, 255, 255, .88);--color-text-muted: rgba(255, 255, 255, .45);--color-gold: hsla(48, 88%, 73%, .97);--color-accent: rgba(0, 212, 255, .9);--color-surface: #252531;--color-input-bg: #16161e;--color-border: rgba(255, 255, 255, .14);--warn-bg: rgba(255, 180, 0, .08);--warn-border: rgba(255, 180, 0, .35);--warn-strong: #f0c040;--header-bg: rgba(15, 15, 20, .7);--header-bg-scrolled: rgba(12, 12, 16, .94);--header-text: rgba(255, 255, 255, .88);--drawer-bg: rgba(18, 18, 24, .97);--drawer-link: rgba(255, 255, 255, .78);--drawer-link-hover-bg: rgba(255, 255, 255, .05);--drawer-divider: rgba(255, 255, 255, .07);--drawer-backdrop: rgba(0, 0, 0, .55);--icon-color: rgba(255, 255, 255, .65);--icon-hover-bg: rgba(255, 255, 255, .1);--icon-hover-color: #fff;--auth-btn-border: rgba(255, 255, 255, .15);--auth-btn-color: rgba(255, 255, 255, .5);--auth-btn-hover-border: rgba(255, 255, 255, .35);--auth-btn-hover-color: #fff;--dialog-bg: rgba(22, 22, 30, .82);--dialog-text: rgba(255, 255, 255, .88);--btn-bg: #2a2a36;--btn-text: var(--color-text);--btn-border: rgba(255, 255, 255, .25);--btn-hover-bg: rgba(255, 255, 255, .12);--btn-hover-text: #fff;--menu-bg: rgba(24, 24, 31, .9);--menu-border: rgba(255, 255, 255, .12);--uc-overlay: rgba(10, 10, 16, .65);--uc-card: rgba(255, 255, 255, .03);--uc-border: rgba(255, 255, 255, .08);--uc-bar-bg: rgba(255, 255, 255, .07)}html.light{--color-bg: #d9d9de;--color-bg-alt: #cfcfd6;--body-dots: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Ccircle cx='1.5' cy='1.5' r='0.6' fill='%23000000' fill-opacity='0.025'/%3E%3C/svg%3E");--color-text: rgba(20, 20, 32, .88);--color-text-muted: rgba(20, 20, 32, .45);--color-gold: #b8860b;--color-accent: rgba(0, 140, 200, .9);--color-surface: #e9e9ef;--color-input-bg: #fafafc;--color-border: rgba(0, 0, 0, .18);--warn-bg: rgba(200, 140, 0, .1);--warn-border: rgba(160, 110, 0, .45);--warn-strong: #8a6100;--header-bg: rgba(234, 234, 237, .8);--header-bg-scrolled: rgba(237, 237, 240, .94);--header-text: rgba(20, 20, 32, .88);--drawer-bg: rgba(245, 244, 250, .98);--drawer-link: rgba(20, 20, 32, .78);--drawer-link-hover-bg: rgba(0, 0, 0, .05);--drawer-divider: rgba(0, 0, 0, .08);--drawer-backdrop: rgba(0, 0, 0, .35);--icon-color: rgba(20, 20, 32, .6);--icon-hover-bg: rgba(0, 0, 0, .07);--icon-hover-color: rgba(20, 20, 32, .95);--auth-btn-border: rgba(0, 0, 0, .15);--auth-btn-color: rgba(20, 20, 32, .5);--auth-btn-hover-border: rgba(0, 0, 0, .35);--auth-btn-hover-color: rgba(20, 20, 32, .95);--dialog-bg: rgba(240, 239, 245, .88);--dialog-text: rgba(20, 20, 32, .88);--btn-bg: #e0dfe8;--btn-text: var(--color-text);--btn-border: rgba(0, 0, 0, .18);--btn-hover-bg: rgba(0, 0, 0, .08);--btn-hover-text: rgba(20, 20, 32, .95);--menu-bg: rgba(240, 239, 245, .95);--menu-border: rgba(0, 0, 0, .1);--uc-overlay: rgba(220, 218, 228, .7);--uc-card: rgba(255, 255, 255, .55);--uc-border: rgba(0, 0, 0, .1);--uc-bar-bg: rgba(0, 0, 0, .08)}html{color-scheme:dark}html.light{color-scheme:light}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);transition:background .3s ease,color .3s ease}html,body{height:100%;font-family:Arial,sans-serif}