:root{--app-bg:#02070a;--surface-bg:#0a1015;--surface-strong:#101820;--border:#26323c;--text-primary:#f8fafc;--text-muted:#a7b0ba;--text-soft:#68727e;--accent:#ff6a00;--accent-strong:#ff8a1c;--accent-soft:#ff6a002e;--accent-contrast:#fff7ed;--danger:#ff3d1f;--success:#22c7e8;--stack-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Roboto, sans-serif;--stack-serif:ui-serif, Georgia, Cambria, "Songti SC", "Noto Serif CJK SC", "Times New Roman", serif;--stack-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--font-body:var(--stack-sans);--font-display:var(--stack-sans);--text-xs:11px;--text-sm:12px;--text-md:15px;--text-lg:18px;--text-xl:22px;--space-page-x:15px;--space-section-y:18px;--space-card:14px;--space-control:12px;--radius-card:20px;--radius-control:14px;--radius-pill:999px;--control-height:42px;--shadow-card:0 12px 34px #0000004d;--shadow-float:0 -12px 28px #00000047;--fitness-screen-bg:radial-gradient(circle at 82% 1%, #ff6a0033, transparent 25%), radial-gradient(circle at 12% 38%, #ff6a001f, transparent 28%), linear-gradient(180deg, #04090d 0%, #071016 45%, #03080b 100%);--fitness-panel-bg:linear-gradient(145deg, #12191ff5, #050b0ff5);--fitness-panel-strong:linear-gradient(145deg, #182027fa, #070d11fa);--fitness-panel-soft:#ffffff0e;--fitness-border:#ffffff29;--fitness-border-soft:#ffffff14;--fitness-orange:#ff6a00;--fitness-orange-strong:#ff8a1c;--fitness-orange-deep:#ba3900;--fitness-cyan:#27cbe9;--fitness-cyan-soft:#27cbe929;--fitness-amber:#ffb21a;--fitness-track:#ffffff1c;--fitness-ring-track:#ffffff14;--fitness-grid-line:#ffffff14;--fitness-glow-orange:0 0 34px #ff6a006b;--fitness-glow-cyan:0 0 28px #27cbe952;--fitness-text-shadow:0 8px 24px #0006}*{box-sizing:border-box}html,body,#root{min-height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-md);color:var(--text-primary);background:var(--app-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;margin:0}.fitness-screen{width:100%;max-width:430px;min-height:100dvh;color:var(--text-primary);background:var(--fitness-screen-bg);flex-direction:column;gap:14px;margin:0 auto;padding:14px 13px 12px;display:flex;position:relative;overflow:hidden}.fitness-screen:before{pointer-events:none;content:"";background:linear-gradient(115deg, transparent 0 37%, var(--accent-soft) 38%, transparent 39% 100%);opacity:.7;position:absolute;inset:0}.fitness-screen>*{z-index:1;position:relative}.fitness-page-header{gap:4px;padding:8px 13px 2px;display:grid}.fitness-page-header h1,.fitness-page-header p{font-family:var(--font-display);text-shadow:var(--fitness-text-shadow);margin:0;font-weight:950;line-height:1}.fitness-page-header h1{font-size:var(--text-xl)}.fitness-page-header h1 span{color:var(--accent)}.fitness-page-header p{font-size:var(--text-lg);letter-spacing:0}.fitness-card{border:1px solid var(--fitness-border);border-radius:var(--radius-card);background:var(--fitness-panel-bg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.performance-card{gap:14px;padding:18px 16px 17px;display:grid}.section-title,.section-heading-row,.history-title-row{align-items:center;display:flex}.section-title{gap:9px}.section-title i{border-radius:var(--radius-pill);background:var(--accent);width:3px;height:20px;box-shadow:var(--fitness-glow-orange)}.section-title h2{color:var(--text-primary);margin:0;font-size:21px;font-weight:900;line-height:1.1}.section-heading-row,.history-title-row{justify-content:space-between;gap:12px}.performance-grid{grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);align-items:center;gap:14px;display:grid}.progress-ring{aspect-ratio:1;background:conic-gradient(var(--accent) 0 var(--progress), var(--fitness-ring-track) var(--progress) 100%);width:min(46vw,178px);box-shadow:var(--fitness-glow-orange);border-radius:50%;place-items:center;margin-inline:auto;display:grid;position:relative}.progress-ring:before{aspect-ratio:1;content:"";background:var(--surface-bg);border-radius:50%;width:71%;position:absolute}.progress-ring-core{z-index:1;justify-items:center;gap:4px;display:grid;position:relative}.progress-ring-core .fitness-icon{color:var(--accent)}.progress-ring-core strong{font-size:var(--text-xl);letter-spacing:0;font-weight:950}.progress-ring-core span{color:var(--text-muted);font-size:var(--text-sm);font-weight:700}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.metric-icon{width:30px;height:30px;color:var(--accent);place-items:center;display:grid}.metric-tile[data-tone=cyan] .metric-icon,.metric-tile[data-tone=cyan] strong{color:var(--fitness-cyan)}.metric-tile span{color:var(--text-primary);font-size:var(--text-sm);font-weight:700;line-height:1.25;display:block}.metric-tile strong{color:var(--accent);font-size:var(--text-xl);letter-spacing:0;align-items:baseline;gap:3px;margin-top:2px;font-weight:950;display:flex}.metric-tile small{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:0;font-weight:700}.trend-card{gap:12px;padding:15px 16px 16px;display:grid}.period-pill{border:1px solid var(--fitness-border);border-radius:var(--radius-pill);height:30px;color:var(--text-primary);background:0 0;align-items:center;gap:8px;padding:0 12px;font-weight:700;display:inline-flex}.period-pill span{border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;transform:rotate(45deg)translateY(-2px)}.weekly-trend{background:linear-gradient(180deg, transparent, var(--fitness-panel-soft));border-radius:19px;min-height:198px;padding:18px 9px 4px}.trend-grid{border-bottom:1px solid var(--fitness-grid-line);background:repeating-linear-gradient(to top, var(--fitness-grid-line) 0 1px, transparent 1px 54px);grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;height:166px;display:grid}.trend-column{min-width:0;height:100%;color:var(--text-soft);font-size:var(--text-xs);grid-template-rows:24px 1fr 22px;place-items:end center;font-weight:800;display:grid}.trend-column i{width:13px;height:var(--bar-height);background:linear-gradient(180deg, var(--fitness-orange-strong), var(--fitness-orange-deep));min-height:4px;box-shadow:var(--fitness-glow-orange);border-radius:7px 7px 2px 2px;display:block}.trend-column b{color:var(--text-soft);font-size:var(--text-sm)}.trend-column span{color:var(--text-primary);font-size:var(--text-xs)}.insight-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:10px;display:grid}.compact-card{align-content:start;gap:14px;min-height:184px;padding:15px;display:grid}.type-chart{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:13px;display:grid}.donut-chart,.streak-ring{aspect-ratio:1;border-radius:50%;place-items:center;display:grid;position:relative}.donut-chart{background:conic-gradient(var(--accent) 0 40%, var(--fitness-cyan) 40% 80%, var(--fitness-amber) 80% 100%);width:88px}.donut-chart:before{aspect-ratio:1;content:"";background:var(--surface-bg);border-radius:50%;width:55px;position:absolute}.donut-chart strong,.donut-chart span,.streak-ring strong,.streak-ring span,.streak-ring .fitness-icon{z-index:1;position:relative}.donut-chart strong{font-size:var(--text-xl);margin-top:8px;font-weight:950}.donut-chart span{color:var(--text-muted);font-size:var(--text-xs);margin-top:-15px;font-weight:800}.type-legend{gap:9px;display:grid}.legend-row,.history-metric{align-items:center;display:grid}.legend-row{color:var(--text-muted);grid-template-columns:9px minmax(0,1fr) auto;gap:8px}.legend-row span{background:var(--accent);border-radius:50%;width:9px;height:9px}.legend-row[data-tone=cyan] span{background:var(--fitness-cyan)}.legend-row[data-tone=cyan] strong{color:var(--fitness-cyan)}.legend-row[data-tone=amber] span{background:var(--fitness-amber)}.legend-row[data-tone=amber] strong{color:var(--fitness-amber)}.legend-row b{font-size:var(--text-sm)}.legend-row strong{color:var(--accent);font-size:var(--text-sm)}.streak-card{justify-items:center}.streak-ring{background:conic-gradient(var(--accent) 0 82%, var(--fitness-ring-track) 82% 100%);width:118px;box-shadow:var(--fitness-glow-orange)}.streak-ring:before{aspect-ratio:1;content:"";background:var(--surface-bg);border-radius:50%;width:86px;position:absolute}.streak-ring .fitness-icon{color:var(--accent)}.streak-ring strong{color:var(--accent);font-size:var(--text-xl);margin-top:-7px;font-weight:950}.streak-ring span{color:var(--text-muted);font-size:var(--text-sm);margin-top:-25px;font-weight:800}.streak-card p{color:var(--text-muted);font-size:var(--text-xs);text-align:center;margin:-4px 0 0;font-weight:800}.history-card{gap:15px;padding:15px;display:grid}.history-title-row>span{color:var(--text-muted);font-size:var(--text-xs);font-weight:700}.history-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.history-metric{min-width:0;color:var(--accent);text-align:center;justify-items:center;gap:3px;padding:4px 2px}.history-metric[data-tone=cyan]{color:var(--fitness-cyan)}.history-metric[data-tone=amber]{color:var(--fitness-amber)}.history-metric strong{font-size:var(--text-lg);font-weight:950}.history-metric span{color:var(--text-muted);font-size:var(--text-xs);font-weight:800;line-height:1.2}.fitness-icon{flex:none}@media (width<=380px){.fitness-screen{padding-inline:10px}.performance-grid,.insight-grid{grid-template-columns:1fr}.progress-ring{width:180px}}button,input,textarea,select{font:inherit;color:inherit}button{touch-action:manipulation}input,textarea,select{font-size:16px}.app-shell{width:100%;max-width:720px;min-height:100dvh;padding:var(--space-section-y) var(--space-page-x);flex-direction:column;margin:0 auto;display:flex}.app-header{justify-content:space-between;align-items:center;gap:var(--space-control);min-height:44px;margin-bottom:12px;display:flex}.app-header h1{font-family:var(--font-display);font-size:var(--text-xl);margin:0;line-height:1.25}.app-header p{color:var(--text-muted);font-size:var(--text-sm);margin:8px 0 0;line-height:1.6}.app-content{gap:var(--space-section-y);-webkit-overflow-scrolling:touch;flex:1;align-content:start;min-height:0;padding-bottom:10px;display:grid;overflow:hidden auto}.app-tabs{gap:var(--space-control);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tab-button{min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);background:var(--surface-bg);cursor:pointer;font-weight:700}.tab-button.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.eyebrow{color:var(--accent);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-weight:700}.summary-card{gap:var(--space-card);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:grid}.summary-card h2{font-family:var(--font-display);font-size:var(--text-lg);margin:0;line-height:1.3}.summary-card p{color:var(--text-muted);font-size:var(--text-sm);margin:8px 0 0;line-height:1.6}.item-card{justify-content:space-between;align-items:center;gap:var(--space-control);min-height:var(--control-height);border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;padding:12px 0;display:flex}.item-card:last-child{border-bottom:0}.item-card>:first-child{overflow-wrap:anywhere;min-width:0}.item-card time,.item-card .item-card-meta{color:var(--text-soft);font-size:var(--text-sm);flex:none}.primary-action,.secondary-action{min-height:var(--control-height);border-radius:var(--radius-control);cursor:pointer;justify-content:center;align-items:center;padding:0 14px;font-weight:600;display:inline-flex}.primary-action{color:var(--accent-contrast);background:var(--accent);border:0}.primary-action:hover:not(:disabled){background:var(--accent-strong)}.secondary-action{border:1px solid var(--border);color:var(--text-primary);background:var(--surface-bg)}.secondary-action:hover:not(:disabled){background:var(--surface-strong)}.primary-action:disabled,.secondary-action:disabled{opacity:.55;cursor:not-allowed}.record-form{gap:var(--space-control);display:grid}.form-field{gap:6px;display:grid}.form-field>label{color:var(--text-muted);font-size:var(--text-sm);font-weight:600}.text-input,.textarea-input,.select-input{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-bg);width:100%;min-width:0;padding:0 14px;font-size:16px}.text-input,.select-input{height:var(--control-height)}.textarea-input{min-height:calc(var(--control-height) * 2);resize:vertical;padding:12px 14px;line-height:1.6}.text-input:focus,.textarea-input:focus,.select-input:focus{border-color:var(--accent);outline:3px solid var(--accent-soft)}.empty-state,.error-state,.loading-state,.success-state{padding:var(--space-control) 14px;border:1px solid var(--border);border-radius:var(--radius-control);font-size:var(--text-sm);margin:0;line-height:1.6}.empty-state,.loading-state{color:var(--text-muted);background:var(--surface-strong)}.error-state{border-color:color-mix(in srgb, var(--danger) 35%, var(--border));color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--surface-bg))}.success-state{border-color:color-mix(in srgb, var(--success) 35%, var(--border));color:var(--success);background:color-mix(in srgb, var(--success) 8%, var(--surface-bg))}.bottom-action-bar{z-index:10;gap:var(--space-control);margin:var(--space-section-y) calc(var(--space-page-x) * -1) 0;padding:var(--space-control) var(--space-page-x);border-top:1px solid var(--border);background:var(--surface-bg);box-shadow:var(--shadow-float);display:flex;position:sticky;bottom:0}.bottom-action-bar>*{flex:1}.item-list{gap:10px;display:grid}@media (width<=480px){.item-card{flex-direction:column;align-items:stretch;gap:6px}}.app-shell{max-width:430px;height:100dvh;min-height:0;padding:10px var(--space-page-x) 62px;position:relative;overflow:hidden}.system-status-bar{display:none}.brand-lockup{align-items:center;gap:var(--space-control);min-width:0;display:flex}.brand-lockup>div{min-width:0}.home-focus-grid{gap:var(--space-control);grid-template-columns:minmax(132px,.85fr) minmax(0,1.15fr);align-items:center;display:grid}@media (width<=380px){.home-focus-grid{grid-template-columns:1fr}}.app-logo{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-strong);width:40px;height:40px;box-shadow:var(--shadow-card);flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.app-logo-fallback{color:var(--accent);font-weight:900}.app-logo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.app-header-actions{flex:none;justify-content:flex-end;align-items:center;gap:8px;min-width:38px;display:inline-flex}.icon-button{border:1px solid var(--border);border-radius:var(--radius-pill);width:38px;height:38px;color:var(--text-primary);background:var(--surface-bg);cursor:pointer;place-items:center;display:inline-grid}.app-icon{flex:none}.page-heading{justify-content:space-between;align-items:center;gap:var(--space-control);display:flex}.page-heading h2{font-family:var(--font-display);font-size:var(--text-lg);margin:0;line-height:1.25}.page-heading p{color:var(--text-muted);font-size:var(--text-sm);margin:6px 0 0;line-height:1.55}.bottom-nav{z-index:30;border-top:1px solid var(--border);background:var(--surface-bg);box-shadow:var(--shadow-float);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px 10px;display:grid;position:fixed;bottom:0;left:max(0px,50vw - 215px);right:max(0px,50vw - 215px)}.bottom-nav-item{border-radius:var(--radius-control);min-height:42px;color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;background:0 0;place-items:center;gap:2px;font-weight:800;display:grid}.bottom-nav-item[data-active=true]{color:var(--accent);background:var(--accent-soft)}.bottom-nav-item span{max-width:100%;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;line-height:1;overflow:hidden}.sheet-layer{z-index:60;pointer-events:auto;display:block;position:fixed;inset:0}.sheet-backdrop{background:color-mix(in srgb, var(--app-bg) 38%, transparent);width:100%;min-height:100%;position:absolute;inset:0}.bottom-sheet{border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--surface-bg);box-shadow:var(--shadow-float);border:0;flex-direction:column;margin:0;display:flex;position:fixed;bottom:0;left:max(0px,50vw - 215px);right:max(0px,50vw - 215px);overflow:hidden}.bottom-sheet[data-size=half]{max-height:min(100dvh - 12px,520px)}.bottom-sheet[data-size=two-thirds]{max-height:min(66dvh,520px)}.bottom-sheet[data-size=auto]{max-height:66dvh}.sheet-header{justify-content:space-between;align-items:center;gap:var(--space-control);min-height:44px;padding:0 var(--space-page-x);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface-bg) 88%, var(--surface-strong));display:flex}.sheet-handle{display:none}.sheet-header strong{font-size:var(--text-md);margin:0;font-weight:700}.sheet-cancel{min-height:32px;color:var(--accent);font-size:var(--text-md);background:0 0;border:0;padding:0;font-weight:650}.sheet-content{gap:var(--space-control);min-height:0;padding:var(--space-control) var(--space-page-x) var(--space-section-y);display:grid;overflow:auto}.sheet-actions{gap:var(--space-control);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.data-state{gap:8px;display:grid}.data-state strong,.data-state p{margin:0}.data-state p{color:var(--text-muted)}.data-state-action{margin-top:4px}.loading-progress{gap:8px;display:grid}.loading-progress span{border-radius:var(--radius-pill);background:var(--border);height:8px;display:block;position:relative;overflow:hidden}.loading-progress span:before{border-radius:inherit;content:"";background:var(--accent);width:42%;animation:1.2s ease-in-out infinite loading-progress-slide;position:absolute;inset:0 auto 0 0}.loading-progress strong{color:var(--text-muted);font-size:var(--text-sm)}.crud-list{gap:10px;display:grid}.crud-row{align-items:center;gap:var(--space-control);min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-strong);grid-template-columns:minmax(0,1fr) auto;padding:12px;display:grid}.crud-row-main{align-items:center;gap:var(--space-control);text-align:left;background:0 0;grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid}.crud-row-main strong,.crud-row-main small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.crud-row-main small{color:var(--text-soft);font-size:var(--text-xs);margin-top:4px}.crud-row-icon{border-radius:var(--radius-pill);width:38px;height:38px;color:var(--accent);background:var(--accent-soft);place-items:center;display:inline-grid}.crud-row-actions{gap:6px;display:inline-flex}.profile-card{align-items:center;gap:var(--space-control);display:flex}.profile-avatar{border-radius:var(--radius-pill);width:58px;height:58px;color:var(--accent-contrast);background:var(--accent);flex:none;place-items:center;font-weight:900;display:inline-grid}.profile-card h2,.profile-card p{margin:0}.profile-card p{color:var(--text-muted);font-size:var(--text-sm);margin-top:6px;line-height:1.55}.metric-grid{gap:var(--space-control);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.metric-tile{background:0 0;border:0;border-radius:0;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;min-height:58px;padding:4px 0;display:grid}.metric-tile strong,.metric-tile span{display:block}.metric-tile span{color:var(--text-muted);font-size:var(--text-sm);line-height:1.45}.progress-block{gap:8px;display:grid}.progress-label{justify-content:space-between;align-items:center;gap:var(--space-control);color:var(--text-muted);font-size:var(--text-sm);display:flex}.progress-track{border-radius:var(--radius-pill);background:var(--border);height:8px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--accent);height:100%;display:block}.app-progress-ring{aspect-ratio:1;border-radius:var(--radius-pill);background:conic-gradient(var(--accent) var(--progress), var(--border) 0);place-items:center;width:128px;display:grid}.app-progress-ring strong,.app-progress-ring span{margin:0;display:block}.bar-chart{grid-template-columns:repeat(auto-fit,minmax(34px,1fr));align-items:end;gap:8px;min-height:130px;display:grid}.bar-chart-item{align-items:end;gap:6px;min-height:130px;display:grid}.bar-chart-item span{border-radius:var(--radius-pill) var(--radius-pill) 0 0;background:var(--accent);min-height:8px;display:block}.bar-chart-item strong{color:var(--text-muted);font-size:var(--text-xs);text-align:center}@keyframes loading-progress-slide{0%{transform:translate(-110%)}50%{transform:translate(90%)}to{transform:translate(240%)}}@media (width<=430px){.bottom-sheet{left:0;right:0}.page-heading,.metric-grid{grid-template-columns:1fr}.page-heading{flex-direction:column;align-items:stretch}}