:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{color:#1a1a1a;background:#f4f3f6;min-height:100vh;margin:0}#root{max-width:480px;margin:0 auto;padding:1rem}button,input{font:inherit}main{flex-direction:column;gap:1.5rem;display:flex}h1{text-align:center;margin:.5rem 0;font-size:1.4rem}h2{margin:0 0 .5rem;font-size:1.1rem}section{background:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #00000014}.timer-view{text-align:center}.timer-phase{text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:1.1rem;font-weight:600}.timer-phase--work{color:#b5401d}.timer-phase--break{color:#1d7a4c}.timer-clock{font-variant-numeric:tabular-nums;margin:.25rem 0 1rem;font-size:3rem}.timer-controls{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1rem;display:flex}.timer-controls button{color:#fff;background:#4a3ff0;border:none;border-radius:.5rem;min-width:6rem;min-height:2.75rem;font-weight:600}.today-counter{margin:.5rem 0 1rem}.timer-config{border:1px solid #ddd;border-radius:.5rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.timer-config label{flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.timer-config input{border:1px solid #ccc;border-radius:.4rem;width:4rem;min-height:2.5rem;padding:.25rem .5rem}.timer-config button{color:#fff;background:#1d1d1d;border:none;border-radius:.5rem;align-self:flex-end;min-height:2.5rem;padding:0 1rem}.task-form{gap:.5rem;margin-bottom:.5rem;display:flex}.task-form input{border:1px solid #ccc;border-radius:.4rem;flex:1;min-width:0;min-height:2.5rem;padding:.25rem .5rem}.task-form button{color:#fff;white-space:nowrap;background:#4a3ff0;border:none;border-radius:.4rem;min-height:2.5rem;padding:0 .9rem;font-weight:600}.task-error{color:#b5401d;margin:0 0 .5rem;font-size:.9rem}.task-list ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.task-item{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.task-item label{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.task-item label span{overflow-wrap:anywhere}.task-item--done span{color:#888;text-decoration:line-through}.task-item input[type=checkbox]{flex-shrink:0;width:1.25rem;height:1.25rem}.task-item button{color:#b5401d;background:#eee;border:none;border-radius:.4rem;flex-shrink:0;min-height:2.25rem;padding:0 .75rem}.task-empty{color:#888;font-style:italic}.stats-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.stats-row{align-items:center;gap:.5rem;display:flex}.stats-date{font-variant-numeric:tabular-nums;flex-shrink:0;width:3rem;font-size:.85rem}.stats-bar-track{background:#eee;border-radius:.5rem;flex:1;min-width:0;height:.9rem;overflow:hidden}.stats-bar-fill{background:#4a3ff0;height:100%;display:block}.stats-count{text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;width:1.5rem}