.wclock{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);padding:var(--s4);gap:var(--s3);flex-direction:column;display:flex}.wclock-head{align-items:baseline;gap:var(--s2);flex-wrap:wrap;display:flex}.wclock-head h2{letter-spacing:-.3px;font-size:16px;font-weight:700}.wclock-muted{color:var(--ink-3);font-size:13px;line-height:1.7}.wclock-note{color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r-input);padding:var(--s2) var(--s3);font-size:13px;line-height:1.7}.wclock-times{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.wclock-times>div{background:var(--surface-2);border-radius:var(--r-button);padding:var(--s3)}.wclock-times dt{color:var(--ink-2);font-size:13px}.wclock-times dd{margin-top:var(--s1);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.wclock-actions{gap:var(--s2);display:flex}.wclock-actions .works-button{flex:1 1 0}.wclock-records{color:var(--primary);align-self:flex-end;font-size:13px;font-weight:600}.wclock-records:hover{color:var(--primary-strong)}.wclock-records:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-input)}