.of-lab{border:1px solid var(--line,#ddd);background:var(--surface,#fff);color:var(--ink,#222);border-radius:24px;min-width:0;padding:clamp(16px,3vw,36px)}.of-controls{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.of-controls label{flex:1;gap:8px;min-width:0;font-size:13px;display:grid}.of-controls select{border:1px solid var(--line,#ccc);background:var(--paper,#fafafa);width:100%;min-width:0;max-width:100%;color:inherit;font:inherit;border-radius:10px;padding:12px}.of-session{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:16px;display:flex}.of-session span,.of-note{color:var(--muted,#666);font-size:12px;line-height:1.7}.of-session h3{overflow-wrap:anywhere;margin:8px 0 24px;font-size:clamp(20px,3vw,30px)}.of-tabs{border-bottom:1px solid var(--line,#ddd);flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.of-tabs button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 14px;font-size:14px}.of-tabs button[aria-pressed=true]{border-color:var(--accent,#c44);font-weight:700}.of-lab button:focus-visible,.of-lab select:focus-visible,.of-lab summary:focus-visible{outline-offset:4px;outline:2px solid #326ce5}.of-scroll{max-height:600px;overflow:auto}.of-lab table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:13px}.of-lab caption{text-align:left;color:var(--muted,#666);padding:12px 0;font-size:12px}.of-lab td,.of-lab th{border-bottom:1px solid var(--line,#ddd);padding:14px 12px}.of-lab td small{color:var(--muted,#666);margin-top:5px;display:block}.of-lab footer{margin-top:24px}.of-stints article{grid-template-columns:44px 1fr;align-items:center;gap:12px;margin:14px 0;font-size:12px;display:grid}.of-track{gap:1px;min-width:0;display:grid}.of-stint{color:#fff;background:#888;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;min-height:38px;font-size:11px;display:flex;overflow:hidden}.of-stint small{font-size:9px}.of-SOFT{background:#a82232}.of-MEDIUM{color:#222;background:#e3bd36}.of-HARD{color:#222;background:#e3e4e7}.of-INTERMEDIATE{background:#247a4c}.of-WET{background:#326ce5}.of-lab details{margin-top:20px}.of-lab summary{cursor:pointer;padding:12px 0;font-size:14px}.of-detail{border-bottom:1px solid var(--line,#ddd);padding:14px 0;font-size:12px;line-height:1.7}.of-metrics{grid-template-columns:1fr 1fr;gap:16px;display:grid}.of-metrics article{background:var(--soft,#f3f3f5);border-radius:12px;min-width:0;padding:18px}.of-metrics strong{margin:10px 0;font-size:clamp(20px,3vw,32px);display:block}.of-metrics span,.of-metrics small{overflow-wrap:anywhere;font-size:12px}.of-key-0{border-left:4px solid #326ce5;padding-left:8px}.of-key-1{border-left:4px solid #b25a16;padding-left:8px}.of-lab svg{width:100%;height:auto;color:var(--muted,#777);margin:24px 0}.of-lab svg text{fill:currentColor;font-size:12px}.of-empty{color:var(--muted,#666);padding:40px 0}@media (width<=550px){.of-controls{flex-direction:column}.of-metrics{grid-template-columns:1fr}.of-stint small{display:none}.of-tabs button{padding:12px 8px;font-size:12px}}