:root{font:15px/1.5 system-ui,sans-serif;color:#172b43;background:#eef1f4}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:14px;padding:16px 24px;background:white;border-bottom:1px solid #ccd3dc}h1{font-size:22px;margin:0}header p{margin:0;font-size:12px;font-weight:700}header a{margin-left:auto;color:#163f69}main{max-width:1500px;margin:20px auto;padding:0 16px}section{padding:18px;background:white;border:1px solid #cbd3dc;margin-bottom:16px}h2{font-size:17px;margin:0 0 12px}p{color:#42546a;font-size:14px}button,select,input{font:inherit}button,select{border:1px solid #8998aa;border-radius:3px;padding:7px 12px;background:white;color:#172b43}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #337ec4;outline-offset:2px}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:10px 0}.toolbar label{display:flex;align-items:center;gap:8px}canvas{display:block;width:100%;height:auto;border:1px solid #bcc8d5}.scrub{display:block}.scrub input{display:block;width:100%;margin:12px 0}.details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;max-height:360px;overflow:auto}ol{padding-left:24px;max-height:360px;overflow:auto}li{margin-bottom:8px}li button{text-align:left;width:100%}#replay-status{font-weight:600}#replay-time{font-variant-numeric:tabular-nums}#replay-medications{white-space:pre-line}@media(max-width:850px){.details{grid-template-columns:1fr}header{flex-wrap:wrap}header a{margin-left:0}section{padding:12px}}
.replay-screen{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.replay-screen canvas{min-width:600px;height:auto}.replay-scroll-note{display:none}section,.details{min-width:0}input[type=file]{max-width:100%}@media(max-width:700px){.replay-scroll-note{display:block}}
@media(max-width:850px),(pointer:coarse){button,select,input{min-height:44px;font-size:16px}button{min-width:44px}.toolbar label{flex-wrap:wrap;max-width:100%}.toolbar select{max-width:100%}}