.ThemeToggle-module__BDCMra__theme-toggle{border-radius:var(--radius-full);background-color:var(--color-surface);width:2.5rem;height:2.5rem;color:var(--color-text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.ThemeToggle-module__BDCMra__theme-toggle:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.ThemeToggle-module__BDCMra__theme-toggle__icon{width:1.25rem;height:1.25rem}
*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none}
:root{--color-background:#faf7f2;--color-accent-btn:#fff9;--color-surface:#f0eae0;--color-surface-elevated:#fff;--color-text-primary:#1a120a;--color-text-secondary:#5c3d28;--color-text-muted:#8c6e5a;--color-border:#e5d9ce;--color-border-light:#ede5dc;--color-primary:#b5541e;--color-primary-hover:#8f4218;--color-primary-light:#fde8da;--color-secondary:#4a6741;--color-secondary-hover:#3d5836;--color-accent:#c9a040;--color-accent-light:#f9edd0;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--shadow-sm:0 1px 2px #b5541e14;--shadow-md:0 4px 6px -1px #b5541e1f, 0 2px 4px -1px #b5541e14;--shadow-lg:0 10px 15px -3px #b5541e1f, 0 4px 6px -2px #b5541e0f;--shadow-xl:0 20px 25px -5px #b5541e24, 0 10px 10px -5px #b5541e14;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}[data-theme=dark]{--color-background:#1a120a;--color-accent-btn:#ffffffe6;--color-surface:#251a10;--color-surface-elevated:#2e2015;--color-text-primary:#f5f0e8;--color-text-secondary:#c4a882;--color-text-muted:#8c7a6a;--color-border:#3d2a1a;--color-border-light:#2e2015;--color-primary:#d4703a;--color-primary-hover:#e8824c;--color-primary-light:#3d2010;--color-secondary:#5e8454;--color-secondary-hover:#4a6741;--color-accent:#d4a843;--color-accent-light:#3a2c0a;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #0006, 0 10px 10px -5px #0000004d}html{font-family:var(--font-nunito,Nunito), system-ui, -apple-system, sans-serif;scroll-behavior:smooth;scrollbar-gutter:stable;min-height:100vh;scroll-padding-top:80px}h1,h2,h3{font-family:var(--font-heading,"Comfortaa", "Nunito", sans-serif)}body{background-color:var(--color-background);color:var(--color-text-primary);min-width:360px;transition:background-color var(--transition-base), color var(--transition-base)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-light);color:var(--color-text-primary)}@layer utilities{.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.container{padding-left:2rem;padding-right:2rem}}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.fade-in{animation:.5s ease-out fadeIn}.slide-up{animation:.6s ease-out slideUp}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hover-lift{transition:transform .3s,box-shadow .3s}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hover-scale{transition:transform .2s}.hover-scale:hover{transform:scale(1.05)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}