*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#05070a;color:#f7fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at 50% 30%,#1d2630,#05070a 68%)}.camera-view,.ar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.camera-view{object-fit:cover;background:#05070a}.ar-overlay{pointer-events:none}.topbar{position:fixed;top:max(14px,env(safe-area-inset-top));left:14px;right:14px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.brand,.status,.recognition-card,.dialog-bubble{border:1px solid rgba(255,255,255,.16);background:#060a0ec2;box-shadow:0 8px 24px #0003}.brand{padding:9px 11px;border-radius:8px;font-size:13px;font-weight:700;white-space:nowrap}.status{max-width:56vw;padding:9px 11px;border-radius:8px;color:#f7fafcdb;font-size:12px;line-height:1.35;text-align:right}.intro{position:fixed;left:18px;right:18px;bottom:max(26px,env(safe-area-inset-bottom));z-index:30;padding:18px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#060a0ee0}.intro h1{margin:0 0 8px;font-size:26px;letter-spacing:0}.intro p{margin:0 0 14px;color:#f7fafcbf;font-size:14px;line-height:1.55}.primary-btn,.detect-btn,.spawn-btn{min-height:44px;border:0;border-radius:8px;color:#061014;background:#98f5c4;font-weight:800;cursor:pointer}.primary-btn{width:100%}.primary-btn:disabled{opacity:.62;cursor:wait}.detect-btn{position:fixed;right:16px;bottom:max(92px,calc(92px + env(safe-area-inset-bottom)));z-index:22;padding:0 15px;background:#d8e8ff}.spawn-btn{position:fixed;left:50%;bottom:max(24px,calc(24px + env(safe-area-inset-bottom)));z-index:24;width:min(260px,calc(100vw - 32px));transform:translate(-50%)}.dialog-bubble{position:fixed;left:50%;bottom:max(90px,calc(90px + env(safe-area-inset-bottom)));z-index:23;width:min(320px,calc(100vw - 36px));transform:translate(-50%);padding:12px 14px;border-radius:8px;color:#f7fafc;font-size:14px;line-height:1.45}.recognition-card{position:fixed;left:16px;bottom:max(92px,calc(92px + env(safe-area-inset-bottom)));z-index:22;min-width:112px;padding:10px 12px;border-radius:8px}.label{color:#f7fafc9e;font-size:11px}.value{margin-top:3px;color:#98f5c4;font-size:18px;font-weight:800}.error{margin-top:12px!important;color:#ffc4c4!important}@media (min-width: 720px){.intro{left:50%;width:420px;transform:translate(-50%)}}