:root{--bg:#fff;--bg-deep:#fff;--ink:#1a2e22;--ink-soft:#4a6354;--mint:#2f8f6b;--mint-deep:#1f6b4f;--mint-soft:#e8f5ef;--cream:#fff;--line:#1a2e221a;--shadow:0 12px 28px #1a2e220f;--radius:20px;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{background:#fff;min-height:100%;margin:0}body{background:#fff;min-width:320px}button{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{background:#fff;max-width:480px;min-height:100dvh;margin:0 auto;padding:24px 20px 40px;position:relative;overflow:hidden auto}.bg-glow{display:none}.screen{z-index:1;flex-direction:column;gap:20px;min-height:calc(100dvh - 64px);animation:.45s both fade-up;display:flex;position:relative}.screen--home{text-align:center;justify-content:center;gap:28px}.brand__mark{letter-spacing:.08em;color:var(--mint-deep);margin:0 0 12px;font-family:ZCOOL XiaoWei,serif;font-size:2.6rem}.brand__title{color:var(--ink);margin:0;font-size:1.35rem;font-weight:700}.brand__sub{color:var(--ink-soft);margin:10px 0 0;font-size:.95rem}.hint,.muted{color:var(--ink-soft);margin:0;font-size:.88rem}.btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:54px;padding:0 20px;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg, var(--mint), var(--mint-deep));color:#fff;box-shadow:var(--shadow)}.btn-secondary{background:var(--cream);color:var(--mint-deep);border:1px solid var(--line)}.btn-row{flex-direction:column;gap:12px;display:flex}.preview{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);width:100%;box-shadow:var(--shadow);background:var(--cream)}.preview--placeholder{background:linear-gradient(110deg,#e8f2ea 20%,#f7faf5 40%,#e8f2ea 60%) 0 0/200% 100%;animation:1.2s linear infinite shimmer}.screen--analyzing{justify-content:center}.loading{color:var(--ink-soft);flex-direction:column;align-items:center;gap:14px;display:flex}.loading__spinner{border:3px solid var(--mint-soft);border-top-color:var(--mint);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.result{flex-direction:column;gap:18px;padding-bottom:8px;display:flex}.result__hero{position:relative}.result__photo{aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius);width:100%;display:block}.meal-badge{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1a2e22b8;border-radius:999px;padding:6px 12px;font-size:.82rem;position:absolute;bottom:14px;left:14px}.health-score{width:148px;height:148px;margin:4px auto 0;position:relative}.health-score__ring{width:100%;height:100%;transform:rotate(-90deg)}.health-score__track,.health-score__progress{fill:none;stroke-width:10px}.health-score__track{stroke:var(--mint-soft)}.health-score__progress{stroke:var(--mint);stroke-linecap:round;transition:stroke-dashoffset .8s}.health-score--excellent .health-score__progress{stroke:#1f8a5b}.health-score--good .health-score__progress{stroke:#3e9b6e}.health-score--fair .health-score__progress{stroke:#c48a2a}.health-score--poor .health-score__progress{stroke:#c0533d}.health-score__value{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.health-score__number{font-size:2.2rem;font-weight:700;line-height:1}.health-score__unit{color:var(--ink-soft);margin-top:4px;font-size:.8rem}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:16px 18px}.panel__title{margin:0 0 10px;font-size:1rem}.panel__hint{margin:-4px 0 12px}.food-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.food-list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:10px;display:flex}.food-list li:last-child{border-bottom:none;padding-bottom:0}.food-list__name{font-weight:500}.food-list__portion{color:var(--ink-soft);font-size:.9rem}.nutrition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.nutrition-grid__item{background:#d7eee373;border-radius:14px;padding:12px}.nutrition-grid__item dt{color:var(--ink-soft);margin:0 0 4px;font-size:.8rem}.nutrition-grid__item dd{margin:0;font-size:1.2rem;font-weight:700}.nutrition-grid__item dd span{color:var(--ink-soft);margin-left:4px;font-size:.75rem;font-weight:500}.panel--advice{background:#fff}.advice{color:var(--ink-soft);margin:0;line-height:1.7}.error-msg{color:#8a2f24;background:#fdecea;border-radius:14px;margin:0;padding:14px 16px;font-size:.95rem}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@media (width>=480px){.app{padding-top:36px}}.app--with-nav{padding-bottom:96px}.app--center{justify-content:center;align-items:center;display:flex}.app__content{z-index:1;min-height:calc(100dvh - 88px);position:relative}.page-title{margin:0;font-size:1.4rem;font-weight:700}.page-title--center{text-align:center}.screen--login{text-align:center;box-sizing:border-box;justify-content:flex-start;gap:14px;min-height:100dvh;padding-top:4vh}.login-brand{text-align:center;flex-direction:column;align-items:center;display:flex}.login-brand__logo{width:min(82vw,320px);height:auto;margin:0 auto;display:block}.screen--login .brand__title{margin:-106px 0 4px}.screen--login .form{width:min(100%,280px);margin:0 auto;transform:translateY(-8px)}.btn-login{background:#01a860;box-shadow:0 12px 28px #01a86040}.btn-login:not(:disabled):active{background:#019653}.form{text-align:left;flex-direction:column;gap:14px;width:100%;display:flex}.screen--login .brand__sub{color:#a2a2a2}.screen--login .field input::placeholder{color:#a2a2a2;opacity:1}.field{text-align:left;flex-direction:column;gap:6px;display:flex}.field span{color:var(--ink-soft);font-size:.88rem}.field input{border:1px solid var(--line);background:var(--cream);height:48px;font:inherit;color:var(--ink);border-radius:12px;padding:0 14px}.field input:focus{outline:2px solid var(--mint-soft);border-color:var(--mint)}.checkbox-field{color:var(--ink-soft);align-items:center;gap:8px;font-size:.9rem;display:flex}.bottom-nav{z-index:100;pointer-events:none;width:100%;max-width:480px;padding:0 20px calc(10px + env(safe-area-inset-bottom));box-sizing:border-box;background:0 0;border:none;justify-content:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav__dock{pointer-events:auto;box-sizing:border-box;background:#fff;border:1px solid #1a2e220f;border-radius:22px;grid-template-columns:repeat(3,1fr);gap:4px;width:58%;max-width:200px;padding:7px 4px;display:grid;box-shadow:0 8px 28px #1a2e2224}.bottom-nav__dock--wide{width:78%;max-width:300px}.bottom-nav__item{width:100%;color:var(--ink-soft);cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 2px 4px;display:flex}.bottom-nav__item--active{color:#01a860;background:#01a8601a}.bottom-nav__icon-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.bottom-nav__dot{pointer-events:none;background:#e53935;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-4px;box-shadow:0 0 0 1.5px #fff}.bottom-nav__label{color:#b3b3b3;white-space:nowrap;font-size:10px;font-weight:500;line-height:1.1;transition:color .15s}.bottom-nav__item--active .bottom-nav__label{color:#01a860}.bottom-nav__icon-img{object-fit:contain;opacity:1;filter:brightness(0)saturate()invert(78%)sepia(0%)saturate(0%)hue-rotate()brightness(95%)contrast(88%);width:20px;height:20px;transition:filter .15s,opacity .15s;display:block}.bottom-nav__item--active .bottom-nav__icon-img{opacity:1;filter:brightness(0)saturate()invert(48%)sepia(72%)saturate(650%)hue-rotate(105deg)brightness(96%)contrast(101%)}.constitution-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.constitution-grid--compact{grid-template-columns:repeat(2,1fr)}.screen--constitution{overscroll-behavior:none;box-sizing:border-box;gap:0;height:100%;min-height:0;max-height:100%;padding-bottom:76px;overflow:hidden}.constitution-header--sticky{z-index:20;background:#fff;flex-shrink:0;padding-bottom:14px;position:relative}.constitution-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;padding:4px 6px 8px;overflow-y:auto}.constitution-scroll::-webkit-scrollbar{display:none}.app--constitution-lock{box-sizing:border-box;flex-direction:column;height:100dvh;max-height:100dvh;padding-bottom:24px;display:flex;overflow:hidden!important}.app--constitution-lock .app__content,.app--constitution-lock>.screen{flex:1;min-height:0}.constitution-list{flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.constitution-list--no-footer{padding-bottom:24px}.constitution-row{aspect-ratio:295/88;box-sizing:border-box;cursor:pointer;width:100%;font:inherit;color:inherit;text-align:left;background:0 0;border:none;border-radius:12px;outline:none;padding:0;transition:box-shadow .18s;display:block;position:relative;overflow:hidden;box-shadow:1px 1px 3px #0000002e}.constitution-row__art{object-fit:fill;pointer-events:none;border-radius:12px;width:100%;height:100%;position:absolute;inset:0}.constitution-row:focus,.constitution-row:focus-visible{outline:none}.constitution-row--selected{outline:none;box-shadow:1px 1px 4px #01a86066}.constitution-row__text{z-index:1;box-sizing:border-box;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:0 118px 0 16px;display:flex;position:absolute;inset:0}.constitution-row__name{color:#1a1a1a;font-size:1.05rem;font-weight:700;line-height:1.2}.constitution-row__summary{color:#8a8a8a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.4;display:-webkit-box;overflow:hidden}.constitution-footer{width:100%;max-width:480px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));box-sizing:border-box;z-index:50;background:#fff;border-top:none;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.btn-confirm-constitution{color:#fff;width:100%;height:48px;box-shadow:none;opacity:1;background-color:#01a860;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:24px;font-size:1rem;font-weight:600}.btn-confirm-constitution:disabled{opacity:1;color:#fff;cursor:not-allowed;background:#01a860}.btn-confirm-constitution:not(:disabled):active{background:#019653}.constitution-card{border:2px solid var(--line);background:var(--cream);cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:88px;padding:12px 8px;transition:border-color .15s,background .15s;display:flex;position:relative}.constitution-card--small{min-height:64px}.constitution-card--selected{border-color:var(--mint);background:var(--mint-soft)}.constitution-card__name{font-size:.95rem;font-weight:600}.constitution-card__select{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;width:100%;padding:0}.constitution-card__select:disabled{cursor:not-allowed;opacity:.6}.constitution-card__info{color:var(--mint-deep);cursor:pointer;background:#2f8f6b26;border:none;border-radius:999px;margin-top:4px;padding:2px 8px;font-size:.72rem}.constitution-actions{flex-direction:column;gap:10px;margin-top:4px;display:flex}.modal-backdrop{z-index:200;background:#1a2e2273;justify-content:center;align-items:flex-end;padding:20px;display:flex;position:fixed;inset:0}.modal-backdrop--clear{background:#ffffffa6;align-items:center;padding:24px 20px}.modal-backdrop--dim{background:#121c168c;align-items:center;padding:24px 18px}.modal-stack{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:400px;display:flex}.modal{background:var(--cream);border-radius:20px 20px 16px 16px;width:100%;max-width:440px;max-height:80dvh;padding:20px;animation:.3s fade-up;overflow-y:auto}.modal--constitution{box-sizing:border-box;background:#fff;border:none;border-radius:22px;flex-direction:column;width:min(100%,348px);max-width:100%;height:auto;max-height:min(82dvh,640px);padding:0;display:flex;overflow:hidden;box-shadow:0 18px 40px #121c1638}.modal__body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.modal__scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;padding:18px 26px 56px;overflow-y:auto}.modal__scroll::-webkit-scrollbar{display:none}.modal__hero{border-radius:22px 22px 0 0;min-height:0;margin:-18px -26px 12px;display:block;overflow:hidden}.modal__hero-img{object-fit:cover;object-position:center top;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;max-height:210px;display:block}.modal__header{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin-bottom:14px;display:flex}.modal__header h2{color:#00a95f;text-align:center;letter-spacing:.02em;margin:0;font-size:1.55rem;font-weight:700}.modal__close{background:var(--mint-soft);cursor:pointer;width:32px;height:32px;color:var(--ink);border:none;border-radius:50%;font-size:1.4rem;line-height:1}.modal__close-outside{color:#01a860;cursor:pointer;background:#fff;border:1.5px solid #01a860;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-top:0;font-size:1.6rem;line-height:1;display:flex;box-shadow:0 6px 16px #1a2e221f}.modal__summary{color:#8a8a8a;text-align:center;margin:0;font-size:.86rem;line-height:1.55}.modal__section{margin-bottom:14px}.modal__label{color:#00a95f;margin:0 0 6px;font-size:.95rem;font-weight:700}.modal__text{color:#1a1a1a;margin:0;font-size:.84rem;font-weight:700;line-height:1.65}.modal__diet{flex-direction:column;gap:6px;display:flex}.modal__diet-line,.modal__recipe-line{color:#1a1a1a;margin:0;font-size:.84rem;font-weight:700;line-height:1.55}.modal__list{color:var(--ink-soft);margin:0 0 16px;padding-left:18px;line-height:1.7}.modal__recipes{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.modal__recipes li{background:0 0;border-radius:0;padding:0}.modal__section--meals{margin-bottom:8px;position:relative}.modal__meals-wrap{padding-right:0;display:block;position:relative;overflow:visible}.modal__meals{grid-template-columns:1fr 1fr;gap:6px 8px;width:min(55%,160px);min-width:0;display:grid}.modal__meal-chip{color:#1a1a1a;text-align:center;box-sizing:border-box;background:#fff;border:1px solid #00a95f;border-radius:6px;justify-content:center;align-items:center;min-height:28px;padding:3px 4px;font-size:.65rem;font-weight:700;line-height:1.2;display:flex}.modal__meals-mascot{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2;width:180px;height:216px;display:block;position:absolute;bottom:-60px;right:-46px}.modal__actions{flex-direction:column;gap:10px;margin-top:28px;padding-bottom:12px;display:flex}.modal__confirm{width:100%;box-shadow:none;color:#fff;letter-spacing:.02em;background:#01a860;font-size:1.05rem;font-weight:700}.modal__confirm:disabled{color:#fff;opacity:.85}.modal__hint{text-align:center;color:#a2a2a2;margin:0;font-size:.78rem;line-height:1.5}.account-header{align-items:center;gap:14px;display:flex}.screen--account{gap:16px;padding-bottom:24px}.me-header{align-items:center;gap:14px;padding:4px 2px 8px;display:flex}.me-avatar{flex-shrink:0;width:56px;height:56px;position:relative}.me-avatar__bg{width:100%;height:100%;display:block}.me-avatar__mascot{pointer-events:none;width:78%;height:auto;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.me-header__text{min-width:0}.me-header__name{color:#1a1a1a;margin:0;font-size:1.35rem;font-weight:700;line-height:1.2}.me-header__member{color:#9a9a9a;margin:4px 0 0;font-size:.88rem;line-height:1.2}.me-card{background:#fff;border:none;border-radius:12px;margin:0;padding:18px 20px 20px;position:relative;overflow:hidden;box-shadow:6px 6px 14px #0000000d}.me-card__title{color:#1a1a1a;margin:0;font-size:1rem;font-weight:700}.me-card__title--center{text-align:center}.me-card--points{flex-direction:column;justify-content:center;align-items:center;min-height:142px;padding-top:22px;padding-bottom:22px;display:flex}.me-points__today{color:#00a95f;margin:10px 0 6px;font-size:3.2rem;font-weight:700;line-height:1}.me-points__total{color:#8a8a8a;margin:0;font-size:.88rem}.me-card--constitution{min-height:142px}.me-constitution__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.me-edit{color:#00a95f;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:500}.me-constitution__body{grid-template-columns:1fr minmax(96px,42%);align-items:end;gap:8px;min-height:96px;margin-top:8px;display:grid}.me-constitution__info{flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:4px;display:flex}.me-constitution__name{color:#00a95f;margin:0;font-size:1.55rem;font-weight:700;line-height:1.15}.me-constitution__btn{color:#fff;letter-spacing:.02em;cursor:pointer;background-color:#00a95f;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:15px;width:93px;height:29px;padding:0;font-size:.72rem;font-weight:600}.me-constitution__mascot{pointer-events:none;place-self:end;width:100%;max-width:132px;height:auto;margin-bottom:-6px}.me-card--constitution .constitution-grid,.me-card--constitution .btn-secondary{margin-top:12px}.me-logout{color:#00a95f;cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:24px;width:100%;max-width:296px;height:48px;margin:12px auto 0;padding:0;font-size:1rem;font-weight:600;display:block}.me-logout:active{opacity:.85}.avatar{background:linear-gradient(135deg, var(--mint), var(--mint-deep));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;font-weight:700;display:flex}.panel__row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel__row .panel__title{margin:0}.link-btn{color:var(--mint);cursor:pointer;background:0 0;border:none;font-size:.9rem}.constitution-badge{border:1px solid var(--mint-soft);background:linear-gradient(135deg, #eef8f1, var(--cream));cursor:pointer;width:100%;font:inherit;color:var(--ink);border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.week-tabs{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.week-tab{aspect-ratio:48.1/72.1;cursor:pointer;color:#333;box-sizing:border-box;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;width:100%;padding:14% 6% 0;font-size:.72rem;display:flex;position:relative}.week-tab--active:after{content:"";pointer-events:none;z-index:0;border-radius:16.65%/11.09%;position:absolute;inset:.07%;box-shadow:0 0 0 1px #00a95fbf,0 0 6px 2px #00a95f8c,0 0 14px 4px #00a95f47}.week-tab--active .week-tab__weekday,.week-tab--active .week-tab__date{color:inherit;font-weight:inherit}.week-tab--today .week-tab__weekday,.week-tab--today .week-tab__date{font-weight:700}.week-tab--today .week-tab__weekday{color:#000}.week-tab--today .week-tab__date{color:#01a860}.week-tab__weekday{z-index:1;font-size:.68rem;line-height:1.15;position:relative}.week-tab__date{z-index:1;color:#222;margin:0;font-size:.95rem;font-weight:700;line-height:1;position:absolute;top:72.19%;left:50%;transform:translate(-50%,-50%)}.today-points{color:#1a2e22;text-align:left;margin:10px 0 4px;font-size:.95rem;font-weight:600}.today-points__num{color:#01a860;font-size:1.35rem;font-weight:700;line-height:1}.theme-header{margin-bottom:8px;position:relative}.theme-back{color:#01a860;cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:.9rem;font-weight:600;position:absolute;top:50%;left:0;transform:translateY(-50%)}.screen--theme .page-title{text-align:center;margin:0}.theme-days{grid-template-columns:repeat(6,1fr);gap:6px;margin:4px 0 16px;display:grid}.theme-day{aspect-ratio:48/72;color:#9a9a9a;cursor:pointer;box-sizing:border-box;background:50%/100% 100% no-repeat;border:none;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding:16% 4% 0;display:flex;position:relative}.theme-day__weekday{z-index:1;font-size:.72rem;font-weight:500;line-height:1.2;position:relative}.theme-day__date{z-index:1;color:#333;font-size:.95rem;font-weight:700;line-height:1;position:absolute;top:72%;left:50%;transform:translate(-50%,-50%)}.theme-day--active{color:#fff}.theme-day--active .theme-day__weekday{color:#fff;font-weight:700}.theme-day--active .theme-day__date{color:#00a669;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.55em;height:1.55em;font-size:.88rem;display:inline-flex}.theme-list{flex-direction:column;gap:16px;padding-bottom:12px;display:flex}.theme-block{flex-direction:column;gap:8px;display:flex}.theme-status{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.theme-badge{color:#fff;background:#00a669;border-radius:4px;flex:none;justify-content:center;align-items:center;min-height:22px;padding:2px 8px;font-size:.72rem;font-weight:600;line-height:1.2;display:inline-flex}.theme-badge--green{color:#fff;background:#00a669}.theme-badge--gray{color:#fff;background:#c8c8c8}.theme-countdown{color:#666;flex-wrap:wrap;align-items:center;gap:3px;margin:0;font-size:.72rem;line-height:1.3;display:flex}.theme-countdown__num{color:#333;font-variant-numeric:tabular-nums;background:#ececec;border-radius:3px;justify-content:center;align-items:center;min-width:1.35em;padding:1px 4px;font-weight:700;display:inline-flex}.theme-card{aspect-ratio:328/136;box-sizing:border-box;cursor:pointer;text-align:left;background:#f3f3f3;border:none;border-radius:14px;justify-content:flex-start;align-items:flex-end;width:100%;padding:10% 8%;display:flex;position:relative;overflow:visible}.theme-card--flip{justify-content:flex-end}.theme-card__bg{z-index:0;object-fit:cover;object-position:center;pointer-events:none;border-radius:14px;width:100%;height:100%;position:absolute;inset:0}.theme-card__actions{z-index:1;flex-direction:column;align-items:flex-start;display:flex;position:relative}.theme-card--flip .theme-card__actions{align-items:flex-end}.theme-action{box-sizing:border-box;color:#fff;letter-spacing:.02em;white-space:nowrap;cursor:default;pointer-events:none;background-color:#3a3a3a;background-image:none;border:none;border-radius:17px;flex:none;justify-content:center;align-items:center;min-width:92px;max-width:128px;height:34px;margin:0;padding:0 10px;font-size:.72rem;font-weight:600;line-height:1;display:inline-flex;position:relative;top:25px;left:-8px}.theme-card--flip .theme-action{left:auto;right:-8px}.theme-action--dark[role=button]{cursor:pointer;pointer-events:auto}.theme-action--dark{color:#fff;background-color:#3a3a3a}.theme-action--gray{color:#fff;background-color:#cfcfcf}.theme-action--mint{color:#fff;background-color:#8fd6b0}.theme-action--green{color:#fff;background-color:#00a669}.theme-detail{z-index:130;box-sizing:border-box;overscroll-behavior:contain;justify-content:center;align-items:center;padding:24px 14px;display:flex;position:fixed;inset:0;overflow:hidden}.theme-detail__mask{cursor:pointer;background:#ffffffb8;border:none;position:absolute;inset:0}.theme-detail__stack{z-index:1;flex-direction:column;align-items:center;gap:16px;width:min(100%,420px);max-height:100%;margin:auto;display:flex;position:relative}.theme-detail__panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff;border-radius:16px;flex:auto;width:100%;min-height:0;max-height:calc(100dvh - 100px);overflow:auto;box-shadow:0 12px 40px #0000002e}.theme-detail__img{width:100%;height:auto;display:block}.theme-detail__close{color:#666;cursor:pointer;background:#00000014;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.45rem;line-height:1;display:inline-flex}.theme-modal{z-index:120;pointer-events:none;justify-content:center;align-items:center;padding:24px 18px 88px;display:flex;position:fixed;inset:0}.theme-modal__mask{cursor:pointer;pointer-events:auto;background:#ffffffb8;border:none;position:absolute;inset:0}.theme-modal__stack{z-index:1;pointer-events:auto;flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.theme-modal__panel{box-sizing:border-box;background:#fff;border-radius:12px;width:min(100%,320px);padding:28px 22px 56px;position:relative}.theme-modal__panel--signup{aspect-ratio:329/527;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:0;flex-direction:column;width:min(100%,320px);height:auto;min-height:0;max-height:min(78vh,520px);padding:8% 11% 10% 7%;display:flex;overflow:visible}.theme-modal__panel--checkin{min-height:auto}.theme-modal__close{color:#666;cursor:pointer;background:#00000014;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.45rem;line-height:1;display:inline-flex}.theme-modal__panel--signup .theme-modal__sub{margin-bottom:22px}.theme-modal__panel--signup .theme-modal__form{box-sizing:border-box;width:88%;margin-left:2%;margin-right:auto}.theme-modal__panel--signup .theme-modal__submit{width:100%}.theme-modal__mascot{pointer-events:none;z-index:1;width:38%;max-width:130px;position:absolute;top:8%;right:8%}.theme-modal__title{z-index:1;color:#222;max-width:62%;margin:0 0 8px;font-size:1rem;font-weight:400;line-height:1.4;position:relative}.theme-modal__title-line{white-space:nowrap;font-size:inherit;font-weight:inherit;display:block}.theme-modal__panel--signup .theme-modal__title{max-width:72%;margin-top:96px;font-size:1.05rem;font-weight:400}.theme-modal__sub{z-index:1;color:#9a9a9a;max-width:58%;margin:0 0 28px;font-size:.78rem;position:relative}.theme-modal__form{flex-direction:column;gap:12px;display:flex}.theme-modal__input{color:#333;box-sizing:border-box;background:#f8f8f8;border:none;border-radius:8px;width:100%;height:42px;padding:0 14px;font-size:.9rem}.theme-modal__input::placeholder{color:#b0b0b0}.theme-modal__submit{color:#fff;cursor:pointer;background:#00a95f 50%/100% 100% no-repeat;border:none;border-radius:999px;width:100%;height:44px;margin-top:6px;font-size:1rem;font-weight:700}.theme-modal__submit:disabled{opacity:.7;cursor:default}.theme-modal__foot{color:#b0b0b0;text-align:center;margin:14px 0 0;font-size:.68rem;line-height:1.4}.screen--verify{overscroll-behavior:none;text-align:center;box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;min-height:0;max-height:100%;padding-top:8px;padding-bottom:16px;display:flex;overflow:hidden}.app__content:has(.screen--verify){overscroll-behavior:none;overflow:hidden}.app:has(.screen--verify){overscroll-behavior:none;overflow:hidden}.verify-back,.checkin-back{color:#01a860;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-self:flex-start;padding:4px 0 8px;font-size:.9rem;font-weight:600}.checkin-back--on-photo{z-index:60;color:#fff;text-shadow:0 1px 3px #00000073;position:fixed;top:16px;left:max(20px,50% - 220px)}.verify-hero{aspect-ratio:16/10;object-fit:cover;background:#f5f5f5;border-radius:20px;flex-shrink:1;width:100%;max-width:340px;max-height:min(32vh,220px);display:block}.verify-title{color:#333;flex-shrink:0;margin:14px 0 6px;font-size:1.25rem;font-weight:800;line-height:1.3}.verify-sub{color:#999;flex-shrink:0;margin:0 0 18px;font-size:.88rem}.verify-form{flex-direction:column;flex-shrink:0;align-items:center;width:100%;max-width:340px;display:flex}.verify-code{grid-template-columns:repeat(6,1fr);gap:8px;width:100%;margin-bottom:18px;display:grid}.verify-code__box{aspect-ratio:32/40;text-align:center;color:#222;box-sizing:border-box;background:#f8f8f8 50%/100% 100% no-repeat;border:none;border-radius:6px;outline:none;width:100%;min-height:44px;font-size:1.15rem;font-weight:700}.verify-code__box:focus{box-shadow:0 0 0 2px #01a86047}.verify-submit{color:#fff;cursor:pointer;background:#00a95f 50%/100% 100% no-repeat;border:none;border-radius:999px;width:min(100%,280px);height:56px;margin-top:10px;font-size:1.05rem;font-weight:700}.verify-submit:disabled{opacity:.65;cursor:default}.checkin-list{flex-direction:column;gap:12px;display:flex}.checkin-list__hint{margin:0}.screen--admin .muted{margin:0 0 14px}.admin-list{flex-direction:column;gap:14px;padding-bottom:12px;display:flex}.admin-card{background:#fff;border:1px solid #1a2e2214;border-radius:14px;padding:14px 14px 10px}.admin-card__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.admin-card__head h2{color:#1a2e22;margin:0;font-size:1rem}.admin-card__count{color:#01a860;background:#e8f5ee;border-radius:999px;flex:none;padding:2px 8px;font-size:.75rem;font-weight:600}.admin-signup-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.admin-signup-list li{border-top:1px solid #1a2e220f;padding:10px 0}.admin-signup__row{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-signup__info{flex:1;min-width:0}.admin-signup__main{color:#222;justify-content:space-between;align-items:baseline;gap:10px;font-size:.92rem;display:flex}.admin-signup__main span{color:#01a860;font-weight:600}.admin-signup__meta{color:#8a8a8a;justify-content:space-between;gap:10px;margin-top:4px;font-size:.72rem;display:flex}.admin-accept-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#01a860;border:none;border-radius:999px;flex:none;padding:7px 12px;font-size:.78rem;font-weight:600}.admin-accept-btn:disabled{opacity:.65;cursor:default}.admin-reject-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#d0d0d0;border:none;border-radius:999px;flex:none;padding:7px 12px;font-size:.78rem;font-weight:600}.admin-reject-btn:disabled{opacity:.65;cursor:default}.admin-signup__actions{flex-direction:column;align-items:stretch;gap:6px;display:flex}.admin-signup__status{flex-direction:column;align-items:stretch;gap:6px;min-width:84px;display:flex}.admin-pending-tag{color:#8a8a8a;text-align:center;white-space:nowrap;background:#f3f3f3;border-radius:999px;flex:none;padding:4px 8px;font-size:.72rem;font-weight:600}.admin-accept-tag{color:#01a860;white-space:nowrap;text-align:center;background:#e8f5ee;border-radius:999px;flex:none;padding:6px 10px;font-size:.75rem;font-weight:600}.admin-reject-tag{color:#888;white-space:nowrap;text-align:center;background:#f0f0f0;border-radius:999px;flex:none;padding:6px 10px;font-size:.75rem;font-weight:600}.admin-undo-btn{color:#666;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #1a2e2229;border-radius:999px;flex:none;padding:6px 10px;font-size:.72rem;font-weight:600}.admin-undo-btn:disabled{opacity:.65;cursor:default}.admin-confirm{z-index:130;justify-content:center;align-items:center;padding:24px 18px 88px;display:flex;position:fixed;inset:0}.admin-confirm__mask{cursor:pointer;background:#1a2e2247;border:none;position:absolute;inset:0}.admin-confirm__panel{z-index:1;background:#fff;border-radius:16px;width:min(100%,320px);padding:22px 20px 18px;position:relative;box-shadow:0 16px 40px #1a2e222e}.admin-confirm__title{color:#1a1a1a;margin:0 0 10px;font-size:1.05rem;font-weight:700}.admin-confirm__body{color:#666;margin:0 0 18px;font-size:.88rem;line-height:1.55}.admin-confirm__actions{gap:10px;display:flex}.admin-confirm__cancel,.admin-confirm__ok{cursor:pointer;border:none;border-radius:999px;flex:1;min-height:40px;font-size:.88rem;font-weight:600}.admin-confirm__cancel{color:#666;background:#f2f2f2}.admin-confirm__ok{color:#fff;background:#01a860}.admin-confirm__ok--warn{background:#8a8a8a}.admin-confirm__ok:disabled{opacity:.65;cursor:default}.checkin-card{aspect-ratio:1367/567;box-sizing:border-box;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:0;justify-content:flex-end;align-items:center;gap:12px;width:100%;padding:0 8% 0 10%;display:flex;position:relative}button.checkin-card{cursor:pointer;justify-content:center;padding:0 16px}.checkin-card__label{z-index:1;color:#1a2e22;text-align:center;text-shadow:0 1px #ffffffa6;flex:1;min-width:0;font-size:.88rem;font-weight:600;line-height:1.35;position:relative}.checkin-card--on .checkin-card__label{color:#01a860}button.checkin-card:disabled:not(.checkin-card--on){opacity:.7;cursor:not-allowed}.checkin-card--on{filter:saturate(1.05)}.checkin-btn{z-index:1;aspect-ratio:85.33/32;color:#fff;letter-spacing:.12em;cursor:pointer;text-shadow:0 1px 1px #00000026;opacity:1;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:0;flex:none;justify-content:center;align-items:center;width:28%;max-width:120px;padding:0;font-size:.95rem;font-weight:400;line-height:1;display:inline-flex;position:relative;top:40px}.checkin-btn:disabled{opacity:1;cursor:default}.checkin-card--meal,.checkin-card--theme{justify-content:flex-start}.checkin-btn--water,.checkin-btn--exercise{left:10px}.checkin-btn--meal,.checkin-btn--theme{left:-10px}.checkin-btn--missed,.checkin-btn--pending{letter-spacing:.02em;font-size:.82rem}.checkin-btn__points{letter-spacing:.02em;white-space:nowrap;font-size:.82rem;font-weight:700;line-height:1;display:block}.checkin-btn--done{letter-spacing:.02em}.checkin-btn--done .checkin-btn__points{font-size:.78rem}.checkin-btn--theme.checkin-btn--done .checkin-btn__points{font-size:.72rem}.checkin-btn__done{object-fit:contain;pointer-events:none;width:auto;height:58%;max-height:22px;display:block}.water-control{justify-content:center;align-items:center;gap:20px;display:flex}.water-btn{background:var(--mint-soft);width:44px;height:44px;color:var(--mint-deep);cursor:pointer;border:none;border-radius:50%;font-size:1.4rem}.water-count{text-align:center;min-width:80px;font-size:1.3rem;font-weight:700}.event-card{border:1px solid var(--line);border-radius:var(--radius);text-align:center;background:#fff;padding:24px 20px}.event-card__tag{background:var(--mint);color:#fff;border-radius:999px;margin:0 0 10px;padding:4px 12px;font-size:.78rem;display:inline-block}.event-card h2{margin:0 0 8px;font-size:1.2rem}.event-card__time{color:var(--ink-soft);margin:12px 0 20px;font-size:.9rem}.event-checkin-btn{max-width:240px;margin:0 auto}.success-msg{color:var(--mint-deep);background:#e8f5ee;border-radius:12px;margin:12px 0 0;padding:10px 14px;font-size:.9rem}.event-history{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.event-history li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:10px;font-size:.9rem;display:flex}.event-history li:last-child{border-bottom:none;padding-bottom:0}.event-history time{color:var(--ink-soft);white-space:nowrap}.event-list{flex-direction:column;gap:8px;display:flex}.event-item{border:1px solid var(--line);background:var(--cream);cursor:pointer;font:inherit;color:var(--ink);text-align:left;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.event-item--active{border-color:var(--mint);background:var(--mint-soft)}.event-item--done .event-item__meta{color:var(--mint-deep);font-weight:600}.event-item__name{font-weight:600}.event-item__meta{color:var(--ink-soft);font-size:.85rem}.points-place{margin:0 0 8px;font-weight:500}.points-earned{color:var(--mint-deep);margin:8px 0 0;font-size:1.2rem;font-weight:700}.points-summary{text-align:center}.points-summary__value{color:var(--mint-deep);margin:4px 0;font-size:2.4rem;font-weight:700}.screen--leaderboard{gap:16px}.rank-header__sub{color:#9a9a9a;margin:6px 0 0;font-size:.88rem}.my-rank{color:#1a1a1a;background:#fff;border:none;border-radius:16px;flex-direction:column;gap:6px;padding:18px 18px 14px;display:flex;position:relative;overflow:hidden;box-shadow:6px 6px 14px #0000000d}.my-rank__top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.my-rank__label{color:#00a95f;margin:0;font-size:1rem;font-weight:700}.my-rank__points{color:#9a9a9a;text-align:right;flex-shrink:0;margin:0;font-size:.78rem;font-weight:400;line-height:1.3}.my-rank__points span{color:#00a95f;margin:0 1px;font-size:.92rem;font-weight:700}.my-rank__body{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;min-height:88px;display:grid}.my-rank__info{min-width:0;padding-bottom:6px}.my-rank__value{color:#1a1a1a;letter-spacing:.02em;margin:0;font-size:1.75rem;font-weight:700;line-height:1.15}.my-rank__num{color:#00a95f;margin:0 2px}.my-rank__prize{color:#9a9a9a;max-width:11.5em;margin:8px 0 0;font-size:.78rem;font-weight:400;line-height:1.45}.my-rank__mascot{pointer-events:none;-webkit-user-select:none;user-select:none;width:min(42vw,148px);height:auto;margin-bottom:-6px;margin-right:-4px;display:block}.rank-card{background:#fff;border:none;border-radius:16px;margin:0;padding:18px 20px;box-shadow:6px 6px 14px #0000000d}.rank-card__head{justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;display:flex}.rank-card__title{color:#1a1a1a;margin:0 0 12px;font-size:1rem;font-weight:700}.rank-card__head .rank-card__title{margin:0}.rank-card--rules .rank-card__title{color:#00a95f}.rank-prize-btn{color:#00a95f;cursor:pointer;background:#00a95f14;border:1px solid #00a95f59;border-radius:999px;flex-shrink:0;margin:0;padding:4px 10px;font-size:.72rem;font-weight:600;line-height:1.2}.rank-prize-btn:active{background:#00a95f29}.theme-modal--prize{align-items:flex-start;padding:10px 10px 0}.theme-modal__stack--prize{width:min(100%,460px,42.2078vh)}.prize-modal__panel{aspect-ratio:332/645;background:#f6f6f6;border-radius:0;width:100%;max-height:82vh;position:relative;overflow:hidden;box-shadow:0 12px 32px #1a2e2229}.prize-modal__title{z-index:2;text-align:center;color:#00a95f;pointer-events:none;margin:0;font-size:1.05rem;font-weight:700;position:absolute;top:18px;left:0;right:0}.prize-modal__img{object-fit:cover;object-position:center center;transform-origin:50%;width:100%;height:100%;display:block;position:absolute;inset:0;transform:scale(1.12)}.rank-empty{color:#9a9a9a;margin:0;font-size:.88rem}.rank-error{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.rank-error .btn{min-height:40px;padding:0 16px}.rules-list{color:#8a8a8a;margin:0;padding-left:18px;font-size:.88rem;line-height:1.7}.rank-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rank-list li{background-color:#f7faf8;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:12px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px 12px 10px;display:grid}.rank-list__item--me{background-color:#00a95f1a;outline:1.5px solid #00a95f}.rank-list li.rank-list__item--top1,.rank-list li.rank-list__item--top2,.rank-list li.rank-list__item--top3{color:#fff;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:10px;outline:none;min-height:48px;padding:8px 14px 8px 10px}.rank-list li.rank-list__item--top1{background-color:#01ac60;background-image:url(/rank/bar-1.svg)}.rank-list li.rank-list__item--top2{background-color:#00c46d;background-image:url(/rank/bar-2.svg)}.rank-list li.rank-list__item--top3{background-color:#00d477;background-image:url(/rank/bar-3.svg)}.rank-list li.rank-list__item--top1 .rank-list__rank,.rank-list li.rank-list__item--top2 .rank-list__rank,.rank-list li.rank-list__item--top3 .rank-list__rank{color:#0000;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:0;width:32px;height:32px;font-size:0}.rank-list li.rank-list__item--top1 .rank-list__rank{background-image:url(/rank/trophy-1.svg)}.rank-list li.rank-list__item--top2 .rank-list__rank{background-image:url(/rank/trophy-2.svg)}.rank-list li.rank-list__item--top3 .rank-list__rank{background-image:url(/rank/trophy-3.svg)}.rank-list li.rank-list__item--top1 .rank-list__display,.rank-list li.rank-list__item--top2 .rank-list__display,.rank-list li.rank-list__item--top3 .rank-list__display,.rank-list li.rank-list__item--top1 .rank-list__points,.rank-list li.rank-list__item--top2 .rank-list__points,.rank-list li.rank-list__item--top3 .rank-list__points{color:#fff}.rank-list li.rank-list__item--top1 .rank-list__phone,.rank-list li.rank-list__item--top2 .rank-list__phone,.rank-list li.rank-list__item--top3 .rank-list__phone{color:#ffffffe6}.rank-list li.rank-list__item--me.rank-list__item--top1,.rank-list li.rank-list__item--me.rank-list__item--top2,.rank-list li.rank-list__item--me.rank-list__item--top3{outline-offset:-3px;outline:2px solid #fff}.rank-list__rank{color:#fff;font-variant-numeric:tabular-nums;background:#00a95f;border-radius:50%;justify-content:center;justify-self:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;line-height:1;display:flex}.rank-list__name{color:#1a1a1a;flex-direction:column;gap:2px;min-width:0;font-weight:500;display:flex}.rank-list__display{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.rank-list__phone{color:#8a8a8a;font-size:.75rem;font-weight:400}.rank-list__points{color:#00a95f;font-weight:700}.me-card--notify{padding-bottom:16px}.me-notify__empty{color:#9a9a9a;margin:8px 0 0;font-size:.88rem}.me-notify__list{flex-direction:column;gap:10px;margin:10px 0 0;padding:0;list-style:none;display:flex}.me-notify__item{background:#f7faf8;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:10px;padding:12px;display:flex}.me-notify__item--unread{background:#00a95f14;border:1px solid #00a95f40}.me-notify__title{color:#1a1a1a;margin:0;font-size:.9rem;font-weight:700;line-height:1.4}.me-notify__desc{color:#666;margin:4px 0 0;font-size:.78rem;line-height:1.45}.me-notify__time{color:#9a9a9a;margin-top:6px;font-size:.72rem;display:block}.me-notify__read{color:#fff;cursor:pointer;background:#00a95f;border:none;border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:.75rem;font-weight:600}.gift-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.gift-list__item{background:#f7faf8;border-radius:12px;grid-template-columns:72px 1fr;align-items:start;gap:10px;padding:12px;display:grid}.gift-list__range{color:#fff;white-space:nowrap;background:#00a95f;border-radius:999px;justify-content:center;justify-self:start;align-items:center;min-height:28px;padding:2px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.gift-list__prize{color:#4a6354;font-size:.88rem;line-height:1.5}.screen--water{padding-bottom:24px}.water-page__summary{color:#1a2e22;text-align:center;flex-direction:column;align-items:center;gap:4px;margin:8px 0 20px;padding-top:55px;font-size:1.45rem;font-weight:400;line-height:1.45;display:flex}.water-page__summary-line{font-weight:400;display:block}.water-page__summary-num{color:#01a860;margin:0 2px;font-size:1.85rem;font-weight:700}.water-gauge{width:86%;margin:36px auto 0;padding-top:56px;position:relative}.water-gauge__bar{aspect-ratio:300/56;object-fit:contain;width:100%;height:auto;display:block}.water-gauge__marker{z-index:2;aspect-ratio:72/80;pointer-events:none;width:56px;position:absolute;top:-15px;transform:translate(-50%)}.water-gauge__marker-bg{object-fit:contain;width:100%;height:100%;display:block}.water-gauge__marker-num{color:#fff;text-align:center;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;line-height:1;display:flex;position:absolute;inset:8% 0 18%}.water-ruler{aspect-ratio:283.6/16;object-fit:contain;width:84%;max-width:100%;height:auto;margin:-15px auto 0;display:block}.water-levels{justify-content:space-between;align-items:baseline;width:86%;margin:-8px auto 20px;display:flex}.water-levels__item{color:#8a8a8a;text-align:center;font-size:.88rem;font-weight:500}.water-levels__item:first-child{text-align:left}.water-levels__item:last-child{text-align:right}.water-levels__item--on{color:#01a860;font-weight:700}.water-drink-btn{aspect-ratio:280/56;color:#fff;letter-spacing:.04em;cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:0;justify-content:center;align-items:center;width:78%;max-width:260px;margin:0 auto;padding:0;font-size:.95rem;font-weight:400;display:flex}.water-drink-btn:disabled{opacity:.85;cursor:wait}.water-tip{text-align:center;margin:-8px 8px 0}.water-tip__title{color:#9a9a9a;margin:0 0 4px;font-size:.78rem;font-weight:400}.water-tip__text{color:#9a9a9a;margin:0;font-size:.75rem;font-weight:400;line-height:1.45}.screen--lunch{text-align:center;justify-content:flex-start;align-items:center;gap:0;padding:12px 20px 32px}.lunch-topbar{justify-content:flex-start;align-items:center;width:100%;margin-bottom:4px;display:flex}.lunch-topbar .checkin-back{align-self:auto;padding:4px 0 8px}.lunch-hero{-webkit-user-select:none;user-select:none;pointer-events:none;width:min(78%,280px);height:auto;margin:8px auto 28px;display:block}.lunch-menu-links{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:340px;margin-bottom:32px;display:flex}.lunch-checked-photo{background:#f3f3f3;border-radius:16px;width:100%;max-width:320px;margin:0 auto 28px;overflow:hidden;box-shadow:0 8px 24px #00000014}.lunch-checked-photo img{object-fit:cover;vertical-align:middle;width:100%;height:auto;max-height:42vh;display:block}.lunch-menu-item{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.lunch-menu-link{color:#1a1a1a;letter-spacing:.02em;z-index:0;background:0 0;border:none;margin:0;padding:0 4px 2px;font-size:.92rem;font-weight:500;line-height:1.2;display:inline-block;position:relative}.lunch-menu-link:before{content:"";z-index:-1;background:#00a95f80;height:.55em;position:absolute;bottom:.12em;left:0;right:0}.lunch-menu-dishes{color:#666;text-align:center;margin:0;padding:0 8px;font-size:.78rem;font-weight:400;line-height:1.55}.lunch-menu-dish{white-space:nowrap;display:inline-block}.lunch-checkin-btn{color:#fff;letter-spacing:.08em;cursor:pointer;background:#383838 url(/checkin/lunch/btn-checkin.svg) 50%/100% 100% no-repeat;border:none;border-radius:999px;justify-content:center;align-items:center;width:78%;max-width:280px;min-height:56px;padding:0 20px;font-size:1.05rem;font-weight:500;display:inline-flex}.lunch-checkin-btn:disabled{opacity:.65;cursor:not-allowed}.lunch-tip{text-align:center;margin:28px 12px 0}.lunch-tip__title,.lunch-tip__text{color:#9a9a9a;margin:0;font-size:.78rem;font-weight:400;line-height:1.65}.lunch-tip__title{margin-bottom:2px}.screen--lunch-analyzing,.screen--lunch-result{gap:0;width:calc(100% + 40px);min-height:calc(100dvh - 84px);margin:-24px -20px 0;padding:0}.lunch-photo-bg,.lunch-result__bg{z-index:40;background-color:#1a1a1a;background-position:50%;background-size:cover;width:100%;max-width:480px;height:100dvh;position:fixed;top:0;left:50%;transform:translate(-50%)}.lunch-photo-bg:after,.lunch-result__bg:after{content:"";background:linear-gradient(#0000 30%,#00000059 100%);position:absolute;inset:0}.lunch-analyzing-panel{z-index:50;text-align:center;background:#fff;border-radius:24px 24px 20px 20px;margin-top:40vh;margin-left:16px;margin-right:16px;padding:28px 20px;position:relative;box-shadow:0 12px 40px #0000002e}.lunch-result{z-index:50;box-sizing:border-box;flex-direction:column;min-height:calc(100dvh - 84px);padding:26vh 0 100px;display:flex;position:relative}.lunch-result__sheet{z-index:50;background:#fff;border-radius:28px 28px 22px 22px;margin:0 12px;padding:10px 18px 22px;position:relative;box-shadow:0 12px 40px #0000002e}.lunch-result__handle{background:#d8d8d8;border-radius:999px;width:42px;height:4px;margin:4px auto 14px}.lunch-result__tags{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.lunch-result__tag{color:#888;border:1px solid #cfcfcf;border-radius:999px;padding:4px 10px;font-size:.75rem;line-height:1.3}.lunch-result__title{color:#1a1a1a;text-align:center;margin:0 0 14px;font-size:1.75rem;font-weight:700;line-height:1.25}.lunch-result__hero-row{min-height:220px;margin-bottom:18px;display:block;position:relative}.lunch-result__metrics{z-index:0;flex-direction:column;gap:10px;width:60%;display:flex;position:relative}.lunch-result__mascot{object-fit:contain;pointer-events:none;z-index:2;width:80%;max-width:380px;height:auto;position:absolute;top:64%;right:-42px;transform:translateY(-50%)}.lunch-metric{border:1.5px solid #01a860;border-radius:14px;padding:12px}.lunch-metric__label{color:#4a4a4a;margin:0 0 4px;font-size:.95rem;font-weight:400}.lunch-metric__value{color:#01a860;margin:0;font-size:1.05rem;font-weight:700;line-height:1.15}.lunch-metric__num{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.lunch-metric__unit{margin-left:2px;font-size:.95rem;font-weight:600}.lunch-metric__sub{color:#8a8a8a;margin:6px 0 0;font-size:.78rem;font-weight:400;line-height:1.4}.lunch-section{margin-top:8px}.lunch-section__title{text-align:center;color:#000;margin:0 0 12px;font-size:.95rem;font-weight:700}.lunch-section__title:before,.lunch-section__title:after{content:none;display:none}.lunch-nutri{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:0;display:grid}.lunch-section__divider{background:#e0e0e0;width:72%;max-width:240px;height:1px;margin:16px auto 0}.lunch-nutri__item{flex-direction:column;align-items:center;gap:6px;display:flex}.lunch-nutri__badge{color:#fff;text-align:center;background:#01a860;border-radius:999px;justify-content:center;align-items:center;min-width:100%;padding:6px 2px;font-size:.62rem;font-weight:400;line-height:1.2;display:inline-flex}.lunch-nutri__val{color:#888;font-size:.7rem;font-weight:400}.lunch-advice{color:#fff;background:#01a860;border-radius:14px;padding:14px 16px;font-size:.88rem;font-weight:400;line-height:1.55}.lunch-result__retake{color:#fff;cursor:pointer;background:#383838;border:none;border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:46px;margin-top:18px;font-size:.95rem;font-weight:400;display:flex}.screen--exercise{text-align:center;box-sizing:border-box;justify-content:center;align-items:center;gap:6px;min-height:calc(100dvh - 100px);max-height:calc(100dvh - 100px);padding-top:0;padding-bottom:0;overflow:hidden}.exercise-hero{flex-shrink:0;width:48%;max-width:176px;margin:0 auto;line-height:0;overflow:visible}.exercise-hero__img{object-fit:contain;object-position:center;width:100%;height:auto;max-height:26vh;display:block}.exercise-label{color:#333;margin:4px 0 0;font-size:.98rem;font-weight:700}.exercise-value{margin:2px 0 6px;line-height:1}.exercise-value__num{color:#333;letter-spacing:-.02em;font-size:2.55rem;font-weight:700}.exercise-value__unit{color:#9a9a9a;margin-left:4px;font-size:1rem;font-weight:500}.exercise-ruler{touch-action:pan-x;-webkit-user-select:none;user-select:none;flex-shrink:0;width:100%;max-width:320px;margin:0 auto 8px;position:relative}.exercise-ruler--locked .exercise-ruler__scroll{pointer-events:none;opacity:.7;overflow:hidden}.exercise-ruler__scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;touch-action:pan-x;align-items:flex-start;height:24px;padding:0;display:flex;overflow:auto hidden}.exercise-ruler__scroll:active{cursor:grabbing}.exercise-ruler__scroll::-webkit-scrollbar{display:none}.exercise-ruler__spacer{pointer-events:none;flex:none;height:1px}.exercise-ruler__tick{box-sizing:border-box;scroll-snap-align:center;opacity:.85;pointer-events:none;border:none;flex:none;height:9px;position:relative}.exercise-ruler__tick:before{content:"";background:#01a860;border-radius:1px;width:1.5px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.exercise-ruler__tick--mid{height:13px}.exercise-ruler__tick--major{height:18px}.exercise-ruler__needle{pointer-events:none;object-fit:contain;object-position:center top;z-index:2;width:13px;height:46px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.exercise-ruler__labels{color:#b0b0b0;justify-content:space-between;width:56%;margin:30px auto 0;font-size:.88rem;font-weight:500;display:flex}.exercise-checkin-btn{aspect-ratio:280/56;color:#fff;letter-spacing:.04em;cursor:pointer;appearance:none;box-sizing:border-box;background-color:#0000;background-image:url(/checkin/exercise/btn.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:78%;max-width:260px;height:auto;margin:4px auto 0;padding:0;font-size:.95rem;font-weight:400;display:flex}.exercise-checkin-btn--done{color:#fff;cursor:default;opacity:1;background-color:#01a860;background-image:none;border-radius:999px}.exercise-checkin-btn__done{object-fit:contain;pointer-events:none;width:auto;height:52%;max-height:22px;display:block}.exercise-checkin-btn:disabled:not(.exercise-checkin-btn--done){opacity:.7;cursor:default}.exercise-checkin-btn--done:disabled{opacity:1;cursor:default}.exercise-tip{text-align:center;flex-shrink:0;margin:10px 12px 0}.exercise-tip__title,.exercise-tip__text{color:#9a9a9a;margin:0;font-size:.76rem;font-weight:400;line-height:1.45}.exercise-tip__title{margin-bottom:2px}.screen--exercise .success-msg,.screen--exercise .error-msg{z-index:3;pointer-events:none;box-sizing:border-box;margin:0;padding:8px 12px;font-size:.8rem;position:absolute;bottom:8px;left:16px;right:16px}