:root{font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#572f3f;background:#ffeaf1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--peach-50: #fff7fb;--peach-100: #ffe8f1;--peach-200: #ffd2e2;--peach-300: #ffabc8;--peach-500: #f86f9f;--rose-700: #9a405e;--honey: #ffd166;--honey-dark: #9a5b16;--mint: #9ad2cb;--ink: #4b2534;--muted: #8b6170;--card: rgba(255, 255, 255, .82);--shadow: 0 18px 40px rgba(183, 85, 118, .18)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% 18%,rgba(255,209,102,.38),transparent 30%),linear-gradient(135deg,#ffe8f1,#fff8df 48%,#dff7f2)}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.app-shell{min-height:100vh;display:grid;place-items:center;padding:28px 16px}.phone-frame{width:min(100%,430px);height:min(880px,calc(100vh - 32px));min-height:720px;border-radius:42px;background:linear-gradient(180deg,#ffd2e2,#ffedf4);padding:12px;position:relative;box-shadow:0 32px 80px #8f445d47,inset 0 0 0 7px #ffffff80;overflow:hidden}.screen-scroll{height:calc(100% - 78px);overflow-y:auto;padding:20px 14px 18px;scrollbar-width:none}.screen-scroll::-webkit-scrollbar{display:none}.app-header,.page-title,.card-heading,.report-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.app-header{margin-bottom:18px}.eyebrow,.section-label{margin:0;color:var(--rose-700);font-size:12px;font-weight:900}h1,h2,h3,p{margin:0}h1{margin-top:3px;color:var(--ink);font-size:29px;line-height:1.05;font-weight:950}h2{color:var(--ink);font-size:24px;line-height:1.1;font-weight:950}.page-stack{display:grid;gap:14px}.page-enter{animation:page-rise .26s ease both}@keyframes page-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.icon-button,.round-command{width:42px;height:42px;border-radius:16px;display:inline-grid;place-items:center;color:var(--rose-700);background:#ffffffb8;box-shadow:0 10px 20px #b755761f}.mascot-button{background:var(--honey);color:var(--honey-dark)}.hero-panel{min-height:194px;border-radius:30px;padding:22px;display:grid;grid-template-columns:1fr 112px;gap:10px;align-items:center;background:linear-gradient(135deg,#ffffffe6,#ffe1ebdb),radial-gradient(circle at 92% 12%,rgba(255,209,102,.5),transparent 36%);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-panel:after{content:"";width:110px;height:110px;border-radius:34px;background:#9ad2cb47;transform:rotate(18deg);position:absolute;right:-24px;bottom:-34px}.hero-copy{position:relative;z-index:1}.hero-value{display:block;margin-top:9px;color:var(--peach-500);font-size:66px;line-height:.9;font-weight:950}.hero-unit{color:var(--rose-700);font-size:14px;font-weight:900}.hero-copy p{max-width:190px;margin-top:12px;color:var(--muted);font-size:13px;line-height:1.55;font-weight:700}.peach-mascot{width:98px;height:105px;border-radius:52% 48% 45% 55%;background:linear-gradient(160deg,#ffd166,#ffb85a);position:relative;z-index:1;box-shadow:10px 12px #ffabc899}.peach-mascot:before,.peach-mascot:after{content:"";width:8px;height:8px;border-radius:999px;background:#6c3e3e;position:absolute;top:39px}.peach-mascot:before{left:30px}.peach-mascot:after{right:30px}.peach-mascot span{width:26px;height:13px;border-radius:0 0 22px 22px;border-bottom:4px solid #6c3e3e;position:absolute;top:50px;left:36px}.primary-action,.secondary-action,.soft-button,.text-button{min-height:48px;border-radius:19px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:950}.primary-action{width:100%;color:var(--honey-dark);background:var(--honey);box-shadow:0 14px 22px #ffb24659}.secondary-action,.soft-button{color:var(--rose-700);background:#ffffffc7;box-shadow:0 12px 24px #b755761f}.secondary-action{width:100%}.soft-button{min-height:40px;padding:0 13px}.text-button{min-height:36px;padding:0 12px;color:var(--rose-700);background:#ffe1ea}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.summary-grid article,.card,.quick-export,.record-card,.report-card,.empty-state,.settings-list{background:var(--card);border:1px solid rgba(255,255,255,.76);box-shadow:0 14px 30px #b7557621;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.summary-grid article{min-height:86px;border-radius:22px;padding:13px}.summary-grid span,.settings-list span,.report-stats span,.record-info span{display:block;color:var(--muted);font-size:12px;font-weight:850}.summary-grid strong{display:block;margin-top:8px;color:var(--ink);font-size:25px;font-weight:950}.card,.quick-export,.report-card,.empty-state{border-radius:26px;padding:18px}.chart-card,.full-chart-card{display:grid;gap:13px}.chart-wrap{position:relative;border-radius:24px;background:linear-gradient(180deg,#fff9fb,#fff2e2);padding:10px}.chart-wrap svg{width:100%;height:auto;display:block;overflow:visible}.chart-line{fill:none;stroke:var(--peach-500);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 7px 8px rgba(248,111,159,.26))}.chart-reference{fill:none;stroke:var(--honey);stroke-width:4;stroke-linecap:round;stroke-dasharray:9 9}.chart-dot{fill:#fff;stroke:var(--peach-500);stroke-width:4;transition:r .16s ease,filter .16s ease,stroke-width .16s ease}.chart-point.active .chart-dot{r:7;stroke-width:5;filter:drop-shadow(0 8px 10px rgba(248,111,159,.34))}.chart-hit-area{fill:transparent;cursor:pointer;outline:none}.chart-hit-area:focus-visible+.chart-label,.chart-point.active .chart-label{fill:var(--peach-500)}.chart-tooltip{position:absolute;z-index:2;min-width:136px;max-width:168px;border:1px solid rgba(255,255,255,.86);border-radius:18px;padding:10px 12px;color:var(--ink);background:#fffffff0;box-shadow:0 16px 36px #b7557638;pointer-events:none;animation:tooltip-pop .14s ease both}.chart-tooltip:after{content:"";position:absolute;left:50%;bottom:-7px;width:14px;height:14px;border-radius:3px;background:#fffffff0;transform:translate(-50%) rotate(45deg)}.chart-tooltip.align-center{transform:translate(-50%,calc(-100% - 12px))}.chart-tooltip.align-left{transform:translateY(calc(-100% - 12px))}.chart-tooltip.align-left:after{left:18px}.chart-tooltip.align-right{transform:translate(-100%,calc(-100% - 12px))}.chart-tooltip.align-right:after{left:calc(100% - 18px)}.chart-tooltip span,.chart-tooltip strong,.chart-tooltip small{position:relative;z-index:1;display:block}.chart-tooltip span{color:var(--peach-500);font-size:12px;font-weight:950}.chart-tooltip strong{margin-top:2px;font-size:16px;font-weight:950}.chart-tooltip small{margin-top:3px;color:var(--muted);font-size:11px;font-weight:850}@keyframes tooltip-pop{0%{opacity:0}to{opacity:1}}.chart-label{fill:var(--rose-700);font-size:12px;font-weight:900}.chart-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:850}.chart-empty{min-height:176px;border-radius:24px;display:grid;place-items:center;gap:8px;color:var(--muted);background:linear-gradient(180deg,#fff9fb,#fff2e2);font-weight:900}.chart-empty.compact{min-height:130px}.quick-export{display:flex;align-items:center;justify-content:space-between;gap:14px}.quick-export p,.insight-card p,.export-note,.empty-state p,.confirm-box p,.detail-sheet p{color:var(--muted);font-size:13px;line-height:1.55;font-weight:750}.record-list{display:grid;gap:11px}.record-card{width:100%;min-height:76px;border-radius:22px;padding:13px;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left}.record-date{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#ffe1ea;color:var(--rose-700);font-weight:950}.record-date small{margin-top:-12px;color:var(--muted);font-size:10px}.record-info{min-width:0}.record-info p{overflow:hidden;margin-top:3px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800}.record-card strong{color:var(--peach-500);font-size:28px;font-weight:950}.record-actions{display:grid;justify-items:end;gap:7px}.record-delete-button{width:34px;height:34px;border:0;border-radius:13px;display:grid;place-items:center;background:#fff0f5;color:var(--rose-700);box-shadow:inset 0 0 0 1px #ff739a26;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease}.record-delete-button:hover{background:#ffdbe7;color:#d92b5d;transform:translateY(-1px)}.range-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:800}.range-note span{width:24px;height:4px;border-radius:999px;background:var(--honey)}.report-card{color:var(--ink);background:#fff7fb}.report-head{margin-bottom:14px}.report-head span{color:var(--rose-700);font-size:12px;font-weight:900}.report-head h3{margin-top:3px;font-size:23px}.report-badge{border-radius:999px;padding:9px 12px;color:var(--honey-dark);background:var(--honey);font-weight:950}.report-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.report-stats div{border-radius:18px;background:#fff;padding:10px}.report-stats strong{display:block;margin-top:5px;color:var(--peach-500);font-size:22px;font-weight:950}.report-list{display:grid;gap:8px;margin-top:12px}.report-list div{display:flex;justify-content:space-between;gap:10px;border-radius:16px;background:#fff;padding:9px;color:var(--muted);font-size:12px;font-weight:850}.report-list strong{color:var(--ink);white-space:nowrap}.export-actions{display:grid;gap:10px}.settings-list{display:grid;gap:0;border-radius:26px;padding:4px 18px}.settings-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;border-bottom:1px solid rgba(154,64,94,.1)}.settings-list div:last-child{border-bottom:0}.settings-list strong{color:var(--ink);font-size:13px;text-align:right}.danger{color:#b4233b}.solid-danger{color:#fff;background:#e85268}.empty-state{min-height:220px;display:grid;place-items:center;text-align:center;gap:9px}.empty-state svg{color:var(--peach-500)}.empty-state h2{font-size:22px}.bottom-nav{position:absolute;left:18px;right:18px;bottom:14px;height:66px;border-radius:26px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:#ffffffdb;box-shadow:0 18px 36px #b7557633;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{min-width:0;display:grid;place-items:center;gap:3px;color:var(--muted);background:transparent;font-size:11px;font-weight:850}.bottom-nav button.active{color:var(--peach-500)}.bottom-nav button.active svg{filter:drop-shadow(0 7px 8px rgba(248,111,159,.28))}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:end center;padding:16px;background:#4b253447;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sheet,.confirm-box{width:min(100%,430px);border-radius:30px;background:#fff7fb;box-shadow:0 28px 70px #4b253447}.sheet{padding:10px 18px 20px;animation:sheet-up .24s ease both}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-handle{width:48px;height:5px;border-radius:999px;margin:0 auto 13px;background:#ffc7d9}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.field{display:grid;gap:8px;margin-bottom:13px;color:var(--rose-700);font-size:13px;font-weight:900}.field input,.field select,.field textarea{width:100%;border:2px solid transparent;outline:none;border-radius:18px;padding:13px 14px;color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px #9a405e14;font-weight:800}.field input:focus,.field select:focus,.field textarea:focus{border-color:#ffabc8}.value-input{position:relative}.value-input input{padding-right:92px;font-size:24px;font-weight:950}.value-input em{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:12px;font-style:normal;font-weight:900}.detail-sheet{text-align:center}.detail-value{color:var(--peach-500);font-size:58px;line-height:1;font-weight:950}.detail-value span{color:var(--muted);font-size:15px}.detail-note{margin:16px 0;border-radius:20px;padding:14px;color:var(--ink);background:#fff;font-size:14px;font-weight:800}.split-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.confirm-box{align-self:center;padding:22px;text-align:center}.confirm-box p{margin:10px 0 18px}.toast{position:fixed;z-index:30;left:50%;bottom:98px;transform:translate(-50%);min-height:44px;border-radius:999px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;color:#fff;background:#4b2534e0;box-shadow:0 18px 36px #4b253440;font-size:13px;font-weight:900}@media (max-width: 520px){.app-shell{padding:0;background:#ffdbe8}.phone-frame{width:100%;height:100vh;min-height:100vh;border-radius:0;padding:env(safe-area-inset-top) 0 0;box-shadow:none}.screen-scroll{padding:calc(16px + env(safe-area-inset-top)) 16px 100px;height:100%}.bottom-nav{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom))}.hero-panel{grid-template-columns:minmax(0,1fr) 88px;padding:20px}.hero-value{font-size:58px}.peach-mascot{width:84px;height:90px}.peach-mascot span{left:30px}.modal-backdrop{padding:10px}}@media (max-width: 360px){.summary-grid,.hero-panel{grid-template-columns:1fr}.peach-mascot{display:none}}