:root{--ink:#26342e;--sage:#dbe8da;--green:#5d7b65;--cream:#fffaf3;--peach:#f4a77e;--orange:#ed865f;--line:#e9e4dc}*{box-sizing:border-box}body{margin:0;background:#fbf7f0;color:var(--ink);font-family:Manrope,Arial,sans-serif}.app-shell{width:min(100%,460px);min-height:100vh;margin:auto;background:var(--cream);position:relative;overflow:hidden}button,input,select{font:inherit}button{border:0;cursor:pointer;color:inherit}.hidden{display:none!important}.welcome-screen,.auth-screen,.code-screen{min-height:100vh;padding:32px 25px 24px;display:flex;flex-direction:column}.brand{font-weight:800;font-size:22px;letter-spacing:-1px;display:flex;align-items:center;gap:7px}.brand-dot{width:13px;height:13px;background:var(--peach);border-radius:50%}.welcome-copy{padding-top:54px}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:800;color:#8a968e;margin:0 0 14px}.welcome-copy h1{font-family:"Playfair Display",serif;font-size:54px;line-height:.99;letter-spacing:-2.5px;margin:0}.welcome-copy p:not(.eyebrow),.auth-copy p:not(.eyebrow){margin:20px 0 0;line-height:1.55;font-size:15px;color:#6b766f;max-width:290px}.cat-hero{height:290px;position:relative;margin:8px auto 16px;width:250px}.cat-body{background:#f2a56d;width:175px;height:150px;border-radius:52% 52% 45% 45%;position:absolute;bottom:18px;left:38px;box-shadow:inset -14px -3px #df895e}.cat-ear{width:52px;height:63px;background:#e59162;position:absolute;top:-25px;border-radius:9px 45px 8px 45px}.ear-left{left:4px;transform:rotate(-22deg)}.ear-right{right:4px;transform:scaleX(-1) rotate(-22deg)}.cat-face{position:absolute;inset:35px 25px auto;height:62px;display:flex;justify-content:space-around;align-items:center}.eye{width:12px;height:16px;border-radius:50%;background:#334239;position:relative}.eye:after{content:"";width:3px;height:7px;border-radius:50%;background:white;position:absolute;left:3px;top:2px}.nose{position:absolute;width:10px;height:7px;background:#c96d67;border-radius:50%;top:28px}.whiskers{position:absolute;width:37px;height:16px;border-top:1px solid #885d50;border-bottom:1px solid #885d50;top:30px}.whiskers.left{left:-27px;transform:rotate(7deg)}.whiskers.right{right:-27px;transform:rotate(-7deg)}.cat-paw{position:absolute;width:44px;height:48px;background:#ef9d68;border-radius:50%;bottom:-9px}.paw-left{left:21px}.paw-right{right:21px}.spark{position:absolute;border-radius:50%;background:#c9ddc7}.spark-one{width:14px;height:14px;top:58px;left:5px}.spark-two{width:9px;height:9px;top:30px;right:18px;background:#f7c89d}.spark-three{width:20px;height:20px;right:0;bottom:50px}.primary-btn{width:100%;background:var(--ink);color:white;padding:18px 20px;border-radius:17px;font-weight:700;font-size:15px;display:flex;justify-content:space-between;align-items:center;margin-top:auto}.primary-btn span{font-size:22px;line-height:10px}.small-note{font-size:9px;line-height:1.5;text-align:center;color:#9ca49f;padding:13px 11px 0;margin:0}.auth-screen,.code-screen{background:#fffdf8}.auth-brand{margin:35px 0 55px}.auth-copy h2{font-family:"Playfair Display",serif;font-size:42px;line-height:1.02;margin:0;letter-spacing:-1.8px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#f1eee6;padding:4px;border-radius:14px;margin:38px 0 17px}.auth-tab{background:transparent;padding:11px 3px;border-radius:10px;font-size:10px;font-weight:700;color:#79847d}.auth-tab.selected{background:white;color:var(--ink);box-shadow:0 1px 5px #b9b4aa44}.auth-field{font-size:11px;font-weight:800;color:#5b6a61}.auth-field input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:14px;padding:16px 14px;background:white;outline-color:#9bb998;font-size:15px}.auth-help{font-size:11px;color:#849088;margin:10px 0}.code-inputs{display:flex;gap:9px;margin:43px 0 18px}.code-inputs input{width:100%;aspect-ratio:1;border:1px solid #dfe1da;border-radius:14px;text-align:center;font-size:25px;outline-color:#9bb998;background:white}.resend-btn{background:none;font-size:12px;color:#63816a;font-weight:700;text-decoration:underline;margin:0 auto}.onboarding{padding:28px 25px;min-height:100vh}.back-btn{background:none;padding:0;color:#6e7d74;font-size:13px}.progress-line{display:flex;gap:5px;margin:26px 0 42px}.progress-line span{height:4px;flex:1;border-radius:10px;background:#e6e6df}.progress-line span:first-child{background:var(--peach)}h2{font-family:"Playfair Display",serif;font-size:34px;line-height:1.08;margin:0 0 30px;letter-spacing:-1.3px}.goal-list{display:grid;gap:10px}.goal-card{position:relative;text-align:left;padding:17px 45px 17px 17px;background:#fff;border:1px solid var(--line);border-radius:17px}.goal-card b,.goal-card small{display:block}.goal-card b{font-size:15px}.goal-card small{font-size:11px;color:#829087;margin-top:4px}.goal-card i{position:absolute;right:17px;top:24px;font-style:normal;color:var(--peach);font-size:22px}.goal-card.selected{background:#edf4eb;border-color:#a3bca3}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-size:12px;font-weight:700}.form-grid label div,.form-grid select{display:flex;align-items:center;width:100%;padding:13px 12px;margin-top:7px;border:1px solid var(--line);border-radius:13px;background:white}.form-grid input{min-width:0;width:100%;border:0;outline:0;font-weight:700;font-size:16px}.form-grid em{font-style:normal;font-size:11px;color:#8c9790}.form-grid select{font-size:12px;appearance:none}.tip{font-size:11px;line-height:1.5;color:#849088;margin:22px 0}.step{display:none}.step.active{display:flex;flex-direction:column;min-height:calc(100vh - 130px)}.next-btn{margin-top:auto}.cat-mini{height:170px;width:190px;position:relative;margin:0 auto 10px}.cat-mini .cat-body{transform:scale(.85);transform-origin:center bottom;left:8px;bottom:2px}.pet-input{border:0;border-bottom:2px solid #bccabc;background:transparent;text-align:center;width:100%;padding:12px;font-family:"Playfair Display",serif;font-size:31px;outline:none;color:var(--ink)}.dashboard{padding:29px 20px 95px;min-height:100vh;background:#fffdf8}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}header h2{font-family:Manrope,sans-serif;letter-spacing:-1.5px;font-size:25px;margin:0}.profile-btn{background:#dcebd9;width:39px;height:39px;border-radius:50%;font-weight:800;color:#4d7258}.friend-card{background:#f6d9b8;border-radius:22px;height:121px;padding:18px 19px;position:relative;overflow:hidden}.friend-card p,.goal-card-main p,.ai-card p{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin:0 0 5px;color:#8e755f}.friend-card h3,.goal-card-main h3,.ai-card h3{font-size:15px;margin:0 0 5px;letter-spacing:-.5px}.friend-card small,.goal-card-main small,.ai-card small{font-size:11px;color:#6e726d}.friend-card .cat-mini{position:absolute;right:-15px;bottom:-25px;transform:scale(.78)}.goal-card-main{display:flex;justify-content:space-between;align-items:center;background:#e2eedf;margin-top:14px;padding:17px 19px;border-radius:22px}.goal-card-main p{color:#66806b}.goal-ring{width:60px;height:60px;border-radius:50%;background:conic-gradient(var(--green) 28%,#c7dbc6 0);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.goal-ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#e2eedf}.goal-ring b,.goal-ring span{z-index:1}.goal-ring b{font-size:17px}.goal-ring span{font-size:8px;color:#607465}.section-title{display:flex;align-items:center;justify-content:space-between;margin:28px 2px 12px}.section-title h3{font-size:18px;margin:0}.section-title button{background:none;font-size:11px;color:#718379}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{text-align:left;background:#fff;border:1px solid #eee9e1;padding:13px;border-radius:17px}.stat .icon{color:#759c80;font-size:20px;display:block;margin-bottom:12px}.stat strong{font-size:13px;display:block;letter-spacing:-.5px}.stat small{font-size:10px;color:#849087;display:block;margin:4px 0 10px}.bar{height:5px;border-radius:5px;background:#eff0eb;overflow:hidden}.bar i{display:block;width:38%;height:100%;background:#88b595;border-radius:5px}.bar .orange{width:68%;background:#ecaa75}.bar .yellow{width:43%;background:#ddc66f}.bar .pink{width:9%;background:#e4a4a2}.ai-card{display:grid;grid-template-columns:33px 1fr;gap:11px;background:#eee8ff;border-radius:20px;padding:16px;margin-top:21px;position:relative}.ai-card p{color:#8177a3}.ai-card h3{font-size:14px}.ai-card small{display:block;max-width:225px;line-height:1.5;color:#736f7e}.ai-star{font-size:22px;color:#897dbe}.ai-card button{grid-column:2;background:none;color:#7168a0;font-size:11px;font-weight:800;padding:10px 0 0;text-align:left}nav{position:absolute;bottom:0;left:0;right:0;background:#fffdf8;border-top:1px solid #ede9e0;display:flex;justify-content:space-around;padding:11px 7px max(13px,env(safe-area-inset-bottom))}nav button{font-size:19px;background:none;color:#9ba59f;display:flex;flex-direction:column;gap:3px;align-items:center}nav button span{font-size:8px;font-weight:700}nav .nav-active{color:#5f8169}.modal{position:absolute;inset:0;background:rgba(32,45,38,.32);z-index:3;display:flex;align-items:flex-end}.modal-card{background:#fffdf8;width:100%;min-height:360px;border-radius:28px 28px 0 0;padding:27px 24px;position:relative;animation:rise .3s ease-out}.close{position:absolute;right:17px;top:16px;width:32px;height:32px;border-radius:50%;background:#f1efe9;font-size:21px}.modal h2{font-size:28px;margin-bottom:10px}.modal p{font-size:13px;color:#718077;line-height:1.5}.water-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:24px}.water-actions button{padding:14px 3px;border-radius:13px;background:#e5f0ea;color:#547461;font-size:12px;font-weight:800}.chat-box{background:#f1ecff;padding:13px;border-radius:14px;margin:17px 0;font-size:13px}.chat-input{display:flex;border:1px solid var(--line);padding:5px 5px 5px 13px;border-radius:13px}.chat-input input{border:0;background:transparent;outline:0;min-width:0;flex:1}.chat-input button{background:var(--ink);color:white;border-radius:9px;padding:8px 11px}@keyframes rise{from{transform:translateY(80px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:600px){body{padding:20px;background:#e9eee7}.app-shell{min-height:calc(100vh - 40px);border-radius:28px;box-shadow:0 20px 70px #78847744}.welcome-screen,.auth-screen,.code-screen,.onboarding,.dashboard{min-height:calc(100vh - 40px)}}