.productivity-body{display:grid;gap:16px}.productivity-body textarea{resize:vertical}.productivity-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.check-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.check-grid label{align-items:center;display:flex;gap:8px}.check-grid input{height:18px;margin:0;width:18px}.productivity-output{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1rem}.productivity-pair{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-wrap{align-items:center;background:var(--surface-soft);border-radius:var(--radius-sm);display:flex;justify-content:center;min-height:120px;overflow:auto;padding:16px}.canvas-wrap canvas{height:auto;max-width:100%}.timer-display{font-size:clamp(2.6rem,10vw,5.5rem);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.04em;text-align:center}.random-result{font-size:clamp(1.2rem,4vw,2rem);overflow-wrap:anywhere}@media(max-width:720px){.productivity-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.productivity-pair,.check-grid{grid-template-columns:1fr}}