.observation-viewer{--observation-zoom:1;isolation:isolate;min-width:0;color:var(--text,#f2f7f7);outline-offset:4px;background:#03080d;border:1px solid #74ddcf2b;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 18px 60px #0003}.observation-viewer button{cursor:pointer;color:#edf8f8;min-height:44px;line-height:1.3;font:inherit;background:#10212ce8;border:1px solid #aecfd224;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:inline-flex}.observation-viewer button:hover:not(:disabled){background:#24434ee8;border-color:#74ddcf70}.observation-viewer button:focus-visible{outline-offset:3px;outline:2px solid #a2eee3}.observation-viewer button:disabled{cursor:not-allowed;opacity:.4}.observation-viewer [hidden]{display:none!important}.observation-viewer__workspace{min-height:0;position:relative}.observation-viewer__screen{aspect-ratio:16/10;background:#020609;min-height:320px;position:relative;overflow:hidden}.observation-viewer__media{position:absolute;inset:0;overflow:hidden}.observation-viewer [data-viewer-media]>*{position:relative;aspect-ratio:auto!important;width:100%!important;height:100%!important;min-height:0!important}.observation-viewer [data-viewer-media] :is(video,img[data-viewer-recorded]){object-position:center;width:100%;height:100%;transform:scale(var(--observation-zoom));transform-origin:50%;background:#000;object-fit:contain!important}.observation-viewer__sky-overlay{z-index:20;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.observation-viewer__sky-note{z-index:22;color:#b3d6dc;pointer-events:none;background:#06111bcc;border:1px solid #b1e0db1a;border-radius:8px;gap:3px;max-width:calc(100% - 32px);padding:7px 9px;font-size:9px;line-height:1.4;display:grid;position:absolute;inset:76px auto auto 16px}.observation-viewer__sky-note>[data-viewer-sky-status]{color:#8faeb8}.observation-viewer__topbar{z-index:30;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;inset:14px 14px auto}.observation-viewer__identity{background:#06111bde;border:1px solid #b1e0db1a;border-radius:12px;align-items:center;gap:9px;min-width:0;max-width:48%;padding:9px 12px;display:flex;box-shadow:0 2px 12px #0003}.observation-viewer__identity>div{min-width:0}.observation-viewer__identity strong,.observation-viewer__identity span:not(.observation-viewer__mark){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.observation-viewer__identity strong{letter-spacing:.01em;font-size:12px;font-weight:550}.observation-viewer__identity span:not(.observation-viewer__mark){color:#b3c7cd;margin-top:3px;font-size:10px}.observation-viewer__mark{color:#a2eee3;font-size:21px}.observation-viewer__toolbar{pointer-events:auto;background:#06111bcf;border:1px solid #b1e0db1a;border-radius:13px;flex-shrink:0;gap:5px;padding:4px;display:flex;box-shadow:0 2px 16px #0004}.observation-viewer__toolbar button{background:0 0;border-color:#0000;border-radius:9px;width:42px;height:42px;min-height:42px}.observation-viewer__toolbar button[aria-expanded=true],.observation-viewer__toolbar button[aria-pressed=true]{color:#a2eee3;background:#74ddcf21}.observation-viewer__toolbar svg{width:20px;height:20px}.observation-viewer [data-viewer-exit],.observation-viewer[data-viewer-enlarged=true] [data-viewer-enter]{display:none}.observation-viewer[data-viewer-enlarged=true] [data-viewer-exit]{display:block}.observation-viewer__bottombar{z-index:25;pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;inset:auto 16px 14px}.observation-viewer__zoom-label{color:#b3c7cd;letter-spacing:.02em;background:#06111bde;border:1px solid #b1e0db1a;border-radius:10px;padding:8px 11px;font-size:10px}.observation-viewer__zoom-label strong{font-variant-numeric:tabular-nums;color:#e1f8f4;margin-left:6px;font-size:11px}.observation-viewer__zoom{pointer-events:auto;background:#06111bde;border:1px solid #b1e0db1a;border-radius:11px;gap:2px;padding:3px;display:flex}.observation-viewer__zoom button{background:0 0;border:0;border-radius:8px;min-width:38px;height:38px;min-height:38px;font-size:20px}.observation-viewer__zoom button[data-viewer-action=zoom-reset]{min-width:44px;font-size:11px}.observation-viewer__zoom button[data-viewer-action=zoom-reset][data-zoomed=true]{color:#a2eee3}.observation-viewer__panel{z-index:35;backdrop-filter:blur(12px);background:#0c1b25f5;border:1px solid #74ddcf38;border-radius:16px;flex-direction:column;width:min(370px,100% - 28px);max-height:calc(100% - 149px);display:flex;position:absolute;inset:77px 14px 72px auto;overflow:hidden;box-shadow:0 16px 45px #0008}.observation-viewer__panel>header{border-bottom:1px solid #aacfd41a;justify-content:space-between;align-items:flex-start;gap:16px;padding:17px 18px;display:flex}.observation-viewer__panel>header p{letter-spacing:.13em;color:#a2eee3;margin:0 0 5px;font-size:9px;line-height:1.5}.observation-viewer__panel h2{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:550;line-height:1.3}.observation-viewer__panel>header button{background:0 0;border-radius:9px;flex-shrink:0;width:36px;height:36px;min-height:36px;font-size:24px}.observation-viewer__panel-body{overscroll-behavior:contain;flex:1;min-height:0;padding:16px;overflow:auto}.observation-viewer__access{color:#b8cdd2;background:#74ddcf08;border:1px solid #74ddcf22;border-radius:10px;margin:0 0 14px;padding:10px 11px;font-size:11px;line-height:1.7}.observation-viewer__welcome{z-index:29;background:#0d202bf2;border:1px solid #74ddcf4a;border-radius:16px;gap:13px;max-width:min(365px,100% - 36px);padding:17px 18px;display:flex;position:absolute;bottom:78px;left:18px;box-shadow:0 12px 30px #0007}.observation-viewer__welcome-icon{color:#a2eee3;background:#74ddcf0a;border:1px solid #74ddcf33;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.observation-viewer__welcome strong{letter-spacing:-.01em;font-size:13px;font-weight:550;display:block}.observation-viewer__welcome p{color:#b3c7cd;margin:5px 0 10px;font-size:11px;line-height:1.65}.observation-viewer__welcome>div>div{align-items:center;gap:9px;display:flex}.observation-viewer__welcome button{color:#b3c7cd;background:0 0;border:0;min-height:32px;padding:4px 0;font-size:11px}.observation-viewer__welcome [data-viewer-action=tour]{color:#a2eee3;gap:12px;font-weight:600}.observation-viewer__welcome [data-viewer-action=dismiss-guide]{padding:4px 8px}.observation-viewer__footer{color:#a8bec5;background:#0b1720;border-top:1px solid #9ccdd218;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:10px;line-height:1.5;display:flex}.observation-viewer__footer-star{color:#a2eee3;margin-right:5px}.observation-viewer__keyhint{white-space:nowrap;align-items:center;gap:6px;display:flex}.observation-viewer kbd{color:#e0f5f2;background:#d4f1f009;border:1px solid #c5e6e22b;border-radius:4px;justify-content:center;min-width:19px;margin:0 2px;padding:1px 4px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;display:inline-flex}.observation-viewer__status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.observation-viewer[data-viewer-framed=true] .observation-viewer__status{clip-path:none;white-space:normal;color:#a8bec5;background:#0b1720;flex-shrink:0;width:auto;height:auto;padding:0 16px 12px;font-size:10px;line-height:1.5;position:static}.observation-tabs{z-index:1;align-items:end;gap:2px;min-width:0;margin:12px 0 -1px;display:flex;position:relative}.observation-viewer .observation-tabs [role=tab]{color:#d0e8ea;white-space:nowrap;background:#16303c;border:1px solid #74ddcf60;border-radius:8px 8px 0 0;flex:0 auto;min-width:0;min-height:40px;margin:0;padding:9px 14px;font-size:13px;line-height:1.2}.observation-viewer .observation-tabs [role=tab]:hover:not(:disabled){color:#fff;background:#285765;border-color:#94efdb}.observation-viewer .observation-tabs [role=tab][aria-selected=true]{color:#b8fff2;background:#10212c;border-color:#74ddcf42 #74ddcf42 #10212c;position:relative;box-shadow:inset 0 3px #74ddcf}.observation-viewer .observation-tabs [role=tab]:focus-visible{outline-offset:-4px}.observation-tab-card{background:#10212c;border:1px solid #74ddcf42;border-radius:0 0 12px 12px;min-width:0;padding:14px}.observation-tab-card [role=tabpanel]{outline-offset:4px;min-width:0}.observation-tab-card form{border-top:0;margin-top:0;padding-top:0}.viewer-controls:has(>.observation-tabs){display:block}.observation-tab-card>.panel,.observation-tab-card [role=tabpanel]>.panel{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.observation-tab-card [role=tabpanel]>.panel+.panel{margin-top:16px}.observation-tab-card [role=tabpanel] h3{margin-top:0}.observation-viewer__guide{--guide-tab-height:40px;--guide-padding:16px;width:min(420px,100% - 28px);height:max-content;max-height:calc(100% - 91px);box-shadow:none;backdrop-filter:none;color:#edf8f8;background:0 0;border:0;border-radius:0;inset:77px 14px 14px auto}.observation-viewer__guide:not([hidden]){grid-template-rows:auto minmax(0,1fr) auto;display:grid}.observation-viewer__guide .observation-viewer__guide-close{top:calc(var(--guide-tab-height) + var(--guide-padding));right:var(--guide-padding);z-index:2;background:#16303c;border-radius:8px;width:40px;height:40px;min-height:40px;padding:0;font-size:24px;position:absolute}.observation-viewer__guide-tabs{margin:0 0 -1px}.observation-viewer .observation-viewer__guide-tabs [role=tab]{flex:auto;padding:9px 4px}.observation-viewer__guide-cards{overscroll-behavior:contain;min-height:0;padding:var(--guide-padding);background:#10212c;border:1px solid #74ddcf42;border-bottom:0;overflow:auto}.observation-viewer__guide-cards article{outline-offset:4px;background:0 0;border:0;align-content:start;gap:10px;padding:0;display:grid}.observation-viewer__guide h3{letter-spacing:-.015em;align-items:center;min-height:40px;margin:0;padding-right:44px;font-size:20px;font-weight:550;line-height:1.25;display:flex}.observation-viewer__guide-cards p{color:#d0e0e4;margin:0;font-size:15px;line-height:1.5}.observation-viewer__guide-cards strong{color:#e3f3f1;font-weight:550}.observation-viewer__guide-cards .observation-viewer__guide-note{color:#b4ced7;font-size:14px;line-height:1.5}.observation-viewer__guide kbd{font-size:12px}.observation-viewer__guide>footer{background:#10212c;border:1px solid #74ddcf42;border-top-color:#9ccdd21f;border-radius:0 0 14px 14px;align-items:center;gap:8px;padding:10px 14px;display:flex}.observation-viewer__guide>footer button{border-radius:9px;gap:7px;min-height:40px;padding:8px 10px;font-size:14px}.observation-viewer__guide>footer>[data-viewer-tour-count]{white-space:nowrap;color:#a9c3ca;font-variant-numeric:tabular-nums;margin-right:auto;font-size:12px}.observation-viewer__guide [data-viewer-action=guide-done]{color:#07171e;background:#74ddcf;border-color:#74ddcf;font-weight:600}.observation-viewer__guide [data-viewer-action=guide-done]:hover{background:#a2eee3;border-color:#a2eee3}@media (width<=600px){.observation-viewer .observation-tabs [role=tab]{flex:auto;min-height:44px;padding:9px 2px;font-size:12px}.observation-viewer__guide{--guide-tab-height:44px;--guide-padding:14px}.observation-viewer .observation-viewer__guide-tabs [role=tab]{padding:9px 2px}.observation-viewer__guide .observation-viewer__guide-close{width:44px;height:44px;min-height:44px}.observation-viewer__guide h3{min-height:44px;padding-right:48px}}.observation-viewer:fullscreen,.observation-viewer[data-viewer-expanded=true]{background:#020609;border:0;border-radius:0;flex-direction:column;width:100%;max-width:none;height:100dvh;max-height:none;display:flex}.observation-viewer[data-viewer-expanded=true]{z-index:1000;position:fixed;inset:0}.observation-viewer:fullscreen .observation-viewer__workspace,.observation-viewer[data-viewer-expanded=true] .observation-viewer__workspace{flex:1;min-height:0}.observation-viewer:fullscreen .observation-viewer__screen,.observation-viewer[data-viewer-expanded=true] .observation-viewer__screen{aspect-ratio:auto;height:100%;min-height:0}.observation-viewer:fullscreen .observation-viewer__panel,.observation-viewer[data-viewer-expanded=true] .observation-viewer__panel{width:min(390px,100% - 28px)}.observation-viewer:fullscreen .observation-viewer__footer,.observation-viewer[data-viewer-expanded=true] .observation-viewer__footer{padding-bottom:max(12px,env(safe-area-inset-bottom));flex-shrink:0}@media (width<=600px){.observation-viewer{border-radius:16px}.observation-viewer__topbar{gap:7px;inset:10px 10px auto}.observation-viewer__identity{gap:6px;max-width:calc(100% - 204px);padding:9px 8px}.observation-viewer__identity strong{font-size:10px}.observation-viewer__identity span:not(.observation-viewer__mark){font-size:9px}.observation-viewer__mark{display:none}.observation-viewer__toolbar{border-radius:11px;gap:0;padding:3px}.observation-viewer__toolbar button{width:42px}.observation-viewer__keyhint{display:none}.observation-viewer__footer{font-size:10px}.observation-viewer__panel{width:calc(100% - 20px);max-height:calc(100% - 138px);inset:70px 10px 68px}.observation-viewer__panel>header{padding:12px 14px}.observation-viewer__panel-body{padding:12px}.observation-viewer__welcome{max-width:calc(100% - 24px);padding:13px 14px;bottom:72px;left:12px}.observation-viewer__welcome-icon{display:none}.observation-viewer__bottombar{inset:auto 10px 10px}.observation-viewer:fullscreen .observation-viewer__panel,.observation-viewer[data-viewer-expanded=true] .observation-viewer__panel{width:calc(100% - 20px)}.observation-viewer:not(:fullscreen):not([data-viewer-expanded=true]) .observation-viewer__workspace{width:100%;min-width:0}.observation-viewer:not(:fullscreen):not([data-viewer-expanded=true]) .observation-viewer__screen{aspect-ratio:auto;width:100%;min-width:0;max-width:100%;height:clamp(320px,62.5vw,375px)}.observation-viewer:not(:fullscreen):not([data-viewer-expanded=true]) .observation-viewer__panel{width:100%;max-height:min(70dvh,620px);box-shadow:none;border-width:1px 0 0;border-radius:0;position:relative;inset:auto}.observation-viewer:not(:fullscreen):not([data-viewer-expanded=true]) .observation-viewer__panel-body{max-height:calc(min(70dvh,620px) - 72px)}}@media (prefers-reduced-motion:reduce){.observation-viewer *{transition:none!important;animation:none!important}}@media (prefers-reduced-transparency:reduce){.observation-viewer__panel,.observation-viewer__toolbar,.observation-viewer__identity,.observation-viewer__welcome{backdrop-filter:none;background:#10212c}}@media (width<=600px){.observation-viewer[data-viewer-has-capture=true] .observation-viewer__identity{max-width:calc(100% - 235px)}.observation-viewer:not(:fullscreen):not([data-viewer-expanded=true]) .observation-viewer__guide{max-height:none}}@media (height<=480px){.observation-viewer__guide{--guide-padding:10px}.observation-viewer__guide-cards article{gap:7px}.observation-viewer__guide>footer{padding:6px 10px}.observation-viewer[data-viewer-enlarged=true] .observation-viewer__guide{width:min(480px,100% - 20px);max-height:calc(100% - 78px);inset:70px 10px 8px auto}.observation-viewer[data-viewer-enlarged=true] .observation-viewer__guide-tabs{margin-right:42px}.observation-viewer[data-viewer-enlarged=true] .observation-viewer__guide .observation-viewer__guide-close{width:40px;height:44px;min-height:44px;top:0;right:0}.observation-viewer[data-viewer-enlarged=true] .observation-viewer__guide h3{display:none}.observation-viewer[data-viewer-enlarged=true] .observation-viewer__guide-cards article{gap:6px}}.target-browser{min-width:0;color:var(--text,#f2f7f7);flex-direction:column;gap:.8rem;font-size:.8125rem;line-height:1.5;display:flex}.target-browser :is(button,input,select,summary){font:inherit}.target-browser__search-heading{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.target-browser__label,.target-browser__field{color:var(--muted,#b3c7cd);font-size:.75rem;font-weight:500}.target-browser__access{color:var(--muted-2,#9ab2bb);letter-spacing:.015em;border:1px solid #9ab2bb33;border-radius:999px;flex:none;padding:.2rem .5rem;font-size:.625rem}.target-browser__access[data-access=control]{color:var(--accent,#74ddcf);background:#74ddcf0b;border-color:#74ddcf44}.target-browser__access[data-access=view]{color:#e6c98c;background:#e6c98c0a;border-color:#e6c98c44}.target-browser .target-browser__input{width:100%;min-width:0;min-height:44px;color:var(--text,#f2f7f7);background:#07131bd9;border:1px solid #9ab2bb38;border-radius:.7rem;padding:.65rem .75rem;font-size:.8125rem;transition:border-color .15s,background .15s;display:block}.target-browser .target-browser__input::placeholder{color:var(--muted-2,#9ab2bb);font-size:.75rem}.target-browser .target-browser__input:focus-visible{border-color:var(--accent,#74ddcf);outline-offset:2px;outline:2px solid #74ddcf33}.target-browser__filters{flex-direction:column;gap:.5rem;min-width:0;display:flex}.target-browser__filter-row{flex-wrap:wrap;gap:.35rem;display:flex}.target-browser .target-browser__filter{max-width:100%;min-height:30px;color:var(--muted,#b3c7cd);cursor:pointer;background:#9ab2bb08;border:1px solid #9ab2bb26;border-radius:999px;padding:.3rem .65rem;font-size:.6875rem;line-height:1.3;transition:background .15s,border-color .15s,color .15s}.target-browser .target-browser__filter:hover:not(:disabled){color:var(--text,#f2f7f7);background:#74ddcf12;border-color:#74ddcf66}.target-browser .target-browser__filter[aria-pressed=true]{color:#b6fff2;background:#74ddcf22;border-color:#74ddcf70}.target-browser :is(.target-browser__more-types,.target-browser__details)>summary{width:fit-content;max-width:100%;min-height:28px;color:var(--muted-2,#9ab2bb);cursor:pointer;overflow-wrap:anywhere;padding:.15rem 0;font-size:.6875rem}.target-browser__more-types[open] .target-browser__filter-row{margin-top:.6rem}.target-browser__search-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.target-browser__now{color:var(--muted,#b3c7cd);cursor:pointer;align-items:center;gap:.5rem;font-size:.6875rem;display:flex}.target-browser .target-browser__now input{width:1rem;height:1rem;min-height:1rem;accent-color:var(--accent,#74ddcf);border-radius:.2rem;flex:none;margin:0;padding:0}.target-browser .target-browser__button{min-height:36px;color:var(--text,#f2f7f7);cursor:pointer;background:#9ab2bb08;border:1px solid #9ab2bb38;border-radius:.65rem;justify-content:center;align-items:center;gap:.45rem;padding:.45rem .7rem;font-size:.6875rem;font-weight:500;line-height:1.4;transition:background .15s,border-color .15s;display:inline-flex}.target-browser .target-browser__button:hover:not(:disabled){background:#74ddcf12;border-color:#74ddcf66}.target-browser :is(.target-browser__button,.target-browser__filter):focus-visible{outline:2px solid var(--accent,#74ddcf);outline-offset:3px}.target-browser :is(button,input,select):disabled{opacity:.45;cursor:not-allowed}.target-browser__status{color:var(--muted-2,#9ab2bb);overflow-wrap:anywhere;border-left:2px solid #9ab2bb3b;margin:0;padding:.05rem 0 .05rem .65rem;font-size:.6875rem;line-height:1.6;position:relative}.target-browser[data-state=loading] .target-browser__status{border-color:var(--accent,#74ddcf);color:var(--accent,#74ddcf)}.target-browser[data-state=error] .target-browser__status,.target-browser[data-state=expired] .target-browser__status{color:#f4b9ad;border-color:#efb2a4}.target-browser[data-state=empty] .target-browser__status{color:#e6c98c;border-color:#e6c98c80}.target-browser__field{flex-direction:column;gap:.5rem;min-width:0;display:flex}.target-browser .target-browser__results{scrollbar-width:thin;scrollbar-color:#74ddcf55 transparent;min-height:10rem;padding:.35rem;font-size:.75rem;line-height:1.5}.target-browser__results option{white-space:normal;overflow-wrap:anywhere;border-radius:.3rem;padding:.55rem .5rem}.target-browser__results option:checked{color:#d9fff6;background:linear-gradient(#17453f,#17453f)}.target-browser__selection{background:#74ddcf08;border:1px solid #74ddcf2b;border-radius:.7rem;flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;padding:.7rem;display:flex}.target-browser__type{color:var(--accent,#74ddcf);border:1px solid #74ddcf3b;border-radius:999px;flex:none;padding:.15rem .5rem;font-size:.625rem}.target-browser__name{min-width:0;color:var(--text,#f2f7f7);overflow-wrap:anywhere;font-size:.8125rem;font-weight:500}.target-browser__navigation{gap:.65rem;display:grid}.target-browser__pagination{gap:.5rem;display:flex}.target-browser__pagination>button{flex:1}.target-browser .target-browser__center{background:var(--accent,#74ddcf);color:#091a20;border-color:#74ddcf70;min-height:42px;font-size:.75rem;font-weight:650}.target-browser .target-browser__center:hover:not(:disabled){background:#a2eee3;border-color:#a2eee3}.target-browser__permission-note,.target-browser__detail{color:var(--muted-2,#9ab2bb);overflow-wrap:anywhere;margin:0;font-size:.6875rem;line-height:1.7}.target-browser__detail{margin-top:.5rem}.target-browser__details{border-top:1px solid #9ab2bb20;padding-top:.65rem}.target-browser [hidden]{display:none!important}@media (width<=480px){.target-browser{gap:.7rem}.target-browser__search-heading{align-items:flex-start}.target-browser__label{max-width:65%}.target-browser .target-browser__filter{min-height:32px}.target-browser .target-browser__results{min-height:8rem}}@media (prefers-reduced-motion:reduce){.target-browser :is(button,input,select){transition:none}}