:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#193f38;background:#f4f6f2;line-height:1.6}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;gap:16px;padding:19px max(20px,calc((100vw - 1050px)/2));background:#fff;border-bottom:1px solid #dce5db}header span,.hint,.screen-heading small{color:#687d70;font-size:13px}a{color:#315e45}main{max-width:1090px;margin:auto;padding:28px 20px 45px}h1{font-size:30px;margin:5px 0 9px}h2{font-size:17px;margin:0 0 12px}.eyebrow{font-size:12px;letter-spacing:2px;color:#64826c;margin:0}.lead{max-width:850px;font-size:15px}.card{background:white;border:1px solid #dce5db;border-radius:14px;padding:20px;margin:20px 0}.actions{display:flex;flex-wrap:wrap;gap:10px}button,input{font:inherit;font-size:14px;border:1px solid #bfcfbd;border-radius:8px;padding:10px 14px}button{background:white;color:#224c38;cursor:pointer}button:disabled{opacity:.45;cursor:default}#start,#save{background:#294f3e;border-color:#294f3e;color:white}#status{padding:10px 14px;border-radius:8px;background:#e6eedf;font-size:14px}#notice{color:#8d3d2b;font-size:14px;overflow-wrap:anywhere}#notice:empty{display:none}.screen-card{padding:16px}.screen-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.screen-heading h2{margin:0 0 10px}.screen{position:relative;min-height:150px;display:flex;align-items:center;justify-content:center;background:#e9eee5;border-radius:8px;overflow:hidden}.screen p{padding:24px;text-align:center;color:#697d6d}.screen img{display:block;width:100%;height:auto;aspect-ratio:8/5;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;cursor:crosshair}.screen img:focus{outline:3px solid #90b776;outline-offset:-3px}.hint{margin-bottom:0}label{display:block;font-size:14px;margin:10px 0}.input-row{display:flex;gap:10px}input{min-width:0;flex:1;background:#fcfdfa}.keys{margin-top:15px}.keys button{font-size:13px;padding:8px 12px}[hidden]{display:none!important}@media(max-width:560px){header{font-size:13px;padding:15px 16px}header span{font-size:11px}main{padding:22px 14px}h1{font-size:26px}.lead{font-size:14px}.card{padding:15px}.screen-card{padding:10px}.screen-heading small{font-size:10px}.screen-heading h2{font-size:15px}.actions{gap:8px}button{font-size:12px;padding:10px}#status{font-size:13px}.hint{font-size:12px}}