:root{--bg:#14161a;--panel:#1d2026;--line:#2c313a;--text:#e6e8eb;--dim:#9aa3ad;--pick:#2b3a55;--bad:#ff8a80;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f5f6f8;--panel:#fff;--line:#d9dde3;--text:#1b1f24;--dim:#5d6772;--pick:#dbe7ff;--bad:#b3261e}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.45 system-ui,sans-serif}main{max-width:1100px;margin:0 auto;padding:12px 16px 40px}h1{margin:0 0 8px;font-size:20px}h2{align-items:center;gap:8px;margin:20px 0 8px;font-size:16px;display:flex}h3{margin:14px 0 4px;font-size:14px}input,button,select{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:6px;padding:8px 10px}button{cursor:pointer}button svg{display:block}button.quiet{color:var(--dim);background:0 0;border-color:#0000}header{align-items:center;gap:8px;display:flex}header h1{flex:1;margin:0}.menu{position:relative}.menu>button{padding:6px 10px;font-size:20px;line-height:1}.menu ul{z-index:2;min-width:150px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 6px 20px #0005}.menu ul li{padding:0}.menu ul li:first-child{border-top:0}.menu li button{text-align:left;background:0 0;border:0;border-radius:0;width:100%;padding:10px 14px}.menu li button:hover,.menu li button:focus-visible{background:var(--pick);outline:none}header form{flex-wrap:wrap;flex:1;gap:8px;min-width:0;display:flex}header select{min-width:0;max-width:100%}header input{flex:200px;min-width:0}.login{gap:12px;max-width:320px;margin:15vh auto 0;padding:16px;display:grid}.login label{color:var(--dim);gap:4px;display:grid}.problem{color:var(--bad)}.dim,small{color:var(--dim);font-size:13px}ul{margin:0;padding:0;list-style:none}.box{border:1px solid var(--line);background:var(--panel);border-radius:10px;overflow:hidden}.box li{border-top:1px solid var(--line);padding:10px 12px}.results li:first-child{border-top:0}.results li{cursor:pointer}.detections{--row:calc(2 * 1.45em + 20px);height:calc(3 * var(--row) + 3px);overscroll-behavior:contain;border-top:1px solid var(--line);overflow-y:auto}.detections li:first-child{border-top:0}.detections li.row{min-height:var(--row)}.detections li.row:not(.on){height:var(--row);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.topic{color:var(--dim);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:0 7px;font-size:12px}.player li.row{cursor:pointer}.player li.on{background:var(--pick)}.player li.row:focus-visible{outline:2px solid var(--dim);outline-offset:-2px}.given{float:right;margin-left:12px}.feedback{background:var(--bg);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.feedback .quality{flex:0 0 25%;align-items:center;gap:8px;display:flex}.feedback .quality input{flex:1;min-width:0;padding:0}.feedback .quality b{text-align:right;width:2ch}.feedback textarea{min-width:0;font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);resize:vertical;border-radius:6px;flex:200px;padding:8px 10px}.feedback button{align-items:center;height:36px;display:inline-flex}@media (width<=600px){.feedback .quality{flex-basis:100%}}button.icon{padding:2px 9px;font-size:16px;line-height:1.3}.steps{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.steps button,.steps input[type=number]{height:36px;padding-top:0;padding-bottom:0}.steps button{justify-content:center;align-items:center;display:inline-flex}.steps input[type=number]{text-align:right;width:84px;font-size:13px}.steps label:first-of-type{margin-left:auto}.steps label{align-items:center;gap:6px;margin-left:8px;line-height:1;display:inline-flex}.steps input[type=checkbox]{flex:none;width:16px;height:16px;margin:0;padding:0}.results li:hover,.results li.on{background:var(--pick)}nav{align-items:center;gap:8px;margin-top:12px;display:flex}.stage{background:#000;position:relative}.stage video{width:100%;height:100%;display:block}.stage canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dot{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.steps input[type=number]{appearance:textfield}.steps input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.steps input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.results label{cursor:pointer;display:block}.results input[type=checkbox]{vertical-align:-2px;width:15px;height:15px;margin:0 4px 0 0;padding:0}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}th,td{text-align:right;border-top:1px solid var(--line);padding:7px 10px;font-weight:400}th:first-child{text-align:left}thead th{color:var(--dim);border-top:0;font-size:13px}tbody th{font-weight:600}.scores tbody tr:last-child{background:var(--bg)}.differs{background:var(--pick);font-weight:600}h2 select{padding:4px 6px;font-size:13px;font-weight:400}.rows{gap:10px;display:grid}.rows>li{border-top:0;grid-template-columns:220px 1fr;gap:12px;padding:10px;display:grid}.rows img{background:#000;border-radius:6px;width:100%}.rows ol{margin:6px 0 0;padding-left:20px}.rows ol>small{margin-left:-20px;display:block}.rows ol li{border:0;padding:3px 0}.sides{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pill{color:var(--bad);border:1px solid var(--bad);white-space:nowrap;border-radius:999px;margin-left:6px;padding:0 7px;font-size:12px;display:inline-block}@media (width<=700px){.scores thead{display:none}.scores tr{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding:8px 10px;display:grid}.scores tr:first-child{border-top:0}.scores th,.scores td{text-align:left;border:0;padding:2px 0}.scores tbody th{grid-column:1/-1}.scores td:before{content:attr(data-label);color:var(--dim);font-size:12px;display:block}.compare th,.compare td{padding:6px}.rows>li,.sides{grid-template-columns:1fr}}