.theme-switcher{position:relative;display:inline-block;z-index:9999}.theme-switcher__button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:currentColor;transition:opacity .2s}.theme-switcher__button:hover{opacity:.7}.theme-switcher__button svg{width:24px;height:24px;fill:currentColor}.theme-switcher__panel{position:absolute;top:100%;right:0;margin-top:8px;display:flex;gap:8px;padding:8px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:9999;animation:fadeIn .2s ease-out}.dark .theme-switcher__panel{background:rgba(0,0,0,.95);box-shadow:0 4px 12px rgba(255,255,255,.1)}.theme-switcher__color-option{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s;position:relative}.theme-switcher__color-option:hover{transform:scale(1.1);border-color:currentColor}.theme-switcher__color-option[aria-pressed=true]{border-color:currentColor;box-shadow:0 0 0 2px rgba(0,0,0,.1)}.dark .theme-switcher__color-option[aria-pressed=true]{box-shadow:0 0 0 2px rgba(255,255,255,.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}