.cp-preferences{--cp-bg:var(--panel,#fff);--cp-ink:var(--ink,#24184b);--cp-muted:var(--mut,#685d80);--cp-line:var(--line,#d7d0e8);--cp-accent:var(--action,#6343ce);--cp-focus:var(--focus,#087a91);--cp-ease:cubic-bezier(.2,.7,.2,1);display:flex;align-items:center;gap:6px;font:600 12px/1.3 "Sora",system-ui,sans-serif;color:var(--cp-ink);isolation:isolate}
.cp-preferences *{box-sizing:border-box}
.cp-preferences button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.cp-picker{position:relative}
.cp-trigger{display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;padding:0 10px;border:1px solid var(--cp-line);border-radius:14px;color:var(--cp-ink);background:var(--cp-bg);box-shadow:inset 0 1px 0 #ffffff18,0 3px 8px #1b10460a;transition:background .18s var(--cp-ease),border-color .18s var(--cp-ease),transform .18s var(--cp-ease),box-shadow .18s var(--cp-ease)}
.cp-preferences svg{width:22px;height:22px;flex-shrink:0;pointer-events:none}
.cp-trigger>svg:last-child:not(:first-child){width:12px;height:12px;transition:transform .18s var(--cp-ease);opacity:.65}
.cp-trigger[aria-expanded=true]>svg:last-child:not(:first-child){transform:rotate(180deg)}
.cp-trigger:hover,.cp-trigger[aria-expanded=true]{border-color:var(--cp-accent);box-shadow:inset 0 1px 0 #ffffff18,0 4px 14px #7955dd20}
.cp-trigger:active{transform:scale(.95)}
.cp-preferences button:focus-visible{outline:2px solid var(--cp-focus);outline-offset:3px}
.cp-current-code{font-size:11px;letter-spacing:.06em}
.cp-menu{position:absolute;z-index:210;inset-block-start:calc(100% + 10px);inset-inline-end:0;width:min(240px,calc(100vw - 32px));padding:9px;border:1px solid var(--cp-line);border-radius:18px;background:var(--cp-bg);color:var(--cp-ink);box-shadow:0 18px 55px #10072340,inset 0 1px 0 #ffffff20;animation:cp-open .18s var(--cp-ease) both}
.cp-menu[hidden]{display:none!important}
.cp-menu-heading{display:block;padding:7px 9px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--cp-muted)}
.cp-options{display:grid;gap:3px}
.cp-option{display:flex;align-items:center;gap:11px;width:100%;min-height:48px;padding:9px;border:1px solid transparent;border-radius:11px;text-align:start;color:var(--cp-ink);background:transparent;transition:background .16s var(--cp-ease),border-color .16s var(--cp-ease),transform .16s var(--cp-ease)}
.cp-option:hover{background:color-mix(in srgb,var(--cp-accent) 9%,transparent);transform:translateX(2px)}
.cp-option[aria-checked=true]{background:color-mix(in srgb,var(--cp-accent) 12%,transparent);border-color:color-mix(in srgb,var(--cp-accent) 25%,transparent)}
.cp-option-label{display:grid;gap:3px;flex:1;min-width:0}
.cp-option-title{font-size:12px;font-weight:650}
.cp-option-detail{font-size:10px;font-weight:400;color:var(--cp-muted)}
.cp-option-check{display:grid;place-items:center;width:22px;color:var(--cp-accent);opacity:0}
.cp-option-check svg{width:16px;height:16px}
.cp-option[aria-checked=true] .cp-option-check{opacity:1}
.cp-theme .cp-menu{width:min(216px,calc(100vw - 32px))}
@keyframes cp-open{from{transform:translateY(-5px) scale(.98)}to{transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.cp-preferences *{animation:none!important;transition:none!important;animation-delay:0s!important;transition-delay:0s!important}.cp-option:hover,.cp-trigger:active{transform:none}}
html.no-motion .cp-preferences *,html[data-motion=off] .cp-preferences *{animation:none!important;transition:none!important;animation-delay:0s!important;transition-delay:0s!important}
html.no-motion .cp-option:hover,html.no-motion .cp-trigger:active,html[data-motion=off] .cp-option:hover,html[data-motion=off] .cp-trigger:active{transform:none}