*,:before,:after{box-sizing:border-box}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;-webkit-text-size-adjust:100%;font-feature-settings:normal;scroll-behavior:smooth}body{margin:0;line-height:inherit;scroll-behavior:smooth}:root{--font-family--monospace: "Google Sans Code", monospace}.account-header{padding-top:calc(env(safe-area-inset-top) + 20px);font-size:12px}.account-header .panel-toggle{z-index:10000;display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:44px;height:44px;padding:5px;background:transparent;border:0}.account-header .panel-toggle:before{content:"";width:32px;height:32px;background:#999;mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%231f1f1f'%3e%3cpath%20d='M460.72-367.28v-225.44q0-15.67-13.8-21.51-13.79-5.84-24.99%205.36l-96.8%2096.8q-13.67%2013.77-13.67%2032.11%200%2018.35%2013.67%2032.03l96.8%2096.8q11.2%2011.2%2024.99%205.36%2013.8-5.84%2013.8-21.51ZM202.87-111.87q-37.78%200-64.39-26.61t-26.61-64.39v-554.26q0-37.78%2026.61-64.39t64.39-26.61h554.26q37.78%200%2064.39%2026.61t26.61%2064.39v554.26q0%2037.78-26.61%2064.39t-64.39%2026.61H202.87Zm439.04-91h115.22v-554.26H641.91v554.26Zm-91%200v-554.26H202.87v554.26h348.04Zm91%200h115.22-115.22Z'/%3e%3c/svg%3e");mask-repeat:no-repeat;mask-size:contain;mask-position:center top;transition:all .3s linear}:active .account-header .panel-toggle:before{background:#fff;transition:all .03s linear}.panel-open .account-header .panel-toggle:before{mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%231f1f1f'%3e%3cpath%20d='M293.07-367.28q0%2015.67%2013.79%2021.51%2013.79%205.84%2024.99-5.36l96.8-96.8q13.68-13.77%2013.68-32.11%200-18.35-13.68-32.03l-96.8-96.8q-11.2-11.2-24.99-5.36-13.79%205.84-13.79%2021.51v225.44Zm-90.2%20255.41q-37.78%200-64.39-26.61t-26.61-64.39v-554.26q0-37.78%2026.61-64.39t64.39-26.61h554.26q37.78%200%2064.39%2026.61t26.61%2064.39v554.26q0%2037.78-26.61%2064.39t-64.39%2026.61H202.87Zm439.04-91h115.22v-554.26H641.91v554.26Zm-91%200v-554.26H202.87v554.26h348.04Zm91%200h115.22-115.22Z'/%3e%3c/svg%3e")}.account-bar{display:flex;gap:1rem;justify-content:space-between}.account-bar .account-info{display:flex;gap:6px;align-items:center;justify-content:flex-end;width:100%}.account-bar .account-info .account-button{display:flex;width:24px;height:24px;padding:0;background:transparent;border:none}.account-bar .account-info .account-button:before{content:"";width:24px;height:24px;background:#999;mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%231f1f1f'%3e%3cpath%20d='M234-276q51-39%20114-61.5T480-360q69%200%20132%2022.5T726-276q35-41%2054.5-93T800-480q0-133-93.5-226.5T480-800q-133%200-226.5%2093.5T160-480q0%2059%2019.5%20111t54.5%2093Zm146.5-204.5Q340-521%20340-580t40.5-99.5Q421-720%20480-720t99.5%2040.5Q620-639%20620-580t-40.5%2099.5Q539-440%20480-440t-99.5-40.5ZM480-80q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm100-95.5q47-15.5%2086-44.5-39-29-86-44.5T480-280q-53%200-100%2015.5T294-220q39%2029%2086%2044.5T480-160q53%200%20100-15.5ZM523-537q17-17%2017-43t-17-43q-17-17-43-17t-43%2017q-17%2017-17%2043t17%2043q17%2017%2043%2017t43-17Zm-43-43Zm0%20360Z'/%3e%3c/svg%3e");mask-repeat:no-repeat;mask-size:contain}.webcam{position:relative;display:flex;grid-area:webcam;align-items:center;justify-content:center;height:100%;overflow:hidden}@media(min-aspect-ratio:1.5/1){.webcam{height:100dvh;grid-row:span 2}}.drag-coordinates{position:absolute;right:20px;bottom:36px;color:#fff;font-family:var(--font-family--monospace);font-size:12px;text-shadow:#000 1px 2px 1px;opacity:.8;pointer-events:none}.webcam-image{max-width:100%;max-height:100%;object-fit:contain}@media(min-width:30em){.webcam-image{width:auto;max-height:100dvh}}.controls{display:none;display:flex;flex-direction:column;justify-content:flex-end;max-width:100%;padding:0;overflow:hidden}.panel-open .controls{display:flex}.tab-panels{flex:1;overflow-y:auto;padding:10px}.tab-panel{animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tab-bar{display:flex;background:#1a1a1a;border-top:1px solid #333}.tab{display:flex;flex:1;flex-direction:column;gap:2px;align-items:center;padding:6px 4px 8px;color:#888;font-size:10px;line-height:1;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.tab .material-symbols-outlined{font-size:20px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20}.tab--active{color:#fff}.tab--active .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}.tab-label{white-space:nowrap}.tab-panel--intervals .time-buttons{display:flex;gap:6px}.tab-panel--intervals .time-buttons button{--button-color: #333;display:flex;flex:0 1 auto;flex-direction:row-reverse;gap:3px;align-items:center;justify-content:center;min-width:42px;height:20px;padding:6px;color:var(--button-color);font-family:var(--font-family--monospace);font-weight:700;font-size:14px;line-height:1;background:#bbb;border:none;border-radius:3px}.tab-panel--intervals .time-buttons button:before{content:"";width:18px;height:18px;background:var(--button-color);mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%231f1f1f'%3e%3cpath%20d='M480.24-111.87q-76.44%200-143.49-29.1-67.05-29.1-116.75-78.79-49.7-49.7-78.79-116.75-29.1-67.06-29.1-143.49t29.1-143.49Q170.3-690.54%20220-740.24q49.7-49.69%20116.75-78.79%2067.05-29.1%20143.49-29.1%2082.48%200%20156.22%2034.52t125.93%2098.04v-48.73q0-17.72%2012.1-29.7t29.81-11.98q17.72%200%2029.7%2011.98t11.98%2029.7v158.8q0%2019.15-13.18%2032.33Q819.63-560%20800.48-560H641.67q-17.71%200-29.93-12.22-12.22-12.21-12.22-29.93t12.1-29.82q12.1-12.1%2029.81-12.1h61.4q-40.29-53.13-98.37-83.09-58.09-29.97-124.22-29.97-115.81%200-196.47%2080.66Q203.11-595.8%20203.11-480t80.66%20196.47q80.66%2080.66%20196.47%2080.66%2092.85%200%20166.05-54.97%2073.21-54.96%2098.41-142.09%205.71-17.68%2020.75-26.75%2015.03-9.08%2033.18-6.6%2019.15%202.48%2030.59%2016.53%2011.43%2014.05%206.71%2030.97-30.67%20119.95-129.34%20196.93-98.68%2076.98-226.35%2076.98ZM521.91-496l97.85%2097.61q11.72%2011.72%2011.72%2029.43%200%2017.72-11.72%2029.44-11.72%2011.72-29.43%2011.72-17.72%200-29.44-11.72L451.76-448.65q-6.72-6.72-10.08-15.06-3.35-8.33-3.35-17.53v-157.09q0-17.71%2012.09-29.69Q462.52-680%20480.24-680t29.69%2011.98q11.98%2011.98%2011.98%2029.69V-496Z'/%3e%3c/svg%3e");mask-repeat:no-repeat;mask-size:contain}.tab-panel--intervals .time-buttons button:disabled{--button-color: #555;background:#888}.tab-panel--intervals .time-buttons .past,.tab-panel--intervals .time-buttons .future{display:flex;flex:1 1 auto;flex-direction:column;gap:6px}.tab-panel--intervals .time-buttons .past button{flex-direction:row}.tab-panel--intervals .time-buttons .past button:before{mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%231f1f1f'%3e%3cpath%20d='M479.52-111.87q-127.67%200-226.35-76.98-98.67-76.98-129.34-196.93-4.72-16.92%206.71-30.97%2011.44-14.05%2030.59-16.53%2018.15-2.48%2033.19%206.6%2015.03%209.07%2020.75%2026.75%2025.19%2087.13%2098.4%20142.09%2073.2%2054.97%20166.05%2054.97%20115.81%200%20196.47-80.66Q756.65-364.2%20756.65-480t-80.66-196.47q-80.66-80.66-196.47-80.66-66.13%200-124.22%2029.97-58.08%2029.96-98.37%2083.09h61.4q17.71%200%2029.81%2012.1%2012.1%2012.1%2012.1%2029.82t-12.1%2029.93Q336.04-560%20318.33-560H159.28q-19.15%200-32.32-13.17-13.18-13.18-13.18-32.33v-158.8q0-17.72%2012.1-29.7t29.82-11.98q17.71%200%2029.69%2011.98t11.98%2029.7v48.73q52.2-63.52%20125.93-98.04%2073.74-34.52%20156.22-34.52%2076.44%200%20143.49%2029.1%2067.06%2029.1%20116.75%2078.79%2049.7%2049.7%2078.79%20116.75%2029.1%2067.06%2029.1%20143.49t-29.1%20143.49q-29.09%2067.05-78.79%20116.75-49.69%2049.69-116.75%2078.79-67.05%2029.1-143.49%2029.1ZM521.91-496l97.85%2097.61q11.72%2011.72%2011.72%2029.43%200%2017.72-11.72%2029.44-11.72%2011.72-29.43%2011.72-17.72%200-29.44-11.72L451.76-448.65q-6.72-6.72-10.08-15.06-3.35-8.33-3.35-17.53v-157.09q0-17.71%2012.09-29.69Q462.52-680%20480.24-680t29.69%2011.98q11.98%2011.98%2011.98%2029.69V-496Z'/%3e%3c/svg%3e")}@media(min-width:30em){.tab-panel--intervals .time-buttons .past{flex-direction:column-reverse;justify-content:flex-end}}.tab-panel--intervals .shift-date{margin:6px 0;font-family:var(--font-family--monospace);font-size:13px;text-align:center}.tab-panel--intervals .interval-selector fieldset legend{color:#888;font-size:11px}.tab-panel--intervals .interval-selector fieldset{display:flex;flex-direction:column;gap:2px;padding:0;border:none}.tab-panel--intervals .interval-selector label{display:flex;gap:4px;align-items:center}.tab-panel--intervals .interval-selector label input{margin:0}.tab-panel--binary-search{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;padding:20px 0}.tab-panel--binary-search .binary-search-date-picker .date-input{padding:8px 12px;color:#ccc;font-size:14px;background:#333;border:1px solid #555;border-radius:4px}.tab-panel--binary-search .binary-search-date-picker .date-input:focus{border-color:#fff;outline:none}.tab-panel--binary-search .binary-search-buttons{display:flex;flex-direction:column;gap:8px}.tab-panel--binary-search .binary-search-buttons button{min-width:80px;padding:10px 20px;color:#fff;font-weight:700;font-size:14px;border:none;border-radius:6px;cursor:pointer}.tab-panel--binary-search .binary-search-buttons .not-yet-button{background:#822}.tab-panel--binary-search .binary-search-buttons .happened-button{background:#282}.tab-panel--solar-events{display:flex;flex-direction:column;gap:12px;padding:0}.tab-panel--solar-events .solar-event-selector fieldset{display:flex;flex-direction:column;gap:2px;padding:0;border:none}.tab-panel--solar-events .solar-event-selector fieldset legend{color:#888;font-size:11px}.tab-panel--solar-events .solar-event-selector label{display:flex;gap:4px;align-items:center;font-size:13px}.tab-panel--solar-events .solar-event-selector label input{margin:0}.login-form-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.login-form{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 15px #0000004d;width:300px;position:relative}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.form-group input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.login-button{width:100%;padding:10px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.login-button:hover{background:#0056b3}body{color:#ccc;background:#000}body:before{opacity:.4}.scroller{position:absolute;top:0;left:10px;z-index:100;width:10px;height:10px;border:2px dotted magenta;opacity:.3;pointer-events:none}@media(min-aspect-ratio:1.6/1){.scroller{height:125vh}}.container{position:fixed;top:0;left:calc(env(safe-area-inset-left) - 10px);display:grid;grid-template-areas:"account-header" "webcam" "controls";grid-template-columns:repeat(1,1fr);width:calc(100vw - env(safe-area-inset-left) + 10px);height:100dvh}@media(min-aspect-ratio:1.6/1){.container{grid-template-areas:"webcam account-header" "webcam controls";grid-template-rows:50px auto;grid-template-columns:1fr 56.25dvh;grid-template-columns:1fr calc(100vw - 177.7777777778dvh);transition:all .6s ease}.panel-open .container{grid-template-columns:1fr 25vw;grid-template-columns:1fr 33vw}.container .webcam{order:1}.container .account-header{order:2}.container .controls{order:3}}button{border-radius:3px}
