*,:before,:after{box-sizing:border-box}html,body,#root{background:#020617;width:100%;height:100%;margin:0;font-family:Inter,SF Pro Display,Segoe UI,Roboto,sans-serif}button,select{font-family:inherit}.app-shell{color:#f8fafc;background:#020617;width:100vw;height:100svh;position:relative;overflow:hidden}.camera-feed,.ar-canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.camera-feed{filter:saturate(1.05)contrast(1.05)}.ar-canvas{pointer-events:none}.overlay{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.permission-card,.destination-card,.top-hud,.bottom-hud,.warning-banner,.error-banner,.info-popup{pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172aad;border:1px solid #94a3b847;box-shadow:0 12px 32px #02061770}.permission-card,.destination-card{border-radius:20px;width:min(92vw,420px);margin:auto;padding:1.2rem;animation:.22s ease-out pop-in}.permission-card h1{margin:0 0 .6rem;font-size:1.35rem}.permission-card p{margin:0 0 .8rem}.permission-list{gap:.6rem;display:grid}.permission-list button,.destination-card button,.destination-card select,.info-popup button{width:100%;min-height:2.8rem;font:inherit;border:1px solid #94a3b859;border-radius:12px}.permission-list button,.destination-card button,.info-popup button{cursor:pointer;color:#f8fafc;background:linear-gradient(135deg,#0ea5e9,#7c3aed)}.permission-list button:disabled{cursor:default;opacity:.75}.destination-card label{margin-bottom:.4rem;display:block}.destination-card select{color:#e2e8f0;background:#02061799;margin-bottom:.8rem;padding:.5rem}.top-hud{border-radius:16px;margin:.8rem;padding:.8rem 1rem}.top-hud h2{margin:0;font-size:1.1rem}.top-hud p{color:#bfdbfe;margin:.35rem 0 0}.bottom-hud{border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.8rem;padding:.8rem 1rem;display:grid}.bottom-hud p{margin:0;font-size:.92rem}.warning-banner,.error-banner{border-radius:12px;margin:0 auto .8rem;padding:.55rem .8rem}.warning{color:#facc15}.warning-banner{color:#fde68a}.error-banner{color:#fecaca;border-color:#f8717161}.hint{color:#cbd5e1;margin-top:.7rem;font-size:.9rem}.info-popup{border-radius:18px;width:min(92vw,420px);padding:1rem;animation:.22s ease-out slide-up;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.info-popup h3,.info-popup p{margin:0 0 .4rem}.info-popup ul{margin:0 0 .8rem;padding-left:1rem}@keyframes pop-in{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}