*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:#0a0a0c;font-family:Inter Tight,Inter,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)}}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}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2a2e;border-radius:99px}:root{--color-bg: #0a0a0c;--color-bg2: #111114;--color-text: #ececec;--color-dim: #a8a8ac;--color-faint: #76767c;--color-muted: #666;--color-ghost: #4d4d52;--color-dead: #2c2c30;--color-mid: #888;--color-green: #5dd39e;--color-amber: #e8a13a;--color-red: #ef6b6b;--surface-0: rgba(255, 255, 255, .025);--surface-1: rgba(255, 255, 255, .04);--surface-2: rgba(255, 255, 255, .07);--surface-3: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .05);--border-1: rgba(255, 255, 255, .06);--border-2: rgba(255, 255, 255, .1);--border-3: rgba(255, 255, 255, .16);--surface-amber: rgba(232, 161, 58, .07);--border-amber: rgba(232, 161, 58, .25);--f-sans: "Inter Tight", "Inter", system-ui, -apple-system, sans-serif;--f-mono: "JetBrains Mono", "DM Mono", "SF Mono", "Fira Code", monospace;--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}.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 56px}.app-sidebar{width:100%;max-width:480px}.app-panel{width:100%;max-width:480px;background:var(--surface-0);border:1px solid var(--border-1);border-radius:20px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:22px;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:#515158;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:14px;padding:13px 15px;margin-bottom:14px}.insight-card--bad{background:#ef6b6b0f;border-color:#ef6b6b33}.insight-card--watch{background:#e8a13a0f;border-color:#e8a13a33}.insight-card--good{background:#5dd39e0d;border-color:#5dd39e29}.insight-text{font-family:var(--f-sans);font-size:var(--fs-sm);font-weight:600;line-height:1.45;color:#fff}.insight-text em{font-style:normal}.stat-strip{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;margin-bottom:14px}.stat-strip-tile{background:var(--surface-1);border:1px solid var(--border-1);border-radius:10px;padding:10px 12px}.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-1);color:var(--color-dim)}.chip-btn--selected{transform:scale(1.06);color:#0a0a0c}.chip-btn--committed{border-color:var(--border-3);color:#fff;background:var(--surface-2)}.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}.day-tile--today{background:var(--surface-3);border-color:var(--border-3)}.day-tile--weekend{background:#e8a13a0d;border-color:#e8a13a2e}.day-tile--missing{background:#e8a13a12;border-color:#e8a13a40}.day-tile--future{opacity:.3;cursor:default}.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-amber)}.day-tile__value{font-family:var(--f-mono);font-size:19px;font-weight:700;letter-spacing:-.03em;color:var(--color-ghost)}.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:#ffffff47}.wknd-bar-segment{display:flex;align-items:center;justify-content:center;font-family:var(--f-mono);font-size:9px;font-weight:700;color:#0a0a0c;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:14px;padding:14px 16px 10px}.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{background:var(--surface-0);border:1px solid var(--border-1);border-radius:12px}.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:#ffffff0d}.pill--loading{background:#e8a13a1f}.pill--ok{background:#5dd39e1f}.pill--error{background:#ef6b6b1f}.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 transparent}.stat-box--accent{border-color:var(--border-3)}.stat-box__value{font-family:var(--f-mono);font-size:var(--fs-xl);font-weight:700;color:#e8e8e8;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:#fff}.day-row__name--weekend{color:var(--color-amber)}.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:26px}.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}}