.counter-ring-container{align-items:center;gap:var(--pad-sm);padding:var(--pad-lg) 0;flex-direction:column;display:flex}.counter-ring-btn{border-radius:var(--radius-full);justify-content:center;align-items:center;width:220px;height:220px;transition:transform .1s;display:flex;position:relative}.counter-ring-btn:active{transform:scale(.96)}.counter-ring-svg{width:100%;height:100%;position:absolute;inset:0}.counter-ring-count{z-index:1;flex-direction:column;align-items:center;display:flex}.counter-ring-number{font-size:var(--counter-size);color:var(--accent);letter-spacing:-2px;font-weight:800;line-height:1}.counter-ring-label{font-size:var(--small-size);color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;margin-top:2px;font-weight:500}.counter-ring-hint{font-size:var(--tiny-size);color:var(--text-muted);text-align:center}.drink-selector-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);background:#0009;position:fixed;inset:0}.drink-selector-sheet{background:var(--bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--pad-md) var(--pad-lg) calc(var(--pad-xl) + var(--safe-bottom));z-index:101;max-width:430px;margin:0 auto;position:fixed;bottom:0;left:0;right:0}.drink-selector-handle{background:var(--text-muted);width:36px;height:4px;margin:0 auto var(--pad-lg);border-radius:2px}.drink-selector-title{font-size:var(--heading-size);text-align:center;margin-bottom:var(--pad-lg);color:var(--text-primary);font-weight:700}.drink-selector-grid{gap:var(--pad-md);grid-template-columns:1fr 1fr;display:grid}.drink-selector-card{justify-content:center;align-items:center;gap:var(--pad-sm);padding:var(--pad-lg) var(--pad-md);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);flex-direction:column;transition:background .15s,border-color .15s;display:flex}.drink-selector-card:active{background:var(--bg-card-hover);border-color:var(--accent)}.drink-selector-emoji{font-size:40px;line-height:1}.drink-selector-label{font-size:var(--body-size);color:var(--text-primary);font-weight:600}.week-strip{width:100%}.week-strip-date{text-align:center;font-size:var(--body-size);color:var(--text-primary);margin-bottom:var(--pad-sm);font-weight:600}.week-strip-row{align-items:center;gap:2px;display:flex}.week-nav-btn{border-radius:var(--radius-full);width:28px;height:28px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:all .15s;display:flex}.week-nav-btn:active{background:var(--bg-card);color:var(--accent)}.week-days{flex:1;justify-content:center;gap:2px;display:flex}.week-day{border-radius:var(--radius-md);flex-direction:column;flex:1;align-items:center;gap:4px;min-width:36px;padding:6px 0;transition:all .2s;display:flex}.week-day-name{color:var(--text-muted);letter-spacing:.3px;font-size:10px;font-weight:500}.week-day-num{color:var(--text-secondary);border-radius:var(--radius-full);justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.week-day.today .week-day-num{width:36px;height:36px;font-size:17px;font-weight:800}.week-day.today .week-day-name{color:var(--accent);font-size:11px;font-weight:700}.week-day.selected .week-day-num{background:var(--accent);color:var(--bg-primary);font-weight:800}.week-day.selected .week-day-name{color:var(--accent);font-weight:600}.week-day.today:not(.selected) .week-day-num{border:2px solid var(--accent);color:var(--accent)}.week-day.future{opacity:.25;pointer-events:none}.week-day.future .week-day-name{color:var(--text-muted)}.time-since-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);width:100%;padding:var(--pad-md) var(--pad-lg);text-align:center}.time-since-title{font-size:var(--body-size);color:var(--text-primary);margin-bottom:var(--pad-md);font-weight:600}.time-since-empty{font-size:var(--small-size);color:var(--text-muted);padding:var(--pad-sm) 0}.time-since-digits{justify-content:center;gap:var(--pad-md);display:flex}.time-unit{flex-direction:column;align-items:center;gap:6px;display:flex}.time-digit-group{gap:3px;display:flex}.time-digit{background:var(--bg-primary);width:28px;height:36px;color:var(--text-primary);font-variant-numeric:tabular-nums;border-radius:6px;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.time-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:600}.weekly-chart{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);width:100%;padding:var(--pad-md)}.weekly-chart-header{margin-bottom:var(--pad-md);justify-content:space-between;align-items:center;display:flex}.weekly-chart-title{font-size:var(--small-size);color:var(--text-primary);font-weight:600}.weekly-chart-total{font-size:var(--small-size);color:var(--accent);font-weight:700}.weekly-chart-bars{justify-content:space-between;align-items:flex-end;gap:4px;height:80px;display:flex}.weekly-bar-col{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.weekly-bar-col.selected .weekly-bar{box-shadow:0 0 8px var(--accent-glow)}.weekly-bar-wrapper{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:60px;display:flex;position:relative}.weekly-bar-value{color:var(--text-secondary);margin-bottom:2px;font-size:10px;font-weight:700}.weekly-bar{background:var(--accent);border-radius:4px 4px 2px 2px;width:100%;min-width:12px;max-width:28px;transition:height .3s}.weekly-bar.empty{background:#ffffff0f;border-radius:2px}.weekly-bar.today{background:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.weekly-bar-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:9px;font-weight:500}.weekly-bar-label.today{color:var(--accent);font-weight:700}.home-screen{padding:calc(var(--safe-top) + var(--pad-lg)) var(--pad-lg) var(--pad-xl);align-items:center;gap:var(--pad-sm);flex-direction:column;min-height:100%;display:flex;position:relative}.settings-gear{top:calc(var(--safe-top) + var(--pad-md));right:var(--pad-md);border-radius:var(--radius-full);opacity:.6;z-index:10;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:opacity .15s;display:flex;position:absolute}.settings-gear:active{opacity:1}.home-bottom{gap:var(--pad-sm);flex-direction:column;width:100%;margin-top:auto;display:flex}.drink-type-row{justify-content:center;gap:var(--pad-sm);width:100%;display:flex}.drink-type-btn{padding:var(--pad-sm) var(--pad-xs);border-radius:var(--radius-md);background:var(--bg-card);border:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:2px;transition:all .2s;display:flex}.drink-type-btn.active{border-color:var(--accent);background:#f4a8251a}.drink-type-emoji{font-size:20px;line-height:1}.drink-type-count{color:var(--text-muted);font-variant-numeric:tabular-nums;margin:2px 0;font-size:22px;font-weight:800;line-height:1}.drink-type-btn.has-count .drink-type-count{color:var(--text-primary)}.drink-type-btn.active .drink-type-count{color:var(--accent)}.drink-type-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:600}.drink-type-btn.active .drink-type-label{color:var(--accent)}.toast{background:var(--bg-card);color:var(--text-primary);padding:var(--pad-sm) var(--pad-lg);border-radius:var(--radius-lg);font-size:var(--small-size);border:1px solid var(--border);z-index:200;white-space:nowrap;font-weight:600;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}.past-day-notice{font-size:var(--tiny-size);color:var(--text-muted);text-align:center}.settings-screen{gap:var(--pad-md);padding:calc(var(--safe-top) + var(--pad-lg)) var(--pad-lg) var(--pad-xl);flex-direction:column;display:flex}.settings-title{color:var(--text-primary);font-size:28px;font-weight:700}.settings-section{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden}.settings-section.danger{border-color:#e74c3c33}.settings-row{padding:var(--pad-md);cursor:pointer;justify-content:space-between;align-items:center;display:flex}.settings-row-text{margin-right:var(--pad-md);flex-direction:column;flex:1;gap:2px;display:flex}.settings-row-label{font-size:var(--body-size);color:var(--text-primary);font-weight:600}.settings-row-desc{font-size:var(--tiny-size);color:var(--text-secondary);line-height:1.3}.toggle{background:#ffffff1a;border-radius:14px;flex-shrink:0;width:48px;height:28px;padding:3px;transition:background .2s}.toggle.on{background:var(--accent)}.toggle-thumb{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s}.toggle.on .toggle-thumb{transform:translate(20px)}.limit-control{justify-content:center;align-items:center;gap:var(--pad-md);padding:var(--pad-md);border-top:1px solid var(--border);display:flex}.limit-btn{background:var(--bg-primary);border-radius:var(--radius-full);width:40px;height:40px;color:var(--accent);border:1px solid var(--border);justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.limit-value{color:var(--accent);text-align:center;min-width:40px;font-size:32px;font-weight:800}.limit-unit{font-size:var(--small-size);color:var(--text-secondary)}.settings-select{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--pad-sm) var(--pad-md);font-family:var(--font-family);font-size:var(--small-size);appearance:none;font-weight:500}.settings-danger-btn{width:100%;padding:var(--pad-md);text-align:center;font-size:var(--body-size);color:var(--danger);font-weight:600}.confirm-overlay{z-index:200;padding:var(--pad-lg);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--pad-lg);width:100%;max-width:320px}.confirm-dialog h3{font-size:var(--heading-size);color:var(--text-primary);margin-bottom:var(--pad-sm);font-weight:700}.confirm-dialog p{font-size:var(--small-size);color:var(--text-secondary);margin-bottom:var(--pad-lg);line-height:1.4}.confirm-buttons{gap:var(--pad-sm);display:flex}.confirm-cancel,.confirm-delete{padding:var(--pad-sm) var(--pad-md);border-radius:var(--radius-sm);font-weight:600;font-size:var(--small-size);flex:1}.confirm-cancel{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.confirm-delete{background:var(--danger);color:#fff}.settings-version{text-align:center;font-size:var(--tiny-size);color:var(--text-muted);margin-top:var(--pad-md)}.app{flex-direction:column;max-width:430px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}.app-content{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.app-content::-webkit-scrollbar{width:0;display:none}.settings-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);background:#00000080;position:fixed;inset:0}.settings-panel{background:var(--bg-primary);z-index:91;-webkit-overflow-scrolling:touch;width:100%;max-width:430px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.settings-panel-header{padding:calc(var(--safe-top) + var(--pad-md)) var(--pad-lg) 0;justify-content:flex-end;display:flex}.settings-close-btn{border-radius:var(--radius-full);background:var(--bg-card);width:36px;height:36px;color:var(--text-secondary);border:1px solid var(--border);justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.settings-close-btn:active{background:var(--bg-card-hover);color:var(--text-primary)}:root{--bg-primary:#0d1b2a;--bg-secondary:#1b2838;--bg-card:#1b2838;--bg-card-hover:#243447;--accent:#f4a825;--accent-glow:#f4a8254d;--accent-soft:#d4a844;--text-primary:#f0f0f0;--text-secondary:#89a;--text-muted:#5a6a7a;--success:#4ecdc4;--danger:#e74c3c;--border:#ffffff0f;--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--counter-size:72px;--heading-size:20px;--body-size:15px;--small-size:13px;--tiny-size:11px;--pad-xs:4px;--pad-sm:8px;--pad-md:16px;--pad-lg:24px;--pad-xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:50%;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-family);font-size:var(--body-size);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-user-select:none;user-select:none;line-height:1.5}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}