:root{color:#f7fbff;text-rendering:geometricprecision;background:#05070b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app,#camerafeed{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{color:#f7fbff;background:radial-gradient(circle at 55% 20%,#2cd6c23d,#0000 30%),linear-gradient(135deg,#05070b 0%,#0d111a 50%,#11141a 100%);position:fixed;inset:0}button{font:inherit}#app{position:relative}#camerafeed{touch-action:none;display:block;position:fixed;inset:0}.hud{z-index:5;left:max(18px, env(safe-area-inset-left));right:max(18px, env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed}.hud-top{top:max(16px, env(safe-area-inset-top))}.brand{color:#f7fbfff0;letter-spacing:0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04080e8f;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:10px;min-height:40px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}.brand-mark{border:2px solid #2cd6c2;border-radius:50%;width:16px;height:16px;box-shadow:0 0 18px #2cd6c2e6,inset 0 0 12px #2cd6c299}.icon-button{pointer-events:auto;color:#f7fbff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04080e94;border:1px solid #ffffff2e;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.start-panel{z-index:4;left:50%;bottom:max(26px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#05080dbd;border:1px solid #ffffff2e;border-radius:8px;width:min(430px,100vw - 32px);padding:22px;position:fixed;transform:translate(-50%);box-shadow:0 24px 80px #0000006b}.start-panel h1{letter-spacing:0;margin:0 0 8px;font-size:clamp(32px,7vw,48px);font-weight:850;line-height:1}.start-panel p{color:#f7fbffc7;margin:0 0 18px;font-size:15px}.actions{grid-template-columns:1fr;gap:10px;display:grid}.start-panel.auto-started .actions{display:none}.primary-button,.secondary-button,.ghost-button,.enter-button{cursor:pointer;border:1px solid #0000;border-radius:8px;min-height:46px;padding:0 16px;font-size:15px;font-weight:750}.primary-button{color:#04110f;background:linear-gradient(135deg,#2cd6c2,#f1c36a);box-shadow:0 14px 35px #2cd6c247}.secondary-button{color:#f7fbff;background:#ffffff21;border-color:#ffffff2e}.ghost-button{color:#f7fbffe6;background:#ffffff0f;border-color:#ffffff1f}.guide{z-index:4;left:50%;bottom:max(86px, calc(env(safe-area-inset-bottom) + 86px));color:#f7fbffe6;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04080e9e;border:1px solid #ffffff29;border-radius:8px;width:min(410px,100vw - 32px);padding:12px 14px;font-size:14px;position:fixed;transform:translate(-50%)}#distance-text{color:#2cd6c2f2;font-size:12px;font-weight:700}.enter-button{z-index:5;left:50%;bottom:max(24px, env(safe-area-inset-bottom));color:#04110f;background:#f1c36a;width:min(360px,100vw - 32px);position:fixed;transform:translate(-50%);box-shadow:0 18px 40px #f1c36a4d}.hidden{display:none!important}@media (width>=860px){.start-panel{bottom:28px;left:28px;transform:none}}