:root{color-scheme:dark;--bg:#070a0f;--panel:#0b1118;--panel2:#101722;--line:#1c2a36;--soft:#131d27;--text:#edf6f8;--muted:#82929e;--cyan:#67e9f4;--green:#48e0a4;--amber:#f6c86b;--red:#ff7f91;--violet:#9991ff;--shadow:0 18px 60px rgba(0,0,0,.34)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif}button,input,select{font:inherit}button{color:inherit}.page{width:100%;padding:18px clamp(14px,1.5vw,26px) 36px}
.hero{position:relative;overflow:hidden;padding:22px 24px;border:1px solid #1c303b;border-radius:22px;background:linear-gradient(120deg,rgba(12,22,32,.98),rgba(8,13,20,.98));box-shadow:var(--shadow)}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.hero:before{width:430px;height:330px;left:-90px;top:-150px;background:radial-gradient(circle,rgba(61,225,238,.17),transparent 67%)}.hero:after{width:430px;height:330px;right:-100px;bottom:-170px;background:radial-gradient(circle,rgba(122,112,255,.13),transparent 68%)}
.hero-main{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:flex-start;gap:15px;min-width:0}.brand-mark{flex:0 0 auto;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#b5fbff,#5de4f1 42%,#7b8eff);color:#051117;font-size:20px;font-weight:950;box-shadow:0 10px 34px rgba(65,214,239,.26)}.eyebrow{display:flex;align-items:center;gap:8px;margin:1px 0 5px;color:#77dfe9;font-size:11px;font-weight:800;letter-spacing:.16em}.eyebrow:before{content:"";width:18px;height:1px;background:#6de8f3}h1{margin:0;font-size:clamp(23px,2.1vw,32px);letter-spacing:-.035em}.subtitle{margin:5px 0 0;color:#95a5b1;font-size:13px}.hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.live-pill,.ghost-btn,.primary-btn{min-height:36px;border-radius:11px;border:1px solid var(--line);background:#0b1119;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.live-pill{color:#a7b4bd;font-size:12px}.live-dot{width:7px;height:7px;border-radius:50%;background:#66717b;box-shadow:0 0 0 4px rgba(102,113,123,.08)}.live-pill.ready .live-dot{background:var(--green);box-shadow:0 0 0 4px rgba(72,224,164,.1),0 0 14px rgba(72,224,164,.55)}.live-pill.loading .live-dot{background:var(--amber);animation:pulse 1s infinite}.live-pill.error .live-dot{background:var(--red);box-shadow:0 0 12px rgba(255,127,145,.45)}@keyframes pulse{50%{opacity:.38}}.ghost-btn,.primary-btn{cursor:pointer;transition:.18s ease;font-size:12px;font-weight:750}.ghost-btn:hover{border-color:#344553;background:#111925}.primary-btn{border-color:rgba(86,222,240,.38);background:linear-gradient(135deg,rgba(72,210,229,.17),rgba(96,111,255,.17));color:#e5fdff}.primary-btn:hover{transform:translateY(-1px);border-color:rgba(86,222,240,.65)}button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}
.metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}.metric{min-height:76px;padding:12px 14px;border:1px solid rgba(40,57,70,.8);border-radius:14px;background:rgba(7,12,18,.58)}.metric-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#788793;font-size:10px}.metric-label span:last-child{color:#425564}.metric-value{margin-top:6px;font-size:23px;font-weight:850;letter-spacing:-.04em}.metric:nth-child(1) .metric-value{color:#d9f9fb}.metric:nth-child(2) .metric-value{color:#8beaf1}.metric:nth-child(3) .metric-value{color:#a9a4ff}.metric:nth-child(4) .metric-value{color:#f3cc7c}.metric:nth-child(5) .metric-value{color:#6fe4ad}
.workspace{margin-top:14px;border:1px solid var(--soft);border-radius:20px;background:#090d13;box-shadow:var(--shadow);overflow:hidden}.tabs-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid var(--soft);background:rgba(12,17,24,.93)}.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{height:36px;padding:0 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:#8795a1;cursor:pointer;white-space:nowrap;font-size:12px;font-weight:750}.tab:hover{color:#cad7dd;background:#111821}.tab.active{color:#effeff;border-color:rgba(87,222,235,.25);background:linear-gradient(135deg,rgba(69,220,234,.13),rgba(108,101,255,.12));box-shadow:inset 0 -2px 0 rgba(103,233,244,.55)}.refresh-note{color:#64727d;font-size:10px;white-space:nowrap}.toolbar{display:flex;align-items:center;gap:9px;min-height:54px;padding:9px 13px;border-bottom:1px solid var(--soft);background:#090e14;flex-wrap:wrap}.toolbar:empty{display:none}.toolbar-label{color:#687985;font-size:11px}.field{height:34px;border:1px solid #22303d;border-radius:9px;background:#0d141d;color:#cbd6dc;padding:0 10px;outline:none;font-size:12px}.field:focus{border-color:#437887;box-shadow:0 0 0 3px rgba(68,196,216,.08)}select.field{min-width:140px}input.field[type=search]{min-width:210px;flex:1 1 240px}.group-chips{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:thin;max-width:100%}.group-chip{height:32px;padding:0 11px;border:1px solid #21303c;border-radius:999px;background:#0c131b;color:#8d9ba6;cursor:pointer;white-space:nowrap;font-size:11px}.group-chip.active{color:#ddfbff;border-color:#3f7f89;background:#10242b}.privacy-badge,.tag{display:inline-flex;align-items:center;min-height:22px;padding:3px 7px;border:1px solid #263945;border-radius:999px;color:#8ca1ad;background:#0b141c;font-size:9px;font-weight:800}.tag.good{color:#6ee6ae;border-color:rgba(72,224,164,.25);background:rgba(72,224,164,.07)}.tag.warn{color:#f2c66e;border-color:rgba(246,200,107,.24);background:rgba(246,200,107,.07)}.tag.info{color:#7be8f1;border-color:rgba(103,233,244,.24);background:rgba(103,233,244,.07)}
.content{min-height:430px;padding:14px}.section{border:1px solid var(--soft);border-radius:15px;background:#0a0f16;overflow:hidden}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-bottom:1px solid var(--soft)}.section-title{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800}.section-title .signal{width:8px;height:8px;border-radius:3px;background:var(--cyan);box-shadow:0 0 12px rgba(103,233,244,.45)}.section-meta{color:#63727d;font-size:10px}.panel-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:13px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:13px}.side-stack{display:flex;flex-direction:column;gap:13px}.focus-card{padding:15px;border:1px solid #1c2a35;border-radius:15px;background:linear-gradient(145deg,#0f1721,#0a1017)}.focus-label{display:flex;align-items:center;justify-content:space-between;color:#7e8d98;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.focus-label b{color:#5ae4ac}.focus-title{margin:15px 0 6px;font-size:17px;font-weight:850}.focus-copy{color:#74838f;font-size:12px;line-height:1.65}.pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}.pipeline-step{position:relative;padding:11px;border:1px solid #1d2d39;border-radius:11px;background:#0b131b}.pipeline-step:after{content:"→";position:absolute;right:-9px;top:50%;z-index:2;color:#44606c;transform:translateY(-50%)}.pipeline-step:last-child:after{display:none}.pipeline-step b{display:block;font-size:11px}.pipeline-step span{display:block;margin-top:4px;color:#657782;font-size:9px}.health-list,.mini-list{display:flex;flex-direction:column}.health-row,.mini-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid #121b24}.health-row:last-child,.mini-row:last-child{border-bottom:0}.health-name,.mini-name{font-size:11px;font-weight:720}.health-value,.mini-value{color:#7de7ef;font-size:10px;font-weight:800}
.feed{display:flex;flex-direction:column}.event{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;padding:13px 14px;border-bottom:1px solid #121b24;transition:.18s ease}.event:last-child{border-bottom:0}.event:hover{background:#0d141d}.avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;overflow:hidden;border:1px solid #28414a;background:linear-gradient(145deg,#16303a,#151d2a);color:#70e5ee;font-weight:850}.avatar img{width:100%;height:100%;object-fit:cover}.event-line{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.handle{font-weight:820;color:#e9f5f7}.arrow{color:#4e6671}.target{color:#8eeaf1;font-weight:750}.action{font-size:9px;font-weight:850;padding:3px 6px;border:1px solid rgba(72,224,164,.24);border-radius:6px;color:#66e7ac;background:rgba(72,224,164,.07)}.action.unfollow{color:#ff91a0;border-color:rgba(255,127,145,.24);background:rgba(255,127,145,.07)}.event-sub{margin-top:4px;color:#71818d;font-size:11px;white-space:normal;overflow-wrap:anywhere}.event-time{text-align:right;color:#64737e;font-size:10px;white-space:nowrap;padding-top:3px}
.tweet-list{display:grid;gap:10px}.tweet-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;padding:14px;border:1px solid #172530;border-radius:14px;background:linear-gradient(145deg,#0c131c,#090e15)}.tweet-card:hover{border-color:#284250}.tweet-head{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.tweet-head b{font-size:12px}.tweet-handle{color:#6e818e;font-size:10px}.tweet-time{margin-top:4px;color:#627480;font-size:10px}.tweet-body{margin-top:10px;color:#c8d5da;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.tweet-zh{margin-top:9px;padding:9px 10px;border-left:2px solid #42cbd9;background:rgba(39,116,129,.08);color:#a9c4cc;font-size:11px;line-height:1.6}.tweet-stats{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;color:#677a85;font-size:9px}.tweet-link{align-self:start;padding:6px 8px;border:1px solid #243440;border-radius:8px;color:#8cdfea;text-decoration:none;font-size:10px}.tweet-link:hover{border-color:#4a7e89;color:#e4fcff}
.cards{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:11px}.project{position:relative;min-height:166px;border:1px solid #1b2a35;border-radius:15px;background:linear-gradient(150deg,#0d151e,#090e15);padding:15px;overflow:hidden}.project:after{content:"";position:absolute;width:120px;height:120px;right:-50px;top:-58px;border-radius:50%;background:radial-gradient(circle,rgba(83,222,235,.13),transparent 70%)}.rank{color:#50616e;font-size:9px;font-weight:900;letter-spacing:.12em}.project-head{display:flex;align-items:center;gap:10px;margin-top:10px}.project-name{font-size:14px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-handle{margin-top:2px;color:#6d7d88;font-size:10px}.score{margin-left:auto;min-width:50px;text-align:right;color:#74e9f1;font-size:20px;font-weight:900}.score small{display:block;color:#53636e;font-size:8px}.key-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:14px}.key{max-width:100%;padding:4px 7px;border:1px solid #233440;border-radius:7px;background:#0b1219;color:#93a4ae;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.common-table{width:100%;border-collapse:collapse}.common-table th{padding:10px 12px;text-align:left;color:#5e6f7b;font-size:10px;font-weight:700;border-bottom:1px solid #17212a}.common-table td{padding:12px;border-bottom:1px solid #121b24;font-size:11px}.common-table tr:hover td{background:#0d141c}.common-count{color:#84e9ef;font-weight:900}.table-scroll{overflow:auto}
.account-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px}.summary-card{padding:14px;border:1px solid #192833;border-radius:13px;background:#0a1118}.summary-card span{display:block;color:#71838e;font-size:10px}.summary-card b{display:block;margin-top:7px;font-size:19px}.settings-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:13px}.setting-toggle{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #1b2b36;border-radius:10px;background:#0b1219;color:#8da0ab;font-size:10px;cursor:pointer}.setting-toggle i{width:9px;height:9px;border-radius:50%;background:#46545d}.setting-toggle.on{color:#c9f8e5;border-color:rgba(72,224,164,.25);background:rgba(72,224,164,.06)}.setting-toggle.on i{background:var(--green);box-shadow:0 0 10px rgba(72,224,164,.55)}.account-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px}.account-row{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #172631;border-radius:11px;background:#0b1219;min-width:0}.account-main{min-width:0;flex:1}.account-main b{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis}.account-main small{display:block;margin-top:4px;color:#697b86;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-actions{display:flex;gap:5px;align-items:center}.mini-btn{height:28px;padding:0 8px;border:1px solid #243641;border-radius:8px;background:#0c151d;color:#8da3ad;cursor:pointer;font-size:9px}.mini-btn:hover{border-color:#467783;color:#d9f8fb}.mini-btn.danger:hover{border-color:#7f4650;color:#ffacb8}.empty-inline{padding:20px;color:#677a86;text-align:center;font-size:11px}
.pool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.pool-card{min-height:142px;border:1px solid #1b2a35;border-radius:16px;background:linear-gradient(145deg,#0e151f,#090e14);padding:16px}.pool-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#111e29;color:#6ee7f0;border:1px solid #243844;font-size:15px}.pool-number{margin-top:16px;font-size:27px;font-weight:900}.pool-name{margin-top:3px;color:#788893;font-size:11px}.pool-card.good .pool-number{color:#69e3aa}.pool-card.warn .pool-number{color:#f4c56c}.pool-card.bad .pool-number{color:#ff8798}.distribution{margin-top:12px;border:1px solid var(--soft);border-radius:15px;background:#0a0f16;padding:14px}.dist-row{display:grid;grid-template-columns:120px minmax(0,1fr) 42px;gap:10px;align-items:center;margin-top:10px;font-size:10px}.dist-label{color:#84949f}.bar{height:7px;border-radius:999px;background:#131e28;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#52dce8,#807cff)}
.manage-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:11px}.manage-card{display:flex;flex-direction:column;min-height:174px;padding:15px;border:1px solid #1a2a35;border-radius:14px;background:linear-gradient(145deg,#0d151e,#090e15)}.manage-icon{width:34px;height:34px;border:1px solid #29414c;border-radius:10px;display:grid;place-items:center;color:#73e8f0;background:#10202a}.manage-card h3{margin:13px 0 5px;font-size:13px}.manage-card p{margin:0;color:#71838e;font-size:10px;line-height:1.6;flex:1}.manage-link{margin-top:13px;align-self:flex-start;border:0;background:transparent;color:#7ee4ed;cursor:pointer;font-size:10px;padding:0}.manage-link:hover{color:#e7fdff}.architecture{margin-bottom:13px;padding:15px;border:1px solid #1c2d38;border-radius:14px;background:linear-gradient(100deg,rgba(21,70,78,.12),rgba(45,40,92,.1))}.architecture h3{margin:0 0 7px;font-size:13px}.architecture p{margin:0;color:#7f929d;font-size:11px;line-height:1.7}
.toolbar-spacer{flex:1 1 auto}.xpro-live{display:inline-flex;align-items:center;gap:7px;color:#d8fcff;font-size:11px;font-weight:850}.xpro-live i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(72,224,164,.65)}.xpro-new-btn{height:34px;padding:0 12px;border:1px solid rgba(72,224,164,.42);border-radius:999px;background:rgba(72,224,164,.1);color:#86efbe;cursor:pointer;font-size:10px;font-weight:850;box-shadow:0 0 18px rgba(72,224,164,.08)}.xpro-new-btn:hover{border-color:rgba(72,224,164,.72);background:rgba(72,224,164,.16);color:#dfffee}
.content.xpro-content{padding:0;min-height:620px;background:#06090d;overflow:hidden}.xpro-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(330px,1fr);align-items:stretch;overflow-x:auto;overscroll-behavior:contain;scroll-snap-type:x proximity;scrollbar-color:#263a48 #080c11}.xpro-column{--column-accent:var(--cyan);position:relative;min-width:0;border-right:1px solid #1c2832;background:#070b10;scroll-snap-align:start}.xpro-column:last-child{border-right:0}.xpro-column.accent-violet{--column-accent:var(--violet)}.xpro-column.accent-amber{--column-accent:var(--amber)}.xpro-column.accent-red{--column-accent:var(--red)}
.xpro-column-head{position:sticky;top:0;z-index:3;min-height:78px;padding:12px 10px 10px 13px;border-top:2px solid var(--column-accent);border-bottom:1px solid #1b2730;background:rgba(8,13,19,.97);display:flex;align-items:flex-start;justify-content:space-between;gap:10px;backdrop-filter:blur(10px)}.xpro-column-head span{display:block;color:#526672;font-size:8px;font-weight:900;letter-spacing:.13em}.xpro-column-head h2{margin:2px 0 0;font-size:17px;letter-spacing:-.03em}.xpro-column-head p{margin:3px 0 0;color:#6f808b;font-size:9px}.xpro-column-actions{display:flex;align-items:center;gap:4px}.xpro-column-actions b{min-width:26px;text-align:center;color:var(--column-accent);font-size:11px}.xpro-column-actions button{width:27px;height:27px;padding:0;border:1px solid #22313d;border-radius:8px;background:#0b1219;color:#82939e;cursor:pointer}.xpro-column-actions button:hover,.xpro-column-actions button.active{color:#e5fbfd;border-color:#456775;background:#12202a}
.xpro-filter{display:none;position:relative;z-index:2;padding:11px 12px;border-bottom:1px solid #22313c;background:#0b1118;grid-template-columns:1fr 1fr;gap:9px}.xpro-filter.show{display:grid}.xpro-filter-label{grid-column:1/-1;color:#8597a1;font-size:9px;font-weight:800}.xpro-segments{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.xpro-segments button{height:28px;border:1px solid #22313d;border-radius:7px;background:#0a1016;color:#71828e;cursor:pointer;font-size:9px}.xpro-segments button.active{border-color:rgba(72,224,164,.45);background:rgba(72,224,164,.1);color:#8cf0c1}.xpro-filter label{display:grid;gap:5px;color:#71838e;font-size:9px}.xpro-filter label.xpro-group-control{grid-column:1/-1}.xpro-filter select,.xpro-filter input{width:100%;height:31px;border:1px solid #263642;border-radius:7px;background:#070c12;color:#cbd9de;padding:0 8px;outline:none;font-size:10px}.xpro-filter input:focus,.xpro-filter select:focus{border-color:#477b87}.xpro-filter label:nth-last-of-type(1){grid-column:1/-1}.xpro-filter-note{grid-column:1/-1;color:#4f626e;font-size:8px}
.xpro-stream{height:clamp(560px,calc(100vh - 260px),880px);overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#213340 transparent}.xpro-tweet{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;padding:12px 11px;border-bottom:1px solid #17222b;background:#070b10;transition:background .15s ease}.xpro-tweet:hover{background:#0b1117}.xpro-tweet .avatar{width:36px;height:36px;border-radius:50%;font-size:11px}.xpro-tweet-main{min-width:0}.xpro-author{display:flex;align-items:baseline;gap:5px;min-width:0}.xpro-author b{max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.xpro-author span{max-width:32%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#74848e;font-size:9px}.xpro-author time{margin-left:auto;color:#5c6d77;font-size:8px;white-space:nowrap}.xpro-source{display:flex;align-items:center;gap:4px;margin-top:5px;flex-wrap:wrap}.xpro-source .tag{min-height:18px;padding:2px 5px;font-size:7px}.xpro-score{margin-left:auto;color:#71838d;font-size:8px}.xpro-text{margin-top:8px;color:#d3dde0;font-size:11.5px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.xpro-translation{margin-top:7px;padding:7px 8px;border-left:2px solid rgba(103,233,244,.6);background:rgba(64,172,187,.06);color:#94abb4;font-size:9px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.xpro-badges{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:8px}.xpro-token,.xpro-ca{display:inline-flex;align-items:center;max-width:100%;padding:3px 6px;border-radius:6px;font-size:8px;font-weight:850}.xpro-token{border:1px solid rgba(246,200,107,.3);background:rgba(246,200,107,.08);color:#f3ca76}.xpro-ca{border:1px solid rgba(72,224,164,.27);background:rgba(72,224,164,.07);color:#6fe3ad}.xpro-foot{display:flex;align-items:center;gap:13px;margin-top:9px;color:#5e707b;font-size:8px}.xpro-foot a{margin-left:auto;color:#73dce6;text-decoration:none}.xpro-foot a:hover{color:#dffcff}.xpro-paused,.xpro-empty{min-height:260px;display:grid;place-items:center;align-content:center;text-align:center;color:#71828c;font-size:11px}.xpro-paused small{margin-top:5px;color:#4f606a}.xpro-paused:before{content:"Ⅱ";width:42px;height:42px;margin-bottom:12px;border:1px solid #263845;border-radius:13px;display:grid;place-items:center;color:var(--column-accent);background:#0d151c}
.empty,.error-state{min-height:330px;display:grid;place-items:center;text-align:center;padding:40px;color:#667681}.empty-box{max-width:520px}.empty-icon{width:52px;height:52px;margin:0 auto 15px;border:1px solid #253642;border-radius:16px;display:grid;place-items:center;background:#0e151d;color:#5c7180;font-size:20px}.empty h3{margin:0 0 7px;color:#c9d5da;font-size:16px}.empty p{margin:0;line-height:1.65;font-size:12px}.skeleton{position:relative;overflow:hidden;background:#101821;border-radius:8px;min-height:14px}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.2s infinite}@keyframes shimmer{100%{transform:translateX(100%)}}
.config-modal{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(2,7,12,.72);backdrop-filter:blur(8px)}.config-modal.show{display:flex}.config-dialog{width:min(470px,100%);border:1px solid #2d5561;border-radius:16px;background:linear-gradient(145deg,#101a24,#080e15);box-shadow:0 26px 80px rgba(0,0,0,.48);padding:20px}.config-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.config-head h2{font-size:18px;margin:0;color:#e2f2f5}.config-head p{margin:7px 0 0;color:#8ca0ad;font-size:11px;line-height:1.6}.config-close{border:0;background:transparent;color:#9cb0ba;font-size:22px;cursor:pointer}.config-owner-hint,.config-meta{margin-top:12px;padding:9px 10px;border-radius:9px;color:#91a4ae;font-size:10px;line-height:1.65}.config-owner-hint{border:1px solid rgba(84,200,213,.28);background:rgba(28,106,116,.12)}.config-owner-hint strong{color:#72e1e9}.config-meta{background:#0a141d}.config-field{display:grid;gap:6px;margin-top:14px}.config-field label{color:#b7c9d0;font-size:11px}.config-field input{width:100%;border:1px solid #2a3b48;border-radius:9px;background:#071019;color:#e8f4f6;padding:10px 11px;outline:none}.config-field input:focus{border-color:#54c8d5}.config-status{min-height:18px;margin:14px 0 0;color:#93a7b0;font-size:11px;line-height:1.5}.config-status.error{color:#ff9d9d}.config-status.good{color:#6de8c4}.config-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.watch-flags{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.watch-flags label{display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #21323e;border-radius:8px;color:#8da1ac;font-size:10px}.toast{position:fixed;right:24px;bottom:24px;z-index:120;max-width:360px;padding:11px 14px;border:1px solid #2f5360;border-radius:10px;background:#0d1a23;color:#d9f8fb;box-shadow:0 16px 48px rgba(0,0,0,.4);font-size:11px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}
.xpro-sound-btn.active{border-color:rgba(72,224,164,.5);background:rgba(72,224,164,.1);color:#8cf0c1}.sound-dialog{width:min(560px,100%)}.sound-toggle{display:flex;align-items:flex-start;gap:10px;margin-top:15px;padding:12px;border:1px solid #263844;border-radius:11px;background:#09121a;color:#d5e4e8;font-size:12px}.sound-toggle input{margin-top:2px;accent-color:#48e0a4}.sound-toggle small{display:block;margin-top:4px;color:#71848f;font-size:10px;line-height:1.5}.sound-grid{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:14px}.sound-grid select,.sound-rule-add input,.sound-rule-add select{height:36px;border:1px solid #2a3b48;border-radius:9px;background:#071019;color:#e8f4f6;padding:0 10px;outline:none}.sound-grid label{grid-column:1/-1;color:#a8bdc5;font-size:10px}.sound-rule-title{margin-top:18px;color:#d8e8ec;font-size:12px;font-weight:850}.sound-rule-copy{margin-top:4px;color:#71848f;font-size:10px;line-height:1.5}.sound-rule-add{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:8px;margin-top:10px}.sound-rule-list{display:grid;gap:6px;margin-top:10px;max-height:170px;overflow:auto}.sound-rule{display:grid;grid-template-columns:minmax(0,1fr) 100px auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid #1d2d38;border-radius:8px;background:#091018;font-size:10px}.sound-rule span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cde1e6}.sound-rule b{color:#84e6ee}.sound-rule button{border:0;background:transparent;color:#ff91a0;cursor:pointer;font-size:9px}.sound-rule-empty{padding:11px;border:1px dashed #243641;border-radius:8px;color:#61737e;text-align:center;font-size:10px}
.xpro-column-head h2{font-size:18px}.xpro-column-head p{font-size:10px;line-height:1.4}.xpro-column-actions b{font-size:12px}.xpro-tweet{grid-template-columns:42px minmax(0,1fr);gap:11px;padding:15px 13px}.xpro-tweet .avatar{width:40px;height:40px;font-size:12px}.xpro-author{align-items:center;gap:6px;flex-wrap:wrap}.xpro-author b{max-width:38%;font-size:13px}.xpro-author span{max-width:28%;font-size:10px}.xpro-author time{font-size:9px}.xpro-author .xpro-kind{max-width:none;min-height:24px;padding:0 8px;border:1px solid rgba(72,224,164,.34);border-radius:999px;display:inline-flex;align-items:center;gap:4px;background:rgba(72,224,164,.1);color:#83edbb;font-size:9px;font-weight:900;white-space:nowrap}.xpro-kind i{font-style:normal;font-size:8px}.xpro-author .xpro-kind.kind-reply{border-color:rgba(103,233,244,.34);background:rgba(103,233,244,.09);color:#83eaf2}.xpro-author .xpro-kind.kind-repost{border-color:rgba(142,133,255,.34);background:rgba(142,133,255,.1);color:#aaa3ff}.xpro-author .xpro-kind.kind-quote{border-color:rgba(246,200,107,.36);background:rgba(246,200,107,.1);color:#f4cb79}.xpro-source{margin-top:7px}.xpro-source .tag{min-height:20px;padding:2px 6px;font-size:8px}.xpro-score{font-size:9px}.xpro-language-label{margin-top:11px;color:#657985;font-size:8px;font-weight:900;letter-spacing:.15em}.xpro-text{margin-top:9px;font-size:13.5px;line-height:1.62}.xpro-translation{margin-top:10px;padding:10px 11px;border:1px solid rgba(103,233,244,.2);border-left:2px solid rgba(103,233,244,.7);border-radius:0 9px 9px 0;background:linear-gradient(100deg,rgba(62,112,174,.11),rgba(35,98,105,.08));color:#bed0d6;font-size:12px;line-height:1.65}.xpro-translation span{display:block;margin-bottom:5px;color:#79e3ec;font-size:8px;font-weight:900;letter-spacing:.12em}.xpro-translation.pending{border-color:#293844;border-left-color:#516976;background:#0b1218;color:#70818b}.xpro-badges{margin-top:10px}.xpro-token,.xpro-ca{padding:4px 7px;font-size:9px}.xpro-foot{gap:15px;margin-top:11px;font-size:9.5px}
.xpro-standalone{margin:0;height:100vh;overflow:hidden;background:#06090d}.xpro-standalone-page{width:100%;height:100vh;min-height:0;overflow:hidden}.xpro-standalone .xpro-standalone-workspace{display:flex;flex-direction:column;width:100%;height:100vh;min-height:0;margin:0;overflow:hidden;border:0;border-radius:0;box-shadow:none}.xpro-standalone .tabs-bar{display:none}.xpro-standalone .toolbar{position:relative;z-index:20;flex:0 0 auto;min-height:50px;padding:7px 10px;border-bottom-color:#1b2933;background:rgba(7,12,17,.98);backdrop-filter:blur(12px)}.xpro-home-link{min-height:34px;padding:0 11px;border:1px solid #263945;border-radius:9px;display:inline-flex;align-items:center;color:#a9c3cc;background:#0b141c;text-decoration:none;font-size:10px;font-weight:800;white-space:nowrap}.xpro-home-link:hover{border-color:#477582;color:#e5fcff}.xpro-standalone .content.xpro-content{flex:1 1 0;height:0;min-height:0;overflow:hidden}.xpro-standalone .xpro-board{display:flex;width:100%;height:100%;min-height:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior:none}.xpro-standalone .xpro-column{display:flex;flex:1 0 330px;flex-direction:column;width:25vw;min-width:330px;height:100%;min-height:0;overflow:hidden}.xpro-standalone .xpro-column-head,.xpro-standalone .xpro-filter{flex:0 0 auto}.xpro-standalone .xpro-stream{flex:1 1 0;height:0;min-height:0;max-height:none;overflow-x:hidden;overflow-y:scroll;overscroll-behavior:none;contain:layout paint}.xpro-runtime-scaffold{display:none!important}
.ghost-btn{text-decoration:none}.overview-picker{position:relative}.overview-picker>summary{height:34px;min-width:150px;padding:0 12px;border:1px solid #28404d;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0d1720;color:#d6edf1;cursor:pointer;font-size:11px;font-weight:800;list-style:none}.overview-picker>summary::-webkit-details-marker{display:none}.overview-picker>summary:after{content:"⌄";color:#6c8792}.overview-picker[open]>summary{border-color:#4b8190;background:#11242c}.overview-picker-menu{position:absolute;z-index:30;top:40px;left:0;width:min(360px,calc(100vw - 40px));max-height:420px;overflow:auto;padding:10px;border:1px solid #31505d;border-radius:12px;background:#0b131b;box-shadow:0 20px 55px rgba(0,0,0,.55)}.overview-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 4px 9px;color:#d7e9ed;font-size:11px}.overview-picker-head a{color:#70dce7;text-decoration:none;font-size:9px}.overview-picker-menu>label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border-radius:8px;color:#a8bac1;font-size:10px;cursor:pointer}.overview-picker-menu>label:hover{background:#111d26}.overview-picker-menu input,.overview-filter-set input{accent-color:#57dce8}.overview-picker-menu small{color:#5f7580}.overview-picker-actions{display:flex;justify-content:flex-end;gap:6px;padding-top:8px;border-top:1px solid #182630}.overview-picker-actions button{height:28px;padding:0 9px;border:1px solid #253a46;border-radius:7px;background:#0c151d;color:#8da3ad;cursor:pointer;font-size:9px}.overview-filter-set{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:4px 7px;border:1px solid #1e303b;border-radius:10px;background:#0a1219}.overview-filter-set>span{padding:0 3px;color:#607681;font-size:9px;font-weight:850}.overview-filter-set label{display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:7px;color:#8fa4ad;font-size:9px;white-space:nowrap}.overview-filter-set label:has(input:checked){background:rgba(103,233,244,.09);color:#c9f8fc}.overview-filter-set.signal label:has(input:checked){background:rgba(72,224,164,.09);color:#a0efca}.overview-search{min-width:180px!important;flex:1 1 210px!important}.overview-feed-section{max-width:1440px;margin:0 auto}.overview-feed{display:grid;gap:9px;padding:12px}.overview-feed .tweet-card{background:#090f16}.overview-event{display:grid;grid-template-columns:42px 34px minmax(0,1fr);gap:10px;align-items:start;padding:13px 14px;border:1px solid #192a35;border-radius:13px;background:linear-gradient(145deg,#0d151d,#090e14)}.overview-event:hover{border-color:#31505d}.overview-event-icon{width:32px;height:32px;border:1px solid #2a4652;border-radius:9px;display:grid;place-items:center;color:#7fe5ed;background:#0f2029;font-size:10px;font-weight:900}.overview-event.event-following .overview-event-icon{color:#72e4aa;border-color:rgba(72,224,164,.3);background:rgba(72,224,164,.08)}.overview-event.event-avatar .overview-event-icon{color:#aaa3ff;border-color:rgba(153,145,255,.3);background:rgba(153,145,255,.08)}.overview-event-main{min-width:0}.group-tag{color:#b0aaff;border-color:rgba(153,145,255,.23);background:rgba(153,145,255,.07)}
@media(max-width:1180px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.cards,.manage-grid{grid-template-columns:repeat(2,minmax(230px,1fr))}.panel-grid,.overview-grid{grid-template-columns:1fr}.side-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.page{padding:10px 9px 26px}.hero{padding:16px}.hero-main{align-items:flex-start;flex-direction:column}.hero-actions{justify-content:flex-start}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs-bar{align-items:flex-start;flex-direction:column}.refresh-note{display:none}.cards,.manage-grid,.pool-grid,.account-summary,.account-list{grid-template-columns:1fr}.side-stack{display:flex}.event,.tweet-card{grid-template-columns:38px minmax(0,1fr)}.event-time,.tweet-link{grid-column:2;text-align:left}.pipeline{grid-template-columns:1fr}.pipeline-step:after{display:none}.common-table{min-width:650px}.xpro-board{grid-auto-columns:minmax(88vw,1fr)}.xpro-stream{height:calc(100vh - 235px);min-height:520px}.xpro-filter{grid-template-columns:1fr}.xpro-filter>*{grid-column:1!important}.overview-filter-set{width:100%}.overview-event{grid-template-columns:38px 30px minmax(0,1fr);padding:11px}.sound-rule-add{grid-template-columns:1fr}.toast{left:12px;right:12px;bottom:12px}}