.palette-switcher{z-index:30;pointer-events:none;position:fixed;inset:0}.palette-switcher-backdrop,.palette-switcher-dock{pointer-events:auto}.palette-switcher-backdrop{background:color-mix(in srgb,var(--color-text)22%,transparent);border:0;position:absolute;inset:0}.palette-switcher-dock{top:calc(5.25rem + var(--safe-top));right:var(--safe-right);align-items:flex-start;display:flex;position:absolute}.palette-switcher-panel{border:1px solid var(--color-border);background:var(--color-bg);width:min(16.5rem,100vw - 3.5rem);max-height:min(28rem,70dvh);box-shadow:0 12px 32px color-mix(in srgb,var(--color-text)16%,transparent);border-radius:1rem;margin-right:.5rem;padding:.75rem;overflow:auto}.palette-switcher-kicker{letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem;display:block}.palette-switcher-list{flex-direction:column;gap:.25rem;display:flex}.palette-switcher-option{text-align:left;background:0 0;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:.75rem;width:100%;min-height:40px;padding:.375rem .5rem;display:flex}.palette-switcher-option.is-selected{border-color:var(--color-accent);background:var(--color-surface)}.palette-switcher-option:active{background:var(--color-surface)}.palette-switcher-swatch{border:1px solid var(--color-border);border-radius:9999px;flex-shrink:0;width:1.5rem;height:1.5rem}.palette-switcher-copy{flex:1;min-width:0}.palette-switcher-check{flex-shrink:0}.palette-switcher-tab{border:1px solid var(--color-border);background:var(--color-surface);width:40px;height:40px;color:var(--color-accent);box-shadow:0 4px 14px color-mix(in srgb,var(--color-text)12%,transparent);border-right:0;border-radius:9999px 0 0 9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.palette-switcher-tab-icon{color:var(--color-accent)}@media (min-width:1024px){.palette-switcher-dock{top:calc(6rem + var(--safe-top))}.palette-switcher-tab{width:52px;height:52px}.palette-switcher-tab svg{width:24px;height:24px}}@media (prefers-reduced-motion:reduce){.palette-switcher-option{transition:none}}
.site-dock-root{--site-dock-offset:max(.75rem,var(--safe-bottom));--site-dock-bar:3.5rem}.site-dock{right:.75rem;bottom:var(--site-dock-offset);z-index:30;position:fixed;left:.75rem}.site-dock-spacer{height:calc(var(--site-dock-bar,3.5rem) + max(.75rem,var(--safe-bottom)));flex-shrink:0}.site-dock-list{width:100%;max-width:28rem;min-height:var(--site-dock-bar);border:1px solid color-mix(in srgb,var(--color-accent)28%,var(--color-border));background:color-mix(in srgb,var(--color-bg)78%,transparent);box-shadow:0 1px 0 color-mix(in srgb,var(--color-text)6%,transparent)inset;border-radius:999px;align-items:stretch;margin-inline:auto;padding:.25rem .35rem;display:flex}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-dock-list{background:color-mix(in srgb,var(--color-bg)58%,transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%)}}.site-dock-item{flex:1;min-width:0}.site-dock-link{width:100%;height:100%;min-height:40px;color:var(--color-muted);font-family:var(--font-sans);text-align:center;white-space:nowrap;cursor:pointer;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;padding:.35rem .125rem;font-size:12px;font-weight:500;line-height:1.2;transition:color .16s,background .16s;display:flex}.site-dock-link svg{color:color-mix(in srgb,var(--color-muted)72%,var(--color-text))}.site-dock-link.is-active,.site-dock-link.is-active svg{color:var(--color-accent)}.site-dock-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (min-width:768px){.site-dock-list{max-width:32rem}}@media (min-width:1024px){.site-dock-root,.site-dock,.site-dock-spacer{display:none}}@media (hover:hover){.site-dock-link:hover{background:color-mix(in srgb,var(--color-accent)8%,transparent);color:var(--color-text)}.site-dock-link:hover svg{color:var(--color-text)}.site-dock-link.is-active:hover{background:color-mix(in srgb,var(--color-accent)12%,transparent);color:var(--color-accent)}.site-dock-link.is-active:hover svg{color:var(--color-accent)}}@media (prefers-reduced-motion:reduce){.site-dock-link{transition:none}}
.account-menu{position:relative}.account-menu-chevron{transition:transform .16s}.account-menu-chevron.is-open{transform:rotate(180deg)}.account-menu-list{z-index:55;border:1px solid var(--color-border);background:var(--color-surface);min-width:12.5rem;box-shadow:0 12px 32px color-mix(in srgb,var(--color-text)12%,transparent);border-radius:.75rem;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .35rem);right:0}.account-menu-item{width:100%;min-height:40px;color:var(--color-text);font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.5rem;align-items:center;gap:.625rem;padding:0 .75rem;font-size:14px;font-weight:500;line-height:1.25;transition:background .16s,color .16s;display:flex}.account-menu-item svg{color:var(--color-accent);flex-shrink:0}.account-menu-item:disabled{cursor:default;opacity:.45}.account-menu-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}@media (hover:hover){.account-menu-item:hover{background:color-mix(in srgb,var(--color-accent)10%,var(--color-surface))}}@media (prefers-reduced-motion:reduce){.account-menu-chevron,.account-menu-item{transition:none}}