:root{font-family:Inter,"Segoe UI",sans-serif;color:#16283c;background:#f3f6fa;color-scheme:light}*{box-sizing:border-box}body{margin:0}header{background:white;border-bottom:1px solid #dce5ed;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px}.mark{background:#153c63;color:white;padding:12px;border-radius:12px;font-weight:800}strong{display:block;font-size:18px}small{display:block;color:#61778e;font-size:12px;margin-top:5px}#status{font-size:13px;background:#eaf0f6;padding:10px 15px;border-radius:30px}main{padding:28px;max-width:1680px;margin:auto}.card{background:white;padding:38px;border:1px solid #dce5ed;border-radius:20px;max-width:480px;margin:7vh auto;box-shadow:0 12px 50px #20364b0c}.eyebrow{color:#3479ac;font-size:11px;letter-spacing:2px;font-weight:700}h1{font-size:32px;margin:16px 0}p{line-height:1.65;color:#61778e}form{display:grid;gap:12px;margin:24px 0}label{font-size:14px}input[type=password]{width:100%;padding:13px;border:1px solid #c8d6e2;border-radius:8px;font-size:17px}button{border:0;border-radius:8px;background:#176a9e;color:white;padding:12px 16px;cursor:pointer;font-weight:600}.secondary{background:#e6edf4;color:#23415d}button:disabled{opacity:.5;cursor:default}#error{color:#b13e40;font-size:13px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:0 0 18px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.screen{background:#0e1b2a;border-radius:12px;min-height:260px;display:flex;justify-content:center;align-items:center;padding:12px;overflow:hidden}canvas{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 280px);touch-action:none;outline:none;background:#0e1b2a}canvas:focus{outline:2px solid #43a6c2;outline-offset:3px}.footnote{display:flex;justify-content:space-between;gap:14px;margin-top:14px;font-size:12px;color:#61778e}footer{text-align:center;color:#8090a1;font-size:12px;padding:12px}input[type=checkbox]{accent-color:#176a9e}@media(max-width:800px){header{padding:16px}main{padding:16px}.card{margin:25px auto;padding:25px}.footnote{flex-direction:column}.actions button{padding:10px}canvas{max-height:65vh}}