#wph{
color-scheme:light dark;
--bg:light-dark(#eceef6,#080a0f);
--surface:light-dark(#ffffff,#151922);
--surface2:light-dark(#f3f4fa,#1b202a);
--text:light-dark(#0e1326,#e8ecf6);
--muted:light-dark(#69718a,#98a2b8);
--line:light-dark(rgba(14,19,38,.10),rgba(255,255,255,.10));
--line2:light-dark(rgba(14,19,38,.055),rgba(255,255,255,.055));
--sleep:light-dark(#4d5ad4,#8b93f4);
--eA:light-dark(#d98d10,#f2b23f);
--eB:light-dark(#1f9e6f,#4ecf9b);
--eC:light-dark(#dc3a57,#f7708a);
--eD:light-dark(#6a7a99,#93a4c6);
--meal:light-dark(#b98a06,#e7c04a);
--cycle:light-dark(#cf366c,#ef6f9d);
--habit:light-dark(#57931a,#94ce4c);
--body:light-dark(#0f9b8f,#45c3b6);
--plan:light-dark(#8b97ac,#a9b5c9);
--study:light-dark(#2f6fd0,#74a9f7);
--sport:light-dark(#d9542b,#f4865c);
--commute:light-dark(#0b7fa8,#46b6da);
--chore:light-dark(#8a6134,#bd9264);
--social:light-dark(#7b46dd,#ab8bf5);
--fun:light-dark(#c7409b,#ee8fd0);
--rest:light-dark(#4d8f6a,#7dbf95);
--create:light-dark(#6d47c9,#9b86ef);
--care:light-dark(#cf4a72,#ef90ad);
--outdoor:light-dark(#2f8f4e,#63cd85);
--med:light-dark(#3f7f8f,#6fbccd);
--shop:light-dark(#9c7a12,#d3ad48);
--work:light-dark(#4a63b8,#8e9df0);
--groom:light-dark(#5f86a8,#8fbede);
--reflect:light-dark(#8d7fbe,#b9aee0);
--mind:light-dark(#2f8f6a,#63cd9d);
--errand:light-dark(#5c7089,#8fa6c2);
--pet:light-dark(#a3603f,#dc9a72);
--hobby:light-dark(#c75f2e,#ef9a6c);
--planline:light-dark(rgba(14,19,38,.16),rgba(255,255,255,.16));
--d10:light-dark(#8b5cf6,#c4b5fd);
--d8:light-dark(#1f9e6f,#4ecf9b);
--d6:light-dark(#d99a12,#edc042);
--d0:light-dark(#dc3a57,#f7708a);
--neg:light-dark(#dc3a57,#f7708a);
--pos:light-dark(#1f9e6f,#4ecf9b);
--f1:light-dark(#dc3a57,#f7708a);
--f2:light-dark(#e0782a,#f59a52);
--f3:light-dark(#cf9d09,#e5c04a);
--f4:light-dark(#63a832,#93d15c);
--f5:light-dark(#1f9e6f,#4ecf9b);
--r:20px;
font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
display:flex;justify-content:center;-webkit-font-smoothing:antialiased;
}
#wph[data-theme=light]{color-scheme:light}
#wph[data-theme=dark]{color-scheme:dark}
#wph *,#wph *::before,#wph *::after{box-sizing:border-box}
#wph button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
#wph input{font:inherit;color:inherit}
#wph .ic{display:inline-flex;line-height:0;color:inherit}
#wph .ic svg{width:1em;height:1em;display:block}
#wph .phone{
width:390px;max-width:100%;height:812px;border-radius:calc(var(--r) + 14px);
background:var(--bg);color:var(--text);overflow:hidden;display:flex;flex-direction:column;position:relative;
border:1px solid var(--line);
box-shadow:0 26px 70px -26px rgba(6,10,24,.55),0 6px 18px -8px rgba(6,10,24,.22);
}
#wph .sb{flex:none;height:26px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 22px 3px;font-size:11px;font-weight:600;color:var(--muted)}
#wph .sb-r{display:flex;align-items:center;gap:5px}
#wph .sb-r .ic{font-size:12px}
#wph .hdr{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px 10px}
#wph .hi{font-size:19px;font-weight:700;letter-spacing:-.01em}
#wph .hs{font-size:11.5px;color:var(--muted);margin-top:3px}
#wph .ai{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line)}
#wph .ai .ic{font-size:16px}
#wph .seg{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:0 18px 8px;padding:3px;border-radius:calc(var(--r) * .7);background:var(--surface2)}
#wph .segb{padding:7px 0;border-radius:calc(var(--r) * .55);font-size:12px;font-weight:600;color:var(--muted);text-align:center}
#wph .segb.is-on{background:var(--surface);color:var(--text);box-shadow:0 1px 3px rgba(6,10,24,.12)}
#wph .scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:none;display:flex;flex-direction:column}
#wph .scroll::-webkit-scrollbar{display:none}
#wph .scroll>*{flex:none}
#wph .insight{margin:2px 18px 12px;padding:10px 12px;border-radius:calc(var(--r) * .8);background:var(--surface);border:1px solid var(--line)}
#wph .itag{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--sleep)}
#wph .itag .ic{font-size:11px}
#wph .imeta{margin-left:auto;font-size:9.5px;font-weight:500;color:var(--muted);letter-spacing:0}
#wph .itxt{margin:5px 0 0;font-size:12.5px;line-height:1.45}
#wph .itxt b{color:var(--eC);font-weight:700}
#wph .wknav{flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 18px}
#wph .wknav span{font-size:12.5px;font-weight:600}
#wph .chev{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;color:var(--muted)}
#wph .chev .ic{font-size:15px}
#wph .strip{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:8px 18px 10px}
#wph .day{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0 9px;border-radius:calc(var(--r) * .6);border:1px solid transparent}
#wph .dw{font-size:10px;color:var(--muted)}
#wph .dn{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
#wph .dd{height:7px;display:flex;align-items:center;gap:2px}
#wph .dd i{width:6px;height:6px;border-radius:99px;display:block}
#wph .band{position:absolute;left:14px;right:14px;bottom:3px;height:3px;border-radius:99px;background:var(--line)}
#wph .day.is-today{background:var(--surface);border-color:var(--line)}
#wph .day.is-today .dn{color:var(--sleep)}
#wph .body{padding:0 18px}
#wph .grid{display:grid;grid-template-columns:36px repeat(7,1fr);gap:3px}
#wph .rowlab{display:flex;flex-direction:column;justify-content:center;gap:1px;font-size:9.5px;font-weight:600;color:var(--muted)}
#wph .rl-t{font-size:8.5px;font-weight:500;opacity:.75}
#wph .cell{position:relative;height:54px;padding:2px;border-radius:calc(var(--r) * .55);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid transparent}
#wph .cell::before{content:"";position:absolute;inset:0;background:var(--c);opacity:.15;border-radius:inherit}
#wph .cell.is-plan::before{opacity:.09}
#wph .cell.is-plan{border-style:dashed;border-color:var(--line)}
#wph .cell.is-empty{background:var(--surface2);opacity:.55}
#wph .cell.is-empty .ic{color:var(--muted);opacity:.6}
#wph .cell.is-today{box-shadow:0 0 0 1.5px color-mix(in srgb,var(--sleep) 45%,transparent)}
#wph .cell>*{position:relative;z-index:1}
#wph .cell .ic{font-size:13px;color:var(--c)}
#wph .cl{font-size:9px;font-weight:600;line-height:1;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
#wph .dots{display:flex;justify-content:center;gap:3px}
#wph .dots i{width:4px;height:4px;border-radius:99px;display:block}
#wph .si{display:flex;align-items:center;gap:3px;max-width:100%;font-size:8.5px;font-weight:700;line-height:1}
#wph .si .ic{font-size:11px}
#wph .si em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:36px}
#wph .si .rc{font-size:9px;line-height:1;color:var(--muted);font-weight:700}
#wph .si-more{color:var(--muted);font-size:8.5px;font-weight:600}
#wph .ed{width:5px;height:5px;border-radius:99px;display:block;flex:none}
#wph .tl{display:grid;grid-template-columns:30px repeat(7,1fr);gap:0 4px}
#wph .tl-axis{position:relative;height:308px}
#wph .tick{position:absolute;right:5px;transform:translateY(-50%);font-size:8.5px;color:var(--muted);font-variant-numeric:tabular-nums}
#wph .tl-col{position:relative;height:308px;border-radius:calc(var(--r) * .55);background:var(--surface2);border:1px solid var(--line2);overflow:hidden}
#wph .tl-col.is-today{box-shadow:0 0 0 1.5px color-mix(in srgb,var(--sleep) 45%,transparent)}
#wph .gl{position:absolute;left:0;right:0;height:1px;background:var(--line2)}
#wph .blk{position:absolute;left:3px;right:3px;border-radius:4px}
#wph .blk.is-sleep{background:var(--sleep);opacity:.85}
#wph .blk.is-item{background:var(--c);opacity:.9;box-shadow:0 0 0 1px color-mix(in srgb,var(--bg) 55%,transparent)}
#wph .blk.is-item.is-plan{opacity:.3}
#wph .blk.is-item i{position:absolute;left:0;top:0;bottom:0;width:2.5px;background:var(--c);border-radius:3px 0 0 3px}
#wph .tl-emo{height:22px;display:flex;align-items:center;justify-content:center}
#wph .tl-emo i{width:7px;height:7px;border-radius:99px;display:block}
#wph .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0 0}
#wph .st{display:flex;flex-direction:column;gap:2px}
#wph .st b{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
#wph .st span{font-size:10px;color:var(--muted)}
#wph .legend{display:flex;flex-wrap:wrap;gap:7px 12px;margin:11px 18px 12px;padding-top:10px;border-top:1px solid var(--line2)}
#wph .lg{display:flex;align-items:center;gap:4px}
#wph .lg .ic{font-size:11px}
#wph .lgl{font-size:10px;color:var(--muted)}
#wph .lg-dots{display:flex;gap:3px}
#wph .lg-dots i{width:6px;height:6px;border-radius:99px;display:block}
#wph .lg-sw{width:11px;height:11px;border-radius:3px;display:block}
#wph .tabbar{flex:none;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 14px 14px;background:var(--surface);border-top:1px solid var(--line)}
#wph .tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;border-radius:calc(var(--r) * .5);color:var(--muted);font-size:9.5px}
#wph .tab .ic{font-size:17px}
#wph .tab.is-on{color:var(--sleep)}#wph .mnav{display:flex;align-items:center;justify-content:space-between;padding:0 18px 8px}
#wph .mnav span{font-size:12.5px;font-weight:600}
#wph .stab{display:flex;gap:6px;padding:0 18px 12px}
#wph .stb{padding:5px 12px;border-radius:99px;font-size:11px;font-weight:600;color:var(--muted);border:1px solid var(--line)}
#wph .stb.is-on{background:var(--text);color:var(--bg);border-color:transparent}
#wph .cap{margin:0 18px 10px;padding:9px 11px;border-radius:calc(var(--r) * .7);background:var(--surface);border:1px solid var(--line);font-size:11.5px;line-height:1.45}
#wph .cap b{color:var(--sleep);font-weight:700}
#wph .cap p{margin:0}
#wph .cap p+p{margin-top:6px}
#wph .cap-w{color:var(--muted);font-size:10.5px}
#wph .bcol.is-best::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--text);opacity:.6}
#wph .ch{padding:0 18px}
#wph .ch-plot{position:relative;height:228px;margin-left:34px;border-radius:calc(var(--r) * .5)}
#wph .ch-axis{position:absolute;left:0;top:0;bottom:0;width:34px}
#wph .ch-axis .tick{right:6px}
#wph .gridline{position:absolute;left:0;right:0;height:1px;background:var(--line2)}
#wph .bars{display:grid;grid-template-columns:repeat(30,1fr);gap:1px;height:100%}
#wph .bcol{position:relative;overflow:hidden}
#wph .bar{position:absolute;left:0;right:0;border-radius:3px}
#wph .bar.is-long{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.5) 0 2px,transparent 2px 5px)}
#wph .refline{position:absolute;left:0;right:0;height:0;border-top:1px dashed var(--muted);opacity:.8}
#wph .reflab{position:absolute;right:0;transform:translateY(calc(-100% - 1px));font-size:8px;font-weight:600;color:var(--muted);background:var(--bg);padding:0 3px;border-radius:3px}
#wph .wt-plot{position:relative;margin-left:34px}
#wph .wt-plot svg{display:block;width:100%;height:auto;overflow:visible}
#wph .wt-axis{position:absolute;left:0;top:0;bottom:0;width:34px}
#wph .wt-xlab{display:grid;grid-template-columns:repeat(30,1fr);margin-left:34px;padding-top:4px}
#wph .wt-xlab span{font-size:8.5px;color:var(--muted);font-variant-numeric:tabular-nums}
#wph .bm{padding:0 18px;margin-top:10px}
#wph .bm-t{font-size:8.5px;color:var(--muted);margin-bottom:5px}
#wph .bm-row{display:flex;align-items:center;margin-bottom:2px}
#wph .bm-lab{width:34px;flex:none;font-size:8.5px;color:var(--muted)}
#wph .bm-cells{display:grid;grid-template-columns:repeat(30,1fr);gap:1px;flex:1;min-width:0}
#wph .bm-cells i{height:10px;border-radius:2px;display:block;background:var(--surface2)}
#wph .bm-cells i.on-n{background:var(--neg)}
#wph .bm-cells i.on-p{background:var(--pos)}
#wph .brow{display:grid;grid-template-columns:16px 1fr auto;gap:2px 6px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line2)}
#wph .brow:last-child{border-bottom:0}
#wph .brow>.ic{font-size:13px}
#wph .bh{display:flex;align-items:baseline;gap:6px;min-width:0}
#wph .bn{font-size:12px;font-weight:600;white-space:nowrap}
#wph .bsub{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#wph .bv{font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums}
#wph .bv.is-neg{color:var(--neg)}
#wph .bv.is-pos{color:var(--pos)}
#wph .btrack{grid-column:2/4;position:relative;height:9px;border-radius:99px;background:var(--surface2)}
#wph .btrack::before{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--line)}
#wph .bfill{position:absolute;top:0;bottom:0;border-radius:99px}
#wph .bcol.is-today .bar{outline:1.5px solid color-mix(in srgb,var(--text) 45%,transparent);outline-offset:1px}
#wph .xlab{display:grid;grid-template-columns:repeat(30,1fr);margin-left:34px;padding-top:4px}
#wph .xlab span{font-size:8.5px;color:var(--muted);font-variant-numeric:tabular-nums}
#wph .feelrow{display:flex;align-items:center;margin:8px 18px 0;padding-top:8px;border-top:1px solid var(--line2)}
#wph .feelax{width:34px;flex:none;font-size:8.5px;line-height:1.15;color:var(--muted)}
#wph .feelgrid{display:grid;grid-template-columns:repeat(30,1fr);gap:1px;flex:1;align-items:center;justify-items:center}
#wph .feelgrid i{border-radius:99px;display:block}
#wph .hm{padding:2px 18px 0}
#wph .hm-head{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:5px}
#wph .hm-head span{font-size:9px;color:var(--muted);text-align:center}
#wph .hm-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
#wph .hc{height:36px;border-radius:calc(var(--r) * .4);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--text);border:1px solid transparent;position:relative}
#wph .hc.is-empty{background:var(--surface2);opacity:.45;border:0}
#wph .hc.is-today{box-shadow:0 0 0 1.5px color-mix(in srgb,var(--text) 40%,transparent)}
#wph .hc .pdot{position:absolute;top:3px;right:3px;width:4px;height:4px;border-radius:99px;background:var(--cycle)}
#wph .sheetwrap{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:flex-end}
#wph .sheetwrap[hidden]{display:none}
#wph .scrim{position:absolute;inset:0;background:rgba(6,9,18,.42)}
#wph .sheet{position:relative;background:var(--surface);border-radius:calc(var(--r) + 6px) calc(var(--r) + 6px) 0 0;padding:8px 18px 18px;max-height:78%;overflow:auto;scrollbar-width:none;box-shadow:0 -18px 50px -20px rgba(6,10,24,.45)}
#wph .sheet::-webkit-scrollbar{display:none}
#wph .grab{width:36px;height:4px;border-radius:99px;background:var(--line);margin:0 auto 12px}
#wph .sh-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
#wph .sh-t{font-size:15px;font-weight:700}
#wph .sh-s{font-size:11px;color:var(--muted);margin-top:3px}
#wph .sh-x{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--surface2);color:var(--muted);flex:none}
#wph .elist{display:flex;flex-direction:column;gap:5px;margin:12px 0 0;max-height:134px;overflow:auto;scrollbar-width:none}
#wph .elist::-webkit-scrollbar{display:none}
#wph .eitem{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:calc(var(--r) * .5);background:var(--surface2);font-size:11.5px;width:100%;text-align:left}
#wph .eitem.is-on{box-shadow:inset 0 0 0 1.5px var(--text)}
#wph .eitem .ic{font-size:12px;color:var(--ec)}
#wph .eitem em{font-style:normal;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#wph .eitem .et{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}
#wph .eitem .ex{width:21px;height:21px;border-radius:7px;display:grid;place-items:center;color:var(--muted);flex:none;background:var(--surface)}
#wph .eitem .ex .ic{color:var(--muted)}
#wph .eadd{margin-top:6px;padding:8px 0;text-align:center;font-size:11px;font-weight:600;color:var(--muted);border:1px dashed var(--line);border-radius:calc(var(--r) * .5)}
#wph .grps{display:flex;gap:6px;margin:14px 0 0;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
#wph .grps::-webkit-scrollbar{display:none}
#wph .grp{flex:none;padding:5px 10px;border-radius:99px;font-size:10.5px;font-weight:700;color:var(--muted);border:1px solid var(--line)}
#wph .grp.is-on{background:var(--surface2);color:var(--text);border-color:transparent}
#wph .chips{display:flex;gap:6px;margin:8px 0 4px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
#wph .chips.wrap{display:flex;flex-wrap:wrap;overflow:visible;row-gap:6px}
#wph .chips[hidden],#wph .grps[hidden]{display:none}
#wph .rsum{display:flex;align-items:center;gap:5px;margin-top:8px;font-size:10.5px;color:var(--muted)}
#wph .rsum .ic{font-size:11px;color:var(--text)}
#wph .rsum b{color:var(--text);font-weight:700}
#wph .fdur{font-style:normal;font-weight:700;color:var(--text);font-size:12px}
#wph .chips::-webkit-scrollbar{display:none}
#wph .chip{display:inline-flex;align-items:center;gap:4px;flex:none;padding:6px 11px;border-radius:99px;font-size:11px;font-weight:600;background:var(--surface2);color:var(--muted)}
#wph .chip .ic{font-size:12px}
#wph .chip.is-on{background:var(--text);color:var(--bg)}
#wph .fld{margin-top:14px}
#wph .fld-name{margin-top:16px}
#wph .fld-name .inp{font-size:14px;font-weight:600;padding:11px 12px;background:var(--surface2)}
#wph .fld-name.name-err .inp{border-color:var(--eC)}
#wph .flab em.req{font-size:10px;font-weight:600;color:var(--muted)}
#wph .flab{font-size:11px;font-weight:600;color:var(--muted);margin-bottom:7px;display:flex;justify-content:space-between;align-items:baseline}
#wph .flab em{font-style:normal;font-weight:700;color:var(--text);font-size:12px}
#wph .fline{display:flex;gap:8px}
#wph .inp{flex:1;min-width:0;background:var(--surface2);border:1px solid var(--line);border-radius:calc(var(--r) * .5);padding:9px 11px;font-size:13px;color:var(--text)}
#wph .inp::-webkit-calendar-picker-indicator{opacity:.5}
#wph .pills{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}
#wph .pill{padding:8px 0;border-radius:calc(var(--r) * .45);background:var(--surface2);border:1px solid transparent;font-size:11.5px;font-weight:600;color:var(--muted);text-align:center}
#wph .pill.is-on{background:var(--text);color:var(--bg)}
#wph .pills.wrap{display:flex;flex-wrap:wrap}
#wph .lvl{display:flex;gap:7px}
#wph .lv{width:30px;height:30px;border-radius:99px;background:var(--surface2);border:1px solid var(--line);font-size:11px;font-weight:700;color:var(--muted);display:grid;place-items:center}
#wph .lv.is-on{background:var(--c,var(--sleep));color:#fff;border-color:transparent}
#wph .save{margin-top:18px;width:100%;padding:13px 0;border-radius:calc(var(--r) * .6);background:var(--text);color:var(--bg);font-size:13.5px;font-weight:700;text-align:center}
#wph .shtip{margin-top:9px;text-align:center;font-size:10px;color:var(--muted)}
#wph .toast{position:absolute;left:50%;bottom:88px;transform:translateX(-50%);z-index:30;background:var(--text);color:var(--bg);font-size:11.5px;font-weight:600;padding:9px 15px;border-radius:99px;box-shadow:0 10px 30px -10px rgba(6,10,24,.5)}
#wph .seg[hidden]{display:none}
#wph .sec{margin:14px 18px 0}
#wph .sec-h{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;margin-bottom:8px}
#wph .sec-h .ic{font-size:13px;color:var(--sleep)}
#wph .sec-n{margin-left:auto;font-size:9.5px;font-weight:500;color:var(--muted)}
#wph .card{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) * .75);padding:11px 12px}
#wph .card+.card{margin-top:8px}
#wph .card-t{font-size:12px;font-weight:700}
#wph .card-p{margin:5px 0 0;font-size:11.5px;line-height:1.5}
#wph .card-p b{color:var(--sleep);font-weight:700}
#wph .card-m{margin-top:7px;font-size:9.5px;line-height:1.45;color:var(--muted)}
#wph .mline{display:flex;align-items:baseline;gap:8px}
#wph .mt{font-size:12px;font-weight:700}
#wph .mq{margin-left:auto;font-size:9.5px;color:var(--muted);white-space:nowrap}
#wph .btnrow{display:flex;gap:7px;margin-top:11px}
#wph .mini{flex:1;padding:8px 0;border-radius:calc(var(--r) * .45);background:var(--surface2);font-size:11px;font-weight:600;color:var(--muted);text-align:center}
#wph .gcard{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;width:100%;padding:11px 12px;background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) * .75);margin-top:8px}
#wph .gi{display:flex;font-size:16px}
#wph .gt{display:flex;flex-direction:column;gap:3px;min-width:0}
#wph .gn{font-size:11.5px;font-weight:700}
#wph .gp{font-size:10px;line-height:1.4;color:var(--muted)}
#wph .gp b{color:var(--text)}
#wph .ga{display:flex;align-items:center;gap:2px;font-size:9.5px;font-weight:600;color:var(--muted);white-space:nowrap}
#wph .chk{display:flex;align-items:flex-start;gap:8px;width:100%;padding:8px 0;text-align:left}
#wph .chk+.chk{border-top:1px solid var(--line2)}
#wph .cbox{display:flex;flex:none;margin-top:1px;color:var(--muted)}
#wph .chk.is-on .cbox{color:var(--pos)}
#wph .ctxt{font-size:11.5px;line-height:1.45;color:var(--muted)}
#wph .chk.is-on .ctxt{color:var(--text);font-weight:600}
#wph .mrow{display:grid;grid-template-columns:auto 1fr auto;gap:4px 10px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line2)}
#wph .mrow:last-child{border-bottom:0}
#wph .mrow-h{padding:0 0 5px;border-bottom:0}
#wph .mrow-h span{font-size:9.5px;font-weight:600;color:var(--muted)}
#wph .mk{font-size:10.5px;color:var(--muted);white-space:nowrap}
#wph .mv{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
#wph .md{font-size:10px;color:var(--muted);white-space:nowrap}
#wph .qg{display:grid;grid-template-columns:1fr 1fr;gap:7px}
#wph .qb{display:flex;flex-direction:column;gap:3px;padding:10px;border-radius:calc(var(--r) * .6);background:var(--surface);border:1px solid var(--line);text-align:left}
#wph .qq{font-size:15px;font-weight:800;line-height:1;color:var(--c)}
#wph .qn{font-size:10.5px;font-weight:600;margin-top:3px}
#wph .qe{font-size:9.5px;line-height:1.35;color:var(--muted)}
#wph .qb.is-on{background:color-mix(in srgb,var(--c) 15%,var(--surface));border-color:color-mix(in srgb,var(--c) 45%,transparent)}
#wph .trow{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line2)}
#wph .trow:last-child{border-bottom:0}
#wph .tk{flex:1;min-width:0;font-size:11.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#wph .tq{flex:none;font-size:9.5px;font-weight:700;padding:3px 8px;border-radius:99px}
#wph .tn{flex:none;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
#wph .tagrow{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
#wph .tag{font-size:9.5px;font-weight:600;padding:3px 8px;border-radius:99px;background:var(--surface2);color:var(--muted)}
#wph .tag.ok{background:color-mix(in srgb,var(--pos) 16%,var(--surface));color:var(--pos)}
#wph .tag.no{opacity:.55}
#wph .wk{display:grid;grid-template-columns:58px repeat(7,1fr);gap:4px;align-items:center;margin-top:8px}
#wph .wkh{font-size:9.5px;color:var(--muted);text-align:center}
#wph .wkl{font-size:10px;color:var(--muted);white-space:nowrap;padding-right:4px}
#wph .wkc{display:block;height:18px;border-radius:5px;background:var(--surface2)}
#wph .wkc.is-on{background:var(--habit)}
#wph .ob{position:absolute;inset:0;z-index:40;background:var(--bg);display:flex;flex-direction:column}
#wph .ob[hidden]{display:none}
#wph .ob-top{flex:none;display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0}
#wph .ob-dots{display:flex;gap:4px}
#wph .ob-dots i{display:block;width:5px;height:5px;border-radius:99px;background:var(--line);transition:width .2s}
#wph .ob-dots i.on{width:16px;background:var(--sleep)}
#wph .ob-skip{font-size:11px;font-weight:600;color:var(--muted)}
#wph .ob-body{flex:1;min-height:0;overflow:auto;scrollbar-width:none;padding:26px 22px 8px}
#wph .ob-body::-webkit-scrollbar{display:none}
#wph .ob-kicker{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--sleep)}
#wph .ob-h{margin:8px 0 0;font-size:21px;font-weight:700;line-height:1.28;letter-spacing:-.01em}
#wph .ob-p{margin:10px 0 0;font-size:12px;line-height:1.6;color:var(--muted)}
#wph .ob-p b{color:var(--text)}
#wph .opts{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
#wph .opt{padding:9px 14px;border-radius:calc(var(--r) * .5);background:var(--surface);border:1px solid var(--line);font-size:12px;font-weight:600;color:var(--text)}
#wph .opt.is-on{background:var(--text);color:var(--bg);border-color:transparent}
#wph .ob-inp{width:100%;margin-top:18px}
#wph .ob-fld{margin-top:16px}
#wph .ob-fld .inp{width:100%}
#wph .ob-flab{margin-bottom:6px;font-size:10.5px;font-weight:600;color:var(--muted)}
#wph .ob-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#wph .ob-mbti{display:flex;flex-direction:column;gap:7px;margin-top:18px}
#wph .ob-mbti .opts{display:grid;grid-template-columns:1fr 1fr;margin-top:0}
#wph .ob-card{margin-top:18px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) * .75)}
#wph .ob-li{display:flex;gap:8px;align-items:flex-start;padding:7px 0;font-size:11.5px;line-height:1.5}
#wph .ob-li .ic{flex:none;margin-top:2px;color:var(--sleep)}
#wph .ob-li+.ob-li{border-top:1px solid var(--line2)}
#wph .ob-foot{flex:none;display:flex;gap:9px;padding:12px 20px 22px}
#wph .ob-next{flex:1;padding:13px 0;border-radius:calc(var(--r) * .6);background:var(--text);color:var(--bg);font-size:13.5px;font-weight:700;text-align:center}
#wph .ob-back{padding:13px 18px;border-radius:calc(var(--r) * .6);background:var(--surface2);font-size:13px;font-weight:600;color:var(--muted)}
#wph .ob-back[disabled]{opacity:.35}
#wph .sec:last-child{padding-bottom:18px}
#wph .sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#wph .ch{position:relative}

/* ============ 应用层补充样式（在原型样式之后） ============ */
#wph .tabbar{grid-template-columns:repeat(5,1fr)}
#wph .hdr-r{flex:none;display:flex;align-items:center;gap:8px}
#wph .savechip{display:flex;align-items:center;gap:5px;padding:5px 9px;border-radius:99px;background:var(--surface);border:1px solid var(--line);font-size:9.5px;font-weight:600;color:var(--muted)}
#wph .savechip i{width:6px;height:6px;border-radius:99px;background:var(--pos);display:block}
#wph .savechip.is-warn i{background:var(--eC)}
#wph .savechip.is-warn{color:var(--eC)}

#wph .sbar{position:absolute;left:0;right:0;border-radius:3px;background:var(--c);opacity:.92}
#wph .dbar{position:absolute;left:15%;right:15%;bottom:0;border-radius:2px;background:var(--c);opacity:.55}
#wph .bcol.is-today .sbar{outline:1.5px solid color-mix(in srgb,var(--text) 45%,transparent);outline-offset:1px}
#wph .bars.pick .bcol{cursor:pointer}
#wph .bars.pick .bcol:hover{background:var(--line2)}

#wph .rate{display:flex;gap:6px}
#wph .rate i{width:26px;height:26px;border-radius:99px;display:grid;place-items:center;font-size:10px;font-weight:700;font-style:normal;background:var(--surface2);border:1px solid var(--line);color:var(--muted)}
#wph .rate i.is-on{background:var(--c,var(--sleep));color:#fff;border-color:transparent}
#wph .rate.sm i{width:20px;height:20px;font-size:9px}

#wph .srow{display:grid;grid-template-columns:auto 1fr auto;gap:4px 10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line2);width:100%;text-align:left}
#wph .srow:last-child{border-bottom:0}
#wph .srow .ic{font-size:14px;color:var(--sleep)}
#wph .sl{font-size:12px;font-weight:600}
#wph .ss{font-size:9.5px;color:var(--muted);margin-top:2px;line-height:1.4}
#wph .sv{font-size:11.5px;font-weight:700;color:var(--muted);white-space:nowrap}
#wph .srow.is-danger .ic,#wph .srow.is-danger .sl{color:var(--neg)}
#wph .srow.is-danger .sv{color:var(--neg)}

#wph .empt{padding:14px 12px;text-align:center;font-size:11px;line-height:1.55;color:var(--muted);background:var(--surface2);border-radius:calc(var(--r) * .6)}
#wph .note{font-size:10px;line-height:1.5;color:var(--muted);margin-top:6px}
#wph .kv{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px}
#wph .kv span{font-size:10px;color:var(--muted)}
#wph .kv b{color:var(--text);font-variant-numeric:tabular-nums}
#wph .badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:99px;font-size:9px;font-weight:700;background:var(--surface2);color:var(--muted)}
#wph .badge.on{background:color-mix(in srgb,var(--pos) 16%,var(--surface));color:var(--pos)}
#wph .badge.off{background:color-mix(in srgb,var(--neg) 13%,var(--surface));color:var(--neg)}
#wph .mini.is-on{background:var(--text);color:var(--bg)}
#wph .mini.is-danger{background:color-mix(in srgb,var(--neg) 14%,var(--surface));color:var(--neg)}
#wph .mini[disabled]{opacity:.5}
#wph .csv{font-variant-numeric:tabular-nums}
#wph .wrap2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#wph .chip.sm{padding:5px 9px;font-size:10px}
#wph .chip.dis{opacity:.4}
#wph .hero{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:0 18px}
#wph .hcard{display:flex;flex-direction:column;gap:3px;padding:9px 8px;border-radius:calc(var(--r) * .6);background:var(--surface);border:1px solid var(--line);text-align:left}
#wph .hcard .ic{font-size:14px;color:var(--c,var(--sleep))}
#wph .hcard b{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
#wph .hcard span{font-size:9px;line-height:1.25;color:var(--muted)}
#wph .hcard.is-empty{border-style:dashed}
#wph .hcard.is-empty b{color:var(--muted);font-weight:600}
#wph .sq{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
#wph .sqb{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;border-radius:calc(var(--r) * .55);background:var(--surface2);font-size:9.5px;font-weight:600;color:var(--muted)}
#wph .sqb .ic{font-size:15px}
#wph .sqb.is-on{background:color-mix(in srgb,var(--c,var(--sleep)) 18%,var(--surface));color:var(--text)}
#wph .tool{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line2)}
#wph .tool:last-child{border-bottom:0}
#wph .tool .tt{flex:1;min-width:0;font-size:11.5px;font-weight:600}
#wph .tool .ts{font-size:9.5px;color:var(--muted);margin-top:2px}
#wph .nmk{width:20px;height:20px;border-radius:99px;display:grid;place-items:center;font-size:10px;font-weight:800;color:var(--c);background:color-mix(in srgb,var(--c) 18%,var(--surface))}
#wph textarea.inp{min-height:66px;resize:vertical;line-height:1.5;font-family:inherit}
#wph .sheet.tall{max-height:92%}
#wph .dual{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#wph .mlist{display:flex;flex-direction:column;gap:6px}
#wph .mline2{display:flex;align-items:center;gap:8px;font-size:11.5px}
#wph .mline2 b{font-variant-numeric:tabular-nums}
#wph .grow{flex:1;min-width:0}
/* 30 列网格必须用 minmax(0,1fr)，否则日期文字的最小宽度会把整页撑宽 */
#wph .bars,#wph .xlab,#wph .wt-xlab,#wph .bm-cells,#wph .feelgrid{grid-template-columns:repeat(30,minmax(0,1fr))}
#wph .xlab span,#wph .wt-xlab span{overflow:hidden;white-space:nowrap}
#wph .ch-plot{overflow:hidden}
#wph{max-width:100%;overflow-x:hidden}
#wph .phone{max-width:100%}
#wph .scroll{overflow-x:hidden}
#wph .tl-col .blk{max-width:100%}
#wph .stab{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
#wph .stab::-webkit-scrollbar{display:none}
#wph .stb{white-space:nowrap;flex:none}
#wph .xlab.lab8,#wph .wt-xlab.lab8{grid-template-columns:repeat(8,1fr)}
#wph .xlab.lab8 span,#wph .wt-xlab.lab8 span{overflow:visible}
#wph .ch-axis{left:-34px;right:auto;top:0;bottom:auto;width:34px;height:100%}
#wph .wk{grid-template-columns:84px repeat(7,1fr)}
#wph .wkl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#wph .si em{max-width:32px}
#wph .ch-plot{overflow:visible}
#wph .tool{align-items:flex-start}
#wph .tool .nmk{margin-top:1px}
/* 本地图标层（lucide-lite.js）：图标尺寸跟随 font-size，与 .ic 规则保持一致 */
#wph .lv-ic{display:inline-flex;align-items:center;justify-content:center;line-height:0;color:inherit}
#wph .lv-ic svg{display:block;width:1em;height:1em}
#wph .sb-r .lv-ic{font-size:12px}

/* 引导页里的次要按钮（例如「载入示例数据」）：看起来可选，不和主按钮抢注意力 */
#wph .ob-ghost{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin:14px 0 0;padding:11px 0;border-radius:calc(var(--r) * .6);border:1px solid var(--line);background:transparent;color:var(--muted);font-size:12.5px;font-weight:600}
#wph .ob-ghost .ic{font-size:13px}

/* 没开 JavaScript 时的说明（正常使用看不到这行） */
#wph .noscript{margin:24px 18px;padding:16px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--text);font-size:13px;line-height:1.7;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}

/* 周视图下方的「新增日程」入口 */
#wph .wkadd{flex:none;display:flex;justify-content:center;padding:6px 18px 2px}

/* 情绪热力格现在可以点：点空白格补记、点有颜色的格修改 */
#wph button.hc{font-family:inherit;padding:0;cursor:pointer}

/* 体重折线上的点：点一下可以改那一天的记录 */
#wph .wthit{cursor:pointer}