:root{--accent:#c4fc63;--green:var(--accent)}
:root[data-theme="red"]{--accent:#ff7b80}
:root[data-theme="cyan"]{--accent:#67e8f9}
:root[data-theme="yellow"]{--accent:#ffe16b}
:root[data-theme="purple"]{--accent:#c4a1ff}
.theme-picker{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:18px 0 0}
.theme-label{font-size:9px;letter-spacing:1.3px;color:var(--muted);margin-right:7px}
.theme-swatch{appearance:none;position:relative;display:grid;place-items:center;width:28px;height:28px;border:1px solid transparent;border-radius:50%;background:transparent;padding:5px;cursor:pointer;color:var(--bg)}
.theme-swatch::before{content:"";position:absolute;inset:5px;background:var(--swatch);border-radius:50%}
.theme-swatch[aria-pressed="true"]{border-color:var(--swatch)}
.theme-swatch[aria-pressed="true"]::after{content:"";position:relative;width:6px;height:3px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-1px) rotate(-45deg)}
.theme-swatch:hover{background:#ffffff10}
.theme-swatch:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.theme-swatch[data-theme="lime"]{--swatch:#c4fc63}
.theme-swatch[data-theme="red"]{--swatch:#ff7b80}
.theme-swatch[data-theme="cyan"]{--swatch:#67e8f9}
.theme-swatch[data-theme="yellow"]{--swatch:#ffe16b}
.theme-swatch[data-theme="purple"]{--swatch:#c4a1ff}
.logo-mark{color:var(--accent)}
.button:hover{background:color-mix(in srgb,var(--accent),white 20%)}
.art-ring{border-color:color-mix(in srgb,var(--accent),#111310 55%)}
.orbit{border-color:color-mix(in srgb,var(--accent),#111310 50%)}
.orb-core{filter:drop-shadow(0 0 30px color-mix(in srgb,var(--accent),transparent 90%))}
.satellite{box-shadow:0 0 25px color-mix(in srgb,var(--accent),transparent 65%)}
.portrait-frame img{border-color:var(--line)}
@media(max-width:600px){.theme-picker{gap:8px;padding-top:16px}}