:root {--navbar-height: 32px;--sticky-header-offset: 34px;--navbar-bg: rgba(235, 235, 235, 0.45);--navbar-text: #1a1a1a;--navbar-hover-bg: rgba(0, 0, 0, 0.3);--nav-shadow: 0 1px 10px rgba(0,0,0,0.2);}@media (prefers-color-scheme: dark) {:root {--navbar-bg: rgba(0, 0, 0, 0.55);--navbar-text: #cccccc;--navbar-hover-bg: rgba(255, 255, 255, 0.12);--nav-shadow: 0 1px 10px rgba(0,0,0,0.5);}}* {box-sizing: border-box;}body {margin: 0;font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;}.navbar-wrapper {position: sticky;top: 0;z-index: 100;background: transparent;}.navbar {width: 100%;height: var(--navbar-height);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);background: var(--navbar-bg);color: var(--navbar-text);box-shadow: var(--nav-shadow);}.navbar-inner {max-width: 1200px;height: 100%;margin: 0 auto;padding: 0 8px;display: flex;align-items: center;justify-content: space-between;}.navbar-logo {width: 25px;height: 25px;display: block;}.navbar-left {display: flex;align-items: center;gap: 10px;}.navbar-links {display: flex;gap: 4px;}.navbar-right {display: flex;align-items: center;gap: 4px;}.nav-btn,.icon-btn,.dropdown-item {border: none;background: transparent;color: var(--navbar-text);font: inherit;padding: 4px 8px;border-radius: 4px;cursor: pointer;font-size: .8em;}.nav-btn:hover,.icon-btn:hover,.dropdown-item:hover {background: var(--navbar-hover-bg);}.desktop-only {display: flex;}.mobile-only {display: none;}.dropdown-panel {position: fixed;top: var(--navbar-height);left: 0;width: 100%;backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);background: var(--navbar-bg);padding: 12px 0;display: none;z-index: 200;}.dropdown-panel.show {display: block;}.dropdown-inner {max-width: 1200px;margin: 0 auto;padding: 0 12px;text-align: left;}.dropdown-section {padding: 4px 0;border-top: 1px solid rgba(0, 0, 0, 0.1);}.dropdown-section:first-child {border-top: none;}.dropdown-label {padding: 4px 0;font-size: 12px;color: var(--navbar-text);opacity: 0.7;}.dropdown-item.active {font-weight: 600;}.settings-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 4px;padding: 4px 0;}.navbar-pill {width: 100%;height: var(--navbar-height);display: none;align-items: center;justify-content: flex-end;background: transparent;}.navbar-pill.visible {display: flex;}.pill-inner {max-width: 1450px;width: 100%;margin: 0 auto;padding: 0 8px;display: flex;justify-content: flex-end;}.pill-inner-inner {display: inline-flex;align-items: center;gap: 4px;padding: 2px 6px;border-radius: 999px;background: var(--navbar-bg);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);box-shadow: var(--nav-shadow);}.navbar.hidden {display: none;}@media (max-width: 768px) {.desktop-only {display: none;}.mobile-only {display: inline-flex;}}