*{box-sizing:border-box}body{margin:0;background:#f0f4f8;color:#1b3045;font:16px system-ui,Arial,sans-serif}header{background:#173c60;color:#fff;padding:16px max(16px,calc((100vw - 680px)/2));display:flex;justify-content:space-between;gap:12px;align-items:center}header span{font-size:13px}main{max-width:680px;margin:auto;padding:12px 12px 60px}.card{background:#fff;border-radius:14px;padding:16px;margin:10px 0;box-shadow:0 2px 9px #142b4214}h1,h2{margin:0 0 12px}h1{font-size:22px}h2{font-size:19px}label{display:block;font-weight:600;margin:10px 0}input,select,button{font:inherit;width:100%;min-height:48px;border-radius:9px;margin:5px 0;padding:10px}input,select{border:1px solid #aab9c8;background:white;color:#1b3045}button{border:0;background:#1763a0;color:white;font-weight:700;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.success{background:#168348}.minor{background:#e8eff6;color:#173c60}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between}.toolbar button{width:auto;padding:10px 20px}.stats{display:flex;justify-content:space-around;text-align:center;gap:10px}.stats div{font-size:13px}.stats b{display:block;font-size:28px}#reader{width:100%;overflow:hidden;border-radius:10px}#reader video{max-width:100%}.hint{color:#5c7086;font-size:14px}#message{white-space:pre-wrap;overflow-wrap:anywhere;color:#173c60;padding:0 5px}#message.error{color:#b42318}.result{border-top:1px solid #dfe6ed;padding:10px 0}.result p{margin:4px 0}.result small{color:#5b7184}[hidden]{display:none!important}@media(max-width:370px){header{display:block}header span{display:block}.stats b{font-size:24px}}