@import "https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&display=swap";
:root{--bg-primary:#f7f0ec;--bg-secondary:#f3d0c9;--bg-tertiary:#eedac7;--text-primary:#8c5053;--text-secondary:#8c5053b3;--accent:#f3d0c9;--accent-hover:#e8bdb5;--glow-color:#f3d0c999;--glow-color-strong:#f3d0c9e6;--pattern-color:#f3d0c91f;--category-red:#f47e69;--category-green:#57ad98;--category-blue:#94cdf0;--category-yellow:#f1d889;--category-red-frame:#892b1c;--category-green-frame:#277573;--category-blue-frame:#815ea3;--category-yellow-frame:#c0a057;--shadow-sm:0 1px 2px #8c50531a;--shadow-md:0 4px 6px #8c505326;--shadow-lg:0 10px 20px #8c505333;--shadow-glow:0 0 20px var(--glow-color);--button-bg:#8c5053;--button-text:#eedac7;--button-hover:#7a4547;--input-bg:#fffc;--input-border:#f3d0c9;--input-focus-border:#8c5053;--nav-bg:#f7f0ecf2;--nav-border:#8c50531a;--nav-active:#8c5053;--nav-inactive:#8c505380;--transition-fast:.15s ease;--transition-medium:.3s ease;--transition-slow:.5s ease;--transition-theme:.4s ease;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:2rem;--bg-light:#f7f0ec;--bg-light-alt:#f3d0c9;--bg-dark:#8c5053;--text-on-light:#8c5053;--text-on-dark:#eedac7;--primary:#8c5053;--surface:#f7f0ec}[data-theme=dark]{--bg-primary:#8c5053;--bg-secondary:#7a4547;--bg-tertiary:#6d3d3f;--text-primary:#eedac7;--text-secondary:#eedac7b3;--accent:#f3d0c9;--accent-hover:#e8bdb5;--glow-color:#eedac766;--glow-color-strong:#eedac7b3;--pattern-color:#eedac714;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 6px #00000040;--shadow-lg:0 10px 20px #0000004d;--shadow-glow:0 0 25px var(--glow-color);--button-bg:#f3d0c9;--button-text:#8c5053;--button-hover:#e8bdb5;--input-bg:#0003;--input-border:#eedac74d;--input-focus-border:#f3d0c9;--nav-bg:#8c5053f2;--nav-border:#eedac71a;--nav-active:#eedac7;--nav-inactive:#eedac780;--text-on-light:#eedac7;--primary:#f3d0c9;--surface:#8c5053}body:before{content:"";pointer-events:none;z-index:-1;opacity:1;background-image:  radial-gradient(circle at 15% 20%,var(--pattern-color)1px,transparent 1px),radial-gradient(circle at 85% 15%,var(--pattern-color)1.5px,transparent 1.5px),radial-gradient(circle at 45% 80%,var(--pattern-color)1px,transparent 1px),radial-gradient(circle at 75% 70%,var(--pattern-color)2px,transparent 2px),radial-gradient(circle at 25% 55%,var(--pattern-color)1px,transparent 1px),radial-gradient(circle at 90% 45%,var(--pattern-color)1.5px,transparent 1.5px),radial-gradient(circle at 10% 85%,var(--pattern-color)1px,transparent 1px),radial-gradient(circle at 55% 35%,var(--pattern-color)2px,transparent 2px),radial-gradient(circle at 35% 10%,var(--pattern-color)1px,transparent 1px),radial-gradient(circle at 65% 95%,var(--pattern-color)1.5px,transparent 1.5px),radial-gradient(circle at 5% 40%,var(--pattern-color)1px,transparent 1px),radial-gradient(circle at 95% 60%,var(--pattern-color)1px,transparent 1px),radial-gradient(circle at 40% 5%,var(--pattern-color)1.5px,transparent 1.5px),radial-gradient(circle at 60% 50%,var(--pattern-color)1px,transparent 1px),radial-gradient(circle at 20% 75%,var(--pattern-color)2px,transparent 2px);transition:opacity var(--transition-theme);position:fixed;inset:0}[data-theme=dark] body:after{content:"☽";color:var(--pattern-color);opacity:.15;pointer-events:none;z-index:-1;font-size:3rem;animation:4s ease-in-out infinite moonGlow;position:fixed;top:15%;right:10%}@keyframes moonGlow{0%,to{opacity:.1}50%{opacity:.2}}html,body{max-width:100vw;min-height:100dvh;overflow-x:hidden}body{color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-theme),color var(--transition-theme);font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:.02em;font-family:Cinzel,Georgia,serif;font-weight:600;line-height:1.2}h1{font-size:var(--font-3xl);font-weight:700}h2{font-size:var(--font-2xl)}h3{font-size:var(--font-xl)}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-area-top{padding-top:env(safe-area-inset-top,0)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-glow{box-shadow:var(--shadow-glow);transition:box-shadow var(--transition-medium)}.card-glow:hover{box-shadow:0 0 30px var(--glow-color-strong)}.hover-lift{transition:transform var(--transition-medium),box-shadow var(--transition-medium)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.5s forwards fadeIn}@keyframes glowPulse{0%,to{box-shadow:0 0 15px var(--glow-color)}50%{box-shadow:0 0 25px var(--glow-color-strong)}}.animate-glow-pulse{animation:2s ease-in-out infinite glowPulse}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(180deg)}}.btn-primary{background-color:var(--button-bg);color:var(--button-text);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-full);transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);font-weight:600}.btn-primary:hover{background-color:var(--button-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.input-styled{background-color:var(--input-bg);border:2px solid var(--input-border);border-radius:var(--radius-md);padding:var(--spacing-sm)var(--spacing-md);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-styled:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 3px var(--glow-color);outline:none}.category-pill{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-sm);background-color:var(--accent);color:var(--text-primary);transition:background-color var(--transition-fast),transform var(--transition-fast);font-weight:500;display:inline-flex}.category-pill:hover{background-color:var(--accent-hover);transform:scale(1.05)}.category-pill.active{background-color:var(--button-bg);color:var(--button-text)}@keyframes themeSwitch{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-toggle{border-radius:var(--radius-full);background-color:var(--accent);width:44px;height:44px;color:var(--text-primary);transition:background-color var(--transition-fast),transform var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background-color:var(--accent-hover);transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{width:24px;height:24px}