:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;min-height:100dvh}#root{width:100%;margin:0 auto;text-align:center}@media (prefers-color-scheme: dark){:root{color:#fff;background-color:#242424}}.main-button{--progress: 0%;--yesterday-marker-position: 0%;--alltime-marker-position: 0%;position:relative;width:100%;max-width:600px;height:150px;margin:1rem auto;padding:0;border:none;border-radius:6px;background:#333;color:#fff;font-size:2rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;overflow:hidden}.main-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite;clip-path:inset(0 calc(100% - var(--progress)) 0 0);transition:clip-path .3s ease}.marker{position:absolute;top:0;bottom:0;width:3px;z-index:2;pointer-events:none;transition:opacity .3s ease}.marker-yesterday{background:#fff9;box-shadow:0 0 8px #fff6}.marker-alltime{background:#ffd700b3;box-shadow:0 0 8px #ffd70080}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.main-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.main-button:active{transform:translateY(0);box-shadow:0 2px 8px #00000026}.main-button.countdown-active{cursor:not-allowed;opacity:.9}.main-button.countdown-active:before{background:linear-gradient(-45deg,#a78bfa,#8b5cf6,#7c3aed,#6d28d9);opacity:.8;clip-path:none}.main-button.countdown-active:hover{transform:none;box-shadow:0 4px 12px #00000026}.main-button-text{position:relative;z-index:1;font-variant-numeric:tabular-nums;letter-spacing:.05em}.graph-widget{display:flex;justify-content:center;align-items:center;padding:.25rem .1rem;margin:.5rem auto;max-width:600px;width:100%;background-color:#f8f9fa;border-radius:6px;box-shadow:0 2px 4px #0000001a}.graph-bar{fill:#23a6d5;opacity:.7;transition:opacity .2s}.graph-bar:hover{opacity:.9}.graph-line{stroke:#e73c7e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.graph-dot{fill:#e73c7e}.graph-day-text{font-size:10px;font-weight:600;fill:#ffffffe6;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}.graph-avg-text{font-size:13px;font-weight:600;fill:#6c757d;pointer-events:none}@media (prefers-color-scheme: dark){.graph-widget{background-color:#2d2d2d}.graph-bar{fill:#23d5ab}.graph-line{stroke:#ee7752}.graph-dot{fill:#ee7752}.graph-day-text{fill:#fffffff2}.graph-avg-text{fill:#adb5bd}}.info-panel{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin:.5rem auto;max-width:600px;width:100%;background-color:#f8f9fa;border-radius:6px;box-shadow:0 2px 4px #0000001a}.info-panel-left{flex:0 0 auto}.info-panel-title{padding:.25rem .5rem;font-size:.875rem;font-weight:500;color:#6c757d}.info-panel-right{display:flex;gap:2rem;flex:1;justify-content:center}.info-stat{text-align:center}.info-stat-label{font-size:.75rem;color:#6c757d;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.info-stat-value{font-size:1.125rem;font-weight:600;color:#212529;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:.5rem;justify-content:center}.info-stat-yesterday{font-size:.625rem;color:#6c757d;margin-top:.25rem;font-weight:400}.info-stat-alltime{font-size:.625rem;color:#6c757d;margin-top:.125rem;font-weight:400;opacity:.8}.comparison-arrow{font-size:.75rem;font-weight:700;line-height:1;margin-left:.25rem}@media (max-width: 480px){.info-panel{flex-direction:column;gap:1rem;align-items:stretch}.info-panel-right{justify-content:space-around}}@media (prefers-color-scheme: dark){.info-panel{background-color:#2d2d2d}.info-panel-title,.info-stat-label{color:#adb5bd}.info-stat-value{color:#fff}.info-stat-yesterday,.info-stat-alltime{color:#6c757d}}.todays-list{max-width:600px;width:100%;margin:.5rem auto;padding:0}.todays-list-header{display:grid;grid-template-columns:1fr .8fr 1.2fr .6fr;gap:.5rem;padding:.75rem 1rem;background-color:#e9ecef;border-radius:6px 6px 0 0;font-size:.875rem;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.05em}.todays-list-items{background-color:#f8f9fa;border-radius:0 0 6px 6px;box-shadow:0 2px 4px #0000001a}.todays-list-item{display:grid;grid-template-columns:1fr .8fr 1.2fr .6fr;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #dee2e6;transition:background-color .2s}.todays-list-item:last-child{border-bottom:none}.todays-list-item:hover{background-color:#e9ecef}.todays-list-item.good-entry{border-left:4px solid #28a745;padding-left:calc(1rem - 4px)}.todays-list-col{display:flex;align-items:center;font-variant-numeric:tabular-nums}.todays-list-col:nth-child(2){color:#6c757d}.delete-button{background:none;border:none;cursor:pointer;font-size:1.125rem;padding:.25rem;opacity:.6;transition:opacity .2s,transform .2s}.delete-button:hover{opacity:1;transform:scale(1.1)}.todays-list-empty{padding:2rem;text-align:center;color:#6c757d;font-style:italic;background-color:#f8f9fa;border-radius:6px;box-shadow:0 2px 4px #0000001a}@media (max-width: 480px){.todays-list-header,.todays-list-item{grid-template-columns:1fr .6fr 1.2fr .5fr;font-size:.875rem;padding:.5rem .75rem}.todays-list-header{font-size:.75rem}}@media (prefers-color-scheme: dark){.todays-list-header{background-color:#2d2d2d;color:#adb5bd}.todays-list-items{background-color:#1a1a1a}.todays-list-item{border-bottom-color:#333;color:#fff}.todays-list-item:hover{background-color:#2d2d2d}.todays-list-item.good-entry{border-left-color:#5cb85c}.todays-list-col:nth-child(2){color:#adb5bd}.todays-list-empty{color:#adb5bd;background-color:#1a1a1a}}.app{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.header{padding:1.5rem 1rem;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.header h1{margin:0;font-size:1.5rem;font-weight:600}.header-buttons{display:flex;gap:.5rem;align-items:center}.download-button{padding:.5rem;border:1px solid #0d6efd;border-radius:4px;background-color:transparent;font-size:1rem;cursor:pointer;transition:background-color .2s,transform .1s;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.download-button:hover{background-color:#0d6efd;transform:translateY(-1px)}.download-button:active{background-color:#0b5ed7;transform:translateY(0)}.reset-button{padding:.5rem 1rem;border:1px solid #dc3545;border-radius:4px;background-color:transparent;color:#dc3545;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s}.reset-button:hover{background-color:#dc3545;color:#fff}.reset-button:active{background-color:#c82333}.main{flex:1;display:flex;flex-direction:column;align-items:stretch;padding:1rem;width:100%;max-width:800px;margin:0 auto}@media (prefers-color-scheme: dark){.header{background-color:#1a1a1a;border-bottom-color:#333}.download-button{border-color:#4dabf7}.download-button:hover{background-color:#4dabf7}.download-button:active{background-color:#339af0}.reset-button{border-color:#ff6b7a;color:#ff6b7a}.reset-button:hover{background-color:#ff6b7a;color:#1a1a1a}}