html,body,#root,.app,.canvasWrap{font-family:Google Sans Code,monospace;font-size:small;height:100%;width:100%;margin:0}a:link{font-weight:700;color:#000}a:visited{color:#406488;font-weight:lighter}.top-bar{position:fixed;top:10px;left:45vw;z-index:1100;display:flex;gap:12px;align-items:center;padding:8px 12px;pointer-events:none}.top-bar .moon-wrap,.top-bar .overlay-root{position:relative;display:inline-flex;align-items:center;justify-content:center;pointer-events:auto}.moon-button{width:10vw;height:50px;border-radius:80%;min-width:100px;border:none;background:#c6d2ba;opacity:80%;box-shadow:0 0 12px #97b8a7e6,inset 0 -8px 16px #00000040;cursor:pointer;z-index:1100;align-items:center;display:inline-flex;justify-content:center;position:relative;font-family:Google Sans Code,monospace;font-size:large}.moon-button.off{opacity:.5;filter:grayscale(.2)}.moon-button .text{left:50%;top:10px}.moon-button .c2{right:10px;top:14px;width:8px;height:8px}.moon-button .c3{left:16px;bottom:10px}.moon-dropdown{position:absolute;top:calc(100% - 10px);left:50%;transform:translate(-50%);min-width:500px;height:80vh;z-index:900;padding:0;box-sizing:border-box;overflow:hidden;background:#97b8a766;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:50%/90% 90% 10% 10%;box-shadow:0 0 150px #97b8a7a6,inset 0 -8px 50px #00000073;text-align:center;display:flex;align-items:center;justify-content:center}.moon-drop-inner{border-radius:inherit;text-align:center;overflow-wrap:break-word;padding:14% 10% 10%;line-height:1.25;max-width:100ch;overflow:visible}.moon-drop-inner p{margin:0 0 1em}.moon-drop-inner p.width30{max-width:30ch;margin-left:auto;margin-right:auto}.moon-dropdown .row{display:flex;align-items:center;gap:8px;margin:6px 0}.moon-dropdown .val{min-width:40px;text-align:center;opacity:.8}.canvasWrap{position:fixed;inset:0}.navbar{position:fixed;left:0;right:0;bottom:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 12px;background:#00001599;font-family:Google Sans Code,monospace;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10}.nametitle{position:fixed;left:0;right:0;top:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 12px;background:#00001599;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10}.search{flex:1 1 260px;padding:8px 10px;border:1px solid #000000;border-radius:8px;background-color:#000;color:#c6d2ba;font-family:Google Sans Code,monospace}.tags{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:8px 10px;color:#c6d2ba;border:1px solid #999;border-radius:999px;background:#000;cursor:pointer;font-size:12px;font-family:Google Sans Code,monospace}.chip.hover{background-color:#c6d2ba}.chip.active{background:#c6d2ba;color:#000;border-color:#222}.iframeContainer{position:fixed;top:12.5%;left:12.5%;width:75%;height:75%;z-index:20;align-items:center}.displayImages{width:100%;height:100%;border:0;background:#00000080;box-shadow:0 0 50px #00000080;border-radius:8px}.closeIframe{position:absolute;top:10px;right:10px;z-index:31;border:0;background:#000;color:#fff;border-radius:999px;width:34px;height:34px;font-size:18px;cursor:pointer}