@import url("https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800;900&display=swap");:root{--primary:#5b4fcf;--primary-dark:#4338a8;--primary-light:#ede9ff;--pink:#e84393;--pink-dark:#be2476;--pink-light:#fff0f7;--green:#059669;--green-light:#ecfdf5;--amber:#d97706;--amber-light:#fffbeb;--red:#dc2626;--red-light:#fef2f2;--blue:#2563eb;--blue-light:#eff6ff;--text:#111827;--sub:#6b7280;--border:#e5e7eb;--bg:#f5f3ff;--white:#fff;--font-display:"Fredoka One",cursive;--font-body:"Nunito",sans-serif}*,:after,:before{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body,html{height:100%;font-family:var(--font-body);background:var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior:none}::-webkit-scrollbar{display:none}*{scrollbar-width:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.fade-up{animation:fadeUp .3s ease both}.scale-in{animation:scaleIn .25s ease both}button{transition:transform .1s,opacity .1s;font-family:var(--font-body);cursor:pointer}button:active{transform:scale(.96)!important}.shell{font-family:var(--font-body);background:var(--bg);min-height:100vh;max-width:430px;margin:0 auto;display:flex;flex-direction:column;position:relative}.card{background:var(--white);border-radius:18px;padding:15px 16px;box-shadow:0 2px 10px rgba(91,79,207,.08)}.body{flex:1 1;overflow-y:auto;padding:12px 16px 100px;display:flex;flex-direction:column;gap:12px}.nav-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;background:hsla(0,0%,100%,.97);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);display:flex;padding:8px 4px 20px;z-index:200}.nav-item{flex:1 1;border:none;background:none;flex-direction:column;gap:3px;padding:3px 2px}.nav-icon,.nav-item{display:flex;align-items:center}.nav-icon{width:34px;height:34px;border-radius:11px;justify-content:center;font-size:18px;transition:background .2s}.progress-track{background:var(--border);border-radius:99px;overflow:hidden}.progress-fill{height:100%;border-radius:99px;transition:width .8s ease}.tag{font-size:11px;font-weight:800;padding:3px 8px;border-radius:20px;white-space:nowrap}