:root{--bg-primary:#fff;--bg-secondary:#fbfbf9;--bg-tertiary:#f4f4f0;--text-primary:#111;--text-secondary:#555;--text-muted:#888;--accent-gold:#c5a059;--accent-gold-hover:#b48e47;--accent-gold-glow:#c5a05933;--border-color:#eaeaea;--border-color-soft:#f5f5f5;--sidebar-width:260px;--font-sans:"Outfit", sans-serif;--font-serif:"Playfair Display", serif;--max-width:1400px;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s ease;--glow-opacity:.05}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#121212;--bg-tertiary:#1a1a1a;--text-primary:#f5f5f5;--text-secondary:#a0a0a0;--text-muted:#666;--accent-gold:#e2c07d;--accent-gold-hover:#f3d498;--accent-gold-glow:#e2c07d59;--border-color:#222;--border-color-soft:#161616;--glow-opacity:.15}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .5s,color .5s;overflow-x:hidden}body{flex-direction:column;display:flex}a{color:inherit;transition:var(--transition-fast);text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.app-container{width:100%;min-height:100vh;display:flex;position:relative}.main-content{margin-left:var(--sidebar-width);min-height:100vh;transition:var(--transition-smooth);flex-direction:column;flex-grow:1;padding:40px 60px;display:flex}@media (max-width:1024px){.main-content{margin-left:0;padding:100px 30px 40px}}.firefly-glow{pointer-events:none;z-index:0;background:radial-gradient(circle 800px at var(--mouse-x,50vw) var(--mouse-y,50vh), var(--accent-gold-glow) 0%, #0000 80%);width:100vw;height:100vh;opacity:var(--glow-opacity);transition:opacity 1s;position:fixed;top:0;left:0;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:.4;transform:scale(1)}}@keyframes fireflyFlight{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.2)}66%{transform:translate(-20px,-20px)scale(.8)}to{transform:translate(0)scale(1)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.text-gold{color:var(--accent-gold)}.serif{font-family:var(--font-serif)}