:root{color-scheme:light;font-family:Inter,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:radial-gradient(circle at top,rgba(14,165,233,.16),transparent 40%),linear-gradient(180deg,#f8fbff,#eef4ff);color:#10233f}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}.scan-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.scan-card{width:min(100%,440px);border-radius:28px;padding:28px;background:#ffffffe6;border:1px solid rgba(148,163,184,.25);box-shadow:0 24px 80px #0f172a1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.scan-card-live{position:relative;overflow:hidden}.scan-card-live:before{content:"";position:absolute;inset:-30% auto auto 55%;width:240px;height:240px;border-radius:999px;background:#10b9811f;filter:blur(8px)}.scan-eyebrow{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0f766e}.scan-title{position:relative;z-index:1;margin:14px 0 0;font-size:clamp(1.9rem,4vw,2.4rem);line-height:1.05;color:#0f172a}.scan-message,.scan-subtitle{position:relative;z-index:1;margin:12px 0 0;font-size:1rem;color:#475569}.scan-message-error{color:#be123c}.scan-subtitle-strong{font-weight:700;color:#0f172a}.scan-summary{position:relative;z-index:1;margin-top:22px;border-radius:22px;background:#f1f5f9e6;border:1px solid rgba(148,163,184,.22);padding:16px 18px}.scan-summary-row{display:flex;justify-content:space-between;gap:16px;padding:7px 0;color:#334155}.scan-summary-row strong{text-transform:capitalize;color:#0f172a}.scan-alert{position:relative;z-index:1;margin-top:18px;border-radius:18px;padding:14px 16px;font-size:.95rem;background:#f1f5f9f2;color:#334155}.scan-alert-error{background:#fff1f2;color:#be123c}.scan-alert-success{background:#ecfdf5;color:#047857}.scan-confirm-panel{position:relative;z-index:1;margin-top:18px;border-radius:18px;padding:16px;background:#eff6fff2;border:1px solid rgba(96,165,250,.2)}.scan-confirm-label{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1d4ed8}.scan-confirm-text{margin-top:8px;color:#334155}.scan-menu-grid{display:grid;gap:12px;margin-top:18px}.scan-input{width:100%;border-radius:18px;border:1px solid rgba(148,163,184,.35);background:#fffffff2;padding:14px 16px;color:#0f172a}.scan-input:focus{outline:2px solid rgba(37,99,235,.2);border-color:#2563eb8c}.scan-button{position:relative;z-index:1;width:100%;margin-top:20px;border:0;border-radius:18px;padding:14px 18px;font-weight:700;cursor:pointer;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease}.scan-button:hover:not(:disabled){transform:translateY(-1px)}.scan-button:disabled{opacity:.7;cursor:wait}.scan-button-primary{color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);box-shadow:0 18px 40px #2563eb3d}.scan-button-secondary{color:#fff;background:linear-gradient(135deg,#0f172a,#334155);box-shadow:0 18px 40px #0f172a3d}.scan-button-ghost{color:#0f172a;background:#ffffffb3;border:1px solid rgba(148,163,184,.28);box-shadow:none}.scan-status-hint{position:relative;z-index:1;margin-top:18px;text-align:center;color:#475569}@media(max-width:600px){.scan-shell{padding:16px}.scan-card{padding:22px;border-radius:24px}}