@font-face{font-family:"Diary Display";src:url('/assets/fonts/BarlowSemiCondensed-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:"Diary Display Italic";src:url('/assets/fonts/BarlowSemiCondensed-SemiBoldItalic.ttf') format('truetype');font-weight:600;font-display:swap}
html{background:#101418;scroll-behavior:auto;touch-action:pan-y pinch-zoom}body{margin:0 auto;max-width:480px;color:#f5f8f7;font-size:14px;font-family:Arial,"Microsoft YaHei",sans-serif}*{box-sizing:border-box}button{display:block;width:100%;line-height:2.8;cursor:pointer;font-family:inherit;border:0}button[hidden]{display:none}button:focus-visible,a:focus-visible,input:focus-visible,picker:focus-visible{outline:2px solid #83aac0;outline-offset:4px}img{object-fit:contain}score-ring,trend-chart{display:block}canvas{display:block}picker{display:block;cursor:pointer}a{color:#bad8ec}input{max-width:100%}
.web-footer{text-align:center;padding:20px 16px 120px;font-size:11px;line-height:2;color:#92a3ae}.web-footer a{margin:0 8px}.web-footer span{display:block}.web-loading{min-height:70vh;padding:120px 26px;color:#aabac4;text-align:center}.web-loading button{margin:24px auto}.web-toast{position:fixed;left:24px;right:24px;bottom:110px;max-width:420px;margin:auto;background:#35434f;border-radius:12px;padding:16px;z-index:200;color:#f5f8f7;font-size:14px}.web-poster-dialog{border:1px solid #43535e;border-radius:16px;max-width:min(92vw,700px);max-height:90vh;background:#101418;color:white;padding:16px}.web-poster-dialog::backdrop{background:#000b}.web-poster-dialog img{display:block;width:100%;height:auto}.web-poster-dialog button{position:sticky;top:0;background:#253138;color:white;margin-bottom:10px}.web-login-copy{font-size:13px;color:#b9c9d5;line-height:1.8;margin-top:14px}.web-login-copy a{color:#c4e4ef}

body{background:#101418;color:#f5f8f7;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:calc(28 * var(--rpx))}div,button{box-sizing:border-box}button{display:block;width:100%;font-size:calc(28 * var(--rpx));font-weight:600;border-radius:calc(14 * var(--rpx))}button::after{border:0}button[disabled]{opacity:.5}button.primary{background:#f4f7f6;color:#172027}button.secondary{background:#35434f;color:#f1f3f4}button.link{background:transparent;color:#bad8ec;font-size:calc(25 * var(--rpx));padding:0;margin:0;line-height:2}span{word-break:break-word}.muted{color:#a1b0bc}.footnote{color:#a1b0bc;line-height:1.7;font-size:calc(23 * var(--rpx))}

button.primary,button.secondary,button.text-button,button.link{width:100%;max-width:none}

button,div,span,img{-webkit-tap-highlight-color:transparent}

.app-shell{min-height:100vh;background:linear-gradient(180deg,#253138 0,#1b2227 calc(850 * var(--rpx)),#101418 calc(1600 * var(--rpx)));padding-bottom:calc(200 * var(--rpx));padding-bottom:calc(calc(200 * var(--rpx)) + env(safe-area-inset-bottom))}.native-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:calc(12 * var(--rpx));padding-left:calc(34 * var(--rpx));background:#253138;box-sizing:border-box;font-size:calc(24 * var(--rpx));font-weight:650;white-space:nowrap}.toolbar{position:sticky;z-index:15;display:flex;align-items:center;justify-content:space-between;height:calc(112 * var(--rpx));padding:calc(10 * var(--rpx)) calc(34 * var(--rpx));background:#253138}.avatar{width:calc(64 * var(--rpx));height:calc(64 * var(--rpx));border-radius:50%;display:flex;align-items:center;justify-content:center;background:#7926ed;color:#16111e;font-size:calc(26 * var(--rpx));font-weight:600;flex-shrink:0}.date-pill{display:flex;align-items:center;justify-content:space-between;background:#303b42;border-radius:calc(24 * var(--rpx));width:calc(380 * var(--rpx));height:calc(64 * var(--rpx))}.date-arrow{width:calc(52 * var(--rpx));text-align:center;font-family:Arial,sans-serif;font-size:calc(50 * var(--rpx));line-height:1;color:#f5f8f8}.date-arrow.disabled{opacity:.28}.date-text{font-weight:700;font-size:calc(23 * var(--rpx));letter-spacing:calc(1 * var(--rpx));text-align:center;white-space:nowrap;min-width:calc(230 * var(--rpx))}.toolbar-action,.back-icon{width:calc(64 * var(--rpx));height:calc(64 * var(--rpx));display:flex;justify-content:center;align-items:center}.toolbar-action img{width:calc(42 * var(--rpx));height:calc(42 * var(--rpx))}.back-icon img{width:calc(48 * var(--rpx));height:calc(48 * var(--rpx))}.page-content{padding:calc(18 * var(--rpx)) calc(34 * var(--rpx)) 0}.rings-row{display:flex;justify-content:space-between;padding:calc(14 * var(--rpx)) 0 0}.mini-score{display:flex;align-items:center;flex-direction:column}.mini-score>span{font-size:calc(25 * var(--rpx));font-weight:700;margin-top:calc(9 * var(--rpx));letter-spacing:calc(3 * var(--rpx))}.section-heading{display:flex;align-items:center;justify-content:space-between;font-size:calc(40 * var(--rpx));font-weight:500;margin:calc(26 * var(--rpx)) calc(6 * var(--rpx)) calc(32 * var(--rpx))}.section-heading .subtle{font-size:calc(19 * var(--rpx));color:#adb5b9;font-weight:400}.section-subtitle{display:block;color:#bdc6cb;font-size:calc(24 * var(--rpx));line-height:1.6;margin:calc(-16 * var(--rpx)) calc(6 * var(--rpx)) calc(32 * var(--rpx))}.card{border-radius:calc(30 * var(--rpx));background:linear-gradient(155deg,#363e42,#282c30);padding:calc(34 * var(--rpx));margin-bottom:calc(34 * var(--rpx))}.card-heading{display:flex;justify-content:space-between;align-items:center;font-size:calc(25 * var(--rpx));font-weight:700;letter-spacing:calc(2 * var(--rpx));margin-bottom:calc(30 * var(--rpx))}.card-heading img{width:calc(35 * var(--rpx));height:calc(35 * var(--rpx));opacity:.65}.activities-card{padding:calc(36 * var(--rpx)) calc(32 * var(--rpx)) calc(32 * var(--rpx))}.activities-card .card-heading{margin:calc(2 * var(--rpx)) calc(6 * var(--rpx)) calc(32 * var(--rpx))}.activity-row{display:flex;align-items:center;background:linear-gradient(115deg,#4a5155,#42484c);border-radius:calc(28 * var(--rpx));padding:calc(15 * var(--rpx));margin-top:calc(24 * var(--rpx));gap:calc(20 * var(--rpx));min-height:calc(112 * var(--rpx))}.activity-score{display:flex;align-items:center;justify-content:center;gap:calc(15 * var(--rpx));width:calc(207 * var(--rpx));height:calc(82 * var(--rpx));border-radius:calc(14 * var(--rpx));flex-shrink:0;font-family:"Arial",sans-serif;font-weight:700;font-size:calc(34 * var(--rpx))}.activity-score img{height:calc(49 * var(--rpx));width:calc(42 * var(--rpx))}.sleep-score{background:#83aac0}.strain-score{background:#009fe3}.activity-name{font-size:calc(25 * var(--rpx));font-weight:700;flex:1;letter-spacing:calc(1 * var(--rpx))}.activity-times{display:flex;flex-direction:column;gap:calc(6 * var(--rpx));color:#bbc1c4;font-family:Arial,sans-serif;font-weight:600;font-size:calc(22 * var(--rpx))}.activity-timeline{position:relative;height:calc(48 * var(--rpx));width:calc(3 * var(--rpx));background:#009fe3;margin:0 calc(6 * var(--rpx)) 0 calc(-6 * var(--rpx))}.activity-timeline:before,.activity-timeline:after{content:"";position:absolute;left:calc(-1 * var(--rpx));width:calc(5 * var(--rpx));height:calc(5 * var(--rpx));border-radius:50%;background:#f3f5f5}.activity-timeline:before{top:calc(-2 * var(--rpx))}.activity-timeline:after{bottom:calc(-2 * var(--rpx))}.sleep-timeline{background:#83aac0}.activity-footer{display:flex;justify-content:space-between;align-items:center;background:#41484d;margin-top:calc(32 * var(--rpx));border-radius:calc(14 * var(--rpx));padding:calc(26 * var(--rpx)) calc(22 * var(--rpx));font-size:calc(23 * var(--rpx));font-weight:600;color:#e7ebed}.activity-footer span:last-child{font-size:calc(36 * var(--rpx));line-height:1}.week-mini{display:flex;justify-content:space-between;padding:calc(8 * var(--rpx)) 0}.week-mini>div{display:flex;flex-direction:column;align-items:center;gap:calc(16 * var(--rpx))}.week-mini span{font-size:calc(20 * var(--rpx));color:#a6afb5}.day-dot{width:calc(35 * var(--rpx));height:calc(35 * var(--rpx));border-radius:50%}.week-mini .week-value{font-family:Arial,sans-serif;font-size:calc(21 * var(--rpx));color:#e6ebed}.home-stats{display:flex}.home-stats>div{flex:1}.home-stats span{display:block}.home-stats span:first-child{font-family:Arial,sans-serif;font-size:calc(46 * var(--rpx));font-weight:700}.home-stats span:last-child{color:#aab7c0;font-size:calc(20 * var(--rpx));margin-top:calc(12 * var(--rpx))}.hero-ring{display:flex;justify-content:center;padding:calc(26 * var(--rpx)) 0 calc(48 * var(--rpx))}.summary-panel{position:relative;border:calc(2 * var(--rpx)) solid rgba(154,170,178,.1);background:linear-gradient(100deg,rgba(30,34,41,.4),rgba(48,53,59,.26),rgba(22,27,32,.2));border-radius:calc(28 * var(--rpx));padding:calc(20 * var(--rpx)) calc(32 * var(--rpx));margin-bottom:calc(36 * var(--rpx))}.panel-pointer{position:absolute;left:50%;top:calc(-11 * var(--rpx));width:calc(20 * var(--rpx));height:calc(20 * var(--rpx));transform:translateX(-50%) rotate(45deg);background:#222a30;border-left:calc(2 * var(--rpx)) solid rgba(154,170,178,.1);border-top:calc(2 * var(--rpx)) solid rgba(154,170,178,.1)}.summary-row{min-height:calc(124 * var(--rpx));display:flex;align-items:center;gap:calc(18 * var(--rpx))}.summary-row+.summary-row{border-top:calc(2 * var(--rpx)) solid rgba(195,205,211,.14)}.metric-icon{width:calc(43 * var(--rpx));height:calc(43 * var(--rpx));opacity:.65;flex-shrink:0}.summary-name{font-size:calc(24 * var(--rpx));font-weight:700;letter-spacing:calc(1 * var(--rpx));flex:1}.summary-value{text-align:right;font-family:Arial,sans-serif;font-size:calc(35 * var(--rpx));font-weight:700;font-style:italic;white-space:nowrap}.summary-value>span{display:block}.summary-value .comparison{font-size:calc(23 * var(--rpx));color:#b4bdc4;font-style:normal;margin-top:calc(6 * var(--rpx))}.direction{width:0;height:0;flex-shrink:0;margin-left:calc(1 * var(--rpx))}.direction.up{border-left:calc(7 * var(--rpx)) solid transparent;border-right:calc(7 * var(--rpx)) solid transparent;border-bottom:calc(8 * var(--rpx)) solid #57d7ac}.direction.down{border-left:calc(7 * var(--rpx)) solid transparent;border-right:calc(7 * var(--rpx)) solid transparent;border-top:calc(8 * var(--rpx)) solid #f6ae36}.direction.same{width:calc(9 * var(--rpx));height:calc(9 * var(--rpx));border-radius:50%;background:#89939c}.direction.none{width:calc(10 * var(--rpx))}.comparison-note{display:flex;align-items:center;gap:calc(12 * var(--rpx));padding:calc(12 * var(--rpx)) calc(14 * var(--rpx));border-radius:calc(8 * var(--rpx));background:rgba(0,0,0,.42);color:#b5bec5;font-size:calc(18 * var(--rpx));line-height:1.6;margin:calc(12 * var(--rpx)) 0 calc(2 * var(--rpx))}.comparison-tri{color:#62c7ac;font-size:calc(18 * var(--rpx));white-space:nowrap}.metric-caption{display:flex;align-items:center;justify-content:center;gap:calc(24 * var(--rpx));color:#a9b6bf;font-size:calc(24 * var(--rpx));margin:calc(26 * var(--rpx)) 0 calc(44 * var(--rpx))}.mini-meter{width:calc(104 * var(--rpx));height:calc(9 * var(--rpx));border-radius:calc(3 * var(--rpx));background:#3c444a;margin-right:calc(6 * var(--rpx));overflow:hidden}.mini-meter div{height:100%;background:#83aac0}.sleep-summary-row .summary-name{font-size:calc(23 * var(--rpx))}.sleep-summary-row .summary-value{font-size:calc(32 * var(--rpx))}.card-number{font-family:Arial,sans-serif;font-size:calc(50 * var(--rpx));font-style:italic;font-weight:700;margin:calc(10 * var(--rpx)) 0 calc(24 * var(--rpx))}.prior{display:block;color:#aab4bb;font-size:calc(23 * var(--rpx));font-style:normal;margin-top:calc(8 * var(--rpx))}.sleep-window{display:flex;align-items:center;gap:calc(20 * var(--rpx));background:#212b31;padding:calc(28 * var(--rpx)) calc(20 * var(--rpx));border-radius:calc(12 * var(--rpx));font-family:Arial,sans-serif;font-size:calc(25 * var(--rpx));color:#c6d9e4}.sleep-window img{width:calc(36 * var(--rpx));height:calc(36 * var(--rpx))}.sleep-window>div{height:calc(2 * var(--rpx));background:#7299b0;flex:1}.sleep-meta{display:flex;justify-content:space-between;color:#b9c4cb;font-size:calc(23 * var(--rpx));padding:calc(26 * var(--rpx)) 0;border-bottom:calc(2 * var(--rpx)) solid #40484f}.sleep-stage{margin:calc(32 * var(--rpx)) calc(8 * var(--rpx))}.stage-heading{display:flex;justify-content:space-between;font-size:calc(25 * var(--rpx));font-weight:600;margin-bottom:calc(20 * var(--rpx))}.stage-heading>span>span{font-size:calc(21 * var(--rpx));margin-left:calc(8 * var(--rpx))}.stage-track{height:calc(32 * var(--rpx));border-radius:calc(7 * var(--rpx));background:repeating-linear-gradient(135deg,#3a4148 0,#3a4148 calc(4 * var(--rpx)),#262d32 calc(4 * var(--rpx)),#262d32 calc(9 * var(--rpx)));overflow:hidden}.stage-track>div{height:100%;border-radius:calc(6 * var(--rpx))}.data-row{display:flex;justify-content:space-between;align-items:center;gap:calc(20 * var(--rpx));min-height:calc(90 * var(--rpx));font-size:calc(25 * var(--rpx))}.data-row+.data-row{border-top:calc(2 * var(--rpx)) solid #41494f}.data-row>span:last-child{font-family:Arial,sans-serif;font-weight:600;text-align:right;flex-shrink:0}.need-heading{display:flex;justify-content:space-between;font-size:calc(24 * var(--rpx));color:#d4dce1;margin:calc(26 * var(--rpx)) calc(8 * var(--rpx)) calc(16 * var(--rpx))}.need-heading>span:last-child{font-family:Arial,sans-serif;font-weight:700;font-size:calc(29 * var(--rpx))}.need-track{height:calc(34 * var(--rpx));background:#51575b;border-radius:calc(3 * var(--rpx));overflow:hidden;margin:0 calc(8 * var(--rpx))}.need-track>div{height:100%;background:linear-gradient(90deg,#38515f,#83aac0)}.need-breakdown{background:rgba(0,0,0,.3);border-radius:calc(16 * var(--rpx));padding:calc(22 * var(--rpx));margin-top:calc(24 * var(--rpx))}.need-breakdown>div{display:flex;align-items:center;justify-content:space-between;font-size:calc(23 * var(--rpx));color:#d3d9dd;line-height:2}.swatch{display:inline-block;width:calc(20 * var(--rpx));height:calc(20 * var(--rpx));border-radius:calc(3 * var(--rpx));margin-right:calc(12 * var(--rpx))}.swatch.baseline{background:#61676b}.swatch.strain{background:#009fe3}.swatch.debt{background:#d1d7da}.swatch.nap{background:#17d9a0}.zone-row{display:flex;align-items:center;gap:calc(20 * var(--rpx));font-size:calc(22 * var(--rpx));margin-top:calc(26 * var(--rpx))}.zone-row>span:last-child{width:calc(74 * var(--rpx));text-align:right;font-family:Arial,sans-serif}.zone-track{height:calc(16 * var(--rpx));flex:1;background:#424b50;border-radius:calc(4 * var(--rpx));overflow:hidden}.zone-track>div{height:100%}.trend-tabs{display:flex;background:#303a41;border-radius:calc(15 * var(--rpx));padding:calc(6 * var(--rpx));gap:calc(6 * var(--rpx));margin-bottom:calc(32 * var(--rpx))}.trend-tabs>div{flex:1;text-align:center;padding:calc(16 * var(--rpx));border-radius:calc(11 * var(--rpx));font-size:calc(25 * var(--rpx));color:#abb7c0}.trend-tabs>div.active{background:#515d65;color:#fff}.floating-nav{position:fixed;z-index:30;bottom:calc(24 * var(--rpx));bottom:calc(calc(24 * var(--rpx)) + env(safe-area-inset-bottom));left:calc(26 * var(--rpx));right:calc(26 * var(--rpx));display:flex;align-items:center;justify-content:space-around;background:#1f272f;border:calc(2 * var(--rpx)) solid #414650;border-radius:calc(55 * var(--rpx));padding:calc(20 * var(--rpx)) calc(14 * var(--rpx)) calc(18 * var(--rpx));box-shadow:0 calc(10 * var(--rpx)) calc(30 * var(--rpx)) rgba(0,0,0,.4)}.nav-item{flex:1;display:flex;align-items:center;flex-direction:column;gap:calc(10 * var(--rpx));opacity:.45;font-size:calc(23 * var(--rpx));font-weight:600}.nav-item.active{opacity:1}.nav-item img{width:calc(45 * var(--rpx));height:calc(45 * var(--rpx))}.data-source{display:flex;align-items:center;flex-direction:column;gap:calc(7 * var(--rpx));text-align:center;color:#8597a3;font-size:calc(18 * var(--rpx));line-height:1.6;padding:calc(20 * var(--rpx)) calc(8 * var(--rpx)) calc(10 * var(--rpx))}.account-card{display:flex;align-items:center;flex-direction:column;padding:calc(42 * var(--rpx))}.avatar.large{width:calc(110 * var(--rpx));height:calc(110 * var(--rpx));font-size:calc(36 * var(--rpx))}.account-name{font-size:calc(32 * var(--rpx));font-weight:600;margin:calc(22 * var(--rpx)) 0 calc(12 * var(--rpx))}.account-brand{text-align:center;color:#d2dae0;font-size:calc(27 * var(--rpx));margin:calc(56 * var(--rpx)) 0}.account-brand span{display:block;font-size:calc(21 * var(--rpx));color:#93a5b1;margin-top:calc(12 * var(--rpx))}.workout-hero{display:flex;justify-content:center;margin:calc(10 * var(--rpx)) 0 calc(40 * var(--rpx))}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:100;background:rgba(0,0,0,.7);display:flex;align-items:flex-end}.info-sheet{width:100%;background:#29333b;border-radius:calc(28 * var(--rpx)) calc(28 * var(--rpx)) 0 0;padding:calc(40 * var(--rpx)) calc(36 * var(--rpx)) calc(calc(50 * var(--rpx)) + env(safe-area-inset-bottom));font-size:calc(27 * var(--rpx));line-height:1.9;color:#c9d6df}.info-sheet .card-heading{color:#f1f4f6}.connect-panel{border:calc(1 * var(--rpx)) solid #61727e;background:#303c44;border-radius:calc(24 * var(--rpx));padding:calc(32 * var(--rpx));margin:calc(12 * var(--rpx)) 0 calc(30 * var(--rpx));font-size:calc(25 * var(--rpx));color:#b9c9d5}.connect-title{display:block;color:#f1f4f6;font-size:calc(34 * var(--rpx));font-weight:600;margin-bottom:calc(12 * var(--rpx))}.connect-panel .primary{margin-top:calc(28 * var(--rpx))}.empty{padding:calc(35 * var(--rpx)) 0;color:#b9c5cf;font-size:calc(25 * var(--rpx));text-align:center}.error-banner{padding:calc(24 * var(--rpx));background:#4c302a;color:#ffd0c3;font-size:calc(24 * var(--rpx));border-radius:calc(16 * var(--rpx));line-height:1.6;display:flex;gap:calc(14 * var(--rpx));justify-content:space-between;margin-bottom:calc(20 * var(--rpx))}.retry{flex-shrink:0;text-decoration:underline}.loading-line{padding:calc(15 * var(--rpx)) calc(10 * var(--rpx));color:#9cc9e4;font-size:calc(23 * var(--rpx))}.footnote{font-size:calc(23 * var(--rpx));line-height:1.8;color:#9db0be}.text-button{background:transparent;color:#bad8ec;font-size:calc(25 * var(--rpx));margin-top:calc(16 * var(--rpx))}
.guide-entry .card-heading{margin-bottom:calc(18 * var(--rpx));letter-spacing:0}.guide-summary{display:block;font-size:calc(25 * var(--rpx));color:#b9c8d2;line-height:1.7}.guide-source-hint{display:block;font-size:calc(20 * var(--rpx));color:#8fa4b2;margin-top:calc(14 * var(--rpx))}.guide-tags{display:flex;gap:calc(14 * var(--rpx));margin-top:calc(20 * var(--rpx))}.guide-tags span{font-size:calc(18 * var(--rpx));color:#c3d0db;border:calc(1 * var(--rpx)) solid #5c6a74;border-radius:calc(6 * var(--rpx));padding:calc(4 * var(--rpx)) calc(10 * var(--rpx))}.guide-article-title{font-size:calc(44 * var(--rpx));font-weight:650;line-height:1.4;margin:calc(30 * var(--rpx)) calc(6 * var(--rpx))}.guide-section+.guide-section{margin-top:calc(34 * var(--rpx));padding-top:calc(30 * var(--rpx));border-top:calc(1 * var(--rpx)) solid #475158}.guide-section-title{display:block;font-size:calc(30 * var(--rpx));font-weight:650;margin-bottom:calc(15 * var(--rpx))}.guide-body{display:block;color:#c1cfd8;font-size:calc(27 * var(--rpx));line-height:1.9}.source-row+.source-row{margin-top:calc(30 * var(--rpx));padding-top:calc(30 * var(--rpx));border-top:calc(1 * var(--rpx)) solid #475158}.source-row>span{display:block;font-size:calc(24 * var(--rpx));line-height:1.7}.source-url{color:#9bb7cd;font-size:calc(21 * var(--rpx))!important;margin-top:calc(12 * var(--rpx));word-break:break-all}.source-copy{font-size:calc(24 * var(--rpx));margin-top:calc(22 * var(--rpx))}.article-footer{padding:calc(22 * var(--rpx)) 0;color:#bad8ec;font-size:calc(27 * var(--rpx))}

.avatar-button{padding:0;margin:0;overflow:hidden;background:#34444f;border:calc(1 * var(--rpx)) solid rgba(173,205,223,.24);line-height:1;flex-shrink:0}.avatar-button img{width:100%;height:100%;display:block}.avatar-button image[src="/assets/icons/user.svg"]{width:62%;height:62%;margin:19%}.native-header .brand-mark{width:calc(34 * var(--rpx));height:calc(34 * var(--rpx));margin-right:calc(6 * var(--rpx));flex-shrink:0}.native-header>span:first-of-type{font-size:calc(27 * var(--rpx));letter-spacing:calc(.5 * var(--rpx));font-weight:650}.account-card.profile-card{padding:calc(38 * var(--rpx)) calc(32 * var(--rpx)) calc(32 * var(--rpx))}.avatar-caption{font-size:calc(21 * var(--rpx));color:#9db6c6;margin-top:calc(15 * var(--rpx))}.profile-card .account-name{font-size:calc(35 * var(--rpx));margin-top:calc(24 * var(--rpx));font-weight:600;letter-spacing:calc(.2 * var(--rpx))}.profile-form{display:block;text-align:left;width:100%;margin-top:calc(34 * var(--rpx));padding-top:calc(28 * var(--rpx));border-top:calc(1 * var(--rpx)) solid #4a555d}.field-label{display:block;color:#c3d1da;font-size:calc(23 * var(--rpx));margin-bottom:calc(14 * var(--rpx))}.nickname-input{display:block;box-sizing:border-box;width:100%;height:calc(88 * var(--rpx));padding:0 calc(22 * var(--rpx));border:calc(1 * var(--rpx)) solid #566a78;background:#222d35;border-radius:calc(12 * var(--rpx));color:#f5f8f9;font-size:calc(28 * var(--rpx));line-height:normal}.profile-save{font-size:calc(26 * var(--rpx));margin-top:calc(20 * var(--rpx))}.profile-message{display:block;color:#9fdbca;font-size:calc(23 * var(--rpx));line-height:1.6;margin-top:calc(20 * var(--rpx))}.menu-label{display:flex;align-items:center;gap:calc(20 * var(--rpx))}.menu-label img{width:calc(32 * var(--rpx));height:calc(32 * var(--rpx));opacity:.75}.menu-chevron{width:calc(28 * var(--rpx));height:calc(28 * var(--rpx));opacity:.65}.account-menu .data-row>span{font-size:calc(22 * var(--rpx));color:#9cb0be;font-weight:400}.account-brand{display:flex;flex-direction:column;align-items:center;gap:calc(12 * var(--rpx))}.account-brand>img{width:calc(70 * var(--rpx));height:calc(70 * var(--rpx))}.account-brand>span:first-of-type{font-size:calc(29 * var(--rpx));font-weight:600;color:#d4e0e7}.account-brand>span:last-child{font-size:calc(21 * var(--rpx));color:#8fa6b5;margin-top:0;letter-spacing:calc(1 * var(--rpx))}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}.native-header,.date-text,.card-heading,.summary-name,.mini-score>span{font-weight:600}.card-heading{letter-spacing:calc(.8 * var(--rpx));font-size:calc(25 * var(--rpx))}.activity-name{font-weight:600;letter-spacing:calc(.6 * var(--rpx))}.date-text{font-size:calc(23 * var(--rpx));letter-spacing:calc(.8 * var(--rpx))}.section-heading{font-size:calc(39 * var(--rpx));letter-spacing:calc(.4 * var(--rpx));font-weight:500}.summary-name{font-size:calc(24 * var(--rpx));letter-spacing:calc(.6 * var(--rpx))}.activity-score,.activity-times,.week-value,.home-stats span:first-child,.data-row>span:last-child,.sleep-window,.need-heading>span:last-child,.zone-row>span:last-child{font-family:"Diary Display",Arial,sans-serif;font-weight:600;font-variant-numeric:tabular-nums}.activity-score{font-size:calc(38 * var(--rpx))}.activity-times{font-size:calc(24 * var(--rpx))}.summary-value,.card-number{font-family:"Diary Display Italic","Diary Display",Arial,sans-serif;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums}.summary-value{font-size:calc(39 * var(--rpx))}.summary-value .comparison{font-family:"Diary Display",Arial,sans-serif;font-style:normal;font-size:calc(25 * var(--rpx))}.card-number{font-size:calc(58 * var(--rpx))}.sleep-summary-row .summary-value{font-size:calc(37 * var(--rpx))}.footnote,.guide-body,.guide-summary{font-weight:400}

.avatar-button .avatar-placeholder{width:54%;height:54%;margin:23%;opacity:.8}
.native-header .brand-wordmark{width:calc(184 * var(--rpx));height:calc(30 * var(--rpx));flex-shrink:0;margin-right:calc(8 * var(--rpx))}.native-header .brand-diary{font-size:calc(27 * var(--rpx));font-weight:500;letter-spacing:calc(2 * var(--rpx))}
/* Only headings enter: rings and chart bitmaps stay on an opaque, stable surface. */
@keyframes diary-enter-a{from{opacity:.65}to{opacity:1}}
@keyframes diary-enter-b{from{opacity:.65}to{opacity:1}}
.content-enter-a,.content-enter-b{animation:none}
.content-enter-a .section-heading{animation:diary-enter-a 160ms ease-out}
.content-enter-b .section-heading{animation:diary-enter-b 160ms ease-out}
.motion-settled .section-heading{animation:none!important}
@keyframes diary-sheet-enter{from{opacity:0}to{opacity:1}}
.info-sheet{animation:diary-sheet-enter 140ms ease-out}
.activity-score{display:grid;grid-template-columns:calc(46 * var(--rpx)) calc(90 * var(--rpx));column-gap:calc(10 * var(--rpx));justify-content:center;align-items:center;padding:0 calc(8 * var(--rpx));line-height:1}
.activity-score img{display:block;width:calc(42 * var(--rpx));height:calc(52 * var(--rpx));justify-self:center}
.activity-score>span{display:block;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}
.nav-item,.date-arrow,button{transition:opacity 80ms linear}.nav-item:active,.date-arrow:active,button:active{opacity:.8}.trend-tabs>div{transition:background-color 160ms ease-out,color 160ms ease-out}.stage-track>div,.zone-track>div,.need-track>div{transition:width 280ms cubic-bezier(.22,.61,.36,1)}.info-sheet{animation:diary-sheet-enter 140ms ease-out}.no-motion .content-enter-a,.no-motion .content-enter-b,.no-motion .info-sheet,.no-motion .mini-score,.no-motion .nav-item,.no-motion .date-arrow,.no-motion .activity-row,.no-motion .activity-footer,.no-motion button,.no-motion .trend-tabs>div,.no-motion .stage-track>div,.no-motion .zone-track>div,.no-motion .need-track>div{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.content-enter-a,.content-enter-b,.info-sheet{animation:none}.mini-score,.nav-item,.date-arrow,.activity-row,.activity-footer,button,.trend-tabs>div,.stage-track>div,.zone-track>div,.need-track>div{transition:none}}
switch{transform:scale(.8);transform-origin:right center}
.connection-notice{box-sizing:border-box;max-height:90vh;overflow-y:auto}.notice-label{display:block;color:#f4f7fa;font-size:calc(30 * var(--rpx));font-weight:600;margin-top:calc(26 * var(--rpx))}.notice-copy{display:block;color:#adbfcc;font-size:calc(25 * var(--rpx));line-height:1.8;margin-top:calc(12 * var(--rpx))}.password-reminder{background:#38414a;border-left:calc(5 * var(--rpx)) solid #a6c7dd;border-radius:calc(10 * var(--rpx));padding:calc(20 * var(--rpx)) calc(24 * var(--rpx));margin:calc(16 * var(--rpx)) 0 calc(22 * var(--rpx))}.password-reminder span{display:block;font-size:calc(25 * var(--rpx));line-height:1.8}.password-reminder span:first-child{color:#f3f7fa;font-size:calc(29 * var(--rpx));font-weight:600;margin-bottom:calc(6 * var(--rpx))}.connection-notice .primary{margin-top:calc(30 * var(--rpx))}
.toolbar>button.avatar-button{flex:0 0 calc(64 * var(--rpx));width:calc(64 * var(--rpx));min-width:calc(64 * var(--rpx));max-width:calc(64 * var(--rpx));height:calc(64 * var(--rpx));margin:0;padding:0}.profile-card>button.avatar-button.large{flex:0 0 calc(110 * var(--rpx));width:calc(110 * var(--rpx));min-width:calc(110 * var(--rpx));max-width:calc(110 * var(--rpx));height:calc(110 * var(--rpx));margin:0;padding:0}
.account-card.profile-card{padding:calc(30 * var(--rpx)) calc(30 * var(--rpx)) calc(32 * var(--rpx));align-items:stretch}.profile-overview{display:flex;align-items:center;gap:calc(24 * var(--rpx))}.profile-overview>button.avatar-button.large{width:calc(106 * var(--rpx));min-width:calc(106 * var(--rpx));max-width:calc(106 * var(--rpx));height:calc(106 * var(--rpx));flex:0 0 calc(106 * var(--rpx));margin:0;padding:0}.profile-identity{flex:1;min-width:0}.profile-name-row{display:flex;align-items:center;gap:calc(4 * var(--rpx));min-width:0}.profile-name-row .account-name{font-size:calc(44 * var(--rpx));line-height:1.2;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - calc(88 * var(--rpx)))}.profile-edit{display:flex;align-items:center;justify-content:center;width:calc(88 * var(--rpx));height:calc(88 * var(--rpx));min-width:calc(88 * var(--rpx));padding:0;margin:0;border:0;border-radius:50%;background:transparent;flex:0 0 calc(88 * var(--rpx));line-height:1}.profile-edit img{width:calc(30 * var(--rpx));height:calc(30 * var(--rpx));opacity:.7}.profile-edit:active{background:rgba(255,255,255,.05)}.profile-connection{display:flex;align-items:center;gap:calc(10 * var(--rpx));font-size:calc(21 * var(--rpx));color:#a0b2bf;line-height:1.5;margin-top:calc(2 * var(--rpx))}.profile-connection-dot{width:calc(8 * var(--rpx));height:calc(8 * var(--rpx));border-radius:50%;background:#82909a;flex-shrink:0}.profile-connection-dot.connected{background:#64c5a7}.profile-card .profile-form{margin-top:calc(24 * var(--rpx));padding-top:calc(22 * var(--rpx))}.profile-card .profile-message{margin-top:calc(16 * var(--rpx))}
.sync-status{position:fixed;z-index:25;left:calc(40 * var(--rpx));right:calc(40 * var(--rpx));bottom:calc(calc(166 * var(--rpx)) + env(safe-area-inset-bottom));padding:calc(16 * var(--rpx)) calc(22 * var(--rpx));border-radius:calc(14 * var(--rpx));background:#263740;color:#bcd9eb;font-size:calc(22 * var(--rpx));line-height:1.5;pointer-events:none}
.archive-name{font-size:calc(38 * var(--rpx));font-weight:600;margin-bottom:calc(12 * var(--rpx))}.archive-id{display:block;color:#9cb0bd;font-family:"Diary Display",Arial,sans-serif;font-size:calc(24 * var(--rpx));margin-bottom:calc(22 * var(--rpx))}

/* Brief press feedback ends when the finger lifts; scrolling never animates cards. */
button:not([disabled]),.activity-score,.nav-item img{transition:opacity 90ms linear}
button:not([disabled]):active{opacity:.82}.activity-row:active .activity-score,.nav-item:active img{opacity:.78}
.no-motion .section-heading{animation:none!important}.no-motion .activity-score,.no-motion .nav-item img{transition:none!important}.no-motion button:active,.no-motion .activity-row:active .activity-score,.no-motion .nav-item:active img{transform:none!important}
@media(prefers-reduced-motion:reduce){.section-heading{animation:none!important}button:active,.activity-row:active .activity-score,.nav-item:active img{transform:none!important}}
.guide-image{width:100%;display:block;margin-top:calc(26 * var(--rpx));border-radius:calc(12 * var(--rpx));background:#202930}
.motion-setting{min-height:calc(124 * var(--rpx));padding:calc(18 * var(--rpx)) 0;cursor:pointer}.motion-setting .menu-label{min-width:0;flex:1}.motion-copy{display:flex;flex-direction:column;gap:calc(8 * var(--rpx));min-width:0}.motion-title{font-size:calc(25 * var(--rpx));color:#f4f7f8;line-height:1.4;font-weight:500}.motion-description{font-size:calc(21 * var(--rpx));color:#9cb0be;line-height:1.5}.motion-switch{flex-shrink:0}
/* Only first-time data preparation needs a prominent, persistent message. */
.sync-status{position:static;margin-bottom:calc(24 * var(--rpx));z-index:auto}
.insight-row{padding:calc(22 * var(--rpx)) 0;border-bottom:calc(1 * var(--rpx)) solid #ffffff16}.insight-row>div{display:flex;justify-content:space-between;align-items:center}.insight-value{font-family:'Diary Display',sans-serif;font-size:calc(38 * var(--rpx));font-weight:600}.insight-row .footnote{margin:calc(8 * var(--rpx)) 0 0}.tool-message{display:block;background:#203e3b;color:#c3efe3;border-radius:calc(16 * var(--rpx));padding:calc(22 * var(--rpx));margin:calc(20 * var(--rpx)) 0;font-size:calc(25 * var(--rpx));line-height:1.6}.goal-progress{display:flex;align-items:baseline;gap:calc(14 * var(--rpx));margin-bottom:calc(20 * var(--rpx))}.goal-progress>span:first-child{font-family:'Diary Display',sans-serif;font-size:calc(80 * var(--rpx));font-weight:600}.goal-progress>span:last-child{font-size:calc(28 * var(--rpx));color:#a5b3bd}.field-label{display:block;margin-top:calc(18 * var(--rpx))}.month-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(20 * var(--rpx));margin-bottom:calc(25 * var(--rpx))}.month-heading>button{margin:0;background:#ffffff0a;color:#eef5f8;font-size:calc(32 * var(--rpx));width:calc(72 * var(--rpx));line-height:calc(64 * var(--rpx));padding:0}.month-heading>span{font-family:'Diary Display',sans-serif;font-size:calc(36 * var(--rpx));font-weight:600}.member-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:calc(8 * var(--rpx))}.calendar-weekday{text-align:center;color:#9cabb5;font-size:calc(23 * var(--rpx));padding:calc(8 * var(--rpx)) 0}.member-day{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:calc(104 * var(--rpx));border-radius:calc(12 * var(--rpx));border:calc(1 * var(--rpx)) solid transparent;font-size:calc(27 * var(--rpx))}.member-day.today{border-color:#83aac0;background:#83aac014}.member-day.future{opacity:.35}.calendar-dot{width:calc(10 * var(--rpx));height:calc(10 * var(--rpx));border-radius:50%;margin:calc(8 * var(--rpx))}.calendar-day-caption{font-size:calc(18 * var(--rpx));color:#b4c1ca}.time-value{padding:calc(14 * var(--rpx)) calc(26 * var(--rpx));border-radius:calc(14 * var(--rpx));background:#ffffff0d;color:#f4f7f8;font-family:'Diary Display',sans-serif;font-size:calc(32 * var(--rpx))}.goal-track{height:calc(12 * var(--rpx))}

.goal-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(24 * var(--rpx))}.goal-settings-heading .guide-section-title{margin:0}.goal-settings-heading .footnote{display:block;margin:calc(8 * var(--rpx)) 0 0}.goal-edit{width:auto;min-width:calc(100 * var(--rpx));background:#ffffff0b;color:#c7dce9;font-size:calc(23 * var(--rpx));line-height:2.4;padding:0 calc(22 * var(--rpx));margin:0;border:calc(1 * var(--rpx)) solid #ffffff18;border-radius:calc(24 * var(--rpx));flex:none}.goal-settings form{margin-top:calc(24 * var(--rpx));padding-top:calc(4 * var(--rpx));border-top:calc(1 * var(--rpx)) solid #ffffff16}.sync-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:calc(15 * var(--rpx)) calc(8 * var(--rpx));margin:calc(22 * var(--rpx)) 0}.sync-day{min-height:calc(76 * var(--rpx));border-radius:calc(12 * var(--rpx));display:flex;align-items:center;justify-content:center;flex-direction:column;gap:calc(12 * var(--rpx));color:#8e9ca5;font-family:'Diary Display',sans-serif;font-size:calc(26 * var(--rpx));background:#ffffff04}.sync-day>div{height:calc(8 * var(--rpx));width:calc(8 * var(--rpx));border-radius:50%;background:#55636c}.sync-day.has-records{color:#eef6fb;background:#83aac010}.sync-day.has-records>div{background:#83aac0}.sync-day.covered>div{border:calc(1 * var(--rpx)) solid #83aac0;background:transparent}.sync-day.missing>div{height:calc(2 * var(--rpx));border-radius:0;width:calc(12 * var(--rpx))}.sync-legend{display:flex;flex-wrap:wrap;gap:calc(16 * var(--rpx));font-size:calc(19 * var(--rpx));color:#9aabb7;margin-top:calc(24 * var(--rpx))}
.date-selector{width:100%;height:calc(64 * var(--rpx));padding:0;margin:0;background:transparent;color:#f5f8f8;border-radius:0;line-height:calc(64 * var(--rpx))}.date-calendar-overlay{position:fixed;left:0;right:0;top:0;bottom:0;z-index:95;background:#000a;touch-action:none;overscroll-behavior:contain}.date-calendar-panel{width:100%;background:#1e2228;color:#f4f6f8;padding:0 calc(24 * var(--rpx)) calc(34 * var(--rpx));box-sizing:border-box;box-shadow:0 calc(4 * var(--rpx)) calc(18 * var(--rpx)) #0003;animation:none}.date-calendar-heading{display:flex;align-items:center;justify-content:space-between;margin:calc(16 * var(--rpx)) calc(42 * var(--rpx)) calc(62 * var(--rpx));min-height:calc(70 * var(--rpx))}.date-calendar-title{font-weight:600;font-size:calc(30 * var(--rpx));letter-spacing:calc(2 * var(--rpx))}.date-calendar-arrow{width:calc(68 * var(--rpx));min-width:calc(68 * var(--rpx));height:calc(70 * var(--rpx));padding:0;margin:0;background:transparent;color:#f4f5f7;font:400 calc(70 * var(--rpx))/calc(62 * var(--rpx)) Arial,sans-serif;border-radius:0}.date-calendar-arrow[aria-disabled=true]{color:#62666a;opacity:1}.date-calendar-week,.date-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.date-calendar-week{color:#8b8d92;font-size:calc(23 * var(--rpx));font-weight:600;margin-bottom:calc(18 * var(--rpx));letter-spacing:calc(1 * var(--rpx))}.date-calendar-grid{row-gap:calc(12 * var(--rpx))}.date-calendar-cell{min-height:calc(68 * var(--rpx));display:flex;align-items:center;justify-content:center}.date-calendar-day{display:block;width:calc(68 * var(--rpx));min-width:0;height:calc(68 * var(--rpx));border:calc(3 * var(--rpx)) solid transparent;border-radius:50%;margin:0;padding:0;background:transparent;font-family:'Diary Display Italic','Diary Display',sans-serif;font-size:calc(31 * var(--rpx));line-height:calc(62 * var(--rpx));font-weight:600}.date-calendar-day.is-future{opacity:.55}.date-calendar-day.selected{border-color:#05070a;background:#ffffff04;box-shadow:0 calc(2 * var(--rpx)) calc(8 * var(--rpx)) #0005}.date-calendar-status{min-height:calc(30 * var(--rpx));display:flex;align-items:center;justify-content:center;margin-top:calc(18 * var(--rpx));font-size:calc(20 * var(--rpx));color:#949ba2}.date-calendar-retry{margin:0;padding:0;width:auto;background:none;color:#b5c2cb;font-size:calc(20 * var(--rpx));line-height:1.6}.date-calendar-legend{display:flex;align-items:center;justify-content:flex-end;gap:calc(18 * var(--rpx));margin:calc(28 * var(--rpx)) 0 calc(26 * var(--rpx));font-size:calc(23 * var(--rpx));font-weight:500;white-space:nowrap}.calendar-red{color:#ff163b}.calendar-yellow{color:#f1df18}.calendar-green{color:#56e62d}.date-calendar-foot{display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--rpx))}.date-calendar-foot>span{font-size:calc(17 * var(--rpx));color:#757e87}.date-calendar-link{width:auto;margin:0;padding:calc(8 * var(--rpx));background:none;color:#a7b2bd;font-size:calc(21 * var(--rpx));line-height:1.7}.no-motion .date-calendar-panel{animation:none}

.date-calendar-arrow{flex:none;text-align:center}.date-calendar-title{flex:1;min-width:0;text-align:center;white-space:nowrap}.date-calendar-link{flex:none}.date-calendar-foot>span{text-align:center}

/* Date navigation stays on stable surfaces: no panel travel or button scaling. */
.date-pill,.date-pill .date-selector,.date-pill .date-arrow,.date-pill .date-text,.date-calendar-panel,.date-calendar-panel div{animation:none!important;transition:none!important}.date-pill .date-selector:active,.date-pill .date-arrow:active{transform:none!important;opacity:.85}.date-calendar-panel .date-calendar-day:active,.date-calendar-panel .date-calendar-arrow:active,.date-calendar-panel .date-calendar-link:active{transform:none!important;opacity:.8}

.workout-range{font-size:calc(21 * var(--rpx));color:#a5b5c0;font-weight:400;letter-spacing:0}.workout-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(20 * var(--rpx))}.workout-summary-grid span{display:block}.workout-summary-grid span:first-child{font-family:'Diary Display',sans-serif;font-size:calc(48 * var(--rpx));font-weight:600;line-height:1.2}.workout-summary-grid span:last-child{color:#a2b4bf;font-size:calc(22 * var(--rpx));margin-top:calc(10 * var(--rpx))}.workout-day .card-heading{margin-bottom:calc(10 * var(--rpx));letter-spacing:0}.workout-history-row{display:flex;align-items:center;gap:calc(18 * var(--rpx));padding:calc(26 * var(--rpx)) 0}.workout-history-row+.workout-history-row{border-top:calc(1 * var(--rpx)) solid #ffffff15}.workout-history-icon{display:flex;align-items:center;justify-content:center;width:calc(72 * var(--rpx));height:calc(80 * var(--rpx));flex-shrink:0;background:#009fe32b;border-radius:calc(16 * var(--rpx))}.workout-history-icon img{display:block;width:calc(45 * var(--rpx));height:calc(55 * var(--rpx))}.workout-history-copy{flex:1;min-width:0}.workout-history-copy span{display:block}.workout-history-copy span:first-child{font-size:calc(28 * var(--rpx));font-weight:600;margin-bottom:calc(10 * var(--rpx))}.workout-history-copy span:last-child{color:#a9b8c3;font-size:calc(20 * var(--rpx));line-height:1.6}.workout-history-energy{text-align:right;flex-shrink:0}.workout-history-energy span{display:block}.workout-history-energy span:first-child{font-family:'Diary Display',sans-serif;font-size:calc(36 * var(--rpx));font-weight:600}.workout-history-energy span:last-child{font-size:calc(18 * var(--rpx));color:#9eb1bf}.workout-history-chevron{width:calc(24 * var(--rpx));height:calc(24 * var(--rpx));opacity:.5;flex-shrink:0}.workout-history-row:active{background:#ffffff08}.workout-history-row:active .workout-history-icon{opacity:.75}.trend-tabs>div{padding-left:calc(6 * var(--rpx));padding-right:calc(6 * var(--rpx))}

/* Finish the deliberate press before revealing the calendar; its span never travels. */
.date-selector{border-radius:calc(18 * var(--rpx));-webkit-tap-highlight-color:transparent}.date-selector.date-pressing{background:transparent;opacity:.8}.date-calendar-panel{animation:date-calendar-reveal 140ms ease-out!important;transform:none!important}.date-calendar-panel div{-webkit-tap-highlight-color:transparent}@keyframes date-calendar-reveal{from{opacity:0}to{opacity:1}}.no-motion .date-calendar-panel{animation:none!important}@media(prefers-reduced-motion:reduce){.date-calendar-panel{animation:none!important}}

/* Touch feedback stays inside the control and never leaves a painted trail. */
button,div,span,img{-webkit-tap-highlight-color:transparent}.date-calendar-overlay,.overlay{outline:none!important}.date-selector,.date-calendar-panel,.info-sheet{filter:none;will-change:auto}.date-selector{box-shadow:none}.date-calendar-day.selected{box-shadow:none;border-color:#a5afb6}.date-calendar-panel{box-shadow:none}

.follow-sheet{max-height:92vh;overflow:auto;padding:calc(30 * var(--rpx)) calc(36 * var(--rpx)) calc(calc(32 * var(--rpx)) + env(safe-area-inset-bottom));line-height:1.6}.follow-sheet .card-heading{margin-bottom:calc(14 * var(--rpx));letter-spacing:0;gap:calc(18 * var(--rpx))}.follow-close{width:calc(64 * var(--rpx));height:calc(64 * var(--rpx));margin:0;padding:0;flex-shrink:0;background:transparent;color:#c7d3d9;font:calc(36 * var(--rpx))/calc(64 * var(--rpx)) Arial}.follow-intro{display:block;font-size:calc(25 * var(--rpx));color:#b5c3cc}.follow-qr-wrap{background:#f6f7f6;color:#233038;width:calc(260 * var(--rpx));height:calc(260 * var(--rpx));margin:calc(26 * var(--rpx)) auto calc(12 * var(--rpx));border-radius:calc(18 * var(--rpx));padding:calc(12 * var(--rpx));display:flex;align-items:center;justify-content:center;text-align:center;font-size:calc(22 * var(--rpx))}.follow-qr{width:calc(236 * var(--rpx));height:calc(236 * var(--rpx));display:block}.follow-caption{display:block;color:#a4b3bf;font-size:calc(20 * var(--rpx));text-align:center;margin:calc(12 * var(--rpx)) 0 calc(22 * var(--rpx))}.follow-sheet .primary{margin-top:calc(14 * var(--rpx))}.follow-note{display:block;font-size:calc(19 * var(--rpx));color:#93a5b1;margin-top:calc(20 * var(--rpx));line-height:1.7}.follow-error{display:block;font-size:calc(23 * var(--rpx));color:#f6c59d;margin-top:calc(14 * var(--rpx))}

.binding-confirm{padding:calc(24 * var(--rpx));background:#1c282f;border:calc(1 * var(--rpx)) solid #8a9ea9;border-radius:calc(18 * var(--rpx));margin-top:calc(24 * var(--rpx))}.binding-confirm-title{display:block;color:#f2f6f8;font-size:calc(29 * var(--rpx));font-weight:600;line-height:1.5}.binding-confirm-copy{display:block;font-size:calc(22 * var(--rpx));color:#afc0ca;line-height:1.7;margin:calc(12 * var(--rpx)) 0 calc(24 * var(--rpx))}.binding-confirm .primary{font-size:calc(28 * var(--rpx));min-height:calc(88 * var(--rpx))}.binding-wait .secondary{margin-top:calc(20 * var(--rpx))}.data-row[data-view]{transition:background-color 120ms ease-out;border-radius:calc(10 * var(--rpx))}.data-row[data-view]:active{background-color:#ffffff0b}.data-row[data-view] .menu-chevron{transition:opacity 100ms linear}.data-row[data-view]:active .menu-chevron{opacity:.35}button.primary,button.secondary{transition:background-color 100ms ease-out,opacity 90ms linear}button.primary:active{background-color:#dce3e4}button.secondary:active{background-color:#45515a}.no-motion .data-row[data-view],.no-motion .data-row[data-view] .menu-chevron{transition:none}@media(prefers-reduced-motion:reduce){.data-row[data-view],.data-row[data-view] .menu-chevron{transition:none}}

.member-login-overlay{position:fixed;inset:0;z-index:80;background:rgba(5,9,13,.78);display:flex;align-items:center;justify-content:center;padding:calc(28 * var(--rpx));box-sizing:border-box}.member-login-panel{width:100%;max-width:calc(640 * var(--rpx));max-height:85vh;overflow-y:auto;background:#233038;border:calc(1 * var(--rpx)) solid #526570;border-radius:calc(30 * var(--rpx));padding:calc(34 * var(--rpx));box-sizing:border-box}.member-login-panel .card-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(20 * var(--rpx));margin-bottom:calc(20 * var(--rpx))}.member-login-panel .card-heading .text-button{margin:0;padding:calc(10 * var(--rpx));flex-shrink:0}.login-field{display:block;margin:calc(24 * var(--rpx)) 0}.login-field span{display:block;font-size:calc(24 * var(--rpx));color:#b1c5ce;margin-bottom:calc(12 * var(--rpx))}.login-field input{display:block;width:100%;height:calc(88 * var(--rpx));box-sizing:border-box;border:calc(1 * var(--rpx)) solid #657a86;border-radius:calc(14 * var(--rpx));background:#15232b;color:#f4f7f8;padding:0 calc(22 * var(--rpx));font-size:calc(29 * var(--rpx))}.member-login-panel .primary{margin-top:calc(28 * var(--rpx))}.login-error{display:block;font-size:calc(25 * var(--rpx));line-height:1.6;color:#ffd0c4}.login-contact{display:block;margin:calc(16 * var(--rpx)) 0;color:#d6e4e9;font-size:calc(28 * var(--rpx));word-break:break-all}
.member-login-panel>.text-button{max-width:100%;white-space:normal;word-break:break-all;line-height:1.65;box-sizing:border-box}.member-login-panel .card-heading>span{min-width:0}.member-login-panel .card-heading>.text-button{width:auto;min-width:0}

.member-login-panel .card-heading{font-size:calc(38 * var(--rpx));letter-spacing:0}.member-login-panel .card-heading>span{flex:1;white-space:nowrap}.member-login-panel .card-heading>.text-button{flex:0 0 auto}.member-login-panel .login-field>span{font-size:calc(27 * var(--rpx))}

.member-login-overlay{animation:profile-backdrop-in .12s ease-out}.member-login-panel{animation:none}.member-login-panel .primary{transition:transform .12s ease,opacity .12s ease}.member-login-panel .primary:active{transform:scale(.985)}.member-login-panel .primary[disabled]{opacity:.6}.member-login-panel input:focus{outline:calc(2 * var(--rpx)) solid #a0b5be;outline-offset:calc(4 * var(--rpx));box-shadow:none}.no-motion .member-login-overlay,.no-motion .member-login-panel{animation:none}.no-motion .member-login-panel .primary{transition:none}.no-motion .member-login-panel .primary:active{transform:none}@keyframes profile-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes profile-panel-in{from{opacity:0;transform:translateY(calc(10 * var(--rpx)))}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.member-login-overlay,.member-login-panel{animation:none}.member-login-panel .primary{transition:none}.member-login-panel .primary:active{transform:none}}

/* Account recovery stays stationary while the keyboard changes height. */
.recovery-overlay{animation:none;backdrop-filter:none}
.recovery-sheet{animation:none;transform:none;filter:none}

.recovery-sheet .card-heading{display:flex;align-items:center;gap:calc(20 * var(--rpx));font-size:calc(36 * var(--rpx));letter-spacing:0}
.recovery-sheet .card-heading>span{flex:1;white-space:nowrap;min-width:0}
.recovery-sheet .card-heading>.text-button{width:auto;flex:0 0 auto;margin:0;font-size:calc(28 * var(--rpx))}
.recovery-sheet .footnote,.recovery-sheet .notice-copy{display:block;font-size:calc(27 * var(--rpx));line-height:1.8;margin:calc(20 * var(--rpx)) 0}
.recovery-sheet{max-height:85vh;overflow-y:auto}

.follow-entry{border:calc(2 * var(--rpx)) solid #6f9b8e;background:#28383d;padding:calc(32 * var(--rpx))}.follow-entry-heading{display:flex;align-items:flex-start;gap:calc(22 * var(--rpx))}.follow-entry-mark{width:calc(76 * var(--rpx));height:calc(76 * var(--rpx));background:#365449;border-radius:calc(20 * var(--rpx));display:flex;align-items:center;justify-content:center;flex-shrink:0}.follow-entry-mark img{width:calc(48 * var(--rpx));height:calc(48 * var(--rpx))}.follow-entry-copy{flex:1;min-width:0}.follow-entry-title{display:block;color:#f3f9f7;font-size:calc(34 * var(--rpx));line-height:1.45;font-weight:650}.follow-entry-description{display:block;color:#c5d5d0;font-size:calc(24 * var(--rpx));line-height:1.7;margin-top:calc(9 * var(--rpx))}.follow-steps{display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--rpx));font-size:calc(21 * var(--rpx));color:#b2c1c0;margin:calc(28 * var(--rpx)) 0 calc(16 * var(--rpx));padding:calc(20 * var(--rpx)) 0;border-top:calc(1 * var(--rpx)) solid #506562;border-bottom:calc(1 * var(--rpx)) solid #506562;white-space:nowrap}.follow-step-current{color:#9ae0c4;font-weight:600}.follow-entry-note{display:block;color:#b8c9c5;font-size:calc(23 * var(--rpx));line-height:1.75}.follow-entry .follow-entry-action{background:#edf7f2;color:#20372d;font-size:calc(26 * var(--rpx));min-height:calc(88 * var(--rpx));margin-top:calc(26 * var(--rpx))}.follow-entry .follow-verify-action{font-size:calc(24 * var(--rpx));min-height:calc(82 * var(--rpx));background:#35484b;color:#e0ece7;margin-top:calc(16 * var(--rpx))}.follow-entry.is-followed{border-color:#536d62}.club-entry .club-entry-copy{display:flex;flex-direction:column;gap:calc(8 * var(--rpx))}.club-entry .club-entry-copy>span:first-child{font-size:calc(27 * var(--rpx));color:#e7edf0}.club-entry .club-entry-subtitle{font-size:calc(20 * var(--rpx));color:#a7b9c4;font-weight:400}.club-sheet{max-height:90vh;overflow:auto;padding:calc(28 * var(--rpx)) calc(34 * var(--rpx)) calc(calc(30 * var(--rpx)) + env(safe-area-inset-bottom));overscroll-behavior:contain}.club-sheet .card-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(20 * var(--rpx));letter-spacing:0;margin-bottom:calc(12 * var(--rpx))}.club-intro{display:block;font-size:calc(25 * var(--rpx));line-height:1.8;color:#c4d2dc}.club-qr-wrap{max-width:calc(520 * var(--rpx));margin:calc(24 * var(--rpx)) auto calc(12 * var(--rpx));background:#fff;border-radius:calc(16 * var(--rpx));overflow:hidden}.club-qr{display:block;width:100%;height:auto}.club-qr-note{display:block;color:#a7b9c6;font-size:calc(21 * var(--rpx));line-height:1.8;margin:calc(14 * var(--rpx)) 0 calc(20 * var(--rpx))}.club-expired{display:block;background:#34434d;border-radius:calc(16 * var(--rpx));padding:calc(30 * var(--rpx)) calc(24 * var(--rpx));color:#ebd8b4;font-size:calc(25 * var(--rpx));line-height:1.7;margin:calc(24 * var(--rpx)) 0}.insight-link{cursor:pointer;touch-action:manipulation}.insight-link:active{background:rgba(255,255,255,.035)}.insight-link:focus-visible{outline:calc(2 * var(--rpx)) solid #9fc9bb;outline-offset:calc(8 * var(--rpx))}.insight-value-wrap{display:flex;align-items:center;gap:calc(14 * var(--rpx))}.insight-chevron{width:calc(24 * var(--rpx));height:calc(24 * var(--rpx));opacity:.7;flex-shrink:0}

.beginner-connect .beginner-subtitle{display:block;font-size:calc(23 * var(--rpx));color:#bacdd6;line-height:1.7;margin:calc(14 * var(--rpx)) 0 calc(22 * var(--rpx))}.beginner-connect .secondary{margin-top:calc(16 * var(--rpx))}.beginner-note{display:block;font-size:calc(23 * var(--rpx));line-height:1.75;color:#b6c8d1;margin-top:calc(18 * var(--rpx))}.beginner-gate{padding:calc(24 * var(--rpx));background:#2b3c44;border:calc(1 * var(--rpx)) solid #536970;border-radius:calc(18 * var(--rpx));margin:calc(16 * var(--rpx)) 0 calc(24 * var(--rpx))}.beginner-gate-title{font-size:calc(28 * var(--rpx));font-weight:600;display:block}.beginner-gate .beginner-note{margin:calc(12 * var(--rpx)) 0 calc(20 * var(--rpx))}.beginner-gate .primary{margin:0;font-size:calc(25 * var(--rpx))}.beginner-existing{display:block;font-size:calc(26 * var(--rpx));color:#edf4f7;margin:calc(22 * var(--rpx)) 0 calc(12 * var(--rpx));font-weight:600}.beginner-authorization-steps{display:flex;flex-direction:column;gap:calc(10 * var(--rpx));background:#23323a;border-radius:calc(14 * var(--rpx));padding:calc(22 * var(--rpx));margin:calc(20 * var(--rpx)) 0;font-size:calc(23 * var(--rpx));line-height:1.7;color:#bacdd6}.beginner-authorization-steps>span:first-child{font-weight:600;color:#eff6f9}.connection-notice{max-height:90vh;overflow:auto;overscroll-behavior:contain}


.follow-entry .follow-entry-action,.follow-entry .follow-verify-action,.beginner-connect .primary,.beginner-connect .secondary,.beginner-gate .primary{min-height:44px}

/* Match the web health body: five separate cards with one spacing scale. */
.health-layout{display:flex;flex-direction:column;gap:calc(34 * var(--rpx));margin-bottom:calc(14 * var(--rpx))}.health-layout>.card{margin:0;padding:calc(34 * var(--rpx))}.health-layout>.health-home{min-height:calc(148 * var(--rpx))}.health-layout .section-subtitle{margin-bottom:0}.health-layout>.health-note{display:block;margin:0;padding:0}.subscription-renew .primary{margin-top:calc(24 * var(--rpx))}

/* First-use clarity: stationary, scoped, no glow. */
.member-login-overlay{animation:none;opacity:1}
.first-use-card{padding:calc(32 * var(--rpx));border:calc(2 * var(--rpx)) solid #63747b;background:#2c383e}.first-use-label{display:inline-block;font-size:calc(22 * var(--rpx));font-weight:650;line-height:1.5;color:#efcf78;background:#454438;border-radius:calc(8 * var(--rpx));padding:calc(8 * var(--rpx)) calc(14 * var(--rpx));margin-bottom:calc(18 * var(--rpx))}.first-use-card .connect-title{display:block;font-size:calc(36 * var(--rpx));font-weight:650;line-height:1.4;color:#f3f6f7}.first-use-card .beginner-subtitle{font-size:calc(25 * var(--rpx));color:#c4d0d5;line-height:1.7;margin:calc(14 * var(--rpx)) 0 calc(26 * var(--rpx))}.first-use-card .first-use-action,.first-use-gate .first-use-action{display:flex;align-items:center;justify-content:center;background:#f0f5f5;color:#172329;font-size:calc(30 * var(--rpx));font-weight:700;line-height:1.5;min-height:52px;margin:0;padding:calc(20 * var(--rpx)) calc(14 * var(--rpx));border-radius:calc(16 * var(--rpx));box-shadow:none;transform:none;transition:background-color .12s ease}.first-use-action:active{background:#d9e4e7}.first-use-password{display:block;text-align:center;font-size:calc(22 * var(--rpx));color:#b4c4cb;line-height:1.6;margin:calc(14 * var(--rpx)) 0 calc(24 * var(--rpx))}.first-use-returning{border-top:calc(1 * var(--rpx)) solid #4b5b63;padding-top:calc(18 * var(--rpx));display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--rpx))}.first-use-returning>span{flex:1;min-width:0;font-size:calc(22 * var(--rpx));color:#afc0c9;line-height:1.6}.first-use-returning .text-button{width:auto;flex:0 0 auto;font-size:calc(24 * var(--rpx));color:#f0f4f6;min-height:calc(88 * var(--rpx));margin:0;padding:calc(12 * var(--rpx)) 0 calc(12 * var(--rpx)) calc(12 * var(--rpx));flex-shrink:0;line-height:1.6}.first-use-gate{border-color:#63747b;background:#2a373d;padding:calc(24 * var(--rpx))}.first-use-gate .first-use-label{margin-bottom:calc(14 * var(--rpx))}.first-use-gate .beginner-gate-title{font-size:calc(30 * var(--rpx));line-height:1.5;color:#f3f6f7}.first-use-gate .beginner-note{font-size:calc(24 * var(--rpx));color:#c4d0d5;margin:calc(12 * var(--rpx)) 0 calc(22 * var(--rpx))}.first-use-gate .first-use-action{font-size:calc(28 * var(--rpx));min-height:48px}.member-login-panel .beginner-existing{padding-top:calc(4 * var(--rpx));font-size:calc(25 * var(--rpx));color:#a9bdc7}

/* The wordmark follows the same home navigation as the bottom tab. */
.native-header .brand-home{display:flex;align-items:center;justify-content:flex-start;width:auto;min-width:96px;height:44px;min-height:44px;padding:0;margin:0;line-height:1;background:transparent;color:inherit;border:0;border-radius:8px;box-shadow:none;transform:none;flex-shrink:0;transition:opacity .12s ease}.native-header .brand-home:after{border:0}.native-header .brand-home:active{opacity:.65;background:transparent;transform:none;box-shadow:none}.native-header .brand-home .brand-wordmark{display:block;pointer-events:none}.no-motion .brand-home{transition:none}

.dial{position:relative;flex-shrink:0;color:#f8faf9}.canvas{position:absolute;top:0;left:0}.center{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.number{font-family:"Diary Display",Arial,sans-serif;font-weight:600;line-height:1.05;letter-spacing:calc(-1 * var(--rpx));white-space:nowrap;font-variant-numeric:tabular-nums}.suffix{font-weight:600;margin-left:calc(2 * var(--rpx));letter-spacing:0}.label{color:#f4f7f6;margin-top:calc(20 * var(--rpx));font-weight:600;letter-spacing:calc(2 * var(--rpx))}.brand{color:#879297;margin-bottom:calc(26 * var(--rpx));font-weight:400;letter-spacing:calc(1 * var(--rpx))}.hero{padding-bottom:calc(6 * var(--rpx))}

.ring-face{position:absolute}.ring-track,.ring-clip,.ring-stroke{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box}.ring-track,.ring-stroke{border-style:solid;border-radius:50%}.ring-track{border-color:#323b43}.ring-cap{position:absolute;border-radius:50%}
.dial{overflow:hidden}
.ring-vector{top:0;left:0;display:block;pointer-events:none}

.chart-card{background:linear-gradient(155deg,#363e42,#282c30);border-radius:calc(30 * var(--rpx));padding:calc(44 * var(--rpx)) calc(32 * var(--rpx)) calc(24 * var(--rpx));margin-bottom:calc(34 * var(--rpx))}.chart-title{display:flex;justify-content:space-between;align-items:center;color:#f3f6f5;font-size:calc(27 * var(--rpx));font-weight:700;letter-spacing:calc(1 * var(--rpx))}.chart-range{font-size:calc(20 * var(--rpx));font-weight:400;letter-spacing:0;color:#b3b9bd}.legend{display:flex;justify-content:flex-end;gap:calc(22 * var(--rpx));flex-wrap:wrap;margin-top:calc(30 * var(--rpx));font-size:calc(22 * var(--rpx));color:#e3e8e9}.legend-item{display:flex;align-items:center}.legend-swatch{display:inline-block;width:calc(20 * var(--rpx));height:calc(20 * var(--rpx));margin-right:calc(10 * var(--rpx))}.plot{width:100%;height:calc(520 * var(--rpx));margin-top:calc(26 * var(--rpx))}
.plot{position:relative}.plot-image{display:block;width:100%;height:100%}.chart-render{position:absolute;left:-10000px;top:0;width:100%;height:100%;pointer-events:none}.plot-placeholder{height:100%;display:flex;align-items:center;justify-content:center;font-size:calc(24 * var(--rpx));color:#b7c1c7}

.app-shell{max-width:480px}.native-header,.toolbar,.floating-nav{max-width:480px;margin-left:auto;margin-right:auto}.native-header{left:0;right:0}.floating-nav{width:calc(100% - 28px);left:0;right:0}.report-page{padding-top:max(24px,env(safe-area-inset-top))}.web-footer{position:relative}.app-shell{padding-bottom:125px}.web-poster-dialog button{width:100%}.native-header{padding-right:18px}.web-loading{padding-top:120px}.nickname-input{background:#19232a;color:#f5f8f7;border:1px solid #526370;border-radius:6px;padding:10px}.poster-preview{width:100%;height:auto}.web-login-copy{text-align:left}.content-enter-a,.content-enter-b{will-change:auto}
.notification-controls label.data-row{min-height:60px;cursor:pointer;touch-action:manipulation}.notification-controls input[type=checkbox]{-webkit-user-select:none;user-select:none;touch-action:manipulation}
.activity-row{display:grid;grid-template-columns:calc(207 * var(--rpx)) minmax(0,1fr) calc(78 * var(--rpx)) calc(3 * var(--rpx));column-gap:calc(20 * var(--rpx));align-items:center}
.activity-score img{display:block;width:calc(42 * var(--rpx));height:calc(52 * var(--rpx));justify-self:center;object-fit:contain;object-position:center}
.activity-score>span{display:block;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}
.activity-name{min-width:0;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;letter-spacing:0}
.activity-times{width:100%;align-items:flex-end;text-align:right;white-space:nowrap;line-height:1.2;font-variant-numeric:tabular-nums}
.activity-times>span{display:block}.activity-timeline{margin:0;justify-self:center}
.web-date-picker{position:relative;min-width:0}.web-date-picker:focus-within{outline:2px solid #83aac0;outline-offset:3px;border-radius:8px}

body,.app-shell{width:100%;min-width:0}.native-header{height:calc(44px + env(safe-area-inset-top))!important;padding-top:env(safe-area-inset-top)!important}.toolbar{top:calc(44px + env(safe-area-inset-top))!important}.app-shell{padding-top:calc(44px + env(safe-area-inset-top))!important}.info-sheet{max-width:480px;margin-inline:auto}.web-poster-dialog{width:calc(100% - 24px)}

/* User-triggered web motion; chart surfaces and scroll position remain stable. */
@keyframes web-heading-enter{from{opacity:.75}to{opacity:1}}
@keyframes web-tab-enter{from{background-color:#38454e}to{background-color:#515d65}}
@keyframes web-dialog-enter{from{opacity:0}to{opacity:1}}
@keyframes web-toast-enter{from{opacity:0}to{opacity:1}}
.content-enter-a .section-heading,.content-enter-b .section-heading{animation:web-heading-enter 140ms ease-out}.trend-tabs>div.active{animation:web-tab-enter 160ms ease-out}.motion-settled .section-heading,.motion-settled .trend-tabs>div.active{animation:none!important}.web-poster-dialog[open]{animation:web-dialog-enter 140ms ease-out}.web-toast{animation:web-toast-enter 140ms ease-out}.no-motion .section-heading,.no-motion .trend-tabs>div.active,.web-poster-dialog.no-motion,.web-toast.no-motion{animation:none!important}
@media(prefers-reduced-motion:reduce){.section-heading,.trend-tabs>div.active,.web-poster-dialog[open],.web-toast{animation:none!important}}
.web-report-back{width:auto;background:transparent;color:#bad8ec;font-size:14px;padding:0 4px;margin:0 0 18px;line-height:2.4;text-align:left}
.web-touch-layout body,.web-touch-layout .app-shell,.web-touch-layout .native-header,.web-touch-layout .toolbar,.web-touch-layout .floating-nav,.web-touch-layout .info-sheet{max-width:none}
.web-touch-layout body{background:#101418}.web-touch-layout .floating-nav{width:calc(100% - 28px)}

body{cursor:default}body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{cursor:text;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}button,select,input[type=checkbox],.tap-target{cursor:pointer}.tap-target img{cursor:inherit}img{-webkit-user-drag:none}.tap-target:focus-visible{outline:2px solid #83aac0;outline-offset:4px}
.web-date-trigger{width:100%;height:100%;padding:0;margin:0;background:transparent;color:inherit;line-height:1;display:flex;align-items:center;justify-content:center}.web-date-trigger:active{transform:none!important;opacity:.7}.web-date-picker{height:100%;display:flex;align-items:center}
.web-calendar{width:calc(100% - 32px);max-width:420px;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #546875;border-radius:22px;background:#253138;color:#f4f7f9;box-shadow:0 24px 80px #0006;overflow:auto;font-size:16px;animation:web-dialog-enter 140ms ease-out}.web-calendar::backdrop{background:#0009}.web-calendar-panel{padding:calc(28 * var(--rpx))}.web-calendar-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.web-calendar-heading h2{font-size:1.25em;margin:0}.web-calendar-close{width:auto;background:transparent;color:#b6cedd;padding:0 8px;line-height:2}.web-calendar-toolbar{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,1fr) 44px;gap:8px;margin-bottom:18px}.web-calendar-toolbar button{background:#364650;border-radius:10px;color:#fff;font-size:24px;line-height:1.8}.web-calendar-toolbar select{min-width:0;width:100%;border:0;border-radius:10px;background:#364650;color:#eff5f8;font-size:1em;padding:8px}.web-calendar-weekdays,.web-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}.web-calendar-weekdays{color:#91a9ba;font-size:.85em;margin-bottom:10px}.web-calendar-days{animation:poster-ready 120ms ease-out}.web-calendar-day{width:100%;min-height:44px;line-height:2.6;font-size:1em;border:1px solid transparent;border-radius:10px;background:transparent;color:#f0f5f8}.web-calendar-day.today{border-color:#83aac0}.web-calendar-day.selected{background:#83aac0;color:#101a21;font-weight:600}.web-calendar button:disabled{opacity:.28;cursor:default}.web-calendar-today{margin-top:20px;background:#3a505d;color:#eaf3f8;border-radius:12px;font-size:1em;line-height:2.8}.web-calendar.no-motion,.web-calendar.no-motion .web-calendar-days{animation:none}.web-touch-layout .web-calendar{max-width:none;font-size:calc(26 * var(--rpx))}.web-touch-layout .web-calendar-day{min-height:calc(64 * var(--rpx))}@media(prefers-reduced-motion:reduce){.web-calendar,.web-calendar-days{animation:none!important}}
.guide-image{height:auto;aspect-ratio:3/4;cursor:zoom-in}.guide-image.wide{aspect-ratio:16/9}.web-calendar button:focus-visible{outline:2px solid #bad8ec;outline-offset:2px}
@keyframes web-date-busy{to{transform:translateY(-50%) rotate(360deg)}}.web-date-trigger.date-busy:after{content:"";width:10px;height:10px;flex-shrink:0;border:2px solid #687d8b;border-top-color:#b9d9eb;border-radius:50%;margin-left:6px;animation:web-date-busy .8s linear infinite}.no-motion .web-date-trigger .date-text,.no-motion .web-date-trigger:after{animation:none!important}@media(prefers-reduced-motion:reduce){.web-date-trigger .date-text,.web-date-trigger:after{animation:none!important}}

/* Date changes keep the header, arrows and label in the same layout boxes. */
.motion-setting{cursor:pointer}.motion-switch{appearance:none;-webkit-appearance:none;position:relative;display:block;width:48px;height:28px;margin:0;padding:0;border:1px solid #6d7d86;border-radius:999px;background:#47545d;cursor:pointer;flex-shrink:0;transition:background-color 160ms ease,border-color 160ms ease}.motion-switch:before{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#f4f7f8;box-shadow:0 1px 3px #0004;transition:transform 160ms cubic-bezier(.2,.7,.2,1)}.motion-switch:checked{background:#83aac0;border-color:#83aac0}.motion-switch:checked:before{transform:translateX(20px);background:#14232c}.motion-switch:focus-visible{outline:2px solid #c3e5f7;outline-offset:4px}.no-motion .motion-switch,.no-motion .motion-switch:before{transition:none}@media(prefers-reduced-motion:reduce){.motion-switch,.motion-switch:before{transition:none}}
.date-pill{display:grid;grid-template-columns:calc(52 * var(--rpx)) minmax(0,1fr) calc(52 * var(--rpx));align-items:center}.web-date-picker{width:100%;min-width:0;display:block}.web-date-trigger{position:relative;display:block;padding:0 calc(14 * var(--rpx))}.web-date-trigger .date-text{min-width:0;width:100%;animation:none!important}.web-date-trigger.date-busy:after{position:absolute;right:0;top:50%;margin:0;transform:translateY(-50%)}

picker[mode=time] input{color-scheme:dark;background:#19252c;border:1px solid #52616d;border-radius:9px;color:#f4f7f8;font:600 17px "Diary Display",sans-serif;padding:10px;min-width:98px;min-height:44px;width:100%}
.date-calendar-overlay{left:0;right:0;transform:none;width:100%;max-width:480px;margin-inline:auto;box-shadow:none}.date-calendar-panel{max-height:95dvh;overflow-y:auto}.date-calendar-day{cursor:pointer;transition:none}.date-calendar-day:focus-visible,.date-calendar-link:focus-visible,.date-calendar-arrow:focus-visible{outline:2px solid #b5c5d0;outline-offset:3px}.web-touch-layout .date-calendar-overlay{max-width:none}.date-selector .date-text{line-height:calc(64 * var(--rpx))}@media(prefers-reduced-motion:reduce){.date-calendar-panel{animation:none!important}}

/* Keep web date navigation as simple and stable as the native calendar. */
.date-pill,.date-pill button,.date-pill .date-arrow,.date-pill .date-text,.date-calendar-panel,.date-calendar-panel div{animation:none!important;transition:none!important}.date-pill button:active,.date-calendar-panel button:active{transform:none!important;opacity:.85}

.date-pill button,.date-calendar-panel,.date-calendar-panel *{-webkit-tap-highlight-color:transparent}.date-pill button:focus:not(:focus-visible){outline:none;box-shadow:none}.date-calendar-panel{animation:date-calendar-reveal 140ms ease-out!important;transform:none!important}.no-motion .date-calendar-panel{animation:none!important}@media(prefers-reduced-motion:reduce){.date-calendar-panel{animation:none!important}}

/* Disable browser touch highlights, including full-screen catch-tap containers. */
html,body,body *{-webkit-tap-highlight-color:transparent}.tap-target:focus-visible,button:focus-visible,a:focus-visible,picker:focus-visible{outline:2px solid #bcc6cc;outline-offset:3px}.tap-target:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none;box-shadow:none}.date-calendar-overlay:focus,.overlay:focus{outline:none!important;box-shadow:none!important}.web-date-picker:focus-within{outline:none}.web-poster-dialog,.web-calendar{box-shadow:0 12px 28px #0005}.date-calendar-panel{filter:none;will-change:auto}.date-calendar-panel,.date-calendar-panel *{clip-path:none!important;-webkit-clip-path:none!important}

html:has(.follow-overlay){overflow:hidden}.follow-overlay{touch-action:pan-y}.follow-sheet{overscroll-behavior:contain}.web-poster-dialog img{-webkit-touch-callout:default}

/* Keep the login sheet stationary while the mobile keyboard resizes the visual viewport. */
html.member-login-open,html.member-login-open body{overflow:hidden;overscroll-behavior:none}
.member-login-overlay{top:var(--login-visible-top,0px);height:var(--login-visible-height,100dvh);bottom:auto;align-items:flex-start;padding:20px 14px;overflow:hidden;overscroll-behavior:contain}
.member-login-panel{max-height:100%;overflow-y:auto;overscroll-behavior:contain;scroll-padding:20px;animation:none;transform:none}
.member-login-panel:focus{outline:none}.member-login-panel input{font-size:16px;scroll-margin:20px}
@media(min-width:700px) and (min-height:600px){.member-login-overlay{align-items:center}}

html:has(.web-connection-dialog[open]){overflow:hidden}
.web-connection-dialog,.web-connection-dialog *{box-sizing:border-box}
.web-connection-dialog{width:calc(100% - 32px);max-width:440px;max-height:calc(100dvh - 32px);padding:26px;margin:auto;border:1px solid #53646e;border-radius:18px;background:#253138;color:#eff4f6;box-shadow:0 12px 28px #0005;overflow:auto;font:16px/1.7 system-ui,-apple-system,"Microsoft YaHei",sans-serif;animation:none;user-select:none;-webkit-user-select:none}
.web-connection-dialog::backdrop{background:#0009}
.web-connection-dialog h2{margin:0 0 16px;font-size:21px;line-height:1.4;font-weight:600}
.web-connection-dialog p{margin:0 0 16px;line-height:1.8}
.web-connection-dialog .web-connection-note{font-size:14px;color:#b8c7cf;padding:14px;border-radius:10px;background:#17232a}
.web-connection-dialog .web-connection-feedback{font-size:14px;color:#e7c893}
.web-connection-actions{display:grid;gap:10px;margin-top:24px}
.web-connection-actions button{width:100%;min-height:48px;padding:11px 14px;margin:0;border:1px solid transparent;border-radius:10px;font:inherit;line-height:1.5;cursor:pointer;transition:none;touch-action:manipulation}
.web-connection-actions .web-connection-cancel{background:#dfe9ed;color:#152028;font-weight:600}
.web-connection-actions .web-connection-confirm{background:transparent;color:#f1a5a5;border-color:#cc777755}
.web-connection-actions button:disabled{opacity:.55;cursor:wait}
.web-connection-actions button:focus-visible{outline:2px solid #bdd0dc;outline-offset:3px}

/* password-recovery-v1: quiet, stationary dialogs without blur or blue trails. */
.member-login-panel .password-recovery-entry{width:100%;margin-top:12px;min-height:44px;text-align:center;color:#e7eff2;text-decoration:underline;text-underline-offset:5px}
.member-login-panel .password-recovery-verified{display:block;margin:12px 0 18px;padding:12px 14px;border-left:3px solid #8aafc0;background:#27343c;color:#dce8ec;line-height:1.7;font-size:14px}
.password-recovery-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #4a5962;border-radius:20px;background:#202c34;color:#eef3f4;box-shadow:0 20px 70px #0006;overflow:auto;overscroll-behavior:contain;animation:password-recovery-in 140ms ease-out;transform:none;filter:none}
.password-recovery-dialog::backdrop{background:#0009;backdrop-filter:none}
.password-recovery-panel{padding:24px;line-height:1.8;font-family:inherit;font-size:15px}
.password-recovery-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.password-recovery-heading h2{margin:0;font-size:22px;line-height:1.4;color:#f4f7f8}
.password-recovery-close{min-width:48px;min-height:44px;padding:4px 8px;background:transparent;border:0;color:#d0dde3;font-size:15px;cursor:pointer}
.password-recovery-panel p{margin:12px 0}.password-recovery-panel ol{margin:18px 0;padding-left:24px}.password-recovery-panel li{padding:4px 0 8px 3px}
.password-recovery-panel .password-recovery-note{padding-top:16px;border-top:1px solid #41515b;font-size:13px;color:#b7c7cf}
.password-recovery-primary{box-sizing:border-box;width:100%;min-height:48px;margin-top:18px;padding:12px 16px;border:0;border-radius:12px;background:#e9f1f3;color:#142129;font-size:16px;font-weight:700;cursor:pointer;transition:opacity 100ms ease-out}
.password-recovery-primary:active{opacity:.82}.password-recovery-primary:disabled{opacity:.6;cursor:wait}.password-recovery-error{font-size:14px;color:#ffd092}
.password-recovery-dialog button:focus-visible{outline:2px solid #b1cbd8;outline-offset:3px}
@keyframes password-recovery-in{from{opacity:0}to{opacity:1}}
@media(max-width:350px){.password-recovery-panel{padding:20px;font-size:14px}.password-recovery-heading h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.password-recovery-dialog,.password-recovery-primary{animation:none;transition:none}}

/* Health cards share one gap and padding scale in both collapsed and open states. */
.health-layout{--health-card-gap:calc(34 * var(--rpx));--health-card-padding:calc(34 * var(--rpx));display:flex;flex-direction:column;gap:var(--health-card-gap);margin-bottom:calc(14 * var(--rpx))}
.health-layout>.card{margin:0;padding:var(--health-card-padding)}
.health-layout>.health-home .card-heading{margin-bottom:calc(14 * var(--rpx))}
.health-layout>.health-home .section-subtitle{margin:0}
.health-layout>.health-note{display:block;margin:0 calc(6 * var(--rpx));line-height:1.8}
.health-layout>.web-live-heart-rate-host{margin:0;min-width:0}