.app-icon{flex:none;display:inline-block;vertical-align:middle}.appearance{position:fixed;right:1.25rem;bottom:1.25rem;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.appearance__trigger{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:999px;color:var(--theme-text-secondary);background:var(--theme-surface);box-shadow:inset 0 0 0 1px var(--theme-border-strong),var(--theme-shadow-pop);transition:transform .2s,color .2s,box-shadow .2s}.appearance__trigger:hover,.appearance__trigger.is-open{color:var(--theme-accent);transform:translateY(-1px)}.appearance__panel{width:17rem;padding:1rem;border-radius:1.375rem;background:var(--theme-surface);box-shadow:inset 0 0 0 1px var(--theme-border),var(--theme-shadow-pop);display:grid;gap:1rem}.appearance__label{margin:0 0 .5rem;font-size:.75rem;font-weight:500;color:var(--theme-text-muted)}.appearance__swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.appearance__swatch{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.5rem .25rem;border-radius:.875rem;color:var(--theme-text-secondary);background:var(--theme-surface-soft);box-shadow:inset 0 0 0 1px transparent;transition:background .2s,box-shadow .2s,color .2s}.appearance__swatch:hover{background:var(--theme-surface-strong)}.appearance__swatch.is-active{color:var(--theme-text-primary);box-shadow:inset 0 0 0 1.5px var(--swatch);background:var(--theme-surface)}.appearance__swatch-dot{width:1.25rem;height:1.25rem;border-radius:999px;background:var(--swatch);box-shadow:0 4px 10px -4px var(--swatch)}.appearance__swatch-name{font-size:.6875rem;font-weight:500}.appearance-pop-enter-active,.appearance-pop-leave-active{transition:opacity .18s ease,transform .18s ease}.appearance-pop-enter-from,.appearance-pop-leave-to{opacity:0;transform:translateY(6px) scale(.98)}