/* Reading layout */
#records>.card{background:transparent;border:0;padding:0;box-shadow:none}#records .filter{position:relative;gap:7px;padding:0 0 12px;margin-bottom:5px}.record-day{margin:10px 0 25px}.record-day-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 3px 11px}.record-day-heading h2{font-size:15px;color:#4d718e;margin:0}.record-day-heading>span{font-size:11px;color:#8ba0b3}.record-day-moments{display:grid;gap:12px}.record-entry.entry{padding:16px;margin:0;border:1px solid #dceaf5;border-radius:21px;background:#ffffffed;box-shadow:0 5px 20px #79a8c00a}.record-entry .entry-head{align-items:center;gap:10px}.record-entry .entry-head strong{font-size:13px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.record-entry time{font-size:11px;color:#859eaf;white-space:nowrap}.record-entry.record-diary{background:linear-gradient(135deg,#fff,#fff9fc);border-color:#efdfeb}.record-entry.record-diary .entry-head strong{color:#a36786}.record-entry .record-note{color:#4c6c84;font-size:14px;line-height:1.85;margin:12px 0 2px}.record-entry .record-photo-image{display:block;width:100%;max-height:380px;margin:13px 0 0;border-radius:15px;object-fit:contain;background:#f2f7fb}.record-entry .record-heart{font-size:11px;color:#a77393;background:#fff1f7;margin-top:12px;padding:7px 10px;display:inline-flex;align-items:center;gap:5px}.record-private{display:inline-block;margin-top:8px;color:#9b8196;background:#f8eff5;padding:3px 8px;border-radius:8px;font-size:10px}.record-small.entry{padding:13px 15px}.record-small .record-note{font-size:13px;margin-top:7px}.record-water-group{overflow:hidden;background:linear-gradient(130deg,#edf8ff,#f7fcff);border:1px solid #d5eaf7;border-radius:20px}.record-water-group>summary{list-style:none;display:grid;grid-template-columns:32px 1fr 18px;align-items:center;gap:10px;padding:15px;cursor:pointer;-webkit-tap-highlight-color:transparent}.record-water-group>summary::-webkit-details-marker{display:none}.record-water-group>summary:focus-visible{outline:3px solid #79b5df;outline-offset:-3px}.water-group-symbol{width:32px;height:36px;display:grid;place-items:center;background:#dcefff;color:#4d9acd;border-radius:12px}.water-group-title strong{display:block;font-size:13px;color:#4f7f9e}.water-group-title>small{display:block;font-size:11px;margin-top:4px;color:#7e9caf}.water-group-chevron{color:#6d99b7;transition:transform .23s}.record-water-group[open] .water-group-chevron{transform:rotate(180deg)}.water-people-totals{grid-column:2 / 4;display:flex;flex-wrap:wrap;gap:8px 18px}.water-person-total{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:10px;font-size:12px;color:#5b819d}.water-person-total b{font-size:15px;color:#438fbd;font-weight:650}.water-person-total small{font-weight:400;font-size:10px;color:#7c99ac}.water-person-total>small{grid-column:1 / 3}.water-group-details{padding:0 12px 12px}.water-detail.entry{padding:12px;border-radius:13px;margin-top:8px;background:#ffffffb8;box-shadow:none}.water-detail.entry p{margin:6px 0;font-size:12px}.record-water-group[open] .water-group-details{animation:recordOpen .22s ease}.record-entry button:active{transform:scale(.96)}@keyframes recordOpen{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* Keep the input anchored inside the PC phone preview and the real mobile viewport. */
.phone-shell{--nest-nav-space:90px;--nest-ai-dock-height:160px}.phone-shell .tabs{position:absolute;left:12px;right:12px;bottom:12px;transform:none;width:auto;z-index:5}.phone-scroll .app{padding-bottom:calc(var(--nest-nav-space) + 25px)}.ai-dock{display:none;position:absolute;bottom:calc(var(--nest-nav-space) + 10px);left:16px;right:16px;z-index:4}.ai-active .ai-dock{display:block}.ai-active #appMain{padding-bottom:calc(var(--nest-nav-space) + var(--nest-ai-dock-height) + 32px)}.ai-active #appMain>footer{display:none}.ai-dock .ai-composer{position:static;margin:0;padding:10px 12px;border-radius:22px;box-shadow:0 6px 24px #7596b520;background:#f8fcfff5}.ai-dock .ai-option-row{gap:8px 14px;margin-bottom:7px;animation:none}.ai-dock .ai-photo-tools{gap:7px;margin-bottom:5px}.ai-dock .ai-photo-tools button{padding:7px 10px;font-size:12px}.ai-dock .ai-photo-tools span{font-size:10px}.ai-dock textarea{min-height:45px;max-height:112px;padding:5px 1px}.ai-dock .ai-send{height:40px;min-width:40px;width:40px}.ai-dock .ai-feedback{padding:4px 6px 0;font-size:11px;max-height:42px;overflow:auto;min-height:0}.ai-dock .ai-feedback:empty{display:none}.ai-dock .ai-composer-meta{padding:2px 0 0}.ai-dock .ai-attachments{margin:8px 0}.ai-dock .ai-attachment{height:58px;width:58px}.ai-settings-open{margin-left:auto;display:inline-flex;align-items:center;gap:4px;background:transparent;padding:3px 0 3px 6px;font-size:12px;color:#6f8ba1}.ai-settings-open .ui-icon{width:15px;height:15px}.ai-settings-dialog{padding:22px;background:#f9fcff}.ai-settings-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.ai-settings-heading h2{margin:0;font-size:20px}.ai-settings-heading button{font-size:13px;padding:8px 12px}.ai-settings-dialog .ai-option-row{display:grid;gap:20px;padding:12px 0;margin-bottom:15px}.ai-settings-dialog .ai-select-label{display:flex;justify-content:space-between;font-size:14px;color:#4b708b}.ai-settings-dialog .ai-select-label[hidden]{display:none}.ai-settings-dialog .muted{font-size:12px}.ai-settings-dialog select{min-width:120px;padding:10px}.ai-welcome{margin:10px 0 18px;padding:15px 13px;border-radius:23px}.ai-welcome img{width:65px;height:65px;margin-bottom:3px}.ai-welcome h2{font-size:18px;margin:6px 0}.ai-welcome p{font-size:12px;line-height:1.7;margin:6px 0}.ai-welcome .ai-suggestions{margin-top:12px;gap:6px}.ai-suggestions button{font-size:11px;padding:7px 9px}.ai-log{min-height:0;padding-bottom:12px}.ai-toolbar{gap:6px;margin:10px 0 13px;animation:none}.ai-toolbar button{font-size:11px;padding:7px 9px}.ai-context-tip{margin:12px 4px 2px;color:#859eaf}.ai-active .intro,.ai-head{margin-top:20px}.ai-active .ai-message:last-child{margin-bottom:0}
@media(max-width:700px){
 html,body{height:100%;overflow:hidden}body{min-height:0}.phone-status{display:none!important}.phone-shell{position:fixed;left:0;top:var(--nest-viewport-top,0px);width:100vw;max-width:none;height:var(--nest-viewport-height,100dvh);border:0;border-radius:0;box-shadow:none!important}.phone-scroll{height:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-padding-bottom:20px}.phone-shell .app{padding-top:calc(17px + env(safe-area-inset-top,0px))}.phone-shell .tabs{left:0;right:0;bottom:0;border-radius:20px 20px 0 0;padding:8px 7px max(9px,env(safe-area-inset-bottom,0px));margin:0}.phone-shell .tabs button{min-height:49px}.phone-shell input:not([type=checkbox]):not([type=radio]),.phone-shell textarea,.phone-shell select,.ai-settings-dialog select{font-size:16px}.ai-dock{left:12px;right:12px;bottom:calc(var(--nest-nav-space) + 7px)}.ai-dock .ai-composer{border-radius:20px;padding:9px 11px}.ai-dock .ai-search-control{font-size:11px;gap:5px}.ai-dock .ai-option-row{gap:9px}.ai-dock .ai-composer textarea{font-size:16px}.nest-keyboard{--nest-nav-space:0px!important}.nest-keyboard .tabs{visibility:hidden;pointer-events:none}.nest-keyboard .ai-dock{bottom:8px}.ai-active.nest-keyboard #appMain{padding-bottom:calc(var(--nest-ai-dock-height) + 25px)}.nest-keyboard .ai-context-tip{display:none}.toast{top:calc(12px + env(safe-area-inset-top,0px))}.ai-settings-dialog{max-height:calc(100dvh - 32px)}
}
@media(prefers-reduced-motion:reduce){.water-group-details{animation:none!important}.water-group-chevron{transition:none}}