.preferences{background:var(--surface);border:1px solid var(--line);border-radius:40px;flex-shrink:0;align-items:center;gap:3px;width:auto;margin-left:0;padding:3px;display:flex;position:relative}.preference-trigger{white-space:nowrap;min-height:40px;color:var(--ink);background:0 0;border:0;border-radius:30px;justify-content:center;align-items:center;gap:7px;padding:9px 10px;font-size:12px;font-weight:650;display:flex}.preference-trigger:hover,.preference-trigger.is-open{background:var(--soft)}.preference-popover{background:var(--surface);width:260px;max-width:calc(100vw - 24px);color:var(--ink);border:1px solid var(--line);z-index:130;border-radius:18px;padding:8px;animation:.15s ease-out preference-in;position:absolute;top:calc(100% + 13px);right:0;box-shadow:0 16px 50px #0a0b0d25}.preference-heading{color:var(--muted);align-items:center;gap:8px;padding:12px 10px;font-size:11px;font-weight:650;display:flex}.preference-option{text-align:left;width:100%;min-height:62px;color:var(--ink);background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;padding:10px;display:flex}.preference-option:hover,.preference-option.active{background:var(--soft)}.preference-option>svg:last-child{color:var(--orange);flex-shrink:0;margin-left:auto}.preference-option strong{font-size:13px;font-weight:650;display:block}.preference-option small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.language-monogram,.theme-sample{background:var(--paper);border:1px solid var(--line);border-radius:10px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:700;display:grid}.theme-sample[data-sample=light]{color:#a96517;background:#fbf8f0;border-color:#ded8ca}.theme-sample[data-sample=dark]{color:#d7dae1;background:#282b35;border-color:#404553}.theme-sample[data-sample=auto]{color:#ee7149;background:linear-gradient(135deg,#faf7ee 50%,#292d37 50%);border-color:#b3b6bf}@keyframes preference-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:800px){.preferences{order:2;width:auto;margin:0}.preference-trigger{min-width:40px;padding:9px}.theme-trigger-label{display:none}.preference-popover{position:fixed;top:82px;right:12px}.legal .preference-popover{position:absolute;top:calc(100% + 8px)}}@media (prefers-reduced-motion:reduce){.preference-popover{animation:none}}
