:root{--cyan:#21cfff;--cyan2:#70e2ff;--bg:#071522;--card:#0b273a;--line:rgba(112,226,255,.12);--muted:#8ea4b3;--green:#76e4b4;--red:#ff8b95;--amber:#ffc86b}
body.cc-shell{background:#071522;color:#f4f9fc}
.cc-main{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:46px 0 90px}
.cc-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:25px}
.cc-kicker{font-size:10px;color:#8be8fb;font-weight:800;letter-spacing:.13em}.cc-kicker i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px rgba(33,207,255,.6);margin-right:6px}
.cc-hero h1{font-size:51px;line-height:1;letter-spacing:-.05em;margin:10px 0 12px}.cc-hero h1 span{color:var(--cyan)}
.cc-hero p{max-width:720px;margin:0;color:#91a8b6;font-size:15px;line-height:1.65}
.cc-health{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:999px;color:#7892a2;font-size:10px}.cc-health.good{color:#8deabc}.cc-dot{width:7px;height:7px;border-radius:50%;background:#547486}.good .cc-dot{background:#65dfac;box-shadow:0 0 9px rgba(101,223,172,.5)}

.cc-auth-wall{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;padding:22px;border:1px solid var(--line);border-radius:25px;background:radial-gradient(circle at 15% 0,rgba(33,207,255,.08),transparent 32%),linear-gradient(145deg,rgba(12,39,58,.95),rgba(7,25,39,.96));box-shadow:0 25px 75px rgba(0,0,0,.16)}
.cc-auth-copy{padding:25px}.cc-overline{font-size:9px;color:var(--cyan);font-weight:900;letter-spacing:.14em}.cc-auth-copy h2{font-size:38px;letter-spacing:-.04em;margin:9px 0 10px}.cc-auth-copy>p{font-size:14px;line-height:1.7;color:#94a9b6;max-width:600px}
.cc-auth-benefits{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.cc-auth-benefits span{font-size:12px;color:#c1d0d8;padding:10px 12px;border:1px solid rgba(112,226,255,.08);border-radius:11px;background:rgba(255,255,255,.012)}
.cc-migration{margin-top:16px;padding:13px 14px;border:1px solid rgba(255,200,107,.16);border-radius:12px;background:rgba(255,200,107,.035)}.cc-migration b{font-size:11px;color:#ffd08a}.cc-migration p{font-size:10px;color:#9e8d72;margin:4px 0 0}
.cc-auth-card{padding:22px;border-radius:19px;border:1px solid rgba(112,226,255,.11);background:rgba(5,22,35,.72)}
.cc-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px}.cc-auth-tabs button{border:1px solid rgba(112,226,255,.08);border-radius:11px;background:rgba(255,255,255,.012);color:#7d97a6;padding:11px;font:800 11px Inter;cursor:pointer}.cc-auth-tabs button.active{color:#dff8ff;border-color:rgba(33,207,255,.22);background:rgba(33,207,255,.06)}
.cc-auth-card label{display:block;font-size:10px;font-weight:800;color:#8aa1af;margin:12px 0 6px}.cc-auth-card input{width:100%;min-height:48px;border:1px solid rgba(112,226,255,.12);border-radius:12px;background:#071d2d;color:white;padding:0 13px;font:500 13px Inter;outline:none}.cc-auth-card input:focus{border-color:rgba(33,207,255,.36);box-shadow:0 0 0 3px rgba(33,207,255,.05)}
.cc-auth-note{font-size:9px;line-height:1.55;color:#617c8c;margin:12px 0 0}.wide{width:100%;margin-top:17px}

.cc-accountbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px;padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.012)}.cc-accountbar span{display:block;color:#648091;font-size:8px;text-transform:uppercase;letter-spacing:.09em}.cc-accountbar b{display:block;font-size:11px;margin-top:2px}.cc-account-actions{display:flex;gap:8px;flex-wrap:wrap}
.cc-toolbar{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.012);margin-bottom:15px}.cc-add{display:flex;gap:8px}.cc-input{min-width:0;flex:1;min-height:48px;border-radius:12px;border:1px solid rgba(112,226,255,.12);background:#071d2d;color:white;padding:0 13px;font:500 12px Inter;outline:none}.cc-input:focus{border-color:rgba(33,207,255,.35)}
.cc-btn{min-height:44px;padding:0 14px;border-radius:11px;border:1px solid rgba(112,226,255,.12);background:rgba(255,255,255,.015);color:#b8c9d2;font:800 10px Inter;cursor:pointer}.cc-btn.primary{color:#051722;background:linear-gradient(135deg,#74e5fd,#26cfff);border-color:rgba(33,207,255,.25);box-shadow:0 9px 24px rgba(33,207,255,.12)}.cc-btn.secondary:hover{border-color:rgba(112,226,255,.25);color:white}.cc-btn:disabled{opacity:.5;cursor:not-allowed}.cc-toolbar-note{font-size:9px;color:#607d8e;margin-top:8px}.cc-actions{display:flex;justify-content:flex-end}
.cc-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.cc-stat{padding:16px;border:1px solid rgba(112,226,255,.09);border-radius:15px;background:rgba(255,255,255,.01)}.cc-stat span{display:block;color:#668393;font-size:8px;text-transform:uppercase;font-weight:800;letter-spacing:.07em}.cc-stat strong{display:block;font-size:26px;letter-spacing:-.04em;margin:4px 0}.cc-stat small{font-size:8.5px;color:#5d7888}.positive{color:#76e4b4!important}.negative{color:#ff8b95!important}.amber{color:#ffc86b!important}.cyan{color:#70e2ff!important}
.cc-attention{display:none;grid-template-columns:50px 1fr auto;gap:14px;align-items:center;padding:18px;border:1px solid rgba(112,226,255,.13);border-radius:18px;background:radial-gradient(circle at 0 50%,rgba(33,207,255,.08),transparent 26%),linear-gradient(145deg,rgba(11,39,58,.91),rgba(7,25,39,.93));margin:0 0 20px}.cc-attention.show{display:grid}.cc-attention-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(112,226,255,.15);color:var(--cyan);font-size:20px}.cc-attention-label{font-size:8px;color:var(--cyan);font-weight:900;letter-spacing:.1em}.cc-attention h2{font-size:18px;margin:3px 0 4px}.cc-attention p{font-size:10px;line-height:1.5;color:#7f98a7;margin:0}.cc-attention-channel{font-size:9px;color:#7f99a8;padding:7px 9px;border-radius:999px;border:1px solid rgba(112,226,255,.09)}
.cc-empty{text-align:center;padding:55px 20px;border:1px dashed rgba(112,226,255,.12);border-radius:19px;margin:19px 0}.cc-empty-icon{font-size:30px;color:var(--cyan)}.cc-empty h2{font-size:21px;margin:9px 0}.cc-empty p{max-width:610px;margin:0 auto;color:#758e9e;font-size:11px;line-height:1.6}
.cc-section-title{display:flex;justify-content:space-between;align-items:end;margin:25px 0 10px}.cc-section-title h2{font-size:20px;margin:0}.cc-section-title p{font-size:9px;color:#658091;margin:3px 0 0}
.cc-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cc-channel{position:relative;cursor:pointer;padding:17px;border:1px solid rgba(112,226,255,.09);border-radius:18px;background:linear-gradient(145deg,rgba(10,34,51,.85),rgba(7,25,38,.89));transition:.18s ease}.cc-channel:hover,.cc-channel.active{border-color:rgba(33,207,255,.23);transform:translateY(-2px);background:radial-gradient(circle at 100% 0,rgba(33,207,255,.08),transparent 37%),linear-gradient(145deg,rgba(12,43,63,.95),rgba(7,26,40,.96))}.cc-channel-top{display:flex;gap:12px;align-items:center;min-width:0}.cc-avatar{width:47px;height:47px;border-radius:50%;object-fit:cover;background:#0b2a3f;border:1px solid rgba(112,226,255,.13);flex:0 0 auto}.cc-channel-name{min-width:0}.cc-channel-name strong{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-channel-name span{display:block;color:#728c9c;font-size:10px;margin-top:2px}.cc-remove{position:absolute;right:13px;top:12px;border:0;background:none;color:#5c7788;font-size:15px;cursor:pointer;padding:5px}.cc-remove:hover{color:#ff8f98}.cc-channel-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.cc-mini{padding:11px;border-radius:12px;background:rgba(255,255,255,.015);border:1px solid rgba(112,226,255,.07)}.cc-mini span{display:block;color:#627f90;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.cc-mini b{display:block;font-size:14px;margin-top:4px;white-space:nowrap}.cc-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.cc-status{font-size:9px;font-weight:800;padding:6px 8px;border-radius:999px;border:1px solid rgba(112,226,255,.1);color:#8da8b7}.cc-status.winner{color:#7ce7b1;border-color:rgba(114,228,174,.18);background:rgba(114,228,174,.04)}.cc-status.drop{color:#ff8f98;border-color:rgba(255,121,132,.18);background:rgba(255,121,132,.04)}.cc-status.growth{color:#79e8ff;border-color:rgba(33,207,255,.2);background:rgba(33,207,255,.05)}.cc-open{font-size:10px;color:#8fe8fb;font-weight:800}
.cc-detail{display:none;margin-top:26px}.cc-detail.show{display:block}.cc-panel{padding:22px;border:1px solid rgba(112,226,255,.12);border-radius:22px;background:linear-gradient(145deg,rgba(10,36,54,.9),rgba(7,25,38,.94));margin-bottom:14px}.cc-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.cc-detail-title{display:flex;gap:13px;align-items:center}.cc-detail-title .cc-avatar{width:55px;height:55px}.cc-detail-title h2{font-size:24px;margin:0 0 3px;letter-spacing:-.035em}.cc-detail-title p{margin:0;color:#77909f;font-size:11px}.cc-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.cc-pill{font-size:9px;color:#91aaba;border:1px solid rgba(112,226,255,.09);border-radius:999px;padding:6px 8px;background:rgba(255,255,255,.012)}.cc-pill.hot{color:#82ecbb;border-color:rgba(114,228,174,.16)}.cc-pill.warn{color:#ffc977;border-color:rgba(255,198,109,.16)}
.cc-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cc-card{padding:20px;border:1px solid rgba(112,226,255,.1);border-radius:19px;background:rgba(6,27,42,.72)}.cc-card-label{font-size:9px;color:#62dbf6;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cc-card h3{font-size:18px;letter-spacing:-.02em;margin:6px 0 10px}.cc-topics{display:flex;gap:8px;flex-wrap:wrap}.cc-topic{padding:9px 11px;border:1px solid rgba(112,226,255,.1);border-radius:12px;background:rgba(255,255,255,.015)}.cc-topic b{display:block;font-size:11px}.cc-topic span{display:block;color:#6f8998;font-size:8px;margin-top:2px}.cc-winner{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit}.cc-winner img{width:112px;aspect-ratio:16/9;border-radius:10px;object-fit:cover;background:#0b2435}.cc-winner strong{display:block;font-size:12px;line-height:1.4}.cc-winner span{display:block;color:#69e5ff;font-size:11px;font-weight:800;margin-top:6px}.cc-history-note{font-size:10px;color:#698393;line-height:1.5;margin-top:11px}.cc-growthline{font-size:27px;font-weight:900;letter-spacing:-.04em;margin:5px 0}.cc-growthsub{font-size:10px;color:#6f8998}
.cc-chart{min-height:165px;margin-top:12px;border:1px solid rgba(112,226,255,.07);border-radius:13px;background:rgba(255,255,255,.01);padding:12px}.cc-chart-empty{height:140px;display:grid;place-items:center;text-align:center;color:#617d8d;font-size:10px;line-height:1.5}.cc-chart svg{display:block;width:100%;height:135px;overflow:visible}.cc-chart-labels{display:flex;justify-content:space-between;color:#617c8c;font-size:8px;margin-top:4px}
.cc-videos{overflow:hidden}.cc-video-head,.cc-video{display:grid;grid-template-columns:66px minmax(0,1fr) 95px 100px 90px;gap:12px;align-items:center}.cc-video-head{padding:0 10px 9px;color:#577486;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.cc-video{padding:11px 10px;border-top:1px solid rgba(112,226,255,.07);text-decoration:none;color:inherit}.cc-video:hover{background:rgba(33,207,255,.025)}.cc-video img{width:66px;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#0b2638}.cc-video-title{font-size:11px;font-weight:700;line-height:1.4;min-width:0}.cc-video-title span{display:block;color:#668191;font-size:8.5px;font-weight:500;margin-top:3px}.cc-num{font-size:10px;color:#a7bac4}.cc-index{display:inline-flex;font-size:9px;font-weight:900;padding:6px 8px;border-radius:9px;border:1px solid rgba(112,226,255,.09);color:#879fac;justify-content:center;min-width:62px}.cc-index.winner{color:#7be8b4;background:rgba(114,228,174,.05);border-color:rgba(114,228,174,.18)}.cc-index.low{color:#ff8f98;background:rgba(255,121,132,.045);border-color:rgba(255,121,132,.16)}
.cc-loading{display:none;padding:15px 18px;margin:0 0 16px;border:1px solid rgba(112,226,255,.1);border-radius:15px;color:#87a5b5;background:rgba(255,255,255,.015);font-size:11px}.cc-loading.show{display:flex;align-items:center;gap:10px}.cc-spinner{width:15px;height:15px;border-radius:50%;border:2px solid rgba(112,226,255,.14);border-top-color:var(--cyan);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cc-error{display:none;padding:13px 15px;border:1px solid rgba(255,121,132,.18);border-radius:13px;color:#ff9aa2;background:rgba(255,121,132,.035);font-size:11px;margin:12px 0}.cc-error.show{display:block}
@media(max-width:1000px){.cc-auth-wall{grid-template-columns:1fr}.cc-channel-grid{grid-template-columns:1fr 1fr}.cc-summary{grid-template-columns:1fr 1fr}.cc-detail-grid{grid-template-columns:1fr}.cc-hero{align-items:flex-start;flex-direction:column}.cc-health{align-self:flex-start}}
@media(max-width:700px){.cc-main{width:min(100% - 26px,1240px);padding-top:30px}.cc-hero h1{font-size:37px}.cc-hero p{font-size:14px}.cc-auth-copy{padding:10px}.cc-auth-copy h2{font-size:31px}.cc-auth-benefits{grid-template-columns:1fr}.cc-toolbar{grid-template-columns:1fr}.cc-add{flex-direction:column}.cc-actions{justify-content:stretch}.cc-actions .cc-btn{flex:1}.cc-channel-grid{grid-template-columns:1fr}.cc-summary{grid-template-columns:1fr 1fr}.cc-stat strong{font-size:23px}.cc-attention{grid-template-columns:auto 1fr}.cc-attention-channel{grid-column:2}.cc-detail-head{flex-direction:column}.cc-video-head{display:none}.cc-video{grid-template-columns:78px 1fr auto;gap:10px}.cc-video img{width:78px}.cc-video .views,.cc-video .vpd{display:none}.cc-index{min-width:55px}.cc-winner img{width:96px}.cc-accountbar{align-items:flex-start;flex-direction:column}}

.cc-alerts-panel{margin:0 0 22px;padding:18px;border:1px solid rgba(112,226,255,.1);border-radius:18px;background:rgba(255,255,255,.012)}
.cc-alerts-list{display:grid;gap:8px}
.cc-alert-item{display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:center;padding:12px;border:1px solid rgba(112,226,255,.08);border-radius:13px;background:rgba(6,27,42,.64)}
.cc-alert-item.unread{border-color:rgba(33,207,255,.18);background:rgba(33,207,255,.025)}
.cc-alert-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(112,226,255,.12);color:#72e6ff}
.cc-alert-item.high .cc-alert-icon{color:#ff9aa2;border-color:rgba(255,121,132,.16)}
.cc-alert-item.medium .cc-alert-icon{color:#ffd084;border-color:rgba(255,200,107,.16)}
.cc-alert-copy b{display:block;font-size:11px}
.cc-alert-copy span{display:block;font-size:9px;color:#668291;margin-top:2px}
.cc-alert-copy p{margin:4px 0 0;font-size:9.5px;line-height:1.45;color:#829aaa}
.cc-alert-read{font:800 8px Inter;border:0;background:none;color:#67dff8;cursor:pointer}
.cc-periods{display:flex;gap:6px;margin:12px 0}
.cc-period{min-height:34px;padding:0 11px;border-radius:9px;border:1px solid rgba(112,226,255,.09);background:rgba(255,255,255,.012);color:#6f8a9a;font:800 9px Inter;cursor:pointer}
.cc-period.active{color:#dffaff;border-color:rgba(33,207,255,.24);background:rgba(33,207,255,.06)}
.cc-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}
.cc-compare div{padding:9px;border-radius:10px;border:1px solid rgba(112,226,255,.07);background:rgba(255,255,255,.012)}
.cc-compare span{display:block;font-size:7.5px;color:#5d7888;text-transform:uppercase;font-weight:800;letter-spacing:.05em}
.cc-compare b{display:block;font-size:11px;margin-top:3px}
@media(max-width:700px){.cc-alert-item{grid-template-columns:34px 1fr}.cc-alert-read{grid-column:2;justify-self:start}.cc-compare{grid-template-columns:1fr}}