.sa-root{--sa-ink:#0a0a0a;--sa-white:#fff;--sa-blue:#2563eb;--sa-blue-deep:#1e40af;--sa-blue-wash:#eef2fe;--sa-blue-wash2:#e1e9fd;--sa-haze:#f5f6fa;--sa-haze2:#eff1f6;--sa-line:#e8e9f0;--sa-line-soft:#f0f1f6;--sa-t1:#0a0a0a;--sa-t2:#0a0a0e99;--sa-t3:#0a0a0e66;--sa-r:14px;--sa-r-lg:20px;--sa-shadow-sm:0 1px 2px #0a0c1e0d;--sa-shadow:0 2px 6px #0a0c1e0d, 0 14px 30px -18px #0a0c282e;--sa-shadow-blue:0 10px 28px -10px #2563eb80;--sa-ease:cubic-bezier(.22, 1, .36, 1);background:var(--sa-haze);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:15px;line-height:1.5}.sa-topbar{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--sa-line);background:#f5f6fae0;justify-content:space-between;align-items:center;gap:20px;padding:16px 32px;display:flex;position:sticky;top:0}.sa-greet h1{letter-spacing:-.025em;color:var(--sa-ink);font-family:Hanken Grotesk,system-ui,sans-serif;font-size:21px;font-weight:600;line-height:1.1}.sa-greet p{color:var(--sa-t2);margin-top:2px;font-size:13px}.sa-topbar-actions{align-items:center;gap:10px;display:flex}.sa-sync-btn{color:var(--sa-t1);background:var(--sa-white);border:1px solid var(--sa-line);cursor:pointer;border-radius:999px;align-items:center;gap:9px;padding:9px 15px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.sa-sync-btn:hover{box-shadow:var(--sa-shadow-sm);border-color:#cdd0db}.sa-sync-btn svg{color:var(--sa-blue)}.sa-sync-btn.spinning svg{animation:.8s linear infinite sa-spin}.sa-add-btn{background:var(--sa-blue);color:#fff;cursor:pointer;box-shadow:var(--sa-shadow-blue);border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-family:Hanken Grotesk,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.sa-add-btn:hover{background:var(--sa-blue-deep);transform:translateY(-1px)}.sa-content{width:100%;max-width:1320px;padding:24px 0 48px}.sa-profile-card{background:var(--sa-white);border:1px solid var(--sa-line);border-radius:var(--sa-r);grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:20px 22px;display:grid}.sa-pc-main{align-items:center;gap:14px;display:flex}.sa-pc-av{background:var(--sa-blue);color:#fff;border-radius:14px;flex-shrink:0;place-items:center;width:54px;height:54px;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:19px;font-weight:700;display:grid;overflow:hidden}.sa-pc-av img{object-fit:cover;width:100%;height:100%}.sa-pc-name{letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:9px;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:18px;font-weight:600;display:flex}.sa-pc-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--sa-blue-deep);background:var(--sa-blue-wash);border-radius:999px;padding:3px 9px;font-family:Hanken Grotesk,sans-serif;font-size:10.5px;font-weight:700}.sa-pc-handle{color:var(--sa-t3);margin-top:3px;font-size:12.5px}.sa-pc-stats{gap:28px;display:flex}.sa-pc-stat{text-align:center}.sa-pc-val{color:#1e40af;letter-spacing:-.03em;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:22px;font-weight:700}.sa-pc-lbl{color:var(--sa-t3);margin-top:1px;font-size:11.5px}.sa-pc-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sa-pc-sync{color:var(--sa-t3);font-family:Hanken Grotesk,system-ui,sans-serif;font-size:11px;font-weight:700}.sa-btn-ghost{background:var(--sa-white);color:var(--sa-t1);border:1px solid var(--sa-line);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-family:Hanken Grotesk,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.sa-btn-ghost:hover{border-color:var(--sa-ink);background:var(--sa-haze)}.sa-section-label{justify-content:space-between;align-items:flex-end;gap:20px;margin-top:4px;display:flex}.sa-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--sa-t3);margin-bottom:3px;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:10px;font-weight:700}.sa-section-title{letter-spacing:-.02em;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:16px;font-weight:600}.sa-section-note{color:var(--sa-t2);text-align:right;max-width:360px;font-size:12.5px;line-height:1.5}.sa-channels{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.sa-channel{background:var(--sa-white);border:1px solid var(--sa-line);border-radius:var(--sa-r);transition:all .2s var(--sa-ease);flex-direction:column;align-items:flex-start;gap:6px;padding:20px;display:flex}.sa-channel:hover{box-shadow:var(--sa-shadow);border-color:#dcdee8;transform:translateY(-2px)}.sa-channel--active{border-color:var(--sa-blue-wash2);background:var(--sa-blue-wash)}.sa-channel--active:hover{border-color:var(--sa-blue)}.sa-ch-top{justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:6px;display:flex}.sa-ch-icon{color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.sa-ch-menu-btn{width:28px;height:28px;color:var(--sa-t3);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:8px;place-items:center;transition:opacity .16s;display:grid}.sa-channel:hover .sa-ch-menu-btn{opacity:1}.sa-ch-menu-btn:hover{background:var(--sa-haze2);color:var(--sa-ink)}.sa-ch-name{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;width:100%;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:15.5px;font-weight:600;display:flex;overflow:hidden}.sa-ch-handle{color:var(--sa-t3);margin-bottom:6px;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:12px}.sa-ch-stats{gap:18px;width:100%;margin:8px 0;display:flex}.sa-ch-stat-val{color:#282828;letter-spacing:-.03em;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:17px;font-weight:700}.sa-ch-stat-lbl{color:#0f0f0f;margin-top:1px;font-size:12px}.sa-ch-foot{border-top:1px solid var(--sa-line-soft);justify-content:space-between;align-items:center;width:100%;margin-top:6px;padding-top:12px;display:flex}.sa-ch-sync{color:var(--sa-t3);align-items:center;gap:6px;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:11.5px;display:flex}.sa-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:6px;height:6px}.sa-ch-active-btn{cursor:pointer;background:var(--sa-haze2);color:var(--sa-t2);border:none;border-radius:999px;padding:5px 12px;font-family:Hanken Grotesk,sans-serif;font-size:11.5px;font-weight:600;transition:all .18s}.sa-ch-active-btn:hover{background:var(--sa-haze);color:var(--sa-ink)}.sa-ch-active-btn--on{background:var(--sa-blue);color:#fff}.sa-ch-active-btn--on:hover{background:var(--sa-blue-deep)}.sa-channel-add{cursor:pointer;color:var(--sa-t3);text-align:center;justify-content:center;align-items:center;gap:8px;min-height:180px;background:var(--sa-haze)!important;border-style:dashed!important;border-color:var(--sa-blue-deep)!important}.sa-channel-add:hover{border-color:var(--sa-blue)!important;background:var(--sa-blue-wash)!important;color:var(--sa-blue)!important}.sa-dropdown{z-index:30;border:1px solid var(--sa-line);background:var(--sa-white);border-radius:12px;width:172px;position:absolute;top:34px;right:0;overflow:hidden;box-shadow:0 8px 24px -8px #0a0c1e2e}.sa-dropdown-item{width:100%;color:var(--sa-t1);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:11px 14px;font-family:Hanken Grotesk,sans-serif;font-size:13.5px;font-weight:500;transition:background .14s;display:flex}.sa-dropdown-item:hover{background:var(--sa-haze)}.sa-dropdown-item--danger{color:#ef4444}.sa-dropdown-item--danger:hover{background:#fff5f5}.sa-dropdown-item:disabled{opacity:.5;cursor:not-allowed}.sa-dropdown-sep{border-top:1px solid var(--sa-line-soft)}.sa-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0a0a1473;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sa-modal{background:var(--sa-white);border:1px solid var(--sa-line);border-radius:20px;width:100%;max-width:460px;padding:28px;box-shadow:0 20px 60px -20px #0a0c2852}.sa-modal-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.sa-modal-title{letter-spacing:-.025em;color:var(--sa-ink);font-family:Hanken Grotesk,system-ui,sans-serif;font-size:17px;font-weight:600}.sa-modal-close{background:var(--sa-haze);width:32px;height:32px;color:var(--sa-t2);cursor:pointer;border:none;border-radius:8px;place-items:center;transition:all .16s;display:grid}.sa-modal-close:hover{background:var(--sa-haze2);color:var(--sa-ink)}.sa-modal-label{letter-spacing:.12em;text-transform:uppercase;color:var(--sa-t3);margin-bottom:8px;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:10px;font-weight:700;display:block}.sa-plat-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px;display:grid}.sa-plat-btn{border:1px solid var(--sa-line);background:var(--sa-white);cursor:pointer;color:var(--sa-t2);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;font-family:Hanken Grotesk,sans-serif;font-size:11.5px;font-weight:500;transition:all .18s;display:flex}.sa-plat-btn:hover{background:var(--sa-haze);border-color:#cdd0db}.sa-plat-btn.active{border-color:var(--sa-blue);background:var(--sa-blue-wash);color:var(--sa-blue-deep)}.sa-plat-icon{color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.sa-input{border:1px solid var(--sa-line);background:var(--sa-haze);width:100%;color:var(--sa-ink);box-sizing:border-box;border-radius:10px;outline:none;padding:11px 14px;font-family:Hanken Grotesk,sans-serif;font-size:14px;transition:all .2s}.sa-input:focus{border-color:var(--sa-blue);box-shadow:0 0 0 4px var(--sa-blue-wash);background:#fff}.sa-input::placeholder{color:var(--sa-t3)}.sa-modal-foot{gap:10px;margin-top:22px;display:flex}.sa-btn-cancel{border:1px solid var(--sa-line);background:var(--sa-white);color:var(--sa-t1);cursor:pointer;border-radius:999px;flex:1;padding:12px 16px;font-family:Hanken Grotesk,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.sa-btn-cancel:hover{border-color:var(--sa-ink);background:var(--sa-haze)}.sa-btn-connect{background:var(--sa-blue);color:#fff;cursor:pointer;box-shadow:var(--sa-shadow-blue);border:none;border-radius:999px;flex:2;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-family:Hanken Grotesk,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex}.sa-btn-connect:hover:not(:disabled){background:var(--sa-blue-deep);transform:translateY(-1px)}.sa-btn-connect:disabled{opacity:.65;cursor:not-allowed}.sa-empty{background:var(--sa-white);border:1px dashed var(--sa-line);border-radius:var(--sa-r-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:64px 32px;display:flex}.sa-empty-icon{background:var(--sa-blue-wash);width:60px;height:60px;color:var(--sa-blue);border-radius:18px;place-items:center;margin-bottom:12px;display:grid}.sa-empty-title{font-family:Hanken Grotesk,system-ui,sans-serif;font-size:16px;font-weight:600}.sa-empty-sub{color:var(--sa-t2);max-width:320px;margin-top:4px;font-size:13.5px;line-height:1.55}.sa-btn-add-first{background:var(--sa-blue);color:#fff;cursor:pointer;box-shadow:var(--sa-shadow-blue);border:none;border-radius:999px;align-items:center;gap:8px;margin-top:18px;padding:11px 20px;font-family:Hanken Grotesk,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.sa-btn-add-first:hover{background:var(--sa-blue-deep);transform:translateY(-1px)}.sa-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:300px;display:flex}.sa-loading p{color:var(--sa-t3);font-size:13.5px}@keyframes sa-spin{to{transform:rotate(360deg)}}.sa-spin{animation:.8s linear infinite sa-spin}@media (max-width:1080px){.sa-channels{grid-template-columns:repeat(2,1fr)}.sa-profile-card{grid-template-columns:1fr;gap:16px}.sa-pc-stats{justify-content:flex-start}.sa-section-note{text-align:left}}@media (max-width:860px){.sa-topbar{padding:14px 18px}.sa-content{padding:18px 8px 40px}}@media (max-width:600px){.sa-channels{grid-template-columns:1fr}.sa-section-label{flex-direction:column;align-items:flex-start;gap:8px}.sa-greet h1{font-size:18px}}.mono{font-family:Hanken Grotesk,system-ui,sans-serif}