:root{--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif}:root,.light-theme{--bg-primary: #FFFDF9;--bg-secondary: #FBF8F3;--bg-tertiary: #F5F0E8;--bg-hover: rgba(245, 166, 35, .08);--bg-card: rgba(255, 255, 255, .9);--bg-glass: rgba(255, 253, 249, .85);--text-primary: #1A1612;--text-secondary: #4A4540;--text-tertiary: #7A756D;--text-muted: #A39E94;--border-primary: rgba(26, 22, 18, .08);--border-secondary: rgba(26, 22, 18, .15);--border-accent: rgba(245, 166, 35, .3);--color-primary: #D4940A;--color-primary-hover: #B87F08;--color-primary-light: rgba(245, 166, 35, .12);--color-primary-glow: rgba(245, 166, 35, .25);--color-secondary: #8B2635;--color-secondary-light: rgba(139, 38, 53, .1);--color-success: #E8F5E9;--color-success-text: #2E7D32;--color-success-border: rgba(46, 125, 50, .2);--color-info: #E3F2FD;--color-info-text: #1565C0;--color-error: #FFEBEE;--color-error-text: #C62828;--color-error-border: rgba(198, 40, 40, .2);--color-danger: #C62828;--color-danger-hover: #B71C1C;--shadow-xs: 0 1px 2px rgba(26, 22, 18, .04);--shadow-sm: 0 2px 8px rgba(26, 22, 18, .06);--shadow-md: 0 4px 16px rgba(26, 22, 18, .08);--shadow-lg: 0 8px 32px rgba(26, 22, 18, .12);--shadow-xl: 0 16px 48px rgba(26, 22, 18, .16);--shadow-glow: 0 0 40px rgba(245, 166, 35, .15);--shadow-card: 0 4px 24px rgba(26, 22, 18, .08), 0 0 0 1px rgba(26, 22, 18, .04);--gradient-primary: linear-gradient(135deg, #F5A623 0%, #D4940A 100%);--gradient-bg: radial-gradient(ellipse at top, #FBF8F3 0%, #F5F0E8 100%);--gradient-shine: linear-gradient(135deg, rgba(255,255,255,.4) 0%, rgba(255,255,255,0) 60%);--blur-sm: 8px;--blur-md: 16px;--blur-lg: 24px}.dark-theme{--bg-primary: #0D0B09;--bg-secondary: #151210;--bg-tertiary: #1C1917;--bg-hover: rgba(245, 166, 35, .08);--bg-card: rgba(28, 25, 23, .8);--bg-glass: rgba(13, 11, 9, .85);--text-primary: #FAF9F7;--text-secondary: #D4D0CA;--text-tertiary: #A19B93;--text-muted: #6B6560;--border-primary: rgba(250, 249, 247, .08);--border-secondary: rgba(250, 249, 247, .15);--border-accent: rgba(245, 166, 35, .4);--color-primary: #F5A623;--color-primary-hover: #FFBA42;--color-primary-light: rgba(245, 166, 35, .15);--color-primary-glow: rgba(245, 166, 35, .35);--color-secondary: #E57373;--color-secondary-light: rgba(229, 115, 115, .15);--color-success: rgba(46, 125, 50, .2);--color-success-text: #81C784;--color-success-border: rgba(129, 199, 132, .3);--color-info: rgba(21, 101, 192, .2);--color-info-text: #64B5F6;--color-error: rgba(198, 40, 40, .2);--color-error-text: #EF9A9A;--color-error-border: rgba(239, 154, 154, .3);--color-danger: #EF5350;--color-danger-hover: #E53935;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .7);--shadow-glow: 0 0 60px rgba(245, 166, 35, .2);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .05);--gradient-primary: linear-gradient(135deg, #F5A623 0%, #D4940A 100%);--gradient-bg: radial-gradient(ellipse at top, #1C1917 0%, #0D0B09 100%);--gradient-shine: linear-gradient(135deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 60%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--text-primary);background:var(--bg-tertiary);transition:background-color .4s ease,color .4s ease;overflow-x:hidden}#app{position:relative;min-height:100vh}.app-bg{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--gradient-bg);z-index:-1;pointer-events:none}.app-bg:before{content:"";position:absolute;top:-50%;right:-20%;width:80%;height:100%;background:radial-gradient(circle,var(--color-primary-glow) 0%,transparent 70%);opacity:.4;animation:float 20s ease-in-out infinite}.app-bg:after{content:"";position:absolute;bottom:-30%;left:-10%;width:60%;height:80%;background:radial-gradient(circle,var(--color-secondary-light) 0%,transparent 70%);opacity:.3;animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.3;letter-spacing:-.02em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-secondary) var(--bg-secondary)}::selection{background:var(--color-primary-light);color:var(--text-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--color-primary-glow)}50%{box-shadow:0 0 40px var(--color-primary-glow)}}