:root{color-scheme:light dark;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg: #f7f8f8;--surface: #ffffff;--surface-soft: #f1f4f3;--text: #15201f;--muted: #64716f;--border: #dce4e2;--accent: #247c7a;--accent-strong: #166260;--success: #177245;--success-bg: #eefbf4;--danger: #b42318;--danger-bg: #fff3f1;--shadow: 0 12px 32px rgba(21, 32, 31, .08);--radius: 8px;--radius-sm: 6px;--page-max: 1120px;font-family:var(--font-sans);background:var(--bg);color:var(--text)}:root[data-theme=dark]{--bg: #101615;--surface: #161e1d;--surface-soft: #1f2a28;--text: #eef5f3;--muted: #a7b6b3;--border: #2e3b39;--accent: #75c7c2;--accent-strong: #a4dad6;--success: #8fd9ad;--success-bg: #11281d;--danger: #ffb4aa;--danger-bg: #341916;--shadow: 0 12px 32px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{overflow-x:hidden;min-height:100vh;margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{color:inherit}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}#root{min-height:100vh}.app-shell{display:grid;min-height:100vh;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:24px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);padding:24px 18px}.sidebar__brand{padding:0 10px;font-size:18px;font-weight:720}.sidebar__nav{display:grid;gap:6px}.nav-link,.bottom-nav__item{display:flex;align-items:center;gap:10px;border-radius:var(--radius);color:var(--muted);text-decoration:none}.nav-link{padding:11px 10px}.nav-link--active,.bottom-nav__item--active{background:var(--surface-soft);color:var(--text)}.main-content{width:100%;max-width:var(--page-max);min-width:0;padding:34px clamp(18px,4vw,48px) 72px}.bottom-nav{display:none}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.page-header>div:first-child{min-width:0}.page-header h1{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.05;letter-spacing:0}.page-header__eyebrow{margin:0 0 7px;color:var(--muted);font-size:14px}.page-header__actions{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.panel,.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.panel{width:100%;max-width:100%;padding:clamp(16px,3vw,24px)}.stack{display:grid;gap:16px}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.report-date-grid{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:hidden}.report-date-field{display:grid;gap:7px;min-width:0;overflow:hidden}.report-date-control{position:relative;display:block;min-width:0;min-height:44px}.report-date-control__surface{display:inline-flex;width:100%;min-width:0;min-height:44px;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--text);padding:0 12px;font-weight:650}.report-date-control__surface span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-date-control:focus-within .report-date-control__surface{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.report-date-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;inline-size:100%;width:100%;height:100%;min-width:0;min-height:44px;max-inline-size:100%;max-width:100%;border:0;overflow:hidden;background:transparent;cursor:pointer;opacity:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;font-size:16px}.report-date-input::-webkit-datetime-edit,.report-date-input::-webkit-date-and-time-value{min-width:0;max-width:100%;overflow:hidden;text-align:left}.report-date-input::-webkit-calendar-picker-indicator{flex-shrink:0;margin:0;padding:0}.daily-screen{gap:12px}.daily-sticky{position:sticky;top:0;z-index:20;display:grid;gap:8px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 96%,transparent);padding:10px 12px 12px}.day-selector{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:4px}.day-selector__date-control{position:relative;min-width:0;min-height:40px}.day-selector__label{display:inline-flex;width:100%;min-width:0;min-height:40px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--text);font-weight:720;padding:0 10px}.day-selector__date-control:focus-within .day-selector__label{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.day-selector__label span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-selector__picker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;min-height:40px;border:0;opacity:0;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.daily-progress-line{display:flex;align-items:baseline;gap:4px;font-size:14px}.daily-progress-line strong{font-size:20px}.daily-progress-line span{color:var(--muted)}.daily-cups h2{margin:2px 0 0;font-size:17px}.button,.icon-button,.cup-button,.tabs__button{border:1px solid transparent;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:var(--radius-sm);padding:0 16px;font-weight:680}.button--sm{min-height:34px;padding:0 12px;font-size:14px}.button--lg{min-height:50px;padding:0 20px}.button--primary{background:var(--accent);color:#fff}.button--primary:hover{background:var(--accent-strong)}.button--secondary{border-color:var(--border);background:var(--surface)}.button--ghost{background:transparent;color:var(--muted)}.button--danger{background:var(--danger-bg);color:var(--danger)}.button:disabled,.icon-button:disabled,.cup-button:disabled{cursor:not-allowed;opacity:.55}.icon-button{display:inline-grid;width:40px;height:40px;place-items:center;border-radius:var(--radius-sm);background:var(--surface-soft)}.icon-button--ghost{background:transparent;color:var(--muted)}.icon-button--danger{background:var(--danger-bg);color:var(--danger)}.field{display:grid;gap:7px}.field__label{color:var(--text);font-size:14px;font-weight:650}.field__hint{color:var(--muted);font-size:13px}.field__error{color:var(--danger);font-size:13px}.input{width:100%;max-width:100%;min-height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:0 12px}.unit-input{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) minmax(82px,.35fr);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.unit-input .input{min-width:0;border:0;border-radius:0;background:transparent}.unit-input__unit{border-left:1px solid var(--border)!important}.textarea{min-height:88px;padding-top:10px;resize:vertical}.form-grid{display:grid;gap:14px}.form-alert{border:1px solid color-mix(in srgb,var(--danger) 38%,var(--border));border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger);padding:11px 12px;font-size:14px;line-height:1.4}.form-alert--success{border-color:color-mix(in srgb,var(--success) 38%,var(--border));background:var(--success-bg);color:var(--success)}.onboarding-page{display:grid;gap:18px;min-height:100dvh}.onboarding-preview{position:sticky;top:var(--visual-viewport-top, 0px);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;background:color-mix(in srgb,var(--surface) 96%,transparent);padding:11px 14px;transform:translateZ(0);will-change:top}.onboarding-preview div{display:grid;gap:2px}.onboarding-preview span,.onboarding-preview p{margin:0;color:var(--muted);font-size:13px}.onboarding-preview strong{font-size:22px;line-height:1}.onboarding-form{max-width:680px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:end center;background:#090e0d75;padding:16px}.modal{width:min(560px,100%);max-height:min(760px,calc(100vh - 32px));overflow:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.modal__header,.modal__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px}.modal__header{border-bottom:1px solid var(--border)}.modal__header h2{margin:0;font-size:20px}.modal__body{padding:16px}.modal__footer{justify-content:flex-end;border-top:1px solid var(--border)}.progress-bar{height:10px;overflow:hidden;border-radius:999px;background:var(--surface-soft)}.progress-bar span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.empty-state{display:grid;gap:12px;padding:22px;border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted);text-align:center}.skeleton{display:grid;gap:10px}.skeleton span{height:44px;border-radius:var(--radius-sm);background:var(--surface-soft)}.tabs{display:inline-flex;max-width:100%;overflow-x:auto;gap:4px;border:1px solid var(--border);border-radius:var(--radius);padding:4px}.tabs__button{min-height:36px;border-radius:var(--radius-sm);background:transparent;padding:0 12px;color:var(--muted)}.tabs__button--active{background:var(--surface-soft);color:var(--text)}.cup-row{display:flex;gap:10px;overflow-x:auto;padding:4px 0 8px;scroll-snap-type:x proximity}.cup-button{display:grid;flex:0 0 112px;min-height:116px;scroll-snap-align:start;align-content:center;justify-items:center;gap:8px;border-color:var(--border);border-radius:var(--radius);background:var(--surface);padding:12px;text-align:center}.cup-button:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.cup-button strong,.cup-button span{max-width:100%;overflow-wrap:anywhere}.cup-button--add{color:var(--accent)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;border-bottom:1px solid var(--border);padding:12px 0}.settings-row:last-child{border-bottom:0}.settings-row>div:first-child{display:grid;gap:4px}.settings-row span{color:var(--muted);font-size:14px}.settings-row__control{display:flex;justify-content:flex-end}.settings-profile-details{display:grid;gap:14px;border-top:1px solid var(--border);padding-top:14px}.settings-profile-details h3{margin:0;font-size:16px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.section-heading h2,.section-heading p{margin:0}.section-heading p{color:var(--muted);font-size:14px;line-height:1.4}.list{display:grid;gap:8px}.list-item{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:12px}.list-item__main{display:grid;min-width:0;gap:4px}.list-item__main strong,.list-item__main span{overflow-wrap:anywhere}.list-item__meta{color:var(--muted);font-size:13px}.entry-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.entry-tile{display:grid;min-height:132px;align-content:center;justify-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;padding:12px 8px;text-align:center;transition:border-color .16s ease,background .16s ease,transform .16s ease}.entry-tile:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.entry-tile:active{transform:translateY(1px)}.entry-tile:disabled{cursor:wait;opacity:.7}.entry-tile strong,.entry-tile span{max-width:100%;overflow-wrap:anywhere}.entry-tile>span:last-child{color:var(--muted);font-size:13px}.vessel-icon{--vessel-border: color-mix(in srgb, var(--accent) 54%, var(--border));--vessel-fill: color-mix(in srgb, var(--accent) 28%, var(--surface));position:relative;display:block;background:var(--surface)}.vessel-icon:before,.vessel-icon:after{position:absolute;content:""}.vessel-icon span{position:absolute;background:var(--vessel-fill)}.vessel-icon--cup{width:48px;height:43px;margin-top:10px;border:2px solid var(--vessel-border);border-top-width:3px;border-radius:5px 5px 15px 15px}.vessel-icon--cup:before{top:-8px;right:4px;left:4px;height:8px;border:2px solid var(--vessel-border);border-bottom:0;border-radius:50% 50% 0 0}.vessel-icon--cup:after{top:11px;right:-12px;width:12px;height:18px;border:2px solid var(--vessel-border);border-left:0;border-radius:0 10px 10px 0}.vessel-icon--cup span{right:5px;bottom:5px;left:5px;height:54%;border-radius:4px 4px 10px 10px}.vessel-icon--bottle{width:32px;height:60px;margin-top:2px;border:2px solid var(--vessel-border);border-radius:13px 13px 9px 9px}.vessel-icon--bottle:before{top:-11px;left:8px;width:12px;height:10px;border:2px solid var(--vessel-border);border-bottom:0;border-radius:5px 5px 0 0}.vessel-icon--bottle:after{top:-17px;left:7px;width:14px;height:6px;border-radius:4px 4px 2px 2px;background:var(--vessel-border)}.vessel-icon--bottle span{right:4px;bottom:5px;left:4px;height:62%;border-radius:8px 8px 6px 6px}.trend-chart{display:grid;gap:12px}.trend-chart__summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;color:var(--muted);font-size:14px}.trend-chart__summary strong{color:var(--text);font-size:22px}.trend-chart__svg{width:100%;height:auto;min-height:220px;overflow:visible}.trend-chart__grid{stroke:var(--border);stroke-width:1}.trend-chart__bar{fill:color-mix(in srgb,var(--accent) 66%,var(--surface))}.trend-chart__average{stroke:var(--accent-strong);stroke-dasharray:5 5;stroke-linecap:round;stroke-width:2}.trend-chart__axis{fill:var(--muted);font-size:12px}.trend-chart__axis--y{text-anchor:end}.trend-chart__axis--day{text-anchor:middle;font-weight:650}.trend-chart__axis--end{text-anchor:end}.toast-region{position:fixed;right:16px;bottom:16px;z-index:80;display:grid;width:min(420px,calc(100vw - 32px));gap:10px}.toast{display:flex;align-items:center;gap:12px;justify-content:space-between;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:12px}.toast--success{border-color:color-mix(in srgb,var(--success) 38%,var(--border));background:var(--success-bg);color:var(--success)}.toast--error{border-color:color-mix(in srgb,var(--danger) 38%,var(--border));background:var(--danger-bg);color:var(--danger)}.toast--neutral{background:var(--surface);color:var(--text)}.toast__action{border:0;background:transparent;color:currentColor;cursor:pointer;font-weight:720}.auth-screen{display:grid;min-height:100vh;place-items:center;padding:24px}.auth-panel{width:min(480px,100%);max-width:100%}.metric{display:grid;gap:6px}.metric strong{font-size:clamp(30px,8vw,54px);line-height:1}.metric span{color:var(--muted)}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--border);padding:11px 8px;text-align:left;vertical-align:middle}.table th{color:var(--muted);font-size:13px;font-weight:650}.segmented{display:flex;flex-wrap:wrap;gap:8px}.segmented button{min-height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:0 12px;cursor:pointer}.segmented button[aria-pressed=true]{border-color:var(--accent);background:var(--surface-soft);color:var(--accent)}@media(max-width:820px){.app-shell{display:block}.sidebar{display:none}.main-content{padding:12px 12px 92px}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:30;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 96%,transparent);padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.bottom-nav__item{min-width:0;flex-direction:column;gap:3px;padding:7px 4px;font-size:11px}.page-header{align-items:center;flex-direction:row;gap:10px;margin-bottom:16px}.grid-two{grid-template-columns:1fr}.report-date-grid{grid-template-columns:minmax(0,1fr)}.daily-sticky{top:0;margin:0 -4px;border-radius:0 0 var(--radius) var(--radius);padding-top:max(10px,env(safe-area-inset-top))}.onboarding-preview{top:var(--visual-viewport-top, 0px);margin:0 -4px;align-items:flex-start;border-radius:0 0 var(--radius) var(--radius);flex-direction:column;padding-top:max(11px,env(safe-area-inset-top))}.cup-row{margin:0 -12px;padding-right:12px;padding-left:12px}.cup-button{flex-basis:96px;min-height:104px}.entry-tile-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.settings-row,.list-item,.modal__footer{align-items:stretch;flex-direction:column}.settings-row__control,.modal__footer .button{width:100%}.page-header__actions{width:auto}.button{width:100%}.icon-button,.day-selector .icon-button{width:38px;min-width:38px}.section-heading{align-items:stretch;flex-direction:column}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:88vh;border-radius:14px 14px 0 0}.toast-region{right:12px;bottom:86px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}