:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7fbff;font-synthesis:none;--safe-top:max(18px, env(safe-area-inset-top));--safe-bottom:max(20px, env(safe-area-inset-bottom));--accent:#71f5d2;--accent-strong:#15d3a4;--ink:#07111f;background:#07111f;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#07111f}button,a{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.app-shell{isolation:isolate;background:radial-gradient(circle at 50% 30%,#14304c 0,#07111f 58%);min-height:100%;position:relative}.ar-scene{z-index:0;top:0;bottom:0;left:0;right:0;width:100%!important;height:100%!important;position:absolute!important}.ar-scene canvas{width:100%!important;height:100%!important}.scanner-ui{z-index:4;pointer-events:none;background:linear-gradient(#030a12ad,#0000 24% 66%,#030a12d1);position:absolute;top:0;bottom:0;left:0;right:0}.top-bar{padding:var(--safe-top) 18px 0;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;display:grid}.brand-mark{width:46px;height:46px;color:var(--accent);letter-spacing:-.04em;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07111f7a;border:1px solid #71f5d294;border-radius:15px;place-items:center;font-weight:800;display:grid}.eyebrow{color:var(--accent);letter-spacing:.18em;margin:0 0 4px;font-size:10px;font-weight:800}.top-bar h1{margin:0;font-size:clamp(17px,4.6vw,23px);line-height:1.1}.status-pill{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07111f7a;border:1px solid #ffffff38;border-radius:999px;align-self:center;padding:7px 10px;font-size:11px}.status-pill[data-state=scanning]{color:var(--accent);border-color:#71f5d280}.status-pill[data-state=error]{color:#ffb2b2;border-color:#ff94948c}.scan-stage{place-items:center;display:grid;position:absolute;top:18%;bottom:26%;left:8%;right:8%}.scan-frame{aspect-ratio:1;background:#07111f0d;border:1px solid #ffffff24;border-radius:30px;width:min(72vw,340px);position:relative;overflow:hidden;box-shadow:inset 0 0 60px #07111f29}.scan-frame i{border-color:var(--accent);filter:drop-shadow(0 0 9px #71f5d280);width:48px;height:48px;position:absolute}.scan-frame i:first-child{border-left:4px solid var(--accent);border-top:4px solid var(--accent);border-radius:28px 0 0;top:-1px;left:-1px}.scan-frame i:nth-child(2){border-right:4px solid var(--accent);border-top:4px solid var(--accent);border-radius:0 28px 0 0;top:-1px;right:-1px}.scan-frame i:nth-child(3){border-left:4px solid var(--accent);border-bottom:4px solid var(--accent);border-radius:0 0 0 28px;bottom:-1px;left:-1px}.scan-frame i:nth-child(4){border-right:4px solid var(--accent);border-bottom:4px solid var(--accent);border-radius:0 0 28px;bottom:-1px;right:-1px}.scan-line{background:linear-gradient(90deg, transparent, var(--accent), transparent);height:2px;animation:2.4s ease-in-out infinite alternate scan;position:absolute;top:12%;left:8%;right:8%;box-shadow:0 0 20px 3px #71f5d259}@keyframes scan{to{transform:translateY(min(58vw,265px))}}.scan-help{left:24px;right:24px;bottom:var(--safe-bottom);text-align:center;position:absolute}.scan-help p{margin:0}#scan-message{font-size:16px;font-weight:700}.scan-subtitle{color:#ebf5ffab;font-size:12px;line-height:1.5;margin-top:8px!important}.gate-panel{z-index:10;background:radial-gradient(circle at 50% 35%,#1e4a62cc,#050c16f5);place-items:center;padding:24px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.glass-card{text-align:center;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0a1828c7;border:1px solid #ffffff29;border-radius:30px;width:min(100%,430px);padding:34px 26px 28px;box-shadow:0 24px 80px #00000059}.glass-card h2{margin:8px 0 12px;font-size:27px}.glass-card>p:not(.eyebrow):not(.error-code){color:#ebf5ffb8;line-height:1.65}.panel-icon{width:62px;height:62px;color:var(--accent);background:#71f5d21f;border-radius:20px;place-items:center;margin:0 auto 20px;font-size:34px;display:grid}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));width:100%;min-height:52px;color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:17px;margin-top:14px;font-weight:850}.error-card .panel-icon{color:#ffb2b2;background:#ff64641f}.error-code{color:#ffffff6b;font:11px ui-monospace,monospace}.content-modal{z-index:20;padding-top:var(--safe-top);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03091094;align-items:flex-end;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.content-sheet{background:#0d1d2d;border:1px solid #ffffff21;border-bottom:0;border-radius:30px 30px 0 0;flex-direction:column;width:100%;min-height:42%;max-height:92%;display:flex;overflow:hidden;box-shadow:0 -20px 80px #0006}.content-header{justify-content:space-between;align-items:center;padding:20px 20px 14px;display:flex}.content-header h2{margin:0;font-size:22px}.icon-button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:15px;width:44px;height:44px;font-size:30px}.content-body{background:#07111f;flex:1;place-items:center;min-height:220px;display:grid;overflow:auto}.content-image,.content-video{object-fit:contain;max-width:100%;max-height:70vh;display:block}.content-frame{background:#fff;border:0;width:100%;height:min(72vh,760px)}.secondary-link{margin:12px 20px calc(12px + env(safe-area-inset-bottom));color:var(--accent);text-align:center;border:1px solid #71f5d259;border-radius:14px;padding:13px 16px;font-weight:700;text-decoration:none}.content-is-open .scanner-ui{filter:brightness(.55)}@media (min-width:760px){.content-modal{justify-content:center;align-items:center;padding:32px}.content-sheet{border-bottom:1px solid #ffffff21;border-radius:30px;width:min(900px,100%);max-height:88vh}.scan-stage{top:16%;bottom:26%;left:8%;right:8%}}@media (prefers-reduced-motion:reduce){.scan-line{animation:none;top:50%}}