:root{--bg: #f4f6fb;--card: #fff;--text: #1a1d26;--muted: #6b7280;--primary: #7b61ff;--primary-dark: #6347e8;--success: #3d9b6e;--success-bg: #e8f7ef;--pink: #ff6b9d;--shadow: 0 8px 28px rgba(26, 29, 38, .08);--radius: 20px;--tab-h: 64px;--safe-b: env(safe-area-inset-bottom, 0px);--font: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font);background:linear-gradient(160deg,#f0f4ff 0%,var(--bg) 40%,#faf8ff 100%);color:var(--text);-webkit-font-smoothing:antialiased}.app-shell{min-height:100dvh;max-width:480px;margin:0 auto;position:relative}.page{padding:1rem 1rem calc(var(--tab-h) + var(--safe-b) + 1rem);min-height:100dvh}.page-login{display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem}.has-tab{padding-bottom:calc(var(--tab-h) + var(--safe-b) + 1.5rem)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.page-header h1{margin:0;font-size:1.5rem;font-weight:700}.streak-badge{font-size:.75rem;background:var(--success-bg);color:var(--success);padding:.25rem .6rem;border-radius:999px;font-weight:600}.card{background:var(--card);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow);margin-bottom:.85rem}.card-title{margin:0 0 .75rem;font-size:.9rem;color:var(--muted);font-weight:600}.btn{border:none;border-radius:12px;padding:.65rem 1rem;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--primary),#9b7bff);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-ghost{background:#fff;border:1px solid #e5e7eb;color:var(--text)}.btn-block{width:100%}.btn-text{background:none;border:none;color:var(--primary);font-size:.85rem;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;font-size:1.1rem;cursor:pointer}.login-card{width:100%;max-width:380px;background:var(--card);border-radius:24px;padding:1.75rem;box-shadow:var(--shadow)}.brand{margin:0;font-size:2rem;background:linear-gradient(135deg,var(--primary),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.login-sub{color:var(--muted);margin:.25rem 0 1.25rem;font-size:.9rem}.tabs-auth{display:flex;background:#eef0f5;border-radius:10px;padding:3px;margin-bottom:1rem}.auth-tab{flex:1;border:none;background:transparent;padding:.45rem;border-radius:8px;font-weight:600;cursor:pointer;font-family:inherit}.auth-tab.on{background:#fff;box-shadow:0 2px 8px #0000000f}.auth-form label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.75rem}.auth-form input{display:block;width:100%;margin-top:.35rem;padding:.6rem .75rem;border:1px solid #e5e7eb;border-radius:10px;font-size:1rem;font-family:inherit}.hidden{display:none!important}.login-hint,.disclaimer{font-size:.75rem;color:var(--muted);margin-top:.75rem}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,480px);height:calc(var(--tab-h) + var(--safe-b));padding-bottom:var(--safe-b);display:flex;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(0,0,0,.06);z-index:50}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--muted);font-size:.65rem}.tab-item.active{color:var(--primary);font-weight:600}.tab-icon{font-size:1.1rem}.seg-card{display:flex;gap:.5rem;padding:.35rem}.seg{flex:1;border:none;background:#eef0f5;border-radius:10px;padding:.5rem;font-weight:600;font-size:.8rem;cursor:pointer;font-family:inherit}.seg.on{background:#1a1d26;color:#fff}.ring-card{display:flex;gap:1rem;align-items:center}.ring-wrap{position:relative;width:110px;flex-shrink:0}.ring{width:110px;height:110px;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#eef0f5;stroke-width:8}.ring-fg{fill:none;stroke:var(--primary);stroke-width:8;stroke-linecap:round;stroke-dasharray:327}.ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.65rem;color:var(--muted)}.ring-text strong{font-size:1.1rem;color:var(--text)}.macros{list-style:none;margin:0;padding:0;font-size:.78rem;color:var(--muted);flex:1}.macros li{margin-bottom:.35rem}.meal-row{margin-bottom:.6rem}.meal-row-head{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:.25rem}.bar{height:5px;background:#eef0f5;border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--pink))}.water-ui{display:flex;align-items:center;justify-content:center;gap:1.25rem}.water-val{font-weight:700;font-size:1.1rem}.drops{display:flex;justify-content:center;gap:5px;margin-top:.75rem}.drops span{width:10px;height:12px;background:#dce4ff;border-radius:50%/60% 60% 40% 40%;opacity:.4}.drops span.on{background:#59b2e6;opacity:1}.meal-card summary{cursor:pointer;font-weight:600;padding:.25rem 0}.mode-btns{display:flex;gap:4px;margin-bottom:.5rem}.mode-btns button{flex:1;font-size:.72rem;padding:.35rem;border:1px solid #e5e7eb;border-radius:8px;background:#f8f9fc;cursor:pointer;font-family:inherit}.mode-btns button.on{background:#1a1d26;color:#fff;border-color:#1a1d26}.meal-form label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.5rem}.meal-form input{width:100%;margin-top:.25rem;padding:.5rem;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem}.tabs-scroll{display:flex;gap:.4rem;overflow-x:auto;margin-bottom:.75rem;padding-bottom:.25rem}.tab-chip{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:.35rem .75rem;font-size:.78rem;white-space:nowrap;cursor:pointer;font-family:inherit}.tab-chip.on{background:var(--success);color:#fff;border-color:var(--success)}.search-input{width:100%;padding:.6rem .85rem;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:.75rem;font-size:.9rem;font-family:inherit}.section-label{font-size:.8rem;color:var(--muted);margin:.5rem 0}.tags-cloud{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.tags-cloud .tag{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:.35rem .6rem;font-size:.78rem;cursor:pointer;font-family:inherit}.tags-cloud .tag.on{border-color:var(--success);background:var(--success-bg);color:var(--success)}.tags-selected{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.chip{background:#f0f4ff;padding:.25rem .5rem;border-radius:8px;font-size:.78rem}.chip button{border:none;background:none;cursor:pointer;color:var(--muted)}.add-form{display:flex;gap:.5rem}.add-form input{flex:1;padding:.55rem;border-radius:10px;border:1px solid #e5e7eb;font-family:inherit}.hint-card{font-size:.8rem;color:var(--muted)}.food-list{list-style:none;margin:.5rem 0;padding:0;font-size:.85rem}.food-list li{display:flex;justify-content:space-between;padding:.35rem 0;border-bottom:1px solid #f0f0f0}.recipe-head{display:flex;justify-content:space-between;margin-bottom:.5rem}.empty-tip{text-align:center;color:var(--muted);font-size:.85rem}.streak-card{text-align:center}.streak-big{font-size:2.5rem;font-weight:700;color:var(--success);margin:0}.hint{font-size:.8rem;color:var(--muted);text-align:center;margin-top:-.5rem;margin-bottom:1rem}.cal-weekdays,.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center;font-size:.75rem}.cal-weekdays{color:var(--muted);margin-bottom:.5rem}.cal-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f0f2f8}.cal-cell.done{background:var(--success);color:#fff}.cal-cell.today{box-shadow:0 0 0 2px var(--primary)}.cal-cell.empty{background:transparent}.profile-card .user-name{font-size:1.2rem;font-weight:700;margin:0}#goal-form label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.65rem}#goal-form input{width:100%;margin-top:.25rem;padding:.5rem;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:inherit}.about-card p{font-size:.85rem;color:var(--muted);line-height:1.6}.toast{position:fixed;left:50%;bottom:calc(var(--tab-h) + var(--safe-b) + 1rem);transform:translate(-50%) translateY(20px);background:#1a1d26eb;color:#fff;padding:.6rem 1rem;border-radius:10px;font-size:.85rem;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:200;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(min-width:481px){body{display:flex;justify-content:center}}