:root{--bg-app: #0f1115;--bg-surface: #1a1d23;--bg-surface-2: #262a33;--text-primary: #f2f2f3;--text-secondary: #9aa0a6;--text-tertiary: #5f6368;--border-subtle: rgba(255, 255, 255, .06);--glass-panel: rgba(26, 29, 35, .7);--primary: #8ab4f8;--primary-dim: rgba(138, 180, 248, .1);--primary-glow: rgba(138, 180, 248, .3);--grad-masc: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);--grad-fem: linear-gradient(135deg, #831843 0%, #ec4899 100%);--grad-neut: linear-gradient(135deg, #064e3b 0%, #10b981 100%);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .4), 0 4px 6px rgba(0, 0, 0, .2);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--safe-top: env(safe-area-inset-top, 20px);--safe-bottom: env(safe-area-inset-bottom, 20px)}html{color-scheme:dark}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;scrollbar-width:thin;scrollbar-color:var(--bg-surface-2) var(--bg-app)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--bg-surface-2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.glass{background:var(--glass-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.05)}