:root{--glass-solid:#090b0ff0;--hair:#ffffff1c;--hair-hi:#ffffff3d;--ink:#f3f5f8;--ink-2:#f3f5f8a8;--ink-3:#f3f5f87a;--accent:#d9dcdf;--rec:#ff453a;--r:13px;--r-s:10px;--shade:0 1px 14px #0009;--ease:cubic-bezier(.22, 1, .36, 1);--t:.24s;--ar:1.7778;--progress:0;--load:0;--hud-bottom:30px}body.state-flying,body.state-done{--hud-bottom:max(30px, calc((100vh - 100vw / var(--ar)) / 2 + 26px))}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;background:#000;margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}#view{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}body.is-capturing #view{width:auto;max-width:100vw;height:auto;max-height:100vh;inset:50% auto auto 50%;transform:translate(-50%,-50%)}#ui{z-index:2;pointer-events:none;position:fixed;inset:0}#ui button,#ui input,#ui select,#ui a{pointer-events:auto}.brand{text-align:center;-webkit-user-select:none;user-select:none;transition:opacity var(--t) var(--ease), transform var(--t) var(--ease), visibility var(--t);position:fixed;top:26px;left:0;right:0}.brand h1{letter-spacing:.26em;text-transform:uppercase;color:var(--ink);margin:0;font-size:clamp(15px,1.6vw,19px);font-weight:500}.brand p{letter-spacing:.14em;text-transform:uppercase;color:#f3f5f863;margin:7px 0 0;font-size:9px}.brand a{color:#f3f5f8ab;text-decoration:none}.brand a:hover{color:var(--accent)}.brand p a,.brand .nb,.brand .sep{white-space:nowrap}.brand .credit{opacity:.8}.brand .sep{opacity:.46;padding:0 .45em}.fps{letter-spacing:.14em;color:var(--ink-3);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;text-shadow:var(--shade);transition:opacity var(--t) var(--ease);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;position:fixed;top:24px;left:26px}.corner{transition:opacity var(--t) var(--ease), visibility var(--t);gap:6px;display:flex;position:fixed;top:20px;right:22px}.icon{width:30px;height:30px;color:var(--ink-3);cursor:pointer;transition:color .22s var(--ease);background:0 0;border:0;place-items:center;text-decoration:none;display:grid}.icon svg{width:16px;height:16px}.icon-glyph{font-size:15px;font-weight:500;line-height:1;display:none}.icon:hover{color:var(--ink);transition-duration:.11s}.icon[aria-expanded=true]{color:var(--accent)}.bar{text-shadow:var(--shade);transition:opacity .38s var(--ease), transform .42s var(--ease), visibility .42s;z-index:7;justify-content:center;align-items:flex-end;gap:28px;padding:0 24px;display:flex;position:fixed;bottom:30px;left:0;right:0}.opt-wrap{display:flex;position:relative}.bar-sep{background:var(--hair);width:1px;height:26px;margin:0 2px}.opt{color:var(--ink);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:6px;padding:0 0 8px;display:flex;position:relative}#opt-place{min-width:176px}#opt-shot{min-width:118px}#opt-light{min-width:104px}#opt-length{min-width:54px}.opt-label{letter-spacing:.17em;text-transform:uppercase;color:var(--ink-3);transition:color .22s var(--ease);font-size:9px;font-weight:500}.opt:hover .opt-label,.opt[aria-expanded=true] .opt-label{color:var(--ink-2)}.opt-line{align-items:center;gap:7px;min-width:0;display:flex}.opt-value{letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;max-width:168px;font-size:13.5px;font-weight:500;overflow:hidden}.opt-value.step{animation:step .32s var(--ease)}@keyframes step{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.opt-caret{width:9px;height:9px;color:var(--ink-3);transition:transform .26s var(--ease), color .22s var(--ease);flex:none}.opt[aria-expanded=true] .opt-value,.opt[aria-expanded=true] .opt-caret{color:var(--accent)}.opt[aria-expanded=true] .opt-caret{transform:rotate(180deg)}.go{color:var(--accent);font:inherit;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:color .22s var(--ease);background:0 0;border:0;align-items:center;gap:8px;padding:0 0 8px;font-size:12px;font-weight:500;display:inline-flex;position:relative}.go svg{fill:currentColor;width:9px;height:9px}.go:hover{color:var(--ink)}.go-label{min-width:68px}body.is-recording .go{color:var(--rec)}.rec-btn{color:var(--ink-3);font:inherit;letter-spacing:.2em;cursor:pointer;transition:color .22s var(--ease);background:0 0;border:0;align-items:center;gap:7px;padding:0 0 8px;font-size:10px;font-weight:500;display:inline-flex;position:relative}.rec-btn i{background:currentColor;border-radius:50%;width:7px;height:7px}.rec-btn:hover{color:var(--ink-2)}.rec-btn[aria-pressed=true]{color:var(--rec)}.rec-btn[aria-pressed=true] i{animation:1.4s step-end infinite blink}@keyframes blink{50%{opacity:.25}}.rule:after{content:"";transform-origin:100%;height:1px;transition:transform .46s var(--ease);background:currentColor;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.rule:hover:after,.rule:focus-visible:after{transform-origin:0;transform:scaleX(1)}.rule:focus-visible{outline:none}.opt:after{background:#ffffff80}.opt[aria-expanded=true]:after{transform-origin:0;background:var(--accent);transform:scaleX(1)}.places,.shots{-webkit-backdrop-filter:blur(24px);width:340px;max-height:min(62vh,520px);box-shadow:none;opacity:0;visibility:hidden;transform-origin:0 100%;pointer-events:none;transition:opacity .22s var(--ease), transform .28s var(--ease), visibility .28s;background:#08090bf7;border:1px solid #ffffff1c;border-left:0;border-radius:0;flex-direction:column;display:flex;position:absolute;bottom:calc(100% + 10px);left:0;overflow:hidden;transform:translateY(8px)}.shots{width:320px}body.places-open .places,body.shots-open .shots{opacity:1;visibility:visible;pointer-events:auto;transform:none}.picker-head{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid #ffffff12;flex:none;justify-content:space-between;align-items:center;padding:15px 16px 12px;font-size:9px;font-weight:500;display:flex}.picker-close,.picker-backdrop{display:none}.places-list,.shots-list{scrollbar-width:thin;scrollbar-color:#ffffff24 transparent;padding:0 14px 12px;overflow-y:auto}.places-list::-webkit-scrollbar{width:6px}.shots-list::-webkit-scrollbar{width:6px}.places-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.shots-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.shot-option{width:calc(100% + 28px);color:var(--ink-2);font:inherit;text-align:left;cursor:pointer;transition:color .22s var(--ease), background-color .22s var(--ease), border-color .22s var(--ease);background:0 0;border:0;border-bottom:1px solid #ffffff0e;border-radius:0;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:10px;margin:0 -14px;padding:12px 16px;display:grid;position:relative}.shot-option:last-child{border-bottom:0}.shot-index{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--ink-3);transition:color .22s var(--ease);padding-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:500}.shot-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.shot-option b{letter-spacing:0;color:#f3f5f8c2;transition:color .22s var(--ease);font-size:13px;font-weight:400}.shot-option i{color:var(--ink-3);transition:color .22s var(--ease);font-size:11px;font-style:normal;line-height:1.4}.shot-option em{font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--ink-3);transition:color .22s var(--ease);padding-top:2px;font-size:10px;font-style:normal;font-weight:500}.shot-option:hover,.shot-option:focus-visible{color:#0b0d11;box-shadow:none;background:#fff;border-color:#0000;outline:none}.shot-option:hover b,.shot-option:focus-visible b,.shot-option:hover .shot-index,.shot-option:focus-visible .shot-index,.shot-option:hover i,.shot-option:focus-visible i,.shot-option:hover em,.shot-option:focus-visible em{color:#0b0d11}.shot-option[aria-pressed=true]{background:0 0}.shot-option[aria-pressed=true] b,.shot-option[aria-pressed=true] .shot-index{color:var(--ink)}.shot-option[aria-pressed=true] i,.shot-option[aria-pressed=true] em{color:var(--ink-2)}.shot-option[aria-pressed=true]:hover,.shot-option[aria-pressed=true]:focus-visible{color:#0b0d11;background:#fff}.shot-option[aria-pressed=true]:hover b,.shot-option[aria-pressed=true]:focus-visible b,.shot-option[aria-pressed=true]:hover .shot-index,.shot-option[aria-pressed=true]:focus-visible .shot-index,.shot-option[aria-pressed=true]:hover i,.shot-option[aria-pressed=true]:focus-visible i,.shot-option[aria-pressed=true]:hover em,.shot-option[aria-pressed=true]:focus-visible em{color:#0b0d11}.place{width:calc(100% + 28px);color:var(--ink-2);font:inherit;text-align:left;cursor:pointer;transition:color .22s var(--ease), background-color .22s var(--ease), border-color .22s var(--ease);background:0 0;border:0;border-bottom:1px solid #ffffff0e;border-radius:0;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 -14px;padding:8px 16px;display:grid;position:relative}.place:last-child{border-bottom:0}.place em{text-align:center;opacity:.78;width:20px;font-size:14px;font-style:normal;line-height:1;display:block}.place-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.place-copy b{letter-spacing:0;color:#f3f5f8c2;white-space:nowrap;text-overflow:ellipsis;transition:color .22s var(--ease);font-size:13px;font-weight:400;overflow:hidden}.place-copy small{color:var(--ink-3);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;transition:color .22s var(--ease);font-size:10.5px;overflow:hidden}.place i{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;transition:color .22s var(--ease);font-size:9.5px;font-style:normal;font-weight:500}.place:hover,.place.cursor{color:#0b0d11;background:#fff;border-color:#0000}.place:hover .place-copy b,.place.cursor .place-copy b,.place:hover .place-copy small,.place.cursor .place-copy small,.place:hover i,.place.cursor i{color:#0b0d11}.place:focus-visible{color:#0b0d11;box-shadow:none;background:#fff;border-color:#0000;outline:none}.place:focus-visible .place-copy b,.place:focus-visible .place-copy small,.place:focus-visible i{color:#0b0d11}.place[aria-pressed=true]{background:0 0}.place[aria-pressed=true] .place-copy b,.place[aria-pressed=true] i{color:var(--ink)}.place[aria-pressed=true]:hover,.place[aria-pressed=true]:focus-visible{color:#0b0d11;background:#fff}.place[aria-pressed=true]:hover .place-copy b,.place[aria-pressed=true]:focus-visible .place-copy b,.place[aria-pressed=true]:hover .place-copy small,.place[aria-pressed=true]:focus-visible .place-copy small,.place[aria-pressed=true]:hover i,.place[aria-pressed=true]:focus-visible i{color:#0b0d11}.places-search{min-width:0;transition:border-color .18s var(--ease), background .18s var(--ease);background:0 0;border:0;border-bottom:1px solid #ffffff21;border-radius:0;flex:1;align-items:center;gap:8px;padding:9px 2px;display:flex}.places-foot{background:0 0;border-top:1px solid #ffffff14;flex-direction:column;flex:none;gap:8px;padding:10px 10px 12px;display:flex}.places-coords{transition:border-color .18s var(--ease), background .18s var(--ease);background:0 0;border:0;border-bottom:1px solid #ffffff21;border-radius:0;align-items:center;gap:8px;padding:9px 2px;display:flex}.places-search:focus-within,.places-coords:focus-within{background:0 0;border-color:#ffffff4d}.places-search svg,.places-coords svg{width:14px;height:14px;color:var(--ink-3);flex:none}.places-search input,.places-coords input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:12.5px}.places-search input::placeholder,.places-coords input::placeholder{color:var(--ink-3)}.places-search input::-webkit-search-cancel-button{display:none}.places-coords input:focus::placeholder{color:#0000}.places-coords input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.places-coords input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.places-coords input[type=number]{appearance:textfield}.places-coords button{color:var(--accent);font:inherit;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:color .2s var(--ease);background:0 0;border:0;flex:none;padding:0 2px 5px;font-size:10px;font-weight:500;position:relative}.places-coords button:hover{color:var(--ink)}.settings{border-radius:var(--r);background:var(--glass-solid);-webkit-backdrop-filter:blur(26px)saturate(1.5);border:1px solid var(--hair);opacity:0;visibility:hidden;transform-origin:100% 0;pointer-events:none;width:320px;max-height:calc(100vh - 140px);transition:opacity .2s var(--ease), transform .24s var(--ease), visibility .24s;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;padding:14px 16px 18px;position:fixed;top:62px;right:22px;overflow-y:auto;transform:translateY(-8px)scale(.985);box-shadow:0 24px 60px -24px #000}body.settings-open .settings{opacity:1;visibility:visible;pointer-events:auto;transform:none}.settings-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.settings-head h3{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:10px;font-weight:500}.settings-head .icon{width:26px;height:26px}.settings-head .icon svg{width:14px;height:14px}.adv-group+.adv-group{border-top:1px solid var(--hair);margin-top:18px;padding-top:16px}.adv-group h4{letter-spacing:.17em;text-transform:uppercase;color:var(--ink-3);margin:0 0 10px;font-size:9.5px;font-weight:500}.adv-row{color:var(--ink-2);grid-template-columns:1fr 1.2fr auto;align-items:center;gap:9px;margin-bottom:8px;font-size:11.5px;display:grid}.adv-row:not(.adv-check){border-bottom:1px solid #ffffff0e;grid-template-columns:1fr auto;gap:18px;min-height:38px;margin:0}.adv-row:not(.adv-check):last-of-type{border-bottom:0}.adv-row:not(.adv-check)>label{letter-spacing:.01em;color:#f3f5f86b;font-size:10.5px}.adv-row select{appearance:none;color:#f3f5f8db;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:auto;min-width:120px;font:inherit;font-variant-numeric:tabular-nums;letter-spacing:0;text-align:right;text-align-last:right;cursor:pointer;transition:color .18s var(--ease);background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4' viewBox='0 0 7 4' fill='none'%3E%3Cpath d='M.5.5 3.5 3.5 6.5.5' stroke='%23f3f5f8' stroke-opacity='.34' stroke-width='.7'/%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat;background-size:7px 4px;border:0;border-radius:0;outline:none;grid-column:2;justify-self:end;margin:0;padding:10px 14px 10px 0;font-size:12px;font-weight:400}.adv-row select:hover{color:var(--ink)}.adv-row select:focus-visible{color:var(--ink);outline-offset:2px;outline:1px solid #f3f5f852}.adv-row select option{color:var(--ink);text-transform:none;background:#0b0d11}@media (forced-colors:active){.adv-row select{appearance:auto;background-image:none;border:1px solid buttontext;padding:8px}.adv-row select:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}.adv-check input[type=checkbox]{appearance:none;border:1px solid var(--hair);cursor:pointer;width:30px;height:16px;transition:background .2s var(--ease), border-color .2s var(--ease);background:#ffffff0d;border-radius:999px;justify-self:start;margin:0;position:relative}.adv-check input[type=checkbox]:after{content:"";background:var(--ink-3);width:10px;height:10px;transition:transform .24s var(--ease), background .2s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.adv-check input[type=checkbox]:hover{border-color:var(--hair-hi)}.adv-check input[type=checkbox]:checked{background:#ffffff1a;border-color:#ffffff4d}.adv-check input[type=checkbox]:checked:after{background:var(--accent);transform:translate(14px)}.hint{color:var(--ink-3);margin:10px 0 0;font-size:10.5px;line-height:1.55}.hint a{color:var(--accent)}#sun-note{color:var(--ink-2);font-variant-numeric:tabular-nums;margin-top:0}.keyprompt{z-index:30;padding:max(16px, env(safe-area-inset-top,0px)) 16px max(16px, env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(2px)saturate(.95);pointer-events:auto;background:radial-gradient(115% 76% at 50% 46%,#0003,#000000bd 100%);place-items:center;display:grid;position:fixed;inset:0}.keyprompt[hidden]{display:none}.keyprompt-card{width:min(480px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:var(--r);background:var(--glass-solid);animation:keycard-in .28s var(--ease);border:1px solid #ffffff29;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden;box-shadow:0 36px 100px -28px #000000f2}@keyframes keycard-in{0%{opacity:0;transform:translateY(8px)}}.keyhead{grid-template-columns:1fr auto;align-items:baseline;gap:10px;padding:18px 26px 0;display:grid}.keyhead-chapter{letter-spacing:.17em;text-transform:uppercase;color:var(--ink-3);font-size:9px;font-weight:500}.keyhead-count{letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--ink-3);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.keybar{background:#ffffff17;grid-column:1/-1;height:1px;margin-top:14px;position:relative}.keybar:after{content:"";background:var(--accent);transform:scaleX(var(--keystep,.5));transform-origin:0;transition:transform .46s var(--ease);position:absolute;inset:0}.keyprompt.is-single .keyhead-count,.keyprompt.is-single .keyhead .vh,.keyprompt.is-single .keybar{display:none}.keybody{overscroll-behavior:contain;padding:18px 26px 20px;overflow-y:auto}.keystep{animation:keystep-in .32s var(--ease)}.keystep[hidden]{display:none}.keystep>*{animation:keystep-in .32s var(--ease) both}.keystep>:nth-child(2){animation-delay:60ms}.keystep>:nth-child(3){animation-delay:.12s}@keyframes keystep-in{0%{opacity:0;transform:translateY(7px)}}@keyframes keystep-back{0%{opacity:0;transform:translateY(-7px)}}.keyprompt.is-back .keystep,.keyprompt.is-back .keystep>*{animation-name:keystep-back}.keystep h2{letter-spacing:-.025em;margin:0;font-size:24px;font-weight:500}.keystep h2:focus{outline:none}.keystep-sub{color:var(--ink-2);margin:11px 0 0;font-size:13px;line-height:1.6}.keystep-hint{color:var(--ink-3);margin:15px 0 0;font-size:10.5px;line-height:1.55}.keystep-hint a{color:var(--accent);white-space:nowrap;font-weight:500;text-decoration:none;position:relative}.keyform{margin-top:22px}.keyform label{letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3);margin-bottom:9px;font-size:9px;font-weight:500;display:block}.keyfield{border-bottom:1px solid var(--hair);transition:border-color .22s var(--ease);align-items:center;gap:9px;padding:9px 2px;display:flex}.keyfield svg{width:15px;height:15px;color:var(--ink-3);flex:none}.keyfield input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:13px}.keyfield input::placeholder{color:var(--ink-3)}.keyfield:focus-within{border-bottom-color:var(--hair-hi)}.keyprompt.has-error .keyfield{border-bottom-color:#ff645c85}.keyfoot{border-top:1px solid var(--hair);padding:14px 26px 20px}.keynote{min-height:34px;color:var(--ink-2);margin:0;font-size:10.5px;line-height:1.55}.keyprompt.is-step-get .keynote{min-height:0}.keyprompt.has-error .keynote{color:#f2aaa6}.keynote-link{color:var(--accent);margin:0 0 10px;font-size:10.5px;font-weight:500;text-decoration:none;display:inline-block;position:relative}.keynote-link[hidden]{display:none}.keyact{justify-content:space-between;align-items:center;gap:12px;display:flex}.keyact[hidden]{display:none}.keyalt{color:var(--ink-3);font:inherit;letter-spacing:.13em;text-transform:uppercase;text-align:left;cursor:pointer;transition:color .22s var(--ease);background:0 0;border:0;padding:0 0 8px;font-size:10px;font-weight:500;position:relative}.keyalt:hover{color:var(--ink-2)}.keyalt[aria-disabled=true]{pointer-events:none;opacity:.4}.keygo{border-radius:var(--r-s);background:var(--accent);color:#090b0f;min-height:44px;font:inherit;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background .2s var(--ease);border:0;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:11px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.keygo:hover{background:var(--ink)}.keygo:focus-visible{outline:1px solid var(--hair-hi);outline-offset:3px}.keygo[aria-disabled=true]{cursor:wait;opacity:.72}.keygo i{border:1.5px solid #090b0f52;border-top-color:#090b0f;border-radius:50%;width:11px;height:11px;animation:.7s linear infinite key-spin;display:none}.keyprompt.is-checking .keygo i{display:block}@keyframes key-spin{to{transform:rotate(360deg)}}.vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.matte{height:max(0px, calc((100vh - 100vw / var(--ar)) / 2));z-index:5;pointer-events:none;background:#000;transition:transform .9s cubic-bezier(.16,1,.3,1);position:fixed;left:0;right:0}.matte-top{top:0;transform:translateY(-101%)}.matte-bottom{bottom:0;transform:translateY(101%)}body.state-flying .matte,body.state-done .matte{transform:none}body.is-capturing .matte-top{transform:translateY(-101%)}body.is-capturing .matte-bottom{transform:translateY(101%)}.shot-readout{left:30px;bottom:var(--hud-bottom);z-index:6;pointer-events:none;opacity:0;text-shadow:var(--shade);transition:opacity .6s var(--ease), transform .6s var(--ease), bottom .9s cubic-bezier(.16, 1, .3, 1);position:fixed;transform:translateY(6px)}.shot-alt{right:30px;bottom:var(--hud-bottom);z-index:6;pointer-events:none;opacity:0;letter-spacing:.1em;color:#ffffff73;font-variant-numeric:tabular-nums;text-shadow:var(--shade);transition:opacity .6s var(--ease), bottom .9s cubic-bezier(.16, 1, .3, 1);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;position:fixed}body.overlay-on .shot-readout,body.state-done .shot-readout,body.state-free .shot-readout{opacity:1;transform:none}body.overlay-on .shot-alt,body.state-done .shot-alt,body.state-free .shot-alt{opacity:1}.shot-name{letter-spacing:.05em;text-transform:uppercase;font-size:19px;font-weight:500}.shot-place{letter-spacing:.17em;text-transform:uppercase;color:#ffffff8c;margin-top:4px;font-size:10.5px}.shot-coord{letter-spacing:.06em;color:#fff6;font-variant-numeric:tabular-nums;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.shot-progress{transform-origin:0;width:100%;height:1px;transform:scaleX(var(--progress));z-index:7;opacity:0;transition:opacity .4s var(--ease);background:#ffffff4d;position:fixed;bottom:0;left:0}body.state-flying .shot-progress{opacity:1}.rec-frame{z-index:8;pointer-events:none;opacity:0;transition:opacity var(--t) var(--ease);position:fixed;inset:0;box-shadow:inset 0 0 0 2px #ff453a80}body.is-capturing .rec-frame{opacity:1}.rec-pill{z-index:9;-webkit-backdrop-filter:blur(20px);border:1px solid var(--hair);letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--ink-2);opacity:0;pointer-events:none;transition:opacity var(--t) var(--ease), transform var(--t) var(--ease);white-space:pre;background:#090b0fd1;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%,-10px)}.rec-pill i{background:var(--rec);border-radius:50%;width:8px;height:8px;animation:1.4s step-end infinite blink}body.is-capturing .rec-pill{opacity:1;transform:translate(-50%)}.status{z-index:6;letter-spacing:.06em;color:var(--ink-2);opacity:0;pointer-events:none;transition:opacity var(--t) var(--ease), transform var(--t) var(--ease);text-align:center;white-space:nowrap;font-size:11.5px;position:fixed;bottom:104px;left:50%;transform:translate(-50%,8px)}.status.on{opacity:1;transform:translate(-50%)}.status b{color:var(--accent);font-weight:500}.status-gear{vertical-align:baseline;opacity:.85;width:12px;height:12px;margin:0 2px -1px;display:inline-block}.finish{left:0;right:0;bottom:var(--hud-bottom);z-index:7;text-shadow:var(--shade);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .6s var(--ease), transform .6s var(--ease), visibility .6s, bottom .9s cubic-bezier(.16, 1, .3, 1);justify-content:center;align-items:baseline;gap:30px;display:flex;position:fixed;transform:translateY(8px)}body.state-done.show-finish .finish,body.state-free.show-finish .finish{opacity:1;visibility:visible;transform:none}.finish button{color:#ffffff8c;font:inherit;letter-spacing:.17em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .26s var(--ease);background:0 0;border:0;padding:0 0 7px;font-size:10.5px;position:relative}.finish button:hover,.finish button:focus-visible{color:var(--ink)}.finish .save{color:var(--accent)}.finish .save[hidden]{display:none}body.state-done.show-finish .finish button,body.state-free.show-finish .finish button{animation:rise .62s var(--ease) both}.finish button:nth-child(2){animation-delay:90ms}.finish button:nth-child(3){animation-delay:.18s}@keyframes rise{0%{opacity:0;transform:translateY(7px)}}.help{z-index:10;-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity var(--t) var(--ease);background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}body.show-help .help{opacity:1;pointer-events:auto}.help-card{border-radius:var(--r);background:var(--glass-solid);border:1px solid var(--hair);max-width:400px;padding:24px 26px}.help-card h3{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);margin:0 0 16px;font-size:10px;font-weight:500}.help-card dl{grid-template-columns:auto 1fr;gap:9px 20px;margin:0;font-size:12.5px;display:grid}.help-card dt{color:var(--accent);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.help-card dd{color:var(--ink-2);margin:0}.help-card p{color:var(--ink-3);margin:18px 0 0;font-size:11.5px}.boot{z-index:20;opacity:0;pointer-events:none;transition:opacity .9s var(--ease);background:#000;place-items:center;display:grid;position:fixed;inset:0}body.state-boot .boot{opacity:1;pointer-events:auto}body.is-waiting .boot{opacity:1;background:0 0}.boot-inner{flex-direction:column;align-items:center;gap:22px;display:flex}.boot-line{background:#ffffff17;width:190px;height:1px;position:relative}.boot-line:after{content:"";background:var(--accent);animation:2.1s cubic-bezier(.65,0,.35,1) infinite draw;position:absolute;inset:0}@keyframes draw{0%{transform-origin:0;transform:scaleX(0)}45%{transform-origin:0;transform:scaleX(1)}55%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}.boot-text{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);transition:opacity .3s var(--ease);font-size:10.5px}body.is-waiting .boot-text{text-shadow:var(--shade)}body.state-flying .bar,body.state-done .bar,body.state-free .bar{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(20px)}body.state-loading .bar .opt:not(.go),body.state-loading .rec-btn{opacity:.35;pointer-events:none}body.is-capturing .fps,body.state-boot .fps{opacity:0}body.state-flying .brand,body.state-free .brand,body.state-done .brand{opacity:0;visibility:hidden;transform:translateY(-10px)}body.state-flying .corner,body.state-free .corner,body.state-flying .settings,body.state-flying .places,body.state-flying .shots,body.state-loading .places,body.state-loading .shots{opacity:0;visibility:hidden;pointer-events:none}body.keyprompt-open .bar,body.keyprompt-open .corner,body.keyprompt-open .fps,body.keyprompt-open .status,body.keyprompt-open .boot{opacity:0;visibility:hidden}body.keyprompt-open .brand{z-index:31}@media (width<=860px),(height<=740px){body.keyprompt-open .brand{opacity:0;visibility:hidden}}body.ui-hidden #ui>:not(.matte):not(.rec-frame):not(.rec-pill){opacity:0!important;visibility:hidden!important;pointer-events:none!important}body.state-flying{cursor:none}@media (prefers-reduced-motion:reduce){.picker-backdrop,.brand,.corner,.fps,.bar,.opt,.opt-caret,.rule:after,.places,.shots,.settings,.status,.finish,.help,.boot,.matte,.shot-readout,.shot-alt,.rec-pill,.keybar:after,.keyfield{transition-duration:1ms!important}.opt-value.step{animation:none}.finish button,.keyprompt-card,.keystep,.keystep>*{animation:none!important}.keygo i{animation:none}.boot-line:after{animation:none;transform:scaleX(1)}}@media (width<=860px){.keyprompt{padding:max(12px, env(safe-area-inset-top,0px)) 12px max(12px, env(safe-area-inset-bottom,0px));place-items:start center}.keyprompt-card{width:100%;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:16px}.keyhead{padding:16px 18px 0}.keybody{padding:16px 18px 18px}.keyfoot{padding:12px 18px 16px}.keystep h2{font-size:22px}.keystep-sub{font-size:12.5px}.keyalt{font-size:9.5px}.picker-backdrop{z-index:1;-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s var(--ease), visibility .28s;background:#0000009e;border:0;padding:0;display:block;position:fixed;inset:0}body.places-open .picker-backdrop,body.shots-open .picker-backdrop{opacity:1;visibility:visible;pointer-events:auto}.brand{top:18px}.brand h1{letter-spacing:.2em;font-size:13px}.brand p{letter-spacing:.08em;max-width:76vw;margin-inline:auto;font-size:8.5px;line-height:1.8}.fps{top:auto;left:auto;right:18px;bottom:max(20px, env(safe-area-inset-bottom,0px))}.corner{flex-direction:column;align-items:center;gap:2px;top:16px;right:14px}#btn-help svg{display:none}#btn-help .icon-glyph{display:block}.bar{left:0;right:auto;bottom:max(20px, env(safe-area-inset-bottom,0px));flex-flow:column;justify-content:flex-end;align-items:flex-start;gap:12px;width:auto;max-width:min(240px,100vw - 72px);padding:0 16px}.opt,.opt-wrap,.opt-wrap>.opt{flex:none;width:100%;min-width:0}#opt-place,#opt-shot,#opt-light,#opt-length{min-width:0}.bar-sep,.rec-btn{display:none}.adv-group:has(#rec-res){display:none}.go{flex:none;margin-top:4px}.places,.shots{width:min(420px,100vw - 28px);max-height:min(680px,100vh - 32px);max-height:min(680px, calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));border-radius:var(--r);transform-origin:50%;z-index:2;border:1px solid #ffffff24;margin-left:0;position:fixed;top:50%;bottom:auto;left:50%;transform:translate(-50%,calc(12px - 50%))scale(.985);box-shadow:0 28px 80px -20px #000000e0}.shots{width:min(380px,100vw - 28px)}body.places-open .places,body.shots-open .shots{transform:translate(-50%,-50%)scale(1)}.picker-head{padding:13px 10px 11px 16px}.picker-close{width:44px;height:44px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;place-items:center;margin:-10px -4px -8px 0;display:grid}.picker-close svg{width:16px;height:16px}.picker-close:hover,.picker-close:focus-visible{color:var(--ink);outline:none}.places-list,.shots-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.settings{width:min(320px,100vw - 28px);max-height:calc(100vh - 140px);top:118px;right:14px}.shot-readout{left:18px}.shot-alt{right:18px}.finish{gap:20px}.finish button{letter-spacing:.13em;font-size:9.5px}}@media (width<=700px){.finish{bottom:calc(var(--hud-bottom) + 62px);flex-wrap:wrap;gap:8px 16px;padding:0 16px}}:root{--conf:#fe95fd;--conf-ink:#ffc9fe}.place-featured{grid-template-columns:84px minmax(0,1fr) auto;margin-bottom:14px;padding-top:12px;padding-bottom:12px;position:relative}.place-featured:before{content:"";background:#fe95fd80;width:20px;height:1px;position:absolute;top:0;right:0}.place-featured:after{content:"";background:#ffffff14;height:1px;position:absolute;bottom:-8px;left:12px;right:12px}.place-logo{width:84px;display:block;position:relative}.place-logo img{width:100%;height:auto;display:block}.place-logo-type{transition:filter .22s var(--ease)}.place-logo-badge{position:absolute;inset:0}.place-featured:hover .place-logo-type,.place-featured.cursor .place-logo-type,.place-featured:focus-visible .place-logo-type{filter:brightness(0)}.place-featured b{letter-spacing:.13em;text-transform:uppercase;color:#ffc9fec7;flex-direction:column;gap:3px;min-width:0;font-size:11px;font-weight:500;display:flex}.place-featured b,.place-featured b small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.place-featured b small{letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);font-size:9px;font-weight:400}.place-featured i{color:var(--ink-3)}.place-featured:hover b,.place-featured.cursor b,.place-featured:focus-visible b,.place-featured:hover b small,.place-featured.cursor b small,.place-featured:focus-visible b small,.place-featured:hover i,.place-featured.cursor i,.place-featured:focus-visible i{color:#0b0d11}.place.place-featured[aria-pressed=true] b{color:var(--ink)}.place.place-featured[aria-pressed=true]:hover b,.place.place-featured[aria-pressed=true]:focus-visible b,.place.place-featured[aria-pressed=true]:hover b small,.place.place-featured[aria-pressed=true]:focus-visible b small{color:#0b0d11}.venue{z-index:6;visibility:hidden;will-change:transform;width:0;height:0;position:fixed;top:0;left:0}body.has-venue.state-done .venue.on,body.has-venue.state-free .venue.on{visibility:visible}.venue-pin{text-align:center;color:var(--ink);text-shadow:0 1px 2px #000000e6,0 1px 20px #000000bf;white-space:nowrap;opacity:0;transition:opacity .8s var(--ease) .7s, transform .8s var(--ease) .7s;flex-direction:column;align-items:center;text-decoration:none;display:flex;position:absolute;bottom:0;left:0;transform:translate(-50%)translateY(10px)}body.has-venue.state-done .venue.on .venue-pin,body.has-venue.state-free .venue.on .venue-pin{opacity:1;transform:translate(-50%)}.venue-lines{flex-direction:column;align-items:center;gap:5px;padding-bottom:12px;display:flex;position:relative}.venue-lines:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#00000085 0%,#00000070 40%,#0003 72%,#0000 100%);position:absolute;inset:-30px -52px -10px}.venue-title{letter-spacing:.1em;text-transform:uppercase;font-size:17px;font-weight:500}.venue-when{letter-spacing:.22em;text-transform:uppercase;color:#ffffffd6;font-size:10px;font-style:normal}.venue-link{letter-spacing:.06em;color:var(--conf-ink);padding-bottom:4px;font-size:11.5px;font-style:normal;position:relative}.venue-pin:hover .venue-link:after,.venue-pin:focus-visible .venue-link:after{transform-origin:0;transform:scaleX(1)}.venue-stem{background:linear-gradient(to bottom, #fe95fd00, var(--conf));width:1px;height:44px;position:relative}.venue-stem:after{content:"";background:var(--conf);width:7px;height:7px;animation:venue-pulse 2.8s var(--ease) infinite;border-radius:50%;margin-left:-3.5px;position:absolute;bottom:-3.5px;left:50%}@keyframes venue-pulse{0%,to{box-shadow:0 0 0 2px #fe95fd47, 0 0 12px 1px var(--conf)}50%{box-shadow:0 0 0 7px #fe95fd00, 0 0 18px 2px var(--conf)}}.venue.is-coords .venue-title{letter-spacing:.14em;font-variant-numeric:tabular-nums;font-size:13px}.venue.is-coords .venue-lines{gap:0;padding-bottom:10px}.venue.is-coords .venue-stem{background:linear-gradient(to bottom, #f3f5f800, var(--ink))}.venue.is-coords .venue-stem:after{background:var(--ink);animation-name:venue-pulse-coords}@keyframes venue-pulse-coords{0%,to{box-shadow:0 0 0 2px #f3f5f847,0 0 12px 1px #f3f5f88c}50%{box-shadow:0 0 0 7px #f3f5f800,0 0 18px 2px #f3f5f866}}@media (prefers-reduced-motion:reduce){.venue-pin{transition-duration:1ms!important;transition-delay:0s!important}.venue-stem:after{animation:none}}@media (width<=860px){.venue-title{letter-spacing:.08em;font-size:14.5px}.venue.is-coords .venue-title{letter-spacing:.12em;font-size:12px}.venue-when{letter-spacing:.18em;font-size:9.5px}.venue-stem{height:34px}.venue-lines:before{inset:-24px -34px -8px}}
