:root{--jujube:#7a2e38;--jujube-dark:#4f1d26;--jujube-soft:#aa6068;--cream:#fbf6ee;--paper:#fffdf9;--apricot:#e7b49c;--apricot-soft:#f7e5d8;--sage:#8fa58d;--sage-soft:#e6ede3;--ink:#35282a;--muted:#827376;--line:#eaded4;--shadow:0 16px 44px #4f1d261f;--font-body:"PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--font-display:"STKaiti", "KaiTi", "FangSong", serif}*{box-sizing:border-box}html{background:#eee3d7;min-height:100%}body{background:var(--cream);min-height:100vh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow-x:hidden}button,input,textarea{color:inherit;font:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #7a2e384d}button:disabled{cursor:not-allowed;opacity:.48}button:not(:disabled):active,.bottom-nav a:active{transform:translateY(1px)}.skip-link{z-index:300;background:var(--jujube-dark);color:#fff;border-radius:9px;padding:10px 14px;font-size:12px;text-decoration:none;position:absolute;top:-60px;left:14px}.skip-link:focus{top:10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--jujube);letter-spacing:.15em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:800}.splash{background:var(--cream);place-content:center;justify-items:center;gap:8px;min-height:100vh;display:grid}.splash img{width:94px;height:94px;box-shadow:var(--shadow);border-radius:28px}.splash p{color:var(--jujube-dark);font-family:var(--font-display);margin:14px 0 0;font-size:30px;font-weight:700}.splash span{color:var(--muted);font-size:13px}.auth-page{background:var(--cream);place-items:center;min-height:100vh;padding:30px 18px;display:grid;position:relative;overflow:hidden}.auth-ornament{border:2px solid #7a2e381f;border-radius:50%;position:absolute}.auth-ornament-one{width:250px;height:250px;top:-110px;left:-80px}.auth-ornament-two{width:180px;height:180px;bottom:-70px;right:-60px}.auth-card{z-index:1;width:min(100%,420px);box-shadow:var(--shadow);background:#fffdf9f5;border:1px solid #7a2e381a;border-radius:26px;padding:34px 28px 26px}.auth-logo{border-radius:22px;width:76px;height:76px;margin-bottom:22px}.auth-card h1{color:var(--jujube-dark);font-family:var(--font-display);text-wrap:balance;margin:0;font-size:clamp(30px,8vw,40px);line-height:1.18}.auth-description{color:var(--muted);margin:12px 0 26px;font-size:14px;line-height:1.7}.auth-form,.bottom-sheet form{gap:16px;display:grid}.field{gap:7px;display:grid}.field>span,.invite-box>span{color:#6e5d60;font-size:12px;font-weight:700}.field input,.invite-box input{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;min-height:50px;padding:0 14px;font-size:16px}.field input::placeholder,textarea::placeholder{color:#baa9a3}.primary-button{background:var(--jujube);color:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:52px;font-size:15px;font-weight:800;display:inline-flex;box-shadow:0 8px 20px #7a2e3838}.auth-form .primary-button{margin-top:4px}.privacy-note{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:7px;margin:23px 0 0;font-size:11px;line-height:1.5;display:flex}.app-background{background:#eee3d7;min-height:100vh}.phone-shell{background:var(--cream);width:min(100%,560px);min-height:100vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 60px #4f1d2621}.app-header{height:108px;padding:max(19px, env(safe-area-inset-top)) 22px 13px;background:var(--cream);justify-content:space-between;align-items:center;display:flex}.app-header h1{color:var(--jujube-dark);font-family:var(--font-display);margin:0;font-size:28px;line-height:1}.app-header h1 span{color:var(--ink);font-family:var(--font-body);margin-left:3px;font-size:15px;font-weight:700}.avatar-button{background:var(--jujube);color:#fff;width:46px;height:46px;font-family:var(--font-display);border:0;border-radius:16px 16px 16px 5px;font-size:20px;font-weight:700;box-shadow:0 6px 16px #7a2e3833}.content-scroller{height:calc(100vh - 108px - 74px - env(safe-area-inset-bottom));overscroll-behavior:contain;scrollbar-width:none;overflow-y:auto}.content-scroller::-webkit-scrollbar{display:none}.view-stack{gap:24px;padding:7px 18px 36px;display:grid}.day-story{background:var(--jujube-dark);color:#fff;border-radius:26px 8px;grid-template-rows:1fr auto;grid-template-columns:1fr 132px;min-height:204px;padding:24px 21px 17px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 30px #4f1d263d}.day-story:after{content:"枣";color:#ffffff0b;font-family:var(--font-display);font-size:170px;font-weight:800;line-height:1;position:absolute;bottom:-48px;right:-10px}.growth-thread{border-left:1px solid #ffffff40;width:7px;position:absolute;top:21px;bottom:62px;left:16px}.growth-thread span,.growth-thread i,.growth-thread b{background:var(--apricot);border-radius:50%;width:7px;height:7px;position:absolute;left:-4px}.growth-thread span{top:0}.growth-thread i{top:49%}.growth-thread b{bottom:0}.story-main{z-index:1;padding-left:10px}.story-main p{color:#e8cac4;margin:0 0 9px;font-size:12px;font-weight:700}.story-main>strong{font-family:var(--font-display);font-size:54px;line-height:1;display:block}.story-main>strong span{font-family:var(--font-body);margin-left:5px;font-size:13px;font-weight:600}.story-main small{color:#d8bbb8;margin-top:12px;font-size:11px;display:block}.story-side{z-index:1;background:#ffffff12;border:1px solid #ffffff21;border-radius:17px;align-self:center;gap:6px;padding:15px 13px;display:grid}.story-side span{color:#d8bbb8;font-size:11px}.story-side strong{font-size:16px}.story-foot{z-index:1;color:#d8bbb8;border-top:1px solid #ffffff21;grid-column:1/-1;gap:24px;margin-top:19px;padding-top:14px;font-size:12px;display:flex}.story-foot b{color:#fff}.readonly-banner{border-left:3px solid var(--sage);background:var(--sage-soft);color:#506350;border-radius:8px;align-items:center;gap:9px;min-height:50px;padding:11px 14px;font-size:12px;line-height:1.5;display:flex}.section-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:13px;display:flex}.section-heading.compact{align-items:center}.section-heading h2,.date-switcher h2,.handover-intro h2,.profile-card h2{color:var(--jujube-dark);text-wrap:balance;margin:0;font-size:19px;line-height:1.3}.section-heading>span{color:var(--muted);font-size:11px}.quick-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.quick-action{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:18px 6px;grid-template-rows:1fr 1fr;grid-template-columns:42px 1fr;align-items:center;column-gap:10px;min-height:104px;padding:16px;display:grid;box-shadow:0 6px 18px #4f1d260b}.quick-action>span{border-radius:14px;grid-row:1/3;place-items:center;width:42px;height:42px;display:grid}.quick-action strong{align-self:end;font-size:15px}.quick-action small{color:var(--muted);align-self:start;margin-top:4px;font-size:10px}.feed-action>span{background:var(--apricot-soft);color:var(--jujube)}.bowel-action>span{color:#967534;background:#f2ead2}.sleep-action>span{color:#5e5a7d;background:#e4e4ee}.weight-action>span{background:var(--sage-soft);color:#5d735c}.sleep-action.is-running{background:#f6f5fa;border-color:#777298}.supplement-card,.settings-card{border:1px solid var(--line);background:var(--paper);border-radius:22px 8px;padding:20px 17px 16px;box-shadow:0 8px 24px #4f1d260d}.supplement-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.supplement-grid button{background:#fffaf4;border:1px solid #e6d9d0;border-radius:28px 28px 14px 14px;align-content:center;place-items:center;gap:5px;min-height:91px;padding:8px 3px;display:grid}.supplement-grid button>span{width:30px;height:30px;color:var(--jujube-soft);border:1px dashed #c9aaa2;border-radius:50%;place-items:center;display:grid}.supplement-grid button strong{font-size:12px}.supplement-grid button small{color:var(--muted);font-size:8px}.supplement-grid button.is-taken{background:var(--sage-soft);border-color:#9caf99}.supplement-grid button.is-taken>span{border-style:solid;border-color:var(--sage);background:var(--sage);color:#fff}.reminder-copy{color:var(--muted);align-items:center;gap:6px;margin:14px 0 0;font-size:10px;display:flex}.text-button,.icon-button{color:var(--jujube);background:0 0;border:0;align-items:center;display:inline-flex}.text-button{gap:2px;padding:8px 0 8px 8px;font-size:12px;font-weight:700}.timeline-list{display:grid}.timeline-item{grid-template-columns:47px 35px 1fr 38px;align-items:center;min-height:69px;display:grid;position:relative}.timeline-item:not(:last-child):after{content:"";background:#d9c9c2;width:1px;position:absolute;top:52px;bottom:-17px;left:63px}.timeline-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.timeline-mark{z-index:1;place-items:center;display:grid}.timeline-mark>span{border:3px solid var(--cream);background:var(--apricot-soft);width:34px;height:34px;color:var(--jujube);border-radius:50%;place-items:center;display:grid}.type-bowel .timeline-mark>span{color:#967534;background:#f2ead2}.type-sleep .timeline-mark>span{color:#5e5a7d;background:#e4e4ee}.type-weight .timeline-mark>span,.type-supplement .timeline-mark>span{background:var(--sage-soft);color:#5d735c}.timeline-copy{min-width:0;padding-left:10px}.timeline-copy strong,.timeline-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.timeline-copy strong{font-size:13px}.timeline-copy span{color:var(--muted);margin-top:4px;font-size:10px}.icon-button{border-radius:10px;justify-content:center;width:38px;height:38px;padding:0}.empty-state{color:#ad9893;text-align:center;background:#fffdf9b8;border:1px dashed #d9c8be;border-radius:18px;place-content:center;justify-items:center;gap:7px;min-height:166px;display:grid}.empty-state strong{color:#6f5f61;font-size:14px}.empty-state span{font-size:11px}.date-switcher{border:1px solid var(--line);background:var(--paper);text-align:center;border-radius:20px 6px;grid-template-columns:50px 1fr 50px;align-items:center;min-height:90px;display:grid}.date-switcher button{width:44px;height:44px;color:var(--jujube);background:0 0;border:0;border-radius:12px;margin:auto}.timeline-summary{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.timeline-summary div{border-bottom:2px solid var(--apricot);background:var(--paper);min-height:55px;color:var(--jujube);place-items:center;gap:4px;padding:8px;display:grid}.timeline-summary span{color:var(--ink);font-size:11px;font-weight:700}.handover-intro{border-left:5px solid var(--apricot);background:var(--jujube-dark);color:#fff;border-radius:8px 20px;justify-content:space-between;align-items:center;padding:21px;display:flex}.handover-intro h2{color:#fff;max-width:280px}.handover-intro .eyebrow{color:var(--apricot)}.handover-compose{border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:15px}.handover-compose textarea{resize:vertical;background:#fbf6ef;border:0;border-radius:10px;width:100%;min-height:90px;padding:13px;font-size:14px;line-height:1.6}.handover-compose>div{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.important-pick,.send-button{border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:44px;font-size:12px;font-weight:700;display:inline-flex}.important-pick{border:1px solid var(--line);color:var(--muted);background:0 0;padding:0 11px}.important-pick.is-picked{border-color:var(--apricot);background:var(--apricot-soft);color:var(--jujube)}.send-button{background:var(--jujube);color:#fff;border:0;padding:0 15px}.handover-list{gap:10px;display:grid}.handover-list article{border:1px solid var(--line);border-left:3px solid var(--sage);background:var(--paper);border-radius:6px 16px 16px 6px;padding:15px}.handover-list article.is-important{border-left-color:var(--jujube);background:#fff8f3}.handover-list article.is-resolved{opacity:.62}.handover-list article.is-resolved p{text-decoration:line-through}.handover-meta{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.handover-meta>span{color:var(--ink);font-weight:800}.handover-meta b,.handover-meta em{border-radius:6px;padding:2px 6px;font-size:9px;font-style:normal}.handover-meta b{background:var(--sage);color:#fff}.handover-meta em{background:var(--apricot-soft);color:var(--jujube)}.handover-list article p{overflow-wrap:anywhere;margin:10px 0 13px;font-size:13px;line-height:1.65}.handover-list footer{color:var(--muted);align-items:center;gap:12px;font-size:10px;display:flex}.handover-list footer button{min-height:36px;color:var(--jujube);background:0 0;border:0;margin-left:auto;padding:0 7px;font-size:10px;font-weight:700}.handover-list footer button+button{margin-left:0}.profile-card{background:var(--jujube-dark);color:#fff;border-radius:22px 7px;align-items:center;gap:15px;padding:18px;display:flex}.profile-avatar{background:var(--apricot);width:58px;height:58px;color:var(--jujube-dark);font-family:var(--font-display);border-radius:19px 19px 19px 5px;place-items:center;font-size:25px;font-weight:800;display:grid}.profile-card .eyebrow{color:var(--apricot)}.profile-card h2{color:#fff}.profile-card span{color:#d4bbb8;font-size:11px}.outline-button{width:100%;min-height:47px;color:var(--jujube);background:0 0;border:1px solid #c8a8a1;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.setting-rows{margin-top:11px;display:grid}.setting-rows>label{border-bottom:1px solid #eee3db;justify-content:space-between;align-items:center;min-height:52px;font-size:12px;display:flex}.setting-rows>label:last-child{border-bottom:0}.toggle{background:#d8ccc6;border:0;border-radius:13px;flex:none;width:45px;height:26px;padding:0;transition:background .16s;position:relative}.toggle span{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #00000029}.toggle.is-on{background:var(--sage)}.toggle.is-on span{transform:translate(19px)}.settings-note{color:var(--muted);margin:11px 0 0;font-size:10px;line-height:1.6}.member-list{margin-bottom:14px;display:grid}.member-list article{border-bottom:1px solid #eee3db;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;min-height:74px;display:grid;position:relative}.member-avatar{background:var(--apricot-soft);width:37px;height:37px;color:var(--jujube);font-family:var(--font-display);border-radius:12px;place-items:center;font-weight:800;display:grid}.member-copy strong,.member-copy span{display:block}.member-copy strong{font-size:13px}.member-copy span{color:var(--muted);margin-top:3px;font-size:9px}.admin-mark{color:var(--jujube)}.member-admin-button{color:var(--jujube);background:0 0;border:0;grid-column:2/-1;justify-self:start;margin:-13px 0 8px;padding:3px 0;font-size:9px;font-weight:700}.invite-box{gap:6px;margin-top:12px;display:grid}.invite-box input{min-height:43px;font-size:11px}.about-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 16px;display:flex}.about-card img{border-radius:12px;width:43px;height:43px}.about-card strong,.about-card span{display:block}.about-card strong{color:var(--jujube-dark);font-family:var(--font-display);font-size:17px}.about-card span{color:var(--muted);margin-top:2px;font-size:10px}.logout-button,.danger-button{color:#9a3a42;background:0 0;border:1px solid #d8b1ac;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:47px;font-size:12px;font-weight:700;display:flex}.bottom-nav{z-index:20;height:calc(74px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf9f5;border-top:1px solid #eadfd7;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.bottom-nav a{color:#99888a;background:0 0;border:0;align-content:center;place-items:center;gap:3px;min-height:60px;font-size:9px;text-decoration:none;display:grid;position:relative}.bottom-nav a.is-active{color:var(--jujube);font-weight:800}.bottom-nav a.is-active:before{content:"";background:var(--jujube);border-radius:0 0 3px 3px;width:21px;height:3px;position:absolute;top:0}.nav-icon{position:relative}.nav-icon b{border:2px solid var(--paper);background:var(--jujube);color:#fff;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:8px;display:grid;position:absolute;top:-7px;right:-12px}.sheet-backdrop{z-index:100;background:#2c1d2073;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.bottom-sheet{width:min(100%,560px);max-height:88vh;padding:8px 20px calc(24px + env(safe-area-inset-bottom));background:var(--paper);overscroll-behavior:contain;border-radius:26px 26px 0 0;animation:.18s ease-out sheet-in;overflow-y:auto;box-shadow:0 -16px 44px #321a1e33}.sheet-grabber{background:#d7c9c2;border-radius:3px;width:42px;height:4px;margin:1px auto 10px}.bottom-sheet>header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.bottom-sheet>header h2{color:var(--jujube-dark);font-family:var(--font-display);margin:0;font-size:25px}.bottom-sheet>header button{width:44px;height:44px;color:var(--jujube);background:#f1e7e0;border:0;border-radius:12px;place-items:center;display:grid}.sheet-hint{color:var(--muted);margin:-4px 0 0;font-size:12px}.amount-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.amount-grid button{border:1px solid var(--line);background:#fffaf5;border-radius:15px 5px;justify-content:center;align-items:baseline;gap:4px;min-height:66px;display:flex}.amount-grid button.is-selected{border-color:var(--jujube);background:var(--apricot-soft);color:var(--jujube);box-shadow:inset 0 0 0 1px var(--jujube)}.amount-grid strong{font-family:var(--font-display);font-size:25px}.amount-grid span{color:var(--muted);font-size:10px}.compact-field{margin-top:2px}.unit-input{position:relative}.unit-input input{padding-right:50px}.unit-input em{color:var(--muted);font-size:12px;font-style:normal;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.unit-input.large input{min-height:68px;font-size:26px;font-weight:800}.toast{z-index:200;top:max(18px, env(safe-area-inset-top));color:#fff;text-align:center;background:#3e2b2f;border:1px solid #ffffff29;border-radius:10px;max-width:calc(100vw - 36px);padding:11px 16px;font-size:12px;animation:.16s ease-out toast-in;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #321a1e40}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}@media (min-width:700px){.app-background{padding:22px 0}.phone-shell{border-radius:30px;min-height:calc(100vh - 44px)}.content-scroller{height:calc(100vh - 226px)}.bottom-nav{border-radius:0 0 30px 30px}}@media (hover:hover){.quick-action:hover,.supplement-grid button:hover,.amount-grid button:hover{background:#fff8f1;border-color:#cba9a2}.outline-button:hover,.important-pick:hover{background:var(--apricot-soft)}.bottom-nav a:hover,.text-button:hover,.icon-button:hover{color:var(--jujube-dark)}}@media (max-width:370px){.app-header{padding-left:16px;padding-right:16px}.view-stack{padding-left:13px;padding-right:13px}.day-story{grid-template-columns:1fr 112px;padding-left:16px;padding-right:15px}.story-main>strong{font-size:45px}.quick-action{padding:12px}.supplement-grid{gap:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}