:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f0eee8;font-synthesis:none;--muted:#a7aaa9;--accent:#edece8;--line:#ffffff1c;background:#090b0d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0;transition:background .16s,color .16s}button:disabled{cursor:wait;opacity:.5}button:hover:not(:disabled){background:#ffffff17}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}.app{isolation:isolate;background:#090b0d;width:100%;height:100dvh;min-height:360px;position:relative;overflow:hidden}.camera-background{object-fit:cover;pointer-events:none;z-index:0;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0;transform:scaleX(-1)}.vignette{pointer-events:none;z-index:1;background:linear-gradient(#00000042,#0000 28% 65%,#00000080);position:absolute;inset:0}.globe-stage{z-index:2;position:absolute;inset:0}.header{z-index:5;pointer-events:none;justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:24px 30px auto}.header>*{pointer-events:auto}.header-actions{gap:6px;display:flex}.icon-button{border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.header-actions .icon-button{color:#c4c8c5;border-radius:8px}.dock-area{bottom:max(43px, env(safe-area-inset-bottom));z-index:5;flex-direction:column;align-items:center;gap:13px;width:max-content;max-width:calc(100% - 24px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.status-line{letter-spacing:.2px;text-shadow:0 1px 8px #000;align-items:center;gap:8px;min-height:20px;font-size:12px;display:flex}.status-dot{background:#9ca19f;border-radius:50%;width:5px;height:5px}.status-dot.live{background:#bde6be;box-shadow:0 0 8px #bde6be70}.status-dot.loading{background:var(--accent);animation:1s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.3}}.camera-hidden-label{color:#c2c4bf;border-left:1px solid var(--line);padding-left:8px}.dock{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#15191bdb;border-radius:12px;align-items:center;gap:5px;padding:7px;display:flex}.dock button{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 16px;font-size:12px;display:flex}button.primary{background:var(--accent);color:#191b1b;font-weight:600}button.primary:hover:not(:disabled){background:#fff}.dock .motion-button{color:var(--accent);background:#ffffff0c}.dock button[aria-expanded=true]{background:#ffffff15}.dock button[aria-pressed=false]{color:#a1a8a8}.dock-divider{background:var(--line);width:1px;height:21px;margin:0 3px}.hint{color:#b5bab8;text-align:center;text-shadow:0 2px 6px #000;margin:0;font-size:11px}.attribution{color:#a1a6a5;z-index:4;font-size:9px;position:absolute;bottom:16px;right:30px}.attribution a:hover{text-decoration:underline}.tile-error{color:var(--accent)}.controls-panel{scrollbar-width:thin;border:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:6;background:#131719f5;border-radius:14px;width:330px;max-height:660px;padding:24px;position:absolute;top:84px;bottom:160px;right:28px;overflow-y:auto;box-shadow:0 12px 40px #0005}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}h2{letter-spacing:-.2px;margin:0;font-size:18px;font-weight:500}.panel-heading .icon-button{margin-right:-10px}.segmented{border:1px solid var(--line);background:#090c0e;border-radius:11px;margin-bottom:22px;padding:4px;display:flex}.segmented button{color:var(--muted);border-radius:7px;flex:1;padding:8px;font-size:12px}.segmented button[aria-pressed=true]{color:#eee;background:#303638}.range-label{justify-content:space-between;margin-bottom:10px;font-size:12px;display:flex}.range-label output{color:var(--accent);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;height:18px;margin:0 0 16px}.gesture-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:10px;padding:5px 0}.gesture-row{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;min-height:54px;display:flex}.gesture-row strong{font-size:12px;font-weight:500;display:block}.gesture-row small{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.4;display:block}input[type=checkbox]{appearance:none;cursor:pointer;background:#354042;border:1px solid #647071;border-radius:20px;flex:0 0 28px;width:28px;height:16px;position:relative}input[type=checkbox]:before{content:"";background:#b9c0bd;border-radius:50%;width:10px;height:10px;transition:transform .15s;position:absolute;top:2px;left:2px}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:before{background:#272b2c;transform:translate(12px)}.compact{min-height:40px;margin-bottom:14px;font-size:12px}.panel-note{color:var(--muted);margin:0 0 15px;font-size:10px;line-height:1.6}.stop-camera{border:1px solid var(--line);border-radius:9px;width:100%;margin:0 0 20px;padding:11px;font-size:11px}.error-card{z-index:7;background:#171c1ef5;border:1px solid #ffbd9140;border-radius:20px;width:min(390px,100% - 36px);padding:27px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 100px #000}.error-card p{color:#bbc1bd;margin:16px 0 23px;font-size:13px;line-height:1.6}.error-actions{gap:8px;display:flex}.error-actions button{border-radius:10px;padding:11px 13px;font-size:11px}@media (width<=600px){.header{inset:17px 18px auto}.dock{border-radius:12px;gap:1px;padding:5px}.dock button{gap:6px;padding:0 10px;font-size:11px}.dock button svg{width:16px}.toggle-word{display:none}.dock-divider{margin:0 2px}.hint{max-width:300px;font-size:9px;line-height:1.6}.dock-area{bottom:max(45px, calc(env(safe-area-inset-bottom) + 25px));gap:12px}.controls-panel{width:auto;padding:20px;inset:76px 12px 173px}.attribution{font-size:8px;bottom:14px;right:18px}.status-line{font-size:11px}}@media (height<=560px){.dock-area{gap:5px;bottom:27px}.hint{display:none}.controls-panel{top:65px;bottom:110px}.header{top:12px}}@media (prefers-reduced-motion:reduce){*,:before{transition:none!important;animation:none!important}}:root{--accent:#e7ecdf;--muted:#aebbbd;--line:#e1efee1c;background:#101a21}.app{background:radial-gradient(at 50% 40%,#243d46 0%,#14252e 42%,#0c151c 85%)}.vignette{background:linear-gradient(#09151b20,#0000 35% 60%,#0711168c)}.header{inset:22px 26px auto}.header-actions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c1b2266;border:1px solid #d7e8e81a;border-radius:12px;padding:3px}.header-actions .icon-button{color:#e0e7e3}.dock{background:#12232beb;border-radius:16px;padding:6px;box-shadow:0 12px 50px #0003,inset 0 1px #ffffff08}.dock button{border-radius:10px;min-height:46px;padding:0 18px;font-size:13px}.dock .start-button{padding:0 23px}.status-line{color:#d9e5e0;font-size:13px}.status-dot.live{box-shadow:none;background:#bedac0}.hint{color:#c0cdcc;font-size:12px}.controls-panel{background:#13232bef;border-radius:16px}.segmented{background:#0b181f}.segmented button[aria-pressed=true]{background:#344b51}.range-label,.gesture-row strong,.compact{font-size:13px}.gesture-row small,.panel-note{font-size:11px}.atlas-caption{z-index:4;color:#d1dfdb;font-size:12px;position:absolute;bottom:23px;left:28px}.atlas-caption span{color:#8ea7ae;margin-top:4px;font-size:10px;display:block}.attribution{color:#9cb2b7;font-size:10px;bottom:23px;right:28px}.place-caption{z-index:4;border:1px solid var(--line);background:#11252bea;border-radius:30px;align-items:center;gap:10px;padding:8px 10px 8px 18px;font-size:14px;display:flex;position:absolute;top:35px;left:50%;transform:translate(-50%)}.place-caption button{border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.atlas-error{z-index:6;border:1px solid var(--line);background:#142831;border-radius:10px;padding:14px 18px;font-size:13px;position:absolute;top:100px;left:50%;transform:translate(-50%)}.atlas-error button{margin-left:14px;text-decoration:underline}@media (width<=600px){.header{inset:16px 16px auto}.dock button{padding:0 10px;font-size:12px}.dock .start-button{padding:0 15px}.hint{font-size:10px}.atlas-caption{font-size:11px;bottom:17px;left:18px}.atlas-caption span{display:none}.attribution{font-size:9px;bottom:17px;right:18px}.place-caption{font-size:13px;top:80px}}@media (height<=560px){.atlas-caption,.attribution{bottom:14px}}