:root{color-scheme:light;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,Source Han Sans SC,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--page-bg: #ede0cf;--paper: #fffaf2;--paper-deep: #f8eddd;--ink: #2f2118;--muted-ink: #67503e;--line: #dfc9b1;--line-strong: #b6977a;--accent: #8b3c1d;--accent-dark: #6e2d13;--accent-soft: #f3dfcb;--warm-white: #fffdf9;--focus: #176d7a;--notice-bg: #fff3d5;--notice-border: #bd7c2d;--shadow-soft: 0 3px 0 rgba(79, 48, 25, .08);--radius-large: 19px}*,*:before,*:after{box-sizing:border-box}html{min-width:280px;min-height:100%;background:var(--page-bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-width:280px;min-height:100vh;min-height:100dvh;margin:0;color:var(--ink);background:radial-gradient(circle at 8% 8%,rgba(255,252,244,.82),transparent 38%),radial-gradient(circle at 92% 92%,rgba(194,132,80,.18),transparent 42%),var(--page-bg)}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,textarea:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:flex;flex-direction:column;width:min(100%,760px);height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;margin:0 auto;overflow:hidden;background:var(--paper);box-shadow:0 0 50px #5131181f}.topbar{flex:0 0 auto;padding:max(10px,env(safe-area-inset-top)) clamp(12px,3vw,22px) 10px;background:linear-gradient(180deg,#fffaf2,#fdf1e1);border-bottom:1px solid var(--line);box-shadow:0 2px 8px #57361c0f}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-title{display:flex;align-items:center;gap:9px;margin:0;color:var(--ink);font-size:clamp(1.45rem,5.8vw,1.9rem);font-weight:900;line-height:1.2;letter-spacing:.045em}.brand-title:before{content:"";flex:0 0 auto;width:.62em;height:.62em;border-radius:50% 50% 50% 8%;background:#c56d44;box-shadow:0 0 0 5px #c56d4424;transform:rotate(-12deg)}.speech-toggle{flex:0 0 auto;min-height:48px;padding:0 15px;color:#49230f;background:#fffdf8;border:2px solid #996947;border-radius:999px;font-size:clamp(1rem,4vw,1.1rem);font-weight:800;line-height:1;box-shadow:0 3px #55331a1f;cursor:pointer}.speech-toggle:active{transform:translateY(2px);box-shadow:none}.speech-toggle.is-off{color:#514235;background:#eee2d2;border-color:#88715c}.count-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.count-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:4.7rem;padding:7px 5px 8px;color:var(--ink);background:#fffdf8;border:1px solid #e2cdb6;border-radius:15px;box-shadow:var(--shadow-soft)}.count-chip__name{max-width:100%;overflow:hidden;color:#5a402c;font-size:clamp(.88rem,3.7vw,1.02rem);font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.count-chip__main{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-top:1px;line-height:1.2}.count-chip__value{color:#792f13;font-size:clamp(1.45rem,6.4vw,1.8rem);font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.count-chip__unit{color:var(--muted-ink);font-size:clamp(.75rem,3.1vw,.9rem);font-weight:600}.count-chip.is-bumped{animation:count-bump .36s ease-out}.messages{flex:1 1 auto;display:flex;flex-direction:column;gap:13px;min-height:0;padding:17px clamp(12px,3.2vw,22px) 20px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,rgba(255,250,242,.45),transparent 25%),#faf2e6;-webkit-overflow-scrolling:touch;scrollbar-color:#c6ae94 transparent;scrollbar-width:thin}.message{display:flex;width:100%;animation:message-arrive .18s ease-out both}.message--assistant{justify-content:flex-start}.message--user{justify-content:flex-end}.bubble{max-width:min(88%,34rem);padding:12px 16px;border-radius:21px;font-size:clamp(1.12rem,4.8vw,1.3rem);line-height:1.65;letter-spacing:.005em;overflow-wrap:anywhere}.bubble p{margin:0;white-space:pre-wrap}.message--assistant .bubble{color:#33251b;background:var(--warm-white);border:1px solid #e4d0bb;border-bottom-left-radius:6px;box-shadow:0 2px #4e2e150d}.message--user .bubble{color:#fffdf9;background:var(--accent);border:1px solid var(--accent-dark);border-bottom-right-radius:6px;box-shadow:0 2px #491d0a29}.message--greeting .bubble{border-left:5px solid #d39a66}.message--notice .bubble{color:#4f3315;background:var(--notice-bg);border:2px solid var(--notice-border)}.count-toast{flex:0 0 auto;max-height:0;margin:0 clamp(12px,3vw,22px);padding:0 14px;overflow:hidden;color:#3f2a12;background:var(--notice-bg);border-left:6px solid var(--notice-border);border-radius:11px;font-size:clamp(1rem,4.2vw,1.12rem);font-weight:650;line-height:1.5;opacity:0;overflow-wrap:anywhere;transition:max-height .22s ease,margin .22s ease,padding .22s ease,opacity .16s ease}.count-toast.is-visible{max-height:24vh;margin:0 clamp(12px,3vw,22px) 8px;padding:9px 14px;overflow-y:auto;opacity:1}.count-actions{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:9px clamp(10px,2.8vw,20px) 8px;background:var(--paper);border-top:1px solid var(--line)}.count-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:66px;padding:7px 5px;color:#3b291b;background:#f3e8d9;border:2px solid #9f8066;border-radius:16px;box-shadow:0 3px #51321a1f;font-weight:900;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.count-button[data-count-key=water]{color:#0b4751;background:#e4f4f7;border-color:#4e8793}.count-button[data-count-key=medicine]{color:#65290a;background:#ffead7;border-color:#b05a2a}.count-button[data-count-key=walk]{color:#2f4818;background:#eaf2dd;border-color:#6d8a4b}.count-button:hover{filter:brightness(1.02)}.count-button:active{transform:translateY(2px) scale(.985);box-shadow:none}.count-button.is-bumped{animation:button-bump .32s ease-out}.count-button__emoji{font-size:clamp(1.08rem,4.5vw,1.3rem);line-height:1.1}.count-button__label{max-width:100%;font-size:clamp(.98rem,3.9vw,1.12rem);line-height:1.25;letter-spacing:-.01em;white-space:nowrap}.composer{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;padding:8px clamp(10px,2.8vw,20px) max(10px,env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid rgba(216,191,166,.65)}.chat-input{display:block;width:100%;min-height:57px;max-height:120px;padding:13px 15px;color:var(--ink);background:#fff;border:2px solid #b99c81;border-radius:16px;outline:none;font-size:clamp(1.08rem,4.5vw,1.22rem);line-height:1.45;resize:none;overflow-y:hidden;transition:border-color .12s ease,box-shadow .12s ease}.chat-input::placeholder{color:#6d5948;opacity:1}.chat-input:focus{border-color:#65402a;box-shadow:0 0 0 3px #176d7a1f}.send-button{min-width:5.8em;min-height:57px;padding:0 16px;color:#fffdf8;background:var(--accent);border:2px solid var(--accent-dark);border-radius:16px;box-shadow:0 3px #491b0833;font-size:clamp(1.08rem,4.4vw,1.2rem);font-weight:900;line-height:1.2;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.send-button:active:not(:disabled){transform:translateY(2px);box-shadow:none}.send-button:disabled{color:#53463c;background:#e7dbcd;border-color:#b9a793;box-shadow:none;cursor:wait}.noscript{margin:2rem auto;padding:1rem;max-width:32rem;color:var(--ink);background:var(--paper);border-radius:12px;font-size:1.1rem}@keyframes message-arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes count-bump{0%,to{transform:scale(1)}45%{transform:scale(1.045)}}@keyframes button-bump{0%,to{transform:scale(1)}45%{transform:scale(.97)}}@media(min-width:520px){.count-actions{gap:12px}.count-button{flex-direction:row;gap:7px;min-height:68px}.count-button__label{font-size:1.12rem}}@media(max-height:620px){.topbar{padding-top:max(6px,env(safe-area-inset-top));padding-bottom:7px}.count-summary{margin-top:7px}.count-chip{min-height:4.1rem;padding:5px}.count-chip__name{font-size:.84rem}.count-chip__value{font-size:1.35rem}.messages{gap:10px;padding-top:12px;padding-bottom:13px}.bubble{padding:10px 14px;font-size:1.05rem}.count-button{min-height:58px}.chat-input,.send-button{min-height:52px}}@media(max-width:340px){.brand-title{font-size:1.35rem}.speech-toggle{min-height:44px;padding:0 11px;font-size:.93rem}.count-summary{gap:5px}.count-chip__name{font-size:.82rem}.count-chip__value{font-size:1.3rem}.count-actions{gap:5px;padding-right:8px;padding-left:8px}.count-button{padding-right:2px;padding-left:2px}.count-button__label{font-size:.94rem}.composer{gap:7px;padding-right:8px;padding-left:8px}.send-button{min-width:5.4em;padding:0 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}