*{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#4d3d41;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}select{text-overflow:ellipsis;min-width:0}:root{--panel-background-color: hsl(340, 13%, 85%);--panel-border-color: hsl(340, 13%, 75%);--panel-text-color: hsl(235, 10%, 25%);--panel-text-color-hover: hsl(235, 10%, 35%);--button-background-color: #2c1621;--button-background-color-hover: hsl(330, 34%, 23%);--button-text-color: hsl(343, 35%, 76%);--button-text-color-hover: hsl(343, 35%, 86%);--link-color: hsl(336, 65%, 22%);--link-color-hover: hsl(336, 65%, 32%);--contianer-background-color: hsl(342, 18%, 71%);--contianer-text-color: hsl(342, 18%, 15%);--floating-text-color: hsl(348, 6%, 55%);--corners: .5em;--panel-shadow-color: 345deg 16% 14%;--panel-shadow-elevation-low: .3px .5px .7px hsl(var(--panel-shadow-color) / .34), .4px .8px 1px -1.2px hsl(var(--panel-shadow-color) / .34), 1px 2px 2.5px -2.5px hsl(var(--panel-shadow-color) / .34);--panel-shadow-elevation-medium: .3px .5px .7px hsl(var(--panel-shadow-color) / .36), .8px 1.6px 2px -.8px hsl(var(--panel-shadow-color) / .36), 2.1px 4.1px 5.2px -1.7px hsl(var(--panel-shadow-color) / .36), 5px 10px 12.6px -2.5px hsl(var(--panel-shadow-color) / .36);--panel-shadow-elevation-high: .3px .5px .7px hsl(var(--panel-shadow-color) / .34), 1.5px 2.9px 3.7px -.4px hsl(var(--panel-shadow-color) / .34), 2.7px 5.4px 6.8px -.7px hsl(var(--panel-shadow-color) / .34), 4.5px 8.9px 11.2px -1.1px hsl(var(--panel-shadow-color) / .34), 7.1px 14.3px 18px -1.4px hsl(var(--panel-shadow-color) / .34), 11.2px 22.3px 28.1px -1.8px hsl(var(--panel-shadow-color) / .34), 17px 33.9px 42.7px -2.1px hsl(var(--panel-shadow-color) / .34), 25px 50px 62.9px -2.5px hsl(var(--panel-shadow-color) / .34);--shadow-color: 343deg 6% 46%;--shadow-elevation-low: .3px .5px .7px hsl(var(--shadow-color) / .42), .4px .9px 1.1px -1.2px hsl(var(--shadow-color) / .42), 1.1px 2.2px 2.8px -2.5px hsl(var(--shadow-color) / .42);--shadow-elevation-medium: .3px .5px .7px hsl(var(--shadow-color) / .44), .9px 1.8px 2.3px -.8px hsl(var(--shadow-color) / .44), 2.3px 4.5px 5.7px -1.7px hsl(var(--shadow-color) / .44), 5.6px 11.1px 14px -2.5px hsl(var(--shadow-color) / .44);--shadow-elevation-high: .3px .5px .7px hsl(var(--shadow-color) / .41), 1.7px 3.5px 4.4px -.4px hsl(var(--shadow-color) / .41), 3.3px 6.5px 8.2px -.7px hsl(var(--shadow-color) / .41), 5.4px 10.8px 13.6px -1.1px hsl(var(--shadow-color) / .41), 8.7px 17.3px 21.8px -1.4px hsl(var(--shadow-color) / .41), 13.6px 27.2px 34.2px -1.8px hsl(var(--shadow-color) / .41), 20.7px 41.4px 52.1px -2.1px hsl(var(--shadow-color) / .41), 30.5px 61px 76.7px -2.5px hsl(var(--shadow-color) / .41)}a{font-weight:600;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-color-hover)}button,input[type=text],.linkButton,select{font-weight:600;border-radius:calc(var(--corners) / 2);border:1px solid transparent;font-family:inherit;transition:background-color .2s,color .2s,outline-color .3s;box-shadow:var(--shadow-elevation-low)}button,.linkButton,select{cursor:pointer}input[type=text],select{padding:.6rem;outline:4px auto #00000000}button,.linkButton{padding:.3rem 1.2rem;background-color:var(--button-background-color);color:var(--button-text-color)}button:hover,.linkButton:hover{background-color:var(--button-background-color-hover);color:var(--button-text-color-hover)}button:focus,button:focus-visible,.linkButton:focus,.linkButton:focus-visible{outline-color:var(--button-text-color)}input[type=text]:focus,input[type=text]:focus-visible,select:focus,select:focus-visible{outline-color:var(--button-background-color)}input[type=text]:disabled,select:disabled{cursor:not-allowed}h1{margin:0;font-size:2em;font-weight:600}h3{margin:0;font-size:1.1em;font-weight:400}header{position:absolute;top:0;left:0;right:0;z-index:1;background-color:var(--panel-background-color);color:var(--panel-text-color);padding:1em;margin:1em;border-radius:var(--corners);box-shadow:var(--panel-shadow-elevation-medium)}#date-container{display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:var(--contianer-background-color);color:var(--contianer-text-color);padding:.3em .7em;border-radius:calc(var(--corners) / 1.6);box-shadow:var(--shadow-elevation-low)}#header-content,#header-content-right,#header-content-right a{display:flex;flex-direction:row;align-items:center;justify-content:space-between}#header-content-right{gap:.7em}#header-content-right a,#date-container{gap:.5em}#header-content-right img{height:1.5em;width:auto;border-radius:2px}#header-title{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:.7em}@media(max-width:500px){#header-content-right{font-size:.8em}#header h1{font-size:1.5em}}@media(max-width:400px){#header-content-right{flex-direction:column;align-items:center;justify-content:center;gap:.5em}#header-content-right .linkButton{align-self:stretch;display:flex;justify-content:center;align-items:center;text-align:center}#header h1{font-size:1.3em}}#url-input-form{position:absolute;bottom:0;left:0;width:calc(100% - 2em);z-index:1;background-color:var(--panel-background-color);color:var(--panel-text-color);margin:1em;padding:1em;border-radius:var(--corners);box-shadow:var(--panel-shadow-elevation-medium);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1em}#url-input-form button{align-self:stretch;max-width:200px}#url-input-form-left{display:flex;flex-direction:column;gap:.5em;flex:4}#url-input-form input{flex:4}#url-input-form button{flex:1}#url-input-form select{flex:2;width:100%}#controls-hint{position:absolute;top:-2em;left:1em;width:100%;font-size:.8em;color:var(--floating-text-color);opacity:.7;font-weight:600;pointer-events:none}#visualization-panel{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}canvas{display:block}.status-indicator{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;justify-content:center;align-items:center;pointer-events:none;font-size:3em;font-weight:700}.status-indicator.loading{color:#a59b9b}.status-indicator.error{color:#9e2929}