@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}

.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:.85;transform:translateY(calc(14 * var(--rpx)))}to{opacity:1;transform:translateY(0)}}
.info-sheet{animation:diary-sheet-enter 200ms cubic-bezier(.2,.7,.2,1)}
.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 200ms cubic-bezier(.2,.7,.2,1)}.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}
.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:transform 100ms ease-out,opacity 100ms linear}
button:not([disabled]):active{transform:scale(.98)}.activity-row:active .activity-score{transform:scale(.98)}.nav-item:active img{transform:scale(.94)}
.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}

.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}

.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}
.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:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes web-tab-enter{from{background-color:#38454e}to{background-color:#515d65}}
@keyframes web-dialog-enter{from{transform:translateY(10px)}to{transform:translateY(0)}}
@keyframes web-toast-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.content-enter-a .section-heading,.content-enter-b .section-heading{animation:web-heading-enter 180ms cubic-bezier(.2,.7,.2,1)}.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 180ms cubic-bezier(.2,.7,.2,1)}.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 190ms cubic-bezier(.2,.7,.2,1)}.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. */
.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%)}