:root{--bg:#0f1115;--card:#ffffff;--ink:#1a1d24;--muted:#6b7280;--border:#e6e8eb;--brand:#5b5bd6;--brand-ink:#ffffff;--instagram:linear-gradient(95deg,#f58529,#dd2a7b 50%,#8134af 90%);--tiktok:#000000;--danger:#d83a52;--success:#1f9d6b;--radius:16px;--shadow:0 10px 40px rgba(10,12,20,0.18)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:radial-gradient(1200px 600px at 50% -10%,#2a2f45 0,transparent 60%),var(--bg);display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:440px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:36px 32px 32px;text-align:center}.brand-row{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;margin-bottom:22px}.logo-dot{width:8px;height:8px;border-radius:50%;background:var(--brand)}.platform-badge{width:64px;height:64px;border-radius:18px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;color:#fff}.platform-badge.instagram{background:var(--instagram)}.platform-badge.tiktok{background:var(--tiktok)}.platform-badge svg{width:34px;height:34px}h1{font-size:22px;line-height:1.3;margin:0 0 8px;font-weight:700}.subtitle{color:var(--muted);font-size:15px;line-height:1.5;margin:0 0 26px}.subtitle strong{color:var(--ink)}.btn{width:100%;border:none;border-radius:12px;padding:14px 18px;font-size:15px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .04s ease,opacity .15s ease;color:#fff}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn svg{width:18px;height:18px}.btn.instagram{background:var(--instagram)}.btn.tiktok{background:var(--tiktok)}.btn.ghost{background:transparent;color:var(--brand);border:1px solid var(--border)}.account-list{list-style:none;margin:0 0 20px;padding:0;text-align:left;display:flex;flex-direction:column;gap:10px}.account-option{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease}.account-option:hover{border-color:var(--brand);background:#f7f7fe}.account-avatar{width:38px;height:38px;border-radius:50%;background:var(--instagram);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.account-meta{display:flex;flex-direction:column;min-width:0}.account-name{font-weight:600;font-size:15px}.account-sub{color:var(--muted);font-size:13px}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--brand);animation:spin .8s linear infinite;margin:8px auto 0}@keyframes spin{to{transform:rotate(1turn)}}.status-icon{width:56px;height:56px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.status-icon.success{background:rgba(31,157,107,.12);color:var(--success)}.status-icon.error{background:rgba(216,58,82,.1);color:var(--danger)}.status-icon svg{width:30px;height:30px}.error-text{color:var(--danger);font-size:14px;margin:14px 0 0}.footnote{margin-top:22px;color:var(--muted);font-size:12px;line-height:1.5}