:root{--o:#ff7a45;--v:#7c5cff;--bg:#fff8f3;--ink:#2b2236;--mut:#7a7085;color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}h1,h2,h3{margin:.3em 0}h2{font-size:1.2rem}.wrap,.auth{max-width:520px;margin:0 auto;padding:16px 14px 60px}.auth{text-align:center;padding-top:40px}.logo{font-size:72px}.center{place-items:center;height:100vh;font-size:1.2rem;display:grid}.card{background:#fff;border-radius:18px;flex-direction:column;gap:10px;margin:12px 0;padding:16px;display:flex;box-shadow:0 4px 18px #2b223612}input,select{background:#fff;border:1px solid #e6dfe9;border-radius:12px;width:100%;padding:11px 12px;font-size:1rem}button{background:linear-gradient(90deg,var(--o),var(--v));color:#fff;cursor:pointer;border:0;border-radius:12px;padding:12px 16px;font-size:1rem;font-weight:600}button:disabled{opacity:.5}button.ghost{color:var(--ink);background:#f3eef7}button.sm{padding:6px 10px}button.danger{color:#c62828}button.link{color:var(--v);background:0 0;padding:6px}.muted{color:var(--mut)}.small{font-size:.85rem}.err{color:#c62828;font-size:.9rem}.note{background:#fff1e8;border-radius:12px;padding:10px 12px;font-size:.9rem}.row{align-items:center;gap:8px;display:flex}.row>button{flex:1}.steps{justify-content:center;gap:6px;display:flex}.steps span{background:#e6dfe9;border-radius:3px;width:36px;height:6px}.steps span.on{background:var(--o)}.opt{color:var(--ink);text-align:left;background:#f3eef7}.opt.sel,.pet.sel{outline:3px solid var(--o);background:#fff1e8}.pets{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pet{color:var(--ink);background:#f7f3fa;flex-direction:column;align-items:center;gap:4px;font-weight:400;display:flex}.pet small{color:var(--mut);font-size:.78rem}.big{font-size:44px;line-height:1}label{flex-direction:column;gap:4px;font-size:.9rem;display:flex}input[type=range]{accent-color:var(--o);padding:0}header{justify-content:space-between;align-items:center;font-size:1.3rem;display:flex}header input{width:auto;padding:6px 8px;font-size:.9rem}.petcard{background:linear-gradient(135deg,#fff1e8,#f1ecff);flex-direction:row;align-items:center;gap:12px}.petcard p{margin:2px 0 0;font-size:.92rem}.petcard>div:nth-child(2){flex:1}.streak{flex-direction:column;align-items:center;font-size:1.3rem;font-weight:700;display:flex}.streak small{color:var(--mut);font-size:.7rem;font-weight:400}.kcal b{font-size:2rem}.kcal span{color:var(--mut)}.bar-l{justify-content:space-between;margin-bottom:4px;font-size:.88rem;display:flex}.track{background:#f0eaf4;border-radius:5px;height:10px;overflow:hidden}.fill{background:linear-gradient(90deg,var(--o),var(--v));border-radius:5px;height:100%;transition:width .4s}.fill.over{background:#e57373}.macros{color:var(--mut);justify-content:space-between;font-size:.9rem;display:flex}.cta{grid-template-columns:1fr 1fr;gap:10px;display:grid}.meal{cursor:pointer;flex-direction:row;justify-content:space-between;align-items:center}.meal small{color:var(--mut);display:block}.tag{background:#f3eef7;border-radius:8px;padding:4px 8px;font-size:.8rem}.tag.warn{color:#d4561b;background:#fff1e8}.modal{z-index:10;background:#140a1e66;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{border-radius:20px 20px 0 0;width:100%;max-width:520px;max-height:90vh;margin:0;overflow:auto}.item{border:1px solid #f0eaf4;border-radius:12px;flex-direction:column;gap:6px;padding:8px;display:flex}.nums{align-items:flex-end;gap:6px;display:flex}.nums label{flex:1;font-size:.75rem}.nums input{padding:8px 6px}