.physiology-panel{border:1px solid #e4e4e9;border-radius:12px;padding:16px;margin:22px 0 19px;background:#fcfcfd;transition:border-color .25s,background .25s}.physiology-panel.is-enabled{background:#fff;border-color:#d9d9e0}.physiology-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:12px}.physiology-heading>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#6f6f79}.physiology-heading svg{width:15px;height:15px}.physiology-heading small{font-size:7px;letter-spacing:1.3px;color:#a0a0aa}.physiology-intro{display:flex;gap:13px;align-items:center}.physiology-intro>div{flex:1}.physiology-intro h3{font-size:15px;font-weight:500;letter-spacing:-.3px}.physiology-intro p{font-size:11px;line-height:1.8;color:#90909a;margin-top:5px}.physiology-play{height:38px;width:38px;border-radius:50%;background:#29292e;color:#fff;display:grid;place-content:center;flex-shrink:0;transition:transform .2s,background .2s}.physiology-play:hover{transform:scale(1.05);background:#48484f}.physiology-play svg{width:18px;height:18px;fill:none;stroke-width:1.8}.physiology-play[aria-pressed=true] svg{stroke-width:2.4}.physiology-controls{border-top:1px solid #eeeef2;margin-top:16px;padding-top:16px;animation:physiology-in .2s ease}.physiology-phase{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.physiology-phase>span:first-child{font-size:12px;font-weight:500}.physiology-phase>span:last-child{font-size:8px;color:#a0a0a9;text-align:right}.physiology-description{font-size:11px;color:#82828d;line-height:1.85;margin:7px 0 13px;min-height:60px}.physiology-steps{display:flex;gap:5px}.physiology-steps button{flex:1;min-width:0;border:1px solid #e8e8ee;border-radius:8px;font-size:9px;padding:9px 5px;color:#91919c;text-align:left;line-height:1.8;background:#fff}.physiology-steps button span{display:block;font-family:'DM Sans',sans-serif;font-size:8px;color:#aaaab5}.physiology-steps button[aria-pressed=true]{border-color:#777781;background:#f8f8fa;color:#303039}.physiology-scrub{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin:18px 0 12px}.physiology-scrub label,.physiology-scrub output{font-size:9px;color:#9999a4}.physiology-scrub output{font-variant-numeric:tabular-nums}.physiology-scrub input{grid-column:1/-1;accent-color:#55555f;width:100%;height:18px;margin:0;cursor:pointer}.physiology-options{display:flex;align-items:center;gap:5px}.physiology-options label{display:flex;align-items:center;gap:8px;margin-right:auto;font-size:10px;color:#83838e}.physiology-options select,.physiology-clip-label select{border:1px solid #e1e1e9;border-radius:6px;padding:5px 7px;background:#fff;color:#555560;font-size:11px;max-width:100%}.physiology-options button{display:grid;place-content:center;padding:7px;border:1px solid #e7e7ee;border-radius:7px;color:#8c8c98}.physiology-options button:hover{background:#f5f5f8;color:#32323b}.physiology-options svg{width:14px;height:14px}.physiology-flow{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:10px;color:#7f7f8a;margin-top:15px}.physiology-flow input{accent-color:#595963;width:13px;height:13px}.physiology-flow>span{font-size:9px;color:#a0a0aa;flex-basis:100%;padding-left:19px}.physiology-timing{font-size:9px;line-height:1.8;color:#94949f;margin:13px 0 0}.physiology-note{border-top:1px solid #eeeef3;margin-top:13px;padding-top:11px}.physiology-note summary{font-size:9px;color:#8d8d99;cursor:pointer}.physiology-note p{font-size:10px;color:#8c8c97;line-height:1.9;margin-top:9px}.physiology-note a{font-size:9px;color:#666672;display:block;margin-top:8px;line-height:1.8}.physiology-unavailable{font-size:11px;color:#8f8f9a;line-height:1.85}.physiology-clip-label{font-size:10px;color:#8d8d97;display:flex;align-items:center;gap:12px}.physiology-clip-label select{flex:1;min-width:0}.physiology-hud{position:absolute;left:22px;top:47px;display:flex;align-items:center;gap:7px;background:#ffffffc7;border:1px solid #e8e8ed;border-radius:20px;padding:5px 9px;z-index:4;cursor:pointer;backdrop-filter:blur(6px);font-size:9px;color:#898993}.physiology-hud i{width:4px;height:4px;background:#b78276;border-radius:50%}.physiology-hud.paused i{background:#aaaab2}.physiology-hud b{font-weight:400;color:#666672;padding-left:7px;border-left:1px solid #dfdfe5}.physiology-panel button:focus-visible,.physiology-panel input:focus-visible,.physiology-panel select:focus-visible{outline:2px solid #8b8b9b;outline-offset:3px}
@keyframes physiology-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:620px){.physiology-panel{padding:17px;margin-top:23px}.physiology-intro h3{font-size:17px}.physiology-intro p,.physiology-description{font-size:12px}.physiology-play{width:42px;height:42px}.physiology-steps button{font-size:11px;padding:10px 8px}.physiology-description{min-height:0}.physiology-phase>span:first-child{font-size:14px}.physiology-phase>span:last-child{font-size:10px}.physiology-options label,.physiology-flow{font-size:12px}.physiology-timing,.physiology-note summary,.physiology-note a{font-size:10px}.physiology-note p{font-size:11px}.physiology-heading>span{font-size:12px}.physiology-scrub label,.physiology-scrub output{font-size:11px}.physiology-hud{left:17px;top:48px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.physiology-panel,.physiology-play,.physiology-controls{animation:none;transition:none}}
