:root{font-family:system-ui,-apple-system,'Segoe UI','Malgun Gothic',sans-serif;color:#182b42;background:#f1f5fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:520px;margin:auto;padding:28px 20px max(24px,env(safe-area-inset-bottom))}.brand{font-size:12px;font-weight:800;letter-spacing:2px;color:#526c89}h1{margin:8px 0 12px;font-size:29px;letter-spacing:-1px}h2{font-size:20px}p{line-height:1.6}header{margin-bottom:28px}#status{min-height:26px;color:#64748b;font-size:15px}#status.good{color:#087c68}section{background:white;border:1px solid #dce5ef;border-radius:20px;padding:22px}section[hidden]{display:none}label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}input{font:600 32px ui-monospace,monospace;width:100%;letter-spacing:8px;text-align:center;padding:16px 8px;border:1px solid #bccbdc;border-radius:12px;background:#f8fafc;color:inherit;outline-offset:3px}button{font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:12px;min-height:48px}button:focus-visible{outline:3px solid #3389ed;outline-offset:4px}.primary{display:block;width:100%;background:#174ac7;color:white;padding:16px;margin-top:16px;font-size:17px;font-weight:700}.error{color:#b42318;font-size:14px;min-height:22px}#actions{display:grid;gap:14px}.action{width:100%;min-height:130px;background:#174ac7;color:white;box-shadow:0 5px 0 #103a9b;font-size:26px;font-weight:750;padding:24px 12px;overflow-wrap:anywhere}.action:active{transform:translateY(3px);box-shadow:0 2px 0 #103a9b;background:#123b9c}.action:disabled{background:#e4eaf2;color:#8393a6;box-shadow:0 4px 0 #d6dfe9;cursor:default}#result{min-height:52px;margin:24px 0 8px;font-size:15px;color:#526780}#result.error{color:#b42318}.footer{border-top:1px solid #e7edf4;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#64748b;gap:12px}.text-button{color:#5c6e83;background:transparent;font-size:13px;padding:8px}main>footer{font-size:12px;color:#7c8da2;text-align:center;margin-top:22px}@media(max-width:350px){main{padding:20px 14px}section{padding:18px}.action{min-height:115px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}