:root{--bg: #dedbd2;--text: #1c2d34;--nav-bg: #f3f3f3;--hover-bg: #d3d3cb;--th-bg: #7b7b7b}.dark{--bg: #1e1e1e;--text: white;--nav-bg: #2c2c2c;--hover-bg: #2a2a2a;--th-bg: #514242}body{background-color:var(--bg);color:var(--text);margin:50;font-family:sans-serif}.navbar.svelte-8p2kl8{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#222;color:#fff}.nav-left.svelte-8p2kl8{display:flex;align-items:center;gap:20px}.nav-right.svelte-8p2kl8{margin-left:auto;display:flex;align-items:center;gap:10px}.dropdown.svelte-8p2kl8{position:relative}.dropdown-btn.svelte-8p2kl8{background:none;color:#fff;border:none;cursor:pointer;font-size:1rem}.dropdown-content.svelte-8p2kl8{display:none;position:absolute;top:100%;left:0;background-color:#fff;color:#000;min-width:150px;box-shadow:0 8px 16px #0003;z-index:1}.dropdown.svelte-8p2kl8:hover .dropdown-content:where(.svelte-8p2kl8){display:block}.dropdown-content.svelte-8p2kl8 a:where(.svelte-8p2kl8){display:block;padding:10px;text-decoration:none;color:#000}.dropdown-content.svelte-8p2kl8 a:where(.svelte-8p2kl8):hover{background-color:#eee}.language-button.svelte-8p2kl8{background:none;border:1px solid white;color:#fff;padding:4px 8px;cursor:pointer;font-size:.9rem}.language-button.active.svelte-8p2kl8{background-color:#fff;color:#222;font-weight:700}