.ok-stats{margin-top:34px}.ok-stats h2{font-family:var(--font-thai-display);font-size:19px;margin:0 0 12px}.ok-stats dl{margin:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}.ok-stats dl>div{padding:12px 14px;border-radius:12px;background:var(--color-surface);text-align:center}.ok-stats dt{font-size:11.5px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.ok-stats dd{margin:4px 0 0;font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-accent-ink)}.ok-stats .privacy{margin:10px 0 0;font-size:12px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.ok-sit{display:grid;gap:20px;justify-items:center;padding:28px 0 8px}.ok-sit fieldset{border:0;margin:0;padding:0;text-align:center}.ok-sit legend{padding:0;margin-bottom:8px;font-size:12.5px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.ok-sit-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.ok-sit-custom{width:74px;height:34px;padding:0 10px;font:inherit;font-size:13px;text-align:center;border-radius:999px;border:1px solid var(--color-divider);background:transparent;color:inherit}.ok-sit-custom:focus-visible{outline:2px solid var(--color-accent-line);outline-offset:2px}.ok-sit-custom[aria-invalid=true]{border-color:var(--color-accent-ink);border-style:dashed}.ok-sit-invalid{margin:8px 0 0;font-size:12.5px;color:var(--color-accent-ink)}.ok-sit .ok-chip.is-primary{background:var(--color-accent-fill);color:var(--color-accent-on-fill);border-color:transparent;font-weight:600;padding:10px 28px}.ok-sit-clock{margin:0;font-family:var(--font-thai-display);font-size:clamp(64px,18vw,116px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.ok-sit-running{gap:28px;padding:48px 0 24px}.ok-sit-running[data-done] .ok-sit-clock{font-size:clamp(34px,8vw,52px)}.ok-sit-silent{margin:0;font-size:13px;max-width:34ch;text-align:center;color:var(--color-accent-ink)}.ok-practice-note,.ok-practice-saved{margin:18px 0 0;font-size:13px;text-align:center;line-height:1.7;color:color-mix(in srgb,var(--color-text) 72%,transparent)}.ok-practice-saved{color:var(--color-accent-ink);font-weight:600}.ok-practice-journal{margin-top:28px;padding:16px;border:1px solid var(--color-divider);border-radius:14px;display:grid;gap:8px}.ok-practice-journal label{font-size:13px}.ok-practice-journal textarea{width:100%;padding:10px 12px;font:inherit;font-size:14.5px;line-height:1.7;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-divider);border-radius:12px;resize:vertical}.ok-practice-journal textarea:focus-visible{outline:2px solid var(--color-accent-line);outline-offset:2px}.ok-practice-journal .privacy{margin:0;font-size:12px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.ok-practice-journal .row{display:flex;gap:8px}.ok-practice-recent{margin-top:34px}.ok-practice-recent h2{font-family:var(--font-thai-display);font-size:19px;margin:0 0 10px}.ok-practice-recent ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.ok-practice-recent li{padding:11px 14px;border-radius:12px;background:var(--color-surface)}.ok-practice-recent .when{font-size:12px;color:color-mix(in srgb,var(--color-text) 68%,transparent);margin-right:10px}.ok-practice-recent .dur{font-weight:600;font-size:14px}.ok-practice-recent .dur em{font-style:normal;font-weight:400;color:color-mix(in srgb,var(--color-text) 68%,transparent)}.ok-practice-recent p{margin:6px 0 0;font-size:14px;line-height:1.7;white-space:pre-wrap}.ok-practice-recent p.unreadable{color:var(--color-accent-ink);font-style:italic}