:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--good:#2a2;--ok:#c90;--off:#d33;--miss:#888;--pending:#8884;--accent:#4a7bff;--cursor:#4a7bff40}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{-webkit-user-select:none;user-select:none;margin:0;font-family:system-ui,-apple-system,sans-serif}main{max-width:960px;margin:0 auto;padding:16px}h1{margin:0 0 8px;font-size:1.4rem}h2{margin:16px 0 8px;font-size:1.1rem}button{background:var(--accent);color:#fff;border:1px solid #8886;border-radius:10px;margin:4px 6px 4px 0;padding:14px 20px;font-size:1.1rem}button.secondary{color:inherit;background:0 0}button:disabled{opacity:.4}input[type=number]{width:5em;padding:8px;font-size:1.2rem}.error{color:var(--off)}.big{font-size:1.5rem;font-weight:600}.meter{background:#8882;border-radius:4px;height:12px;margin:6px 0;position:relative;overflow:hidden}.meter>div{background:#3c3;height:100%}.meter>.threshold{opacity:.8;background:#fff;width:2px;position:absolute;top:0;bottom:0}#root:has(main.session){flex-direction:column;height:100dvh;display:flex}main.session{flex-direction:column;flex:1;min-height:0;display:flex}main.session .score-frame{flex:1;min-height:160px;display:flex;position:relative}.score-viewport{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#fff;border-radius:8px;position:relative;overflow:hidden auto}main.session .score-viewport{flex:1}.score-host{position:relative}.score-host svg{display:block}.score-cursor{background:var(--cursor);z-index:1;pointer-events:none;border-radius:3px;position:absolute;left:0}.score-follow{z-index:2;border-radius:999px;position:absolute;bottom:14px;right:14px;box-shadow:0 2px 10px #0004}table{border-collapse:collapse;margin:8px 0}td,th{text-align:right;border-bottom:1px solid #8883;padding:4px 10px}th:first-child,td:first-child{text-align:left}pre{white-space:pre-wrap;background:#8881;border-radius:6px;padding:8px;font-size:.85rem}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.transport{border:1px solid #8884;border-radius:8px;flex-direction:column;gap:8px;margin:12px 0;padding:8px 12px;display:flex}select{padding:6px;font-size:1.1rem}