:root{--desk:#eef4ea;--board:#3a7a10;--board-edge:#24500a;--foil:#d6f0c2}@media (prefers-color-scheme:dark){:root:not(.light-only){--desk:#10150d;--board:#2f6410;--board-edge:#1b3c08;--foil:#d6f0c2}}.sheet h1{margin-bottom:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.new{gap:8px;display:flex}.new input{color:#1b2230;width:0;min-width:0;font:inherit;background:#fff;border:1px solid #d3d8e0;border-radius:10px;flex:1;padding:9px 12px;font-size:16px}.new .ghost{color:#1b2230;white-space:nowrap}.suggest{flex-wrap:wrap;gap:6px;margin-top:-6px;display:flex}.suggest:empty{display:none}.suggest .chip{color:#5a6476;padding:5px 10px;font-size:13px}.panel{gap:14px;display:grid}.panel h2{margin:4px 0 0}.tap{background:var(--board);color:#fff;min-height:min(52vh,420px);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;box-shadow:inset 0 -6px 0 var(--board-edge);border:0;border-radius:20px;align-content:center;place-items:center;gap:4px;padding:20px 12px;display:grid}.tap:active{box-shadow:inset 0 -3px 0 var(--board-edge);transform:translateY(2px)}.tap-name{color:var(--foil);font-size:16px;font-weight:700}.num{font-family:var(--serif);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(72px,24vw,140px);font-weight:700;line-height:1.1}.tap-hint{opacity:.75;font-size:14px}.bar{background:#ffffff40;border-radius:999px;width:min(80%,320px);height:8px;margin-top:10px;overflow:hidden}.bar i{border-radius:inherit;background:var(--foil);width:0;height:100%;display:block}.tap.reached .bar i{background:#fff}.tap.done{animation:.7s ease-out flash}@keyframes flash{0%{color:var(--board);background:#fff}to{background:var(--board);color:#fff}}@media (prefers-reduced-motion:reduce){.tap.done{animation:none}.tap:active{transform:none}}.goal{text-align:center;margin:-4px 0 0;font-size:15px;font-weight:600}.controls{justify-content:space-between;align-items:center;gap:10px;display:flex}.minus{border:2px solid var(--board);min-width:76px;color:var(--board);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border-radius:14px;padding:12px 16px;font-size:20px;font-weight:700}.minus:disabled{opacity:.35;cursor:default}.hold{border:1px solid var(--rule);color:inherit;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:0 0;border-radius:12px;padding:13px;font-size:15px;font-weight:600;position:relative;overflow:hidden}.hold:before{content:"";background:var(--foil);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.hold.holding:before{transition:transform var(--hold,.8s) linear;transform:scaleX(1)}.hold span{position:relative}.hold.holding{color:#1b2230}.hold.quiet{color:var(--ink-soft);justify-self:start;padding:9px 14px;font-size:13px;font-weight:400}.two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.panel .check{color:inherit}.days{margin:0;padding:0;list-style:none}.days li{border-top:1px solid var(--rule);justify-content:space-between;gap:12px;padding:8px 2px;font-size:15px;display:flex}.days b{font-variant-numeric:tabular-nums}.days .empty{color:var(--ink-soft)}.big .num{font-size:clamp(110px,38vw,220px)}.big .tap{min-height:min(64vh,560px)}.big .tap-name,.big .goal{font-size:20px}.big .minus{min-width:96px;padding:16px 20px;font-size:26px}.big .chips span{padding:10px 16px;font-size:17px}.big .hold{padding:16px;font-size:17px}.panel .field{color:inherit}@media (prefers-color-scheme:dark){:root:not(.light-only) .minus{border-color:var(--foil);color:var(--foil)}}
