*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:#eae2d2;font-family:Figtree,system-ui,-apple-system,sans-serif}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fernSway{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=range]{-webkit-appearance:none;appearance:none;height:4px;border-radius:99px;background:var(--surface-2);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;border-radius:50%;background:#fff;border:3px solid var(--color-amber);cursor:pointer}input[type=range]::-moz-range-thumb{width:17px;height:17px;border-radius:50%;background:#fff;border:3px solid var(--color-amber);cursor:pointer}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3a2e222e;border-radius:99px}:root{--color-bg: #eae2d2;--color-bg2: #f3e9d8;--color-text: #3a2e22;--color-dim: #5b4a34;--color-faint: #7a6644;--color-muted: #8a7a66;--color-ghost: #a38f6e;--color-dead: #c9ae86;--color-mid: #6b5d48;--color-green: #7c9473;--color-amber: #d9863b;--color-red: #c2543a;--color-accent: #c9713f;--color-dark: #3a2e22;--color-cream: #fbf2e2;--color-quote-bg: #fbf2e2;--color-quote-border: #ebdcc0;--surface-0: #ffffff;--surface-1: #ffffff;--surface-2: #f6eedd;--surface-3: #f6e9cb;--border-subtle: rgba(58, 46, 34, .06);--border-1: rgba(58, 46, 34, .08);--border-2: rgba(58, 46, 34, .12);--border-3: rgba(58, 46, 34, .18);--border-4: rgba(58, 46, 34, .24);--surface-amber: rgba(217, 134, 59, .09);--border-amber: rgba(217, 134, 59, .3);--f-sans: "Figtree", system-ui, -apple-system, sans-serif;--f-mono: "Figtree", system-ui, -apple-system, sans-serif;--f-serif: "Lora", Georgia, serif;--fs-2xs: 11px;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 15px;--fs-lg: 20px;--fs-xl: 24px;--fs-2xl: 32px;--fs-3xl: 48px;--fs-4xl: 68px;--widget-radius: 16px;--widget-padding: 16px;--widget-gap: 14px;--widget-title-size: 9.5px;--widget-title-tracking: .1em;--widget-headline-size: 17px;--widget-hero-value-size: 26px;--widget-stat-size: 18px;--widget-caption-size: var(--fs-2xs)}.app-shell{min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--f-sans);display:flex;flex-direction:column;align-items:center;padding:28px 16px 100px}.app-sidebar{width:100%;max-width:480px}.app-panel{width:100%;max-width:480px;background:var(--color-bg2);border:1px solid var(--border-1);border-radius:20px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:var(--widget-gap);margin-top:20px}.ring-stats-row{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.stat-boxes{display:flex;gap:8px;width:100%}.app-footer{font-size:var(--fs-2xs);color:var(--color-ghost);font-family:var(--f-mono);text-align:center;line-height:1.8}.insight-card{width:100%;background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--widget-radius);padding:var(--widget-padding);box-shadow:0 1px 3px #3a2e220f}.insight-card--bad{background:#c2543a12;border-color:#c2543a40}.insight-card--watch{background:#d9863b14;border-color:#d9863b40}.insight-card--good{background:#7c947317;border-color:#7c947338}.insight-text{font-family:var(--f-sans);font-size:var(--fs-sm);font-weight:600;line-height:1.45;color:var(--color-text)}.insight-text em{font-style:normal}.insight-text--compact{font-size:var(--fs-xs);line-height:1.3}.quote-card{width:100%;background:var(--color-quote-bg);border:1px solid var(--color-quote-border);border-radius:13px;padding:12px 14px;font-family:var(--f-serif);font-style:italic;font-size:13px;line-height:1.55;color:var(--color-dim)}.stat-strip{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}.stat-strip-tile{background:var(--surface-1);border:1px solid var(--border-1);border-radius:10px;padding:10px 12px;box-shadow:0 1px 3px #3a2e220d}.stat-strip-label{font-family:var(--f-mono);font-size:9px;font-weight:600;color:var(--color-faint);text-transform:uppercase;letter-spacing:.16em;margin-bottom:3px}.stat-strip-value{font-family:var(--f-mono);font-size:var(--fs-xl);font-weight:700;letter-spacing:-.03em;line-height:1}.stat-strip-sub{font-family:var(--f-mono);font-size:9px;font-weight:500;color:var(--color-faint);margin-top:2px}.chip-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;width:100%}.chip-btn{padding:11px 0;border-radius:9px;border:1px solid transparent;font-family:var(--f-mono);font-size:var(--fs-base);font-weight:700;letter-spacing:-.02em;cursor:pointer;transition:transform .1s;background:var(--surface-2);color:var(--color-dim)}.chip-btn--selected{transform:scale(1.06);color:var(--color-cream)}.chip-btn--committed{border-color:var(--border-3);color:var(--color-text);background:var(--surface-3)}.day-tiles{display:flex;gap:5px;width:100%}.day-tile{flex:1;padding:12px 0 10px;border-radius:10px;border:1px solid var(--border-1);background:var(--surface-0);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;transition:background .12s;box-shadow:0 1px 3px #3a2e220d}.day-tile--today{background:var(--surface-3);border-color:var(--border-3)}.day-tile--weekend{background:#c9713f0f;border-color:#c9713f2e}.day-tile--missing{background:var(--surface-amber);border-color:var(--border-amber)}.day-tile--future{opacity:.4;cursor:default;box-shadow:none}.day-tile__label{font-family:var(--f-sans);font-size:9px;font-weight:600;letter-spacing:.06em;color:var(--color-faint)}.day-tile__label--weekend{color:var(--color-accent)}.day-tile__value{font-family:var(--f-mono);font-size:19px;font-weight:700;letter-spacing:-.03em;color:var(--color-dead)}.wknd-bar-row{display:flex;align-items:center;gap:8px;padding:3px 0}.wknd-bar-label{width:50px;font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:500;color:var(--color-faint);letter-spacing:.04em;flex-shrink:0}.wknd-bar-track{flex:1;position:relative;height:24px;background:var(--surface-0);border:1px solid var(--border-1);border-radius:6px;overflow:visible}.wknd-bar-fill{position:absolute;left:0;top:0;bottom:0;display:flex;border-radius:5px;overflow:hidden}.wknd-bar-goal{position:absolute;top:-3px;bottom:-3px;width:1px;background:#3a2e2259}.wknd-bar-segment{display:flex;align-items:center;justify-content:center;font-family:var(--f-mono);font-size:9px;font-weight:700;color:var(--color-cream);cursor:pointer}.wknd-bar-total{width:28px;text-align:right;font-family:var(--f-mono);font-size:14px;font-weight:800;letter-spacing:-.02em;flex-shrink:0}.month-bars-block{width:100%;background:var(--surface-0);border:1px solid var(--border-1);border-radius:var(--widget-radius);padding:var(--widget-padding);box-shadow:0 1px 3px #3a2e220d}.month-bars-row{display:flex;align-items:flex-end;gap:2px;height:36px}.month-bar{flex:1;border-radius:2px;border:1px solid transparent}.month-labels-row{display:flex;gap:2px;margin-top:4px}.month-label{flex:1;text-align:center;font-family:var(--f-mono);font-size:8px;font-weight:500;color:var(--color-ghost)}.card{width:100%;background:var(--surface-0);border:1px solid var(--border-1);border-radius:var(--widget-radius);padding:var(--widget-padding);box-shadow:0 1px 3px #3a2e220d}.widget-title{font-size:var(--widget-title-size);font-weight:700;letter-spacing:var(--widget-title-tracking);text-transform:uppercase;color:var(--color-ghost);margin-bottom:10px}.widget-title--inline{margin-bottom:0}.widget-headline{font-family:var(--f-serif);font-style:italic;font-size:var(--widget-headline-size);color:var(--color-text)}.widget-stat{font-family:var(--f-sans);font-weight:800;font-size:var(--widget-stat-size);color:var(--color-text)}.widget-body{font-family:var(--f-sans);font-weight:700;font-size:var(--fs-xs);color:var(--color-dim)}.widget-caption{font-family:var(--f-sans);font-weight:600;font-size:var(--widget-caption-size);color:var(--color-faint)}.widget-prose{font-family:var(--f-sans);font-size:var(--fs-xs);font-weight:500;line-height:1.5;color:var(--color-dim)}.widget-message{font-family:var(--f-serif);font-style:italic;font-size:13px;line-height:1.5}.widget-cta{font-family:var(--f-sans);font-weight:700;font-size:12.5px;letter-spacing:.04em}.hero-card{width:100%;background:var(--color-dark);border-radius:var(--widget-radius);padding:var(--widget-padding);color:var(--color-cream)}.hero-card__label{font-size:var(--widget-title-size);font-weight:700;letter-spacing:var(--widget-title-tracking);text-transform:uppercase;color:#c9ae86;margin-bottom:6px}.hero-card__value{font-family:var(--f-serif);font-style:italic;font-weight:600;font-size:var(--widget-hero-value-size);line-height:1.3}.hero-card__sub{font-size:11.5px;color:#d8c7a5;margin-top:6px}.icon-btn{background:none;border:none;color:var(--color-ghost);cursor:pointer}.stat-denom{font-family:var(--f-mono);font-size:var(--fs-xs);color:var(--color-faint)}.eyebrow{font-family:var(--f-mono);font-size:10px;font-weight:600;color:var(--color-faint);text-transform:uppercase;letter-spacing:.18em}.ring{position:relative;width:192px;height:192px;flex-shrink:0}.ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-value{font-family:var(--f-mono);font-size:var(--fs-3xl);font-weight:800;line-height:1;letter-spacing:-.03em}.ring-sublabel{font-family:var(--f-mono);font-size:var(--fs-sm);color:var(--color-mid);margin-top:4px;letter-spacing:.05em}.pill{display:inline-flex;align-items:center;white-space:nowrap;gap:6px;border-radius:99px;padding:4px 10px}.pill--idle{background:#3a2e220d}.pill--loading{background:#d9863b24}.pill--ok{background:#7c947324}.pill--error{background:#c2543a24}.pill__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.pill--idle .pill__dot{background:var(--color-ghost)}.pill--loading .pill__dot{background:var(--color-amber);animation:pulse 1s infinite}.pill--ok .pill__dot{background:var(--color-green)}.pill--error .pill__dot{background:var(--color-red)}.pill__label{font-family:var(--f-mono);font-size:var(--fs-xs);letter-spacing:.08em}.pill--idle .pill__label{color:var(--color-faint)}.pill--loading .pill__label{color:var(--color-amber)}.pill--ok .pill__label{color:var(--color-green)}.pill--error .pill__label{color:var(--color-red)}.stat-box{flex:1;background:var(--surface-1);border-radius:12px;padding:12px 8px;text-align:center;border:1px solid var(--border-1);box-shadow:0 1px 3px #3a2e220d}.stat-box__value{font-family:var(--f-mono);font-size:var(--fs-xl);font-weight:700;color:var(--color-text);letter-spacing:-.02em}.stat-box__label{font-family:var(--f-mono);font-size:var(--fs-2xs);color:var(--color-faint);margin-top:3px;text-transform:uppercase;letter-spacing:.1em}.week-grid{width:100%;display:flex;flex-direction:column;gap:6px}.day-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:background .15s}.day-row--today{background:var(--surface-3);border-color:var(--border-3)}.day-row--missing{background:var(--surface-amber);border-color:var(--border-amber)}.day-row--future{opacity:.35;cursor:default}.day-row__label{width:32px;flex-shrink:0}.day-row__name{font-family:var(--f-sans);font-size:var(--fs-sm);font-weight:600;color:var(--color-dim)}.day-row__name--today{font-weight:800;color:var(--color-text)}.day-row__name--weekend{color:var(--color-accent)}.day-row__date{font-family:var(--f-mono);font-size:var(--fs-2xs);color:var(--color-ghost);margin-top:1px}.day-row__bar{flex:1;height:5px;background:var(--surface-2);border-radius:99px;overflow:hidden}.day-row__bar-fill{height:100%;border-radius:99px;transition:width .4s ease}.day-row__value{width:48px;text-align:right;flex-shrink:0}.day-row__missing-label{font-family:var(--f-mono);font-size:var(--fs-2xs);color:var(--color-amber);letter-spacing:.05em}.day-row__future-dash{font-family:var(--f-mono);font-size:var(--fs-xs);color:var(--color-dead)}.day-row__drinks{font-family:var(--f-mono);font-size:var(--fs-lg);font-weight:700}.day-row__edit-icon{font-size:var(--fs-base);color:var(--color-dead);flex-shrink:0}@media (min-width: 1320px){:root{--fs-xl: 28px;--fs-2xl: 38px;--fs-3xl: 54px;--fs-4xl: 76px}.app-shell{flex-direction:row;align-items:flex-start;justify-content:center;padding:40px 40px 56px;gap:28px}.app-sidebar{max-width:380px;flex-shrink:0;position:sticky;top:40px}.app-panel{flex:1;max-width:580px;border-radius:24px;padding:28px 24px;gap:var(--widget-gap)}.ring-stats-row{flex-direction:row;align-items:stretch;gap:24px}.stat-boxes{flex-direction:column;flex:1;width:auto}.ring{width:224px;height:224px}}