*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}body{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{position:relative;flex:0 0 auto;height:auto;min-height:8vh;background:#fff;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center;padding:0 2vw;z-index:100}#topBarControls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:4px;width:100%}#time{grid-column:2;justify-self:center;white-space:nowrap;font-size:2em;font-weight:700;color:#333;cursor:pointer}#startStop{grid-column:3;justify-self:start}#startStop,#resetButton,#exportButton{padding:8px 12px;font-size:20px;border:none;border-radius:6px;background-color:transparent;cursor:pointer;transition:background-color .15s ease;line-height:1}#resetButton,#exportButton{font-size:14px}#startStop:hover,#resetButton:hover,#exportButton:hover{background-color:#0969da14}#startStop:active,#resetButton:active,#exportButton:active{background-color:#0969da26}header h1{font-size:20px;font-weight:600;color:#333}main{margin-top:0;flex:1;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;min-height:0}#mainContent{display:flex;gap:0;width:100%;height:100%;align-items:stretch}.metrics-section{flex:1;display:flex;flex-direction:column;min-width:0;overflow-y:hidden;overflow-x:hidden;padding:0;background:#fff;position:relative;container-type:size}.section-title{font-size:min(1.5em,3vh);font-weight:600;color:#333;margin:0}.section-header{display:flex;justify-content:space-between;align-items:center;padding:min(8px,1.5vh) min(10px,1vw);margin-bottom:min(8px,1.5vh);background:#f6f8fa;background:linear-gradient(135deg,#f6f8fa,#fff);border-bottom:2px solid #e1e4e8;position:sticky;top:0;z-index:20;flex:0 0 auto;height:10cqh;min-height:40px}.last-update-inline{font-size:min(.8em,2vh);color:#656d76;text-align:center;font-style:italic;margin-top:min(8px,1vh);padding:0 min(20px,2vw) min(12px,2vh)}#metricsTable{text-align:center;width:100%;flex:1;display:flex;flex-direction:column;justify-content:space-evenly;transition:opacity .3s ease,filter .3s ease;padding:0 min(20px,2vw) min(16px,2vh);overflow:hidden}.metric-group{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}@media(max-width:768px){#mainContent{flex-direction:column;gap:0}.metrics-section{flex:1}}details{position:absolute;left:20px;background:transparent}summary{font-size:24px;padding:8px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;color:#333}summary::-webkit-details-marker{display:none}#controls{position:absolute;top:100%;left:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:8px;display:flex;flex-direction:column;gap:4px;min-width:180px}#controls button{padding:8px 12px;font-size:14px;border:none;border-radius:6px;background-color:transparent;cursor:pointer;white-space:nowrap;text-align:left;transition:background-color .15s ease;color:#1f2328;font-weight:400}#controls button:hover{background-color:#0969da14}#controls button:active{background-color:#0969da26}#metricsTable.paused{opacity:.5;filter:grayscale(50%)}#metricsTable dt{font-size:4cqh;color:#666;margin-top:0}#metricsTable dt:first-child{margin-top:0}#metricsTable dd{font-size:18cqh;font-weight:700;color:#333;margin-bottom:0;line-height:.9}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;align-items:center;justify-content:center}.modal-content{background-color:#fff;border-radius:12px;width:90%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 24px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:24px;font-weight:600;color:#1f2328;margin:0}.close-button{background:none;border:none;font-size:32px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .15s ease}.close-button:hover{background-color:#0969da14}.modal-body{padding:20px 24px;overflow-y:auto;flex:1}