*{box-sizing:border-box}body{color:#1f2937;background:#f3f4f6;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.page{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:16px;display:flex}h1{margin:0;font-size:1.5rem}.code-boxes{gap:12px;display:flex}.code-box{text-align:center;background:#fff;border:2px solid #d1d5db;border-radius:12px;outline:none;width:60px;height:72px;font-size:2rem;transition:border-color .15s,box-shadow .15s}.code-box:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633}.card{text-align:center;background:#fff;border-top:6px solid;border-radius:16px;width:100%;max-width:320px;padding:24px;animation:.2s ease-out pop;box-shadow:0 10px 25px #00000014}.card.found{border-color:#10b981}.card.not-found{border-color:#ef4444}.card-label{color:#6b7280;font-size:.95rem}.card-value{color:#111827;letter-spacing:.5px;margin-top:8px;font-size:2rem;font-weight:700}.reset{cursor:pointer;background:#e5e7eb;border:none;border-radius:8px;margin-top:20px;padding:8px 20px;font-size:.9rem}.reset:hover{background:#d1d5db}@keyframes pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}