:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f2f5f3;background:#050706;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 8% 5%,#003c272c,transparent 60%),#050706;min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;border:0;border-radius:12px;background:#00ff87;color:#022915;padding:15px 26px;font-weight:700;cursor:pointer;min-height:52px}button:disabled{opacity:.45;cursor:wait}.secondary{background:#ffffff0e;color:#bbc8c0;border:1px solid #ffffff1a}a{color:#97bca8;text-decoration:none}#welcome{max-width:1080px;margin:auto;padding:38px 42px 20px}header{display:flex;align-items:center;gap:20px;margin-bottom:34px}header strong{font-size:28px;letter-spacing:4px;color:#00ff87}header span{color:#86998e;font-size:15px}.card{background:#111713e8;border:1px solid #ffffff0f;border-radius:26px;padding:34px 42px;text-align:center;box-shadow:0 24px 80px #0006}.eyebrow{font-size:13px;letter-spacing:2px;color:#00df79}h1{font-size:clamp(26px,3.2vw,38px);margin:10px 0 14px;font-weight:650;letter-spacing:-1.2px}#detail{color:#bac9bf;font-size:18px;line-height:1.6;margin:0 auto 22px;max-width:680px}#qr-wrap{margin:20px auto}#qr{width:min(42vh,330px);height:min(42vh,330px);image-rendering:pixelated;background:white;border:12px solid white;border-radius:12px;max-width:100%}#expires{color:#93a79a;font-variant-numeric:tabular-nums;font-size:14px;margin:10px 0}#status{color:#00e783;min-height:24px;margin:15px 0 6px}#error{color:#ffb7a5;line-height:1.5;margin:8px 0}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px}.help{color:#84978a;line-height:1.7;font-size:14px;margin:24px 0 0}footer{display:flex;justify-content:space-between;padding:20px 5px;color:#6f8176;font-size:12px}#viewer-shell{position:fixed;inset:0;background:black}#viewer{border:0;width:100%;height:100%;display:block}[hidden]{display:none!important}@media(max-width:650px){#welcome{padding:24px 18px}.card{padding:26px 18px}header{margin-bottom:24px}.help{font-size:13px}#detail{font-size:16px}button{padding:13px 20px}}

#local-qr-details{text-align:left;max-width:640px;margin:20px auto;color:#90a397;font-size:12px}#local-qr{display:block;width:100%;margin-top:10px;background:#050706;color:#bbc8c0;border:1px solid #354b3d;border-radius:8px;padding:12px;font:12px monospace;resize:vertical}
