@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap";:root{--bg: #FBF5EA;--surface: #ffffff;--surface2: #F4ECDE;--text: #221A12;--muted: #8C8073;--soft: #5C5042;--border: #ECE1D2;--eyebrow: #F08A1E;--chip: #F4ECDE;--sel: #FFF1E9;--tabbar: rgba(251, 245, 234, .92);--shadow: rgba(34, 26, 18, .14);--paw-color: #FF8C42;--accent: #FF5A36;--accent-hover: #E8431F;--accent-shadow: rgba(255, 90, 54, .4);--success: #2E9E63;--danger: #C0392B;--font-display: "Bricolage Grotesque", sans-serif;--font-body: "Hanken Grotesk", sans-serif}body.dark{--bg: #1a1612;--surface: #241F1A;--surface2: #322A20;--text: #FAF3EA;--muted: #A2937D;--soft: #CCBEA8;--border: #3A3024;--eyebrow: #FFA64D;--chip: #322A20;--sel: rgba(255, 107, 53, .18);--tabbar: rgba(26, 22, 18, .92);--shadow: rgba(0, 0, 0, .5);--paw-color: #C2410C;--accent: #FF6B35;--accent-hover: #FF7F52;--accent-shadow: rgba(255, 107, 53, .45)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;letter-spacing:-.5px}input,textarea,button{font-family:var(--font-body)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--eyebrow)}.heading-lg{font-family:var(--font-display);font-weight:800;font-size:32px;line-height:1;letter-spacing:-1px;margin-top:4px}.chip{font-size:12.5px;font-weight:600;color:var(--soft);background:var(--chip);padding:6px 13px;border-radius:999px;display:inline-block}.btn{padding:14px 24px;border:none;border-radius:999px;font-size:16px;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:opacity .2s,transform .1s}.btn:hover{opacity:.9}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 22px var(--accent-shadow)}.btn-secondary{background:var(--text);color:var(--bg)}.btn-outline{background:transparent;border:2px solid var(--text);color:var(--text)}.btn-primary,.btn-secondary,.btn-outline{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,opacity .2s,transform .1s}.input{width:100%;padding:13px 15px;border:2px solid var(--border);border-radius:14px;font-size:15px;color:var(--text);background:var(--surface);outline:none;transition:border-color .2s,background-color .3s ease,color .3s ease}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--accent)}.card{background:var(--surface);border-radius:22px;padding:24px;box-shadow:0 4px 16px var(--shadow);transition:background-color .3s ease,box-shadow .3s ease}.error{color:var(--danger);font-size:14px;margin-top:8px}.page{max-width:430px;margin:0 auto;padding:24px 16px 100px;min-height:100vh;background:var(--bg);position:relative;z-index:1;overflow-x:hidden;transition:background-color .3s ease}.navbar{display:flex;justify-content:space-evenly;align-items:center;max-width:430px;margin:0 auto;background:var(--tabbar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:14px 8px calc(env(safe-area-inset-bottom,0px) + 16px);position:fixed;bottom:0;left:0;right:0;border-top:1px solid var(--border);z-index:100;transition:background-color .3s ease,border-color .3s ease}.navbar-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:60px;min-height:44px;padding:6px 10px;border-radius:16px;text-decoration:none;color:var(--muted);background:transparent;transition:background-color .2s ease,color .2s ease}.navbar-icon-wrap{position:relative;display:inline-flex}.navbar-icon{font-size:26px;line-height:1;filter:grayscale(1);opacity:.7;transform:scale(1);transition:font-size .2s ease,transform .2s ease,filter .2s ease,opacity .2s ease}.navbar-badge{position:absolute;top:-4px;right:-8px;min-width:18px;height:18px;padding:2px 4px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#E53E3E;color:#fff;font-size:11px;font-weight:700;line-height:1;border:2px solid var(--tabbar);animation:navbarBadgePop .25s ease}@keyframes navbarBadgePop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.navbar-label{font-size:12.5px;font-weight:500;letter-spacing:.2px;white-space:nowrap;transition:font-weight .2s ease,color .2s ease}.navbar-indicator{position:absolute;bottom:0;left:50%;width:20px;height:4px;border-radius:999px;background:var(--accent);transform:translate(-50%) scaleX(0);opacity:0;transition:transform .2s ease,opacity .2s ease}.navbar-item.active{background:var(--sel);color:var(--accent)}.navbar-item.active .navbar-icon{font-size:32px;filter:none;opacity:1}.navbar-item.active .navbar-label{font-weight:700;color:var(--accent)}.navbar-item.active .navbar-indicator{transform:translate(-50%) scaleX(1);opacity:1}.theme-toggle{position:absolute;top:24px;right:16px;z-index:70;width:44px;height:44px;border-radius:14px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--shadow);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}@keyframes pawDrift{0%,to{transform:translate(0)}50%{transform:translate(8px,-6px)}}.paw-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.paw-print{position:absolute;fill:var(--paw-color, #E5A87C);opacity:.35;animation:pawDrift 10s ease-in-out infinite;transition:fill .3s ease}.paw-1{animation-delay:0s}.paw-2{animation-delay:1.2s}.paw-3{animation-delay:2.4s}.paw-4{animation-delay:3.6s}.paw-5{animation-delay:4.8s}.paw-6{animation-delay:6s}.paw-7{animation-delay:7.2s}.paw-8{animation-delay:8.4s}.paw-9{animation-delay:9.6s}.paw-10{animation-delay:10.8s}