:root{--paper:#f6f3ec;--paper-raised:#efeae0;--rule:#d8d0c3;--ink:#1c1b19;--ink-soft:#5c5852;--copper:#7a5c3e;--copper-hover:#5e4530;--serif:"Gentium Plus", "Times New Roman", Palatino, Georgia, serif;--space-1:.45rem;--space-2:.65rem;--space-3:.85rem;--space-4:1rem;--space-5:1.5rem;--space-6:1.75rem;--space-8:3rem;--touch:2.75rem;--measure-text:38rem;--measure-page:68rem}:root[data-theme=night]{--paper:#1c1b19;--paper-raised:#262422;--rule:#4a433a;--ink:#f6f3ec;--ink-soft:#c4bdb0;--copper:#c4a07a;--copper-hover:#ddbf9a}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:1.05rem/1.7 var(--serif);margin:0}.app{width:min(100% - 2rem, var(--measure-page));padding-bottom:var(--space-8);margin:0 auto}main{width:min(100%, var(--measure-text));margin:var(--space-5) auto 0}nav{gap:var(--space-1);padding:var(--space-4) 0;border-bottom:1px solid var(--rule);align-items:center;display:flex;overflow-x:auto}nav .tabs{gap:var(--space-1);flex:1;display:flex}h1,h2,h3{margin:0;font-weight:400}h2{letter-spacing:-.015em;margin:var(--space-3) 0 var(--space-1);font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.15}h3{margin:var(--space-5) 0 var(--space-1);font-size:1.15rem}h3.now{color:var(--copper)}p{margin:var(--space-1) 0}.muted{color:var(--ink-soft)}.kicker,.tag-label{letter-spacing:.2em;text-transform:uppercase;color:var(--copper);font-size:.78rem}.aside{color:var(--copper);font-style:italic}button,input,select{font:inherit;color:var(--ink);background:var(--paper-raised);border:1px solid var(--rule);padding:0 var(--space-4);min-height:var(--touch);border-radius:999px;font-size:.95rem}select{padding-right:var(--space-3)}input[type=checkbox]{width:1.2rem;height:1.2rem;min-height:0;accent-color:var(--copper);flex:none;padding:0}button{cursor:pointer;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}button:hover,select:hover,input:hover{border-color:var(--copper)}button:disabled{opacity:.5;cursor:default}button.ghost{color:var(--ink-soft);background:0 0;border-color:#0000}button.ghost:hover{color:var(--copper-hover);border-color:var(--rule)}nav button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}:focus-visible{outline:2px solid var(--copper);outline-offset:3px}.card{background:var(--paper-raised);border:1px solid var(--rule);padding:var(--space-4);margin:var(--space-4) 0;gap:var(--space-2);border-radius:0;flex-direction:column;display:flex}.card.warn{border-color:var(--copper)}.card h3{margin:0}.card.goal.done{opacity:.65}.card.main{border-color:var(--copper)}.big{margin:0;font-size:1.35rem;line-height:1.4}.warn-text{color:var(--copper);margin:0;font-style:italic}.row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.grow{flex:1;min-width:0}.add{margin:var(--space-4) 0}.est{width:6rem}.list{margin:0;padding:0;list-style:none}.task{gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--rule);align-items:center;display:flex}.task.done .grow{color:var(--ink-soft);text-decoration:line-through}.tag{margin-left:var(--space-2);letter-spacing:.08em;text-transform:uppercase;padding:0 var(--space-2);border:1px solid var(--rule);color:var(--ink-soft);white-space:nowrap;border-radius:999px;font-size:.72rem}.timer{letter-spacing:-.015em;font-variant-numeric:tabular-nums;text-align:center;margin:0;font-size:3.4rem;line-height:1.15}.bar{background:var(--rule);height:2px}.bar div{background:var(--copper);height:100%}.badge{margin-left:var(--space-1);color:var(--copper)}nav button.active .badge{color:var(--paper)}footer{width:min(100%, var(--measure-page));margin:var(--space-8) auto 0;padding-top:var(--space-4);border-top:1px solid var(--rule);gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}footer .signature{margin-left:auto}a{color:var(--copper);text-underline-offset:.18em}a:hover{color:var(--copper-hover)}.small{font-size:.88rem}footer .signout{margin-left:auto}