:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff6e4;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#0a0a0c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;min-height:100%;margin:0;overflow:hidden}button{font:inherit}.camera-app{background:radial-gradient(circle at 20% 10%,#ff4f4f2e,#0000 32%),radial-gradient(circle at 84% 28%,#47edff24,#0000 30%),linear-gradient(135deg,#0a0a0c 0%,#16100f 42%,#101415 100%);width:100%;height:100svh;min-height:560px;position:relative;overflow:hidden}.camera-feed{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;inset:0}.stage{background:#0a0a0c;width:100%;height:100%;position:absolute;inset:0}.landing-panel{left:max(18px, env(safe-area-inset-left));right:max(18px, env(safe-area-inset-right));bottom:max(28px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08090abd;border:1px solid #ffffff29;border-radius:8px;gap:16px;padding:20px;transition:transform .22s,opacity .22s,visibility .22s;display:grid;position:absolute;box-shadow:0 24px 70px #00000061}.landing-panel.is-hidden{opacity:0;visibility:hidden;pointer-events:none;display:none;transform:translateY(24px)}.landing-mark{background:linear-gradient(135deg,#ffd45f38,#ff564e14),#ffffff0a;border:1px solid #ffd45f8a;border-radius:8px;place-items:center;width:74px;height:50px;display:grid;box-shadow:inset 0 0 28px #ffd45f2e}.landing-mark span{color:#ffd45f;font-size:20px;font-weight:900}.landing-panel h1,.drawer-heading h2,.snapshot-heading h2{letter-spacing:0;margin:0}.landing-panel h1{max-width:11ch;font-size:clamp(32px,10vw,54px);line-height:.95}.landing-panel p{color:#fff6e4bd;max-width:34ch;margin:0;font-size:15px;line-height:1.45}.landing-actions{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.primary-action,.secondary-action,.filter-option,.icon-button,.story-tile{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.primary-action,.secondary-action{gap:9px;min-height:48px;padding:0 15px;font-weight:800}.primary-action{color:#160f04;background:linear-gradient(135deg,#ffd45f,#ff8b4a 54%,#ff5656);box-shadow:0 14px 34px #ff74483d}.secondary-action{color:#fff6e4;background:#ffffff1a;border:1px solid #ffffff24}.primary-action svg,.secondary-action svg,.icon-button svg,.filter-option svg{flex:none;width:19px;height:19px}.top-bar{top:max(12px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));opacity:0;pointer-events:none;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;transition:transform .18s,opacity .18s;display:grid;position:absolute;transform:translateY(-16px)}.top-bar[data-ready=true]{opacity:1;pointer-events:auto;transform:translateY(0)}.brand-lockup,.tracking-pill{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#08090a75;border:1px solid #ffffff26;border-radius:8px;align-items:center;min-height:36px;display:inline-flex}.brand-lockup{color:#fff6e4;gap:8px;padding:4px 10px 4px 4px;font-size:13px;font-weight:800}.status-stack{justify-self:end;justify-items:stretch;gap:6px;min-width:0;max-width:min(168px,100%);display:grid}.brand-chip{color:#171006;background:#ffd45f;border-radius:6px;place-items:center;width:48px;height:28px;font-weight:900;display:inline-grid}.tracking-pill{color:#fff6e4d1;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 11px;font-size:12px;font-weight:800;overflow:hidden}.gesture-pill{color:#46f0ff;min-height:30px;font-size:11px}@media (width<=520px){.top-bar{grid-template-columns:auto;justify-items:start}.status-stack{justify-self:start;justify-items:start;max-width:170px}}.tool-rail{top:calc(max(70px, env(safe-area-inset-top) + 62px));right:max(14px, env(safe-area-inset-right));opacity:0;pointer-events:none;gap:10px;transition:transform .18s,opacity .18s;display:grid;position:absolute;transform:translate(16px)}.tool-rail[data-ready=true]{opacity:1;pointer-events:auto;transform:translate(0)}.icon-button{color:#fff6e4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#08090a8a;border:1px solid #ffffff29;width:44px;height:44px;box-shadow:0 14px 36px #0000003d}.icon-button.compact{width:38px;height:38px}.bottom-deck{padding:0 max(14px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));opacity:0;pointer-events:none;gap:12px;transition:transform .18s,opacity .18s;display:grid;position:absolute;bottom:0;left:0;right:0;transform:translateY(22px)}.bottom-deck[data-ready=true]{opacity:1;pointer-events:auto;transform:translateY(0)}.filter-strip{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:none;background:#08090a85;border:1px solid #ffffff24;border-radius:8px;grid-auto-columns:minmax(98px,122px);grid-auto-flow:column;gap:8px;max-width:100%;padding:4px;display:grid;overflow-x:auto}.filter-strip::-webkit-scrollbar{display:none}.filter-option{color:#fff6e4c7;background:#ffffff0f;border:1px solid #0000;gap:7px;min-height:54px;padding:8px 10px;font-size:12px;font-weight:800;line-height:1.1}.filter-option span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.filter-option[aria-selected=true]{color:#fff;border-color:color-mix(in srgb, var(--accent), transparent 30%);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 82%), #ffffff12), #ffffff0a;box-shadow:inset 0 0 26px color-mix(in srgb, var(--accent), transparent 86%)}.filter-option[aria-selected=true] svg{color:var(--accent)}.capture-button{color:#151007;cursor:pointer;background:#fff6e4;border:0;border-radius:50%;justify-self:center;place-items:center;width:72px;height:72px;display:grid;position:relative;box-shadow:0 16px 42px #00000059}.capture-button svg{z-index:2;width:24px;height:24px}.capture-ring{border:3px solid #fff6e4b8;border-radius:50%;position:absolute;inset:-7px}.map-drawer,.snapshot-modal{z-index:5;pointer-events:none;opacity:0;transition:transform .22s,opacity .22s;position:absolute}.map-drawer{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#08090acc;border:1px solid #ffffff26;border-radius:8px;gap:12px;padding:12px;display:grid;transform:translateY(calc(100% + 20px));box-shadow:0 26px 90px #00000073}.map-drawer.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.drawer-handle{background:#ffffff38;border-radius:4px;justify-self:center;width:42px;height:4px}.drawer-heading,.snapshot-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.eyebrow{color:#46f0ff;text-transform:uppercase;font-size:11px;font-weight:900}.drawer-heading h2,.snapshot-heading h2{font-size:20px}.map-canvas{background:linear-gradient(115deg,#ffd45f1f,#0000 28%),linear-gradient(245deg,#46f0ff24,#0000 35%),#151514;border-radius:8px;height:min(44svh,360px);min-height:260px;position:relative;overflow:hidden}.map-grid{background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 82%);mask-image:radial-gradient(circle,#000 35%,#0000 82%)}.map-route{border:2px solid #0000;border-color:#fff6e429 #0000 #0000 #fff6e429;border-radius:50%;height:42%;position:absolute}.route-a{width:70%;top:22%;left:13%;transform:rotate(-12deg)}.route-b{width:56%;top:38%;left:22%;transform:rotate(29deg)}.map-pin{left:var(--x);top:var(--y);color:#0b0c0d;background:var(--tone);width:42px;height:42px;box-shadow:0 0 24px color-mix(in srgb, var(--tone), transparent 54%);border:2px solid #ffffffb8;border-radius:50% 50% 50% 8px;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)rotate(-45deg)}.map-pin span{font-size:12px;font-weight:900;transform:rotate(45deg)}.map-stories{scrollbar-width:none;grid-auto-columns:minmax(132px,1fr);grid-auto-flow:column;gap:8px;display:grid;overflow-x:auto}.map-stories::-webkit-scrollbar{display:none}.story-tile{color:#fff6e4;background:#ffffff12;border:1px solid #ffffff1f;justify-content:flex-start;gap:9px;min-height:58px;padding:8px}.story-thumb{color:#0b0c0d;background:linear-gradient(135deg, color-mix(in srgb, var(--tone), white 18%), var(--tone)), #fff;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.story-tile span:last-child{text-align:left;gap:2px;min-width:0;display:grid}.story-tile strong,.story-tile small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.story-tile small{color:#fff6e494;font-size:11px}.snapshot-modal{padding:max(16px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));background:#00000085;place-items:end center;display:grid;inset:0}.snapshot-modal.is-open{opacity:1;pointer-events:auto}.snapshot-sheet{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#08090ae0;border:1px solid #ffffff29;border-radius:8px;gap:12px;width:min(100%,420px);padding:12px;display:grid;box-shadow:0 30px 90px #0000008a}.snapshot-sheet img{object-fit:contain;background:#111;border-radius:8px;width:100%;max-height:58svh;display:block}@media (width>=720px){.camera-app{border-left:1px solid #ffffff1a;border-right:1px solid #ffffff1a;width:min(100vw,460px);height:min(100svh,920px);min-height:680px;margin:0 auto}body{background:radial-gradient(circle at 12% 18%,#ff525226,#0000 26%),radial-gradient(circle at 90% 12%,#46f0ff1f,#0000 30%),#0a0a0c;place-items:center;display:grid}}