@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{--bg-base: #f6f6f2;--bg-soft: #fdfcf8;--bg-card: rgba(255, 255, 255, .88);--ink: #1f2b2b;--muted: #677373;--line: rgba(39, 58, 58, .14);--line-strong: rgba(39, 58, 58, .24);--brand: #0e7a67;--brand-strong: #0a5e4f;--accent: #d46543;--accent-soft: rgba(212, 101, 67, .16);--brand-soft: rgba(14, 122, 103, .12);--warn: #b0562a;--radius-xl: 26px;--radius-lg: 18px;--radius-md: 12px;--shadow-lg: 0 18px 44px rgba(11, 33, 33, .14);--shadow-md: 0 10px 26px rgba(11, 33, 33, .1);--ease-out: cubic-bezier(.22, .61, .36, 1);font-family:Sora,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(900px 430px at -10% -14%,rgba(14,122,103,.24),transparent 72%),radial-gradient(720px 400px at 108% 0%,rgba(212,101,67,.2),transparent 74%),linear-gradient(145deg,#f8f8f3,#f2f6f5,#f9f3ef);padding:22px 14px 34px}#root{width:100%}.fitness-app{width:min(1120px,100%);margin:0 auto;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--bg-card);box-shadow:var(--shadow-lg);backdrop-filter:blur(9px);padding:18px;display:grid;gap:14px;animation:app-rise .42s var(--ease-out)}.hero{border:1px solid var(--line);border-radius:calc(var(--radius-xl) - 6px);padding:18px 16px;background:linear-gradient(125deg,#0e7a6726,#0e7a6700 56%),linear-gradient(300deg,#d4654329,#d4654300 58%),var(--bg-soft);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-50px;top:-46px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(212,101,67,.18),transparent 68%);pointer-events:none}.eyebrow{margin:0;font-size:.76rem;letter-spacing:.14em;font-weight:700;color:var(--brand);text-transform:uppercase}h1{margin:8px 0 0;font-size:clamp(1.45rem,1.03rem + 1.8vw,2.2rem);letter-spacing:-.02em}.subtitle{margin:9px 0 0;max-width:720px;color:var(--muted);font-size:.93rem;line-height:1.6}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fffffff2,#f7fbfae6);padding:12px 12px 11px;box-shadow:0 5px 12px #0b21210d}.metric-card span{display:block;color:var(--muted);font-size:.8rem}.metric-card strong{display:block;margin-top:7px;font-size:1.15rem;letter-spacing:-.01em}.metric-card small{display:block;margin-top:5px;color:var(--muted);font-size:.8rem}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tabs button{border:1px solid var(--line);border-radius:999px;background:#ffffffe6;color:var(--ink);font:inherit;font-size:.89rem;padding:8px 14px;cursor:pointer;transition:all .18s var(--ease-out)}.tabs button.active{border-color:#0e7a676b;color:var(--brand-strong);background:linear-gradient(180deg,#0e7a6733,#0e7a671a);box-shadow:0 4px 10px #0e7a672e;transform:translateY(-1px)}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffffe6;padding:14px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}h2{margin:0;font-size:1.05rem;letter-spacing:-.01em}h3{margin:0;font-size:.94rem}.panel-head p{margin:6px 0 0;color:var(--muted);font-size:.87rem}.section-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.section-head span{color:var(--muted);font-size:.8rem}.message{margin:0;border-radius:11px;border:1px solid rgba(14,122,103,.32);background:#0e7a671c;color:var(--brand-strong);padding:9px 11px;font-size:.86rem}.risk{border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:.8rem;padding:4px 10px;white-space:nowrap}.risk.caution{border-color:#b0562a6b;background:#b0562a1f;color:var(--warn)}.control-grid,.form-grid,.weight-form,.nutrition-form-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.weight-form{grid-template-columns:1.1fr 1.1fr auto;align-items:end}.control-grid label,.form-grid label,.weight-form label,.nutrition-form-grid label{display:grid;gap:6px;color:var(--muted);font-size:.88rem}input,select,textarea{width:100%;height:38px;border-radius:10px;border:1px solid var(--line-strong);background:#fff;color:var(--ink);font:inherit;outline:none;padding:0 10px;transition:border-color .15s var(--ease-out),box-shadow .15s var(--ease-out)}textarea{min-height:90px;resize:vertical;padding:10px;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:#0e7a678c;box-shadow:0 0 0 3px #0e7a671a}input[type=checkbox]{width:16px;height:16px;margin:0 7px 0 0}.control-grid label:has(input[type=checkbox]),.checkbox-label{align-items:center;grid-auto-flow:column;justify-content:flex-start;gap:6px;color:var(--ink)}.primary-btn,.secondary-btn{border-radius:11px;border:1px solid transparent;font:inherit;padding:9px 14px;cursor:pointer;transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out),border-color .15s var(--ease-out)}.primary-btn{background:linear-gradient(145deg,var(--brand),var(--brand-strong));color:#fff;box-shadow:0 7px 14px #0e7a6747}.secondary-btn{background:#fffffff5;border-color:var(--line-strong);color:var(--ink)}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-1px)}.primary-btn:active,.secondary-btn:active{transform:translateY(0)}.tiny-btn{font-size:.8rem;border-radius:9px;padding:6px 10px}.video-section,.ai-panel,.nutrition-card,.calendar-box{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffeb;padding:10px}.video-section{background:linear-gradient(180deg,#0e7a6712,#fffffff0)}.video-toolbar{margin-top:10px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.upload-note{color:var(--muted);font-size:.84rem}.video-grid{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.video-card{border:1px solid var(--line);border-radius:11px;background:#fff;padding:10px}.video-title{margin:0;font-size:.9rem;line-height:1.35;font-weight:650}.video-meta{margin:7px 0 0;color:var(--muted);font-size:.82rem}.video-chip{margin:8px 0 0;border-radius:999px;border:1px solid var(--line);display:inline-flex;font-size:.74rem;color:var(--muted);padding:2px 8px}.video-actions{margin-top:9px;display:flex;flex-wrap:wrap;gap:8px}.ai-control-grid{margin-top:10px}.standard-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 10px}.standard-title{margin:0;font-size:.88rem;font-weight:650}.standard-list{margin:7px 0 0;padding-left:18px;color:var(--muted);font-size:.82rem;display:grid;gap:4px}.standard-range{margin:8px 0 0;color:var(--muted);font-size:.8rem}.ai-layout{margin-top:10px;display:grid;grid-template-columns:1.1fr 1fr;gap:10px}.camera-wrap{min-height:220px;border-radius:12px;border:1px solid var(--line-strong);background:#0f172a;position:relative;overflow:hidden}.camera-wrap video{width:100%;height:100%;object-fit:cover;display:block}.camera-placeholder{position:absolute;inset:0;margin:0;display:grid;place-items:center;text-align:center;padding:10px;font-size:.88rem;color:#d7e7e8;background:#0a13299e}.ai-telemetry{display:grid;gap:10px}.meter-head{display:flex;justify-content:space-between;align-items:center;font-size:.84rem;gap:8px}.meter-head span{color:var(--muted)}.meter-track{margin-top:6px;width:100%;height:9px;border-radius:999px;overflow:hidden;background:#0e7a6726}.meter-fill{height:100%;background:linear-gradient(90deg,var(--brand),#21a68e)}.quality-badge{margin:0;color:var(--brand-strong);font-weight:650;font-size:.84rem}.ai-note{margin:0;color:var(--muted);font-size:.84rem}.ai-actions,.report-actions{display:flex;flex-wrap:wrap;gap:8px}.exercise-list{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:9px}.exercise-list li{border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px;display:grid;grid-template-columns:24px 1fr;gap:11px;align-items:flex-start;cursor:pointer;transition:border-color .15s var(--ease-out),transform .15s var(--ease-out),box-shadow .15s var(--ease-out)}.exercise-list li:hover{transform:translateY(-1px);border-color:#0e7a674d}.exercise-list li.selected{border-color:#0e7a677a;box-shadow:0 0 0 3px #0e7a671a}.circle{width:22px;height:22px;border-radius:999px;border:2px solid rgba(103,115,115,.74);background:#fff;position:relative;cursor:pointer;margin-top:2px}.circle.done{border-color:var(--brand);background:var(--brand)}.circle.done:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.exercise-title{margin:0;font-weight:650}.exercise-meta,.exercise-reason{margin:4px 0 0;font-size:.84rem;color:var(--muted)}.exercise-list li.done .exercise-title{color:#7c8f8f;text-decoration:line-through}.exercise-finish-btn{margin-top:12px}.weight-list{margin:12px 0 0;padding:0;list-style:none;border:1px solid var(--line);border-radius:12px;overflow:hidden}.weight-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff;padding:10px 11px;border-bottom:1px solid var(--line)}.weight-list li:last-child{border-bottom:0}.weight-list span{color:var(--muted);font-size:.84rem}.weight-list strong{font-size:.9rem}.nutrition-reco-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nutrition-reco-item{border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#0e7a6714,#fff);padding:9px}.nutrition-reco-title{margin:0;font-size:.88rem;font-weight:650}.nutrition-reco-detail{margin:6px 0 0;color:var(--muted);font-size:.82rem;line-height:1.5}.nutrition-reco-kcal{margin:8px 0 0;color:var(--brand);font-size:.82rem;font-weight:650}.nutrition-textarea-label{margin-top:10px;display:grid;gap:6px;color:var(--muted);font-size:.87rem}.nutrition-result{margin-top:10px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px}.nutrition-total{margin:0;color:var(--brand-strong);font-size:.88rem;font-weight:650}.nutrition-detect-list,.nutrition-log-list,.mini-list{margin:9px 0 0;padding:0;list-style:none;display:grid;gap:8px}.nutrition-detect-list li,.nutrition-log-list li,.mini-list li{border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 9px}.nutrition-detect-list li{display:flex;justify-content:space-between;align-items:center;gap:8px}.nutrition-log-list li{display:grid;gap:6px}.nutrition-log-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.nutrition-log-head p,.nutrition-log-text,.nutrition-log-meta,.mini-list p{margin:0}.nutrition-log-text,.nutrition-log-meta,.mini-list small,.calendar-box p,.empty-hint{color:var(--muted);font-size:.82rem}.inline-form{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mini-list p{font-size:.86rem;font-weight:650}.mini-list small{display:block;margin-top:4px;max-width:520px;word-break:break-all}.divider{margin:15px 0;border-top:1px dashed var(--line-strong)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(14,122,103,.42);outline-offset:1px}@media(max-width:980px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid,.ai-layout,.nutrition-reco-grid,.form-grid,.control-grid,.nutrition-form-grid,.weight-form,.inline-form{grid-template-columns:1fr}}@media(max-width:640px){body{padding:12px}.fitness-app{border-radius:16px;padding:11px}.hero{padding:14px 12px}.tabs{gap:6px}.tabs button{font-size:.84rem;padding:6px 11px}.panel{padding:11px}.camera-wrap{min-height:190px}}@keyframes app-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}