.theme-toggle{position:relative;display:flex;align-items:center;gap:var(--space-sm)}.theme-toggle-btn,.theme-toggle-preset{display:flex;align-items:center;justify-content:center;min-height:var(--touch-min);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-glass-border);border-radius:var(--radius-pill);background:var(--color-glass-surface-strong);color:var(--color-text);font-size:var(--text-caption-size);font-weight:600;cursor:pointer;transition:all .2s}.theme-toggle-btn{width:var(--touch-min);padding:var(--space-sm);font-size:16px}.theme-toggle-btn:hover,.theme-toggle-preset:hover{background:var(--color-surface-alt);border-color:var(--color-border)}.theme-toggle-preset{min-width:100px}.theme-toggle-backdrop{position:fixed;inset:0;z-index:99}.theme-toggle-dropdown{position:absolute;bottom:calc(100% + var(--space-sm));left:0;right:auto;min-width:220px;background:var(--color-modal-surface-strong);border:1px solid var(--color-modal-border-strong);border-radius:var(--radius-xl);padding:var(--space-md);box-shadow:0 -4px 24px -12px var(--color-shadow);z-index:100}.nav .theme-toggle-dropdown,.nav-links .theme-toggle-dropdown{top:calc(100% + var(--space-sm));bottom:auto;left:auto;right:0;box-shadow:0 12px 24px -12px var(--color-shadow)}.theme-toggle-section{margin-bottom:var(--space-md)}.theme-toggle-section:last-child{margin-bottom:0}.theme-toggle-label{display:block;font-size:var(--text-caption-size);font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-xs)}.theme-toggle-options{display:flex;flex-direction:column;gap:var(--space-xs)}.theme-toggle-option{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-size:var(--text-body-size);font-weight:500;cursor:pointer;transition:background .15s;text-align:left}.theme-toggle-option:hover{background:var(--color-surface-alt)}.theme-toggle-option.active{background:var(--color-primary-soft);color:var(--color-primary-dark);font-weight:600}.theme-toggle-icon{font-size:16px;width:24px;text-align:center}.theme-toggle-swatch{width:20px;height:20px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.theme-toggle-swatch-neon{background:linear-gradient(135deg,#10b981 50%,#fb923c 50%)}.theme-toggle-swatch-pastel{background:linear-gradient(135deg,#ff85a1 50%,#b19cd9 50%)}.theme-toggle-swatch-clean{background:linear-gradient(135deg,#18181b 50%,#4f46e6 50%)}