body.black-on-white{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background-one:#fff;--background-one-faded:#fff7;--background-two:#f5f5f5;--background-two-faded:#f5f5f577;--foreground-one:#000;--foreground-one-faded:#0007;--foreground-two:#666;--foreground-two-faded:#6667;--foreground-three:red;--foreground-three-faded:#f007;--foreground-four:#44f;--foreground-four-faded:#00f7;--foreground-five:#66f;--foreground-five-faded:#66f7;--clickable-hover:#66f;--clickable-active:#44f;--positive-color:#0a0;--positive-color-faded:#0a07;--negative-color:#c00;--negative-color-faded:#c007;background-color:var(--background-one);color:var(--foreground-one)}body.two-shades-of-gray{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background-one:#111;--background-one-faded:#1117;--background-two:#222;--background-two-faded:#4447;--foreground-one:#eee;--foreground-one-faded:#eee7;--foreground-two:#ccc;--foreground-two-faded:#4447;--foreground-three:red;--foreground-three-faded:#f007;--foreground-four:#6cf;--foreground-four-faded:#6cf7;--foreground-five:#aaf;--foreground-five-faded:#aaf7;--clickable-hover:#f88;--clickable-active:red;--positive-color:#0f0;--positive-color-faded:#0f07;--negative-color:red;--negative-color-faded:#f007;background-color:var(--background-one);color:var(--foreground-one)}body.white-on-black{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background-one:#000;--background-one-faded:#0007;--background-two:#111;--background-two-faded:#1117;--foreground-one:#fff;--foreground-one-faded:#fff7;--foreground-two:#888;--foreground-two-faded:#8887;--foreground-three:red;--foreground-three-faded:#f007;--foreground-four:#6cf;--foreground-four-faded:#6cf7;--foreground-five:#aaf;--foreground-five-faded:#aaf7;--clickable-hover:#f88;--clickable-active:red;--positive-color:#0f0;--positive-color-faded:#0f07;--negative-color:red;--negative-color-faded:#f007;background-color:var(--background-one);color:var(--foreground-one)}
.main-nav{background-color:var(--background-two);border-bottom:1px solid var(--foreground-two-faded);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px var(--background-two-faded);padding:.75rem 0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:0 1rem;display:flex}.nav-link{color:var(--foreground-one);background-color:#0000;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.nav-link:hover{background-color:var(--background-one);color:var(--foreground-four);transform:translateY(-1px)}.nav-link:active{transform:translateY(0)}.theme-dropdown{margin-left:auto;position:relative}.theme-toggle{color:var(--foreground-one);cursor:pointer;background-color:#0000;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.theme-toggle:hover{background-color:var(--background-one);color:var(--foreground-four);transform:translateY(-1px)}.theme-dropdown-menu{background-color:var(--background-two);border:1px solid var(--foreground-two-faded);box-shadow:0 4px 12px var(--background-two-faded);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;min-width:200px;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden}.theme-option{width:100%;color:var(--foreground-one);text-align:left;cursor:pointer;background-color:#0000;border:none;padding:.75rem 1rem;font-size:.95rem;transition:all .2s;display:block}.theme-option:hover{background-color:var(--background-one);color:var(--foreground-four)}.theme-option.active{background-color:var(--background-one);color:var(--foreground-four);font-weight:600}.theme-option.active:after{content:" ✓";float:right}@media (max-width:768px){.nav-container{justify-content:center}.nav-link{padding:.5rem .75rem;font-size:.9rem}}