@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&display=swap";:root{--bg-img: url(./background_dark.B-pr397B.png);--bg-main: #27272a;--bg-card: rgba(0, 0, 0, .2);--bg-overlay: rgba(0, 0, 0, .7);--bg-hover-item: rgba(255, 255, 255, .05);--bg-nav-solid: #111827;--bg-nav-glass: rgba(17, 24, 39, .8);--bg-footer: #111827;--accent-primary: #3b82f6;--accent-secondary: #60a5fa;--accent-hover: #60a5fa;--accent-hover-alt: #2563eb;--accent-emerald: rgba(16, 185, 129, 1);--loader-accent: #3b82f6;--btn-bg: rgba(255, 255, 255, .05);--btn-border: 1px solid rgba(255, 255, 255, .3);--btn-text: #3b82f6;--border-main: 2px solid rgba(255, 255, 255, .1);--border-muted: 1px solid rgba(255, 255, 255, .05);--border-thick: 5px solid #3b82f6;--border-thin-light: 1px solid rgba(255, 255, 255, .1);--border-focus: 2px solid #3b82f6;--border-emerald: 1px solid rgba(16, 185, 129, .3);--border-glass: 1px solid rgba(255, 255, 255, .1);--border-transparent: rgba(0, 0, 255, 0);--shadow-default: 0 4px 12px rgba(0, 0, 0, .3);--radius-standard: 15px;--text-main: #3b82f6;--text-muted: #9ca3af;--text-muted-alt: #6b7280;--font-main: "Baloo 2", cursive;--font-size-body: 25px;--font-weight-bold: 800;--font-weight-semi: 600;--letter-spacing: .05em;--transition-speed: .3s;--transition-slow: .5s}[data-theme=light]{--bg-img: url(./background.Cw7UBbyp.png);--bg-main: #3b82f6;--bg-card: rgba(255, 255, 255, .1);--bg-overlay: rgba(15, 28, 54, .6);--bg-hover-item: rgba(255, 255, 255, .2);--bg-nav-solid: #1e40af;--bg-nav-glass: rgba(30, 64, 175, .7);--bg-footer: #eff6ff;--btn-bg: #ffffff;--btn-border: 1px solid transparent;--btn-text: #1e3a8a;--text-main: #1e3a8a;--text-muted: #eff6ff;--text-muted-alt: #bfdbfe;--border-main: 2px solid rgba(255, 255, 255, .3);--border-muted: 1px solid rgba(255, 255, 255, .2);--border-thick: 5px solid #ffffff;--border-thin-light: 1px solid #ffffff;--border-focus: 2px solid #ffffff;--border-glass: 1px solid rgba(255, 255, 255, .2);--loader-accent: #ffffff;--shadow-default: 0 8px 32px 0 rgba(0, 0, 0, .15)}body{background-color:var(--bg-main);margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;font-family:var(--font-main)!important;color:var(--text-main);justify-content:center;min-height:100vh;background-image:var(--bg-img);background-repeat:repeat;animation:bg-scroll 100s linear infinite;background-attachment:fixed;font-size:var(--font-size-body);font-weight:var(--font-weight-bold);padding-bottom:35px;letter-spacing:var(--letter-spacing);overflow-x:hidden}@keyframes bg-scroll{0%{background-position:0 0}to{background-position:100% 100%}}button{background-color:var(--btn-bg);border:var(--btn-border);color:var(--btn-text);padding:10px 20px;border-radius:var(--radius-standard);font-size:.8em;font-weight:var(--font-weight-semi);box-shadow:var(--shadow-default);transition:all var(--transition-speed) ease-in-out;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006}input{background-color:var(--bg-card);border:var(--border-main);color:var(--text-main);padding:10px 20px;border-radius:var(--radius-standard);font-size:1em;outline:none;font-weight:var(--font-weight-semi);transition:all var(--transition-speed) ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}input:hover{border:2px solid var(--accent-secondary)}.subtext{font-size:.8em;color:var(--text-muted);font-style:italic}div.popupMenu>div.content{position:absolute;background-color:var(--bg-card);border:var(--border-main);top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-main);box-shadow:var(--shadow-default);padding:20px;border-radius:var(--radius-standard);width:80%;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}div.popupMenu{position:absolute;left:0;right:0;width:100vw;height:100vh;top:0;background-color:var(--bg-overlay);z-index:1002}.ContentBox{display:flex;flex-direction:column;background-color:var(--bg-card);border:var(--border-muted);padding:25px;border-radius:var(--radius-standard);width:80%;height:80%;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ContentBoxSelect{padding:15px;font-size:16px;border-radius:var(--radius-standard);background-color:var(--bg-card);border:var(--border-main);color:var(--text-main)}a.links{color:var(--text-main);padding:10px 20px;border-radius:var(--radius-standard);text-decoration:none;font-weight:var(--font-weight-semi);transition:all var(--transition-speed) ease-in-out}a.links:hover{transform:scale(1.1);color:var(--accent-hover)}a.navLink{color:var(--btn-text);text-decoration:none;margin:0 15px;z-index:1000;padding:7.5px;width:200px!important;position:relative;border:solid 3px transparent;border-radius:var(--radius-standard);font-weight:var(--font-weight-semi);font-size:1em}.hamburger{position:fixed;top:20px;left:20px;z-index:1001;background:var(--bg-nav-solid);border:var(--border-emerald);padding:10px;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:5px;transition:all var(--transition-speed) ease}.line{width:25px;height:3px;background:var(--btn-text);transition:var(--transition-speed);border-radius:2px}.hamburger.active .line:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .line:nth-child(2){opacity:0;transform:translate(-100px)}.hamburger.active .line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.navbar{position:absolute;top:0;left:0;width:100vw;height:100vh;background:var(--bg-nav-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;overflow-y:scroll;transform:translate(-100%);opacity:0;transition:transform var(--transition-slow) cubic-bezier(.4,0,.2,1),opacity .4s ease;padding-bottom:100px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.navbar.open{transform:translate(0);opacity:1}.menu-content{display:flex;flex-direction:column;gap:2rem;text-align:center}left,middle,right{display:flex;flex-direction:column;gap:1rem}.navLink{font-size:1.5rem!important;margin:0!important;transition:transform .2s ease,color .2s ease}.navLink:hover{transform:scale(1.1);color:var(--accent-hover)}.user-box{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-glass);display:flex;flex-direction:column;gap:10px}.username{color:var(--accent-hover);font-weight:var(--font-weight-semi)}footer.footer{position:fixed;bottom:0;left:0;width:100%;background:var(--bg-footer);border-top:var(--border-emerald);text-align:center;color:var(--btn-text);padding:.5px;vertical-align:middle;z-index:1000;max-height:35px;font-size:12px;height:auto}.theme-btn.svelte-q7ryth{padding:10px 20px;border-radius:var(--radius-standard);background-color:var(--bg-card);color:var(--text-main);border:var(--border-main);cursor:pointer;font-family:var(--font-main);font-weight:var(--font-weight-semi);transition:all var(--transition-speed) ease}.theme-btn.svelte-q7ryth:hover{border-color:var(--accent-hover);transform:translateY(-2px)}