.theme-toggle[data-v-eea22eb3]{position:relative;display:inline-block}.theme-toggle__button[data-v-eea22eb3]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-subtle);border:var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base) var(--easing-custom)}.theme-toggle__button[data-v-eea22eb3]:hover,[data-theme=dark] .theme-toggle__button[data-v-eea22eb3]:hover{background:var(--color-neutral-200);border-color:var(--color-neutral-300)}.theme-toggle__icon[data-v-eea22eb3]{font-size:var(--font-size-xl);line-height:1}.theme-toggle__dropdown[data-v-eea22eb3]{position:absolute;top:calc(100% + 8px);right:0;min-width:140px;background:var(--color-surface-base);border:var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);padding:var(--spacing-xs);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-base) var(--easing-custom);z-index:var(--z-dropdown)}.theme-toggle:hover .theme-toggle__dropdown[data-v-eea22eb3]{opacity:1;visibility:visible;transform:translateY(0)}.theme-toggle__option[data-v-eea22eb3]{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--easing-custom)}.theme-toggle__option[data-v-eea22eb3]:hover{background:var(--color-bg-subtle)}.theme-toggle__option--active[data-v-eea22eb3]{background:var(--color-bg-subtle);font-weight:var(--font-weight-medium)}.theme-toggle__option-icon[data-v-eea22eb3]{font-size:var(--font-size-lg);line-height:1}.theme-toggle__option-label[data-v-eea22eb3]{font-size:var(--font-size-sm);color:var(--color-text-primary)}@media(max-width:768px){.theme-toggle__dropdown[data-v-eea22eb3]{right:auto;left:50%;transform:translate(-50%) translateY(-8px)}.theme-toggle:hover .theme-toggle__dropdown[data-v-eea22eb3]{transform:translate(-50%) translateY(0)}}.mobile-menu-overlay[data-v-702fde4d]{position:fixed;inset:0;background:#00000080;z-index:var(--z-modal-backdrop)}.mobile-menu[data-v-702fde4d]{position:fixed;top:0;right:0;bottom:0;width:280px;background:#fff;z-index:var(--z-modal);box-shadow:var(--shadow-lg)}.mobile-menu-header[data-v-702fde4d]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-bg-page)}.logo-text[data-v-702fde4d]{font-size:var(--font-size-xl);font-weight:600;color:var(--color-primary)}.close-btn[data-v-702fde4d]{font-size:var(--font-size-3xl);color:var(--color-text-secondary);cursor:pointer;padding:0}.mobile-menu-nav[data-v-702fde4d]{padding:var(--spacing-md) 0}.mobile-menu-item[data-v-702fde4d]{display:block;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-base)}.mobile-menu-item[data-v-702fde4d]:active{background:var(--color-bg-page)}.slide-enter-active[data-v-702fde4d],.slide-leave-active[data-v-702fde4d]{transition:transform var(--transition-base) ease}.slide-enter-from[data-v-702fde4d],.slide-leave-to[data-v-702fde4d]{transform:translate(100%)}