@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@600;700;800&display=swap";
:root{--color-primary:#8b6914;--color-primary-light:#d4a574;--color-primary-dark:#6b4f10;--color-primary-gradient:linear-gradient(135deg, #d4a574, #8b6914);--color-primary-subtle:#8b691414;--color-accent:#c49a6c;--color-accent-light:#e8d5b7;--color-accent-glow:#c49a6c4d;--color-bg:#faf7f4;--color-bg-alt:#f5f0eb;--color-bg-card:#fff;--color-bg-card-hover:#fdf9f5;--color-bg-elevated:#fff;--color-bg-sidebar:#fefcfa;--color-bg-input:#fff;--color-bg-overlay:#2c181080;--color-text:#2c1810;--color-text-secondary:#6b5b4e;--color-text-muted:#9b8b7e;--color-text-on-primary:#fff;--color-border:#e8ddd3;--color-border-light:#f0e8e0;--color-border-focus:#c49a6c;--color-success:#2e7d32;--color-success-bg:#2e7d3214;--color-warning:#f57c00;--color-warning-bg:#f57c0014;--color-error:#c62828;--color-error-bg:#c6282814;--color-info:#1565c0;--color-info-bg:#1565c014;--color-xp:#8b6914;--color-xp-bg:#8b69141a;--color-level-bronze:#cd7f32;--color-level-silver:silver;--color-level-gold:gold;--color-level-platinum:#e5e4e2;--shadow-sm:0 1px 3px #2c18100f;--shadow-md:0 4px 12px #2c181014;--shadow-lg:0 8px 30px #2c18101f;--shadow-xl:0 20px 60px #2c181026;--shadow-glow:0 0 40px #c49a6c33;--shadow-inset:inset 0 2px 4px #2c18100a;--font-heading:"Playfair Display", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--sidebar-width:260px;--sidebar-collapsed-width:72px;--topbar-height:64px;--content-max-width:1400px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--color-primary:#d4a574;--color-primary-light:#e8d5b7;--color-primary-dark:#c49a6c;--color-primary-gradient:linear-gradient(135deg, #d4a574, #c49a6c);--color-primary-subtle:#d4a5741a;--color-accent:#d4a574;--color-accent-light:#3d2e1f;--color-accent-glow:#d4a57433;--color-bg:#131110;--color-bg-alt:#1c1917;--color-bg-card:#201d1b;--color-bg-card-hover:#2a2624;--color-bg-elevated:#252220;--color-bg-sidebar:#181614;--color-bg-input:#1c1917;--color-bg-overlay:#0009;--color-text:#f5f0eb;--color-text-secondary:#c4b5a5;--color-text-muted:#8b7b6e;--color-text-on-primary:#131110;--color-border:#302a25;--color-border-light:#262220;--color-border-focus:#d4a574;--color-success-bg:#2e7d321f;--color-warning-bg:#f57c001f;--color-error-bg:#c628281f;--color-info-bg:#1565c01f;--color-xp-bg:#d4a5741f;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-xl:0 20px 60px #0009;--shadow-glow:0 0 40px #d4a57426;--shadow-inset:inset 0 2px 4px #00000026}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base), color var(--transition-base);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text);line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}img{max-width:100%;height:auto}input,textarea,select{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%;padding:.75rem 1rem}input:focus,textarea:focus,select:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-subtle)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{opacity:0;animation:.5s forwards fadeInUp}.animate-fade-in{opacity:0;animation:.4s forwards fadeIn}.animate-slide-in-right{opacity:0;animation:.4s forwards slideInRight}.animate-scale-in{opacity:0;animation:.3s forwards scaleIn}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.delay-7{animation-delay:.35s}.delay-8{animation-delay:.4s}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}