:root,html[data-theme=black],html[data-theme=dim]{--backdrop-dot:rgba(255,255,255,0.2);--backdrop-glow:var(--accent)}html[data-theme=light]{--backdrop-dot:rgba(0,0,0,0.16);--backdrop-glow:var(--accent)}html[data-theme=dim]{color-scheme:dark;--bg:#12131a;--surface-1:#191a22;--surface-2:#1f2029;--surface-3:#262733;--surface-hover:#2e2f3b;--border:#2a2b36;--border-strong:#383a47}html[data-theme=black]{color-scheme:dark;--bg:#000000;--surface-1:#0a0a0d;--surface-2:#101014;--surface-3:#17171c;--surface-hover:#1e1e24;--border:#1c1c22;--border-strong:#2a2a32}html[data-theme=light]{color-scheme:light;--bg:#f7f7f9;--surface-1:#ffffff;--surface-2:#f2f2f5;--surface-3:#e9e9ee;--surface-hover:#ededf1;--border:#e2e2e8;--border-strong:#d3d3db;--text:#1a1a1f;--muted:#5b5b66;--faint:#8a8a95;--shadow-1:0 1px 2px rgba(0,0,0,0.06);--shadow-2:0 8px 24px -6px rgba(0,0,0,0.12);--shadow-pop:0 16px 48px -12px rgba(0,0,0,0.18),0 0 0 1px var(--border-strong)}.appc-group{display:flex;flex-direction:column;gap:10px}.appc-group+.appc-group{margin-top:4px}.appc-themes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width:560px){.appc-themes{grid-template-columns:repeat(4,1fr)}}.appc-tile{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);cursor:pointer;text-align:left;transition:border-color var(--ease),box-shadow var(--ease)}.appc-tile:hover{border-color:var(--faint)}.appc-tile[aria-pressed=true]{border-color:var(--accent);box-shadow:var(--ring)}.appc-tile__preview{position:relative;height:48px;border-radius:8px;overflow:hidden;border:1px solid rgba(128,128,128,.18)}.appc-tile__card{position:absolute;left:8px;right:8px;top:16px;bottom:8px;border-radius:5px}.appc-tile__dot{position:absolute;right:9px;top:8px;width:10px;height:10px;border-radius:50%}.appc-tile__name{font-size:12px;font-weight:600}.appc-accents{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.appc-sw{width:26px;height:26px;padding:0;border-radius:50%;border:2px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}.appc-sw[aria-pressed=true]{border-color:var(--text)}.appc-sw svg{width:14px;height:14px;color:#fff;display:block}.appc-sw--custom{position:relative;overflow:hidden;background:conic-gradient(from 0deg,#ff5a5a,#f2a13c,#35d07f,#19c1c1,#2f6feb,#7c6cff,#ff5c9d,#ff5a5a)}.appc-sw--custom input[type=color]{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);opacity:0;border:0;padding:0;cursor:pointer}.appc-note{color:var(--faint);font-size:12px;margin:2px 0 0}