@layer components{.tk{width:100%;min-width:0;text-align:left;color:var(--ink)}.tk.panel{padding:clamp(18px,3vw,30px)}.tk.is-embedded{max-width:560px;margin:0 auto}.tk-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-bottom:14px}.tk-title{min-width:0;overflow-wrap:anywhere;font-family:var(--font-serif);font-size:21px;font-weight:500;letter-spacing:-.01em;line-height:1.2}.tk-note{font-size:13px;color:var(--ink-2)}.tk-fields{display:grid;gap:12px}@media (min-width:560px){.tk-fields{grid-template-columns:1fr 1fr}}.tk-field{display:grid;gap:6px;min-width:0;font-size:14px;font-weight:700;color:var(--ink)}.tk-opt{font-weight:600;color:var(--ink-2)}.tk-input{width:100%;min-height:var(--tap);padding:0 14px;border-radius:14px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink);font:600 15px/1.2 var(--font-sans)}.tk-input::placeholder{color:var(--ink-3);opacity:1;font-weight:500}.tk-input:disabled{opacity:.7}.tk-num,.tk-time{font-family:var(--font-serif);font-weight:640;color:var(--ink);font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1;font-variation-settings:"opsz" 28}.tk-time{padding:clamp(14px,3vh,22px) 0 clamp(10px,2vh,16px);text-align:center;font-size:clamp(46px,13vw,68px);line-height:1}.tk-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.tk-actions .btn-primary{min-width:160px}.tk-hint{margin-top:12px;text-align:center;font-size:13.5px;color:var(--ink-2)}.tk-status{min-height:1.4em;margin-top:4px;text-align:center;font-size:14px;font-weight:650;color:var(--ink)}.tk-alert{margin-top:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--alert);font-size:14px}.tk-history{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.tk-history-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.tk-total{font-size:15.5px;font-weight:750}.tk-total .tk-num{margin-left:4px;font-size:18px}.tk-meta{margin-top:2px;font-size:13px;color:var(--ink-2)}.tk-projects{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}.tk-projects li{max-width:100%;overflow-wrap:anywhere;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--chip);font-size:13px;font-weight:650}.tk-empty{padding:14px 0 4px;font-size:14.5px;color:var(--ink-2)}.tk-entries{margin-top:8px}.tk-entries li{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.tk-entries li:first-child{border-top:0}.tk-entry{min-width:0}.tk-entry-task{overflow-wrap:anywhere;font-size:15px;font-weight:700}.tk-entry-meta{overflow-wrap:anywhere;font-size:13px;color:var(--ink-2)}.tk-entry-side{flex:none;display:grid;justify-items:end}.tk-entry-side .tk-num{font-size:17px}.tk-remove{min-height:var(--tap);padding:0 2px;font-size:13px;font-weight:650;color:var(--ink-2);text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-underline-offset:3px}.tk-remove:hover{color:var(--ink)}.tk-undo{margin-top:8px}.tk-foot{margin-top:14px;font-size:13px;line-height:1.5;color:var(--ink-2)}.tk-credit{margin-top:6px;text-align:center}.tk :is(button,input):focus-visible{outline:3px solid var(--focus);outline-offset:3px}}