.bg-canvas.svelte-1f9eth3{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:-1;display:block;background-color:#ecf2f9;transition:background-color .3s ease}body.dark-mode .bg-canvas.svelte-1f9eth3{background-color:#1a2633}.toolbar.svelte-1f9eth3{position:absolute;top:0;left:0;width:100%;height:64px;display:flex;align-items:center;padding:8px 12px 8px 32px;box-sizing:border-box;background-color:#0073ff1a;border-bottom:3px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;gap:1rem;transition:background-color .3s ease,border-color .3s ease}body.dark-mode .toolbar.svelte-1f9eth3{background-color:#0073ff0d;border-color:#00000040}.toolbar-spacer.svelte-1f9eth3{flex:1}.theme-toggle.svelte-1f9eth3{background:none;border:none;font-size:1.75rem;cursor:pointer;padding:4px;border-radius:6px;transition:background-color .2s ease}.theme-toggle.svelte-1f9eth3:hover{background-color:#0000001a;transition:background-color .2s ease}body.dark-mode .theme-toggle.svelte-1f9eth3:hover{background-color:#0003}.logo-name.svelte-1f9eth3{font-size:2.25rem;font-weight:700;font:"Comic Sans MS",cursive,sans-serif;background:linear-gradient(90deg,#0af,#05f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:background 2s ease}.logo-name.svelte-1f9eth3:hover{font-size:2.25rem;font-weight:700;font:"Comic Sans MS",cursive,sans-serif;background:linear-gradient(90deg,#37f,#3bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mainbox.svelte-1f9eth3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#000;background-color:#ffffff0d;padding:10px;border:3px solid rgba(255,255,255,.25);border-radius:10px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1;transition:color .3s ease,background-color .3s ease,border-color .3s ease}body.dark-mode .mainbox.svelte-1f9eth3{color:#fff;background-color:#0000004d;border-color:#00000080}