:root{--primary: #2D6A4F;--primary-light: #40916C;--primary-dark: #1B4332;--primary-glow: rgba(45, 106, 79, .1);--primary-glow-strong: rgba(45, 106, 79, .2);--accent: #8B7355;--accent-light: #A89070;--bg: #FAFAF7;--bg-card: rgba(255, 255, 255, .75);--bg-card-hover: rgba(255, 255, 255, .9);--bg-elevated: rgba(255, 255, 255, .85);--border: rgba(139, 115, 85, .1);--border-hover: rgba(139, 115, 85, .2);--border-primary: rgba(45, 106, 79, .2);--text: #1A1A1A;--text-muted: #6B7264;--text-dim: #9CA392;--text-bright: #0D0D0D;--danger: #C0392B;--warning: #D4A017;--success: #2D6A4F;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 20px;--shadow: 0 2px 16px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .06);--shadow-glow: 0 0 40px rgba(45, 106, 79, .04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8b735526;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8b73554d}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}@keyframes float{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-14px) rotate(2deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes boardFade{0%{opacity:.02}50%{opacity:.05}to{opacity:.02}}input::placeholder{color:#00000040}input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #FAFAF7 inset;-webkit-text-fill-color:var(--text);caret-color:var(--text)}