/* Appearance — theme & accent (Settings + avatar menu) */
.ap-switch{display:inline-flex;padding:2px;gap:2px;border-radius:7px;background:var(--bg-inset);border:1px solid var(--border-base)}
.ap-switch button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:5px;font-size:11px;color:var(--fg-secondary)}
.ap-switch button:hover{color:var(--fg-primary)}
.ap-switch button.on{background:var(--bg-card);color:var(--fg-primary);box-shadow:0 1px 2px rgba(0,0,0,.2)}
.ap-menu-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;font-size:12px;color:var(--fg-secondary)}
.ap-menu-row .ap-switch button span{display:none}
.ap-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:4px 0 16px;border-bottom:1px solid var(--border-base)}
.ap-theme{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:8px}
.ap-prev{position:relative;display:block;aspect-ratio:16/10;border-radius:9px;overflow:hidden;border:1px solid var(--border-strong);transition:box-shadow .15s}
.ap-theme:hover .ap-prev{border-color:var(--fg-muted)}
.ap-theme.on .ap-prev{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary)}
.ap-prev i{position:absolute;display:block;border-radius:3px}
.ap-prev .ap-sb{left:0;top:0;bottom:0;width:22%;border-radius:0}
.ap-prev .ap-tb{left:22%;right:0;top:0;height:14%;border-radius:0}
.ap-prev .ap-c1{left:28%;top:24%;width:30%;height:30%}
.ap-prev .ap-c2{left:62%;top:24%;width:32%;height:30%}
.ap-prev .ap-ac{left:28%;top:64%;width:22%;height:10%;background:var(--accent-primary)}
.ap-prev-dark{background:#0a0e1a}.ap-prev-dark .ap-sb{background:#0f1424}.ap-prev-dark .ap-tb{background:#0a0e1a;border-bottom:1px solid #1e2638}.ap-prev-dark .ap-c1,.ap-prev-dark .ap-c2{background:#141a2b}
.ap-prev-light{background:#f5f7fa}.ap-prev-light .ap-sb{background:#fff;border-right:1px solid #e3e8ef}.ap-prev-light .ap-tb{background:#f5f7fa;border-bottom:1px solid #e3e8ef}.ap-prev-light .ap-c1,.ap-prev-light .ap-c2{background:#fff;border:1px solid #e3e8ef}
.ap-prev-system{background:linear-gradient(115deg,#0a0e1a 50%,#f5f7fa 50%)}.ap-prev-system .ap-sb{background:#0f1424}.ap-prev-system .ap-tb{background:transparent}.ap-prev-system .ap-c1{background:#141a2b}.ap-prev-system .ap-c2{background:#fff;border:1px solid #e3e8ef}
.ap-theme-l{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600}
.ap-radio{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--border-strong);display:grid;place-items:center}
.ap-theme.on .ap-radio{border-color:var(--accent-primary)}
.ap-theme.on .ap-radio::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-primary)}
.ap-accents{display:flex;gap:8px}
.ap-accents button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 6px;border-radius:99px;border:1px solid var(--border-base);font-size:11.5px;color:var(--fg-secondary)}
.ap-accents button i{width:14px;height:14px;border-radius:50%;background:var(--sw)}
.ap-accents button:hover{border-color:var(--border-strong);color:var(--fg-primary)}
.ap-accents button.on{border-color:var(--sw);color:var(--fg-primary);box-shadow:inset 0 0 0 1px var(--sw)}