.nav-item-theme{margin-inline-start:var(--prim-space-2)}.theme-dropdown{position:relative}.td-trigger{padding:var(--dropdown-trigger-padding);background:var(--color-surface-glass);border:1px solid var(--color-border-glass);border-radius:var(--prim-radius-sm);color:var(--color-text-white-70);font-size:var(--dropdown-trigger-font-size);cursor:pointer;transition:all var(--transition-interactive);align-items:center;gap:6px;font-weight:500;display:flex}.td-trigger:hover{background:var(--navbar-link-hover-bg);border-color:var(--color-border-base);color:var(--color-text-primary)}.td-swatch{width:var(--dropdown-swatch-size);height:var(--dropdown-swatch-size);transition:background var(--transition-interactive);border-radius:50%;flex-shrink:0;display:inline-block}.td-chevron{opacity:.65;width:.62rem;height:.62rem;transition:transform var(--transition-interactive);font-size:.62rem}.td-chevron--open{transform:rotate(180deg)}.td-panel{min-width:var(--dropdown-min-width);background:var(--navbar-bg-scrolled);border:1px solid var(--color-border-base);border-radius:var(--dropdown-radius);padding:var(--dropdown-padding);-webkit-backdrop-filter:blur(24px);opacity:0;visibility:hidden;transition:opacity var(--transition-interactive), transform var(--transition-interactive), visibility var(--transition-interactive);z-index:10;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-6px);box-shadow:0 12px 40px #00000059}.td-panel--open{opacity:1;visibility:visible;transform:translateY(0)}.td-section-label{font-size:var(--dropdown-label-font-size);text-transform:uppercase;letter-spacing:var(--dropdown-label-spacing);color:var(--color-text-ghost);padding:2px 8px 6px;font-weight:600}.td-divider{background:var(--color-border-glass);height:1px;margin:var(--dropdown-divider-margin) 0}.td-mode-row{gap:6px;padding:0 2px 2px;display:flex}.mode-btn{padding:var(--dropdown-mode-btn-padding);border:1px solid var(--color-border-glass);border-radius:var(--prim-radius-sm);color:var(--color-text-faint);font-size:var(--dropdown-mode-btn-font-size);cursor:pointer;transition:all var(--transition-interactive);background:0 0;flex:1;justify-content:center;align-items:center;gap:6px;font-weight:500;display:flex}.mode-btn:hover{background:var(--color-surface-glass-hover);color:var(--color-text-primary)}.mode-btn--active{background:var(--navbar-link-hover-bg);border-color:var(--color-border-base);color:var(--color-accent-indigo)}.mode-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.palette-option{width:100%;padding:var(--dropdown-option-padding);border-radius:var(--prim-radius-sm);color:var(--color-text-faint);font-size:var(--dropdown-option-font-size);cursor:pointer;transition:background var(--transition-interactive), color var(--transition-interactive);text-align:left;background:0 0;border:none;align-items:center;gap:10px;display:flex}.palette-option:hover{background:var(--color-surface-glass-hover);color:var(--color-text-primary)}.palette-option--active{color:var(--color-text-primary)}.palette-swatch{width:var(--dropdown-palette-swatch-size);height:var(--dropdown-palette-swatch-size);border-radius:50%;flex-shrink:0}.palette-label{flex:1}.palette-check{width:.68rem;height:.68rem;color:var(--color-accent-indigo);opacity:0;transition:opacity var(--transition-interactive);font-size:.68rem}.palette-option--active .palette-check{opacity:1}.td-style-options{padding:0 2px 2px}.theme-option-btn{width:100%;padding:var(--dropdown-option-padding);border-radius:var(--prim-radius-sm);color:var(--color-text-faint);font-size:var(--dropdown-option-font-size);cursor:pointer;transition:background var(--transition-interactive), color var(--transition-interactive);text-align:left;background:0 0;border:none;align-items:center;gap:8px;display:flex}.theme-option-btn:hover{background:var(--color-surface-glass-hover);color:var(--color-text-primary)}.theme-option-btn--active{color:var(--color-accent-indigo);background:var(--navbar-link-hover-bg)}.theme-option-btn i{text-align:center;width:14px;font-size:.8rem}