:root{--bg:#f7f6f3;--surface:#ffffff;--border:#eeece7;--border-strong:#dedad3;--text:#1a1916;--secondary:#a8a5a0;--muted:#c4c1bb;--purple:#9b8cf2;--teal:#5bbfa8;--orange:#f4a66a;--blue:#5b9fd4;--green:#27a062;--red:#e05a40;--radius:18px;--radius-sm:12px;--radius-xs:8px;--nav-h:68px;--transition:.15s ease;--card-shadow: 0 1px 3px rgba(26,25,22,.07), 0 0 0 1px rgba(26,25,22,.04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,SF Pro Display,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);max-width:430px;margin:0 auto;min-height:100dvh;-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit}a{color:inherit;text-decoration:none}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.page{padding:0 16px calc(var(--nav-h) + 20px);flex:1}.page-header{display:flex;justify-content:space-between;align-items:flex-end;padding:22px 0 6px;margin-bottom:16px}.date-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.page-title{font-size:27px;font-weight:700;color:var(--text);letter-spacing:-.6px;line-height:1.1}.edit-title{font-size:20px}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#ede9fe,#dbeafe);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#5b5bd6}.edit-badge{font-size:11px;font-weight:700;color:#c05040;background:#fff3f0;padding:5px 10px;border-radius:20px;border:1px solid #f0bdb3}.back-btn{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--blue);margin-bottom:4px;background:none;border:none;padding:0}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:16px 18px;margin-bottom:12px}.card-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.card-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-meta-date{font-size:12px;font-weight:600;color:var(--blue)}.weight-card{cursor:pointer}.weight-stat-row{display:flex;align-items:center;gap:16px}.weight-display-big{display:flex;align-items:baseline;gap:5px}.weight-num{font-size:42px;font-weight:700;color:var(--text);letter-spacing:-1.5px;line-height:1}.weight-lbl{font-size:16px;color:var(--secondary);font-weight:500}.weight-meta{display:flex;flex-direction:column;gap:5px}.weight-delta-pill{display:inline-flex;align-items:center;gap:3px;font-size:13px;font-weight:700;padding:4px 10px;border-radius:20px}.weight-delta-pill.down{background:#edf7f2;color:#1a7a4a}.weight-delta-pill.up{background:#fef2f0;color:var(--red)}.weight-date{font-size:11px;color:var(--muted)}.weight-empty{font-size:14px;color:var(--muted);padding:8px 0}.progress-stack{display:flex;flex-direction:column;gap:12px}.progress-row{display:flex;align-items:center;gap:10px}.progress-label{font-size:13px;font-weight:500;color:var(--text);width:54px;flex-shrink:0}.progress-track{flex:1;height:8px;background:#f0ede8;border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1);opacity:.9}.progress-val{font-size:12px;color:var(--secondary);min-width:62px;text-align:right;white-space:nowrap}.food-list{border-top:1px solid var(--border);margin-top:14px;padding-top:8px;display:flex;flex-direction:column;gap:2px}.food-item{display:flex;align-items:center;gap:8px;padding:5px 0}.food-name{font-size:13px;color:var(--text);flex:1}.food-meta{font-size:11px;color:var(--secondary);white-space:nowrap}.btn-delete{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;border-radius:6px;transition:color var(--transition),background var(--transition)}.btn-delete:hover,.btn-delete:active{color:var(--red);background:#fef2f0}.checklist{display:flex;flex-direction:column}.check-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none}.check-row:last-child{border-bottom:none;padding-bottom:0}.check-row:first-child{padding-top:0}.check-box{width:23px;height:23px;border-radius:7px;border:1.5px solid var(--border-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:13px;color:#fff}.check-box.checked{background:var(--text);border-color:var(--text);transform:scale(1.05)}.check-box.partial{border-color:var(--blue)}.check-label{font-size:15px;color:var(--text);transition:color var(--transition)}.check-label.done{color:var(--muted);text-decoration:line-through}.water-section{flex-direction:column;align-items:flex-start;gap:8px}.check-row-top{display:flex;align-items:center;gap:12px;width:100%}.water-count{font-size:12px;font-weight:600;color:var(--blue);margin-left:auto}.cup-grid{display:flex;gap:5px;padding-left:35px;flex-wrap:wrap}.cup{width:28px;height:28px;border-radius:8px;background:#f0ede8;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted);transition:all .2s cubic-bezier(.34,1.56,.64,1);border:none}.cup.filled{background:#ddedf9;color:#3b8fd4;transform:scale(1.05)}.cup:active{transform:scale(.88)}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{padding:7px 14px;border-radius:20px;font-size:13px;font-weight:500;border:1px solid var(--border);color:var(--secondary);background:#faf9f7;transition:all .18s ease}.chip:active{transform:scale(.94)}.chip-active{background:#fff3f0;border-color:#f0bdb3;color:#c05040;font-weight:600}.chip-custom{display:flex;align-items:center;gap:4px}.custom-se-row{display:flex;gap:8px;margin-top:10px;align-items:center}.custom-se-input{flex:1;background:#faf9f7;border:1px dashed var(--border-strong);border-radius:20px;padding:7px 14px;font-size:13px;color:var(--text);outline:none}.custom-se-input:focus{border-color:var(--blue);border-style:solid}.custom-se-input::placeholder{color:var(--muted)}.custom-se-add{padding:7px 14px;border-radius:20px;font-size:13px;font-weight:600;background:var(--text);color:#fff}.shot-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shot-cell{background:#faf9f7;border-radius:var(--radius-xs);padding:10px 12px}.shot-lbl{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:3px}.shot-val{font-size:14px;font-weight:500;color:var(--text)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.stat-card{background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--card-shadow);padding:14px 16px;border-left:3px solid transparent}.stat-accent-blue{border-left-color:var(--blue)}.stat-accent-purple{border-left-color:var(--purple)}.stat-accent-teal{border-left-color:var(--teal)}.stat-accent-orange{border-left-color:var(--orange)}.stat-val{font-size:26px;font-weight:700;color:var(--text);letter-spacing:-.5px;line-height:1.1}.stat-lbl{font-size:11px;color:var(--secondary);margin-top:3px}.stat-delta{font-size:12px;font-weight:700;margin-top:5px}.stat-delta.down{color:var(--green)}.stat-delta.up{color:var(--red)}.history-table{display:flex;flex-direction:column}.history-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.history-row:last-child{border-bottom:none;padding-bottom:0}.hr-date{font-size:13px;color:var(--secondary);min-width:56px;flex-shrink:0}.hr-mid{flex:1;display:flex;flex-direction:column;gap:2px}.hr-dose{font-size:13px;font-weight:500;color:var(--text)}.hr-site{font-size:11px;color:var(--secondary)}.hr-wt-main{font-size:15px;font-weight:600;color:var(--text)}.delta-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:8px}.delta-badge.down{background:#edf7f2;color:#1a7a4a}.delta-badge.up{background:#fef2f0;color:var(--red)}.form-group{margin-bottom:18px}.form-label{display:block;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.field-input{width:100%;background:#faf9f7;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:11px 13px;font-size:15px;color:var(--text);outline:none;transition:border-color var(--transition),background var(--transition);-webkit-appearance:none}.field-input:focus{border-color:var(--blue);background:var(--surface)}.field-input::placeholder{color:var(--muted)}.field-input[type=date]{color:var(--text)}.seg-control{display:flex;background:#faf9f7;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:3px;gap:3px;flex-wrap:wrap}.seg-opt{flex:1;min-width:40px;text-align:center;padding:7px 4px;border-radius:8px;font-size:13px;font-weight:500;color:var(--secondary);transition:all var(--transition)}.seg-opt.active{background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--border-strong)}.weight-input-row{display:flex;align-items:center;gap:8px}.weight-input-unit{font-size:14px;color:var(--secondary);font-weight:500}.shot-history{display:flex;flex-direction:column}.shot-history-row{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.shot-history-row:last-child{border-bottom:none;padding-bottom:0}.shr-left{display:flex;flex-direction:column;gap:3px}.shr-date{font-size:14px;font-weight:600;color:var(--text)}.shr-detail{font-size:12px;color:var(--secondary)}.shr-actions{display:flex;gap:4px;align-items:center}.icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:16px;color:var(--secondary);transition:all var(--transition)}.icon-btn:hover,.icon-btn:active{background:#f0ede8;color:var(--text)}.icon-btn.danger:hover,.icon-btn.danger:active{background:#fef2f0;color:var(--red)}.history-list{display:flex;flex-direction:column;gap:8px}.day-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:14px 16px;border-left:3px solid transparent;transition:border-color .2s ease}.day-card.day-complete{border-left-color:var(--green)}.day-card.day-partial{border-left-color:var(--orange)}.day-card-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.day-date{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.day-summary{display:flex;flex-wrap:wrap;gap:5px}.day-tag{font-size:12px;color:var(--secondary);background:#f7f5f1;border-radius:6px;padding:2px 7px}.day-detail{margin-top:12px;border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:10px}.detail-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px}.detail-macros{display:flex;flex-wrap:wrap;gap:10px}.detail-macros span{font-size:13px;font-weight:500}.detail-checks{display:flex;flex-wrap:wrap;gap:6px}.check-badge{font-size:12px;padding:3px 9px;border-radius:8px;background:#f0ede8;color:var(--text)}.check-badge.se{background:#fff3f0;color:#c05040}.btn-edit-day{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--blue);padding:8px 0;background:none;border:none}.btn-edit-day:active{opacity:.7}.goal-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.goal-row:last-child{border-bottom:none;padding-bottom:0}.goal-label{font-size:14px;color:var(--text);font-weight:500}.goal-unit{font-size:11px;margin-top:2px}.goal-info{display:flex;flex-direction:column}.goal-stepper{display:flex;align-items:center;gap:4px}.stepper-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-strong);font-size:14px;color:var(--text);display:flex;align-items:center;justify-content:center;background:#faf9f7;transition:background var(--transition)}.stepper-btn:active{background:#f0ede8}.stepper-val{width:52px;text-align:center;font-size:17px;font-weight:600;background:transparent;border:none;outline:none;color:var(--text);-moz-appearance:textfield}.stepper-val::-webkit-outer-spin-button,.stepper-val::-webkit-inner-spin-button{-webkit-appearance:none}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}.settings-row-label{font-size:14px;color:var(--text)}.settings-row-value{font-size:14px;color:var(--secondary)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a191666;z-index:100;animation:fadeIn .2s ease}.sheet{position:fixed;bottom:0;left:0;right:0;max-width:430px;margin:0 auto;background:var(--surface);border-radius:26px 26px 0 0;padding:0 16px calc(env(safe-area-inset-bottom,0) + 20px);z-index:101;animation:slideUp .3s cubic-bezier(.32,.72,0,1);max-height:92dvh;overflow-y:auto}.sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--border-strong);margin:12px auto 18px}.sheet-title{font-size:18px;font-weight:700;text-align:center;color:var(--text);margin-bottom:20px}.sheet-field{margin-bottom:16px}.field-label{display:block;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px}.sheet-macros{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:18px}.macro-input{display:flex;flex-direction:column;gap:6px}.macro-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.macro-row{display:flex;align-items:center;gap:4px}.macro-field{flex:1;background:#faf9f7;border:1px solid var(--border-strong);border-radius:8px;padding:10px 8px;font-size:18px;font-weight:600;text-align:center;color:var(--text);outline:none;width:0;min-width:0;-moz-appearance:textfield}.macro-field::-webkit-outer-spin-button,.macro-field::-webkit-inner-spin-button{-webkit-appearance:none}.macro-field:focus{border-color:var(--blue);background:var(--surface)}.macro-unit{font-size:11px;color:var(--muted)}.weight-sheet-input{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:20px}.weight-big-input{width:140px;text-align:center;font-size:48px;font-weight:700;letter-spacing:-1.5px;color:var(--text);background:transparent;border:none;border-bottom:2px solid var(--border-strong);outline:none;padding-bottom:4px;-moz-appearance:textfield}.weight-big-input::-webkit-outer-spin-button,.weight-big-input::-webkit-inner-spin-button{-webkit-appearance:none}.weight-big-input:focus{border-bottom-color:var(--blue)}.weight-big-unit{font-size:20px;font-weight:500;color:var(--secondary)}.weight-history-mini{display:flex;flex-direction:column}.weight-mini-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--border)}.wm-date{font-size:13px;color:var(--secondary);min-width:48px}.wm-val{font-size:14px;font-weight:600;color:var(--text);flex:1}.wm-delta{font-size:12px;font-weight:700}.wm-delta.down{color:var(--green)}.wm-delta.up{color:var(--red)}.btn-primary{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;background:var(--text);color:#fff;border-radius:var(--radius-sm);padding:15px;font-size:15px;font-weight:600;transition:opacity var(--transition),transform var(--transition)}.btn-primary:disabled{opacity:.35}.btn-primary:active{transform:scale(.98)}.btn-ghost-full{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;font-size:15px;font-weight:500;color:var(--secondary);border-radius:var(--radius-sm);margin-top:8px;transition:color var(--transition)}.btn-ghost-full:active{color:var(--text)}.btn-ghost-full.danger{color:var(--red)}.btn-inline{display:flex;align-items:center;gap:5px;background:#f2f0ec;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--text);transition:background var(--transition)}.btn-inline:active{background:#e8e5e0}.nav-bar{position:fixed;bottom:0;left:0;right:0;max-width:430px;margin:0 auto;height:var(--nav-h);background:#f7f6f3f0;border-top:1px solid rgba(26,25,22,.07);display:flex;justify-content:space-around;align-items:flex-start;padding-top:10px;padding-bottom:env(safe-area-inset-bottom,0);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:50}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;opacity:.3;transition:opacity var(--transition);padding:0 10px;position:relative}.nav-item.active{opacity:1}.nav-item.active:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--text);border-radius:0 0 3px 3px}.nav-item i{font-size:22px;color:var(--text)}.nav-item span{font-size:10px;font-weight:500;color:var(--text)}.login-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(160deg,#faf9f6,#f3f1ed)}.login-card{width:100%;max-width:340px;text-align:center}.login-logo{font-size:40px;margin-bottom:12px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.08))}.login-title{font-size:30px;font-weight:700;color:var(--text);letter-spacing:-.7px;margin-bottom:5px}.login-sub{font-size:14px;color:var(--secondary);margin-bottom:36px}.login-form{display:flex;flex-direction:column;gap:12px}.login-error{font-size:13px;color:var(--red);text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:56px 24px;text-align:center;color:var(--muted)}.empty-state i{font-size:40px;margin-bottom:4px}.empty-state p{font-size:16px;font-weight:500;color:var(--secondary)}.empty-state small{font-size:13px}.loading{display:flex;align-items:center;justify-content:center;height:calc(100dvh - var(--nav-h))}.spinner{width:28px;height:28px;border-radius:50%;border:2.5px solid var(--border);border-top-color:var(--text);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.period-tabs{display:flex;gap:3px;background:#eeece7;border-radius:20px;padding:3px}.period-tab{padding:5px 11px;border-radius:16px;font-size:12px;font-weight:600;color:var(--secondary);transition:all var(--transition)}.period-tab.active{background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--border)}.month-selector{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:14px;scrollbar-width:none}.month-selector::-webkit-scrollbar{display:none}.month-tab{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;border:1px solid var(--border);color:var(--secondary);background:var(--surface);white-space:nowrap;flex-shrink:0;transition:all var(--transition)}.month-tab.active{background:var(--text);border-color:var(--text);color:#fff}