:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#f6f6f7;background:#0b0913;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 100% 0%,#26183d 0%,#0b0913 42%)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.shell{max-width:520px;margin:auto;min-height:100vh;padding:20px 18px 30px}header{display:flex;justify-content:space-between;align-items:center;padding:12px 0 28px}.brand{display:flex;gap:11px;align-items:center}.mark{display:grid;place-items:center;background:#a77aff;color:#101010;font-size:25px;font-weight:950;width:48px;height:48px;border-radius:13px;letter-spacing:-5px;padding-right:5px}.mark span{font-size:18px}.brand strong{display:block;font-size:20px;letter-spacing:.8px}.brand em{color:#bb91ff;font-style:normal}.brand small{display:block;font-size:9px;color:#9da2ab;letter-spacing:2px;margin-top:3px}.demo{font-size:9px;letter-spacing:1px;color:#d4b7ff;border:1px solid #604486;border-radius:50px;padding:7px 9px}.hero{margin:12px 0 27px}.eyebrow{font-size:11px;color:#b58aff;font-weight:750;letter-spacing:2px}.hero h1{font-size:clamp(25px,7vw,34px);letter-spacing:-1.1px;line-height:1.14;margin:9px 0}.hero p:last-child{color:#a4a8b0;font-size:14px;margin:0}.view{animation:fade .18s ease}.hidden{display:none!important}@keyframes fade{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.action{display:flex;align-items:center;gap:18px;border:1px solid #ffffff16;width:100%;text-align:left;border-radius:19px;padding:27px 23px;color:white;margin:14px 0;min-height:125px}.entry{background:linear-gradient(115deg,#5332a4,#8d59e8)}.exit{background:linear-gradient(115deg,#322251,#6d3b9e)}.actionIcon{font-size:46px;line-height:1;width:56px;text-align:center;font-weight:250}.action b{display:block;font-size:24px;letter-spacing:.8px}.action small{display:block;font-size:13px;opacity:.86;margin-top:6px}.chev{margin-left:auto;font-size:40px;font-weight:200;opacity:.7}.statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:25px 0 14px}.statrow>div{border:1px solid #343840;background:#1e192b;border-radius:13px;padding:14px 8px;text-align:center}.statrow span{display:block;color:#9ba0aa;font-size:9px;letter-spacing:.6px}.statrow b{font-size:25px;display:block;margin-top:6px}.secondary,.primary{width:100%;border-radius:12px;padding:14px;border:1px solid #484c55;background:#292239;color:#fff;font-weight:700}.primary{background:#a77aff;border-color:#a77aff;color:#141414;margin-top:16px}.back{background:none;color:#c5c9d0;border:0;padding:0 0 16px}.panel{background:#191426;border:1px solid #32363d;border-radius:18px;padding:20px}.modeTitle{font-weight:800;font-size:22px;margin:0 0 18px;color:#b58aff}.panel label{display:block;font-size:12px;color:#c2c6cd;margin:15px 0 7px;font-weight:700}.panel input,.panel select{width:100%;background:#100d19;border:1px solid #464b54;border-radius:10px;color:white;padding:14px;outline:none;min-width:0}.panel input:focus,.panel select:focus{border-color:#b58aff}.inputRow{display:flex;gap:8px}.scanBtn{background:#b58aff;color:#151515;border:0;border-radius:10px;min-width:55px;font-size:26px}.hint{font-size:12px;color:#9ca1aa;line-height:1.5}.error{font-size:12px;color:#ff8c84;min-height:16px}.camera{margin:12px 0;padding:10px;background:#100d19;border:1px solid #444;border-radius:12px}.camera video{width:100%;max-height:240px;object-fit:cover;border-radius:8px}.camera p{text-align:center;color:#aeb3ba;font-size:12px}.panel h2{font-size:17px;margin:8px 0 12px}.list{margin:12px 0 22px}.item{background:#120f1b;border:1px solid #343840;border-radius:11px;padding:12px;margin-bottom:8px}.item strong{display:block;font-size:13px;overflow-wrap:anywhere}.item small{display:block;color:#a7abb3;font-size:11px;margin-top:5px;overflow-wrap:anywhere}.item .positive{color:#60d9a0}.item .negative{color:#ff938d}.empty{font-size:12px;color:#8f959f;padding:12px}footer{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.5px;color:#777e89;margin-top:35px} @media(max-width:360px){.shell{padding:14px 12px}.brand strong{font-size:17px}.demo{font-size:8px}.action{padding:20px 13px}}

#qrReader {width:100%;overflow:hidden;border-radius:12px}#qrReader video {max-width:100%;border-radius:12px} .camera {margin:12px 0} .camera video {max-width:100%}

/* AA Project orbital design system */
body{background:radial-gradient(ellipse at 85% 5%,#32204d 0%,#120e1d 39%,#0b0913 80%)}header{border-bottom:1px solid #a77aff20;padding-bottom:22px}.mark{font-size:18px;letter-spacing:-2px;padding-right:0;background:linear-gradient(145deg,#d4b4ff,#8554e0);color:#140d23;box-shadow:0 0 25px #945de54d}.mark span{font-size:17px}.brand strong{font-size:17px;letter-spacing:.4px}.action{box-shadow:0 12px 35px #0003}.action:active{transform:scale(.99)}.primary{color:#140e23;background:linear-gradient(110deg,#c5a0ff,#9664e9)}.scanBtn{color:#160e24}.demo{background:#a77aff12}.statrow>div{background:#1b1628}.panel{box-shadow:0 15px 45px #0004}
