:root {font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-synthesis:none; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased;}
* {box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}a{color:var(--accent)}
body[data-theme="ocean"]{--bg:#08131c;--sidebar:#0b1721;--panel:#111f29;--panel2:#152630;--line:#273740;--text:#edf5f5;--muted:#9aadb4;--soft:#71939d;--accent:#82ebc5;--accent2:#52bba3;--accent-rgb:130,235,197;--hero-a:#153d40;--hero-b:#0b2b37;--purple:#b8aaff;--blue:#7cb6ff;--yellow:#f7d88c}
body[data-theme="forest"]{--bg:#101711;--sidebar:#131b14;--panel:#1a251b;--panel2:#203023;--line:#344437;--text:#f2f5ed;--muted:#aebbab;--soft:#93aa8e;--accent:#c4e894;--accent2:#90b86d;--accent-rgb:196,232,148;--hero-a:#294b31;--hero-b:#193626;--purple:#d3b4ed;--blue:#a0cacc;--yellow:#f6d98e}
body[data-theme="sunset"]{--bg:#1b1519;--sidebar:#20191c;--panel:#2b2125;--panel2:#34262d;--line:#48373c;--text:#fff1ec;--muted:#c3aaa8;--soft:#b89499;--accent:#ffc09e;--accent2:#eb917f;--accent-rgb:255,192,158;--hero-a:#78424a;--hero-b:#503442;--purple:#dec5ff;--blue:#acc9f8;--yellow:#fbe09c}
body[data-theme="mono"]{--bg:#101113;--sidebar:#161719;--panel:#1f2124;--panel2:#26282b;--line:#3c3f41;--text:#f8f9f9;--muted:#adb1b4;--soft:#8f989c;--accent:#eef2f1;--accent2:#b6c0bf;--accent-rgb:238,242,241;--hero-a:#363a3e;--hero-b:#202326;--purple:#d5d5d5;--blue:#e2e2e2;--yellow:#fafafa}
.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 17px 23px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:11px;align-items:center;padding:1px 10px 47px}.brand-symbol{width:39px;height:39px;display:grid;place-items:center;border:1px solid rgba(var(--accent-rgb),.36);background:rgba(var(--accent-rgb),.08);color:var(--accent);border-radius:12px}.brand-symbol svg{width:27px}.brand strong{font-size:29px;line-height:1;letter-spacing:-1.8px;font-weight:820}.brand strong span{color:var(--accent)}.brand small{display:block;white-space:nowrap;font-weight:700;letter-spacing:1.2px;font-size:7px;color:var(--soft);margin-top:5px}.side-group-label,.eyebrow{color:var(--accent);font-size:10px;font-weight:850;letter-spacing:2px}.side-group-label{color:var(--soft);padding:0 16px;margin-bottom:14px;font-size:9px}.main-nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:13px;text-align:left;padding:13px 16px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:12px;font-weight:650;transition:.18s}.nav-item:hover{color:var(--text);background:var(--panel)}.nav-item.active{color:var(--accent);background:rgba(var(--accent-rgb),.09);border-color:rgba(var(--accent-rgb),.11)}.nav-icon{font-size:20px;line-height:1;width:22px;text-align:center}.sidebar-bottom{margin-top:auto}.privacy-mark{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:15px 12px}.privacy-mark strong{font-size:11px;display:inline-block;color:var(--text)}.privacy-mark small{display:block;color:var(--muted);font-size:10px;margin:5px 0 0 13px}.dot{display:inline-block;border-radius:50%;width:6px;height:6px;background:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.5)}.version{font-size:9px;letter-spacing:1.4px;color:var(--soft);margin:26px 12px 0}.version span{margin:0 6px}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,70px);border-bottom:1px solid var(--line);gap:20px}.breadcrumb{display:flex;gap:12px;font-size:10px;letter-spacing:1.3px;color:var(--soft)}.breadcrumb strong{color:var(--text);font-weight:700}.breadcrumb b{color:#51666d;font-weight:400}.top-actions{display:flex;align-items:center;gap:26px}.saved-indicator{font-size:11px;color:var(--muted);white-space:nowrap}.saved-indicator .dot{margin-right:7px}main{width:min(100%,1370px);margin:0 auto;flex:1;padding:33px clamp(24px,5vw,70px) 55px}.view{display:none}.view.active{display:block}.hero{position:relative;overflow:hidden;background:linear-gradient(110deg,var(--hero-a),var(--hero-b) 64%,#12212a 110%);border:1px solid rgba(var(--accent-rgb),.19);border-radius:20px;padding:31px 35px 21px;min-height:236px}.hero .eyebrow.light{color:#b9dbd2}.eyebrow-line{display:inline-block;width:26px;height:1px;vertical-align:middle;background:rgba(255,255,255,.36);margin:0 9px}.hero h1,.section-hero h1{margin:14px 0 7px;font-size:clamp(38px,4vw,52px);line-height:1.05;letter-spacing:-2px;font-weight:820}.hero h1 em,.section-hero h1 em{color:var(--accent);font-style:normal}.hero p{font-size:14px;color:#bfdbd8;line-height:1.8;position:relative;z-index:1}.hero-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:24px;padding-top:13px;display:flex;justify-content:space-between;gap:15px;color:#bcd7d4;font-size:10px;letter-spacing:.7px;position:relative;z-index:1}.hero-date{font-weight:750}.hero-deco{position:absolute;right:-10px;top:-85px;width:365px;height:365px;opacity:.38;pointer-events:none}.orbit{position:absolute;border:1px solid rgba(var(--accent-rgb),.4);border-radius:50%}.orbit-one{inset:15px}.orbit-two{inset:85px;border-width:32px;border-color:rgba(var(--accent-rgb),.07)}.hero-drop{position:absolute;font-size:125px;color:var(--accent);left:105px;top:75px;opacity:.28}
.content-header{margin-top:32px;margin-bottom:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.content-header h2{font-size:27px;margin:4px 0 0;letter-spacing:-.6px}.date-controls{display:flex;align-items:center;gap:8px}.date-controls input{color:var(--text);background:var(--panel);border:1px solid var(--line);padding:8px;border-radius:9px;min-width:145px;color-scheme:dark}.icon-btn{background:var(--panel);color:var(--text);border:1px solid var(--line);width:37px;height:37px;display:inline-grid;place-items:center;border-radius:10px;font-size:24px;line-height:1}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.btn{padding:11px 16px;border-radius:10px;border:1px solid transparent;font-size:12px;font-weight:750;transition:.15s}.btn:hover{filter:brightness(1.08)}.btn-small{padding:9px 13px}.btn-ghost{color:var(--accent);background:rgba(var(--accent-rgb),.09);border-color:rgba(var(--accent-rgb),.2)}.btn-outline{color:var(--text);background:var(--panel2);border-color:var(--line)}.btn-primary{background:var(--accent);color:#11211d}.btn-danger-subtle{background:rgba(252,122,125,.08);color:#ff9f9e;border-color:rgba(252,122,125,.25)}.btn-wide{width:100%;margin-top:20px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:19px 17px 16px;min-width:0}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:1.1px}.metric-symbol{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:rgba(var(--accent-rgb),.11);font-size:17px;color:var(--accent)}.metric-symbol.purple{color:var(--purple);background:rgba(173,154,248,.12)}.metric-symbol.blue{color:var(--blue);background:rgba(111,179,242,.12)}.metric-symbol.yellow{color:var(--yellow);background:rgba(255,223,128,.12)}.metric-main{display:flex;align-items:baseline;gap:7px;margin-top:5px;min-width:0}.metric-main strong{font-size:clamp(28px,3vw,39px);font-weight:760;letter-spacing:-1.8px;line-height:1.2;font-variant-numeric:tabular-nums}.metric-main span{color:var(--muted);font-size:12px}.metric-foot{color:var(--soft);font-size:10px;border-top:1px solid var(--line);margin-top:15px;padding-top:11px}.main-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:15px;margin-top:15px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:23px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.panel h3{font-size:19px;letter-spacing:-.5px;line-height:1.25;margin:4px 0 0;font-weight:780}.muted{color:var(--muted);line-height:1.7}.small{font-size:11px}.panel p.muted{font-size:12px;margin:0 0 19px}.pill{font-size:9px;letter-spacing:1px;font-weight:800;color:var(--accent);background:rgba(var(--accent-rgb),.09);padding:7px 9px;border-radius:30px}.quick-section-label{color:var(--soft);font-size:10px;font-weight:700;letter-spacing:1.3px;margin:19px 0 10px}.quick-grid{display:grid;gap:9px}.quick-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-action{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);background:var(--panel2);padding:15px 11px;border-radius:11px;min-width:0;color:var(--text);transition:.16s}.quick-action:hover{border-color:rgba(var(--accent-rgb),.5);transform:translateY(-1px)}.quick-action.wc{background:rgba(var(--accent-rgb),.075)}.quick-action.night{background:rgba(173,154,248,.065)}.quick-icon{color:var(--accent);display:grid;place-items:center;font-size:19px;flex-shrink:0}.night .quick-icon{color:var(--purple)}.quick-action strong{display:block;font-size:11px;white-space:nowrap}.quick-action small{display:block;color:var(--soft);font-size:9px;margin-top:2px}.quick-action b{margin-left:auto;color:var(--accent);font-size:20px;font-weight:450}.drink-action{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;padding:12px 3px}.drink-action span{font-size:20px;color:var(--blue);line-height:1.1}.drink-action strong{font-size:12px;line-height:1.2}.drink-action small{font-size:9px}.mini-count{font-size:10px;color:var(--muted)}.timeline-list{max-height:416px;overflow:auto;scrollbar-width:thin}.event-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.event-row:first-child{border-top:none}.event-bubble{width:31px;height:31px;display:grid;place-items:center;color:var(--accent);border-radius:9px;background:rgba(var(--accent-rgb),.1);font-size:17px}.event-bubble.drink{color:var(--blue);background:rgba(111,179,242,.11)}.event-bubble.night{color:var(--purple);background:rgba(185,169,255,.1)}.event-main{min-width:0}.event-main strong{display:block;font-size:12px}.event-main small{display:block;font-size:10px;color:var(--soft);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.event-right{display:flex;align-items:center;gap:9px}.event-time{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.edit-event{border:1px solid var(--line);background:transparent;color:var(--muted);width:27px;height:27px;border-radius:7px}.edit-event:hover{color:var(--accent);border-color:var(--accent)}.empty-state{padding:30px 12px;text-align:center;color:var(--muted)}.empty-state .empty-icon{font-size:33px;margin-bottom:9px;color:var(--accent)}.empty-state strong{display:block;color:var(--text);font-size:13px}.empty-state p{font-size:11px;margin:6px auto;max-width:260px}.trend-panel{margin-top:15px}.link-button{background:none;border:none;color:var(--accent);font-size:12px;font-weight:700}.mini-trend{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.mini-day{text-align:center;min-width:0}.mini-bars{display:flex;align-items:end;justify-content:center;gap:4px;height:77px;border-bottom:1px solid var(--line);padding-bottom:5px}.mini-bar{width:14px;max-width:44%;background:var(--accent);border-radius:4px 4px 1px 1px;min-height:3px;opacity:.83}.mini-bar.night-bar{background:var(--purple)}.mini-day .day-short{color:var(--muted);font-size:10px;margin-top:8px}.mini-day .day-num{color:var(--soft);font-size:9px}.mini-day.current .day-short{color:var(--accent);font-weight:800}.notice{display:flex;gap:12px;margin-top:15px;background:rgba(var(--accent-rgb),.045);border:1px solid rgba(var(--accent-rgb),.12);padding:14px 17px;border-radius:12px;color:var(--muted)}.notice>span{font-size:19px;color:var(--accent)}.notice p{font-size:11px;line-height:1.65;margin:0}.notice strong{color:var(--text)}.notice.compact{margin:10px 0 0}.footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:22px clamp(24px,5vw,70px);color:var(--soft);font-size:9px;letter-spacing:1px}.mobile-nav{display:none}
/* history, analyses, settings */
.section-hero{padding:14px 0 25px}.section-hero h1{margin:12px 0 8px}.section-hero p{color:var(--muted);font-size:13px}.wrap-heading{flex-wrap:wrap}.inline-controls{display:flex;gap:8px;flex-wrap:wrap}.input{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:11px 12px;min-width:0;width:100%;color-scheme:dark}.input.compact{font-size:11px;padding:8px 10px;width:auto}.history-group{margin-top:19px}.history-group-title{font-weight:750;font-size:13px;display:flex;gap:12px;justify-content:space-between;background:var(--panel2);padding:9px 13px;border-radius:9px}.history-group-title span{font-size:11px;color:var(--muted);font-weight:500}.history-group .event-row{margin:0 6px}.section-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:14px}.segmented{display:inline-flex;gap:3px;padding:4px;border-radius:11px;border:1px solid var(--line);background:var(--panel2)}.segment{border:0;background:transparent;color:var(--muted);border-radius:8px;font-size:12px;padding:8px 13px;font-weight:700}.segment.active{color:#15221c;background:var(--accent)}.insights-metrics{margin-bottom:16px}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.bar-chart{height:220px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:end;gap:8px;padding:12px 4px 0}.chart-column{height:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:5px}.chart-value{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;min-height:17px}.chart-bars{height:159px;width:100%;display:flex;align-items:end;justify-content:center;gap:3px;border-bottom:1px solid var(--line)}.chart-bar{width:min(24px,45%);min-height:2px;background:var(--accent);border-radius:5px 5px 0 0}.chart-bar.night-bar{background:var(--purple)}.chart-bar.ocean-bar{background:var(--blue)}.chart-bar.no-data{background:var(--line);opacity:.65;min-height:2px}.chart-label{font-size:10px;color:var(--muted)}.chart-legend{display:flex;gap:18px;justify-content:center;margin-top:16px;color:var(--muted);font-size:10px}.legend-dot{display:inline-block;border-radius:2px;width:9px;height:9px;margin-right:5px;background:var(--accent)}.legend-dot.lilac{background:var(--purple)}.legend-dot.ocean{background:var(--blue)}.insight-note{margin-top:15px}.insight-note h3{margin:8px 0 10px}.insight-note p{font-size:12px}.health-message{background:var(--panel2);border-radius:11px;padding:13px;margin-top:16px;font-size:11px;color:var(--muted);line-height:1.7}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.theme-choice{padding:9px 7px;min-width:0;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--text);display:flex;flex-direction:column;align-items:center;gap:4px}.theme-choice.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-choice b{font-size:11px}.theme-choice small{font-size:9px;color:var(--muted);text-align:center}.theme-swatch{height:50px;width:100%;border-radius:7px}.ocean-swatch{background:linear-gradient(135deg,#172934,#79edc2)}.forest-swatch{background:linear-gradient(135deg,#2b4d2d,#c4e894)}.sunset-swatch{background:linear-gradient(135deg,#513443,#ffc09e)}.mono-swatch{background:linear-gradient(135deg,#25292e,#dedede)}.setting-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:16px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field>span{color:var(--muted);font-size:11px;font-weight:700}.stack-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stack-buttons .btn{text-align:center}.stack-buttons .btn-danger-subtle{grid-column:span 2}.privacy-detail{display:flex;gap:13px}.privacy-icon{font-size:31px;line-height:1;color:var(--accent)}.privacy-detail p{margin:0;font-size:12px;color:var(--muted);line-height:1.8}.privacy-detail strong{color:var(--text)}
/* modal */
.entry-dialog{width:min(540px,calc(100% - 28px));max-height:min(92vh,850px);overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);padding:0;box-shadow:0 35px 110px rgba(0,0,0,.55)}.entry-dialog::backdrop{background:rgba(1,10,16,.76);backdrop-filter:blur(6px)}.modal-header{padding:23px 25px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-header h2{font-size:23px;margin:4px 0 0}.modal-body{padding:4px 25px 15px}.modal-segments{display:flex;margin-bottom:20px}.modal-segments .segment{flex:1}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.textarea{resize:vertical}.check-field{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);margin:6px 0 18px}.check-field input{accent-color:var(--accent);width:16px;height:16px}.modal-footer{border-top:1px solid var(--line);padding:17px 25px 23px;display:flex;justify-content:space-between;gap:12px}.modal-actions{margin-left:auto;display:flex;gap:9px}.form-error{background:rgba(255,105,105,.11);color:#ffb0b0;border:1px solid rgba(255,105,105,.24);border-radius:9px;padding:10px;margin-top:9px}.toast{position:fixed;bottom:25px;right:26px;background:var(--accent);color:#102820;font-weight:750;font-size:12px;border-radius:11px;padding:13px 17px;box-shadow:0 9px 45px rgba(0,0,0,.35);transform:translateY(120px);opacity:0;pointer-events:none;transition:.25s;z-index:90}.toast.show{transform:translateY(0);opacity:1}.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}
@media (max-width:1200px){.app-shell{grid-template-columns:212px minmax(0,1fr)}.sidebar{padding-inline:12px}.metrics-grid{gap:9px}.metric-card{padding:14px}.main-grid{grid-template-columns:1fr}.timeline-list{max-height:310px}.settings-grid{grid-template-columns:1fr 1fr}.theme-grid{grid-template-columns:repeat(2,1fr)}.quick-grid.four{grid-template-columns:repeat(4,1fr)}}
@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{height:60px;padding-inline:22px}main{padding:24px 22px 100px}.hero{min-height:215px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;padding:7px max(12px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));background:var(--sidebar);border-top:1px solid var(--line);justify-content:space-around}.mobile-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;border:none;background:transparent;color:var(--muted);font-size:21px;padding:5px 12px;min-width:68px}.mobile-nav button span{font-size:9px}.mobile-nav button.active{color:var(--accent)}.footer{padding:17px 22px 95px}.top-actions{gap:10px}}
@media (max-width:575px){.topbar{padding:0 15px}.breadcrumb span{display:none}.breadcrumb b{display:none}.saved-indicator{display:none}main{padding:18px 13px 80px}.hero{padding:26px 23px 15px;min-height:210px}.hero h1{font-size:41px}.hero p{font-size:12px}.hero-deco{right:-190px}.hero-bottom{margin-top:24px;font-size:9px}.hero-date{display:none}.content-header{margin-top:25px;align-items:flex-start;flex-direction:column;gap:13px}.content-header h2{font-size:24px}.date-controls{width:100%;justify-content:space-between}.date-controls input{flex:1;min-width:0;font-size:12px}.metrics-grid{gap:8px}.metric-card{padding:13px 11px}.metric-top{font-size:9px;letter-spacing:.5px}.metric-main strong{font-size:31px}.metric-foot{font-size:9px}.panel{padding:18px 15px}.quick-grid.four{grid-template-columns:repeat(2,1fr)}.quick-action.drink-action{padding:12px 3px}.event-right{gap:5px}.analytics-grid{grid-template-columns:1fr}.section-hero h1{font-size:43px}.section-toolbar{align-items:flex-start;flex-direction:column}.theme-grid{grid-template-columns:repeat(2,1fr)}.stack-buttons{grid-template-columns:1fr}.stack-buttons .btn-danger-subtle{grid-column:auto}.footer{font-size:8px;display:block}.footer span{display:block;margin-bottom:4px}.form-two{gap:8px}.modal-header{padding:20px 17px 14px}.modal-body{padding:4px 17px 12px}.modal-footer{padding:16px 17px 20px}.date-controls .btn{padding:8px}.entry-dialog{max-height:90dvh}.toast{left:14px;right:14px;bottom:83px;text-align:center}}
@media print{.sidebar,.topbar,.mobile-nav,.footer,.top-actions,.btn,.edit-event{display:none!important}.app-shell{display:block}main{padding:10px}.panel,.metric-card{break-inside:avoid}.view:not(.active){display:none!important}body{background:white!important;color:#111!important}.panel,.metric-card{border-color:#aaa!important;background:white!important}.muted,.caption{color:#333!important}}