:root{--bg-page:#efefee;--bg-surface:#fff;--bg-muted:#f3f4f6;--text-main:#20242c;--text-soft:#6c727f;--accent-green:#1bb874;--accent-green-soft:#dff6ea;--accent-blue:#5d8cff;--accent-blue-soft:#dfe9ff;--accent-yellow:#f0d97b;--accent-yellow-soft:#f8efbf;--accent-pink-soft:#f8e5ea;--accent-mint-soft:#daf6e9;--accent-purple-soft:#e9dffb;--shadow-card:0 14px 30px rgba(46,52,64,.06);--radius-card:24px}*{box-sizing:border-box}#__nuxt,body,html{margin:0;min-height:100%;background:linear-gradient(180deg,#f6f6f4,#ededeb);color:var(--text-main);font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.64}.shell{min-height:100vh;padding:0}.shell__device{min-height:100vh;margin:0 auto;background:var(--bg-page)}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:center;align-items:center;height:60px;background:#f8f8f7e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar__actions{position:absolute;right:14px;top:50%;transform:translateY(-50%)}.topbar__link{min-height:34px;padding:0 12px;border-radius:999px;background:#fff;color:#4d5663;display:inline-flex;align-items:center;font-size:13px;font-weight:800;box-shadow:0 8px 20px #2e344014}.topbar__title{font-size:26px;font-weight:700;letter-spacing:.02em}.page-body{padding:14px 14px 94px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 18px 14px;background:#fafaf9f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(130,139,153,.16)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:2px;color:#8f96a2;font-size:12px}.bottom-nav__item--active{color:#4a8be8}.bottom-nav__icon{font-size:24px;line-height:1}.card{background:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.hero{padding:28px 22px;text-align:center}.hero__eyebrow{margin:0 0 10px;color:#8a8f98;font-size:14px}.hero__title{margin:0;font-size:28px;font-weight:800}.hero__subtitle{margin:8px 0 0;color:#7a818e;font-size:16px}.section-title{display:flex;align-items:center;gap:10px;margin:22px 2px 14px}.section-title__bar{width:5px;height:22px;border-radius:999px;background:linear-gradient(180deg,#19bf6a,#0aa95d)}.section-title h2{margin:0;font-size:28px;line-height:1.1}.section-title p{margin:4px 0 0;color:var(--text-soft);font-size:14px}.chip-row,.pill-grid{display:flex;flex-wrap:wrap;gap:10px}.chip,.pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 16px;border:0;border-radius:999px;background:var(--bg-muted);color:#4e5562}.pill small{color:#77808d;font-size:12px;font-weight:700}.chip--active,.pill--active{color:#0d8d59;background:var(--accent-green-soft);box-shadow:inset 0 0 0 1px #1bb87499}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.metric-card{padding:18px;border-radius:22px}.metric-card--yellow{background:#f5e6a4}.metric-card--pink{background:#f5dfe6}.metric-card--green{background:#ddebd8;grid-column:1/-1}.metric-card__label{margin:0 0 8px;color:#5b5f65;font-size:15px}.metric-card__value{margin:0;font-size:28px;font-weight:800}.metric-card__value span{font-size:16px;font-weight:600;color:#616670}.summary-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:16px 18px;border-radius:20px;background:#f8efe1;color:#ba5e21;font-weight:700}.summary-line--muted{margin-top:10px;background:#eceef2;color:#707782;font-weight:600}.meal-card{overflow:hidden;margin-top:14px}.meal-card__head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px 18px}.meal-card__head--yellow{background:linear-gradient(90deg,#f3e18f,#f6efbf)}.meal-card__head--mint{background:linear-gradient(90deg,#b7efcc,#67d9b0)}.meal-card__head--blue{background:linear-gradient(90deg,#c9d9fb,#82b0f8)}.meal-card__head h3{margin:0;font-size:22px}.meal-card__meta{display:flex;gap:8px}.meal-card__meta span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#ffffff73;font-size:13px;font-weight:700}.meal-card__body{padding:18px}.meal-section+.meal-section{margin-top:22px;padding-top:22px;border-top:1px solid rgba(113,123,138,.12)}.meal-section h4{margin:0 0 12px;font-size:18px}.meal-card__summary,.meal-progress{padding:14px;border-radius:18px;background:#f3f6f8;color:#596270;font-weight:700}.meal-card__summary,.meal-progress,.selected-food-list{display:grid;gap:10px;margin-top:18px}.selected-food-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px;border-radius:18px;background:#f8fafb;box-shadow:inset 0 0 0 1px #7e8a991f}.selected-food-item span,.selected-food-item strong{display:block}.selected-food-item strong{font-size:15px}.selected-food-item span{margin-top:4px;color:#707987;font-size:12px;font-weight:700}.gram-stepper{display:grid;grid-template-columns:34px 62px 34px;align-items:center;overflow:hidden;min-height:38px;border-radius:999px;background:#eef2f5}.gram-stepper button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;background:transparent;color:#465060;font-size:18px;font-weight:900}.gram-stepper input{width:62px;min-height:38px;padding:0;border:0;background:#fff;color:#20242c;text-align:center;font-size:14px;font-weight:800}.meal-card__summary{grid-template-columns:1fr auto}.meal-progress{grid-template-columns:repeat(3,1fr);padding:18px}.meal-progress span{display:block;color:#6d7480;font-size:13px}.meal-progress strong{display:block;margin-top:6px;font-size:20px}.note-card{margin-top:16px;padding:18px;border-radius:22px}.note-card--yellow{background:#f6edbf;color:#93651d}.note-card--purple{background:#ebddfb;color:#6337be}.note-card--orange{background:#f7e4cb;color:#c2671c}.note-card h3,.note-card p{margin:0}.note-card h3+p,.note-card p+p{margin-top:10px}.powder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.powder-item{padding:16px 8px;border-radius:18px;background:#ffffff8c;text-align:center}.powder-item--featured{background:#fff;box-shadow:inset 0 0 0 2px #6337be73}.powder-item strong{display:block;font-size:20px}.powder-item span{font-size:12px}.action-card,.form-card,.plan-card,.profile-card,.trend-card{padding:22px}.trend-card{background:linear-gradient(180deg,#eaf1ff,#edf2ff)}.trend-status{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 16px;border-radius:999px;background:#4c79de29;color:#3158ae;font-weight:700}.action-card h3,.trend-card h3{margin:0 0 14px;font-size:22px}.action-card p,.plan-card p,.profile-card p,.trend-card p{margin:10px 0 0;color:#646b77;line-height:1.6}.cta{display:inline-flex;justify-content:center;align-items:center;width:100%;min-height:54px;margin-top:18px;border-radius:999px;background:linear-gradient(90deg,#08b55d,#22c766);color:#fff;font-size:18px;font-weight:800}.cta--dark{background:#111426}.cta--teal{background:linear-gradient(90deg,#0c8979,#18bf9f)}.cta--soft{background:#edf1f6;color:#465061}.profile-card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:16px}.avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#eff2fb,#dadfea);box-shadow:inset 0 0 0 2px #5f84de1f}.ghost-button{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:0 18px;border-radius:999px;background:#eef5ff;color:#4e82d8;font-weight:700}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.info-card{padding:18px;border-radius:20px;background:#eef3fb}.info-card strong{display:block;margin-top:10px;color:#3f79cc;font-size:20px;letter-spacing:.12em}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0}.setting-row strong{font-size:18px}.setting-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.setting-box{padding:14px 8px;border-radius:18px;background:var(--bg-muted);text-align:center}.setting-box strong{display:block;font-size:28px}.check-card,.vote-card{margin-top:14px;padding:20px;border-radius:20px}.vote-card{background:#eff8ff;box-shadow:inset 0 0 0 1px #79abdd59}.check-card{background:#f7ecd9;box-shadow:inset 0 0 0 1px #dfbd7b59}.menu-list{display:grid;gap:14px}.empty-card{padding:24px 20px;color:#6c7480;line-height:1.7}.menu-item{display:flex;align-items:center;gap:14px;min-height:92px;padding:0 20px}.menu-item__icon{display:inline-flex;justify-content:center;align-items:center;width:48px;height:48px;border-radius:18px;background:#eef1f7;font-size:24px}.menu-item__text{flex:1;font-size:18px;font-weight:700}.menu-item__arrow{color:#b0b5be;font-size:24px}.food-card{padding:18px 20px}.food-card__row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.food-card h3,.vote-option h3{margin:0;font-size:20px}.food-card p,.vote-option p{margin:8px 0 0;color:#6e7581}.food-card__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.food-card__meta span{min-height:34px;padding:0 12px;border-radius:999px;background:#f1f4f7;display:inline-flex;align-items:center;font-size:13px;color:#5f6672;font-weight:700}.dual-actions,.inline-actions{display:flex;gap:10px}.dual-actions{margin-top:18px}.dual-actions .cta,.inline-actions .ghost-button{flex:1}.admin-actions{margin-top:14px;flex-wrap:wrap}.ghost-button--danger{background:#fff1f3;color:#d14e63}.status-pill{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#eff5ff;color:#527dd7;font-size:13px;font-weight:800}.vote-option{padding:18px 20px;cursor:pointer;border:1px solid transparent}.vote-option__image{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;display:block;margin-bottom:14px;border-radius:8px;background:#eef1f4}.vote-option--active{border-color:#21b47273;background:#f5fcf8}.page-stack{display:grid;gap:16px}.input-group+.input-group{margin-top:16px}.input-group label{display:block;margin-bottom:10px;font-size:15px;color:#666d79;font-weight:700}.text-input{width:100%;min-height:54px;padding:0 18px;border:1px solid rgba(130,139,153,.16);border-radius:18px;background:#fafbfc}select.text-input{color:var(--text-main)}.onboarding-grid,.target-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.onboarding-grid .input-group+.input-group{margin-top:0}.target-preview__item{padding:16px;border-radius:18px;background:#f4f7fb}.target-preview__item span{display:block;color:#687180;font-size:13px;font-weight:700}.target-preview__item strong{display:block;margin-top:8px;font-size:22px}.form-error{margin:0;padding:0 4px;color:#c9445d;font-weight:700}.form-success{margin:0;padding:0 4px;color:#14895d;font-weight:800}.onboarding-prompt h3{margin:0;font-size:22px}.makeup-card{background:#eaf6ff;box-shadow:inset 0 0 0 1px #75b4dd4d}.makeup-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.makeup-card__head h3,.makeup-card__head p{margin:0}.makeup-card__head p{margin-top:6px;color:#617184;font-weight:700}.weight-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px}.weight-summary .info-card{background:#fff}.weight-trend-chart{min-height:170px}.weight-trend-chart__track{position:relative;min-height:170px;margin:0 6px;padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(117,127,142,.12) 1px,transparent 0) 0 0 /100% 33.333%,#f7f9fb}.weight-trend-chart__point{position:absolute;width:12px;height:12px;transform:translate(-50%,-50%);border-radius:50%;background:#1bb874;box-shadow:0 0 0 4px #1bb87429,0 8px 18px #1bb87440}.weight-delta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;border-radius:18px;background:#edf2f8;font-weight:800}.weight-delta strong{color:#bd5a33;font-size:20px}.weight-delta__down{color:#158b5f!important}.weight-history-list{display:grid;gap:12px}.weight-history-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;min-height:78px;padding:14px 18px}.weight-history-item span,.weight-history-item strong{display:block}.weight-history-item strong{font-size:20px}.weight-history-item span{margin-top:4px;color:#69717f;font-size:13px;font-weight:700}.weight-history-item>div:last-child{text-align:right}.checkin-progress-card{padding:20px}.checkin-progress-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.checkin-progress-card__head span,.checkin-stats span{display:block;color:#6b7481;font-size:13px;font-weight:800}.checkin-progress-card__head strong{display:block;margin-top:6px;font-size:32px}.checkin-progress{overflow:hidden;height:12px;margin-top:18px;border-radius:999px;background:#edf1f5}.checkin-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#18b872,#5d8cff)}.checkin-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.checkin-stats article{padding:16px;border-radius:18px;background:#f3f6f8}.checkin-stats strong{display:block;margin-top:6px;font-size:24px}.plan-list{display:grid;gap:16px}.plan-card{border:1px solid transparent}.plan-card--active{border-color:#40c26f66;background:#f6fdf8}.plan-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.plan-card h3{margin:0;font-size:22px}.plan-badge{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:var(--accent-green-soft);color:#128857;font-size:13px;font-weight:800}.hint{margin-top:14px;color:#7a818e;font-size:14px}@media(min-width:720px){.shell{padding:24px 0}.shell__device{max-width:430px;border-radius:32px;overflow:hidden;box-shadow:0 24px 80px #1b1e261f}.bottom-nav{left:50%;right:auto;width:430px;transform:translate(-50%);border-radius:0 0 32px 32px}}