:root{color:#29332f;font-synthesis:none;background:#e7e9e5;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#e7e9e5;margin:0}button{font:inherit;cursor:pointer;color:inherit;border:0}.phone{background:#f7f6f2;width:100%;max-width:480px;min-height:100vh;margin:auto;padding-bottom:84px;overflow:hidden}.appbar{background:#f7f6f2;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex}.appbrand{letter-spacing:-.03em;align-items:baseline;gap:2px;font-size:18px;display:flex}.appbrand small{color:#8c9a91;margin-left:3px;font-size:11px;font-weight:500}.mark{color:#f5d8bd;background:#536b5e;border-radius:9px;place-items:center;width:28px;height:28px;margin-right:8px;display:grid}.avatar{color:#607568;background:#d8e7df;border-radius:50%;width:34px;height:34px;font-weight:700}.phone main{padding:9px 20px 20px}.hello,.subhead,.section-head,.chart-header,.ring-status,.person,.detail-profile{justify-content:space-between;align-items:center;display:flex}.hello{align-items:flex-start;padding:13px 0 18px}.hello small,.subhead small{color:#8a988f;letter-spacing:.09em;font-size:11px}.hello h1,.subhead h1{letter-spacing:-.05em;margin:8px 0 0;font-size:25px;font-weight:600;line-height:1.3}.more{color:#859189;background:0 0;padding:5px}.hero{color:#f8f7f1;background:#536b5e;border-radius:24px;min-height:263px;padding:25px 23px;position:relative;overflow:hidden;box-shadow:0 12px 30px #536b5e2e}.hero:after{content:"";border:1px solid #ffffff25;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-76px;right:-80px;box-shadow:0 0 0 25px #ffffff0d,0 0 0 50px #ffffff08}.hero-copy{z-index:1;position:relative}.hero-copy span{letter-spacing:.12em;color:#cbd9cf;font-size:12px}.hero-copy strong{letter-spacing:-.06em;margin:7px 0 2px;font-size:58px;line-height:1.07;display:block}.hero-copy strong small{letter-spacing:0;font-size:16px}.hero-copy p{color:#dbe4de;margin:0;font-size:12px}.hero-copy p i{color:#d8ebd6;font-style:normal}.pulse{z-index:1;border:1px solid #e1efe55c;border-radius:50%;place-items:center;width:76px;height:76px;display:grid;position:absolute;top:29px;right:30px}.pulse:before{content:"";border:1px solid #e1efe533;border-radius:50%;position:absolute;inset:7px}.pulse div{font-size:20px;font-weight:700}.hero-note{z-index:1;color:#e1ebe3;border-top:1px solid #ffffff25;align-items:center;gap:6px;padding-top:12px;font-size:11px;display:flex;position:absolute;bottom:22px;left:23px;right:23px}.ring-status{background:#e8f0e9;border-radius:14px;margin:13px 0 23px;padding:13px 14px}.ring-status>div{flex:1;margin-left:10px}.ring-status b,.ring-status small{display:block}.ring-status b{font-size:13px}.ring-status small{color:#68806e;margin-top:4px;font-size:10px}.live{background:#5ba979;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #cbe5d1}.tag{color:#567562;background:#d8e8db;border-radius:20px;padding:6px 9px;font-size:10px}.section-head{margin:0 0 11px}.section-head h2{letter-spacing:-.03em;margin:0;font-size:17px}.section-head button,.section-head span{color:#74867b;background:0 0;align-items:center;gap:3px;font-size:11px;display:flex}.stats{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:23px;display:grid}.stat,.health-card,.sleep-metrics>div{background:#fff;border-radius:16px;padding:14px;box-shadow:0 5px 18px #33443d09}.stat-icon{color:#688270;background:#edf3ee;border-radius:9px;place-items:center;width:28px;height:28px;margin-bottom:10px;display:grid}.stat strong{letter-spacing:-.04em;font-size:24px;display:block}.stat strong small{color:#849088;margin-left:2px;font-size:10px;font-weight:500}.stat span,.stat em{font-style:normal;display:block}.stat span{color:#79877e;margin-top:3px;font-size:11px}.stat em{color:#6e9a7e;margin-top:6px;font-size:10px}.card{background:#fff;border-radius:17px;margin-bottom:18px;padding:16px;box-shadow:0 5px 18px #33443d09}.chart-card{padding:17px}.chart-header small,.chart-header strong{display:block}.chart-header small{color:#9aa49d;font-size:10px}.chart-header strong{margin-top:4px;font-size:18px}.good{color:#6e9a7e;background:#e5f0e6;border-radius:9px;padding:6px 9px;font-size:11px}.bars{border-bottom:1px solid #edf0eb;align-items:end;gap:10px;height:106px;margin-top:9px;padding:16px 5px 0;display:flex}.bars span{background:#d4e5d8;border-radius:7px 7px 2px 2px;flex:1;max-width:30px}.bars span.today{background:#bd6f5c}.days{color:#a2aba4;justify-content:space-between;padding:7px 5px 0;font-size:10px;display:flex}.reminder{text-align:left;color:#63766a;background:#f0e9dc;border-radius:15px;align-items:center;gap:11px;width:100%;padding:13px 14px;display:flex}.reminder-icon{color:#b17c43;background:#fff3dc;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.reminder div{flex:1}.reminder b,.reminder small{display:block}.reminder b{font-size:12px}.reminder small{color:#9b9688;margin-top:4px;font-size:10px}.subpage{padding-top:12px}.subhead{align-items:flex-start;margin-bottom:28px}.subhead h1{font-size:27px}.score-panel,.sleep-score,.heart-card{color:#f8f7f1;background:#536b5e;border-radius:22px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:22px;display:flex;box-shadow:0 12px 26px #536b5e22}.big-score small,.sleep-score small,.heart-card small{color:#cad8ce;font-size:11px;display:block}.big-score strong,.sleep-score strong,.heart-card strong{margin:5px 0;font-size:50px;line-height:1.05;display:block}.big-score strong em,.sleep-score strong em{margin-left:3px;font-size:13px;font-style:normal;font-weight:400}.big-score span,.sleep-score span,.heart-card span{color:#d6e4d9;font-size:11px}.score-ring{text-align:center;border:5px solid #cce2d277;border-radius:50%;place-items:center;width:80px;height:80px;display:grid}.score-ring b,.score-ring small{display:block}.score-ring b{font-size:20px}.score-ring small{color:#d5e6db;font-size:9px}.card-title{color:#45584c;align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex}.card-title small{color:#9aa59e;margin-left:auto;font-size:10px;font-weight:400}.explanation p,.advice p,.summary p{color:#7e8a82;margin:12px 0;font-size:12px;line-height:1.8}.duration{color:#60776a;background:#edf3ee;border-radius:11px;align-items:end;gap:8px;padding:10px 12px;display:flex}.duration b{font-size:22px}.duration b span{font-size:11px}.duration small{font-size:10px}.muted{color:#9ba49d;font-size:11px}.progress{margin:0 0 18px}.progress>div{justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.progress b{color:#6e9a7e;font-size:11px}.progress i{background:#e7ece7;border-radius:7px;height:7px;display:block;overflow:hidden}.progress i em{background:#76a888;border-radius:7px;height:100%;display:block}.insight,.advice,.summary{color:#64806f;background:#edf4ee;align-items:flex-start;gap:10px;display:flex}.insight div,.advice p,.summary p{flex:1}.insight b{font-size:12px}.insight p{color:#87978d;margin:5px 0 0;font-size:11px}.sleep-score{background:#586084}.sleep-score>svg{color:#dfd9b0}.sleep-bar{gap:4px;height:31px;margin:14px 0 10px;display:flex}.sleep-bar i{border-radius:6px}.sleep-bar i:first-child{background:#3f4184;flex:3}.sleep-bar i:nth-child(2){background:#6269a5;flex:4}.sleep-bar i:nth-child(3){background:#8995cf;flex:2}.sleep-bar i:nth-child(4){background:#b8c0e4;flex:1}.legend{color:#89958e;flex-wrap:wrap;gap:9px;font-size:10px;display:flex}.legend span{align-items:center;gap:4px;display:flex}.legend i{background:#3f4184;border-radius:2px;width:7px;height:7px}.legend span:nth-child(2) i{background:#6269a5}.legend span:nth-child(3) i{background:#8995cf}.legend span:nth-child(4) i{background:#b8c0e4}.sleep-metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.sleep-metrics>div{text-align:center}.sleep-metrics b{color:#536b5e;font-size:21px;display:block}.sleep-metrics b span{font-size:10px}.sleep-metrics small{color:#98a29b;margin-top:5px;font-size:10px;display:block}.heart-card{background:#b46f5b}.heart-card strong em{margin-left:4px;font-size:11px;font-style:normal}.heart-card span{align-items:center;gap:4px;display:flex}.heart-card span i{background:#d8efdc;border-radius:50%;width:6px;height:6px}.heart-card>svg{color:#f8d9c9;opacity:.85}.health-grid{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px;display:grid}.health-card>span,.health-card>b,.health-card>small,.health-card>em{display:block}.health-card>span{margin-bottom:8px;font-size:20px}.health-card>b{font-size:23px}.health-card>small{color:#78877d;margin-top:3px;font-size:10px}.health-card>em{color:#6e9a7e;margin-top:7px;font-size:10px;font-style:normal}.family-notice{color:#5f8068;background:#e7f1e8;border-radius:14px;align-items:center;gap:10px;margin-bottom:24px;padding:13px 14px;display:flex}.family-notice b,.family-notice small{display:block}.family-notice b{font-size:12px}.family-notice small{margin-top:4px;font-size:10px}.section-head button{padding:0}.section-head button svg{margin-right:2px}.person{text-align:left;background:#fff;border-radius:17px;gap:11px;width:100%;margin-bottom:9px;padding:14px;box-shadow:0 5px 18px #33443d09}.person-avatar{color:#6a756d;border-radius:15px;place-items:center;width:48px;height:48px;font-weight:700;display:grid}.person-avatar.big{width:64px;height:64px;font-size:25px}.person>div:nth-child(2){flex:1}.person b,.person small{display:block}.person b{font-size:14px}.person small{color:#9aa49e;margin-top:4px;font-size:10px}.person-score{text-align:right}.person-score strong,.person-score small{display:block}.person-score strong{color:#6e9178;font-size:19px}.person-score small{font-size:9px}.family-tip{color:#9b8260;background:#efe9dc;align-items:flex-start;gap:10px;margin-top:22px;display:flex}.family-tip b{color:#6e6658;font-size:12px}.family-tip p{color:#9d9689;margin:6px 0 0;font-size:11px;line-height:1.6}.overlay{z-index:10;background:#1c252355;justify-content:center;align-items:end;display:flex;position:fixed;inset:0}.sheet{background:#f7f6f2;border-radius:26px 26px 0 0;width:100%;max-width:480px;padding:22px 20px 32px}.close{float:right;color:#708075;background:#e9ede8;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.sheet>small{color:#8e9b92;font-size:11px}.detail-profile{justify-content:flex-start;gap:12px;margin:22px 0}.detail-profile h2{margin:0 0 5px;font-size:22px}.detail-profile p{color:#8c9991;margin:0;font-size:11px}.detail-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.detail-stats div{text-align:center;background:#fff;border-radius:13px;padding:13px}.detail-stats b,.detail-stats small{display:block}.detail-stats b{color:#607968;font-size:19px}.detail-stats small{color:#9aa49e;margin-top:5px;font-size:10px}.primary{color:#fff;background:#bd6f5c;border-radius:99px;justify-content:center;align-items:center;gap:7px;width:100%;padding:14px;font-size:13px;font-weight:600;display:flex}.tabbar{z-index:5;width:100%;max-width:480px;height:76px;padding:9px 7px max(9px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #edf0ec;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar button{color:#a3ada6;background:0 0;flex-direction:column;align-items:center;gap:4px;min-width:53px;font-size:10px;display:flex}.tabbar button.selected{color:#536b5e;font-weight:700}.tabbar button.selected svg{stroke-width:2.5px}@media (width>=600px){.phone{box-shadow:0 0 40px #26332b1c}}