:root{--bg-primary: #FFF9F0;--bg-card: #FFFFFF;--color-orange: #FF8C42;--color-orange-dark: #E67300;--color-mint: #4ECDC4;--color-mint-dark: #3BA99F;--color-yellow: #FFE66D;--color-yellow-dark: #E6C84A;--color-sky: #A8D8EA;--color-sky-dark: #7BBBD4;--color-coral: #FF6B6B;--color-coral-dark: #E05050;--text-primary: #2D3436;--text-secondary: #636E72;--border-radius-lg: 24px;--border-radius-md: 16px;--border-radius-sm: 12px;--border-radius-pill: 50px;--shadow-cartoon: 0 8px 0px rgba(0,0,0,.08);--shadow-cartoon-hover: 0 12px 0px rgba(0,0,0,.12);--font-title: "Nunito", "Fredoka", sans-serif;--font-body: "Varela Round", "Nunito", sans-serif;--font-number: "Fredoka", "Nunito", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;width:100%;font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.btn-cartoon{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:14px 28px;border-radius:var(--border-radius-md);border:3px solid var(--color-orange-dark);background:var(--color-orange);color:#fff;font-family:var(--font-title);font-weight:700;font-size:16px;cursor:pointer;transition:all .2s cubic-bezier(.68,-.55,.27,1.55);box-shadow:var(--shadow-cartoon);text-decoration:none}.btn-cartoon:hover{transform:translateY(-2px);box-shadow:var(--shadow-cartoon-hover)}.btn-cartoon:active{transform:translateY(2px);box-shadow:0 2px #00000014}.btn-cartoon.secondary{background:#fff;color:var(--color-mint);border-color:var(--color-mint-dark)}.btn-cartoon.secondary:hover{background:#4ecdc41a}.btn-cartoon.coral{background:var(--color-coral);border-color:var(--color-coral-dark)}.btn-cartoon.yellow{background:var(--color-yellow);color:var(--text-primary);border-color:var(--color-yellow-dark)}.btn-cartoon.sky{background:var(--color-sky);color:#fff;border-color:var(--color-sky-dark)}.card-cartoon{background:var(--bg-card);border-radius:var(--border-radius-lg);border:3px solid rgba(0,0,0,.06);padding:24px;box-shadow:var(--shadow-cartoon);transition:all .3s cubic-bezier(.68,-.55,.27,1.55)}.card-cartoon:hover{transform:scale(1.02);box-shadow:var(--shadow-cartoon-hover)}.chip-cartoon{display:inline-flex;align-items:center;gap:4px;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;border:2px solid}.chip-cartoon.orange{background:#ff8c4226;color:var(--color-orange-dark);border-color:var(--color-orange)}.chip-cartoon.mint{background:#4ecdc426;color:var(--color-mint-dark);border-color:var(--color-mint)}.chip-cartoon.yellow{background:#ffe66d4d;color:var(--color-yellow-dark);border-color:var(--color-yellow)}.chip-cartoon.sky{background:#a8d8ea4d;color:var(--color-sky-dark);border-color:var(--color-sky)}.chip-cartoon.coral{background:#ff6b6b26;color:var(--color-coral-dark);border-color:var(--color-coral)}.input-cartoon{width:100%;padding:14px 18px;border-radius:var(--border-radius-sm);border:2px solid #E8E8E8;background:#f8f9fa;font-family:var(--font-body);font-size:16px;color:var(--text-primary);outline:none;transition:all .2s}.input-cartoon:focus{border-color:var(--color-mint);background:#fff;box-shadow:0 0 0 4px #4ecdc426}.input-cartoon::placeholder{color:#b2bec3}.page-title{font-family:var(--font-title);font-weight:800;font-size:32px;color:var(--text-primary);text-shadow:2px 2px 0px rgba(0,0,0,.08)}.number-cartoon{font-family:var(--font-number);font-weight:700}.wave-divider{width:100%;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60'%3E%3Cpath fill='%23FF8C42' fill-opacity='0.15' d='M0,30 C240,60 480,0 720,30 C960,60 1200,0 1440,30 L1440,60 L0,60 Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;background-size:1440px 20px;border:none;margin:20px 0}@keyframes bounceIn{0%{opacity:0;transform:translateY(20px) scale(.95)}60%{transform:translateY(-4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.bounce-in{animation:bounceIn .5s cubic-bezier(.68,-.55,.27,1.55) forwards}.bounce-in-delay-1{animation-delay:.1s;opacity:0}.bounce-in-delay-2{animation-delay:.2s;opacity:0}.bounce-in-delay-3{animation-delay:.3s;opacity:0}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float-animation{animation:float 3s ease-in-out infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:3px solid rgba(0,0,0,.06);display:flex;justify-content:space-around;align-items:center;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;color:var(--text-secondary);font-size:11px;font-weight:600;text-decoration:none;transition:all .2s;position:relative}.nav-item .nav-icon{font-size:22px;transition:transform .2s}.nav-item.active{color:var(--color-orange)}.nav-item.active .nav-icon{transform:translateY(-2px)}.nav-item.active:after{content:"";position:absolute;bottom:-6px;width:6px;height:6px;border-radius:50%;background:var(--color-orange)}.page-container{padding:16px 16px 84px;max-width:480px;margin:0 auto;position:relative;z-index:1}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-state .empty-emoji{font-size:64px;margin-bottom:12px;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}