:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#263c32;background:#f6f7f2;font-synthesis:none;line-height:1.65;--green:#244f3c;--muted:#64736a;--line:#dce3d9}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #a68623;outline-offset:4px}[hidden]{display:none!important}.top{max-width:1080px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:12px}.brand{font-size:20px;letter-spacing:.03em;font-weight:750;text-decoration:none;color:var(--green);white-space:nowrap}.brand-ball{display:inline-flex;align-items:center;justify-content:center;background:#dbe78d;width:32px;height:32px;border-radius:50%;margin-right:8px}.top nav{display:flex;gap:8px}.nav{border:0;background:none;min-height:44px;padding:8px 15px;color:var(--muted);border-radius:24px}.nav.active{background:#e4ecdf;color:var(--green);font-weight:650}main{max-width:740px;margin:0 auto;padding:22px 28px 40px}h1{font-size:36px;line-height:1.3;letter-spacing:-.04em;font-weight:650;margin:14px 0 18px}h2{font-size:24px;line-height:1.4;margin:10px 0 14px;font-weight:650}p{margin:12px 0}.lead{font-size:18px;color:#53675a;line-height:1.8}.eyebrow,.step{font-size:12px;letter-spacing:.1em;font-weight:650;color:#587451;display:block}.hero{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:16px 0 30px}.hero h1{font-size:42px;line-height:1.3}.hero .lead{font-size:16px}.court{width:170px;height:214px;flex-shrink:0;position:relative;transform:rotate(-9deg);background:#c4d4b6;border-radius:80px 80px 22px 22px;overflow:hidden}.court-lines{position:absolute;inset:44px 24px 22px;border:2px solid #fafdf1}.court-lines:before,.court-lines:after{content:"";position:absolute;top:0;bottom:0;border-left:2px solid #fafdf1;left:12px}.court-lines:after{left:auto;right:12px}.court-lines i{position:absolute;left:0;right:0;top:50%;border-top:2px solid white}.court-lines b{position:absolute;inset:29px 12px;border:2px solid #fafdf1;border-left:0;border-right:0}.court-lines span{position:absolute;top:29px;bottom:29px;left:50%;border-left:2px solid white}.tennis-ball{position:absolute;right:20px;top:28px;width:38px;height:38px;background:#e8eb82;border:2px solid #f9fada;border-radius:50%;box-shadow:0 8px 10px #42643922}.panel{background:#fffefb;border:1px solid var(--line);border-radius:22px;padding:28px;margin:18px 0}.upload-panel{padding:30px}.primary,.secondary{min-height:48px;padding:12px 20px;border-radius:12px;border:1px solid var(--green);font-weight:600;text-align:center;display:inline-block;text-decoration:none}.primary{background:var(--green);color:white}.primary:hover{background:#34664e}.secondary{background:transparent;color:var(--green);border-color:#cbd7c5}.secondary:hover{background:#eef2e9}.full{width:100%;margin-top:14px}.text-button{background:none;border:0;color:var(--green);min-height:44px;padding:8px 4px;text-decoration:underline;text-underline-offset:4px}.hint{font-size:13px;color:var(--muted);line-height:1.7}.notice,.error{background:#f1f2e8;border-radius:12px;padding:14px 16px;font-size:14px;color:#62633f;overflow-wrap:anywhere}.error{background:#fbede7;color:#94422f}.status:empty{display:none}.status{color:var(--green);font-size:14px}.capture-tip{display:flex;gap:14px;margin:22px 0;background:#f0f4ec;border-radius:14px;padding:18px}.capture-tip>span{font-size:32px;color:#78936d}.capture-tip p{font-size:14px;margin:2px 0;color:var(--muted)}.file-label{display:block;position:relative;width:100%;margin-top:12px;cursor:pointer;overflow:hidden}.file-label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.file-label:focus-within{outline:3px solid #a68623;outline-offset:3px}.journey{display:flex;justify-content:space-between;gap:10px;color:#5d705f;font-size:13px;margin:24px 0 34px}.journey b{margin-right:6px;font-size:12px;background:#e4ecdf;border-radius:50%;padding:3px 7px}.player{padding:12px;overflow:hidden}.player video{display:block;width:100%;max-height:460px;background:#172a22;border-radius:14px;object-fit:contain}.transport{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-top:12px}.speed{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px}.speed select{min-height:44px;padding:5px;width:auto}.time-row{display:flex;align-items:center;justify-content:space-between;padding:0 6px;font-size:13px;color:var(--muted)}.waiting-symbol{font-size:50px;color:#78936d}.candidate-list{display:grid;gap:10px;margin:20px 0}.candidate{text-align:left;border:1px solid var(--line);border-radius:12px;background:white;padding:14px;color:var(--green)}.candidate[aria-pressed=true]{border:2px solid var(--green);background:#edf3e7}.candidate small{display:block;color:var(--muted);margin-top:4px}fieldset{border:0;padding:0;margin:20px 0}legend,label{font-size:14px;font-weight:550}legend{margin-bottom:8px}.choices{display:flex;flex-wrap:wrap;gap:10px}.choices label{background:#eef3e9;border-radius:10px;min-height:44px;padding:10px 14px}.choices input{accent-color:var(--green);margin-right:6px}.form-row{display:flex;gap:16px}.form-row>label{flex:1;min-width:0}input[type=password],input[type=number],select{display:block;width:100%;background:white;border:1px solid #bfcdbb;border-radius:9px;padding:10px;min-height:46px;color:#263c32;margin-top:6px}input[type=checkbox]{accent-color:var(--green);width:20px;height:20px;flex-shrink:0}.mark-box{background:#f5f7f0;border-radius:14px;padding:18px;margin:22px 0}.mark-box>label{display:block;margin-top:18px}summary{cursor:pointer;min-height:44px;display:list-item;padding:10px 0;font-size:14px;font-weight:600;color:var(--green)}details.panel{padding:14px 26px}.cue{font-size:24px;color:var(--green);font-weight:650;border-left:3px solid #b8ca8f;padding:10px 0 10px 18px;margin:26px 0}.evidence-buttons{display:flex;gap:8px;flex-wrap:wrap}.evidence-buttons button{font-size:14px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.section-head h2{font-size:20px}.section-head small{font-size:12px;font-weight:400;display:inline-block;margin-left:8px;color:var(--muted)}.record-list{display:grid;gap:12px}.record{background:#fffefb;border:1px solid var(--line);padding:18px 20px;border-radius:16px}.record h3{margin:0;font-size:17px}.record .open-record{display:block;text-align:left;border:0;background:none;color:var(--green);width:100%;padding:4px 0;min-height:44px}.record p{font-size:13px;color:var(--muted);margin:4px 0}.empty{border:1px dashed #bfcdbb;padding:24px;border-radius:14px;color:var(--muted);font-size:14px}.danger{color:#96533c}.checks{display:grid;gap:12px}.checks label{display:flex;align-items:flex-start;gap:12px;background:#f0f4ea;padding:16px;border-radius:12px;font-size:16px;font-weight:400}.checks label input{margin-top:4px}.account{margin-top:25px}footer{text-align:center;margin-top:45px;font-size:13px;color:#778478;line-height:1.9}footer span{font-size:11px}dialog{max-width:440px;width:calc(100% - 36px);padding:28px;border:1px solid var(--line);border-radius:22px;color:#263c32}dialog::backdrop{background:#12271980}.dialog-actions{display:flex;gap:12px;margin-top:22px}.dialog-actions button{flex:1}.danger-button{background:#80432f;border-color:#80432f}progress{width:100%;accent-color:var(--green);margin-top:18px}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:2}.skip:focus{top:8px}@media(max-width:600px){.top{padding:14px 18px;gap:5px}.brand{font-size:17px}.brand-ball{width:27px;height:27px;margin-right:3px}.nav{padding:6px 10px;font-size:13px}.top nav{gap:2px}main{padding:14px 18px 30px}.hero{gap:8px;margin-top:10px}.hero h1{font-size:31px}.hero .lead{font-size:14px}.court{width:100px;height:156px;border-radius:56px 56px 18px 18px}.court-lines{inset:40px 13px 17px}.court-lines b{inset:20px 12px}.court-lines span{top:20px;bottom:20px}.tennis-ball{width:28px;height:28px;right:15px;top:20px}h1{font-size:29px}h2{font-size:22px}.panel,.upload-panel{padding:22px 19px}.player{padding:9px}.lead{font-size:17px}.journey{font-size:11px;gap:4px}.journey b{margin-right:3px}.transport{gap:6px}.transport button{padding:9px 12px}.speed{gap:4px}.cue{font-size:22px}.choices{gap:6px}.choices label{padding:10px 12px}.record{padding:15px 17px}.form-row{gap:10px}}@media(prefers-reduced-motion:no-preference){button,.file-label{transition:background .15s}.view{animation:appear .18s ease-out}@keyframes appear{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}}

.focus-panel .player{border:0;padding:0;border-radius:12px;margin:20px 0}.focus-panel .player video{max-height:340px}@media(max-width:600px){.focus-panel .player video{max-height:280px}}