:root{--ink:#18181b;--ink-secondary:#525252;--muted:#71717a;--faint:#a1a1aa;--line:#e4e4e1;--hairline:#ececea;--paper:#fbfaf7;--surface:#fff;--field:#f4f3ef;--accent:#16a34a;--warn:#c2410c;--danger:#b91c1c;--shadow:0 18px 60px #18181b14;--font-mono:"JetBrains Mono", "IBM Plex Mono", ui-monospace, Menlo, monospace;--font-sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-feature-settings:"tnum" 1}body{background:linear-gradient(90deg, #18181b09 1px, transparent 1px), linear-gradient(0deg, #18181b06 1px, transparent 1px), var(--paper);background-size:34px 34px;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.58}a{color:inherit;text-decoration:none}.auth-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);background:#ffffffd1;padding:26px}.app{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fbfaf7e6;height:100vh;padding:24px 18px;position:sticky;top:0}.brand{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:26px;font-size:12px;font-weight:700;display:flex}.brand-mark{border:1px solid var(--ink);place-items:center;width:34px;height:34px;display:grid}.nav{gap:6px;display:grid}.nav a{min-height:42px;color:var(--muted);border:1px solid #0000;align-items:center;gap:10px;padding:0 11px;font-size:12px;display:flex}.nav a.active{color:var(--ink);border-color:var(--line);background:var(--surface)}.main{min-width:0;padding:28px clamp(16px,4vw,48px) 96px}.app-bar{z-index:15;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background-color:#fbfaf7f0;background-image:linear-gradient(90deg,#18181b09 1px,#0000 1px),linear-gradient(0deg,#18181b06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-bottom:1px solid #e4e4e1b8;justify-content:space-between;align-items:center;gap:18px;margin:-28px calc(-1*clamp(16px,4vw,48px)) 28px;padding:28px clamp(16px,4vw,48px) 18px;display:flex;position:sticky;top:0}.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:10px}h1,h2,h3,p{margin:0}h1{letter-spacing:0;font-size:clamp(28px,4vw,42px);line-height:1.05}h2{letter-spacing:0;font-size:18px}h3{font-size:14px}.muted{color:var(--muted)}.faint{color:var(--faint)}.mono-small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.grid{gap:14px;display:grid}.today-grid{grid-template-columns:minmax(320px,430px) minmax(360px,1fr) minmax(260px,340px);align-items:start}.two-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);background:#ffffffdb;border-radius:8px;padding:18px;box-shadow:0 1px #18181b05}.card-header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;display:flex}.kpi{font-size:34px;font-weight:700;line-height:1}.button,.icon-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 12px;transition:transform .12s,border-color .12s,background .12s,opacity .12s;display:inline-flex}.button:active,.icon-button:active,.day-pill:active,.habit-chip:active{transform:translateY(1px)scale(.98)}.button.primary{border-color:var(--ink);background:var(--ink);color:var(--surface)}.icon-button{width:38px;padding:0}.field{border:1px solid var(--line);background:var(--field);width:100%;min-height:42px;color:var(--ink);padding:0 12px}.setting-field{gap:6px;display:grid}.setting-field span{font-size:12px;font-weight:700}.setting-field em{color:var(--muted);font-size:11px;font-style:normal}.check-row{min-height:38px;color:var(--muted);align-items:center;gap:9px;font-size:12px;display:inline-flex}.day-picker{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.day-pill{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--muted)}.day-pill.is-selected{background:var(--ink);border-color:var(--ink);color:var(--surface)}.stack{gap:12px;display:grid}.row{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.ring-wrap{place-items:center;display:grid;position:relative}.ring-center{text-align:center;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.ring-track{stroke:var(--hairline)}.ring-value{stroke:var(--ink);transition:stroke-dashoffset .68s cubic-bezier(.22,1,.36,1)}.ring-value.secondary{stroke:var(--ink-secondary)}.legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.legend-item{border:1px solid var(--hairline);background:var(--paper);padding:10px}.habit-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.habit-chip{aspect-ratio:1;background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;display:flex}.habit-chip.is-done{background:var(--ink);color:var(--surface);border-color:var(--ink)}.habit-chip--multi{padding:10px 8px}.habit-chip--multi strong{font-size:22px;line-height:1}.habit-chip__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 6px;overflow:hidden}.habit-chip__streak{opacity:.76;font-size:10px}.mini-rings{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.mini-ring{justify-items:center;gap:6px;min-width:0;display:grid}.label-xs{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.list{gap:8px;display:grid}.list-row{border:1px solid var(--hairline);background:var(--paper);gap:8px;padding:12px;display:grid}.heatmap{grid-template-columns:repeat(14,1fr);gap:4px;display:grid}.heat-cell{aspect-ratio:1;border:1px solid var(--hairline);background:var(--surface)}.heat-cell[data-level="1"]{background:#e4e4e1}.heat-cell[data-level="2"]{background:#c8c8c3}.heat-cell[data-level="3"]{background:#85857f}.heat-cell[data-level="4"]{background:var(--ink)}.spark,.bars{width:100%;height:126px;overflow:visible}.bottom-nav{display:none}.empty{border:1px dashed var(--line);color:var(--muted);background:#ffffff94;padding:18px}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18181b42;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow);border-radius:8px;gap:14px;padding:18px;display:grid}.finance-screen{color:#1b1b20;width:min(430px,100%);font-family:var(--font-mono);gap:14px;margin:0 auto;display:grid}.finance-hero{justify-content:space-between;align-items:end;gap:16px;padding:4px 4px 6px;display:flex}.finance-kicker,.finance-panel-head{color:#8f8f94;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.finance-hero h2{margin-top:6px;font-size:22px;line-height:1}.finance-pill{border:1px solid var(--line);background:var(--surface);color:#77777c;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:0 13px;font-size:11px;display:inline-flex}.finance-panel{border:1px solid var(--line);background:#ffffffe6;border-radius:14px;padding:18px 16px;box-shadow:0 1px #18181b05}.finance-panel-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.finance-total{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.finance-total strong{letter-spacing:0;font-size:clamp(42px,12vw,54px);line-height:.95}.finance-total span,.finance-track,.finance-goal-row em{color:#9a9a9f;font-style:normal}.finance-progress,.finance-goal-progress{background:#ececeb;border-radius:999px;height:7px;overflow:hidden}.finance-progress span{border-radius:inherit;background:#1b1b20;height:100%;display:block}.finance-track{justify-content:space-between;gap:12px;margin-top:10px;font-size:12px;display:flex}.finance-track strong{color:var(--accent);white-space:nowrap;font-size:12px}.finance-bars{grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;gap:8px;height:126px;margin-top:22px;display:grid}.finance-bar-item{grid-template-rows:1fr 16px;place-items:end center;min-width:0;height:100%;display:grid}.finance-bar-item span{background:#d4d4d2;border-radius:2px 2px 0 0;width:100%}.finance-bar-item span.is-today{background:#1b1b20}.finance-bar-item em{color:#b1b1b4;font-size:11px;font-style:normal}.finance-goals{gap:13px;display:grid}.finance-goal{gap:8px;display:grid}.finance-goal-row,.finance-entry{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.finance-goal-row span{color:#55555c;white-space:nowrap;font-size:13px}.finance-goal-name{color:#1b1b20;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:start;align-items:center;gap:6px;min-height:24px;padding:0;font-size:13px;display:inline-flex}.finance-goal-progress span{border-radius:inherit;background:var(--accent);height:100%;display:block}.finance-goal-action{grid-template-columns:minmax(0,1fr) 34px;gap:8px;margin-top:2px;display:grid}.finance-goal-action input{border:1px solid var(--line);background:var(--field);min-width:0;min-height:34px;padding:0 10px}.finance-goal-action button{border:1px solid var(--line);background:var(--surface);color:#1b1b20;place-items:center;min-height:34px;display:grid}.finance-recent{padding-bottom:10px}.finance-entry-list{display:grid}.finance-entry{border-bottom:1px solid var(--hairline);grid-template-columns:52px minmax(0,1fr) auto;min-height:44px;font-size:13px}.finance-entry span{color:#8f8f94}.finance-entry strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.finance-entry em{color:#3d3d43;font-style:normal;font-weight:700}.finance-empty{color:#8f8f94;padding:8px 0;font-size:12px}.finance-entry-modal{align-content:start}.weight-screen{color:#1b1b20;width:min(430px,100%);font-family:var(--font-mono);gap:14px;margin:0 auto;display:grid}.weight-hero{justify-content:space-between;align-items:end;gap:16px;padding:4px;display:flex}.weight-hero h2{margin-top:6px;font-size:20px;line-height:1}.weight-panel{border:1px solid var(--line);background:#ffffffe6;border-radius:14px;padding:16px;box-shadow:0 1px #18181b05}.weight-summary{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;margin-bottom:10px;display:grid}.weight-summary>div:first-child strong{letter-spacing:0;font-size:clamp(46px,13vw,58px);line-height:.95}.weight-summary>div:first-child span{color:#8f8f94;text-transform:uppercase;margin-left:8px;font-size:12px;font-weight:700}.weight-summary>div:last-child{text-align:right;padding-top:12px}.weight-summary>div:last-child span{color:#8f8f94;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.weight-summary>div:last-child strong{font-size:18px;line-height:1.1;display:block}.weight-summary p{color:#8f8f94;margin-top:3px;font-size:11px;font-weight:700}.is-good{color:var(--accent)!important}.is-up{color:var(--warn)!important}.weight-ranges{border:1px solid var(--line);border-radius:7px;grid-auto-flow:column;margin:4px 0 14px;display:inline-grid;overflow:hidden}.weight-ranges button{border:0;border-right:1px solid var(--line);background:var(--surface);color:#8f8f94;min-width:40px;min-height:28px;font-size:11px}.weight-ranges button:last-child{border-right:0}.weight-ranges button.is-active{color:var(--surface);background:#1b1b20}.weight-chart{background:linear-gradient(#f4f3eff2,#f4f3efcc);grid-template-rows:minmax(0,1fr) 24px;min-height:176px;padding:12px 0 0;display:grid}.weight-chart svg{width:100%;height:136px;overflow:visible}.weight-empty-chart{color:#8f8f94;place-items:center;min-height:136px;font-size:12px;display:grid}.weight-axis{color:#a9a9ad;justify-content:space-between;padding:0;font-size:10px;font-weight:700;display:flex}.weight-entry-list{display:grid}.weight-entry{border-bottom:1px solid var(--hairline);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;min-height:44px;font-size:12px;display:grid}.weight-entry:last-child{border-bottom:0}.weight-entry span,.weight-entry strong{color:#74747a}.weight-entry strong{font-weight:700}.weight-entry em{text-align:right;color:#a9a9ad;min-width:42px;font-style:normal;font-weight:700}.water-screen{color:#1b1b20;width:min(430px,100%);font-family:var(--font-mono);gap:14px;margin:0 auto;display:grid}.water-panel{border:1px solid var(--line);background:#ffffffe6;border-radius:14px;padding:16px;box-shadow:0 1px #18181b05}.water-main-panel{justify-items:center;gap:16px;padding:26px 16px;display:grid}.water-ring{aspect-ratio:1;place-items:center;width:min(250px,76vw);display:grid;position:relative}.water-ring svg{width:100%;height:100%;transform:rotate(-84deg)}.water-ring-track,.water-ring-value{fill:none;stroke-linecap:round}.water-ring-track{stroke:#ececeb}.water-ring-value{stroke:#1b1b20;transition:stroke-dashoffset .68s cubic-bezier(.22,1,.36,1)}.water-ring-center{text-align:center;align-content:center;place-items:center;gap:6px;display:grid;position:absolute;inset:0}.water-ring-center strong{letter-spacing:0;font-size:clamp(58px,18vw,76px);line-height:.9}.water-ring-center span{color:#6f6f76;text-transform:uppercase;font-size:16px}.water-total{text-align:center}.water-total strong{font-size:20px}.water-total span,.water-total p{color:#8f8f94}.water-total span{text-transform:uppercase;font-size:13px;font-weight:700}.water-total p{margin-top:2px;font-size:12px}.water-add,.water-undo{text-transform:uppercase;letter-spacing:.08em;border-radius:18px;justify-content:center;align-items:center;gap:12px;width:min(100%,360px);font-weight:700;display:inline-flex}.water-add-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,360px);display:grid}.water-add{min-height:82px;color:var(--surface);background:#1b1b20;border:0;padding:0 10px;font-size:18px}.water-undo{border:1px solid var(--line);background:var(--surface);color:#8f8f94;min-height:44px;font-size:12px}.water-week-bars{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:7px;height:126px;padding-top:12px;display:grid}.water-week-item{grid-template-rows:1fr 18px;place-items:end center;min-width:0;height:100%;display:grid}.water-week-item span{background:#d4d4d2;border-radius:3px 3px 0 0;width:100%}.water-week-item span.is-today{background:#1b1b20}.water-week-item em{color:#a9a9ad;font-size:11px;font-style:normal}.water-actions-mini{grid-template-columns:38px repeat(2,minmax(74px,auto));align-items:center;gap:8px;display:grid}.water-actions-mini .button{min-height:38px;padding:0 10px}.golf-screen{color:#1b1b20;width:min(430px,100%);font-family:var(--font-mono);gap:14px;margin:0 auto;display:grid}.golf-panel{border:1px solid var(--line);background:#ffffffe6;border-radius:14px;padding:16px;box-shadow:0 1px #18181b05}.golf-tabs{margin-bottom:14px}.golf-tabs button{min-width:80px}.golf-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.golf-stats div{border:1px solid var(--hairline);background:var(--paper);padding:10px}.golf-stats span{color:#8f8f94;letter-spacing:.08em;text-transform:uppercase;font-size:10px;display:block}.golf-stats strong{margin-top:4px;font-size:18px;display:block}.golf-chart{background:linear-gradient(#f4f3eff2,#f4f3efc7);min-height:160px;padding:12px 0}.golf-chart svg{width:100%;height:150px;overflow:visible}.golf-par-line{stroke:#c8c8c3;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}.golf-round-list{display:grid}.golf-round-row{border-bottom:1px solid var(--hairline);grid-template-columns:54px minmax(0,1fr) auto 42px;align-items:center;gap:12px;min-height:44px;font-size:12px;display:grid}.golf-round-row:last-child{border-bottom:0}.golf-round-row span{color:#8f8f94}.golf-round-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.golf-round-row em{font-style:normal;font-weight:700}.golf-round-row b{text-align:right;font-size:12px}@media (prefers-reduced-motion:reduce){.ring-value,.water-ring-value{transition:none}}.toast-stack{right:clamp(14px,3vw,28px);top:calc(clamp(14px, 3vw, 28px) + env(safe-area-inset-top));z-index:60;pointer-events:none;gap:8px;width:min(320px,100vw - 28px);display:grid;position:fixed}.toast{border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--surface);color:var(--ink);box-shadow:var(--shadow);border-radius:8px;padding:12px 14px;font-size:12px}.toast-error{border-left-color:var(--danger)}.toast-info{border-left-color:var(--ink-secondary)}@media (width<=1060px){.today-grid,.two-grid{grid-template-columns:1fr}}@media (width<=760px){.app{display:block}.sidebar{display:none}.main{padding:18px 14px calc(112px + env(safe-area-inset-bottom))}.app-bar{padding:calc(18px + env(safe-area-inset-top)) 14px 14px;align-items:start;margin:-18px -14px 18px}.habit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-rings{grid-template-columns:repeat(5,minmax(44px,1fr));overflow-x:auto}.bottom-nav{z-index:20;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding-bottom:calc(12px + env(safe-area-inset-bottom));background:#fbfaf7f0;grid-template-columns:repeat(7,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{min-height:58px;color:var(--muted);place-items:center;display:grid}.bottom-nav a.active{color:var(--ink);background:var(--surface)}}