:root{--bg:#F4F1EC;--surface:#FFFFFF;--border:#E3DCD2;--border-strong:#D4C0AC;--text:#40372E;--muted:#9A8F84;--faint:#C4BAAE;--brand:#A98467;--brand-deep:#8A6849;--brand-soft:#EDE3D8;--grad-btn:linear-gradient(165deg,#BD9A7D,#A98467);--grad-bar:linear-gradient(180deg,#CDB09A,#A98467);--on-brand:#FFFFFF;--shadow-card:0 2px 14px rgba(90,72,51,0.07),0 1px 4px rgba(90,72,51,0.05);--shadow-btn:0 4px 10px rgba(169,132,103,0.28);--toast-bg:rgba(58,49,42,0.88);--toast-fg:#FFFFFF;--pee:#77A6B2;--pee-soft:#E4EFF2;--poop:#8A7357;--poop-soft:#EFE9DD;--ok:#7E9C6B;--ok-soft:#E9F0E4;--p1:#6D94C4;--p2:#C08552;--p3:#8A9A5B;--p4:#C56E8E;--p5:#B08968;--p6:#7E6BB8}html[data-theme=night]{color-scheme:dark;--bg:#241E32;--surface:#2E2740;--border:#3C3550;--border-strong:#5A4551;--text:#F2EAF2;--muted:#A89DB6;--faint:#7E7396;--brand:#F2A76C;--brand-deep:#FFC29E;--brand-soft:#3C3140;--grad-btn:linear-gradient(165deg,#F5B185,#F2A76C);--grad-bar:linear-gradient(180deg,#F5B185,#F2A76C);--on-brand:#241E32;--shadow-card:0 2px 14px rgba(0,0,0,0.3),0 1px 4px rgba(0,0,0,0.2);--shadow-btn:0 4px 10px rgba(242,167,108,0.25);--toast-bg:rgba(0,0,0,0.75);--toast-fg:#F2EAF2;--pee:#7EB8E8;--pee-soft:#2A3750;--poop:#D3A574;--poop-soft:#3A3140;--ok:#8FD3A8;--ok-soft:#263A2F;--p1:#8FD3A8;--p2:#7EB8E8;--p3:#D3A574;--p4:#E89BC4;--p5:#F2C99E;--p6:#B7A4F0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;transition:background .3s ease,color .3s ease}.action-btn,.amount-chip,.day-block,.dialog,.dialog-btn,.header-name,.header-theme,.milk-panel,.status-card,.time-chip,.toast,.wheel-wrap,body,button,main{transition-property:background,background-color,border-color,color,box-shadow;transition-duration:.3s;transition-timing-function:ease}main{max-width:480px;margin:0 auto;padding:16px 16px 48px}.status-card{background:var(--surface);border-radius:16px;padding:16px;box-shadow:var(--shadow-card);margin-bottom:16px}.status-main{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.status-elapsed{font-size:26px;font-weight:700}.status-next{color:var(--ok);font-weight:700;white-space:nowrap;background:var(--ok-soft);border-radius:999px;padding:5px 12px;font-size:13px}.status-total{margin-top:8px;padding-top:10px;border-top:1px dashed var(--border);color:var(--muted);font-size:14px}.actions{display:flex;gap:12px;margin-bottom:16px}.action-btn{flex:1 1;border:1px solid var(--border);border-radius:16px;padding:18px 0 14px;font-size:15px;font-weight:700;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--surface);box-shadow:var(--shadow-card)}.action-btn .emoji{font-size:30px}.action-milk{background:var(--grad-btn);color:var(--on-brand);border-color:transparent;box-shadow:var(--shadow-btn)}.action-pee,.action-poop{background:var(--surface);box-shadow:var(--shadow-card)}.action-btn:active{transform:scale(.97)}.milk-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 16px 16px;box-shadow:var(--shadow-card);margin-bottom:4px;position:relative;z-index:6}.panel-close-area{position:fixed;inset:0;background:transparent;z-index:5}.amount-row{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.amount-chip{flex:1 1;min-width:60px;border:1.5px solid var(--border-strong);background:transparent;border-radius:12px;padding:12px 0;font-size:15px;font-weight:700;cursor:pointer;color:var(--muted)}.amount-chip:active{transform:scale(.96)}.amount-chip.chip-on{border-color:var(--brand);color:var(--brand-deep);background:var(--brand-soft)}.import-area{width:100%;border:1.5px solid var(--border);border-radius:10px;padding:10px;font-size:14px;font-family:inherit;color:var(--text);outline:none;background:transparent;resize:vertical;line-height:1.6}.import-area:focus{border-color:var(--brand)}.import-preview{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--brand-soft);font-size:13px;color:var(--text)}.dialog-btn[disabled]{opacity:.45;cursor:default}.time-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.time-label{font-size:14px;color:var(--muted);flex-shrink:0}.time-chip{border:1.5px solid var(--border-strong);background:transparent;border-radius:10px;padding:7px 14px;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.time-chip-set{border-color:var(--brand);color:var(--brand-deep);background:var(--brand-soft)}.time-reset{border:none;background:none;color:var(--faint);font-size:13px;cursor:pointer;text-decoration:underline;padding:4px}.wheel-wrap{position:relative;height:218px;border-radius:12px;background:transparent;overflow:hidden;margin:14px 0}.wheel-wrap.small{height:176px}.wheel-wrap.small .wheel-pad{height:67px}.wheel-scroll{position:absolute;inset:0;overflow-y:scroll;z-index:1;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-y}.wheel-scroll::-webkit-scrollbar{display:none}.wheel-pad{height:88px}.wheel-item{height:42px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wheel-active{color:var(--brand-deep);font-weight:700;font-size:25px}.wheel-mask-top{top:0;background:linear-gradient(180deg,var(--surface),transparent)}.wheel-mask-bottom,.wheel-mask-top{position:absolute;left:0;right:0;height:88px;pointer-events:none;z-index:2}.wheel-mask-bottom{bottom:0;background:linear-gradient(0deg,var(--surface),transparent)}.wheel-wrap.small .wheel-mask-bottom,.wheel-wrap.small .wheel-mask-top{height:67px}.wheel-line{position:absolute;top:50%;left:14px;right:44px;height:42px;transform:translateY(-50%);background:var(--brand-soft);border-radius:10px;pointer-events:none;z-index:0}.wheel-wrap.small .wheel-line{left:6px;right:28px}.wheel-unit{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--brand-deep);font-weight:700;pointer-events:none;z-index:3}.wheel-wrap.small .wheel-unit{right:6px;font-size:13px}.time-wheels{display:flex;gap:10px}.time-wheels .wheel-wrap{flex:1 1;min-width:0}.time-wheels .wheel-unit{right:6px}.wheel-confirm{width:100%}.section-title{font-size:14px;font-weight:600;color:var(--muted);margin:20px 4px 8px}.stats-card{background:var(--surface);border-radius:16px;padding:14px 8px 10px;display:flex;gap:4px;box-shadow:var(--shadow-card);margin-bottom:16px}.stat-col{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}.stat-val{font-size:10px;font-weight:700;color:var(--brand-deep);white-space:nowrap;height:14px;line-height:14px}.stat-bar-box{height:110px;width:100%;max-width:30px;display:flex;align-items:flex-end;justify-content:center;border-bottom:2px solid var(--border)}.stat-bar{width:72%;max-width:22px;background:var(--grad-bar);border-radius:6px 6px 2px 2px}.stat-cnt{font-size:11px;color:var(--muted);white-space:nowrap}.stat-none{color:var(--faint);opacity:.8}.stat-date{font-size:11px;color:var(--faint)}.day-block{background:var(--surface);border-radius:16px;padding:12px 16px;margin-bottom:10px;box-shadow:var(--shadow-card)}.day-title{font-size:14px;font-weight:700;color:var(--brand-deep);margin:4px 0 8px}.record-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px dashed var(--border);cursor:pointer}.record-row:active{opacity:.7}.record-row:first-of-type{border-top:none}.record-time{color:var(--muted);font-size:14px;min-width:44px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.record-icon{font-size:18px}.record-text{flex:1 1;font-size:15px}.record-person{display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:6px;vertical-align:baseline}.record-delete{border:none;background:none;color:var(--faint);font-size:16px;cursor:pointer;padding:4px 6px}.header{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:12px;position:relative}.header h1{font-size:20px;margin:0;position:absolute;left:0}.header-name{padding:8px 14px;color:var(--brand-deep);font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-name,.header-theme{border:none;background:var(--surface);border-radius:999px;font-size:14px;cursor:pointer;box-shadow:var(--shadow-card)}.header-theme{padding:8px 11px}.overlay-mask{position:fixed;inset:0;background:rgba(58,49,42,.4);display:flex;align-items:center;justify-content:center;padding:24px;z-index:10}.dialog{background:var(--surface);border-radius:16px;width:100%;max-width:340px;max-height:calc(100vh - 48px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px}.dialog h2{margin:0 0 14px;font-size:17px;color:var(--text)}.dialog input{width:100%;border:1.5px solid var(--border);border-radius:10px;padding:12px;font-size:16px;color:var(--text);outline:none;background:transparent}.dialog input:focus{border-color:var(--brand)}.dialog-btn-row{display:flex;gap:10px;margin-top:16px}.dialog-btn{flex:1 1;border:none;border-radius:10px;padding:12px;font-size:15px;font-weight:600;cursor:pointer}.btn-cancel{background:var(--brand-soft);color:var(--text)}.btn-ok{background:var(--grad-btn);color:var(--on-brand)}.dialog-label{font-size:13px;color:var(--muted);margin:14px 0 6px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0}.settings-row input{flex:1 1;min-width:0}.switch{position:relative;width:46px;height:26px;border:none;border-radius:999px;background:var(--border);cursor:pointer;flex-shrink:0;transition:background .2s}.switch.on{background:var(--brand)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--surface);transition:transform .2s}.switch.on:after{transform:translateX(20px)}.toast{bottom:40px;left:50%;transform:translateX(-50%);background:var(--toast-bg);color:var(--toast-fg);border-radius:999px;padding:10px 20px;font-size:14px;z-index:30;pointer-events:none;white-space:nowrap}.gate,.toast{position:fixed}.gate{inset:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px;z-index:20}.gate input{border:1.5px solid var(--border-strong);border-radius:12px;padding:14px;font-size:22px;text-align:center;letter-spacing:8px;width:200px;outline:none;background:transparent;color:var(--text)}.gate input:focus{border-color:var(--brand)}.gate button{border:none;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:600;background:var(--grad-btn);color:var(--on-brand);cursor:pointer}.gate .gate-error{color:var(--text);min-height:22px}.empty-tip{text-align:center;color:var(--faint);padding:24px 0;font-size:14px}