@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--glass-bg:#ffffffb3;--glass-border:#e2e8f0cc;--text-main:#0f172a;--text-muted:#64748b;--text-white:#fff;--primary:#ec4899;--primary-glow:#ec489926;--secondary:#d97706;--secondary-glow:#d9770626;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-green:#10b981;--accent-gold:#eab308;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--shadow-sm:0 2px 8px #94a3b814;--shadow-md:0 8px 30px #94a3b81f;--shadow-lg:0 16px 40px #94a3b82e;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", sans-serif;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-bouncy:.5s cubic-bezier(.175, .885, .32, 1.275)}@media (prefers-color-scheme:dark){:root{--bg-primary:#0b0f19;--bg-secondary:#131c2e;--glass-bg:#131c2e99;--glass-border:#1e293bb3;--text-main:#f8fafc;--text-muted:#94a3b8;--primary-glow:#ec48994d;--secondary-glow:#d977064d;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 30px #0006;--shadow-lg:0 16px 40px #00000080}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);min-height:100vh;transition:background-color var(--transition-normal);overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex;text-align:left!important;border-inline:none!important;width:100%!important;max-width:100%!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-main);font-weight:700}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.glass-card-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse-glow{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;box-shadow:0 0 20px var(--primary-glow);transform:scale(1.02)}}@keyframes eating{0%{transform:scale(1)translateY(0)}25%{transform:scale(1.05)translateY(-5px)}50%{transform:scale(.95)translateY(2px)}75%{transform:scale(1.02)translateY(-2px)}to{transform:scale(1)translateY(0)}}@keyframes study-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.animate-float{animation:4s ease-in-out infinite float}.animate-bounce-slow{animation:3s ease-in-out infinite bounce-slow}.animate-eating{animation:.6s ease-in-out eating}.animate-study{animation:4s ease-in-out infinite float,3s ease-in-out infinite alternate study-wiggle}.container{max-width:1200px;margin:0 auto;padding:24px}.grid-dashboard{grid-template-columns:1fr 1.3fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=1024px){.grid-dashboard{grid-template-columns:1fr 1fr}}@media (width<=768px){.grid-dashboard{grid-template-columns:1fr}}.btn{border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-bouncy);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.95)}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #db2777 100%);color:var(--text-white);box-shadow:0 4px 14px #ec489966}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489999}.btn-secondary{background:linear-gradient(135deg, var(--secondary) 0%, #b45309 100%);color:var(--text-white);box-shadow:0 4px 14px #d9770666}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d9770699}.btn-ghost{color:var(--text-main);border:1px solid var(--glass-border);background:0 0}.btn-ghost:hover{background:var(--glass-border);color:var(--text-main)}.btn-icon{border-radius:50%;width:44px;height:44px;padding:0}.progress-bar-container{background-color:var(--glass-border);border-radius:6px;width:100%;height:12px;position:relative;overflow:hidden}.progress-bar-fill{border-radius:6px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.nav-bar{justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 24px;display:flex}.nav-logo{font-family:var(--font-display);background:linear-gradient(135deg, var(--primary) 0%, var(--accent-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:10px;font-size:1.5rem;font-weight:800;display:flex}.nav-links{gap:12px;display:flex}@media (width<=640px){.nav-bar{border-top:1px solid var(--glass-border);z-index:100;background:var(--glass-bg);border-radius:0;justify-content:space-around;margin-bottom:0;padding:12px 16px;position:fixed;bottom:0;left:0;right:0}.nav-logo{display:none}.nav-links{justify-content:space-between;width:100%}.container{padding-bottom:100px}}.nav-link-btn{cursor:pointer;border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;font-size:.8rem;font-weight:600;display:flex}.nav-link-btn.active{color:var(--primary);background-color:var(--primary-glow)}.nav-link-btn:hover:not(.active){color:var(--text-main);background-color:var(--glass-border)}.badge{text-transform:uppercase;border-radius:6px;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-study{color:#3b82f6;background-color:#3b82f626}.badge-health{color:#10b981;background-color:#10b98126}.badge-chores{color:#8b5cf6;background-color:#8b5cf626}.badge-fun{color:#ec4899;background-color:#ec489926}