@import"https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;700&display=swap";:root{font-family:EB Garamond,serif;color:#fff;background-color:#000020}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}h1{font-size:2.5em;font-weight:700;text-align:center}button{border-radius:0;border:1px solid white;padding:.6em 1.2em;font-size:1em;font-weight:400;font-family:inherit;background-color:transparent;color:#fff;cursor:pointer;transition:background-color .25s,color .25s}button:hover{background-color:#fff;color:#000020}.App{width:100vw;height:100vh;display:flex;overflow:hidden}.scene-container{flex-grow:1;height:100%;position:relative}.theme-switcher{position:absolute;top:1rem;left:1rem;display:flex;gap:.5rem;z-index:10}.theme-circle{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color .2s ease-in-out}.theme-circle.selected{border-width:4px;border-style:solid}.presets{position:absolute;bottom:2rem;left:2rem;display:flex;flex-direction:column;gap:1rem;z-index:10}.controls{width:350px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:1.1em}.input-group input{background-color:transparent;padding:.5em;font-family:inherit;font-size:1em}.results{margin-top:1rem;padding:1rem;min-height:50px;text-align:center}.footer{margin-top:auto;padding-top:1rem;font-size:.8rem;text-align:center}.footer a{text-decoration:none;margin:0 .5rem;font-family:monospace}.hamburger-menu{display:none;padding:4px 12px 6px}@media(max-width:796px){.controls{position:absolute;right:0;top:0;height:100%;transform:translate(100%);transition:transform .3s ease-in-out;z-index:20;padding-top:3rem}.controls.open{transform:translate(0)}.footer{margin-top:0}.hamburger-menu{display:block;position:absolute;top:12px;right:12px;z-index:30;background:none;border:none;font-size:1.6rem;cursor:pointer}}
