:root{--bg: #0e0b1a;--surface: #17132a;--surface-2: #1e1836;--text: #f1eefa;--text-muted: #9a93b8;--accent: #8b5cf6;--accent-bright: #c084fc;--border: rgba(196, 181, 253, .14)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif}.mono{font-family:JetBrains Mono,monospace}.display{font-family:Space Grotesk,sans-serif}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}.btn-connect{background:linear-gradient(135deg,var(--accent),var(--accent-bright));color:var(--bg);font-weight:700;font-size:.92rem;padding:.7rem 1.2rem;border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;transition:transform .2s}.btn-connect:hover{transform:translateY(-2px)}.secondary-button{background:#8b5cf61a;border:1px solid var(--border);border-radius:10px;color:var(--accent-bright);cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;padding:.65rem 1rem;transition:background .2s,border-color .2s,transform .2s}.secondary-button:hover:not(:disabled){background:#8b5cf62e;border-color:#c4b5fd47;transform:translateY(-1px)}.secondary-button:disabled{cursor:not-allowed;opacity:.62}.composer-box{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px}.platform-chips{display:flex;gap:8px;flex-wrap:wrap}.chip{font-family:JetBrains Mono,monospace;font-size:.7rem;padding:5px 10px;border-radius:999px;border:1px solid var(--border);color:var(--text-muted);background:transparent}.chip.active{border-color:var(--accent);color:var(--accent-bright);background:#8b5cf614}.preview-card-static{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:16px;font-size:.85rem}.preview-card-static .pc-label{font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--accent-bright);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;display:flex;align-items:center;gap:6px}.preview-card-static .pc-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-bright)}.nav-tabs{display:flex;gap:1.5rem;padding:1.25rem 6vw;border-bottom:1px solid var(--border)}.nav-tabs button{background:transparent;border:none;color:var(--text-muted);font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;padding:.4rem 0}.nav-tabs button.active{color:var(--accent-bright);border-bottom:2px solid var(--accent-bright)}