:root{font-family:Inter,system-ui,sans-serif;font-optical-sizing:auto;color:var(--text-primary);background-color:var(--bg-page);--bg-page: #04101e;--text-primary: #e9ecff;--text-muted: rgba(233, 236, 255, .75);--text-soft: rgba(233, 236, 255, .7);--nav-bg: rgba(8, 10, 20, .6);--nav-border: rgba(255, 255, 255, .08);--logo-bg: rgba(255, 255, 255, .1);--logo-border: rgba(255, 255, 255, .2);--menu-bg: rgba(255, 255, 255, .08);--menu-border: rgba(255, 255, 255, .2);--menu-bar: #e9ecff;--surface: rgba(14, 20, 40, .65);--surface-strong: rgba(14, 20, 40, .7);--surface-solid: rgba(14, 20, 40, .9);--surface-soft: rgba(255, 255, 255, .05);--surface-soft-strong: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--accent: #4da8da;--accent-secondary: #38c9b1;--accent-foreground: #04101e;--accent-glow: rgba(77, 168, 218, .3);--accent-gradient: linear-gradient(135deg, #4da8da, #38c9b1);--tag-active-bg: rgba(77, 168, 218, .3);--tag-active-border: rgba(77, 168, 218, .6);--input-bg: rgba(255, 255, 255, .08);--input-border: rgba(255, 255, 255, .2);--pill-bg: rgba(255, 255, 255, .08);--pill-border: rgba(255, 255, 255, .2);--modal-backdrop: rgba(6, 8, 18, .7);--shadow-strong: 0 30px 60px rgba(0, 0, 0, .35);--shadow-soft: 0 20px 40px rgba(0, 0, 0, .35);--glow-1: rgba(30, 80, 150, .25);--glow-2: rgba(40, 160, 140, .2);--star-1: rgba(200, 230, 255, .6);--star-2: rgba(180, 220, 255, .4);--star-3: rgba(190, 225, 255, .5);--star-4: rgba(170, 215, 255, .35);--star-5: rgba(185, 220, 255, .45);--star-opacity: .4;--avatar-1: #9fd3ff;--avatar-2: #4b6eff;--avatar-3: #111}:root[data-theme=light]{--bg-page: #f0f6fa;--text-primary: #1b1f36;--text-muted: rgba(31, 38, 63, .74);--text-soft: rgba(31, 38, 63, .7);--nav-bg: rgba(255, 255, 255, .78);--nav-border: rgba(31, 38, 63, .12);--logo-bg: rgba(255, 255, 255, .9);--logo-border: rgba(31, 38, 63, .15);--menu-bg: rgba(31, 38, 63, .06);--menu-border: rgba(31, 38, 63, .15);--menu-bar: #1b1f36;--surface: rgba(255, 255, 255, .8);--surface-strong: rgba(255, 255, 255, .9);--surface-solid: rgba(255, 255, 255, .96);--surface-soft: rgba(31, 38, 63, .04);--surface-soft-strong: rgba(31, 38, 63, .08);--border-subtle: rgba(31, 38, 63, .12);--border-strong: rgba(31, 38, 63, .18);--accent: #2980b9;--accent-secondary: #1abc9c;--accent-foreground: #f0f6fa;--accent-glow: rgba(41, 128, 185, .25);--accent-gradient: linear-gradient(135deg, #2980b9, #1abc9c);--tag-active-bg: rgba(41, 128, 185, .16);--tag-active-border: rgba(41, 128, 185, .35);--input-bg: rgba(31, 38, 63, .05);--input-border: rgba(31, 38, 63, .18);--pill-bg: rgba(31, 38, 63, .08);--pill-border: rgba(31, 38, 63, .18);--modal-backdrop: rgba(223, 228, 255, .7);--shadow-strong: 0 24px 50px rgba(31, 38, 63, .16);--shadow-soft: 0 18px 36px rgba(31, 38, 63, .12);--glow-1: rgba(100, 170, 220, .35);--glow-2: rgba(120, 210, 190, .3);--star-1: rgba(31, 38, 63, .2);--star-2: rgba(31, 38, 63, .16);--star-3: rgba(31, 38, 63, .18);--star-4: rgba(31, 38, 63, .14);--star-5: rgba(31, 38, 63, .18);--star-opacity: .35;--avatar-1: #e3ecff;--avatar-2: #8aa0ff;--avatar-3: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--bg-page)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a,button,input,textarea,select{touch-action:manipulation}@media(pointer:coarse){button,[role=button],a{min-height:44px;min-width:44px}}