:root{font-family:system-ui,sans-serif;color:#142f3b;background:#eef3f5}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#112a35;color:white;padding:20px 4vw}header div{margin-right:auto}small{display:block;font-size:12px;margin-top:5px}button,input,select{font:inherit;border:1px solid #c5d3d9;border-radius:8px;padding:10px 14px;background:white;color:#142f3b}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:4px solid #37a997;outline-offset:2px}main{max-width:1400px;margin:auto;padding:24px 4vw}.clock-panel{background:white;border-radius:16px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 3px 15px #1232}#clock{font-variant-numeric:tabular-nums;font-size:clamp(45px,7vw,88px);font-weight:750;letter-spacing:-3px}.clock-actions{display:grid;gap:10px}.primary,.modes .active{background:#08786a;color:white;border-color:#08786a}.toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:24px 0 10px}label{display:grid;gap:6px;font-size:13px}input{width:140px}.modes{display:flex;gap:6px}#finish.active{background:#843857;border-color:#843857}#grid{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:12px;margin-top:16px}.athlete{min-height:150px;text-align:left;border:2px solid #d1dee3;border-radius:14px;padding:16px;user-select:none;-webkit-user-select:none}.athlete strong{display:block;font-size:38px;line-height:1.2}.athlete .name{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}.athlete .meta{font-size:12px;color:#50636b;display:block;margin-top:4px}.athlete .time{display:block;font-size:18px;font-weight:650;font-variant-numeric:tabular-nums;margin-top:10px}.athlete.finished{background:#dfefe7;border-color:#5a9f7a}.athlete.flash{background:#b9eadb}.finish-mode .athlete:not(.finished){border-color:#c3829a}#message{min-height:26px;font-weight:600;color:#08786a}.note{font-size:13px;color:#526975;line-height:1.6}#storage:not(:empty){padding:15px;background:#ffe2d8;color:#902b1c;margin-bottom:15px}dialog{width:min(960px,96vw);max-height:90vh;border:0;border-radius:16px;padding:24px}dialog::backdrop{background:#112a3588}#log{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:9px;border-bottom:1px solid #d1dee3}td button{font-size:12px;padding:6px}#close{float:right}@media(max-width:600px){main{padding:16px}.clock-panel{display:block;padding:18px}.clock-actions{grid-template-columns:1fr 1fr;margin-top:12px}.clock-actions button:first-child{grid-column:1/-1}#grid{gap:7px}.athlete{padding:10px;min-height:140px}.athlete strong{font-size:30px}.athlete .time{font-size:15px}.athlete .meta{font-size:11px}header{padding:15px}header button{font-size:12px}#grid{grid-template-columns:repeat(min(var(--cols,4),3),minmax(0,1fr))}} 

.athlete:disabled{opacity:1;color:#435a65;cursor:default}.athlete.finished:disabled{color:#185539}.athlete:disabled .meta{color:#526975}

#group.active{background:#3d467f;color:white}.group-selected{box-shadow:inset 0 0 0 3px #626dc4}.pin{display:flex;align-items:center;gap:6px}.pin input{width:20px;height:20px}#final-form{display:flex;flex-wrap:wrap;align-items:end;gap:12px;background:#edf5f5;padding:14px;border-radius:10px;margin:18px 0}#final-form h3,#edit-feedback{width:100%;margin:0}#final-form input{width:160px}#log input{width:120px}#log select{font-size:12px;padding:7px}#edit-feedback{color:#843857}#group{touch-action:none}