:root[data-theme=tekel]{--accent:#0057a8;--soft:#e7f0fa}:root[data-theme=navy]{--accent:#173968;--soft:#e9eef6}:root[data-theme=red]{--accent:#9b3038;--soft:#f8ebec}:root[data-theme=ocean-green]{--accent:#087568;--soft:#e5f2ef}.theme-picker{position:fixed;z-index:40;right:18px;top:50%;display:grid;justify-items:center;gap:10px;min-width:56px;padding:12px 10px;transform:translateY(-50%);border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--paper) 88%,transparent);box-shadow:0 12px 32px #172b241c;backdrop-filter:blur(10px)}.theme-picker-label{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--muted)}.theme-options{display:grid;gap:8px}.theme-option{width:30px;height:30px;padding:0;border:3px solid var(--paper);border-radius:50%;background:var(--theme-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-color) 40%,var(--line));transition:transform .18s ease,box-shadow .18s ease}.theme-option[aria-pressed=true]{box-shadow:0 0 0 3px var(--paper),0 0 0 4px var(--theme-color)}@media(hover:hover) and (pointer:fine){.theme-option:hover{transform:scale(1.13)}}@media(max-width:850px){.theme-picker{right:10px;top:42%;min-width:48px;padding:9px 7px;border-radius:16px}.theme-picker-label{font-size:9px}.theme-options{gap:6px}.theme-option{width:26px;height:26px;border-width:2px}}@media(prefers-reduced-motion:reduce){.theme-option{transition:none}}