#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}header{display:flex;justify-content:center;position:absolute;width:100%;top:5rem;left:50%;transform:translate(-50%);pointer-events:none;user-select:none}header h1{font-size:3rem;line-height:3rem;font-weight:400;width:fit-content}@media only screen and (max-height:640px)and (orientation:landscape){header{display:block;top:50%;bottom:unset;left:2rem;right:unset;transform:translateY(-50%);text-align:left}}.renderer-container{position:absolute;top:0;left:0;width:100dvw;height:100dvh}.settings-container{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);width:min(560px,100dvw - 4rem);padding:1rem 1.25rem;background:var(--settings-bg);color:var(--settings-text);border-radius:16px;border:1px solid var(--settings-border);box-shadow:0 16px 40px #0000002e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);--settings-bg: rgba(255, 255, 255, .82);--settings-border: rgba(0, 0, 0, .1);--settings-text: rgba(0, 0, 0, .86);--settings-control-bg: rgba(255, 255, 255, .85);--settings-control-border: rgba(0, 0, 0, .14);--settings-focus: rgba(80, 120, 255, .55);--settings-accent: rgb(80, 120, 255);--settings-button-shadow: rgba(0, 0, 0, .18)}.settings-container .preference{display:grid;grid-template-columns:1fr 1fr;column-gap:.9rem;row-gap:.25rem;padding:.3rem 0}.settings-container .preference>label{justify-self:end;user-select:none;font-size:.95rem;color:var(--settings-text);line-height:1.2}.settings-container .preference>div{display:flex;justify-self:start;width:100%}.settings-container select,.settings-container input[type=number]{width:100%;box-sizing:border-box;height:2rem;padding-right:.75rem;border-radius:12px;border:1px solid var(--settings-control-border);background:var(--settings-control-bg);color:var(--settings-text);outline:none}.settings-container select:focus,.settings-container input[type=number]:focus{box-shadow:0 0 0 2px var(--settings-focus);border-color:transparent}.settings-container input[type=range]{width:100%;accent-color:var(--settings-accent)}.settings-container button{margin-top:.5rem;height:2.4rem;padding:0 1.2rem;border-radius:2rem;border:1px solid var(--settings-control-border);background:var(--settings-control-bg);color:var(--settings-text);cursor:pointer;font-weight:700;transition:all .14s ease}.settings-container button:focus-visible{outline:none;box-shadow:0 0 0 4px var(--settings-focus);border-color:transparent}@media(hover:hover){.settings-container button:hover{transform:translateY(-2px);box-shadow:0 0 10px var(--settings-button-shadow)}}.App.dark-theme .settings-container{--settings-bg: rgba(17, 17, 17, .72);--settings-border: rgba(255, 255, 255, .12);--settings-text: rgba(255, 255, 255, .88);--settings-control-bg: rgba(255, 255, 255, .06);--settings-control-border: rgba(255, 255, 255, .14);--settings-focus: rgba(120, 160, 255, .3);--settings-accent: rgb(140, 175, 255);--settings-button-shadow: rgba(0, 0, 0, .55)}@media only screen and (max-width:460px){.settings-container{padding:.9rem 1rem}.settings-container .preference{grid-template-columns:1fr}.settings-container .preference>label{justify-self:start}}@media only screen and (max-height:640px)and (orientation:landscape){.settings-container{top:50%;bottom:unset;left:unset;right:2rem;transform:translateY(-50%);width:min(440px,100dvw - 4rem)}}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color:#111}:root .App.dark-theme{color:#e6e6e6;background-color:#111}:root .App.light-theme{color:#213547;background-color:#fff}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100dvh}