:root{font:16px system-ui,-apple-system,'Segoe UI',sans-serif;color:#f4f8ff;background:#101d30}*{box-sizing:border-box}body{margin:0;min-height:100vh}header{background:linear-gradient(120deg,#13263c,#17445a);border-bottom:3px solid #59dcc5;padding:24px 16px}header .wrap{max-width:860px;margin:auto}h1{font-size:clamp(36px,7vw,56px);letter-spacing:-2px;margin:0;color:#fff}h1 span{color:#ffbf65}.tag{letter-spacing:2px;font-weight:800;color:#72e9d0;margin:0}main{max-width:860px;margin:0 auto;padding:16px 16px 40px}.card{background:#1d3149;padding:20px;border:1px solid #35546c;border-radius:18px;margin:14px 0;box-shadow:0 8px 24px #07152344}h2{margin:0 0 14px;font-size:23px}p{line-height:1.5}label{display:block;margin:14px 0 7px;font-weight:700}input,select,textarea{width:100%;background:#f6fbff;color:#122a40;padding:14px;font:inherit;border:2px solid #bfd2dc;border-radius:10px}input:focus,select:focus,textarea:focus{outline:3px solid #65dccb88}button,.button{background:#69e0c9;color:#0b2730;border:0;border-radius:11px;padding:14px 17px;font:inherit;font-weight:800;cursor:pointer;display:inline-block;text-decoration:none}button.secondary,.button.secondary{background:#2c506c;color:white}button.danger{background:#ffc0b4;color:#482119}button:disabled{opacity:.5;cursor:not-allowed}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.actions button{min-height:95px;font-size:17px}.actions button[aria-pressed=true]{outline:3px solid #fff}.row{display:flex;gap:10px;align-items:end}.row>*{flex:1}.row button{flex:0 0 auto}.muted{color:#b5cad9}.status{padding:14px;margin:14px 0;border-radius:10px;background:#2b4863;white-space:pre-wrap}.status.ok{background:#174a3c;color:#baf8d6}.status.error{background:#60353a;color:#ffe0de}nav{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}nav a{color:#c5edfa}footer{text-align:center;color:#adc0cd;font-size:12px;padding:18px}#video{width:100%;max-height:330px;background:#071625;border-radius:12px;object-fit:cover}#camera[hidden],[hidden]{display:none!important}.badge{border:2px solid #62dbcd;border-radius:14px;padding:18px;background:#142a40}.badge h2{text-align:center;font-size:27px}.table{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:9px;border-bottom:1px solid #456076}small{color:#c3d7e4}@media(max-width:480px){.row{flex-wrap:wrap}.row button{flex:1}.card{padding:15px}.actions button{font-size:15px}}