:root{--c-primary:#8b5cf6;--c-accent-2:#a78bfa;--c-accent-rgb:139, 92, 246;--c-bg:#0d0d12;--c-surface:#16161d;--c-surface-alt:#1c1c25;--c-border:#ffffff14;--c-border-strong:#ffffff29;--c-text:#f2f2f6;--c-text-muted:#8c8ca3;--c-hover:#ffffff0a;--c-sider-bg:#111116;--c-header-bg:#16161d}:root[data-theme=violet]{--c-primary:#8b5cf6;--c-accent-2:#a78bfa;--c-accent-rgb:139, 92, 246}:root[data-theme=rose]{--c-primary:#ec4899;--c-accent-2:#f472b6;--c-accent-rgb:236, 72, 153}:root[data-theme=teal]{--c-primary:#14b8a6;--c-accent-2:#2dd4bf;--c-accent-rgb:20, 184, 166}:root[data-mode=dark]{--c-bg:#0d0d12;--c-surface:#16161d;--c-surface-alt:#1c1c25;--c-border:#ffffff14;--c-border-strong:#ffffff29;--c-text:#f2f2f6;--c-text-muted:#8c8ca3;--c-hover:#ffffff0a;--c-sider-bg:#111116;--c-header-bg:#16161d}:root[data-mode=light]{--c-bg:#f6f6f9;--c-surface:#fff;--c-surface-alt:#fff;--c-border:#0f0f1917;--c-border-strong:#0f0f192e;--c-text:#17171f;--c-text-muted:#64647a;--c-hover:#0f0f190a;--c-sider-bg:#fff;--c-header-bg:#fff}*{box-sizing:border-box}html,body{background:var(--c-bg);color:var(--c-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.theme-swatch{border:1.5px solid var(--c-border);background:var(--c-surface);cursor:pointer;text-align:left;border-radius:14px;flex-direction:column;gap:.6rem;padding:1rem;transition:border-color .15s,transform .1s;display:flex}.theme-swatch:hover{border-color:var(--c-border-strong)}.theme-swatch.selected{border-color:var(--c-primary);box-shadow:0 0 0 1px var(--c-primary)}.theme-swatch-preview{border-radius:8px;align-items:center;gap:6px;height:48px;padding:0 10px;display:flex}.theme-swatch-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px}.theme-swatch-name{color:var(--c-text);font-size:.85rem;font-weight:700}.theme-swatch-desc{color:var(--c-text-muted);font-size:.75rem}.mode-toggle{border:1px solid var(--c-border);border-radius:10px;gap:3px;padding:3px;display:inline-flex}.mode-toggle-btn{color:var(--c-text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;display:flex}.mode-toggle-btn.active{background:var(--c-primary);color:#fff}.plan-card{border:1.5px solid var(--c-border);background:var(--c-surface);border-radius:16px;flex-direction:column;gap:.75rem;padding:1.5rem;transition:border-color .15s,transform .15s;display:flex}.plan-card.current{border-color:var(--c-primary);box-shadow:0 0 0 1px var(--c-primary)}.plan-card:hover{transform:translateY(-2px)}