:root{--bg:#0d0d12;--grid:#1c1c26;--dim:#2a2a38;--fill:#e8e6d9;--fill-today:#6be675;--text:#e8e6d9;--muted:#6a6a7a;--cell:12px;--gap:3px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);min-height:100%;color:var(--text);-webkit-font-smoothing:none;image-rendering:pixelated;font-family:Courier New,ui-monospace,monospace}body{justify-content:center;padding:48px 32px;display:flex}a{color:inherit;text-decoration:none}.card{width:100%;max-width:640px}.header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:24px;display:flex}.title{letter-spacing:4px;text-transform:uppercase;font-size:28px;font-weight:700}.accent{color:var(--fill-today);letter-spacing:2px;font-size:28px;font-weight:700}.back{letter-spacing:2px;text-transform:uppercase;color:var(--muted);border:1px solid var(--dim);margin-bottom:20px;padding:4px 10px;font-size:12px;display:inline-block}.back:hover{color:var(--fill-today);border-color:var(--fill-today)}.tagline{color:var(--muted);letter-spacing:2px;margin-bottom:36px;font-size:13px}.tool-link{border:1px solid var(--dim);background:var(--grid);margin-bottom:var(--gap);justify-content:space-between;align-items:baseline;gap:12px;padding:14px 16px;display:flex}.tool-link:hover{border-color:var(--fill-today)}.tool-link:hover .tool-name{color:var(--fill-today)}.tool-name{letter-spacing:3px;text-transform:uppercase;font-size:15px;font-weight:700}.tool-desc{color:var(--muted);letter-spacing:1px;text-align:right;font-size:12px}.toggle{gap:var(--gap);margin-bottom:20px;display:flex}.toggle button{letter-spacing:2px;text-transform:uppercase;color:var(--muted);background:var(--grid);border:1px solid var(--dim);cursor:pointer;padding:6px 14px;font-family:inherit;font-size:12px}.toggle button.active{color:var(--bg);background:var(--fill-today);border-color:var(--fill-today)}.grid{grid-template-columns:repeat(auto-fill, var(--cell));gap:var(--gap);justify-content:space-between;margin-bottom:24px;display:grid}.grid.week{--cell:22px;justify-content:start}.dot{width:var(--cell);height:var(--cell);background:var(--grid);border:1px solid var(--dim)}.dot.past{background:var(--fill);border-color:var(--fill)}.dot.today{background:var(--fill-today);border-color:var(--fill-today);animation:1.2s steps(2,start) infinite blink}@keyframes blink{50%{opacity:.25}}.blink{animation:1.2s steps(2,start) infinite blink}.bar{height:var(--cell);background:var(--grid);border:1px solid var(--dim);margin-bottom:12px;display:flex}.bar-fill{background:var(--fill-today);height:100%}.footer{color:var(--muted);letter-spacing:1px;justify-content:space-between;font-size:13px;display:flex}.footer b{color:var(--text)}.section{margin-top:36px}.section h2{letter-spacing:3px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--dim);margin-bottom:12px;padding-bottom:6px;font-size:13px}.row-form{gap:var(--gap);flex-wrap:wrap;margin-bottom:12px;display:flex}.row-form input,.row-form select,.entry.editing input{color:var(--text);background:var(--grid);border:1px solid var(--dim);letter-spacing:1px;padding:6px 8px;font-family:inherit;font-size:13px}.row-form input:focus,.row-form select:focus,.entry.editing input:focus{outline:1px solid var(--fill-today);outline-offset:0}.row-form input[type=date],.entry.editing input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.row-form .plus{color:var(--muted);align-self:center;font-size:15px}.row-form input.grow{flex:1;min-width:120px}.px-btn{letter-spacing:2px;text-transform:uppercase;color:var(--bg);background:var(--fill-today);border:1px solid var(--fill-today);cursor:pointer;padding:6px 14px;font-family:inherit;font-size:12px}.px-btn:active{opacity:.6}.entry{letter-spacing:1px;border-bottom:1px dashed var(--dim);justify-content:space-between;align-items:baseline;gap:8px;padding:8px 0;font-size:13px;display:flex}.entry .label{text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-bottom:1px dotted #0000;overflow:hidden}.entry .label:hover{color:var(--fill-today);border-bottom-color:var(--fill-today)}.entry.editing{gap:var(--gap);border-bottom:1px dashed var(--fill-today);align-items:stretch}.entry.editing input[type=text]{flex:1;min-width:100px}.entry .count{color:var(--fill-today);white-space:nowrap;margin-left:auto;font-weight:700}.entry .count.passed{color:var(--muted)}.entry .del{color:var(--muted);border:1px solid var(--dim);cursor:pointer;background:0 0;padding:2px 7px;font-family:inherit;font-size:12px}.entry .del:hover{color:var(--text);border-color:var(--muted)}.calc-result{letter-spacing:1px;background:var(--grid);border:1px solid var(--dim);padding:10px 12px;font-size:15px}.calc-result b{color:var(--fill-today)}.empty{color:var(--muted);letter-spacing:1px;padding:8px 0;font-size:12px}