.theme-picker{position:relative;display:inline-flex;gap:var(--space-2)}.theme-picker-toggle{cursor:pointer;align-items:center;display:inline-flex;gap:var(--space-3);padding:var(--space-3) var(--space-5)}.theme-picker-toggle__text{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.05;gap:2px}.theme-picker-toggle__hint{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.theme-picker-toggle__label{font-weight:800;font-size:.94rem}.theme-picker-toggle__chevron{font-size:.74rem;opacity:.7;transition:transform var(--transition-duration) var(--transition-easing)}.theme-picker.open .theme-picker-toggle__chevron{transform:rotate(180deg)}.theme-picker-mode-toggle{position:relative;width:var(--nav-item-height);padding:0;flex-shrink:0}.theme-picker-mode-toggle[hidden]{display:none}.theme-picker-mode-toggle[data-tooltip]:after{content:attr(data-tooltip);display:none;position:absolute;top:calc(100% + 8px);right:0;width:max-content;max-width:180px;text-align:center;line-height:1.3;font-size:.74rem;font-weight:700;color:color-mix(in srgb,var(--text-color) 88%,transparent);background:color-mix(in srgb,var(--background-color) 96%,transparent);border:1px solid color-mix(in srgb,var(--accent-color) 22%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);pointer-events:none;z-index:1200}html:not([data-hover-effects=off]) .theme-picker-mode-toggle[data-tooltip]:hover:after,.theme-picker-mode-toggle[data-tooltip]:focus-visible:after{display:block}.theme-picker-menu{position:absolute;top:calc(100% + var(--space-3));right:0;z-index:1100;min-width:360px;max-width:min(560px,calc(100vw - 24px));max-height:min(60vh,540px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:var(--space-5);border-radius:var(--radius-2xl);border:1px solid color-mix(in srgb,var(--accent-color) 22%,transparent);background:color-mix(in srgb,var(--background-color) 88%,transparent);backdrop-filter:var(--site-surface-blur, blur(28px) saturate(1.25));-webkit-backdrop-filter:var(--site-surface-blur, blur(28px) saturate(1.25));box-shadow:var(--shadow-xl);animation:themePickerOpen .12s var(--transition-easing) both}.theme-picker-menu__header,.theme-picker-menu[hidden]{display:none}@keyframes themePickerOpen{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.theme-picker-columns{display:flex;flex-direction:column;gap:var(--space-5)}.theme-picker-group{display:flex;flex-direction:column;gap:var(--space-2)}.theme-picker-group--default{padding-bottom:var(--space-4);border-bottom:1px solid color-mix(in srgb,var(--text-color) 11%,transparent)}.theme-picker-default{padding-right:var(--space-5);border-color:color-mix(in srgb,var(--accent-color) 16%,transparent);background:color-mix(in srgb,var(--accent-color) 5%,transparent)}.theme-picker-default__icon{color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 14%,var(--background-color))}.theme-picker-group-label{font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:0 var(--space-3);color:color-mix(in srgb,var(--text-color) 65%,transparent)}.theme-picker-group-items{display:flex;flex-wrap:wrap;gap:var(--space-2)}.theme-picker-item{appearance:none;display:inline-flex;align-items:center;gap:var(--space-3);flex:0 0 auto;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:var(--text-color);text-align:left;cursor:pointer;white-space:nowrap;transition:transform var(--transition-duration) var(--transition-easing),border-color var(--transition-duration) var(--transition-easing),background var(--transition-duration) var(--transition-easing)}html:not([data-hover-effects=off]) .theme-picker-item:hover,.theme-picker-item:focus-visible{border-color:color-mix(in srgb,var(--accent-color) 28%,transparent);background:color-mix(in srgb,var(--accent-color) 8%,transparent);transform:translateY(var(--motion-hover-lift-sm));outline:none}.theme-picker-item[aria-checked=true]{border-color:color-mix(in srgb,var(--accent-color) 40%,transparent);background:color-mix(in srgb,var(--accent-color) 14%,transparent);box-shadow:inset 0 1px color-mix(in srgb,white 10%,transparent)}.theme-picker-item-swatch{position:relative;width:28px;height:28px;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--text-color) 18%,transparent);background:var(--background-color);display:inline-block;overflow:hidden;flex:0 0 auto}.theme-picker-item-swatch-dot{position:absolute;display:block;width:60%;height:60%;border-radius:50%}.theme-picker-item-swatch-dot--primary{left:-10%;top:-10%;background:var(--primary-color)}.theme-picker-item-swatch-dot--accent{right:-10%;bottom:-10%;background:var(--accent-color)}.theme-picker-item-swatch-dot--bg{left:30%;top:30%;width:40%;height:40%;background:color-mix(in srgb,var(--secondary-color) 70%,var(--background-color))}.theme-picker-item-swatch-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.9rem;line-height:1}.theme-picker-item-main{display:flex;flex-direction:column;gap:2px;min-width:0}.theme-picker-item-label{font-weight:800;font-size:.94rem}.theme-picker-item-description{display:none}.theme-picker-item,.theme-picker-group{position:relative}html:not([data-hover-effects=off]) .theme-picker-item:hover .theme-picker-item-description,.theme-picker-item:focus-visible .theme-picker-item-description{display:block;position:absolute;left:0;right:0;bottom:calc(100% + 4px);width:auto;max-width:none;white-space:normal;text-align:center;line-height:1.3;font-size:.74rem;color:color-mix(in srgb,var(--text-color) 88%,transparent);background:color-mix(in srgb,var(--background-color) 96%,transparent);border:1px solid color-mix(in srgb,var(--accent-color) 22%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);pointer-events:none;z-index:1200}.theme-picker-accent-source{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid color-mix(in srgb,var(--text-color) 12%,transparent)}.theme-picker-accent-source-options{display:flex;gap:var(--space-2)}.theme-picker-accent-source-option{appearance:none;flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--text-color) 16%,transparent);background:transparent;color:var(--text-color);font-weight:700;font-size:.82rem;cursor:pointer;white-space:nowrap;transition:transform var(--transition-duration) var(--transition-easing),border-color var(--transition-duration) var(--transition-easing),background var(--transition-duration) var(--transition-easing)}.theme-picker-accent-source-option i{font-size:1em;opacity:.8}html:not([data-hover-effects=off]) .theme-picker-accent-source-option:hover,.theme-picker-accent-source-option:focus-visible{border-color:color-mix(in srgb,var(--accent-color) 28%,transparent);background:color-mix(in srgb,var(--accent-color) 8%,transparent);transform:translateY(var(--motion-hover-lift-sm));outline:none}.theme-picker-accent-source-option[aria-checked=true]{border-color:color-mix(in srgb,var(--accent-color) 40%,transparent);background:color-mix(in srgb,var(--accent-color) 14%,transparent);box-shadow:inset 0 1px color-mix(in srgb,white 10%,transparent)}.theme-picker-accent-source-option:disabled{cursor:not-allowed;opacity:.38;filter:saturate(.45);transform:none}@media(max-width:620px){.theme-picker{position:static;display:flex;width:100%}.theme-picker-toggle{width:100%;justify-content:center}.theme-picker-menu{position:absolute;inset:0;z-index:5;min-width:0;min-height:0;max-width:none;max-height:none;overflow-x:hidden;overflow-y:auto;scroll-padding-block:56px max(var(--space-5),env(safe-area-inset-bottom));padding-top:0;padding-bottom:max(var(--space-5),env(safe-area-inset-bottom));border:0;border-radius:inherit;background:color-mix(in srgb,var(--background-color) 97%,#05070d 3%);animation:themePickerSheetOpen .2s var(--motion-easing-soft, cubic-bezier(.16, 1, .3, 1)) both}@keyframes themePickerSheetOpen{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.theme-picker-menu__header{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:56px;margin:0 calc(-1 * var(--space-5)) var(--space-3);padding:0 var(--space-3);border-bottom:1px solid color-mix(in srgb,var(--accent-color) 16%,transparent);background:color-mix(in srgb,var(--background-color) 97%,#05070d 3%);backdrop-filter:var(--site-surface-blur, blur(28px) saturate(1.25));-webkit-backdrop-filter:var(--site-surface-blur, blur(28px) saturate(1.25))}.theme-picker-menu__back{appearance:none;justify-self:start;display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-color);font:inherit;font-weight:750;cursor:pointer}.theme-picker-menu__back:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-color) 55%,transparent);outline-offset:-2px}.theme-picker-menu__title{grid-column:2;font-weight:800}.theme-picker-columns{gap:var(--space-4)}.theme-picker-group-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.theme-picker-group--default .theme-picker-item{grid-column:1 / -1}.theme-picker-item{width:100%;min-height:48px;padding:var(--space-2);border-color:color-mix(in srgb,var(--text-color) 12%,transparent);border-radius:14px;white-space:normal}.theme-picker-item-label{font-size:.875rem}}@media(max-width:620px){.navbar.is-controls-open .navbar__island--controls:has(.theme-picker.open){overflow:visible;overscroll-behavior:none;transform:none}.navbar__island--controls .theme-picker-menu{position:fixed;inset:auto 0 0;width:100vw;height:min(82dvh,720px);max-width:none;max-height:none;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;contain:layout paint;border-radius:26px 26px 0 0;animation:themePickerZoomFade .14s ease both}@keyframes themePickerZoomFade{0%{opacity:0}to{opacity:1}}.navbar__island--controls .theme-picker-menu__header{grid-template-columns:44px minmax(0,1fr) 44px;min-width:0}.navbar__island--controls .theme-picker-menu__back{justify-content:center;width:44px;padding-inline:0}.navbar__island--controls .theme-picker-menu__back span{display:none}.navbar__island--controls .theme-picker-menu__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar__island--controls .theme-picker-group-items{grid-template-columns:minmax(0,1fr)}.navbar__island--controls .theme-picker-item,.navbar__island--controls .theme-picker-item-main,.navbar__island--controls .theme-picker-item-label{min-width:0}.navbar__island--controls .theme-picker-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.theme-picker-lab-link[hidden]{display:none!important}