:root{--cc-color-obsidian:#08110f;--cc-color-deep-sea:#0d2424;--cc-color-aurora:#4ee3c1;--cc-color-champagne:#cdbb91;--cc-color-text:#f4fbf8;--cc-color-muted:#a8bbb5;--cc-touch-min:64px;--cc-touch-primary:88px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.tab-bar[data-v-fa4126c1]{z-index:50;padding:0 0 env(safe-area-inset-bottom,0);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--cc-line);background:#07110feb;justify-content:center;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-item[data-v-fa4126c1]{max-width:160px;min-height:64px;color:var(--cc-color-muted);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0 10px;transition:all .16s;display:flex}.tab-item.active[data-v-fa4126c1]{color:var(--cc-color-aurora)}.tab-item[data-v-fa4126c1]:hover:not(.active){color:var(--cc-color-text)}.tab-icon[data-v-fa4126c1]{place-items:center;width:32px;height:32px;display:grid}.tab-label[data-v-fa4126c1]{letter-spacing:.02em;font-size:11px;font-weight:600}.invite-overlay[data-v-909ec3c3]{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03090999;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.invite-card[data-v-909ec3c3]{text-align:center;background:linear-gradient(160deg,#ff9f431a,#0a1412f5);border:1px solid #ff9f434d;border-radius:24px;width:min(400px,100%);padding:36px 32px;box-shadow:0 24px 60px #0000008c}.invite-card__head[data-v-909ec3c3]{justify-content:center;align-items:center;gap:10px;display:flex}.invite-card__avatar[data-v-909ec3c3]{border:2px solid #ff9f4366;border-radius:50%;place-items:center;width:72px;height:72px;font-size:28px;font-weight:800;display:grid}.invite-card__pet[data-v-909ec3c3]{font-size:34px}.invite-card h2[data-v-909ec3c3]{margin:16px 0 4px;font-size:24px}.invite-card p[data-v-909ec3c3]{color:#ff9f43;margin:0;font-size:16px;font-weight:600}.invite-card small[data-v-909ec3c3]{color:var(--cc-color-muted);margin-top:8px;font-size:13px;display:block}.invite-card__actions[data-v-909ec3c3]{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.invite-card__actions button[data-v-909ec3c3]{cursor:pointer;border-radius:14px;min-height:46px;font-size:15px;font-weight:600;transition:all .16s}.invite-card__actions .reject[data-v-909ec3c3]{border:1px solid var(--cc-line);color:var(--cc-color-muted);background:0 0}.invite-card__actions .reject[data-v-909ec3c3]:hover{border-color:#fff3}.invite-card__actions .accept[data-v-909ec3c3]{color:#06120f;background:var(--cc-color-aurora);border:0}.invite-card__actions .accept[data-v-909ec3c3]:hover{filter:brightness(1.05)}.invite-pop-enter-active[data-v-909ec3c3],.invite-pop-leave-active[data-v-909ec3c3]{transition:all .2s}.invite-pop-enter-from[data-v-909ec3c3],.invite-pop-leave-to[data-v-909ec3c3]{opacity:0}.invite-pop-enter-from .invite-card[data-v-909ec3c3],.invite-pop-leave-to .invite-card[data-v-909ec3c3]{transform:translateY(16px)scale(.96)}.progress-ring[data-v-faefad62]{place-items:center;display:grid;position:relative}.ring-svg[data-v-faefad62]{position:absolute;inset:0;transform:rotate(-90deg)}.ring-track[data-v-faefad62]{stroke:#ffffff14}.ring-fill[data-v-faefad62]{stroke:var(--cc-color-aurora);transition:stroke-dashoffset 1.6s cubic-bezier(.22,1,.36,1)}.progress-ring__inner[data-v-faefad62]{z-index:1;place-items:center;display:grid}.progress-ring__inner strong[data-v-faefad62]{letter-spacing:-.04em;font-size:34px}.progress-ring__inner small[data-v-faefad62]{opacity:.6;font-size:.55em}@keyframes fadeUp-d80cbf8b{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeRight-d80cbf8b{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes barGrow-d80cbf8b{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes countUp-d80cbf8b{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.home-page[data-v-d80cbf8b]{padding-bottom:80px;overflow:hidden}.notice-strip[data-v-d80cbf8b]{background:#66e5c214;border:1px solid #66e5c226;border-radius:10px;align-items:center;height:36px;margin:0 -24px 16px;padding:0;display:flex;position:relative;overflow:hidden}.notice-scroll[data-v-d80cbf8b]{white-space:nowrap;gap:80px;animation:30s linear infinite notice-marquee-d80cbf8b;display:flex}.notice-item[data-v-d80cbf8b]{color:var(--cc-color-muted);flex-shrink:0;font-size:13px}.notice-close[data-v-d80cbf8b]{z-index:2;width:24px;height:24px;color:var(--cc-color-muted);cursor:pointer;background:#ffffff14;border:0;border-radius:6px;flex-shrink:0;place-items:center;display:grid;position:absolute;right:8px}.notice-close[data-v-d80cbf8b]:hover{background:#ffffff24}@keyframes notice-marquee-d80cbf8b{0%{transform:translate(0)}to{transform:translate(-50%)}}.notice-slide-leave-active[data-v-d80cbf8b]{transition:all .3s}.notice-slide-leave-to[data-v-d80cbf8b]{opacity:0;height:0;margin-bottom:0}.home-content[data-v-d80cbf8b]{gap:22px;display:grid}.member-strip[data-v-d80cbf8b]{align-items:center;gap:12px;animation:.5s both fadeUp-d80cbf8b;display:flex}.member-strip>p[data-v-d80cbf8b]{color:var(--cc-color-muted);margin:0 10px 0 0;font-size:16px}.member-chip[data-v-d80cbf8b]{border:1px solid var(--cc-line);min-height:48px;color:var(--cc-color-muted);cursor:pointer;background:#ffffff08;border-radius:999px;align-items:center;gap:10px;padding:6px 18px 6px 7px;display:flex}.member-chip span[data-v-d80cbf8b]{color:#07110f;background:var(--member-accent);border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.member-chip.active[data-v-d80cbf8b]{color:var(--cc-color-text);background:#66e5c21a;border-color:#66e5c27a}.dashboard-grid[data-v-d80cbf8b]{grid-template-rows:310px auto;grid-template-columns:minmax(0,1.38fr) minmax(0,.82fr);gap:20px;display:grid}.welcome-card[data-v-d80cbf8b]{background:radial-gradient(circle at 83% 35%,#66e5c22b,#0000 34%),linear-gradient(135deg,#ffffff14,#ffffff08);justify-content:space-between;align-items:center;padding:34px 38px;animation:.6s .1s both fadeUp-d80cbf8b;display:flex}.welcome-copy h1[data-v-d80cbf8b]{letter-spacing:-.045em;margin:8px 0 12px;font-size:clamp(40px,3.1vw,59px);line-height:1.05}.welcome-copy>p[data-v-d80cbf8b]:not(.section-kicker){max-width:660px;color:var(--cc-color-muted);margin:0 0 26px;font-size:19px;line-height:1.55}.start-btn[data-v-d80cbf8b]{min-height:60px;padding:0 36px;font-size:18px}.goal-orbit[data-v-d80cbf8b]{justify-items:center;gap:13px;min-width:232px;display:grid}.calorie-pill[data-v-d80cbf8b]{color:var(--cc-color-muted);align-items:baseline;gap:8px;font-size:13px;display:flex}.calorie-pill strong[data-v-d80cbf8b]{color:var(--cc-color-champagne);font-size:18px}.shortcuts-grid[data-v-d80cbf8b]{scrollbar-width:none;gap:16px;margin-top:20px;padding:0 4px;display:flex;overflow-x:auto}.shortcuts-grid[data-v-d80cbf8b]::-webkit-scrollbar{display:none}.shortcut-card[data-v-d80cbf8b]{cursor:pointer;border-radius:16px;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;min-width:120px;padding:20px 16px;transition:transform .2s,box-shadow .2s;display:flex}.shortcut-card[data-v-d80cbf8b]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4ee3c126}.shortcut-icon[data-v-d80cbf8b]{object-fit:cover;border-radius:14px;width:56px;height:56px}.shortcut-card span[data-v-d80cbf8b]{color:var(--cc-color-text);white-space:nowrap;font-size:13px;font-weight:600}.scene-card[data-v-d80cbf8b]{border:1px solid var(--cc-line);border-radius:var(--cc-radius-xl);cursor:pointer;grid-area:1/2;animation:.7s .2s both fadeRight-d80cbf8b;position:relative;overflow:hidden}.scene-card[data-v-d80cbf8b]:after{content:"";background:linear-gradient(#0000 35%,#040c0ef0 100%);position:absolute;inset:0}.scene-card__content[data-v-d80cbf8b]{z-index:2;position:absolute;bottom:28px;left:32px;right:32px}.scene-card__content h2[data-v-d80cbf8b]{margin:5px 0;font-size:34px}.scene-card__content>p[data-v-d80cbf8b]:not(.section-kicker){color:#ffffffad;margin:0 0 14px}.scene-card__content div[data-v-d80cbf8b]{gap:8px;display:flex}.scene-card__content div span[data-v-d80cbf8b]{color:#ffffffc7;background:#ffffff1a;border-radius:999px;padding:7px 12px;font-size:13px}.scene-play[data-v-d80cbf8b]{z-index:3;color:#06120f;background:var(--cc-color-aurora);border:0;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:absolute;bottom:28px;right:28px}.scene-dots[data-v-d80cbf8b]{z-index:4;gap:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.scene-dot[data-v-d80cbf8b]{cursor:pointer;background:#ffffff4d;border:0;border-radius:50%;width:6px;height:6px;padding:0;transition:all .3s}.scene-dot.active[data-v-d80cbf8b]{background:var(--cc-color-aurora);border-radius:4px;width:20px}.scene-fade-enter-active[data-v-d80cbf8b],.scene-fade-leave-active[data-v-d80cbf8b]{transition:opacity .4s}.scene-fade-enter-from[data-v-d80cbf8b],.scene-fade-leave-to[data-v-d80cbf8b]{opacity:0}.metrics-row[data-v-d80cbf8b]{grid-column:1;grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric-card[data-v-d80cbf8b]{align-content:center;gap:10px;padding:20px 22px;animation:.5s both fadeUp-d80cbf8b;display:grid}.metric-card[data-v-d80cbf8b]:first-child{animation-delay:.25s}.metric-card[data-v-d80cbf8b]:nth-child(2){animation-delay:.35s}.metric-card[data-v-d80cbf8b]:nth-child(3){animation-delay:.45s}.metric-card[data-v-d80cbf8b]:nth-child(4){animation-delay:.55s}.metric-header[data-v-d80cbf8b]{align-items:center;gap:10px;display:flex}.metric-icon[data-v-d80cbf8b]{border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.metric-label[data-v-d80cbf8b]{color:var(--cc-color-muted);font-size:13px}.metric-value[data-v-d80cbf8b]{align-items:baseline;gap:4px;display:flex}.metric-value strong[data-v-d80cbf8b]{letter-spacing:-.04em;font-size:31px}.metric-value span[data-v-d80cbf8b]{color:var(--cc-color-muted);font-size:13px}.metric-progress[data-v-d80cbf8b]{gap:6px;display:grid}.metric-progress__track[data-v-d80cbf8b]{background:#ffffff14;border-radius:4px;height:4px;overflow:hidden}.metric-progress__fill[data-v-d80cbf8b]{border-radius:4px;height:100%;transition:width 1.2s cubic-bezier(.22,1,.36,1)}.metric-progress small[data-v-d80cbf8b],.metric-delta[data-v-d80cbf8b]{color:var(--cc-color-muted);font-size:12px}.insight-card[data-v-d80cbf8b]{grid-area:2/2;grid-template-rows:auto 1fr auto;grid-template-columns:1fr 180px;column-gap:28px;padding:24px 28px;animation:.6s .3s both fadeUp-d80cbf8b;display:grid}.insight-heading[data-v-d80cbf8b]{align-items:center;gap:14px;display:flex}.insight-heading h2[data-v-d80cbf8b]{margin:3px 0 0;font-size:21px}.insight-icon[data-v-d80cbf8b]{width:48px;height:48px;color:var(--cc-color-champagne);background:#d7b7781f;border-radius:16px;flex:0 0 48px;place-items:center;display:grid}.insight-card>p[data-v-d80cbf8b]{color:var(--cc-color-muted);margin:14px 0 6px;font-size:14px;line-height:1.55}.weekly-chart[data-v-d80cbf8b]{grid-area:1/2/span 3;justify-content:space-between;align-items:end;gap:8px;padding-top:18px;display:flex}.bar-column[data-v-d80cbf8b]{grid-template-rows:1fr auto;align-items:end;gap:8px;width:100%;height:160px;display:grid}.bar-column span[data-v-d80cbf8b]{background:linear-gradient(180deg, var(--cc-color-aurora), #66e5c22e);transform-origin:bottom;border-radius:8px 8px 3px 3px;min-height:8px;animation:.8s cubic-bezier(.22,1,.36,1) both barGrow-d80cbf8b}.bar-column:first-child span[data-v-d80cbf8b]{animation-delay:.5s}.bar-column:nth-child(2) span[data-v-d80cbf8b]{animation-delay:.58s}.bar-column:nth-child(3) span[data-v-d80cbf8b]{animation-delay:.66s}.bar-column:nth-child(4) span[data-v-d80cbf8b]{animation-delay:.74s}.bar-column:nth-child(5) span[data-v-d80cbf8b]{animation-delay:.82s}.bar-column:nth-child(6) span[data-v-d80cbf8b]{animation-delay:.9s}.bar-column:nth-child(7) span[data-v-d80cbf8b]{animation-delay:.98s}.bar-column small[data-v-d80cbf8b]{color:var(--cc-color-muted);text-align:center}:root{--cc-line:#ffffff1a;--cc-surface:#ffffff0d;--cc-radius-xl:30px;font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body,#app{min-width:1180px;min-height:100%;margin:0}body{min-height:100vh;color:var(--cc-color-text);background:radial-gradient(circle at 78% 8%,#309a8726,#0000 28%),radial-gradient(circle at 5% 90%,#2d626e29,#0000 34%),#07110f;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:hidden}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}.page-shell{min-height:100vh;padding:24px clamp(34px,4vw,78px) 100px}.glass-panel{border:1px solid var(--cc-line);border-radius:var(--cc-radius-xl);background:var(--cc-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 24px 60px #00000029}.section-kicker{color:var(--cc-color-aurora);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.primary-button,.secondary-button,.danger-button{cursor:pointer;border-radius:20px;justify-content:center;align-items:center;gap:12px;min-height:64px;padding:0 30px;font-size:20px;font-weight:750;transition:all .18s;display:inline-flex}.primary-button{border:1px solid var(--cc-color-aurora);color:#04130f;background:var(--cc-color-aurora);box-shadow:0 12px 30px #4ee3c129}.secondary-button{border:1px solid var(--cc-line);color:var(--cc-color-text);background:#ffffff0f}.danger-button{color:#ffc2bd;background:#85251f33;border:1px solid #ff817861}.primary-button:hover,.secondary-button:hover,.danger-button:hover{transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;filter:saturate(.3);opacity:.45;transform:none}.text-button{color:var(--cc-color-aurora);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-weight:700;display:inline-flex}.round-button{border:1px solid var(--cc-line);width:56px;height:56px;color:var(--cc-color-text);cursor:pointer;background:#ffffff0d;border-radius:18px;place-items:center;display:grid}.app-topbar{z-index:20;justify-content:space-between;align-items:center;height:72px;margin-bottom:20px;display:flex;position:relative}.app-topbar.immersive{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#040c0c52;border:1px solid #ffffff1f;border-radius:24px;padding:0 26px}.topbar-left,.topbar-right{align-items:center;gap:14px;display:flex}.brand-mark{color:#04130f;background:linear-gradient(135deg,#87f2d5,#3cbca3);border:1px solid #66e5c259;border-radius:16px;place-items:center;width:50px;height:50px;font-size:25px;font-weight:900;display:grid;box-shadow:0 0 30px #4ee3c129}.brand-name,.brand-subtitle{margin:0}.brand-name{font-size:18px;font-weight:750}.brand-subtitle{color:var(--cc-color-muted);letter-spacing:.18em;margin-top:4px;font-size:9px;font-weight:750}.online-state{border:1px solid var(--cc-line);min-height:40px;color:var(--cc-color-muted);background:#ffffff0a;border-radius:999px;align-items:center;gap:9px;padding:0 16px;font-size:13px;display:flex}.online-state span{background:var(--cc-color-aurora);border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px #4ee3c1c7}.online-state.unsafe span{background:#f18b7d;box-shadow:0 0 14px #f18b7dc7}.clock{border-left:1px solid var(--cc-line);text-align:right;padding-left:18px;display:grid}.clock strong{font-size:21px;line-height:1}.clock span{color:var(--cc-color-muted);margin-top:4px;font-size:10px}.current-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px;display:block}.user-cluster{border-left:1px solid var(--cc-line);align-items:center;gap:12px;padding-left:18px;display:flex}.user-meta{gap:3px;display:grid}.user-meta strong{font-size:15px}.user-meta span{color:var(--cc-color-muted);letter-spacing:.02em;font-size:12px}.logout-button{border:1px solid var(--cc-line);width:42px;height:42px;color:var(--cc-color-muted);cursor:pointer;background:#ffffff0a;border-radius:13px;place-items:center;margin-left:4px;transition:all .16s;display:grid}.logout-button:hover{color:#ffc2bd;background:#85251f24;border-color:#ff817859}.progress-ring{border-radius:50%;place-items:center;display:grid;box-shadow:0 0 44px #4ee3c11a}.progress-ring:before{content:"";position:absolute}.progress-ring__inner{text-align:center;background:#0c1c1a;border-radius:50%;place-content:center;width:calc(100% - 13px);height:calc(100% - 13px);display:grid}.progress-ring__inner strong{letter-spacing:-.06em;font-size:50px;line-height:1}.progress-ring__inner strong small{font-size:20px}.progress-ring__inner>span{color:var(--cc-color-muted);margin-top:8px;font-size:13px}.scene-visual{background:linear-gradient(165deg, var(--scene-a) 0%, var(--scene-b) 62%, var(--scene-c) 100%);position:absolute;inset:0;overflow:hidden}.scene-image{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.scene-visual:before{content:"";background:radial-gradient(circle at 25% 16%,#ffffff3b,#0000 32%),linear-gradient(110deg,#0000,#ffffff12);position:absolute;inset:0}.scene-sun{background:#ffe0a7a6;border-radius:50%;width:84px;height:84px;position:absolute;top:17%;left:22%;box-shadow:0 0 60px #ffd08b61}.scene-ridge{clip-path:polygon(0 70%,14% 42%,28% 62%,43% 24%,58% 58%,72% 30%,86% 57%,100% 36%,100% 100%,0 100%);height:54%;position:absolute;bottom:12%;left:-15%;right:-15%}.ridge-back{background:color-mix(in srgb, var(--scene-a) 72%, white 10%);opacity:.72;transform:translateY(-15%)}.ridge-front{background:color-mix(in srgb, var(--scene-a) 84%, black)}.scene-road{clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);background:linear-gradient(90deg,#ffffff14,#151c1db8,#ffffff14);width:42%;height:70%;position:absolute;bottom:-16%;left:50%;transform:translate(-50%)}.scene-road:after{content:"";background:repeating-linear-gradient(#ffe9c1bf 0 20px,#0000 20px 42px);width:4px;position:absolute;top:6%;bottom:0;left:calc(50% - 2px)}.scene-grain{mix-blend-mode:soft-light;opacity:.2;background-image:radial-gradient(#ffffff24 .6px,#0000 .7px);background-size:5px 5px;position:absolute;inset:0}.loading-state{min-height:700px;color:var(--cc-color-muted);place-content:center;justify-items:center;display:grid}.loading-mark{color:#04130f;background:var(--cc-color-aurora);border-radius:26px;place-items:center;width:82px;height:82px;margin-bottom:18px;font-size:38px;font-weight:900;animation:1.6s ease-in-out infinite breathe;display:grid}.toast-message{z-index:100;border:1px solid var(--cc-line);color:var(--cc-color-text);background:#0f1f1deb;border-radius:16px;padding:16px 24px;position:fixed;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #00000052}.toast-enter-active,.toast-leave-active{transition:all .18s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,12px)}@keyframes breathe{50%{transform:scale(1.05);box-shadow:0 0 45px #4ee3c140}}@media (max-height:900px){.page-shell{padding-top:16px}.app-topbar{height:62px;margin-bottom:14px}}
