:root{--header-bg: white;--header-text: #1a202c;--header-border: #e2e8f0;--header-shadow: rgba(0, 0, 0, .1);--nav-link-color: #4a5568;--nav-link-hover: #2563eb;--hamburger-color: #1a202c;--toggle-hover-bg: rgba(0, 0, 0, .05);--dialog-bg: white;--dialog-text: #1a202c;--dialog-shadow: rgba(0, 0, 0, .1);--divider-color: #e2e8f0;--link-hover-bg: #f3f4f6;--focus-ring-color: #3b82f6}html.dark{--header-bg: #1f2937;--header-text: white;--header-border: #374151;--header-shadow: rgba(0, 0, 0, .3);--nav-link-color: #e5e7eb;--nav-link-hover: #60a5fa;--hamburger-color: #e5e7eb;--toggle-hover-bg: rgba(255, 255, 255, .1);--dialog-bg: #1f2937;--dialog-text: white;--dialog-shadow: rgba(0, 0, 0, .5);--divider-color: #374151;--link-hover-bg: #374151;--focus-ring-color: #60a5fa}header.svelte-1xy9h5u{background:var(--header-bg);color:var(--header-text);position:sticky;top:0;z-index:100;box-shadow:0 1px 3px var(--header-shadow);border-bottom:1px solid var(--header-border)}header.svelte-1xy9h5u>div:where(.svelte-1xy9h5u){display:flex;align-items:center;justify-content:space-between;padding:1rem;max-width:1536px;margin:0 auto}header.svelte-1xy9h5u>div:where(.svelte-1xy9h5u) div:where(.svelte-1xy9h5u){display:flex;align-items:center}header.svelte-1xy9h5u>div:where(.svelte-1xy9h5u) div:where(.svelte-1xy9h5u) .nav-toggle:where(.svelte-1xy9h5u){display:none;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:.5rem;margin-right:.5rem;gap:4px;border-radius:4px;transition:background-color .2s;width:36px;height:36px}@media (max-width: 1024px){header.svelte-1xy9h5u>div:where(.svelte-1xy9h5u) div:where(.svelte-1xy9h5u) .nav-toggle:where(.svelte-1xy9h5u){display:flex}}header.svelte-1xy9h5u>div:where(.svelte-1xy9h5u) div:where(.svelte-1xy9h5u) .nav-toggle:where(.svelte-1xy9h5u):hover{background-color:var(--toggle-hover-bg)}header.svelte-1xy9h5u>div:where(.svelte-1xy9h5u) div:where(.svelte-1xy9h5u) .nav-toggle:where(.svelte-1xy9h5u):focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}header.svelte-1xy9h5u>div:where(.svelte-1xy9h5u) div:where(.svelte-1xy9h5u) .nav-toggle:where(.svelte-1xy9h5u) .hamburger:where(.svelte-1xy9h5u){width:20px;height:2px;background:var(--hamburger-color);transition:all .3s}header.svelte-1xy9h5u>div:where(.svelte-1xy9h5u) div:where(.svelte-1xy9h5u) .header__brand:where(.svelte-1xy9h5u){display:flex;align-items:center;gap:.5rem}header.svelte-1xy9h5u>div:where(.svelte-1xy9h5u) div:where(.svelte-1xy9h5u) .header__brand:where(.svelte-1xy9h5u) a:where(.svelte-1xy9h5u){text-decoration:none;color:inherit}header.svelte-1xy9h5u>div:where(.svelte-1xy9h5u) div:where(.svelte-1xy9h5u) .header__brand:where(.svelte-1xy9h5u) a:where(.svelte-1xy9h5u):hover h1:where(.svelte-1xy9h5u){color:var(--nav-link-hover)}header.svelte-1xy9h5u>div:where(.svelte-1xy9h5u) div:where(.svelte-1xy9h5u) .header__brand:where(.svelte-1xy9h5u) a:where(.svelte-1xy9h5u):focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px;border-radius:4px}header.svelte-1xy9h5u>div:where(.svelte-1xy9h5u) div:where(.svelte-1xy9h5u) .header__brand:where(.svelte-1xy9h5u) a:where(.svelte-1xy9h5u)>h1:where(.svelte-1xy9h5u){margin:0;font-size:1.25rem;font-weight:600;color:var(--header-text);transition:color .2s}@media (max-width: 1024px){header.svelte-1xy9h5u>div:where(.svelte-1xy9h5u)>nav:where(.svelte-1xy9h5u){display:none}}header.svelte-1xy9h5u>div:where(.svelte-1xy9h5u)>nav:where(.svelte-1xy9h5u)>ul:where(.svelte-1xy9h5u){display:flex;list-style:none;padding:0}header.svelte-1xy9h5u>div:where(.svelte-1xy9h5u)>nav:where(.svelte-1xy9h5u)>ul:where(.svelte-1xy9h5u)>li:where(.svelte-1xy9h5u){margin:.5rem}header.svelte-1xy9h5u>div:where(.svelte-1xy9h5u)>nav:where(.svelte-1xy9h5u)>ul:where(.svelte-1xy9h5u)>li:where(.svelte-1xy9h5u)>a:where(.svelte-1xy9h5u){color:var(--nav-link-color);text-decoration:none;font-weight:500;transition:color .2s}header.svelte-1xy9h5u>div:where(.svelte-1xy9h5u)>nav:where(.svelte-1xy9h5u)>ul:where(.svelte-1xy9h5u)>li:where(.svelte-1xy9h5u)>a:where(.svelte-1xy9h5u):hover{color:var(--nav-link-hover)}header.svelte-1xy9h5u>div:where(.svelte-1xy9h5u) .user-actions:where(.svelte-1xy9h5u){display:flex;flex-direction:row;align-items:center;gap:.5rem}header.svelte-1xy9h5u>div:where(.svelte-1xy9h5u) .avatar-button:where(.svelte-1xy9h5u){background:var(--link-hover-bg);border:none;cursor:pointer;padding:0;border-radius:50%;overflow:hidden;width:36px;height:36px;transition:opacity .2s,background-color .2s,color .2s;color:var(--nav-link-color)}header.svelte-1xy9h5u>div:where(.svelte-1xy9h5u) .avatar-button:where(.svelte-1xy9h5u):hover{opacity:.9;background-color:var(--toggle-hover-bg);color:var(--nav-link-hover)}header.svelte-1xy9h5u>div:where(.svelte-1xy9h5u) .avatar-button:where(.svelte-1xy9h5u):focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.darkmode-toggle.svelte-1xy9h5u{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px;color:var(--nav-link-color);transition:background-color .2s,color .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.darkmode-toggle.svelte-1xy9h5u:hover{background-color:var(--toggle-hover-bg);color:var(--nav-link-hover)}.darkmode-toggle.svelte-1xy9h5u:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.darkmode-toggle.svelte-1xy9h5u svg:where(.svelte-1xy9h5u){width:1.25rem;height:1.25rem}.darkmode-toggle.svelte-1xy9h5u .light-icon:where(.svelte-1xy9h5u){display:block}.darkmode-toggle.svelte-1xy9h5u .dark-icon:where(.svelte-1xy9h5u){display:none;width:1.25rem;height:1.25rem;position:relative}.darkmode-toggle.svelte-1xy9h5u .sun-icon:where(.svelte-1xy9h5u){width:1.25rem;height:1.25rem}html.dark .darkmode-toggle.svelte-1xy9h5u .light-icon:where(.svelte-1xy9h5u){display:none}html.dark .darkmode-toggle.svelte-1xy9h5u .dark-icon:where(.svelte-1xy9h5u){display:block}button.close.svelte-1xy9h5u{display:block;width:100%;background-color:transparent;border:none;outline:none;cursor:pointer;padding:1rem;color:var(--dialog-text)}button.close.svelte-1xy9h5u:hover{background-color:var(--toggle-hover-bg)}button.close.svelte-1xy9h5u svg:where(.svelte-1xy9h5u){stroke:var(--dialog-text)}dialog.svelte-1xy9h5u{all:unset;position:fixed;top:0;height:100%;transition:transform .2s ease;background:var(--dialog-bg);z-index:1000;box-shadow:-2px 0 10px var(--dialog-shadow)}dialog#user-drawer.svelte-1xy9h5u{right:0;transform:translate(105%);width:clamp(200px,80%,300px)}dialog#user-drawer.svelte-1xy9h5u[open]{transform:translate(0)}dialog#user-drawer.svelte-1xy9h5u>nav:where(.svelte-1xy9h5u) ul:where(.svelte-1xy9h5u){display:flex;flex-direction:column;list-style:none;margin:1rem;padding:0}dialog#user-drawer.svelte-1xy9h5u>nav:where(.svelte-1xy9h5u) ul:where(.svelte-1xy9h5u) hr:where(.svelte-1xy9h5u){margin:.5rem 0;border:none;border-top:1px solid var(--divider-color)}dialog#user-drawer.svelte-1xy9h5u>nav:where(.svelte-1xy9h5u) ul:where(.svelte-1xy9h5u)>li:where(.svelte-1xy9h5u)>a:where(.svelte-1xy9h5u){display:block;padding:1rem;color:var(--dialog-text);text-decoration:none;transition:background-color .2s}dialog#user-drawer.svelte-1xy9h5u>nav:where(.svelte-1xy9h5u) ul:where(.svelte-1xy9h5u)>li:where(.svelte-1xy9h5u)>a:where(.svelte-1xy9h5u):hover{background-color:var(--link-hover-bg)}dialog#user-drawer.svelte-1xy9h5u>button:where(.svelte-1xy9h5u){text-align:right}dialog#nav-drawer.svelte-1xy9h5u{left:0;transform:translate(-105%);width:80%}dialog#nav-drawer.svelte-1xy9h5u[open]{transform:translate(0)}dialog#nav-drawer.svelte-1xy9h5u>nav:where(.svelte-1xy9h5u) ul:where(.svelte-1xy9h5u){display:flex;flex-direction:column;list-style:none;margin:1rem;padding:0}dialog#nav-drawer.svelte-1xy9h5u>nav:where(.svelte-1xy9h5u) ul:where(.svelte-1xy9h5u)>li:where(.svelte-1xy9h5u)>a:where(.svelte-1xy9h5u){display:block;padding:1rem;color:var(--dialog-text);text-decoration:none;transition:background-color .2s}dialog#nav-drawer.svelte-1xy9h5u>nav:where(.svelte-1xy9h5u) ul:where(.svelte-1xy9h5u)>li:where(.svelte-1xy9h5u)>a:where(.svelte-1xy9h5u):hover{background-color:var(--link-hover-bg)}dialog#nav-drawer.svelte-1xy9h5u>button:where(.svelte-1xy9h5u){text-align:left}.language-button.svelte-1xy9h5u{background:none;border:none;cursor:pointer;padding:.7rem .5rem;border-radius:4px;color:var(--nav-link-color);font-family:monospace;font-size:.875rem;line-height:1.2;position:relative;top:1px;transition:background-color .2s,color .2s,border-color .2s}.language-button.svelte-1xy9h5u:hover{background-color:var(--toggle-hover-bg);color:var(--nav-link-hover);border-color:var(--nav-link-hover)}.language-button.svelte-1xy9h5u:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.host-button.svelte-1xy9h5u{background:none;border:none;cursor:pointer;padding:.7rem .5rem;border-radius:4px;color:var(--nav-link-color);font-family:monospace;font-size:.875rem;line-height:1.2;position:relative;top:1px;transition:background-color .2s,color .2s,border-color .2s}.host-button.svelte-1xy9h5u:hover{background-color:var(--toggle-hover-bg);color:var(--nav-link-hover);border-color:var(--nav-link-hover)}.host-button.svelte-1xy9h5u:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.language-popover.svelte-1xy9h5u{position:fixed;background:var(--dialog-bg);border:1px solid var(--header-border);border-radius:6px;box-shadow:0 4px 12px var(--dialog-shadow);padding:.5rem 0;margin:0;z-index:10000;min-width:180px;top:-9999px;left:-9999px}.language-popover.svelte-1xy9h5u::backdrop{background:transparent}.language-popover.svelte-1xy9h5u ul:where(.svelte-1xy9h5u){list-style:none;margin:0;padding:0}.language-popover.svelte-1xy9h5u li:where(.svelte-1xy9h5u){margin:0}.language-popover.svelte-1xy9h5u button:where(.svelte-1xy9h5u){width:100%;background:none;border:none;padding:.5rem 1rem;text-align:left;cursor:pointer;color:var(--dialog-text);font-size:.875rem;transition:background-color .2s}.language-popover.svelte-1xy9h5u button:where(.svelte-1xy9h5u):hover{background-color:var(--link-hover-bg)}.language-popover.svelte-1xy9h5u button:where(.svelte-1xy9h5u).active{font-weight:600;color:var(--nav-link-hover)}.language-popover.svelte-1xy9h5u button:where(.svelte-1xy9h5u):focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:-2px}.host-popover.svelte-1xy9h5u{position:fixed;background:var(--dialog-bg);border:1px solid var(--header-border);border-radius:6px;box-shadow:0 4px 12px var(--dialog-shadow);padding:.5rem 0;margin:0;z-index:10000;min-width:200px;max-height:400px;overflow-y:auto;top:-9999px;left:-9999px}.host-popover.svelte-1xy9h5u::backdrop{background:transparent}.host-popover.svelte-1xy9h5u ul:where(.svelte-1xy9h5u){list-style:none;margin:0;padding:0}.host-popover.svelte-1xy9h5u li:where(.svelte-1xy9h5u){margin:0}.host-popover.svelte-1xy9h5u button:where(.svelte-1xy9h5u){width:100%;background:none;border:none;padding:.5rem 1rem;text-align:left;cursor:pointer;color:var(--dialog-text);font-size:.875rem;transition:background-color .2s}.host-popover.svelte-1xy9h5u button:where(.svelte-1xy9h5u):hover{background-color:var(--link-hover-bg)}.host-popover.svelte-1xy9h5u button:where(.svelte-1xy9h5u).active{font-weight:600;color:var(--nav-link-hover)}.host-popover.svelte-1xy9h5u button:where(.svelte-1xy9h5u):focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:-2px}