*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.table{display:table}.hidden{display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{font-family:Nunito,PingFang SC,Microsoft YaHei,sans-serif;color:#352c46;background:#faf8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.03em}input,select,textarea{outline:none}input:focus,select:focus,textarea:focus{border-color:#b88dda!important;box-shadow:0 0 0 3px #eee2f7}.shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;width:260px;flex-shrink:0;background:#fff;border-right:1px solid #eee7f2;display:flex;flex-direction:column;padding:32px 20px}.brand{display:flex;gap:12px;align-items:center;padding:0 5px 45px}.brand-icon{display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(140deg,#f8d5e9,#e4d8ff);width:44px;height:44px;color:#8a67b9}.brand-name{font-weight:800;font-size:19px}.brand small{color:#b0a6bd;font-size:10px;letter-spacing:.07em}.navigation{display:flex;flex-direction:column;gap:9px}.nav-item{border:0;background:none;color:#8c8497;text-align:left;display:flex;align-items:center;gap:15px;padding:14px 17px;border-radius:13px;font-weight:700;font-size:14px}.nav-item:hover,.nav-item.selected{background:#f2eafb;color:#8f62bb}.sidebar-bottom{margin-top:auto;display:flex;gap:9px;align-items:center;font-size:12px;color:#867d91;padding:12px}.actor-dot,.avatar{display:inline-flex;align-items:center;justify-content:center;font-size:11px;width:21px;height:21px;border-radius:50%;font-weight:800}.actor-邱{background:#e6dbf9;color:#7650ab}.actor-佳{background:#fbe0ee;color:#bc5d91}.actor-妈{background:#f7e9d9;color:#ad7b48}.main{flex:1;min-width:0}.topbar{height:88px;background:#fff;border-bottom:1px solid #f0eaf4;padding:0 46px;display:flex;justify-content:space-between;align-items:center}.topbar-location{display:flex;flex-direction:column;gap:5px}.eyebrow{font-weight:800;font-size:10px;letter-spacing:.16em;color:#b18ac6}.topbar-title{font-size:15px;font-weight:800}.topbar-right{display:flex;align-items:center;gap:17px}.sync-pill{color:#8a8193;font-size:12px;display:flex;align-items:center;gap:7px}.sync-dot{width:7px;height:7px;background:#82c9ab;border-radius:50%}.avatar{height:34px;width:34px;font-size:14px}.page{max-width:1050px;margin:0 auto;padding:35px 42px 70px}.welcome{position:relative;overflow:hidden;min-height:165px;border-radius:25px;background:linear-gradient(114deg,#fff2f8 10%,#f2eafb 98%);padding:32px 40px;display:flex;justify-content:space-between;align-items:center}.welcome h1{font-size:25px;margin:12px 0;color:#59436e}.welcome h1 span{color:#d6a3ce}.welcome p{font-size:13px;color:#96839e}.welcome-art{font-size:50px;color:#fff;white-space:nowrap}.welcome-art span{font-size:65px}.summary-grid{margin-top:23px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric{background:#fff;border:1px solid #f0ecf4;border-radius:20px;padding:19px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.metric-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px}.metric-pink .metric-icon{background:#ffecf3;color:#d77da9}.metric-purple .metric-icon{background:#f0e9fc;color:#9676c3}.metric-peach .metric-icon{background:#fcf0df;color:#d7a66d}.metric-mint .metric-icon{background:#eaf8f2;color:#74b99d}.metric small{font-size:12px;font-weight:700;color:#8b8293}.metric strong{font-size:28px;letter-spacing:-.04em}.metric strong em{font-size:13px;color:#9990a0;font-style:normal;font-weight:600;margin-left:4px}.metric>span:last-child{font-size:10px;color:#afa7b3}.section-headline{display:flex;align-items:center;justify-content:space-between;margin:31px 0 15px}.section-headline h3,.panel-title h3{font-size:16px;font-weight:800}.section-headline span,.panel-title small{font-size:11px;color:#aea3b4}.quick-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.quick{border:1px solid #eee6f4;background:#fff;min-height:102px;border-radius:17px;color:#826795;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;font-weight:700;font-size:12px;transition:transform .14s,box-shadow .14s}.quick:hover{transform:translateY(-2px);box-shadow:0 12px 20px #eee4f880}.quick svg{width:25px;height:25px}.quick-milk{background:#fceaf4;color:#c778a6;border-color:#f7d8e8}.panel{background:#fff;border:1px solid #eee8f2;border-radius:21px;margin-top:22px;padding:23px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.panel-title h3{display:flex;align-items:center;gap:9px}.text-link{background:none;border:0;color:#9c77c5;font-size:12px;font-weight:800;display:flex;gap:2px;align-items:center}.pending-panel{border-color:#efdbf4;background:linear-gradient(125deg,#fff 70%,#fcf3fb)}.pending-row{display:flex;gap:16px;justify-content:space-between;align-items:center;border-radius:15px;background:#faf5fd;padding:14px 18px;margin-top:8px}.pending-info,.pending-right{display:flex;flex-direction:column;gap:5px}.pending-info b{font-size:15px}.pending-info span{font-size:11px;color:#998d9e}.pending-right{align-items:flex-end}.countdown{font-size:11px;font-weight:800;color:#9270bb}.countdown.almost{color:#cf6f84}.inline-actions{display:flex;gap:6px}.inline-actions button{border:1px solid #e6d7f0;border-radius:8px;background:#fff;padding:7px 10px;color:#9270bc;font-size:11px;font-weight:800}.number-badge{display:inline-flex;font-size:10px;padding:2px 7px;border-radius:30px;background:#eee3fa;color:#8e6fbd}.entries{display:flex;flex-direction:column}.entry{display:flex;align-items:flex-start;gap:13px;border-bottom:1px solid #f6f2f6;padding:12px 0}.entry:last-child{border-bottom:0;padding-bottom:0}.entry-symbol{flex-shrink:0;border-radius:12px;width:38px;height:38px;display:grid;place-items:center;background:#faeaf2;color:#d17faa}.type-poop{background:#f6eafa;color:#a581c8}.type-bath{background:#e7f2ff;color:#80add3}.type-sleep{background:#eeeafb;color:#8c81d1}.type-growth{background:#eaf6ed;color:#73a98e}.type-health{background:#fff0e3;color:#d59a76}.type-discard{background:#f5f1f5;color:#9f97a4}.entry-body{flex:1;min-width:0}.entry-title{font-size:13px;font-weight:800;color:#493b57;margin-bottom:5px}.entry-sub{font-size:11px;color:#a49ba9;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.entry-note{font-size:11px;color:#8d8193;margin-top:5px}.entry-buttons{display:flex;gap:2px}.icon-button{width:32px;height:32px;border-radius:8px;background:transparent;border:none;color:#aaa0b1;display:inline-flex;justify-content:center;align-items:center}.icon-button:hover{background:#f5eff9;color:#8e64ba}.icon-button.danger:hover{color:#c5687b;background:#fff0f2}.entry.muted{opacity:.58}.empty{display:flex;min-height:130px;flex-direction:column;align-items:center;justify-content:center;color:#b9adbf;gap:9px;font-size:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.section-heading h2{font-size:23px}.section-heading p{font-size:12px;color:#a49aa9;margin-top:7px}.refresh-button{border:1px solid #ebe2f0;background:#fff;color:#9d85b1;width:34px;height:34px;display:grid;place-items:center;border-radius:10px}.month-header,.stats-top{display:flex;justify-content:center;gap:25px;align-items:center;margin:0 auto 18px}.month-header button,.stats-top button{background:#fff;border:1px solid #eae3ef;border-radius:10px;padding:6px;color:#887398;display:grid;place-items:center}.month-header svg,.stats-top svg{width:17px}.month-header strong,.stats-top strong{font-size:15px}.month-header.compact{margin:10px auto 0}.calendar-card{background:#fff;border:1px solid #eee8f2;padding:15px;border-radius:20px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-week>div{text-align:center;color:#ae9eb5;padding:10px 0;font-size:11px;font-weight:800}.calendar-day{background:#fcfafc;border:1px solid transparent;border-radius:11px;min-height:70px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#675870}.calendar-day:disabled{background:transparent}.calendar-day b{font-size:13px}.calendar-day span{font-size:10px;color:#bc8ac0}.calendar-day i{width:4px;height:4px;border-radius:50%;background:#e1d8e8}.calendar-day.selected{background:#f3e6fb;border-color:#d8b6ec;color:#7b56ae}.calendar-day.today:not(.selected){border-color:#ead1e3}.small-primary{background:#eadcf9;color:#8055ae;border:none;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:800}.sleep-running{display:flex;align-items:center;gap:13px;background:#f8f5ff}.sleep-running>div{display:flex;flex-direction:column;gap:4px;flex:1}.sleep-running b{font-size:12px}.sleep-running span{font-size:11px;color:#a09bac}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-card{border:1px solid #eee8f2;border-radius:16px;background:#fff;padding:20px;display:flex;flex-direction:column;gap:10px}.stat-card span{font-size:12px;color:#928598}.stat-card strong{font-size:25px}.stat-card strong small{font-size:12px;font-weight:500;color:#a49aae}.stat-cards.mini{margin-top:15px}.stats-top{margin-bottom:20px}.tabs{display:flex;gap:6px;background:#f0e9f7;border-radius:14px;width:-moz-max-content;width:max-content;padding:5px;margin-bottom:18px}.tabs button{border:0;background:transparent;padding:10px 23px;border-radius:11px;color:#9c86ae;font-weight:800;font-size:12px}.tabs button.active{background:#fff;color:#8d67bb;box-shadow:0 2px 10px #e5d8ee}.chart{height:245px;display:flex;margin-top:20px;gap:13px}.gridlines{width:55px;display:flex;flex-direction:column;justify-content:space-between;color:#b3a8bb;font-size:10px;padding-bottom:24px}.bars{flex:1;display:flex;align-items:flex-end;gap:6px;border-bottom:1px solid #eae4ef;overflow-x:auto;padding-bottom:0}.bar-column{height:100%;flex:1;min-width:18px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.bar-value{font-size:9px;height:16px;color:#a789bc}.bar-fill{background:linear-gradient(#bc94db,#e7c7e7);width:65%;max-width:40px;border-radius:7px 7px 0 0;min-height:2px}.bar-column>span{height:22px;margin-top:3px;font-size:9px;color:#afa3b4}.bar-column>span.week-range{height:38px;min-height:38px;line-height:1.3;margin-top:4px;font-size:11px;font-weight:700;text-align:center;white-space:pre-line;color:#597c98}.chart .bars:has(.week-range){padding-bottom:0}.chart-panel .bar-column>span.week-range{height:42px;min-height:42px;font-size:12px;line-height:1.35;font-weight:800}.chart-panel .bar-column>span.week-caption{height:22px;min-height:22px;margin-top:1px;font-size:11px;line-height:1.3;text-align:center;white-space:nowrap;color:#8497a7}.chart-panel .bar-column>span.week-ongoing{color:#448bbd;font-weight:800}.chart-panel .bar-fill.bar-ongoing{background:linear-gradient(#a8daf5,#d5effc)}.weekly-trend{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 10px;padding:13px 12px 4px;border-top:1px solid #e5edf4;font-size:12px;color:#5f829a}.weekly-trend strong{color:#365d77;font-size:13px}.weekly-trend span{font-size:12px}@media(max-width:760px){.chart-panel .bar-column{min-width:42px}.chart-panel .bar-column>span.week-range{font-size:11px}.chart-panel .bar-column>span.week-caption{font-size:10px}.weekly-trend{padding-left:4px;padding-right:4px}}.stat-card small.stat-helper{font-size:11px;line-height:1.4;color:#7793a6;margin-top:-3px}.chart-panel .chart{height:216px;margin-top:12px;gap:9px}.chart-panel .chart.week-chart .gridlines{padding-bottom:80px}.chart-panel .chart.other-chart .gridlines{padding-bottom:24px}.chart-panel .bar-column{gap:3px}.chart-panel .bar-column .bar-fill{flex-shrink:0;background:linear-gradient(#9dd6f3,#d2edfc)}.chart-panel .bar-column .bar-fill.bar-ongoing{background:linear-gradient(#b8e3f7,#e1f5ff)}.chart-panel .bar-value{font-size:11px;height:15px;font-weight:700;color:#6597b7}.chart-panel .bar-column>span.week-range{height:36px;min-height:36px;font-size:11px;line-height:1.35}.chart-panel .bar-column>span.week-caption{height:17px;min-height:17px;margin-top:0;font-size:11px}.chart-panel .bar-column>span.week-change{height:19px;min-height:19px;margin-top:0;font-size:11px;font-weight:800;line-height:1.4;white-space:nowrap;text-align:center}.week-change.increase,.monthly-change.increase{color:#258a6c}.week-change.decrease,.monthly-change.decrease{color:#d66c72}.week-change.even,.monthly-change.even{color:#648aa5}.week-change.unavailable,.monthly-change.unavailable{color:#9daebe}.chart-panel .chart.week-chart .bar-column{min-width:54px}.chart-panel .stat-comparison-note{font-size:11px;line-height:1.5;color:#879bad;margin-top:6px}.monthly-comparison{margin-top:9px;padding:11px 12px 4px;border-top:1px solid #e4edf5;display:flex;align-items:center;flex-wrap:wrap;gap:5px 13px;color:#456b86}.monthly-comparison strong{font-size:13px}.monthly-comparison .monthly-change{font-size:17px;font-weight:800}.monthly-comparison small{font-size:12px;color:#8098aa}@media(max-width:760px){.chart-panel .chart{height:203px;margin-top:10px}.chart-panel .chart.week-chart .gridlines{padding-bottom:78px}.chart-panel .chart.week-chart .bar-column{min-width:49px}.stat-card small.stat-helper{font-size:10px}.monthly-comparison{padding-left:4px;padding-right:4px}}.selected-week-label{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 9px;color:#4e7e9d;background:#eef8ff;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:700}.chart-panel .bar-column.week-selector{cursor:pointer;border-radius:10px 10px 0 0;outline:none;transition:background .15s}.chart-panel .bar-column.week-selector:hover,.chart-panel .bar-column.week-selector:focus-visible{background:#eaf5fc}.chart-panel .bar-column.week-selector.selected{background:linear-gradient(to top,#e9f4ff,#f5fbff);box-shadow:inset 0 0 0 1px #94c8ea}.chart-panel .bar-column.week-selector.selected .bar-fill{background:linear-gradient(#659fd9,#a9d7f6)}.tabs{max-width:100%}.tabs button{white-space:nowrap}.year-stats{display:flex;flex-direction:column;gap:14px}.year-stats .panel{margin-top:0}.year-loading,.year-error{display:flex;align-items:center;gap:9px;border-radius:12px;padding:14px;font-size:13px}.year-error{background:#fff3e8;color:#a87445}.year-chart-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:4px 1px 10px}.year-chart-grid{display:grid;grid-template-columns:repeat(12,minmax(53px,1fr));gap:7px;min-width:695px;align-items:end}.year-month-button{border:1px solid transparent;background:transparent;color:#5b839d;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:5px;padding:8px 2px;cursor:pointer}.year-month-button.active{background:#e9f5fe;border-color:#a9d4ed}.year-month-button:hover,.year-month-button:focus-visible{background:#eef8ff}.year-value{font-size:12px;font-weight:800;min-height:18px}.year-bar-track{height:130px;width:100%;display:flex;align-items:end;justify-content:center;border-bottom:1px solid #e4eef5}.year-bar-fill{width:64%;max-width:30px;background:linear-gradient(#8fc8ed,#c7e7fa);border-radius:6px 6px 0 0}.year-month-label{font-weight:800;font-size:12px}.year-change{font-size:10px;min-height:18px;font-weight:800;white-space:nowrap}.year-change.increase,.year-growth .increase{color:#2c9c7c}.year-change.decrease,.year-growth .decrease{color:#d46a7e}.year-change.unavailable,.year-growth .unavailable{color:#9aafc0}.year-footnote{color:#7891a3;font-size:12px;line-height:1.5}.year-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.year-details>div{border-radius:12px;padding:13px 10px;background:#f2f9fd;display:flex;flex-direction:column;gap:9px}.year-details>div span{font-size:12px;color:#6c8799}.year-details>div strong{font-size:18px;color:#396783}.year-growth{font-size:13px;display:flex;align-items:center;gap:10px;color:#567d96}.year-growth strong{font-size:16px}.year-bottom{display:flex;flex-wrap:wrap;gap:8px}.year-bottom span{background:#f4f8fc;color:#68869e;font-size:12px;padding:8px 10px;border-radius:10px}@media(max-width:760px){.tabs{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.tabs button{padding:11px 3px;font-size:13px}.year-details{grid-template-columns:repeat(2,minmax(0,1fr))}.year-details>div strong{font-size:17px}.year-selected-panel .panel-title{flex-wrap:wrap}.year-chart-grid{min-width:720px}}.chart-hint,.settings-foot{font-size:11px;color:#ac9fb0;padding:16px 0}.search-form{margin-top:0}.filters{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{position:relative;display:flex;flex-direction:column;gap:8px}.field label{font-size:12px;font-weight:800;color:#6c5d79;display:flex;align-items:center;gap:6px}.field input,.field select,.field textarea{width:100%;padding:11px 12px;background:#fff;border:1px solid #e9e1ee;border-radius:11px;font-size:13px;color:#4a3c59}.field-wide{grid-column:span 2}.search-note{color:#b2a5b7;font-size:11px;margin:16px 0 0}.settings-panel{display:flex;flex-direction:column;gap:14px;margin-top:0;margin-bottom:17px}.settings-panel .panel-title{margin:0}.settings-panel p{font-size:12px;color:#93869b}.settings-avatar{display:flex;gap:13px;align-items:center}.settings-avatar>div{display:flex;flex-direction:column;gap:5px}.settings-avatar strong{font-size:15px}.settings-avatar span:not(.avatar){color:#a89cad;font-size:11px}.avatar.big{width:53px;height:53px;font-size:20px}.secondary-btn{border:1px solid #e7dcef;background:#fff;color:#9170ad;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:10px;font-size:12px;font-weight:800;align-self:flex-start}.export-actions{display:flex;gap:10px}.bottom-nav{display:none}.toast{position:fixed;z-index:80;left:50%;top:12px;transform:translate(-50%);background:#e9f8f1;color:#4f8168;box-shadow:0 10px 32px #66507c33;padding:10px 15px;border-radius:12px;font-size:12px;display:flex;align-items:center;gap:12px;max-width:92vw}.toast-error{background:#fff1f1;color:#b8606c}.toast button{border:0;background:none;color:inherit}.loading-tip{position:fixed;bottom:20px;right:22px;background:#faf1fc;padding:8px 12px;border-radius:11px;color:#9872ae;font-size:12px}.warning-strip{padding:12px 42px;background:#fff5e6;color:#966e45;font-size:12px;display:flex;gap:8px;align-items:center}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px;background:#fcf9fd;position:relative;overflow:hidden}.gate-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#f7d6ea 0%,#f0e1fa77 50%,transparent 75%);left:-170px;top:-160px}.gate-card{position:relative;width:100%;max-width:440px;padding:45px 36px;background:#fff;border:1px solid #f1e4f0;border-radius:28px;box-shadow:0 25px 70px #ba9ac629;text-align:center}.gate-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:21px;background:linear-gradient(145deg,#f7ddec,#e8ddfb);color:#9469bf;margin:0 auto 18px}.gate-card h1{font-size:26px;margin:12px 0}.gate-card p{color:#9d91a4;font-size:12px;line-height:1.8;margin-bottom:24px}.gate-card .field{text-align:left;margin-bottom:19px}.gate-card input{padding-right:55px}.actor-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.actor-pill{border:1px solid #ebe5ef;border-radius:11px;padding:12px;background:#fbfafc;color:#84728e;font-weight:800}.actor-pill.active{border-color:#ccbbdf}.password-toggle{position:absolute;right:9px;top:34px;border:0;background:transparent;color:#9987a4;font-size:12px;padding:9px}.gate-tip{display:flex;justify-content:center;gap:7px;margin-top:16px;color:#a89bad;font-size:10px;align-items:center}.primary-btn{background:linear-gradient(115deg,#b489d5,#a67bd4);color:#fff;border:0;border-radius:11px;padding:12px 20px;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px}.primary-btn.wide{width:100%}.error-msg{border-radius:10px;background:#fff1f1;color:#bc677d;padding:10px;display:flex;gap:8px;align-items:center;font-size:11px;margin-bottom:10px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#33283d73;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px}.form-sheet{background:#fff;width:100%;max-width:500px;max-height:92vh;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 75px #31223c44}.form-header{padding:22px 25px 16px;border-bottom:1px solid #f3edf5;display:flex;align-items:center;justify-content:space-between}.form-header h2{font-size:21px;margin-top:7px}.form-content{overflow-y:auto;padding:22px 25px;display:flex;flex-direction:column;gap:19px}.form-footer{padding:16px 24px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #f4eef6;background:#fff}.time-fields{display:grid;grid-template-columns:1.3fr 1fr;gap:9px}.reset-time{background:none;border:0;color:#a07bb9;font-size:11px;display:flex;align-items:center;gap:5px;padding:0;align-self:flex-start}.amount-chips{display:flex;gap:7px;flex-wrap:wrap}.amount-chips button{border-radius:9px;border:1px solid #eadfec;background:#fcf9fc;color:#9d89ab;padding:8px 11px;font-size:12px}.amount-chips button.active{background:#f0e4f8;border-color:#bf9ed9;color:#865bb4;font-weight:800}.field-hint{color:#a899ac;font-size:11px}.check-line{display:flex;align-items:center;gap:8px;font-size:12px;color:#6a577a}.notice{background:#f5edf9;color:#8b71a2;border-radius:12px;padding:13px;font-size:12px}.confirm-card{width:100%;max-width:385px;padding:31px;text-align:center;background:#fff;border-radius:24px}.danger-mark{width:58px;height:58px;border-radius:16px;background:#fff0f3;color:#c37384;display:grid;place-items:center;margin:0 auto 14px}.confirm-card h3{font-size:20px}.confirm-card p{font-size:12px;color:#97899f;margin:12px 0;line-height:1.6}.confirm-actions{display:flex;justify-content:center;gap:12px;margin-top:22px}.delete-btn{border:0;background:#cf8294;color:#fff;font-weight:800;padding:10px 16px;border-radius:10px;font-size:12px}.loading-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f4f9fd;color:#456f8b}.bootstrap-panel{width:100%;max-width:410px;display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 22px;border:1px solid #dbeaf5;border-radius:20px;background:#fff;text-align:center}.bootstrap-panel h1{margin:0;color:#315f7e;font-size:21px}.bootstrap-panel p{margin:0;font-size:15px;line-height:1.7}.bootstrap-panel small{font-size:12px;color:#698ba0;line-height:1.7}.bootstrap-panel .primary-btn{min-height:48px;min-width:180px;justify-content:center}@media(max-width:1100px){.sidebar{width:215px}.page{padding:30px 26px}.topbar{padding:0 30px}.quick-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.sidebar{display:none}.bottom-nav{display:block;position:fixed;z-index:30;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eee8f1;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav .navigation{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.bottom-nav .nav-item{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10px 0 8px;border-radius:0;gap:4px;font-size:10px;background:none!important}.bottom-nav .nav-item.selected{color:#976bc0}.bottom-nav .nav-item svg{width:20px;height:20px}.topbar{height:65px;padding:0 18px}.topbar-title{font-size:13px}.topbar .eyebrow{font-size:8px}.page{padding:20px 15px 95px}.welcome{min-height:140px;padding:23px;border-radius:19px}.welcome h1{font-size:19px}.welcome p{font-size:10px}.welcome-art{font-size:20px}.welcome-art span{font-size:33px}.summary-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:13px}.metric{padding:15px;gap:6px;border-radius:15px}.metric strong{font-size:24px}.metric-icon{height:33px;width:33px}.quick-grid{grid-template-columns:repeat(4,1fr);gap:9px}.quick{min-height:82px;font-size:10px;gap:7px;border-radius:13px}.quick svg{height:22px;width:22px}.section-headline{margin:24px 0 12px}.panel{padding:17px;border-radius:16px;margin-top:15px}.pending-row{padding:11px;gap:7px}.pending-info b{font-size:13px}.countdown{font-size:10px}.inline-actions button{padding:7px 6px;font-size:10px}.entry{gap:8px}.entry-symbol{width:32px;height:32px;border-radius:9px}.entry-buttons{gap:0}.icon-button{width:27px;height:29px}.entry-title{font-size:12px}.section-heading h2{font-size:20px}.calendar-day{min-height:58px}.calendar-day span{font-size:8px}.stat-card{padding:14px}.stat-card strong{font-size:19px}.stat-card span{font-size:10px}.chart{height:200px}.form-overlay{padding:0;align-items:flex-end}.form-sheet{max-height:96vh;border-radius:22px 22px 0 0}.form-header,.form-content{padding:18px}.form-footer{padding:15px}.gate-card{padding:35px 23px}.topbar-right{gap:8px}.sync-pill{font-size:10px}.warning-strip{padding:10px 15px}}:root{color:#28445b;background:#f4f9fd}body{background:#f4f9fd}.topbar,.sidebar,.panel,.metric,.quick,.stat-card,.calendar-card{border-color:#dfeaf3}.eyebrow,.text-link,.reset-time{color:#629fc6}.welcome{background:linear-gradient(115deg,#e7f6ff,#f2f9ff)}.welcome h1{color:#376483}.welcome h1 span{color:#89c8ea}.welcome p{color:#577b94}.brand-icon,.gate-icon{background:linear-gradient(145deg,#d8f0ff,#e5f5ff);color:#5c9ec8}.nav-item:hover,.nav-item.selected{background:#e4f2fd;color:#4c97c7}.bottom-nav .nav-item.selected{color:#4c97c7}.quick-milk{background:#e6f5ff;border-color:#c8e7fa;color:#438fbd}.quick,.entry-title,.section-headline h3,.panel-title h3{color:#41677f}.metric-pink .metric-icon,.entry-symbol{background:#e2f3ff;color:#64a7d1}.metric-purple .metric-icon,.type-poop{background:#eee7ff;color:#9b80c6}.metric-peach .metric-icon,.type-bath{background:#e6f7ff;color:#64a9ca}.metric-mint .metric-icon,.type-sleep{background:#e6f4fb;color:#68a6c6}.primary-btn{background:linear-gradient(115deg,#81c6ec,#60a9d5)}.small-primary,.tabs button.active{background:#e3f3ff;color:#4a93bf}.pending-panel{border-color:#dcebf7;background:#f4fbff}.pending-row{background:#e9f5ff}.countdown,.inline-actions button{color:#548fb7}.inline-actions button{border-color:#cce5f5}.actor-佳{background:#eae0ff!important;color:#8564b5!important}.actor-邱{background:#dcefff!important;color:#4f92bc!important}.actor-妈{background:#ffe8d5!important;color:#ad7949!important}.gate{background:#f5fbff}.gate-glow{background:radial-gradient(circle,#d9f0ff,transparent 74%)}.gate-card{border-color:#dcebf7}.actor-pill.active{border-color:#9fcce7}input:focus,select:focus,textarea:focus{border-color:#85bfe1!important;box-shadow:0 0 0 3px #e1f3ff}@media(max-width:760px){.topbar{height:54px;padding:0 16px}.page{padding:10px 13px 90px}.welcome{min-height:0;height:87px;padding:12px 19px;border-radius:16px}.welcome .eyebrow{font-size:10px;letter-spacing:.1em}.welcome h1{font-size:20px;margin:5px 0 3px}.welcome p{font-size:13px}.welcome-art{font-size:17px}.welcome-art span{font-size:27px}.summary-grid{margin-top:9px;gap:8px}.metric{padding:10px 13px;gap:3px;border-radius:13px;min-height:100px}.metric-icon{width:28px;height:28px;border-radius:8px}.metric-icon svg{width:18px;height:18px}.metric small{font-size:13px;color:#526f83}.metric strong{font-size:23px;line-height:1.1}.metric strong em{font-size:13px}.metric>span:last-child{font-size:12px;color:#71899b}.section-headline{margin:11px 0 8px}.section-headline h3{font-size:17px}.section-headline span{font-size:12px;color:#738ca1}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.quick{min-height:68px;border-radius:12px;gap:5px;font-size:13px;padding:7px 2px}.quick svg{height:23px;width:23px}.bottom-nav .nav-item{font-size:12px;padding:8px 0 6px;gap:3px}.bottom-nav .nav-item svg{width:21px;height:21px}.sync-pill{font-size:12px}.panel-title h3{font-size:17px}.entry-title{font-size:14px}.entry-sub,.entry-note{font-size:12px}.field label{font-size:14px}.field input,.field select,.field textarea{font-size:16px}.topbar-title{font-size:15px}}.import-panel{margin-top:0;margin-bottom:16px;border-color:#d9eaf5}.import-panel p{font-size:14px;color:#647d91;line-height:1.7}.import-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.file-picker{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#e1f3ff;color:#407d9e;border-radius:10px;padding:11px 14px;font-size:13px;font-weight:800;cursor:pointer}.file-picker input{display:none}.import-help{font-size:12px;color:#7790a3;line-height:1.7}.import-summary,.import-months{display:flex;flex-wrap:wrap;gap:8px}.import-summary>*{background:#eaf6ff;color:#477b9b;padding:7px 10px;border-radius:9px;font-size:12px}.import-months span{background:#f3f9fe;color:#67869b;border-radius:7px;padding:5px 8px;font-size:11px}.import-preview{overflow-x:auto;border:1px solid #e0ebf2;border-radius:11px}.import-preview table{border-collapse:collapse;min-width:550px;width:100%;font-size:12px;text-align:left}.import-preview th,.import-preview td{padding:10px 8px;border-bottom:1px solid #eef1f5}.import-preview th{background:#f2f9ff;color:#4c7595}.import-preview .import-bad{color:#b6595c}.import-alert,.import-done{display:flex;align-items:flex-start;gap:8px;border-radius:10px;padding:10px;font-size:12px}.import-alert{background:#fff0ed;color:#b7635b}.import-done{background:#e8f7ee;color:#3b8158}.import-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;color:#607f96}.import-consent input{width:18px;height:18px;flex:0 0 18px;margin-top:2px}.import-submit{width:100%;min-height:45px}@media(max-width:760px){.file-picker{width:100%;font-size:14px}.import-panel p{font-size:14px}.import-help{font-size:13px}}@media(max-width:760px){.form-footer{justify-content:flex-start;align-items:center;padding:12px 18px calc(16px + env(safe-area-inset-bottom));gap:0}.form-footer>.secondary-btn{display:none}.form-footer>.primary-btn{width:62%;min-width:172px;max-width:245px;min-height:52px;flex-shrink:0;font-size:16px;font-weight:800;border-radius:13px;margin-right:auto;position:relative;z-index:1}.form-header>.icon-button{width:44px;height:44px}.form-header>.icon-button svg{width:23px;height:23px}}@media(max-width:760px)and (max-height:730px){.welcome{height:72px}.welcome h1{font-size:18px}.metric{min-height:84px;padding:7px 11px}.metric-icon{width:24px;height:24px}.metric strong{font-size:21px}.quick{min-height:58px}.quick svg{height:20px;width:20px}.page{padding-top:8px}}.archive-import-panel{margin-top:14px}.archive-file-picker{display:inline-flex;margin:10px 0}.archive-import-panel .import-help{line-height:1.65;overflow-wrap:anywhere}.quick-recover{background:#f0f7fe;color:#5a8da8;border-color:#d6e9f7}.overdue-panel{background:#fbfcff;border-color:#dfebf5}.overdue-panel .panel-title{flex-wrap:wrap}.overdue-panel .panel-title small{font-size:11px;color:#a27383}.overdue-row{background:#f5f8fb}.overdue-status{color:#ad667d}.retro-all-bottles{font-size:12px;line-height:1.5;cursor:pointer}.retro-alert{border:1px solid #f0d8e0;background:#fff5f8;color:#a45473;padding:10px 12px;border-radius:10px;font-size:12px;line-height:1.65}@media(max-width:760px){.overdue-row{flex-wrap:wrap}.overdue-row .pending-right{align-items:flex-start;width:100%}.overdue-row .inline-actions button{min-height:38px}.quick-recover{font-size:12px}}