/* 경쟁채널 분석 frame (2026-10-18 v2): top bar, 홈 (community front page), 영상 찾기, 경쟁채널 분석 head,
   지금 오르는 영상, 실시간 측정 page. One ink colour, one hairline, one card radius; colour only where it means
   something (a state, a rank). */
#competitorAnalysisPage.cs-on{--cs-ink:#111a2c;--cs-ink2:#2b364b;--cs-sub:#5d687c;--cs-mute:#9aa3b2;--cs-hair:#e6e9ef;--cs-line:#eef0f4;--cs-wash:#f5f6f8;--cs-up:#0a7f80;--cs-r:16px;--cs-card:0 1px 2px rgba(17,26,44,.04),0 8px 24px rgba(17,26,44,.04);background:#f2f4f7;font-feature-settings:"tnum"}

/* the old title blocks and back links give way to the bar */
#competitorAnalysisPage.cs-on .competitor-youtube-home-head,
#competitorAnalysisPage.cs-on .competitor-back-button,
#competitorAnalysisPage.cs-on .competitor-view-back{display:none!important}
#competitorAnalysisPage .cs-bar[hidden]{display:none}

/* ---------- top bar ---------- */
.cs-bar{position:sticky;top:0;z-index:30;margin:0 0 20px;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(14px);border:1px solid var(--cs-hair);border-radius:14px;box-shadow:0 4px 16px rgba(17,26,44,.05)}
.cs-bar-in{display:flex;align-items:center;gap:6px;height:54px;padding:0 10px 0 18px}
.cs-title{display:flex;align-items:center;gap:8px;flex:none;padding-right:18px;margin-right:6px;border-right:1px solid var(--cs-hair);height:22px;white-space:nowrap}
.cs-title strong{font-size:15px;font-weight:900;letter-spacing:-.03em;color:var(--cs-ink)}
.cs-title span{color:#c8ced8;font-size:13px}
.cs-crumb{padding:0;border:0;background:none;font:inherit;font-size:13px;font-weight:700;color:var(--cs-mute);cursor:pointer}
.cs-crumb:hover{color:var(--cs-ink)}
.cs-nav{display:flex;align-self:stretch;gap:0;min-width:0}
.cs-nav :is(button,a){display:inline-flex;align-items:center;text-decoration:none;position:relative;height:100%;padding:0 14px;border:0;background:none;font:inherit;font-size:13.5px;font-weight:700;color:var(--cs-sub);cursor:pointer;white-space:nowrap;transition:color .15s}
.cs-nav :is(button,a):hover{color:var(--cs-ink)}
.cs-nav :is(button,a).is-on{color:var(--cs-ink);font-weight:900}
.cs-nav :is(button,a).is-on::after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;border-radius:2px;background:var(--cs-ink)}
.cs-new{margin-left:auto;flex:none;height:34px;padding:0 14px;border:0;border-radius:10px;background:var(--cs-ink);color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;transition:background .15s}
.cs-new:hover{background:#26334b}
.cs-new.is-on{box-shadow:0 0 0 3px rgba(17,26,44,.14)}

/* ---------- page heads ---------- */
.cs-page-head{display:flex;align-items:flex-end;gap:16px;margin:0 2px 16px}
.cs-page-head>div:first-child{min-width:0}
.cs-kick{display:block;font-size:12px;font-weight:700;color:var(--cs-mute);margin-bottom:4px}
.cs-page-head h1{margin:0;font-size:24px;line-height:1.25;letter-spacing:-.035em;color:var(--cs-ink)}
.cs-inline{display:flex;gap:18px;margin:8px 0 0}
.cs-inline div{display:flex;align-items:baseline;gap:6px}
.cs-inline dt{font-size:12px;font-weight:700;color:var(--cs-mute)}.cs-inline dd{margin:0;font-size:14.5px;font-weight:900;color:var(--cs-ink)}
.cs-head-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}

/* 지금 오르는 영상 and 실시간 측정: two buttons of one size */
.rs-rise-btn,.cs-live-btn{display:inline-flex;align-items:center;gap:9px;height:38px;max-width:100%;min-width:0;padding:0 12px 0 8px;border:1px solid var(--cs-hair,#e6e9ef);border-radius:11px;background:#fff;box-shadow:0 1px 2px rgba(17,26,44,.04);font:inherit;font-size:13px;font-weight:800;color:var(--cs-ink,#111a2c);cursor:pointer;white-space:nowrap;transition:border-color .15s,box-shadow .15s}
.rs-rise-btn:hover,.cs-live-btn:hover{border-color:#cdd3dc;box-shadow:0 4px 12px rgba(17,26,44,.07)}
.cs-live-btn{padding:0 13px 0 11px}
.cs-live-btn svg{width:16px;height:16px;color:var(--cs-sub)}
.rs-rise-faces{display:flex}
.rs-rise-faces span{width:28px;height:20px;border-radius:5px;background:#1b2741 center/cover;border:2px solid #fff;box-shadow:0 1px 2px rgba(17,26,44,.2)}
.rs-rise-faces span+span{margin-left:-9px}
.rs-rise-label{min-width:0;overflow:hidden;text-overflow:ellipsis}
.rs-rise-btn b{min-width:22px;height:22px;padding:0 6px;border-radius:6px;background:var(--cs-ink,#111a2c);color:#fff;font-size:11.5px;display:grid;place-items:center}
.rs-rise-btn.is-empty{cursor:default;color:#9aa3b2;box-shadow:none}
.rs-rise-btn.is-empty b{background:#eef0f4;color:#9aa3b2}
.rs-rise-ico{width:20px;height:20px;border-radius:6px;background:#eef0f4;display:grid;place-items:center;font-size:11px}
.modal.rs-rise-modal{width:min(1120px,calc(100vw - 40px));max-height:calc(100vh - 48px);display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#f3f5f8}
.rs-rise-head{padding:16px 22px;background:#fff;border-bottom:1px solid #e6e9ef}
.rs-rise-head h2{margin:0;font-size:18px;letter-spacing:-.025em}.rs-rise-head p{margin:3px 0 0;font-size:12.5px;font-weight:700;color:#9aa3b2}
.rs-rise-body{padding:18px 22px 24px;overflow:auto;display:grid;gap:20px}
.rs-rise-body h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:14px;letter-spacing:-.01em}
.rs-rise-body h3 em{font-style:normal;font-size:12px;font-weight:800;color:#9aa3b2}
.rs-dot{width:8px;height:8px;border-radius:50%;background:#0a7f80}.rs-dot.is-re,.rs-dot.is-early{background:#3a5bd9}.rs-dot.is-late{background:#6a4fd6}
.rs-rise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rs-rise-card{display:grid;gap:6px;padding:10px;border:1px solid rgba(17,26,44,.05);border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(17,26,44,.04);font:inherit;text-align:left;cursor:pointer;transition:transform .15s,box-shadow .15s}
.rs-rise-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(17,26,44,.08)}
.rs-rise-thumb{position:relative;aspect-ratio:16/9;border-radius:10px;background:#1b2741 center/cover}
.rs-rise-thumb em{position:absolute;right:7px;bottom:7px;height:20px;padding:0 7px;border-radius:6px;background:rgba(8,12,20,.82);color:#fff;font-style:normal;font-size:11px;font-weight:900;display:flex;align-items:center}
.rs-rise-card b{font-size:13px;line-height:1.42;color:#111a2c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rs-rise-card small{font-size:11.5px;font-weight:700;color:#9aa3b2}
.rs-rise-empty{margin:0;color:#9aa3b2}

/* ---------- 홈: a community front page ---------- */
#competitorAnalysisPage.cs-on #competitorLegacyDashboard{display:block}
#competitorAnalysisPage.cs-on #competitorLegacyDashboard[hidden]{display:none}
#competitorAnalysisPage.cs-on #competitorLegacyDashboard>:not([data-cs-home]){display:none!important}
.ch{display:grid;gap:16px}
.ch-top{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:stretch}
.ch-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.ch-box{min-width:0;border-radius:var(--cs-r);background:#fff;border:1px solid var(--cs-hair);box-shadow:var(--cs-card);overflow:hidden}
.ch-box>header{display:flex;align-items:center;gap:10px;height:48px;padding:0 10px 0 18px;border-bottom:1px solid var(--cs-line)}
.ch-box h2{margin:0;font-size:14.5px;font-weight:900;letter-spacing:-.025em;color:var(--cs-ink);white-space:nowrap}
.ch-sub{font-size:11.5px;font-weight:700;color:var(--cs-mute);white-space:nowrap}
.ch-more{display:inline-flex;align-items:center;gap:3px;height:28px;padding:0 9px;border:0;border-radius:8px;background:none;font:inherit;font-size:12px;font-weight:700;color:var(--cs-sub);cursor:pointer;white-space:nowrap}
.ch-box>header .ch-more:first-of-type{margin-left:auto}
.ch-more span{font-size:14px;line-height:1;color:var(--cs-mute)}
.ch-more:hover{background:var(--cs-wash);color:var(--cs-ink)}
.ch-more.is-live{color:var(--cs-ink);background:var(--cs-wash)}
.ch-more.is-live:hover{background:#eceff3}
.ch-empty{margin:0;padding:34px 18px;text-align:center;color:var(--cs-mute);font-weight:800}

/* ranked rows */
.ch-ranks{display:grid;padding:4px 0}
.ch-rank{display:grid;grid-template-columns:20px 64px minmax(0,1fr) auto 62px;gap:12px;align-items:center;min-height:52px;padding:6px 16px 6px 14px;border:0;background:none;font:inherit;text-align:left;cursor:pointer;transition:background .12s}
.ch-rank+.ch-rank{border-top:1px solid var(--cs-line)}
.ch-rank:hover,.ch-line:hover,.ch-work:hover{background:#f8f9fb}
.ch-rank>em,.ch-topics em{font-style:normal;font-size:13px;font-weight:900;color:var(--cs-mute);text-align:center}
.ch-rank>em.is-top,.ch-topics em.is-top{color:var(--cs-ink)}
.ch-th{display:block;width:64px;aspect-ratio:16/9;border-radius:7px;background:#1b2741 center/cover}
.ch-th.sm{width:56px}
.ch-tx{display:grid;gap:2px;min-width:0}
.ch-tx b{font-size:13.5px;font-weight:700;line-height:1.38;color:var(--cs-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-tx small{font-size:11.5px;font-weight:600;color:var(--cs-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-state{height:22px;padding:0 8px;border-radius:6px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;white-space:nowrap;background:#eef0f4;color:var(--cs-sub)}
.ch-state.is-push{background:#e2f2f1;color:#0a6f70}
.ch-state.is-re,.ch-state.is-early{background:#e8edfb;color:#3550c4}
.ch-state.is-late{background:#efebfb;color:#5e45c4}
.ch-num{font-size:12.5px;font-weight:800;color:var(--cs-up);text-align:right;white-space:nowrap}

/* topics: rank, name and a thin bar */
.ch-topics{list-style:none;margin:0;padding:6px 0}
.ch-topics li{display:grid;grid-template-columns:20px minmax(0,1fr) 30% 26px;column-gap:12px;align-items:center;min-height:40px;padding:0 18px 0 14px}
.ch-topics li+li{border-top:1px solid var(--cs-line)}
.ch-topics span{font-size:13.5px;font-weight:700;color:var(--cs-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-topics i{height:6px;border-radius:3px;background:linear-gradient(90deg,#c9d0db,#9aa3b2);justify-self:start}
.ch-topics li:nth-child(-n+3) i{background:linear-gradient(90deg,#5d687c,#111a2c)}
.ch-topics b{justify-self:end;font-size:12px;font-weight:800;color:var(--cs-sub)}
.ch-ranks.is-loading .ch-rank{cursor:default;grid-template-columns:20px 64px minmax(0,1fr)}
.ch-ranks.is-loading :is(em,.ch-th,b,small){display:block;border-radius:6px;background:linear-gradient(90deg,#eef0f4 25%,#f7f8fa 50%,#eef0f4 75%);background-size:200% 100%;animation:competitor-ai-summary-shimmer 1.4s linear infinite}
.ch-ranks.is-loading em{width:14px;height:14px}.ch-ranks.is-loading b{height:12px;width:78%}.ch-ranks.is-loading small{height:9px;width:40%;margin-top:4px}

/* card grid */
.ch-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;padding:14px 16px 16px}
.ch-card{display:grid;gap:5px;min-width:0;padding:0;border:0;background:none;font:inherit;text-align:left;cursor:pointer}
.ch-cth{position:relative;display:block;aspect-ratio:16/9;border-radius:10px;background:#1b2741 center/cover;transition:transform .15s,box-shadow .15s}
.ch-card:hover .ch-cth{transform:translateY(-2px);box-shadow:0 8px 18px rgba(17,26,44,.14)}
.ch-cth em{position:absolute;left:7px;bottom:7px;height:20px;padding:0 7px;border-radius:6px;background:rgba(8,12,20,.82);color:#fff;font-style:normal;font-size:11px;font-weight:900;display:flex;align-items:center}
.ch-card b{margin-top:3px;font-size:13px;font-weight:700;line-height:1.42;color:var(--cs-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ch-card small{font-size:11.5px;font-weight:600;color:var(--cs-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* plain lists */
.ch-lines,.ch-works{display:grid;padding:4px 0}
.ch-line,.ch-work{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:48px;padding:6px 16px;border:0;background:none;font:inherit;text-align:left;cursor:pointer;transition:background .12s}
.ch-line+.ch-line,.ch-work+.ch-work{border-top:1px solid var(--cs-line)}
.ch-line .ch-num{color:var(--cs-sub);font-weight:700;font-size:12px}
.ch-work{grid-template-columns:40px minmax(0,1fr) 12px}
.ch-work>span:last-child{color:var(--cs-mute)}
.ch-kind{height:22px;border-radius:6px;background:#eef0f4;color:var(--cs-sub);font-size:11px;font-weight:800;display:grid;place-items:center}
.ch-kind.is-find{background:#111a2c;color:#fff}

/* ---------- 영상 찾기 ---------- */
.kw-page{display:grid;gap:16px}
.kw-head h1{margin:0;font-size:24px;letter-spacing:-.035em;color:var(--cs-ink,#111a2c)}
.kw-kick{display:block;font-size:12px;font-weight:700;color:#9aa3b2;margin-bottom:4px}
.kw-head p{margin:5px 0 0;font-size:13px;font-weight:600;color:#5d687c}
.kw-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 8px 8px 16px;border-radius:14px;background:#fff;border:1px solid var(--cs-hair,#e6e9ef);box-shadow:var(--cs-card)}
.kw-form:focus-within{border-color:#111a2c}
.kw-ico{color:#9aa3b2;font-size:16px}
.kw-form input{flex:1;min-width:180px;height:38px;border:0;background:none;font:inherit;font-size:14.5px;font-weight:700;color:#111a2c;outline:none}
.kw-seg{display:flex;padding:3px;border-radius:10px;background:#eef0f4}
.kw-seg button{height:28px;padding:0 11px;border:0;border-radius:8px;background:none;font:inherit;font-size:12.5px;font-weight:700;color:#5d687c;cursor:pointer;transition:background .15s,color .15s}
.kw-seg button.on{background:#fff;color:#111a2c;font-weight:800;box-shadow:0 1px 3px rgba(17,26,44,.12)}
.kw-go{height:38px;padding:0 20px;border:0;border-radius:10px;background:#111a2c;color:#fff;font:inherit;font-size:13.5px;font-weight:800;cursor:pointer}
.kw-go:disabled{opacity:.45;cursor:default}
.kw-recent{display:flex;flex-wrap:wrap;gap:6px}
.kw-recent button{height:28px;padding:0 11px;border-radius:999px;background:#fff;border:1px solid #e6e9ef;font:inherit;font-size:12px;font-weight:700;color:#5d687c;cursor:pointer}
.kw-recent b{color:#111a2c;margin-left:4px}
.kw-progress{padding:16px 18px;border-radius:14px;background:#fff;border:1px solid #e6e9ef}
.kw-fail{margin:0;padding:12px 14px;border-radius:12px;background:#fbecef;color:#c24461;font-size:13px;font-weight:700}
.kw-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-radius:14px;background:#fff;border:1px solid #e6e9ef;box-shadow:var(--cs-card);overflow:hidden}
.kw-tile{padding:14px 18px;display:grid;gap:4px;min-width:0}
.kw-tile+.kw-tile{border-left:1px solid #eef0f4}
.kw-tile span{font-size:12px;font-weight:700;color:#9aa3b2}.kw-tile b{font-size:22px;letter-spacing:-.03em;color:#111a2c}.kw-tile b em{font-style:normal;font-size:14px;color:#9aa3b2;margin-left:3px}.kw-tile small{font-size:12px;font-weight:700;color:#5d687c}
.kw-verdicts{display:flex;flex-wrap:wrap;gap:6px}
.kw-key{height:26px;padding:0 10px;border-radius:999px;background:#fff;border:1px solid #e6e9ef;font-size:12px;font-weight:700;color:#5d687c;display:flex;align-items:center;gap:6px}.kw-key b{color:#111a2c}
.kw-list-head{display:flex;align-items:center;gap:10px;margin-top:4px}.kw-list-head h2{margin:0;font-size:15.5px;letter-spacing:-.02em}.kw-list-head .kw-seg{margin-left:auto}
.kw-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}
.kw-card{display:grid;gap:6px;min-width:0;align-content:start}
.kw-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:12px;background:#1b2741 center/cover;cursor:pointer;transition:transform .15s,box-shadow .15s}
.kw-thumb:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(17,26,44,.16)}
.kw-thumb .kw-ratio{position:absolute;left:auto;top:auto;right:8px;bottom:8px;width:auto;line-height:1;height:21px;padding:0 7px;border-radius:6px;background:rgba(8,12,20,.82);color:#fff;font-size:11px;font-weight:900;display:flex;align-items:center}
.kw-thumb .kw-ratio.is-strong{background:#111a2c;color:#fff;box-shadow:0 0 0 1.5px rgba(255,255,255,.8)}
.kw-fmt{position:absolute;left:8px;top:8px;height:19px;padding:0 6px;border-radius:5px;background:rgba(255,255,255,.92);color:#111a2c;font-size:10.5px;font-weight:900;display:flex;align-items:center}
.kw-title{margin-top:3px;padding:0;border:0;background:none;font:inherit;text-align:left;font-size:13.5px;font-weight:700;line-height:1.42;letter-spacing:-.01em;color:#111a2c;cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kw-title:hover{text-decoration:underline;text-underline-offset:3px}
.kw-card>b{margin-top:3px;font-size:13.5px;line-height:1.42;color:#111a2c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kw-meta{display:flex;align-items:center;gap:8px;min-width:0}
.kw-meta small{min-width:0;font-size:11.5px;font-weight:600;color:#9aa3b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kw-meta strong{color:#2b364b}
.kw-capture{margin-left:auto;flex:none;height:24px;padding:0 9px;border-radius:7px;border:1px solid #e6e9ef;background:#fff;font:inherit;font-size:11px;font-weight:800;color:#5d687c;cursor:pointer}
.kw-more{justify-self:center;height:36px;padding:0 20px;border-radius:10px;border:1px solid #e6e9ef;background:#fff;font:inherit;font-size:13px;font-weight:800;color:#111a2c;cursor:pointer;box-shadow:0 1px 2px rgba(17,26,44,.05)}
.kw-empty{padding:30px;text-align:center;color:#9aa3b2;font-weight:800}

/* ---------- 경쟁채널 분석 table ---------- */
#competitorAnalysisPage.cs-on .competitor-results-primary{border-radius:var(--cs-r);overflow:hidden;background:#fff;border:1px solid var(--cs-hair);box-shadow:var(--cs-card)}
#competitorAnalysisPage.cs-on .competitor-result-section-head{display:none}

/* ---------- 새 분석 ---------- */
#competitorAnalysisPage.cs-on .competitor-studio-nav,#competitorAnalysisPage.cs-on .competitor-stage-map{display:none!important}
#competitorAnalysisPage.cs-on .competitor-studio-hero{min-height:0;margin:0 2px 16px;padding:0;border:0;background:none;box-shadow:none;overflow:visible;transform:none}
#competitorAnalysisPage.cs-on .competitor-studio-hero::before,#competitorAnalysisPage.cs-on .competitor-studio-hero::after{display:none}
#competitorAnalysisPage.cs-on .competitor-studio-copy{padding:0;overflow:visible;transform:none;margin-left:0;text-indent:0;clip-path:none}
#competitorAnalysisPage.cs-on .competitor-studio-copy *{transform:none;clip-path:none}
#competitorAnalysisPage.cs-on .competitor-studio-copy h1{margin:2px 0 0;font-size:24px;line-height:1.3;letter-spacing:-.035em;color:#111a2c}
#competitorAnalysisPage.cs-on .competitor-studio-copy h1 *{color:inherit;background:none;-webkit-text-fill-color:currentColor}
#competitorAnalysisPage.cs-on .competitor-studio-copy p{margin:6px 0 0;font-size:13px;color:#5d687c}
#competitorAnalysisPage.cs-on .competitor-studio-kicker,#competitorAnalysisPage.cs-on .competitor-studio-copy>span:first-child{font-size:12px;font-weight:700;letter-spacing:0;color:#9aa3b2}
#competitorAnalysisPage.cs-on .competitor-new-form,#competitorAnalysisPage.cs-on .competitor-preview-panel{border-radius:var(--cs-r);background:#fff;border:1px solid var(--cs-hair);box-shadow:var(--cs-card)}
#competitorAnalysisPage.cs-on .competitor-preview-panel::before,#competitorAnalysisPage.cs-on .competitor-preview-panel::after{display:none}
#competitorAnalysisPage.cs-on .competitor-start-button{height:46px;border:0;border-radius:12px;background:#111a2c!important;color:#fff!important;font-size:14.5px;font-weight:900;box-shadow:0 8px 20px rgba(17,26,44,.16)}
#competitorAnalysisPage.cs-on .competitor-start-button:disabled{opacity:.45;box-shadow:none}
#competitorAnalysisPage.cs-on .competitor-choice-grid button.active,#competitorAnalysisPage.cs-on .competitor-choice-grid [aria-pressed="true"],#competitorAnalysisPage.cs-on .competitor-baseline-choice-grid .active{border-color:#111a2c!important;background:#fff!important;box-shadow:0 6px 18px rgba(17,26,44,.08)}

/* ---------- 실시간 측정 page ---------- */
#competitorAnalysisPage.cs-on .tracking-history-header{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
#competitorAnalysisPage.cs-on .tracking-history-header>div{min-width:0;flex:1}
#competitorAnalysisPage.cs-on .tracking-history-header>button[data-competitor-channels]{height:34px;border-radius:10px;font-size:12px}
#competitorAnalysisPage.cs-on .tracking-history-header h1{font-size:24px;letter-spacing:-.035em}
#competitorAnalysisPage.cs-on .tracking-history-header span{font-size:12px;letter-spacing:0;color:#9aa3b2}
#competitorAnalysisPage.cs-on .tracking-history-header p{font-size:13px}
#competitorAnalysisPage.cs-on .tracking-history-overview article,#competitorAnalysisPage.cs-on .competitor-tracking-queue,#competitorAnalysisPage.cs-on .tracking-history-workbench>section:not(.tracking-history-controls),#competitorAnalysisPage.cs-on .tracking-history-workbench>details{border-radius:var(--cs-r)}

/* a back button and the 크게 보기 button share one shape */
.dv-head-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 11px;border:1px solid #e6e9ef;border-radius:9px;background:#fff;font:inherit;font-size:12.5px;font-weight:800;color:#2b364b;text-decoration:none;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s}
.dv-head-btn:hover{border-color:#cdd3dc;background:#f8f9fb;color:#111a2c}
.dv-head-btn svg{width:13px;height:13px}
.dv-head-btn.is-x{width:32px;padding:0;font-size:18px;font-weight:500;line-height:1}

/* 채널 관리 */
#competitorAnalysisPage.cs-on .cdx-back{display:none!important}

/* never wider than the page area, however narrow the workspace leaves it */
#competitorAnalysisPage.cs-on .competitor-page-inner,#competitorAnalysisPage.cs-on .competitor-page-inner>*{min-width:0;max-width:100%}
.cs-bar-in>*,.ch>*,.ch-top>*,.ch-row>*,.ch-mid>*{min-width:0}
@media (max-width:760px){.ch-sub{display:none}.ch-box>header{flex-wrap:wrap;height:auto;min-height:48px;padding:8px 6px 8px 12px;gap:4px}.ch-more{padding:0 6px}.ch-box h2{font-size:14px}.ch-line,.ch-work{padding:6px 12px}.ch-topics li{padding:0 12px 0 10px;grid-template-columns:18px minmax(0,1fr) 22% 22px;column-gap:8px}}

@media (max-width:1180px){
  .ch-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ch-cards>:nth-child(n+5){display:none}
  .ch-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ch-row>:last-child{grid-column:1/-1}
  .kw-cards,.rs-rise-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .ch-top,.ch-row{grid-template-columns:minmax(0,1fr)}
  .ch-row>:last-child{grid-column:auto}
}
@media (max-width:760px){
  .cs-bar{border-radius:12px;margin-bottom:14px}
  .cs-bar-in{flex-wrap:wrap;height:auto;gap:0 8px;padding:10px 10px 0 14px}
  .cs-title{border-right:0;padding-right:0}
  .cs-nav{order:3;width:100%;overflow-x:auto;scrollbar-width:none;height:42px;margin:0 -4px}
  .cs-nav::-webkit-scrollbar{display:none}
  .cs-nav :is(button,a){padding:0 10px}
  .cs-nav :is(button,a).is-on::after{left:10px;right:10px}
  .cs-new{height:32px;font-size:12.5px}
  .cs-page-head{flex-wrap:wrap;align-items:flex-start}.cs-page-head h1,.kw-head h1{font-size:20px}
  .cs-head-actions{margin-left:0;flex-wrap:wrap}
  .ch-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .ch-cards>:nth-child(n+5){display:grid}
  .ch-rank{grid-template-columns:18px 56px minmax(0,1fr) 52px;gap:10px;padding:6px 12px}
  .ch-rank .ch-state{display:none}
  .ch-th{width:56px}
  .kw-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kw-tile:nth-child(3){border-left:0}
  .kw-tile:nth-child(n+3){border-top:1px solid #eef0f4}
  .kw-cards,.rs-rise-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
  .kw-form input{min-width:100%}
}

/* ---------- v3 (2026-10-18): emoji heads, 롱폼/쇼츠 tabs, 채널 성과, 주제별, 경쟁채널 분석 hub, 영상 찾기 list ---------- */
.ch-box h2{display:flex;align-items:center;gap:8px}
.ch-emoji{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#f4f6f9;font-size:15px;line-height:1}
.ch-box>header{height:52px}
.ch-tabs{position:relative;display:flex;padding:3px;border-radius:10px;background:#f1f3f6;margin-left:auto}
.ch-tabs button{height:24px;padding:0 11px;border:0;border-radius:8px;background:none;font:inherit;font-size:12px;font-weight:700;color:var(--cs-sub);cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.ch-tabs button.on{background:#fff;color:var(--cs-ink);font-weight:800;box-shadow:0 1px 3px rgba(17,26,44,.12)}
.ch-box>header .ch-tabs+.ch-more{margin-left:0}
.ch-box>header .ch-tabs~.ch-more:first-of-type{margin-left:0}
.ch-top{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
.ch-box.is-chan .ch-sub{margin-left:auto}
.ch-chans{display:grid;grid-template-columns:1fr;gap:0;padding:2px 0 6px}
.ch-chans h3{margin:0;padding:12px 18px 6px;font-size:12px;font-weight:800;color:var(--cs-sub);letter-spacing:-.01em}
.ch-chans>div+div{border-top:1px solid var(--cs-line)}
.ch-chan{display:grid;grid-template-columns:16px 30px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:44px;padding:4px 18px 4px 14px}
.ch-chan em{font-style:normal;font-size:12px;font-weight:900;color:var(--cs-mute);text-align:center}
.ch-av{width:30px;height:30px;border-radius:50%;background:#eef1f5;color:var(--cs-ink2);font-size:12.5px;font-weight:900;display:grid;place-items:center}
.ch-pct{height:24px;padding:0 9px;border-radius:7px;font-size:12px;font-weight:900;display:inline-flex;align-items:center;white-space:nowrap}
.ch-pct.up{background:#e5f4ec;color:#11804a}
.ch-pct.down{background:#fdecee;color:#c23a51}
.ch-cth em{left:7px;bottom:7px}
.ch-groups{display:grid;padding:4px 0}
.ch-group{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:58px;padding:6px 16px}
.ch-group+.ch-group{border-top:1px solid var(--cs-line)}
.ch-gemoji{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#f4f6f9;font-size:17px}
.ch-gname{display:grid;gap:3px;min-width:0}
.ch-gname b{font-size:13.5px;font-weight:800;color:var(--cs-ink)}
.ch-gname small{font-size:11.5px;font-weight:600;color:var(--cs-mute)}
.ch-gname i{height:4px;border-radius:2px;background:linear-gradient(90deg,#9aa3b2,#111a2c);opacity:.75}
.ch-gthumbs{display:flex}
.ch-gthumbs button{width:44px;aspect-ratio:16/9;padding:0;border:2px solid #fff;border-radius:6px;background:#1b2741 center/cover;box-shadow:0 1px 3px rgba(17,26,44,.18);cursor:pointer;transition:transform .15s}
.ch-gthumbs button+button{margin-left:-12px}
.ch-gthumbs button:hover{transform:translateY(-2px);z-index:1}

/* 경쟁채널 분석: new research + past research */
.rh{display:grid;gap:16px}
.rh-top h1{margin:0 2px;font-size:24px;letter-spacing:-.035em;color:var(--cs-ink)}
.rh-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:16px;align-items:start}
.rh-grid.is-read{grid-template-columns:minmax(0,1fr)}
.rh-card{min-width:0;border-radius:var(--cs-r);background:#fff;border:1px solid var(--cs-hair);box-shadow:var(--cs-card)}
.rh-h{display:flex;align-items:center;gap:9px;height:54px;padding:0 18px;border-bottom:1px solid var(--cs-line)}
.rh-h h2{margin:0;font-size:15px;font-weight:900;letter-spacing:-.025em;color:var(--cs-ink)}
.rh-h em{margin-left:auto;font-style:normal;font-size:12px;font-weight:800;color:var(--cs-mute)}
.rh-emoji{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#f4f6f9;font-size:16px}
.rh-new{display:grid}
.rh-row{display:grid;gap:8px;padding:14px 18px 0}
.rh-label{font-size:12px;font-weight:800;color:var(--cs-sub)}
.rh-seg{display:flex;flex-wrap:wrap;gap:0;padding:3px;border-radius:11px;background:#f1f3f6;justify-self:start;max-width:100%}
.rh-seg button{height:30px;padding:0 12px;border:0;border-radius:9px;background:none;font:inherit;font-size:12.5px;font-weight:700;color:var(--cs-sub);cursor:pointer;white-space:nowrap;transition:background .18s,color .18s,box-shadow .18s}
.rh-seg button.on{background:#fff;color:var(--cs-ink);font-weight:800;box-shadow:0 1px 3px rgba(17,26,44,.12)}
.rh-chips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 18px 0}
.rh-chips button{height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--cs-hair);background:#fff;font:inherit;font-size:12px;font-weight:700;color:var(--cs-sub);cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.rh-chips button.on{border-color:#111a2c;color:#111a2c;background:#f6f7f9}
.rh-chips em{font-style:normal;font-size:11px;color:var(--cs-mute)}
.rh-rule{display:flex;flex-wrap:wrap;gap:6px;margin:16px 18px 0;padding:12px;border-radius:12px;background:#f7f8fa}
.rh-rule span{height:26px;padding:0 10px;border-radius:8px;background:#fff;border:1px solid var(--cs-line);font-size:12px;font-weight:700;color:var(--cs-ink2);display:inline-flex;align-items:center}
.rh-go{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px 18px;border-top:1px solid var(--cs-line)}
.rh-go small{min-width:0;font-size:12px;font-weight:700;color:var(--cs-mute)}
.rh-start{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 20px;border:0;border-radius:11px;background:#111a2c;color:#fff;font:inherit;font-size:13.5px;font-weight:800;cursor:pointer;box-shadow:0 6px 16px rgba(17,26,44,.18)}
.rh-start:disabled{opacity:.5;cursor:default;box-shadow:none}
.rh-start i{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:rhSpin .8s linear infinite}
@keyframes rhSpin{to{transform:rotate(360deg)}}
.rh-runs{display:grid;max-height:620px;overflow:auto}
.rh-run{display:grid;grid-template-columns:50px minmax(0,1fr) 70px 70px auto 28px;gap:12px;align-items:center;min-height:62px;padding:8px 14px 8px 16px;cursor:pointer;transition:background .12s}
.rh-run+.rh-run{border-top:1px solid var(--cs-line)}
.rh-run:hover{background:#f8f9fb}
.rh-date{display:grid;place-items:center;height:44px;border-radius:11px;background:#f4f6f9}
.rh-date b{font-size:13px;font-weight:900;color:var(--cs-ink);line-height:1}
.rh-date small{font-size:10.5px;font-weight:700;color:var(--cs-mute)}
.rh-run-tx{display:grid;gap:3px;min-width:0}
.rh-run-tx b{font-size:13.5px;font-weight:800;color:var(--cs-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rh-run-tx small{font-size:11.5px;font-weight:600;color:var(--cs-mute)}
.rh-found{display:grid;justify-items:end;gap:1px}
.rh-found b{font-size:16px;font-weight:900;color:var(--cs-ink)}
.rh-found small{font-size:10.5px;font-weight:700;color:var(--cs-mute);white-space:nowrap}
.rh-found.is-strong b{color:var(--cs-up)}
.rh-state{height:22px;padding:0 8px;border-radius:6px;background:#fdf3e4;color:#a8650f;font-size:11px;font-weight:800;display:inline-flex;align-items:center}
.rh-del{width:28px;height:28px;border:0;border-radius:8px;background:none;color:#c3cad5;font-size:12px;cursor:pointer}
.rh-del:hover{background:#fbecef;color:#c24461}
.rh-empty{margin:0;padding:40px;text-align:center;color:var(--cs-mute);font-weight:800}
.rh-progress{display:flex;align-items:center;gap:18px;padding:16px 20px}
.rh-pulse{position:relative;width:36px;height:36px;flex:none}
.rh-pulse i{position:absolute;inset:8px;border-radius:50%;background:#111a2c}
.rh-pulse::before{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(17,26,44,.15);animation:rhPing 1.4s ease-out infinite}
@keyframes rhPing{from{transform:scale(.6);opacity:1}to{transform:scale(1.4);opacity:0}}
.rh-progress ol{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none}
.rh-progress li{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--cs-mute)}
.rh-progress li b{width:20px;height:20px;border-radius:50%;background:#eef0f4;font-size:11px;display:grid;place-items:center}
.rh-progress li.done{color:var(--cs-ink2)}.rh-progress li.done b{background:#e2f2f1;color:#0a6f70}
.rh-progress li.on{color:var(--cs-ink);font-weight:800}.rh-progress li.on b{background:#111a2c;color:#fff}
.cs-hub-back{margin-bottom:10px}
.cs-page-head .cs-hub-back{display:inline-flex}

/* 💬 newest comment chips */
.cs-pulse,.kw-pulse{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 7px;border-radius:6px;background:#f1f3f6;color:var(--cs-sub,#5d687c);font-size:11px;font-weight:800;white-space:nowrap;flex:none}
.cs-pulse{margin-left:6px;vertical-align:middle}
.cs-pulse.is-steady,.kw-pulse.is-steady{background:#e5f4ec;color:#11804a}
.cs-pulse.is-hot,.kw-pulse.is-hot{background:#fff1e6;color:#c25a0a}
.kw-pulse.is-quiet{background:#f6f7f9;color:#9aa3b2}
.kw-meta .kw-pulse{margin-left:auto}
.kw-meta .kw-pulse+.kw-capture{margin-left:6px}
.kw-toggle{height:30px;padding:0 11px;border-radius:9px;border:1px solid #e6e9ef;background:#fff;font:inherit;font-size:12px;font-weight:800;color:#5d687c;cursor:pointer;margin-left:auto}
.kw-toggle.on{background:#e5f4ec;border-color:#bfe3cf;color:#11804a}
.kw-list-head{flex-wrap:wrap}
.kw-list-head .kw-seg{margin-left:0}
.kw-rows{display:grid;border-radius:14px;background:#fff;border:1px solid #e6e9ef;box-shadow:var(--cs-card);overflow:hidden}
.kw-row{display:grid;grid-template-columns:120px minmax(0,1fr) 78px 86px 78px 86px 60px;gap:14px;align-items:center;padding:10px 14px}
.kw-row+.kw-row{border-top:1px solid #eef0f4}
.kw-row:hover{background:#f8f9fb}
.kw-rthumb{position:relative;display:block;width:120px;aspect-ratio:16/9;padding:0;border:0;border-radius:9px;background:#1b2741 center/cover;cursor:pointer}
.kw-rtx{display:grid;gap:4px;min-width:0}
.kw-rtx small{font-size:11.5px;font-weight:600;color:#9aa3b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kw-rtx strong{color:#2b364b}
.kw-rnum{font-size:13px;font-weight:800;color:#111a2c;text-align:right}
.kw-row .kw-ratio{position:static;justify-self:start;background:#f1f3f6;color:#111a2c;height:24px}
.kw-row .kw-ratio.is-strong{background:#111a2c;color:#fff;box-shadow:none}
.kw-rdate{display:grid;font-size:12px;font-weight:800;color:#2b364b}.kw-rdate small{font-size:11px;font-weight:600;color:#9aa3b2}

@media (max-width:1180px){
  .rh-grid{grid-template-columns:minmax(0,1fr)}
  .kw-row{grid-template-columns:100px minmax(0,1fr) 70px 80px 70px}
  .kw-row .kw-pulse,.kw-row .kw-capture{display:none}
  .kw-rthumb{width:100px}
}
@media (max-width:760px){
  .ch-tabs{margin-left:0}
  .rh-run{grid-template-columns:44px minmax(0,1fr) 54px 24px;gap:8px}
  .rh-found.is-strong,.rh-state{display:none}
  .kw-row{grid-template-columns:88px minmax(0,1fr);gap:10px}
  .kw-row>:not(.kw-rthumb):not(.kw-rtx){display:none}
  .kw-rthumb{width:88px}
}
#competitorAnalysisPage .competitor-page-inner>#csBar{align-self:start;grid-column:1/-1}
#competitorAnalysisPage.cs-on .competitor-page-inner{align-content:start}
.kw-toggle.is-desc{margin-left:auto}
.kw-toggle.is-desc+.kw-toggle{margin-left:0}
.kw-toggle.is-desc.on{background:#f1f3f6;border-color:#cdd3dc;color:#111a2c}
@media (max-width:900px){.ch-top{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.ch-group{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:6px 12px}.ch-gthumbs{display:none}.ch-chan{padding:4px 12px}}

/* ---------- v5 (2026-10-18, mockups ①~④) ---------- */
/* ① 영상 찾기: one table, sort by column title */
.kw-form{padding:8px 8px 8px 18px}
.kw-form input{font-size:16px;font-weight:800}
.kw-list-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}
.kw-list-head h1{margin:0;font-size:20px;letter-spacing:-.03em;color:#111a2c}
.kw-count{font-size:13px;font-weight:700;color:#5d687c}
/* 영상 찾기 기간·인기순 (mockup ㊲) */
.kw-period{display:inline-flex;align-self:flex-start;justify-self:start;width:max-content;gap:2px;padding:3px;margin-top:10px;border-radius:11px;background:#e9ecf1;max-width:100%;overflow-x:auto;scrollbar-width:none}
.kw-period button,.kw-view button{flex:none;height:32px;padding:0 14px;border:0;border-radius:9px;background:none;font:inherit;font-size:13px;font-weight:700;color:#5d687c;cursor:pointer;white-space:nowrap;transition:background .18s,color .18s,box-shadow .18s}
.kw-period button.on,.kw-view button.on{background:#fff;color:#111a2c;font-weight:900;box-shadow:0 1px 3px rgba(17,26,44,.12)}
.kw-view{display:inline-flex;padding:3px;border-radius:11px;background:#e9ecf1;margin-left:8px}
.kw-view button.on[data-kw-view="popular"]{color:#c2410c}
.kw-rank{display:inline-grid;place-items:center;flex:none;min-width:24px;height:22px;padding:0 6px;border-radius:7px;background:#fff1ea;color:#c2410c;font-size:12px;font-weight:900}
.kw-rank.is-top{background:#c2410c;color:#fff}
/* 영상 찾기 v4 (mockup ㊴): 지금 · 채널 효과 배지, 두 묶음, 채널 사진, 판정 중 표시 */
.kw-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;font-size:12.5px;font-weight:900;white-space:nowrap}
.kw-badge.is-live,.kw-badge.is-pull{background:#e9f8ef;color:#11804a}.kw-badge.is-new{background:#eef4ff;color:#1f3f99}
.kw-badge.is-past{background:none;padding-left:0;color:#b4bac5}.kw-badge.is-solo{background:#fff1ea;color:#c2410c}
.kw-table tr.kw-group td{padding:18px 12px 8px;background:#fff;border:0}
.kw-group b{font-size:14px;font-weight:900;color:#111a2c}.kw-group em{margin-left:8px;font-style:normal;font-size:13px;font-weight:900;color:#3a5bd9}
img.kw-av.is-img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;background:#eef0f4}
.kw-judging{display:inline-grid;place-items:center;width:20px;height:20px}
.kw-judging i{width:12px;height:12px;border:2px solid #c9d3fb;border-top-color:#3a5bd9;border-radius:50%;animation:kw-spin .8s linear infinite}
@keyframes kw-spin{to{transform:rotate(360deg)}}
.kw-tabs{display:flex;padding:3px;border-radius:11px;background:#e9ecf1;margin-left:8px}
.kw-tabs button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border:0;border-radius:9px;background:none;font:inherit;font-size:13px;font-weight:700;color:#5d687c;cursor:pointer;transition:background .18s,color .18s}
.kw-tabs button.on{background:#fff;color:#111a2c;font-weight:900;box-shadow:0 1px 3px rgba(17,26,44,.12)}
.kw-tabs em{font-style:normal;font-size:11.5px;color:#9aa3b2}
.kw-list-head .kw-toggle{margin-left:auto;height:34px}
.kw-list-head .kw-toggle+.kw-sum-wrap .kw-toggle{margin-left:0}
.kw-sum-wrap{position:relative}
.kw-pop{position:absolute;right:0;top:42px;z-index:20;width:320px;padding:14px;border-radius:14px;background:#fff;border:1px solid #e6e9ef;box-shadow:0 18px 44px rgba(17,26,44,.16)}
.kw-pop h4{margin:0 0 8px;font-size:12.5px;color:#5d687c}
.kw-pop-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 2px;border-top:1px solid #eef0f4;font-size:13px}
.kw-pop-row b{font-weight:900}
.kw-pop-row.is-check{cursor:pointer}
.kw-pop-row input{width:18px;height:18px;accent-color:#111a2c}
.kw-pop p{margin:8px 2px 0;font-size:11.5px;color:#9aa3b2}
.kw-table{border-radius:16px;background:#fff;border:1px solid #e6e9ef;box-shadow:var(--cs-card);overflow:hidden}
.kw-table table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
/* 2026-10-19: the 경쟁채널 분석 table's columns, one width each; the title takes the rest. */
.kw-table col.c-ch{width:150px}.kw-table col.c-reach{width:150px}.kw-table col.c-rx{width:92px}.kw-table col.c-views{width:104px}.kw-table col.c-date{width:96px}.kw-table col.c-pulse{width:118px}.kw-table col.c-add{width:118px}
.kw-table th{height:44px;padding:0 12px;background:#f8f9fb;border-bottom:1px solid #e6e9ef;font-size:12px;font-weight:800;color:#5d687c;text-align:left;white-space:nowrap}
.kw-table th.num{text-align:right}
.kw-table th button{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 6px;margin:0 -6px;border:0;border-radius:8px;background:none;font:inherit;font-weight:800;color:inherit;cursor:pointer}
.kw-table th button:hover{background:#eef1f5;color:#111a2c}
.kw-table th.on{color:#111a2c}
.kw-table th .a{font-size:10px;color:#c6ccd6}.kw-table th.on .a{color:#111a2c}
.kw-table td{padding:10px 12px;border-bottom:1px solid #eef0f4;font-size:13px;vertical-align:middle}
.kw-table tr:last-child td{border-bottom:0}
.kw-table tbody tr:hover{background:#fafbfc}
.kw-table td.num{text-align:right;font-weight:800;white-space:nowrap}
.kw-vid{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:center}
.kw-th{position:relative;display:block;width:132px;aspect-ratio:16/9;padding:0;border:0;border-radius:9px;background:#1b2741 center/cover;cursor:pointer;transition:transform .15s,box-shadow .15s}
.kw-th:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(17,26,44,.18)}
.kw-th i{position:absolute;right:5px;bottom:5px;height:18px;padding:0 5px;border-radius:4px;background:rgba(0,0,0,.8);color:#fff;font-style:normal;font-size:10.5px;font-weight:800;display:flex;align-items:center}
.kw-vt{display:grid;gap:4px;min-width:0}
.kw-vt .kw-title{margin:0;font-size:13.5px}
.kw-vt small{font-size:12px;font-weight:600;color:#9aa3b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kw-fmt{position:static;display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;font-size:11.5px;font-weight:800;white-space:nowrap}
.kw-fmt.is-l{background:#eef1f5;color:#2b364b}.kw-fmt.is-s{background:#fff0f3;color:#d6336c}
.kw-table .kw-ratio{position:static;display:inline-flex;height:24px;padding:0 9px;border-radius:7px;background:#f1f3f6;color:#2b364b;font-size:12px;font-weight:900;white-space:nowrap}
.kw-table .kw-ratio.is-strong{background:#111a2c;color:#fff;box-shadow:none}
.kw-table .kw-ratio.is-none{background:none;color:#9aa3b2;font-weight:700;padding:0}
.kw-date{display:grid;white-space:nowrap}.kw-date b{font-size:12.5px}.kw-date small{font-size:11px;color:#9aa3b2}
.kw-none{color:#c6ccd6;font-weight:800}
.kw-table .kw-pulse{margin:0}
.kw-table .kw-capture{margin:0}
/* ② 새 조사 */
.rh-q{padding:16px 22px 2px}
.rh-q>p{margin:0 0 10px;font-size:15.5px;font-weight:900;letter-spacing:-.02em;color:#111a2c}
.rh-q>p em{font-style:normal;margin-left:6px;font-size:12.5px;font-weight:700;color:#9aa3b2}
.rh-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.rh-mode{position:relative;display:grid;gap:6px;align-content:start;padding:15px 14px 13px;border:1.5px solid #e6e9ef;border-radius:15px;background:#fff;font:inherit;text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s,background .18s}
.rh-mode:hover{border-color:#cdd3dc}
.rh-mode.on{border-color:#111a2c;background:#f8f9ff;box-shadow:0 8px 20px rgba(17,26,44,.08)}
.rh-mode.on::after{content:"✓";position:absolute;right:10px;top:10px;width:20px;height:20px;border-radius:50%;background:#111a2c;color:#fff;font-size:11px;font-weight:900;display:grid;place-items:center}
.rh-mode .ic{font-size:24px;line-height:1}
.rh-mode b{font-size:15px;letter-spacing:-.02em;color:#111a2c}
.rh-mode span:last-child{font-size:12.5px;line-height:1.5;color:#5d687c}
.rh-pills{display:flex;flex-wrap:wrap;gap:8px}
.rh-pills button{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:12px;border:1.5px solid #e6e9ef;background:#fff;font:inherit;font-size:14px;font-weight:800;color:#2b364b;cursor:pointer;transition:background .18s,color .18s,border-color .18s}
.rh-pills button:hover{border-color:#cdd3dc}
.rh-pills button.on{border-color:#111a2c;background:#111a2c;color:#fff}
.rh-pills small{font-size:11.5px;font-weight:700;opacity:.7}
.rh-q .rh-chips{padding:10px 0 0}
.rh-go{margin-top:18px;padding:16px 22px}
.rh-go p{margin:0;font-size:14.5px;font-weight:800;color:#111a2c}
.rh-go p small{display:block;margin-top:3px;font-size:12px;font-weight:600;color:#9aa3b2}
.rh-start{height:48px;padding:0 26px;border-radius:13px;font-size:15px;font-weight:900}
.rh-h{height:62px;padding:0 22px}
.rh-h h2{font-size:18px}
.rh-emoji{width:38px;height:38px;border-radius:12px;font-size:19px}
.rh-run{grid-template-columns:50px minmax(0,1fr) 72px auto 28px;min-height:66px}
.rh-run-tx b{font-size:14px}
.rh-found b{font-size:18px}
.rh-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
/* ③ 홈 */
.ch-box.is-rail .ch-sub{margin-left:2px}
.ch-box.is-rail .ch-tabs{margin-left:auto}
.ch-arrow{width:30px;height:30px;border-radius:50%;border:1px solid #e6e9ef;background:#fff;font:inherit;font-size:16px;font-weight:900;color:#5d687c;cursor:pointer;display:grid;place-items:center;flex:none}
.ch-arrow:hover{border-color:#cdd3dc;color:#111a2c}
.ch-rail{display:grid;grid-auto-flow:column;grid-auto-columns:200px;gap:14px;padding:14px 16px 16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.ch-rail>.ch-card{scroll-snap-align:start}
.ch-box.is-chan .ch-tabs{margin-left:auto}
.ch-box.is-chan .ch-chans{display:block;max-height:560px;overflow:auto;padding:4px 0}
.ch-box.is-chan .ch-chan{display:grid;grid-template-columns:20px 30px minmax(0,1fr) auto 84px;gap:10px;align-items:center;width:100%;min-height:50px;padding:6px 16px 6px 14px;border:0;border-top:1px solid var(--cs-line);background:none;font:inherit;text-align:left;cursor:pointer}
.ch-box.is-chan .ch-chan:first-child{border-top:0}
.ch-box.is-chan .ch-chan:hover{background:#f8f9fb}
.ch-chan em.is-top{color:#111a2c}
.ch-chan img.ch-av{width:30px;height:30px;border-radius:50%;object-fit:cover}
.ch-val{font-size:13.5px;font-weight:900;color:#111a2c;text-align:right;white-space:nowrap}
.ch-val small{font-size:10.5px;color:#9aa3b2;margin-left:1px}
.ch-pct{justify-content:center}
.ch-pct.wait{background:#f6f7f9;color:#9aa3b2;font-weight:700;font-size:11px}
/* ④ 채널 분석 */
.ca{display:grid;gap:16px}
.ca-card{min-width:0;border-radius:var(--cs-r);background:#fff;border:1px solid var(--cs-hair);box-shadow:var(--cs-card);overflow:hidden}
.ca-id{display:flex;align-items:center;gap:14px;padding:18px 22px}
.ca-pic{flex:none;width:56px;height:56px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#1d2a40,#3a5bd9);color:#fff;font-size:21px;font-weight:900;display:grid;place-items:center}
.ca-id h1{margin:0;font-size:22px;letter-spacing:-.035em;color:#111a2c}
.ca-id span{font-size:13px;font-weight:600;color:#5d687c}
.ca-pick{margin-left:auto}
.ca-pick select{height:40px;padding:0 36px 0 14px;border-radius:11px;border:1px solid #e6e9ef;background:#fff;font:inherit;font-size:13.5px;font-weight:800;color:#111a2c;cursor:pointer}
.ca-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--cs-line)}
.ca-kpis div{padding:15px 22px;min-width:0}
.ca-kpis div+div{border-left:1px solid var(--cs-line)}
.ca-kpis small{display:block;font-size:12px;font-weight:700;color:#9aa3b2}
.ca-kpis b{font-size:23px;letter-spacing:-.02em;color:#111a2c}
.ca-two{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:start}
.ca-side{display:grid;gap:16px;min-width:0}
.ca-h{display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 16px 8px 18px;border-bottom:1px solid var(--cs-line)}
.ca-h h2{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:900}
.ca-h small{margin-left:auto;font-size:11.5px;font-weight:700;color:#9aa3b2;text-align:right}
.ca-tabs{display:flex;padding:3px;border-radius:10px;background:#f1f3f6}
.ca-tabs button{height:30px;padding:0 12px;border:0;border-radius:8px;background:none;font:inherit;font-size:12.5px;font-weight:700;color:#5d687c;cursor:pointer}
.ca-tabs button.on{background:#fff;color:#111a2c;font-weight:900;box-shadow:0 1px 3px rgba(17,26,44,.12)}
.ca-row{display:grid;grid-template-columns:20px 116px minmax(0,1fr) 150px;gap:12px;align-items:center;width:100%;padding:10px 16px;border:0;border-top:1px solid var(--cs-line);background:none;font:inherit;text-align:left;cursor:pointer}
.ca-h+.ca-row{border-top:0}
.ca-row:hover{background:#fafbfc}
.ca-row em{font-style:normal;font-size:12.5px;font-weight:900;color:#9aa3b2;text-align:center}
.ca-th{display:block;width:116px;aspect-ratio:16/9;border-radius:9px;background:#1b2741 center/cover}
.ca-tx{display:grid;gap:3px;min-width:0}
.ca-tx b{font-size:13.5px;line-height:1.42;color:#111a2c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ca-tx small{font-size:11.5px;font-weight:600;color:#9aa3b2}
.ca-bar{display:grid;gap:4px}
.ca-bar i{display:block;height:8px;border-radius:4px;background:linear-gradient(90deg,#0a7f80,#36b3a3)}
.ca-bar span{font-size:12px;font-weight:800;color:#2b364b;white-space:nowrap}
.ca-ratio{justify-self:end;height:26px;padding:0 10px;border-radius:8px;background:#111a2c;color:#fff;font-size:12.5px;font-weight:900;display:inline-flex;align-items:center}
.ca-per{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 16px;border-top:1px solid var(--cs-line)}
.ca-h+.ca-per{border-top:0}
.ca-av{width:36px;height:36px;border-radius:50%;background:#1d2a40;color:#fff;font-size:13px;font-weight:900;display:grid;place-items:center}
.ca-v{font-size:13.5px;font-weight:900;white-space:nowrap}.ca-v small{font-size:10.5px;color:#9aa3b2}
.ca-topics{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px}
.ca-topics span{display:grid;gap:2px;padding:9px 12px;border-radius:12px;background:#f5f6f8;font-size:13px;font-weight:800;color:#111a2c}
.ca-topics span small{font-size:11px;font-weight:700;color:#9aa3b2}
.ca-topics span.is-hot{background:#111a2c;color:#fff}.ca-topics span.is-hot small{color:#aab3c5}
.ca-skel{display:grid;gap:12px;padding:16px}
.ca-skel i{height:52px;border-radius:10px;background:linear-gradient(90deg,#eef0f4 25%,#f7f8fa 50%,#eef0f4 75%);background-size:200% 100%;animation:competitor-ai-summary-shimmer 1.4s linear infinite}
.ca-empty{margin:0;padding:30px;text-align:center;color:#9aa3b2;font-weight:800}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:1180px){
  .kw-table col.c-ch{width:120px}.kw-table col.c-pulse{width:0}.kw-table .c-pulse{display:none}
  .ca-two{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .rh-modes{grid-template-columns:minmax(0,1fr)}
  .ca-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ca-kpis div:nth-child(3){border-left:0}.ca-kpis div:nth-child(n+3){border-top:1px solid var(--cs-line)}
}
@media (max-width:760px){
  .kw-table{overflow-x:auto}.kw-table table{min-width:760px}
  .kw-list-head .kw-toggle{margin-left:0}
  .kw-tabs{margin-left:0}
  .ca-row{grid-template-columns:18px 88px minmax(0,1fr);gap:10px}.ca-row .ca-bar,.ca-row .ca-ratio{grid-column:3}
  .ca-th{width:88px}
  .ca-id{flex-wrap:wrap}.ca-pick{margin-left:0;width:100%}.ca-pick select{width:100%}
  .ch-box.is-chan .ch-chan{grid-template-columns:18px 28px minmax(0,1fr) auto}.ch-box.is-chan .ch-chan .ch-pct{display:none}
  .ch-rail{grid-auto-columns:160px}
}
.rh .rh-q>p{font-size:15.5px;font-weight:900;color:#111a2c}
.rh .rh-go p{font-size:14.5px;font-weight:800;color:#111a2c}
.rh .rh-go p small{font-weight:600;color:#9aa3b2}

/* ---------- 2026-10-18 v7: search history chips ---------- */
.kw-history{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 2px 16px}
.kw-history-h{font-size:12px;font-weight:900;color:#9aa3b2;margin-right:2px}
.kw-chip{display:inline-flex;align-items:center;gap:2px;height:32px;padding:0 5px 0 0;border-radius:999px;background:#fff;border:1px solid #e6e9ef;transition:border-color .15s,box-shadow .15s}
.kw-chip:hover{border-color:#c9cfda;box-shadow:0 4px 12px rgba(17,26,44,.08)}
.kw-chip.on{border-color:#111a2c}
.kw-chip-open{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 6px 0 12px;border:0;background:none;font:inherit;font-size:12.5px;font-weight:800;color:#2b364b;cursor:pointer}
.kw-chip-open small{font-size:11px;font-weight:700;color:#9aa3b2}
.kw-chip-x{width:20px;height:20px;border:0;border-radius:50%;display:grid;place-items:center;padding:0;background:#f3f5f8;color:#9aa3b2;font-size:10px;font-weight:900;cursor:pointer}
.kw-chip-x:hover{background:#ffe5e3;color:#c23a51}
.kw-history-clear{margin-left:auto;height:30px;padding:0 10px;border:0;border-radius:9px;background:none;font:inherit;font-size:12px;font-weight:800;color:#9aa3b2;cursor:pointer}
.kw-history-clear:hover{background:#f5f6f8;color:#5d687c}
.kw-history-clear.is-armed{background:#fdecee;color:#c23a51}
@media (max-width:640px){.kw-history-clear{margin-left:0}.kw-chip-open small{display:none}}

/* ---------- 2026-10-18 v7: 채널 분석 report card ---------- */
.ca2{display:grid;gap:16px}
.ca2-card{background:#fff;border:1px solid #e6e9ef;border-radius:16px;box-shadow:0 1px 2px rgba(17,26,44,.04),0 8px 24px rgba(17,26,44,.04);overflow:hidden}
.ca2-id{display:flex;align-items:center;gap:14px;padding:16px 20px}
.ca2-pic{width:54px;height:54px;border-radius:50%;object-fit:cover;flex:none;background:#eef1f5;display:grid;place-items:center;font-size:20px;font-weight:900;color:#111a2c}
.ca2-id h1{margin:0;font-size:21px;letter-spacing:-.03em}
.ca2-id span{font-size:13px;color:#5d687c;font-weight:600}
.ca2-pick{margin-left:auto}
.ca2-pick select{height:38px;max-width:240px;padding:0 34px 0 14px;border-radius:11px;border:1px solid #e6e9ef;background:#fff;font:inherit;font-size:13px;font-weight:800;color:#111a2c;cursor:pointer}
.ca2-kpis{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #eef0f4}
.ca2-kpis>div{padding:14px 20px;min-width:0}.ca2-kpis>div+div{border-left:1px solid #eef0f4}
.ca2-kpis small{display:block;font-size:12px;font-weight:700;color:#9aa3b2}
.ca2-kpis b{font-size:22px;letter-spacing:-.02em;color:#111a2c}.ca2-kpis b i{font-style:normal;font-size:13px;color:#5d687c;margin-left:1px}
.ca2-kpis span{margin-left:6px;font-size:12px;font-weight:700;color:#5d687c}
.ca2-grades{display:flex;height:34px;margin:0 20px 16px;border-radius:10px;overflow:hidden;font-size:12px;font-weight:900}
.ca2-grades span{display:flex;align-items:center;justify-content:center;min-width:44px;color:#fff;white-space:nowrap;overflow:hidden}
.ca2-grades .g-boom{background:#e8432f}.ca2-grades .g-good{background:#ff9a3c}.ca2-grades .g-ok{background:#d9dee6;color:#2b364b}.ca2-grades .g-weak{background:#8a94a6}.ca2-grades .g-new{background:#eef1f5;color:#5d687c}
.ca2-h{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 14px 8px 18px;border-bottom:1px solid #eef0f4;flex-wrap:wrap}
.ca2-h h2{margin:0;font-size:15px;display:flex;align-items:center;gap:8px;white-space:nowrap}
.ca2-h h2 span{width:28px;height:28px;border-radius:9px;background:#f4f6f9;display:grid;place-items:center;font-size:15px}
.ca2-seg{display:flex;padding:3px;border-radius:10px;background:#f1f3f6}
.ca2-seg.is-end{margin-left:auto}
.ca2-seg button{height:28px;padding:0 11px;border:0;border-radius:8px;background:none;font:inherit;font-size:12.5px;font-weight:700;color:#5d687c;cursor:pointer;display:flex;align-items:center;gap:5px;white-space:nowrap}
.ca2-seg button em{font-style:normal;font-size:11px;color:#9aa3b2}
.ca2-seg button.on{background:#fff;color:#111a2c;font-weight:800;box-shadow:0 1px 3px rgba(17,26,44,.12)}
.ca2-scroll{overflow-x:auto}
.ca2-table table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
.ca2-table col.c-date{width:92px}
.ca2-table th{height:40px;padding:0 12px;background:#f8f9fb;border-bottom:1px solid #e6e9ef;text-align:left;white-space:nowrap}
.ca2-table th button{border:0;background:none;padding:0;font:inherit;font-size:12px;font-weight:800;color:#5d687c;cursor:pointer;display:inline-flex;align-items:center;gap:3px}
.ca2-table th.num{text-align:right}.ca2-table th.on button{color:#111a2c}
.ca2-table th .a{color:#c6ccd6}.ca2-table th.on .a{color:#111a2c}
.ca2-table th:first-child{font-size:12px;font-weight:800;color:#5d687c}
.ca2-table td{padding:8px 12px;border-bottom:1px solid #eef0f4;font-size:13px;vertical-align:middle}
.ca2-table td.num{text-align:right;font-weight:800}
.ca2-vid{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;width:100%;padding:0;border:0;background:none;font:inherit;text-align:left;cursor:pointer}
.ca2-th{display:block;width:96px;aspect-ratio:16/9;border-radius:8px;background:#1b2741 center/cover}
.ca2-vt{font-size:13.5px;font-weight:700;line-height:1.45;color:#111a2c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ca2-vid:hover .ca2-vt{text-decoration:underline}
.ca2-date b{display:block;font-size:12.5px}.ca2-date small{font-size:11px;color:#9aa3b2}
.ca2-chip{display:inline-flex;align-items:center;gap:3px;height:24px;padding:0 9px;border-radius:7px;font-size:12px;font-weight:900;white-space:nowrap;background:#f1f3f6;color:#2b364b}
.ca2-chip.is-boom{background:#ffe7e3;color:#c4301d}.ca2-chip.is-good{background:#fff1e0;color:#b35c00}.ca2-chip.is-weak{background:#eef0f4;color:#7a8396}.ca2-chip.is-new{background:#eef4ff;color:#3a5bd9}.ca2-chip.is-none{background:none;color:#9aa3b2}
.ca2-share{display:grid;grid-template-columns:1fr 44px;gap:8px;align-items:center}
.ca2-share i{display:block;height:7px;border-radius:4px;background:linear-gradient(90deg,#0a7f80,#36b3a3)}
.ca2-share span{font-size:12px;font-weight:800;text-align:right}
.ca2-more{display:block;width:100%;height:44px;border:0;border-top:1px solid #eef0f4;background:#fafbfc;font:inherit;font-size:13px;font-weight:800;color:#2b364b;cursor:pointer}
.ca2-whats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ca2-what .ca2-h{min-height:46px}
.ca2-wrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center;width:100%;padding:9px 14px;border:0;border-top:1px solid #eef0f4;background:none;font:inherit;text-align:left;cursor:pointer}
.ca2-what .ca2-h+.ca2-wrow{border-top:0}
.ca2-wrow:hover{background:#fafbfc}
.ca2-wrow b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#111a2c}
.ca2-wrow small{font-size:11px;color:#9aa3b2;font-weight:700}
.ca2-wrow .r{font-size:13px;font-weight:900;color:#111a2c}
.ca2-wbar{grid-column:1/-1;height:5px;border-radius:3px;background:#f1f3f6;overflow:hidden}.ca2-wbar i{display:block;height:100%;border-radius:3px;background:#ff9a3c}
.ca2-empty{margin:0;padding:22px;text-align:center;color:#9aa3b2;font-weight:800}
.ca2-skel{display:grid;gap:10px;padding:18px}.ca2-skel i{display:block;height:46px;border-radius:10px;background:linear-gradient(90deg,#f1f3f6,#f8f9fb,#f1f3f6);background-size:200% 100%;animation:ca2-skel 1.2s infinite}
@keyframes ca2-skel{to{background-position:-200% 0}}
@media (max-width:1100px){.ca2-whats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
  .ca2-kpis{grid-template-columns:repeat(2,1fr)}.ca2-kpis>div:nth-child(3){border-left:0}.ca2-kpis>div:nth-child(n+3){border-top:1px solid #eef0f4}
  .ca2-whats{grid-template-columns:1fr 1fr}
  .ca2-id{flex-wrap:wrap}.ca2-pick{margin-left:0;width:100%}.ca2-pick select{width:100%;max-width:none}
  .ca2-table .c-date,.ca2-table .c-share{display:none}
  .ca2-vid{grid-template-columns:72px minmax(0,1fr)}.ca2-th{width:72px}
  .ca2-grades{margin:0 14px 14px}
}
@media (max-width:480px){.ca2-whats{grid-template-columns:1fr}.ca2-seg.is-end{margin-left:0}}

/* ---------- 2026-10-18 v7: one-button research + result switches ---------- */
.rh .rh-one{padding:26px 26px 22px;display:grid;gap:14px;align-content:start}
.rh-one-ic{width:56px;height:56px;border-radius:16px;background:#f4f6f9;display:grid;place-items:center;font-size:28px}
.rh .rh-one h2{margin:0;font-size:22px;letter-spacing:-.03em;color:#111a2c}
.rh .rh-one .rh-start.rh-one-go{width:100%;height:56px;margin:4px 0 0;border-radius:15px;font-size:17px;font-weight:900;box-shadow:0 12px 26px rgba(17,26,44,.22)}
.rh-one-est{display:flex;justify-content:center;gap:14px;margin:0;font-size:12px;font-weight:700;color:#9aa3b2}
.rb-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.rb-seg{display:flex;padding:3px;border-radius:11px;background:#eef1f5;overflow-x:auto;max-width:100%}
.rb-seg button{flex:none;height:32px;padding:0 13px;border:0;border-radius:9px;background:none;font:inherit;font-size:13px;font-weight:800;color:#5d687c;display:flex;align-items:center;gap:5px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.rb-seg button em{font-style:normal;font-size:11px;font-weight:700;color:#9aa3b2}
.rb-seg button.on{background:#fff;color:#111a2c;box-shadow:0 1px 3px rgba(17,26,44,.12)}
.rh .rh-one .rh-one-go{justify-content:center;margin-left:0}
@media (max-width:760px){
  .ca2-table table{table-layout:auto}
  .ca2-table col{width:auto!important}
  .ca2-table th:nth-child(3),.ca2-table td:nth-child(3){display:none}
  .ca2-table td,.ca2-table th{padding:8px}
  .ca2-vid{grid-template-columns:64px minmax(0,1fr);gap:8px}.ca2-th{width:64px}
  .ca2-vt{font-size:12.5px}
}
@media (max-width:480px){.ca2-vid{grid-template-columns:minmax(0,1fr)}.ca2-th{display:none}}

/* ---------- 2026-10-18 v9: 수집 영상 (mockup ⑤) ---------- */
.cs-nav :is(button,a) .cs-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:9px;background:#ff4e45;color:#fff;font-style:normal;font-size:10.5px;font-weight:900;vertical-align:1px}
.cv{display:grid;gap:14px}
.cv-card{background:#fff;border:1px solid #e6e9ef;border-radius:16px;box-shadow:0 1px 2px rgba(17,26,44,.04),0 8px 24px rgba(17,26,44,.04);overflow:hidden;min-width:0}
.cv-paste{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px}
.cv-paste-ic{flex:none;width:34px;height:34px;border-radius:10px;background:#fff0ef;color:#ff4e45;display:grid;place-items:center;font-size:15px}
.cv-paste input{flex:1;min-width:0;height:40px;border:0;background:none;font:inherit;font-size:15px;font-weight:700;color:#111a2c;outline:none}
.cv-paste input::placeholder{color:#9aa3b2}
.cv-go{flex:none;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 22px;border:0;border-radius:11px;background:#111a2c;color:#fff;font:inherit;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 6px 16px rgba(17,26,44,.18)}
.cv-go:disabled{opacity:.55;cursor:default}
.cv-go i{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:rhSpin .8s linear infinite}
.cv-fail,.cv-wait{margin:-6px 4px 0;font-size:12.5px;font-weight:800}
.cv-fail{color:#c23a51}.cv-wait{color:#5d687c}
.cv-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;align-items:start}
.cv-h{display:flex;align-items:center;gap:8px;min-height:50px;padding:6px 16px 6px 18px;border-bottom:1px solid #eef0f4;flex-wrap:wrap}
.cv-h h2{margin:0;font-size:15px;display:flex;align-items:center;gap:8px;white-space:nowrap}
.cv-h h2 span{width:28px;height:28px;border-radius:9px;background:#f4f6f9;display:grid;place-items:center;font-size:15px}
.cv-h>em{margin-left:auto;font-style:normal;font-size:12.5px;font-weight:800;color:#5d687c}
.cv-list{position:sticky;top:12px}
.cv-row{position:relative;border-top:1px solid #eef0f4}
.cv-h+.cv-row{border-top:0}
.cv-row.is-on{background:#f7f9ff;box-shadow:inset 3px 0 0 #111a2c}
.cv-row-open{display:grid;grid-template-columns:92px minmax(0,1fr);gap:11px;align-items:center;width:100%;padding:11px 34px 11px 14px;border:0;background:none;font:inherit;text-align:left;cursor:pointer}
.cv-row:not(.is-on):hover{background:#fafbfc}
.cv-th{position:relative;display:block;aspect-ratio:16/9;border-radius:8px;background:#1b2741 center/cover}
.cv-th i,.cv-hero-th i{position:absolute;right:4px;bottom:4px;font-style:normal;height:16px;padding:0 4px;border-radius:4px;background:rgba(0,0,0,.8);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center}
.cv-row-tx{min-width:0}
.cv-row-tx b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.8px;line-height:1.4;color:#111a2c}
.cv-row-tx small{display:block;margin-top:3px;font-size:11px;font-weight:700;color:#9aa3b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.cv-chip{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 7px;border-radius:6px;font-size:10.5px;font-weight:900;white-space:nowrap;background:#f1f3f6;color:#2b364b}
.cv-chip.is-boom{background:#ffe7e3;color:#c4301d}.cv-chip.is-good{background:#fff1e0;color:#b35c00}.cv-chip.is-weak{background:#eef0f4;color:#7a8396}.cv-chip.is-new{background:#eef4ff;color:#3a5bd9}.cv-chip.is-none{background:none;color:#9aa3b2;padding:0}
.cv-chip.is-up{background:#e5f4ec;color:#11804a}.cv-chip.is-slow{background:#f1f3f6;color:#5d687c}.cv-chip.is-stop{background:#f6f7f9;color:#9aa3b2}.cv-chip.is-steady{background:#f1f5ff;color:#3a5bd9}
.cv-row-x{position:absolute;right:8px;top:10px;width:22px;height:22px;border:0;border-radius:50%;background:#f3f5f8;color:#9aa3b2;font-size:10px;font-weight:900;cursor:pointer;opacity:0;transition:opacity .15s}
.cv-row:hover .cv-row-x,.cv-row-x:focus-visible{opacity:1}
.cv-row-x:hover{background:#ffe5e3;color:#c23a51}
.cv-empty{margin:0;padding:24px;text-align:center;color:#9aa3b2;font-weight:800}
.cv-blank{display:grid;place-items:center;min-height:260px;font-size:44px;opacity:.5}
.cv-report{display:grid;gap:14px;min-width:0}
.cv-hero{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;padding:18px}
.cv-hero-th{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;background:#1b2741 center/cover}
.cv-hero-tx{min-width:0}
.cv-who{display:flex;align-items:center;gap:8px;font-size:13px;color:#2b364b}
.cv-who img,.cv-who span{width:26px;height:26px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#f7b733,#fc4a1a);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}
.cv-who b{font-weight:800}.cv-who small{color:#9aa3b2;font-weight:700}
.cv-hero h1{margin:6px 0 8px;font-size:19px;line-height:1.4;letter-spacing:-.02em;color:#111a2c;overflow-wrap:anywhere}
.cv-nums{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:12px;font-weight:700;color:#9aa3b2}
.cv-nums b{display:block;font-size:17px;color:#111a2c;letter-spacing:-.02em}
.cv-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cv-btn{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 13px;border-radius:10px;border:1px solid #e6e9ef;background:#fff;font:inherit;font-size:12.5px;font-weight:800;color:#2b364b;text-decoration:none;cursor:pointer}
.cv-btn:hover{background:#f7f8fa}
.cv-verdict{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #eef0f4}
.cv-verdict>div{padding:14px 18px;min-width:0}.cv-verdict>div+div{border-left:1px solid #eef0f4}
.cv-verdict small{display:block;font-size:12px;font-weight:800;color:#9aa3b2}
.cv-verdict b{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:4px 0 2px;font-size:22px;letter-spacing:-.02em;color:#111a2c}
.cv-verdict b em{font-style:normal;font-size:11.5px;font-weight:900;height:22px;padding:0 8px;border-radius:7px;display:inline-flex;align-items:center;background:#f1f3f6;color:#2b364b;letter-spacing:0}
.cv-verdict b em.is-boom{background:#ffe7e3;color:#c4301d}.cv-verdict b em.is-good{background:#fff1e0;color:#b35c00}.cv-verdict b em.is-new{background:#eef4ff;color:#3a5bd9}.cv-verdict b em.is-weak{background:#eef0f4;color:#7a8396}.cv-verdict b em.is-tag{background:#f1f3f6;color:#5d687c}
.cv-verdict span{display:block;font-size:11.5px;font-weight:700;color:#5d687c;line-height:1.45}
.cv-two{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;align-items:stretch}
.cv-legend{display:flex;gap:12px;margin-left:auto;font-size:11.5px;font-weight:800;color:#5d687c;flex-wrap:wrap}
.cv-legend i{display:inline-block;width:18px;height:0;margin-right:5px;vertical-align:middle;border-top:2.5px solid #111a2c}
.cv-legend i.is-est{border-top-style:dashed}.cv-legend i.is-usual{border-top:2px dashed #c9cfda}
.cv-chart{padding:4px 14px 10px}
.cv-svg{display:block;width:100%;height:auto}
.cv-solo{display:grid;gap:12px;padding:16px 18px}
.cv-badge{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#f7f8fa;border:1px solid #eef0f4}
.cv-badge.is-yes{background:#fff6f4;border-color:#ffd9d2}
.cv-badge>span{font-size:22px}
.cv-badge b{font-size:14px;color:#111a2c}.cv-badge small{display:block;margin-top:2px;font-size:11.5px;font-weight:700;color:#5d687c}
.cv-cmp{display:grid;gap:8px}
.cv-cmp-row{display:grid;grid-template-columns:96px minmax(0,1fr) 54px;gap:10px;align-items:center;font-size:12.5px;font-weight:800}
.cv-cmp-row small{font-size:11.5px;font-weight:800;color:#5d687c;white-space:nowrap}
.cv-cmp-row i{display:block;height:12px;border-radius:6px;background:#d9dee6}
.cv-cmp-row i.is-this{background:linear-gradient(90deg,#ff4e45,#ff9a3c)}.cv-cmp-row i.is-next{background:#ffb38a}
.cv-cmp-row span{text-align:right;color:#111a2c}
.cv-signal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cv-signal>div{padding:10px 12px;border-radius:11px;background:#f7f8fa;min-width:0}
.cv-signal small{display:block;font-size:11px;font-weight:800;color:#9aa3b2}
.cv-signal b{font-size:14px;color:#111a2c;white-space:nowrap}
.cv-ana{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 18px 18px}
.cv-acard{position:relative;display:grid;gap:6px;align-content:start;padding:15px 14px 13px;border-radius:13px;border:1px solid #e6e9ef;background:#fff;font:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:box-shadow .15s,transform .15s}
.cv-acard::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--c)}
.cv-acard:hover{box-shadow:0 8px 20px rgba(17,26,44,.08);transform:translateY(-1px)}
.cv-acard b{display:flex;align-items:center;gap:6px;font-size:13.5px;color:#111a2c}
.cv-acard small{font-size:11.5px;font-weight:700;color:#9aa3b2}
.cv-acard-go{justify-self:start;margin-top:2px;height:28px;padding:0 11px;border-radius:8px;background:var(--c);color:#fff;font-size:11.5px;font-weight:900;display:inline-flex;align-items:center}
.cv-acard.is-ready .cv-acard-go{background:#fff;color:var(--c);box-shadow:inset 0 0 0 1.5px var(--c)}
.cv-skel{display:grid;gap:10px;padding:18px}.cv-skel i{display:block;height:54px;border-radius:12px;background:linear-gradient(90deg,#f1f3f6,#f8f9fb,#f1f3f6);background-size:200% 100%;animation:ca2-skel 1.2s infinite}
@media (max-width:1180px){.cv-layout{grid-template-columns:280px minmax(0,1fr)}.cv-hero{grid-template-columns:240px minmax(0,1fr)}.cv-ana{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:960px){
  .cv-layout{grid-template-columns:1fr}.cv-list{position:static}
  .cv-two{grid-template-columns:1fr}
  .cv-verdict{grid-template-columns:repeat(2,minmax(0,1fr))}.cv-verdict>div:nth-child(3){border-left:0}.cv-verdict>div:nth-child(n+3){border-top:1px solid #eef0f4}
}
@media (max-width:640px){
  .cv-hero{grid-template-columns:1fr;padding:14px}.cv-hero h1{font-size:16px}
  .cv-verdict b{font-size:19px}.cv-verdict>div{padding:12px 14px}
  .cv-paste input{font-size:13px}.cv-go{padding:0 14px}
  .cv-ana{grid-template-columns:1fr 1fr;padding:12px}
  .cv-row-x{opacity:1}
  .cv-legend{margin-left:0}
}
/* 수집 영상 follows its own width (the app's side menu can leave it narrow on a phone). */
.cv{container-type:inline-size}
@container (max-width:900px){
  .cv-layout{grid-template-columns:1fr}.cv-list{position:static}
  .cv-two{grid-template-columns:1fr}
  .cv-verdict{grid-template-columns:repeat(2,minmax(0,1fr))}.cv-verdict>div:nth-child(3){border-left:0}.cv-verdict>div:nth-child(n+3){border-top:1px solid #eef0f4}
  .cv-ana{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container (max-width:620px){
  .cv-hero{grid-template-columns:1fr;padding:14px}.cv-hero h1{font-size:16px}
  .cv-legend{margin-left:0}
  .cv-row-x{opacity:1}
}
@container (max-width:420px){
  .cv-paste{padding:6px 6px 6px 10px}.cv-paste-ic{display:none}.cv-paste input{font-size:13px}.cv-go{padding:0 12px;height:38px}
  .cv-h{padding:6px 12px}.cv-h h2{font-size:14px}.cv-h h2 span{width:24px;height:24px;font-size:13px}
  .cv-row-open{grid-template-columns:72px minmax(0,1fr);gap:9px;padding:10px 30px 10px 10px}
  .cv-verdict{grid-template-columns:1fr}.cv-verdict>div+div{border-left:0;border-top:1px solid #eef0f4}.cv-verdict>div{padding:11px 14px}.cv-verdict b{font-size:18px}
  .cv-nums{gap:6px 12px}.cv-nums b{font-size:15px}
  .cv-tools .cv-btn{flex:1 1 100%;justify-content:center}
  .cv-solo{padding:12px}.cv-cmp-row{grid-template-columns:64px minmax(0,1fr) 44px;gap:6px}
  .cv-signal{grid-template-columns:1fr}
  .cv-ana{grid-template-columns:1fr;padding:12px}
  .cv-chart{padding:4px 6px 8px}
}
@container (max-width:260px){
  .cv-row-open{grid-template-columns:minmax(0,1fr)}.cv-row-open .cv-th{display:none}
  .cv-hero h1{font-size:15px}
}
/* six tabs since 수집 영상: the bar scrolls sideways instead of running past its edge */
.cs-nav{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.cs-nav::-webkit-scrollbar{display:none}
@media (max-width:1180px){.cs-nav :is(button,a){padding:0 10px}.cs-nav :is(button,a).is-on::after{left:10px;right:10px}}

/* ---------- 2026-10-18 v10: 수집 영상 report v2 (mockup ⑥) ---------- */
.cv-chip.is-hot{background:#ffe7e3;color:#c4301d}
.cv-now{display:grid;grid-template-columns:300px minmax(0,1fr)}
.cv-now-left{padding:18px 20px;border-right:1px solid #eef0f4;background:linear-gradient(160deg,#f7f8fa,#fff 70%)}
.cv-now-left.is-hot{background:linear-gradient(160deg,#fff3f0,#fff 70%)}.cv-now-left.is-up{background:linear-gradient(160deg,#eefaf3,#fff 70%)}
.cv-state{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:12px;font-size:17px;font-weight:900;background:#eef0f4;color:#2b364b}
.cv-state.is-hot{background:#ff4e45;color:#fff;box-shadow:0 10px 22px rgba(255,78,69,.28)}
.cv-state.is-up{background:#11804a;color:#fff;box-shadow:0 10px 22px rgba(17,128,74,.22)}
.cv-state.is-steady{background:#e8eefc;color:#3a5bd9}.cv-state.is-slow{background:#f1f3f6;color:#5d687c}.cv-state.is-stop{background:#f1f3f6;color:#9aa3b2}
.cv-big{margin:14px 0 4px;font-size:30px;font-weight:900;letter-spacing:-.03em;color:#111a2c;line-height:1.1}
.cv-big small{margin-left:5px;font-size:13.5px;font-weight:800;color:#5d687c;letter-spacing:0}
.cv-vs{font-size:13px;font-weight:800;line-height:1.5;color:#2b364b}.cv-vs em{font-style:normal;color:#c4301d}
.cv-scale{display:flex;gap:4px;margin-top:14px}
.cv-scale span{flex:1;min-width:0;height:26px;border-radius:7px;background:#f1f3f6;font-size:10.5px;font-weight:900;color:#9aa3b2;display:grid;place-items:center;white-space:nowrap}
.cv-scale span.on{color:#fff}.cv-scale span.is-hot{background:#ff4e45}.cv-scale span.is-up{background:#11804a}.cv-scale span.is-steady{background:#3a5bd9}.cv-scale span.is-slow{background:#8a94a6}.cv-scale span.is-stop{background:#b6bdc9}
.cv-now-right{display:grid;gap:10px;align-content:start;padding:14px 18px;min-width:0}
.cv-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.cv-facts>div{padding:10px 12px;border-radius:11px;background:#f7f8fa;min-width:0}
.cv-facts small{display:block;font-size:11px;font-weight:800;color:#9aa3b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-facts b{font-size:15px;color:#111a2c;white-space:nowrap}
.cv-speed-wait{position:relative}
.cv-speed-wait span{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);height:26px;padding:0 12px;border-radius:999px;background:#f4f6f9;font-size:12px;font-weight:800;color:#5d687c;display:flex;align-items:center;white-space:nowrap}
.cv-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.cv-tiles>div{padding:13px 16px;min-width:0}
.cv-tiles>div:nth-child(odd){border-right:1px solid #eef0f4}.cv-tiles>div:nth-child(n+3){border-top:1px solid #eef0f4}
.cv-tiles small{display:block;font-size:11.5px;font-weight:800;color:#9aa3b2}
.cv-tiles b{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:3px 0 1px;font-size:20px;letter-spacing:-.02em;color:#111a2c}
.cv-tiles b em{font-style:normal;height:21px;padding:0 7px;border-radius:7px;font-size:11px;font-weight:900;display:inline-flex;align-items:center;background:#f1f3f6;color:#2b364b;letter-spacing:0}
.cv-tiles b em.is-boom{background:#ffe7e3;color:#c4301d}.cv-tiles b em.is-good{background:#fff1e0;color:#b35c00}.cv-tiles b em.is-new{background:#eef4ff;color:#3a5bd9}
.cv-tiles span{display:block;font-size:11px;font-weight:700;color:#5d687c}
.cv-tiles+.cv-badge{margin:4px 16px 16px}
.cv-seg{display:flex;margin-left:auto;padding:3px;border-radius:10px;background:#f1f3f6}
.cv-seg button{height:26px;padding:0 10px;border:0;border-radius:8px;background:none;font:inherit;font-size:12px;font-weight:700;color:#5d687c;cursor:pointer;white-space:nowrap}
.cv-seg button.on{background:#fff;color:#111a2c;font-weight:800;box-shadow:0 1px 3px rgba(17,26,44,.12)}
.cv-cmt-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 16px 2px}
.cv-cmt-stats>div{padding:9px 12px;border-radius:10px;background:#f7f8fa;min-width:0}
.cv-cmt-stats small{display:block;font-size:11px;font-weight:800;color:#9aa3b2}.cv-cmt-stats b{font-size:15px;color:#111a2c}
.cv-dv{display:block;gap:0}
.cv-cmts{padding:14px 18px 18px}
@container (max-width:900px){.cv-now{grid-template-columns:1fr}.cv-now-left{border-right:0;border-bottom:1px solid #eef0f4}}
@container (max-width:620px){.cv-facts,.cv-cmt-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cv-big{font-size:26px}}
@container (max-width:420px){
  .cv-now-left{padding:14px}.cv-now-right{padding:12px}
  .cv-state{font-size:15px;height:36px;padding:0 12px}
  .cv-scale span{font-size:9.5px}
  .cv-tiles{grid-template-columns:1fr}.cv-tiles>div:nth-child(odd){border-right:0}.cv-tiles>div+div{border-top:1px solid #eef0f4}
  .cv-cmt-stats{padding:10px 12px 2px}.cv-cmts{padding:12px}
  .cv-h .cv-seg{margin-left:0}
}
@container (max-width:260px){.cv-facts,.cv-cmt-stats{grid-template-columns:1fr}.cv-scale{flex-wrap:wrap}.cv-scale span{flex:1 1 40%}}
.cv-vs em{white-space:nowrap}

/* ---------- 2026-10-18 v11: 수집 영상 report v3 (mockup ⑧) ---------- */
.cv-legend i.is-cmt{border-top:2.5px dashed #3a5bd9}.cv-legend i.is-now{border-top-color:#ff4e45}
.cv-stack{display:grid;gap:14px;align-content:start;min-width:0}
.cv-two{align-items:start}
.cv-tiles b em.is-c-great{background:#11804a;color:#fff}.cv-tiles b em.is-c-good{background:#e2f4e9;color:#11804a}.cv-tiles b em.is-c-normal{background:#f1f3f6;color:#5d687c}.cv-tiles b em.is-c-bad{background:#fdecea;color:#c4301d}
.cv-speed-h{display:flex;align-items:center;gap:10px;min-width:0}.cv-speed-h b{font-size:12.5px;color:#2b364b;white-space:nowrap}
.cv-rx-counts{display:flex;gap:10px;margin-left:auto;font-size:12.5px;font-weight:900;color:#2b364b;white-space:nowrap}
.cv-rx-body{padding:14px 16px 16px}
.cv-rx-body .rxp-row{grid-template-columns:56px minmax(0,1fr) 70px}
.cv-cmt-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;padding:16px 18px;border-bottom:1px solid #eef0f4}
.cv-cmt-head.is-single{grid-template-columns:1fr}
.cv-cmt-head.is-single .cv-ctiles{grid-template-columns:repeat(4,minmax(0,1fr))}
.cv-ctiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}
.cv-ct{position:relative;min-width:0;padding:12px 14px 12px 17px;border:1px solid #e6e9ef;border-radius:13px;background:#fff;overflow:hidden}
.cv-ct::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c,#111a2c)}
.cv-ct small{display:block;font-size:12px;font-weight:900;color:var(--c,#111a2c)}
.cv-ct b{display:block;margin-top:2px;font-size:28px;font-weight:900;letter-spacing:-.03em;line-height:1.15;color:#111a2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-ct b em{font-style:normal;font-size:14px;font-weight:800;color:#5d687c;margin-left:3px;letter-spacing:0}
.cv-ct.c1{--c:#111a2c}.cv-ct.c2{--c:#ff4e45;background:#fff7f6}.cv-ct.c3{--c:#3a5bd9;background:#f6f8ff}.cv-ct.c4{--c:#11804a;background:#f4fbf7}
.cv-cbars{min-width:0}.cv-cbars h3{margin:0 0 4px;font-size:12px;font-weight:900;color:#2b364b}
@container (max-width:900px){.cv-cmt-head{grid-template-columns:1fr}}
@container (max-width:620px){.cv-cmt-head.is-single .cv-ctiles{grid-template-columns:repeat(2,minmax(0,1fr))}.cv-ct b{font-size:23px}}
@container (max-width:420px){.cv-cmt-head{padding:12px}.cv-ct{padding:10px 11px 10px 14px}.cv-ct b{font-size:20px}.cv-rx-body{padding:12px}.cv-speed-h{flex-wrap:wrap}.cv-speed-h .cv-legend{margin-left:0}}

/* ---------- 2026-10-18 v12: research bar, 새로 조사 page, ☰/▦ results (mockups ⑫–⑮ on the real screen) ---------- */
.cs-page-head.rbar{align-items:center;gap:12px;margin:0 0 14px;padding:12px 14px 12px 16px;background:#fff;border:1px solid #e6e9ef;border-radius:16px;box-shadow:0 1px 2px rgba(17,26,44,.04),0 8px 24px rgba(17,26,44,.04)}
.rbar-ic{flex:none;width:38px;height:38px;border-radius:11px;background:#f1f5ff;display:grid;place-items:center;font-size:18px}
.rbar-when{min-width:0}
.cs-page-head.rbar h1{font-size:17px;letter-spacing:-.02em;white-space:nowrap}
.rbar-when small{display:block;font-size:12px;font-weight:700;color:#9aa3b2;line-height:1.45}
.rbar-fresh{flex:none;height:24px;padding:0 9px;border-radius:999px;background:#e5f4ec;color:#11804a;font-size:11.5px;font-weight:900;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.rbar-fresh i{width:6px;height:6px;border-radius:50%;background:currentColor}
.rbar-fresh.is-now{background:#3a5bd9;color:#fff}
.rbar-grow{flex:1}
.rbar .cs-head-actions{margin-left:0}
.rbar .rs-rise-label{white-space:nowrap}
.rbar-menu{position:relative}
.rbar-pick{height:38px;padding:0 12px;border-radius:11px;border:1px solid #e6e9ef;background:#fff;font:inherit;font-size:13px;font-weight:800;color:#2b364b;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer}
.rbar-pick em{font-style:normal;color:#9aa3b2}.rbar-pick span{font-size:10px;color:#9aa3b2}
.rbar-menu.is-open .rbar-pick{border-color:#111a2c}
.rbar-drop{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:360px;max-height:420px;overflow:auto;padding:6px;background:#fff;border:1px solid #e6e9ef;border-radius:16px;box-shadow:0 24px 54px rgba(17,26,44,.18)}
.rbar-menu.is-open .rbar-drop{display:block}
.rbar-run{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 12px;border-radius:11px;cursor:pointer}
.rbar-run:hover{background:#f7f8fa}.rbar-run.is-on{background:#f1f5ff}
.rbar-run-tx b{display:block;font-size:13px;color:#111a2c}.rbar-run-tx small{display:block;font-size:11.5px;font-weight:700;color:#9aa3b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rbar-run-n{font-size:12px;font-weight:900;color:#2b364b;white-space:nowrap}.rbar-run.is-on .rbar-run-n{color:#3a5bd9}
.rbar-run .rh-del{position:static;opacity:.5}.rbar-run:hover .rh-del{opacity:1}
.rbar-go{height:38px;padding:0 16px;border:0;border-radius:11px;background:#111a2c;color:#fff;font:inherit;font-size:13px;font-weight:900;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer}
.rh-page{max-width:760px;margin:0 auto;gap:14px}
.rh-page-h{display:grid;gap:8px;justify-items:start;margin:4px 0 2px}
.rh-page-h h1{margin:0;font-size:24px;letter-spacing:-.03em;color:#111a2c}
.rgrid-switch{display:inline-flex;flex:none;padding:3px;border-radius:10px;background:#f1f3f6;margin-left:10px}
.rgrid-switch button{width:34px;height:28px;border:0;border-radius:8px;background:none;font:inherit;font-size:14px;color:#5d687c;cursor:pointer}
.rgrid-switch button.on{background:#fff;color:#111a2c;box-shadow:0 1px 3px rgba(17,26,44,.12)}
.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px 14px;padding:16px 2px 6px}
.rgrid-card{min-width:0;display:grid;align-content:start}
.rgrid-th{position:relative;aspect-ratio:16/9;border-radius:12px;background:#1b2741 center/cover;overflow:hidden}
.rgrid-open{position:absolute;inset:0;border:0;background:transparent;cursor:pointer}
.rgrid-reach{position:absolute;left:8px;top:8px;pointer-events:none}.rgrid-reach .competitor-reach-grade{pointer-events:auto}
.rgrid-th i{position:absolute;right:7px;bottom:7px;height:18px;padding:0 6px;border-radius:5px;background:rgba(8,12,20,.82);color:#fff;font-size:10.5px;font-weight:800;font-style:normal;display:flex;align-items:center}
.rgrid-title{margin:9px 0 0;padding:0;border:0;background:none;text-align:left;font:inherit;font-size:13.5px;line-height:1.42;font-weight:800;color:#111a2c;cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rgrid-title:hover{color:#3a5bd9}
.rgrid-ch{display:flex;align-items:center;gap:6px;margin-top:6px;min-width:0;font-size:12px;color:#5d687c}
.rgrid-ch img,.rgrid-av{flex:none;width:20px;height:20px;border-radius:50%;object-fit:cover;background:#e6e9ef;display:grid;place-items:center;font-size:10px;font-weight:900;color:#5d687c}
.rgrid-ch b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800}
.rgrid-meta{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;font-weight:800;color:#2b364b;white-space:nowrap}
.rgrid-tags{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px;min-width:0}
.rgrid-lbl{font-size:10.5px;font-weight:800;color:#9aa3b2;margin-right:-3px}
.rgrid-tags .competitor-reaction-cell{margin:0;padding:0}
.rgrid-growth{margin-top:6px}
.rgrid-empty{padding:40px;text-align:center;color:#9aa3b2}
@media (max-width:900px){
  .cs-page-head.rbar{flex-wrap:wrap}.rbar-grow{display:none}.rbar .cs-head-actions{width:100%;flex-wrap:wrap}
  .rbar-drop{right:auto;left:0;width:min(360px,calc(100vw - 48px))}
}
@media (max-width:520px){
  .rgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
  .rgrid-title{font-size:12.5px}.rgrid-tags .rgrid-lbl{display:none}
  .rbar-when small{white-space:normal}
  .rh-page-h h1{font-size:21px}
}

/* ---------- 2026-10-19: 영상 찾기 list with the 경쟁채널 분석 columns ---------- */
.kw-chan{display:flex;align-items:center;gap:8px;min-width:0}
.kw-av{flex:none;width:26px;height:26px;border-radius:50%;background:#eef1f5;color:#5d687c;display:grid;place-items:center;font-size:11px;font-weight:900}
.kw-chan b{min-width:0;font-size:13px;font-weight:800;color:#111a2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kw-table .kw-vid{grid-template-columns:120px minmax(0,1fr)}
.kw-table .kw-th{width:120px}
.kw-vt small:empty{display:none}
.kw-vt small .kw-fmt{height:19px;padding:0 6px;font-size:10.5px;margin-right:6px}
.kw-reach{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.kw-reach small{font-size:12px;font-weight:900;color:#2b364b}
.kw-table td.c-views{font-weight:800}

/* ---------- 2026-10-19: 수집 영상 — short full-width graph, 기여도 | 반응 side by side, big like/comment numbers ---------- */
.cv-growth-card .cv-chart{padding:6px 16px 10px}
.cv-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.cv-pair>.cv-card{display:flex;flex-direction:column}
.cv-rx-big{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 16px 0}
.cv-rx-big>div{min-width:0;padding:12px 14px;border-radius:13px;border:1px solid #e6e9ef}
.cv-rx-big .is-like{background:#f2faf5;border-color:#d6eedf}.cv-rx-big .is-cmt{background:#f4f7ff;border-color:#dce5fb}
.cv-rx-big small{display:block;font-size:12px;font-weight:900;color:#5d687c}
.cv-rx-big b{display:block;margin-top:2px;font-size:30px;font-weight:900;letter-spacing:-.03em;line-height:1.1;color:#111a2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-rx-big .is-like b{color:#11804a}.cv-rx-big .is-cmt b{color:#3a5bd9}
.cv-rx .cv-rx-body{padding-top:12px}
@container (max-width:760px){.cv-pair{grid-template-columns:1fr}}
@container (max-width:420px){.cv-rx-big{padding:12px 12px 0}.cv-rx-big b{font-size:24px}}

/* ---------- 2026-10-19: 성장 그래프 [우리 측정 | 뷰트랩 참고] (mockups ⑯⑰) ---------- */
.cv-gseg{display:inline-flex;padding:3px;border-radius:10px;background:#f1f3f6;margin-left:12px}
.cv-gseg button{height:28px;padding:0 12px;border:0;border-radius:8px;background:none;font:inherit;font-size:12px;font-weight:800;color:#5d687c;white-space:nowrap;cursor:pointer}
.cv-gseg button.on{background:#fff;color:#111a2c;box-shadow:0 1px 3px rgba(17,26,44,.12)}
.cv-vt{padding:10px 16px 14px}
.cv-vt-shot{display:block;width:100%;padding:0;border:1px solid #eef0f4;border-radius:12px;background:#f7f8fa;overflow:hidden;cursor:zoom-in}
.cv-vt-shot img{display:block;width:100%;min-height:120px}
.cv-vt-foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin-top:8px;font-size:12px;font-weight:700;color:#9aa3b2}
.cv-vt-foot b{color:#2b364b}.cv-vt-foot em{font-style:normal;color:#c4301d;font-weight:800}
.cv-vt-sp{flex:1}
.cv-vt-btn{height:28px;padding:0 10px;border-radius:8px;border:1px solid #e6e9ef;background:#fff;font:inherit;font-size:12px;font-weight:800;color:#2b364b;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer}
.cv-vt-btn:disabled{opacity:.6;cursor:default}
.cv-vt-btn.is-login{border-color:#111a2c;background:#111a2c;color:#fff}
.cv-vt-btn i,.cv-vt-wait i{width:12px;height:12px;border-radius:50%;border:2px solid #c9cfda;border-top-color:#3a5bd9;animation:cvspin .8s linear infinite}
@keyframes cvspin{to{transform:rotate(360deg)}}
.cv-vt.is-empty .cv-vt-wait{display:flex;align-items:center;justify-content:center;gap:8px;height:180px;border-radius:12px;background:#f7f8fa;font-size:13px;font-weight:800;color:#5d687c}
.cv-vt-box{position:fixed;inset:0;z-index:9500;display:grid;place-items:center;padding:30px;background:rgba(10,16,28,.72)}
.cv-vt-box-in{width:min(980px,100%);max-height:calc(100vh - 60px);overflow:auto;border-radius:16px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.cv-vt-box-h{position:sticky;top:0;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-bottom:1px solid #eef0f4;font-size:14px;color:#111a2c;z-index:1}
.cv-vt-box-h small{font-size:12px;font-weight:700;color:#9aa3b2}
.cv-vt-box-h button{margin-left:auto;width:32px;height:32px;border:0;border-radius:9px;background:#f4f6f9;font-size:16px;color:#5d687c;cursor:pointer}
.cv-vt-box img{display:block;width:100%}
@container (max-width:620px){.cv-h .cv-gseg{margin-left:0}}
@media (max-width:640px){.cv-vt-box{padding:10px}.cv-vt-box-in{max-height:calc(100vh - 20px)}}
.cv-growth-card .cv-h{flex-wrap:wrap;row-gap:6px}
/* 수집 영상 폴더·검색 (2026-10-19, approved mockup ⑱) */
.cv-fbar{display:grid;gap:9px;padding:10px 14px;border-bottom:1px solid #eef0f4}
.cv-search{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 12px;border:1px solid #e6e9ef;border-radius:11px;background:#f7f8fa;color:#8a94a6;font-size:13px}
.cv-search:focus-within{border-color:#c9d2dd;background:#fff}
.cv-search input{flex:1;min-width:0;border:0;background:none;outline:0;font-family:inherit;font-size:13px;font-weight:600;color:#17213a}
.cv-search button{width:20px;height:20px;border:0;border-radius:50%;background:#e9edf2;color:#6b778a;font-size:9px;font-weight:900;cursor:pointer}
.cv-folders{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cv-fchip{display:inline-flex;align-items:center;gap:5px;max-width:100%;height:28px;padding:0 10px;border:1px solid #e6e9ef;border-radius:999px;background:#fff;color:#3b475c;font-family:inherit;font-size:12px;font-weight:700;line-height:1;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.cv-fchip span:not(.cv-av){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}
.cv-fchip em{font-style:normal;color:#9aa3b2;font-weight:800}
.cv-fchip:hover{border-color:#c9d2dd}
.cv-fchip.is-on{background:#eef6ff;border-color:#bcd6ff;color:#1f5fd1}
.cv-fchip.is-on em{color:#1f5fd1}
.cv-fchip i{display:inline-grid;place-items:center;width:16px;height:16px;margin-right:-4px;border-radius:50%;background:#dbe8ff;color:#1f5fd1;font-style:normal;font-size:8px;font-weight:900}
.cv-fchip.is-add{border-style:dashed;color:#6b778a}
.cv-av{display:inline-grid;place-items:center;flex:none;width:17px;height:17px;border-radius:50%;background:#ffe6cc;color:#b45309;font-size:10px;font-weight:900}
.cv-av.is-me{background:#dff3ea;color:#11804a}
.cv-fsep{width:1px;height:18px;margin:0 2px;background:#e6e9ef}
.cv-fnew,.cv-fpop-new{display:inline-flex;gap:5px}
.cv-fnew input,.cv-fpop-new input{min-width:0;height:28px;padding:0 10px;border:1px solid #c9d2dd;border-radius:999px;font-family:inherit;font-size:12px;font-weight:600;outline:0}
.cv-fnew input{width:130px}
.cv-fnew button,.cv-fpop-new button{height:28px;padding:0 11px;border:0;border-radius:999px;background:#17213a;color:#fff;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer}
.cv-ferr{margin:0;color:#c2410c;font-size:12px;font-weight:700}
.cv-ftag{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 7px;border-radius:999px;background:#f3f5f8;color:#55637a;font-size:11px;font-weight:700;white-space:nowrap}
mark.cv-hit{background:#fff1a8;color:inherit;border-radius:3px;padding:0 1px}
.cv-row-fold{position:absolute;right:8px;bottom:12px;width:24px;height:24px;border:0;border-radius:50%;background:#f3f5f8;font-size:11px;line-height:1;cursor:pointer}
.cv-row-fold:hover{background:#e9edf2}
.cv-row-fold.is-open{background:#17213a}
.cv-fpop{position:fixed;z-index:9500;width:236px;padding:8px;border:1px solid #e6ebf1;border-radius:16px;background:#fff;color:#17213a;box-shadow:0 18px 40px rgba(17,26,44,.16);animation:cap-in .14s ease-out}
.cv-fpop b{display:block;padding:4px 6px 6px;color:#6b778a;font-size:11.5px}
.cv-fpick{display:flex;align-items:center;gap:9px;width:100%;padding:8px;border:0;border-radius:10px;background:none;color:#17213a;font-family:inherit;font-size:13px;font-weight:700;text-align:left;cursor:pointer}
.cv-fpick:hover{background:#f5f7fa}
.cv-ck{display:grid;place-items:center;flex:none;width:18px;height:18px;border:1.5px solid #c9d2dd;border-radius:6px;color:transparent;font-size:11px}
.cv-ck.is-on{border-color:#1f5fd1;background:#1f5fd1;color:#fff}
.cv-fpop-new{display:flex;margin-top:6px;padding-top:8px;border-top:1px solid #eef0f4}
.cv-fpop-new input{flex:1;border-radius:9px;height:32px}
.cv-fpop-new button{border-radius:9px;height:32px}

/* 성장 그래프 · 뷰트랩 추정 (2026-10-19) */
.cv-legend i.is-vt{border-top:2.5px solid #0f9f8f}
.cv-vt-src{display:flex;align-items:center;gap:8px;justify-content:flex-end;padding:2px 16px 12px;color:#9aa3b2;font-size:11.5px;font-weight:700}
.cv-vt-src em{font-style:normal;color:#c2410c}
.cv-vt-link{border:0;background:none;padding:0;color:#6b778a;font-family:inherit;font-size:11.5px;font-weight:700;cursor:pointer}
.cv-vt-link:hover{color:#0f9f8f;text-decoration:underline}
.cv-vt-mini{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border:1px solid #e6e9ef;border-radius:999px;background:#fff;color:#55637a;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer}
.cv-vt-mini.is-login{padding:0 10px;color:#0f9f8f;border-color:#bfe7e1}
.cv-vt-mini i{width:10px;height:10px;border:2px solid #c9d2dd;border-top-color:#0f9f8f;border-radius:50%;animation:cv-spin .8s linear infinite}
@keyframes cv-spin{to{transform:rotate(360deg)}}

/* 처음 온 사람의 첫 화면 (2026-10-19) */
.ch-box.is-pure .ch-ranks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
@media (max-width:900px){.ch-box.is-pure .ch-ranks{grid-template-columns:1fr}}
.ch-pure-n{flex:none;min-width:46px;text-align:right;font-size:15px;font-weight:900;color:#1f5fd1}
.ch-pure-n small{font-size:11px;font-weight:800;color:#9aa3b2}
.ch-pure-meta{font-size:11.5px;font-weight:700;color:#9aa3b2;margin-left:8px}
.ch-star{font-style:normal;color:#f2a900;margin-right:4px}
.ch-box.is-pure a.ch-rank,.ch-box.is-pure a.ch-rank *{color:inherit;text-decoration:none}
.ch-box.is-pure a.ch-rank small{color:#9aa3b2}
.ch-box.is-pure a.ch-rank em{color:#9aa3b2}
.ch-box.is-pure a.ch-rank em.is-top{color:#e5484d}
.ch-box.is-pure .ch-pure-n{color:#1f5fd1}

/* 🔥 핫영상 (2026-10-19) */
.hot{display:grid;gap:14px}
.hot-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;border:1px solid #e6ebf1;border-radius:18px;background:#fff}
.hot-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:900;color:#111a2c}
.hot-tabs{display:inline-flex;padding:3px;border-radius:999px;background:#f1f3f7}
.hot-tabs button{height:28px;padding:0 13px;border:0;border-radius:999px;background:none;color:#6b778a;font-family:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
.hot-tabs button.on{background:#fff;color:#111a2c;box-shadow:0 1px 3px rgba(17,26,44,.12)}
.hot-days{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.hot-day{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid #e6e9ef;border-radius:999px;background:#fff;color:#3b475c;font-family:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
.hot-day em{font-style:normal;color:#9aa3b2;font-size:11px}
.hot-day.on{background:#fff2ec;border-color:#ffc9b3;color:#d9480f}
.hot-day.on em{color:#d9480f}
.hot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:900px){.hot-grid{grid-template-columns:1fr}.hot-days{margin-left:0}}
.hot-card{display:grid;grid-template-columns:22px 124px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 14px;border:1px solid #eef0f4;border-radius:14px;background:#fff;color:inherit;text-decoration:none}
.hot-card:hover{border-color:#c9d2dd}
.hot-rank{font-size:13px;font-weight:900;color:#9aa3b2;text-align:center}
.hot-rank.is-top{color:#e5484d}
.hot-th{position:relative;display:block;aspect-ratio:16/9;border-radius:9px;background:#1b2741 center/cover}
.hot-th i{position:absolute;right:5px;bottom:5px;padding:1px 5px;border-radius:5px;background:rgba(0,0,0,.78);color:#fff;font-style:normal;font-size:10.5px;font-weight:800}
.hot-tx{min-width:0}
.hot-tx b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.4;color:#111a2c}
.hot-tx small{display:block;margin-top:4px;font-size:11.5px;font-weight:700;color:#9aa3b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hot-star{font-style:normal;color:#f2a900;margin-right:4px}
.hot-seen{display:grid;justify-items:end;font-size:16px;font-weight:900;color:#d9480f;line-height:1.1}
.hot-seen small{font-size:10.5px;color:#9aa3b2;font-weight:800}
.hot-grow{display:grid;justify-items:end;min-width:64px;font-size:13.5px;font-weight:900;color:#3b475c;line-height:1.15}
.hot-grow.is-up{color:#0f9f6e}
.hot-grow.is-wait{color:#9aa3b2}
.hot-grow small{font-size:10.5px;font-weight:700;color:#9aa3b2}
.hot-empty{margin:30px 0;text-align:center;color:#9aa3b2}
.hot-grid.is-loading .hot-card{min-height:76px;background:linear-gradient(90deg,#f5f7fa,#eef1f5,#f5f7fa);border-color:#f1f3f7}
.cs-nav a{color:inherit;text-decoration:none}

/* 수집 영상: 주소 줄에 폴더 (2026-10-19) */
.cv-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cv-top .cv-paste{flex:0 1 460px;min-width:280px;margin:0}
.cv-folders-top{flex:1 1 300px;min-width:0}

/* 🔥 핫영상 상세 분석 (시안 ㉙, 2026-10-19) */
.hd-back{position:fixed;inset:0;z-index:1200;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:28px 20px;background:rgba(17,26,44,.55)}
.hd-modal{position:relative;width:min(1380px,100%);border-radius:22px;background:#eef1f5;box-shadow:0 30px 80px rgba(0,0,0,.25);color:#111a2c}
.hd-head{display:flex;align-items:center;gap:8px;padding:14px 20px;border-radius:22px 22px 0 0;background:#fff;border-bottom:1px solid #e6ebf1}
.hd-head h1{display:flex;align-items:center;gap:6px;margin:0 auto 0 0;font-size:14px;font-weight:900;color:#3b475c}
.hd-btn{display:inline-flex;align-items:center;height:32px;padding:0 12px;border:1px solid #dfe4ea;border-radius:10px;background:#fff;color:#26324a;font-family:inherit;font-size:12.5px;font-weight:800;white-space:nowrap;text-decoration:none;cursor:pointer}
.hd-btn:hover{border-color:#c9d2dd}
.hd-btn[disabled]{opacity:.6;cursor:default}
.hd-btn.is-copy{border-color:#9bd6b4;color:#0f7a4f}.hd-btn.is-link{border-color:#b9b6f3;color:#4f46e5}
.hd-x{justify-content:center;width:32px;padding:0}
.hd-wrap{display:grid;gap:16px;padding:20px}
.hd-card{border-radius:18px;background:#fff;padding:20px;min-width:0}
.hd-top{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}
.hd-th{position:relative;aspect-ratio:16/9;border-radius:14px;background:#1b2741 center/cover}
.hd-th i{position:absolute;right:8px;bottom:8px;padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.8);color:#fff;font-style:normal;font-size:11px;font-weight:800}
.hd-th b{position:absolute;left:8px;top:8px;padding:3px 8px;border-radius:999px;background:#fff2ec;color:#d9480f;font-size:11.5px;font-weight:900}
.hd-meta{font-size:12.5px;font-weight:700;color:#9aa3b2}.hd-meta strong{color:#26324a}
.hd-title{margin:6px 0 14px;font-size:20px;font-weight:900;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hd-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hd-tile{padding:12px 14px;border-radius:14px;background:#f5f7fa;min-width:0}
.hd-tile small{display:block;font-size:11.5px;font-weight:800;color:#9aa3b2}
.hd-tile b{display:block;margin-top:4px;font-size:21px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hd-tile b em{margin-left:4px;font-style:normal;font-size:12px;color:#6b778a}
.hd-tile.is-good b{color:#0f9f6e}.hd-tile.is-fire b{color:#d9480f}.hd-tile.is-series b{color:#4f46e5}
.hd-sk{display:inline-block;width:70%;height:20px;border-radius:8px;background:linear-gradient(90deg,#eef1f5,#e3e8ef,#eef1f5)}
.hd-sk-card{min-height:280px;background:linear-gradient(90deg,#fff,#f6f8fb,#fff)}
.hd-err{margin:0;padding:18px;border-radius:14px;background:#fff;color:#c2410c;font-weight:800}
.hd-h2{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:15px;font-weight:900}
.hd-grid2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px}
.hd-why{display:grid;gap:10px}
.hd-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center;padding:14px;border:1px solid #eef0f4;border-radius:14px}
.hd-k{font-size:12px;font-weight:800;color:#6b778a}
.hd-v{margin-top:2px;font-size:20px;font-weight:900}
.hd-v.is-good{color:#0f9f6e}.hd-v.is-series{color:#4f46e5}.hd-v.is-fire{color:#d9480f}
.hd-cmp{display:grid;gap:6px}
.hd-bar{display:grid;grid-template-columns:84px minmax(0,1fr) 52px;gap:8px;align-items:center;font-size:11.5px;font-weight:800;color:#6b778a}
.hd-bar em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hd-bar span{height:10px;border-radius:999px;background:#e9edf3;overflow:hidden}
.hd-bar span i{display:block;height:100%;border-radius:999px;background:#c5cdd8}
.hd-bar.is-me{color:#111a2c}.hd-bar.is-me span i{background:linear-gradient(90deg,#ff8a4c,#e5484d)}
.hd-bar.is-sib{color:#4f46e5}.hd-bar.is-sib span i{background:#8b85f0}
.hd-bar b{text-align:right;color:#111a2c}
.hd-srcs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.hd-srcs.is-flat{margin-top:0}
.hd-src{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}
.hd-src.is-real{background:#e9f8f1;color:#0f7a4f}.hd-src.is-real::before{content:"";width:6px;height:6px;border-radius:50%;background:#0f9f6e}
.hd-src.is-est{background:#fff6e5;color:#9a6411}.hd-src.is-est::before{content:"";width:6px;height:6px;border-radius:50%;border:1.5px solid #c98a1d}
.hd-src.is-see{background:#fff2ec;color:#d9480f}.hd-src.is-see::before{content:"👀";font-size:10px}
.hd-src.is-vt{background:#e6f6f4;color:#0f7f73}.hd-src.is-vt::before{content:"";width:6px;height:6px;border-radius:50%;background:#0f9f8f}
.hd-chart{border:1px solid #eef0f4;border-radius:14px;padding:12px 14px 10px}
.hd-chart svg text{font-family:inherit}
.hd-legend{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;font-size:11px;font-weight:800;color:#6b778a}
.hd-legend i{display:inline-block;width:16px;height:0;margin-right:4px;border-top:2.5px solid #d9480f;vertical-align:middle}
.hd-legend i.is-est{border-top:2.5px dashed #e8a37e}.hd-legend i.is-usual{border-top:2px dashed #b9c1cc}.hd-legend i.is-vt{border-top-color:#0f9f8f}
.hd-vt-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:10px}
.hd-vt-err{font-size:12px;font-weight:700;color:#c2410c}
.hd-foot{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 16px;border-radius:14px;background:#fff;font-size:12px;font-weight:800;color:#6b778a}
.hd-foot b{color:#111a2c}.hd-foot b.is-zero{color:#0f9f6e}.hd-foot .hd-at{margin-left:auto;color:#9aa3b2}
.hd-modal .cap-sheet{z-index:5}
@media (max-width:760px){
  .hd-back{padding:0}.hd-modal{border-radius:0}.hd-head{border-radius:0;padding:12px}
  .hd-head .hd-btn.is-copy,.hd-head .hd-btn.is-link,.hd-head a.hd-btn{display:none}
  .hd-wrap{padding:12px;gap:12px}.hd-card{padding:14px}
  .hd-top{grid-template-columns:1fr}.hd-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hd-grid2{grid-template-columns:1fr}.hd-row{grid-template-columns:1fr;gap:8px}.hd-title{font-size:17px}
}

/* 🔥 핫영상 유튜브 탐색형 (기본) · 순위 목록 (선택) — 2026-10-19 */
.hot-layout{position:relative;display:inline-grid;grid-template-columns:repeat(2,34px);padding:3px;border-radius:999px;background:#f1f3f7}
.hot-layout::before{content:"";position:absolute;top:3px;left:3px;width:34px;height:28px;border-radius:999px;background:#fff;box-shadow:0 1px 3px rgba(17,26,44,.12);transition:transform .22s ease}
.hot-layout[data-on="list"]::before{transform:translateX(34px)}
.hot-layout button{position:relative;height:28px;border:0;background:none;color:#9aa3b2;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer}
.hot-layout button.on{color:#111a2c}
.hot-ytgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:26px 16px;padding:4px 2px}
.hot-ytgrid.is-shorts{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:22px 14px}
.hot-yt{display:grid;gap:10px;min-width:0;color:inherit;text-decoration:none}
.hot-yt-th{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;background:#1b2741 center/cover;overflow:hidden;transition:border-radius .15s ease}
.hot-yt:hover .hot-yt-th{border-radius:0}
.hot-yt.is-short .hot-yt-th{aspect-ratio:9/16}
.hot-yt-th i{position:absolute;right:6px;bottom:6px;padding:1px 5px;border-radius:5px;background:rgba(0,0,0,.8);color:#fff;font-style:normal;font-size:11.5px;font-weight:800}
.hot-yt-badge{position:absolute;left:6px;top:6px;padding:2px 7px;border-radius:999px;background:rgba(255,242,236,.95);color:#d9480f;font-size:11px;font-weight:900}
.hot-yt-row{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start}
.hot-yt-av{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:14px;font-weight:900}
.hot-yt-tx{display:grid;gap:3px;min-width:0}
.hot-yt-tx b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px;font-weight:800;line-height:1.38;color:#0f0f0f}
.hot-yt-tx small{display:block;font-size:12.5px;font-weight:600;color:#606060;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hot-yt.is-short .hot-yt-tx b{font-size:13.5px}
.hot-yt-up{margin-left:6px;font-style:normal;font-weight:800;color:#0f9f6e}
.hot-ytgrid.is-loading .hot-yt-th{background:linear-gradient(90deg,#eef1f5,#e3e8ef,#eef1f5)}
.hot-ytgrid.is-loading .hot-yt-tx b{height:14px;border-radius:6px;background:#eef1f5}
.hot-ytgrid.is-loading .hot-yt-tx small{width:60%;height:11px;border-radius:6px;background:#f3f5f8}
@media (max-width:640px){.hot-ytgrid{grid-template-columns:1fr;gap:20px}.hot-ytgrid.is-shorts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}}
@media (max-width:640px){.hot-head{gap:8px 10px}.hot-head h2{width:100%}.hot-days{width:100%}}

/* 🔥 핫영상 주제별 · 성과순 (시안 ㉜, 2026-10-19) */
.hot-head{row-gap:12px}
.hot-sort{position:relative;display:inline-grid;grid-template-columns:repeat(2,auto);padding:3px;border-radius:999px;background:#f1f3f7}
.hot-sort button{position:relative;height:28px;padding:0 12px;border:0;border-radius:999px;background:none;color:#6b778a;font-family:inherit;font-size:12.5px;font-weight:800;cursor:pointer;transition:background .2s ease,color .2s ease}
.hot-sort button.on{background:#fff;color:#111a2c;box-shadow:0 1px 3px rgba(17,26,44,.12)}
.hot-topics{display:flex;gap:6px;width:100%;min-width:0;overflow-x:auto;padding:2px 0;scrollbar-width:none}
.hot-topics::-webkit-scrollbar{display:none}
.hot-topic{display:inline-flex;align-items:center;gap:5px;flex:none;height:32px;padding:0 12px;border:1px solid #e6e9ef;border-radius:999px;background:#fff;color:#3b475c;font-family:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
.hot-topic:hover{border-color:#c9d2dd}
.hot-topic em{font-style:normal;font-size:11px;color:#9aa3b2}
.hot-topic.on{background:#111a2c;border-color:#111a2c;color:#fff}
.hot-topic.on em{color:#c9d2dd}
.hot-yt-perf{position:absolute;left:6px;bottom:6px;padding:2px 7px;border-radius:6px;background:rgba(17,26,44,.78);color:#fff;font-size:11.5px;font-weight:900;line-height:1.35}
.hot-yt-perf.is-good{background:#0f9f6e}
.hot-yt-perf.is-great{background:#e5484d}
.hot-th .hot-yt-perf{left:4px;bottom:4px;padding:1px 5px;font-size:10.5px}
.hot-more{display:block;margin:22px auto 0;height:36px;padding:0 16px;border:1px solid #e6e9ef;border-radius:999px;background:#fff;color:#6b778a;font-family:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
.hot-others{margin-top:22px;padding-top:22px;border-top:1px dashed #dfe4ea}
.hot-head{min-width:0}

/* 🔥 핫영상 상세: 반응과 댓글 · 주제 칩 12개 (2026-10-19) */
.hd-react-in{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:18px;align-items:start}
.hd-react-nums{display:grid;gap:10px}
.hd-per{display:flex;align-items:baseline;gap:6px;font-size:17px!important}
.hd-per em{font-style:normal;color:#c9d2dd}
.hd-cmts{display:grid;gap:12px;min-width:0}
.hd-cmt{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start}
.hd-cmt b{font-size:12.5px;font-weight:800;color:#26324a}
.hd-cmt p{margin:3px 0 0;font-size:13.5px;line-height:1.55;color:#111a2c;white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.hd-cmt small{display:inline-block;margin-top:4px;font-size:11.5px;font-weight:700;color:#6b778a}
.hd-cmt-none{margin:0;color:#9aa3b2}
.hd-more{justify-self:start;height:34px;padding:0 16px;border:1px solid #dfe4ea;border-radius:999px;background:#fff;color:#26324a;font-family:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
@media (max-width:760px){.hd-react-in{grid-template-columns:1fr}.hd-react-nums{grid-template-columns:repeat(3,minmax(0,1fr))}.hd-per{font-size:14px!important}}

/* 🔥 핫영상 채널 사진 (2026-10-19) */
img.hot-yt-av.is-pic{object-fit:cover;background:#eef1f5}
.hd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
img.hd-ch-pic{width:22px;height:22px;border-radius:50%;object-fit:cover;margin-right:4px;background:#eef1f5}

/* 2026-10-20: 수집 영상 — recorded past only: RankTube days orange, ViewTrap teal dashes in 하루 증가 */
.cv-legend i.is-rt{border-top:2.5px solid #e8770e}
.cv-legend i.is-cmt.is-vt{border-top:2.5px dashed #0f9f8f}

/* 2026-10-20: 채널 분석 — only the cards with something to show, filling the row */
@media (min-width:1101px){.ca2-whats{grid-template-columns:repeat(var(--ca2-cols,5),minmax(0,1fr))}}
/* 2026-10-20: 핫영상 — every topic chip in view (wraps instead of running off the right edge) */
.hot-topics{flex-wrap:wrap;overflow-x:visible;row-gap:6px}
.hot-topic .hot-topic-n{margin-left:4px;font-size:10.5px;font-weight:800;color:#8a93a3}
.hot-topic.on .hot-topic-n{color:inherit;opacity:.75}

/* 2026-10-20: 채널 분석 — 등록 채널 비교 */
.ca2-cmp{margin-top:14px}
.ca2-cmp .ca2-h em{font-style:normal;font-size:12px;font-weight:800;color:#9aa3b2;margin-left:6px}
.ca2-cmp-wrap{overflow-x:auto}
.ca2-cmp table{width:100%;border-collapse:collapse;font-size:13px}
.ca2-cmp th{padding:8px 10px;font-size:11.5px;color:#7b8494;font-weight:800;text-align:left;border-bottom:1px solid #eef0f4;white-space:nowrap}
.ca2-cmp th.num{text-align:right}
.ca2-cmp th button{all:unset;cursor:pointer;display:inline-flex;gap:4px;align-items:center}
.ca2-cmp th.on button{color:#111a2c}
.ca2-cmp th button span{font-size:10px;color:#b5bcc8}
.ca2-cmp td{padding:8px 10px;border-bottom:1px solid #f3f4f7;white-space:nowrap}
.ca2-cmp td.num{text-align:right;font-weight:800;color:#2b364b;font-variant-numeric:tabular-nums}
.ca2-cmp td.c-rank{width:28px;color:#9aa3b2;font-weight:800;font-size:12px}
.ca2-cmp tbody tr{cursor:pointer}
.ca2-cmp tbody tr:hover{background:#f7f8fb}
.ca2-cmp tbody tr.is-on{background:#f1f5ff}
.ca2-cmp tbody tr.is-own td.c-name b::after{content:"우리";margin-left:6px;padding:1px 6px;border-radius:6px;background:#111a2c;color:#fff;font-size:10.5px;font-weight:900}
.ca2-cmp-ch{display:inline-flex;align-items:center;gap:8px;max-width:240px}
.ca2-cmp-ch img,.ca2-cmp-ch i{width:24px;height:24px;border-radius:50%;flex:none;object-fit:cover;background:#eef0f4;font-style:normal;font-size:11px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:#5b6475}
.ca2-cmp-ch b{overflow:hidden;text-overflow:ellipsis;font-weight:800;color:#111a2c}
.ca2-cmp-bar{display:inline-block;width:70px;height:6px;border-radius:4px;background:#eef0f4;margin-right:8px;vertical-align:middle;overflow:hidden}
.ca2-cmp-bar i{display:block;height:100%;background:#2f6bff;border-radius:4px}
.ca2-cmp-pct.up{color:#11804a}.ca2-cmp-pct.down{color:#c4301d}.ca2-cmp-pct.wait{color:#9aa3b2;font-weight:700;font-size:12px}
.hot-yt-badge.is-chart{background:rgba(17,26,44,.86)}
.hot-yt-badge.is-next{background:rgba(91,100,117,.9);color:#fff}.hot-yt-badge.is-once{background:rgba(180,83,9,.92);color:#fff}.hot-yt-badge.is-trial{background:rgba(196,48,29,.92);color:#fff}
.hot-seen.is-why .hot-yt-badge{position:static;display:inline-block;white-space:nowrap}
.hot-more small{margin-left:6px;font-size:11px;font-weight:700;opacity:.6}

/* 2026-10-20: 핫영상 🧩 왜 떴나 */
.hot-why{margin:0 0 14px;border:1px solid #e6e9ef;border-radius:14px;background:#fff}
.hot-why.is-idle{border:0;background:none;display:flex;align-items:center;gap:10px}
.hot-why.is-idle em{font-style:normal;font-size:12px;color:#c4301d;font-weight:700}
.hot-why summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer}
.hot-why summary::-webkit-details-marker{display:none}
.hot-why summary span{font-size:14px;font-weight:900;color:#111a2c}
.hot-why summary small{font-size:12px;font-weight:800;color:#9aa3b2}
.hot-why-run{margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 13px;border:1.5px solid #111a2c;border-radius:999px;background:#fff;color:#111a2c;font-family:inherit;font-size:12.5px;font-weight:900;cursor:pointer}
.hot-why.is-idle .hot-why-run{margin-left:0}
.hot-why-run:hover{background:#111a2c;color:#fff}
.hot-why-run i{width:11px;height:11px;border:2px solid #cfd5df;border-top-color:#111a2c;border-radius:50%;animation:rs-vt-spin .8s linear infinite}
.hot-why-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;padding:0 14px 14px}
.hot-why-g{padding:12px 14px;border-radius:12px;background:#f7f8fb;display:flex;flex-direction:column;gap:6px}
.hot-why-g b{font-size:13.5px;font-weight:900;color:#111a2c;line-height:1.4}
.hot-why-g p{margin:0;font-size:12.5px;line-height:1.5;color:#4a5568}
.hot-why-meta{display:grid;gap:4px}
.hot-why-meta span{font-size:12px;line-height:1.45;color:#2b364b;font-weight:700}
.hot-why-meta small{display:block;font-size:10.5px;font-weight:900;color:#9aa3b2}
.hot-why-meta .is-ours{color:#11804a}
.hot-why-ths{display:flex;align-items:center;gap:4px;margin-top:2px}
.hot-why-th{width:56px;height:32px;border:0;border-radius:6px;background:#e6e9ef center/cover;cursor:pointer;padding:0}
.hot-why-ths em{font-style:normal;font-size:11px;font-weight:800;color:#9aa3b2;margin-left:4px}
/* 2026-10-20: 채널 분석 출연자 → 섭외리스트 상태 */
.ca2-cast{margin-left:6px;padding:1px 6px;border-radius:6px;background:#f1f3f6;color:#9aa3b2;font-style:normal;font-size:10.5px;font-weight:800;white-space:nowrap}
.ca2-cast.is-in{background:#e9f7ef;color:#11804a}

/* 2026-10-20 (user): the team sharing bar is not shown on any tab */
#competitorSharingBar{display:none!important}

/* 2026-10-20: 핫영상 📊 스튜디오 트렌드 — 사람들이 검색 중인 주제 */
.hot-search{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px}
.hot-search span{font-size:12.5px;font-weight:900;color:#111a2c;margin-right:4px}
.hot-search a{height:28px;display:inline-flex;align-items:center;padding:0 11px;border-radius:999px;background:#f1f3f6;color:#2b364b;font-size:12px;font-weight:800;text-decoration:none;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hot-search a:hover{background:#e6e9ef}

/* 2026-10-20: 채널 관리 🔭 등록 후보 */
.ccand{margin:14px 0;padding:14px 16px;border:1px solid #e6e9ef;border-radius:14px;background:#fff}
.ccand header{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}
.ccand header b{font-size:14px;font-weight:900;color:#111a2c}
.ccand header small{font-size:12px;font-weight:700;color:#9aa3b2}
.ccand-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:8px}
.ccand-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#f7f8fb}
.ccand-av{width:34px;height:34px;border-radius:50%;flex:none;object-fit:cover;background:#e6e9ef;display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:#5b6475}
.ccand-tx{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}
.ccand-tx b{font-size:13px;font-weight:900;color:#111a2c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ccand-tx small{font-size:11.5px;font-weight:700;color:#7b8494}
.ccand-tx em{font-style:normal;font-size:11.5px;color:#9aa3b2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ccand-add{height:28px;padding:0 11px;border:1.5px solid #111a2c;border-radius:999px;background:#fff;color:#111a2c;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer;flex:none}
.ccand-add:hover{background:#111a2c;color:#fff}
.ccand-yt{flex:none;color:#9aa3b2;text-decoration:none;font-weight:900}
/* 2026-10-20: 채널 분석 — 다른 채널 열기 */
.ca2-open{display:inline-flex;align-items:center;gap:6px;margin-left:8px}
.ca2-open input{height:34px;width:210px;padding:0 11px;border:1px solid #d9dee8;border-radius:10px;font-family:inherit;font-size:12.5px}
.ca2-open button{height:34px;padding:0 13px;border:0;border-radius:10px;background:#111a2c;color:#fff;font-family:inherit;font-size:12.5px;font-weight:900;cursor:pointer}
.ca2-open-err{font-style:normal;font-size:12px;color:#c4301d;font-weight:700;margin-left:8px}
@media (max-width:760px){.ca2-open{margin:8px 0 0;width:100%}.ca2-open input{flex:1;width:auto}}

/* 2026-10-20: 경쟁채널 분석 결과 🧩 왜 떴나 */
.rbar-why{margin:12px 0 14px}

/* 2026-10-21: 영상 찾기 — 동명이인 표시 */
.kw-other{margin-left:6px;padding:1px 6px;border-radius:6px;background:#fff4e5;color:#b45309;font-size:10.5px;font-weight:900}

/* 2026-10-21: 우리 시청자가 보는 채널 · 브레이크아웃 표시 */
.hot-search.is-ch a{background:#eef4ff;color:#1f3f99}
.ccand-aud{margin-left:6px;padding:1px 6px;border-radius:6px;background:#eef4ff;color:#1f3f99;font-style:normal;font-size:10.5px;font-weight:900;white-space:nowrap}
.cv-ftag.is-via{background:#eef4ff;color:#1f3f99}

/* 2026-10-21: 핫영상 정리 — 출처 탭(미끄러지는 트랙) + 주제별일 때만 주제 칩 */
.hot-src-row{flex-basis:100%;display:flex;min-width:0}
.hot-src{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:#f1f3f6;max-width:100%;overflow-x:auto;scrollbar-width:none}
.hot-src button{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border:0;border-radius:10px;background:transparent;color:#5b6475;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;transition:background .18s,color .18s,box-shadow .18s}
.hot-src button:hover{color:#111a2c}
.hot-src button.on{background:#fff;color:#111a2c;box-shadow:0 1px 3px rgba(17,26,44,.12)}
.hot-src button em{font-style:normal;font-size:11px;font-weight:800;color:#8a93a3;max-width:120px;overflow:hidden;text-overflow:ellipsis}
.hot-src button.on em{color:#3a5bd9}
.hot-topics{flex-basis:100%;padding:2px 2px 0}
.hot-topic{height:30px;padding:0 11px;border-color:#e9ecf1;background:#fff;color:#4a5568;font-size:12px}
.hot-topic.on{background:#eef4ff;border-color:#c9d8ff;color:#1f3f99}
.hot-topic.on em{color:#5b7bd6}
.hot-day em{margin-left:4px}
.hot-day.is-wait{opacity:.6;cursor:default}
@media (max-width:640px){.hot-src button{padding:0 11px;height:34px;font-size:12.5px}}
.hot-day{white-space:nowrap;flex:0 0 auto}
@media (max-width:640px){.hot-days{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.hot-topics{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.hot-topic{flex:0 0 auto}}
/* 2026-10-21 왜 떴나 v2: 요약 줄 + 큰 팝업 */
.hot-whybar{margin:0 0 16px}
.hot-whybar.is-idle{display:flex;align-items:center;gap:12px}
.hot-whybar.is-idle em{font-style:normal;font-size:13px;color:#c4301d;font-weight:700}
.hot-whybar-go{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 20px;border:0;border-radius:12px;background:#fff4e8;color:#a3480b;font-family:inherit;font-size:15px;font-weight:900;cursor:pointer;box-shadow:inset 0 0 0 1px #ffd9b8;transition:background .18s}
.hot-whybar-go:hover{background:#ffead4}
.hot-whybar-go span{font-size:17px}
.hot-whybar.is-running{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;background:#fff8f1;box-shadow:inset 0 0 0 1px #ffe2c7}
.hot-whybar-ic{font-size:24px;line-height:1;flex:none}
.hot-whybar-tx{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:left}
.hot-whybar-tx b{font-size:16px;font-weight:900;color:#111a2c;line-height:1.45}
.hot-whybar-tx small{font-size:12.5px;font-weight:700;color:#8a93a3}
.hot-whybar-spin{width:18px;height:18px;margin-left:auto;border:2.5px solid #ffd9b8;border-top-color:#d9480f;border-radius:50%;animation:rs-vt-spin .8s linear infinite}
.hot-whybar.is-ready{padding:16px 18px;border-radius:18px;background:linear-gradient(180deg,#fff8f1,#fff);box-shadow:inset 0 0 0 1px #ffe2c7}
.hot-whybar-head{display:flex;align-items:center;gap:14px;width:100%;padding:0;border:0;background:none;font-family:inherit;cursor:pointer;text-align:left}
.hot-whybar-head .hot-whybar-tx b{font-size:17px}
.hot-whybar-open{margin-left:auto;flex:none;height:34px;display:inline-flex;align-items:center;padding:0 14px;border-radius:10px;background:#fff;color:#a3480b;font-size:13px;font-weight:900;box-shadow:0 1px 3px rgba(17,26,44,.1)}
.hot-whybar-head:hover .hot-whybar-open{background:#fff1e3}
.hot-whybar-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.hot-whybar-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-height:36px;padding:6px 14px;border:0;border-radius:12px;background:#fff;color:#2b364b;font-family:inherit;font-size:13.5px;font-weight:800;line-height:1.35;text-align:left;cursor:pointer;box-shadow:0 0 0 1px #eef0f4}
.hot-whybar-chip:hover{box-shadow:0 0 0 1px #ffc9a3;color:#111a2c}
.hot-whybar-chip span{flex:none;font-size:15px}
.hot-whybar-chip em{flex:none;font-style:normal;font-size:11px;letter-spacing:-2px}
body.hwm-lock{overflow:hidden}
.hwm-back{position:fixed;inset:0;z-index:1100;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:32px 20px;background:rgba(17,26,44,.5)}
.hwm{width:min(1080px,100%);border-radius:22px;background:#f6f7fa;box-shadow:0 24px 64px rgba(17,26,44,.28)}
.hwm-head{position:sticky;top:-32px;z-index:2;display:flex;align-items:flex-start;gap:16px;padding:24px 28px 18px;background:#fff;border-bottom:1px solid #eef0f4;border-radius:22px 22px 0 0}
.hwm-title{display:flex;flex-direction:column;gap:6px;min-width:0}
.hwm-title small{font-size:13px;font-weight:900;color:#d9480f}
.hwm-title h2{margin:0;font-size:23px;line-height:1.4;font-weight:900;color:#111a2c;letter-spacing:-.3px}
.hwm-title span{font-size:13px;font-weight:700;color:#8a93a3}
.hwm-act{margin-left:auto;display:flex;gap:8px;flex:none}
.hwm-re,.hwm-x{height:38px;padding:0 14px;border:0;border-radius:11px;background:#f1f3f6;color:#2b364b;font-family:inherit;font-size:13.5px;font-weight:900;cursor:pointer}
.hwm-x{width:38px;padding:0;font-size:16px}
.hwm-re:hover,.hwm-x:hover{background:#e6e9ef}
.hwm-nav{display:flex;gap:8px;overflow-x:auto;padding:14px 28px;background:#fff;border-bottom:1px solid #eef0f4;scrollbar-width:none}
.hwm-nav button{flex:none;display:inline-flex;align-items:center;gap:8px;max-width:300px;height:36px;padding:0 14px 0 6px;border:0;border-radius:999px;background:#f1f3f6;color:#2b364b;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hwm-nav button:hover{background:#e8ebf0}
.hwm-nav span{flex:none;width:24px;height:24px;display:inline-grid;place-items:center;border-radius:50%;background:#fff;color:#d9480f;font-size:12px;font-weight:900}
.hwm-body{display:flex;flex-direction:column;gap:16px;padding:20px 28px 28px}
.hws{scroll-margin-top:140px;padding:24px 26px;border-radius:18px;background:#fff;box-shadow:0 1px 3px rgba(17,26,44,.06)}
.hws-top{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.hws-n{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:10px;background:#111a2c;color:#fff;font-size:14px;font-weight:900}
.hws-kind{height:28px;display:inline-flex;align-items:center;padding:0 11px;border-radius:999px;background:#f1f3f6;color:#2b364b;font-size:13px;font-weight:800}
.hws-str{height:28px;display:inline-flex;align-items:center;gap:4px;padding:0 11px;border-radius:999px;font-size:13px;font-weight:900}
.hws-str.is-3{background:#ffece3;color:#c2410c}
.hws-str.is-2{background:#fff4e5;color:#b45309}
.hws-str.is-1{background:#f1f3f6;color:#6b7385}
.hws h3{margin:14px 0 10px;font-size:21px;line-height:1.4;font-weight:900;color:#111a2c;letter-spacing:-.3px}
.hws-why{margin:0;font-size:16px;line-height:1.75;color:#2b364b;font-weight:600}
.hws-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:18px}
.hws-tile{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:#f6f7fa}
.hws-tile b{font-size:21px;font-weight:900;color:#111a2c;letter-spacing:-.3px}
.hws-tile small{font-size:12px;font-weight:700;color:#7b8494}
.hws-tile.is-on{background:#fff2ea}
.hws-tile.is-on b{color:#c2410c}
.hws-search{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px}
.hws-search small{font-size:12.5px;font-weight:900;color:#1f3f99;margin-right:2px}
.hws-search span{height:28px;display:inline-flex;align-items:center;padding:0 11px;border-radius:999px;background:#eef4ff;color:#1f3f99;font-size:12.5px;font-weight:800}
.hws-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.hws-box{padding:14px 16px;border-radius:14px;background:#f6f7fa}
.hws-box small{display:block;margin-bottom:6px;font-size:12.5px;font-weight:900;color:#6b7385}
.hws-box p{margin:0;font-size:14.5px;line-height:1.65;font-weight:700;color:#2b364b}
.hws-box.is-ours{background:#effaf3}
.hws-box.is-ours small{color:#11804a}
.hws-box.is-ours p{color:#14532d}
.hws-vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-top:18px}
.hws-v{display:flex;flex-direction:column;gap:4px;padding:0;border:0;background:none;font-family:inherit;text-align:left;cursor:pointer;min-width:0}
.hws-th{display:block;width:100%;aspect-ratio:16/9;border-radius:10px;background:#e6e9ef center/cover;margin-bottom:4px}
.hws-v:hover .hws-th{box-shadow:0 0 0 2px #ffb98a}
.hws-v b{font-size:13px;font-weight:800;line-height:1.4;color:#111a2c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hws-v small{font-size:12px;font-weight:700;color:#7b8494;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hws-v em{font-style:normal;font-size:12px;font-weight:800;color:#c2410c}
@media (max-width:720px){
  .hot-whybar-head{flex-wrap:wrap}.hot-whybar-open{margin-left:38px}
  .hwm-back{padding:0}.hwm{border-radius:0;min-height:100%}
  .hwm-head{position:static;border-radius:0;padding:18px 16px 14px}.hwm-title h2{font-size:18px}.hwm-act{flex-direction:column}
  .hwm-nav{padding:10px 16px}.hwm-body{padding:14px 12px 24px}
  .hws{padding:18px 16px}.hws h3{font-size:18px}.hws-why{font-size:15px}
  .hws-tiles{grid-template-columns:1fr 1fr}.hws-two{grid-template-columns:1fr}
  .hws-vids{display:flex;overflow-x:auto;gap:12px;scrollbar-width:none}.hws-v{flex:0 0 168px}
}

/* 2026-10-21 수집 영상 v4: 크기×흐름 막대, 매끈한 그래프 */
.cv-state.is-hold{background:#fff4e2;color:#b45309}
.cv-state.is-cool{background:#fff1ea;color:#c2410c}
.cv-state.is-hot{background:#ffece3;color:#c2410c;box-shadow:none}
.cv-state.is-up{background:#e9f8ef;color:#11804a;box-shadow:none}
.cv-now-left.is-hold,.cv-now-left.is-big{background:linear-gradient(160deg,#fff8ee,#fff 70%)}
.cv-now-left.is-hot{background:linear-gradient(160deg,#fff4ee,#fff 70%)}
.cv-chip.is-hold{background:#fff4e2;color:#b45309}.cv-chip.is-cool{background:#fff1ea;color:#c2410c}
.cv-axis{margin-top:12px;padding:12px 14px;border-radius:13px;background:#f7f8fb}
.cv-axis.is-wait .cv-axis-t span{color:#9aa3b2}
.cv-axis-t{display:flex;align-items:baseline;gap:7px;min-width:0}
.cv-axis-t b{font-size:13px;font-weight:900;color:#111a2c}
.cv-axis-t span{font-size:11.5px;font-weight:700;color:#7b8494;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-axis-t em{margin-left:auto;font-style:normal;font-size:12.5px;font-weight:900;white-space:nowrap}
.cv-axis-t em.is-up{color:#c2410c}.cv-axis-t em.is-mid{color:#b45309}.cv-axis-t em.is-low{color:#64748b}
.cv-bar{position:relative;height:8px;margin:11px 0 5px;border-radius:99px;background:linear-gradient(90deg,#e2e8f0 0 25%,#cbd5e1 25% 75%,#e2e8f0 75%)}
.cv-bar-mid{position:absolute;left:50%;top:-4px;bottom:-4px;width:2px;background:#94a3b8;opacity:.6}
.cv-bar i{position:absolute;top:50%;width:15px;height:15px;border-radius:50%;transform:translate(-50%,-50%);background:#e8890c;border:3px solid #fff;box-shadow:0 1px 4px rgba(17,26,44,.28)}
.cv-bar-scale{display:flex;justify-content:space-between;font-size:10.5px;font-weight:700;color:#9aa3b2}
.cv-svg .cv-ax{font-size:11px;font-weight:700;fill:#94a3b8}
.cv-svg .cv-lab{font-size:12px;font-weight:800}
.cv-svg .cv-tip{font-size:12.5px;font-weight:900;fill:#fff}
.cv-speed-h .cv-legend i.is-est{border-top:2.5px dashed #e8890c;opacity:.6}
.cv-speed-h .cv-legend i.is-now{border-top:3px solid #e8890c}
.cv-g-legend i.is-g-real{border-top:4px solid #2f4ad0}.cv-g-legend i.is-g-rt{border-top:3px solid #8ea2f0}.cv-g-legend i.is-g-vt{border-top:3px solid #5fc7b9}
.cv-g-legend i.is-usual{border-top:2.5px dotted #cbd5e1}
/* 2026-10-21 영상 찾기 기록: 누가 찾았는지 · 모든 기록 */
.kw-who{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border-radius:50%;background:#eef4ff;color:#1f3f99;font-size:10.5px;font-weight:900;vertical-align:-3px}
.kw-who.is-me{background:#fff1e3;color:#a3480b}
.kw-history-more{height:30px;padding:0 12px;border:0;border-radius:999px;background:#f1f3f6;color:#2b364b;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer}
.kw-history-more:hover{background:#e6e9ef}

/* 2026-10-21 핫영상 상세: 그래프 다시 확인하기 (추정 구간 가운데) */
.hd-chart-box{position:relative}
.hd-vt-over{position:absolute;top:46%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}
.hd-vt-over>*{pointer-events:auto}
.hd-vt-go{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;border:0;border-radius:12px;background:#fff;color:#111a2c;font-family:inherit;font-size:13.5px;font-weight:900;cursor:pointer;box-shadow:0 4px 14px rgba(17,26,44,.14),0 0 0 1px #e6e9ef;white-space:nowrap}
.hd-vt-go:hover{box-shadow:0 6px 18px rgba(17,26,44,.18),0 0 0 1px #cfd5df}
.hd-vt-go[disabled]{cursor:default;color:#5d687c}
.hd-vt-go i{width:12px;height:12px;border:2px solid #cfd5df;border-top-color:#111a2c;border-radius:50%;animation:rs-vt-spin .8s linear infinite}
.hd-vt-over .hd-vt-err{max-width:260px;padding:4px 10px;border-radius:8px;background:#fff;font-size:12px;font-weight:700;color:#c4301d;text-align:center;box-shadow:0 1px 4px rgba(17,26,44,.1)}

/* 영상 찾기 티켓·주제 트랙·소모량 (2026-10-30, mockup A) */
.kw-tickets{display:inline-flex;align-items:center;gap:5px;margin-right:6px}
.kw-ticket{display:block;width:38px;height:26px}
.kw-ticket svg{display:block;width:100%;height:100%}
.kw-tk-body{stroke-width:1.4;transition:fill .2s,stroke .2s}
.kw-tk-cut{fill:none;stroke-width:1.4;stroke-dasharray:2.5 2.5;transition:stroke .2s}
.kw-ticket.is-left .kw-tk-body{fill:#e2e8fb;stroke:#7f96e8}.kw-ticket.is-left .kw-tk-cut{stroke:#7f96e8}
.kw-ticket.is-low .kw-tk-body{fill:#fbe3e8;stroke:#e0899e}.kw-ticket.is-low .kw-tk-cut{stroke:#e0899e}
.kw-ticket.is-used .kw-tk-body{fill:#f1f2f5;stroke:#dde0e6}.kw-ticket.is-used .kw-tk-cut{stroke:#dde0e6}
.kw-ticket.is-soon .kw-tk-body{fill:#fff;stroke:#7f96e8;stroke-dasharray:3 2.5}.kw-ticket.is-soon .kw-tk-cut{stroke:#7f96e8}
.kw-ticket.is-over .kw-tk-body{fill:#fbe3e8;stroke:#e0899e;stroke-dasharray:3 2.5}.kw-ticket.is-over .kw-tk-cut{stroke:#e0899e}
.kw-tickets em{margin-left:8px;font-style:normal;font-size:13px;font-weight:800;color:#5d687c;white-space:nowrap}
.kw-tickets em b{font-size:15px;font-weight:900;color:#111a2c}
.kw-tickets em.is-low,.kw-tickets em.is-low b{color:#c24461}
.kw-spent{display:flex;gap:6px;margin-left:auto}
.kw-spent span{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:8px;background:#fff;border:1px solid #e6e9ef;font-size:12px;font-weight:800;color:#4a556a;white-space:nowrap}
.kw-topics-wrap{margin-top:12px;overflow-x:auto}
.kw-topics{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));min-width:calc(var(--n)*108px);height:38px;padding:3px;box-sizing:border-box;border-radius:11px;background:#eceef3}
.kw-topics::before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/var(--n));border-radius:9px;background:#fff;box-shadow:0 1px 3px rgba(17,26,44,.14);transform:translateX(calc(var(--i)*100%));transition:transform .22s ease}
.kw-topics button{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 8px;border:0;background:none;font:inherit;font-size:13px;font-weight:800;color:#5d687c;white-space:nowrap;overflow:hidden;cursor:pointer}
.kw-topics button.on{color:#111a2c}
.kw-topics em{font-style:normal;font-size:11.5px;font-weight:700;color:#9aa3b2}
.kw-vt .kw-tag{color:#5d687c}

/* 2026-11-11: 핫영상 채널 숨기기 — 숨긴 채널 칩·목록, 상세 창 채널 안 보기 */
.hot-hid{position:relative;margin-left:auto;flex:0 0 auto;display:flex;align-items:center;padding-left:8px}
.hot-hid-chip{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border:1px solid #e9ecf1;border-radius:10px;background:#fff;color:#5b6475;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.hot-hid-chip:hover,.hot-hid-chip.on{border-color:#f3c6c0;color:#b4382a}
.hot-hid-chip em{font-style:normal;font-size:11px;color:#8a93a3}
.hot-hid-chip.on em{color:#b4382a}
.hot-hid-pop{position:absolute;right:0;top:36px;z-index:30;width:300px;max-height:360px;overflow-y:auto;padding:6px;border:1px solid #e6ebf1;border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(17,26,44,.12)}
.hot-hid-pop ul{list-style:none;margin:0;padding:0}
.hot-hid-pop li{display:flex;align-items:center;gap:8px;padding:6px 6px;border-radius:9px;font-size:12.5px;color:#26324a}
.hot-hid-pop li:hover{background:#f7f8fa}
.hot-hid-pop li .hot-yt-av{width:24px;height:24px;font-size:11px;flex:0 0 auto}
.hot-hid-pop li b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}
.hot-hid-pop li small{flex:0 0 auto;padding:1px 6px;border-radius:6px;background:#f1f3f6;color:#6b7385;font-size:10.5px;font-weight:800}
.hot-hid-pop li small.is-thumb{background:#fff4e8;color:#a65a12}
.hot-hid-pop li small.is-ai{background:#f1effd;color:#5b4bc4}
.hot-hid-pop li button{flex:0 0 auto;height:24px;padding:0 8px;border:1px solid #dfe4ea;border-radius:8px;background:#fff;color:#26324a;font-family:inherit;font-size:11.5px;font-weight:800;cursor:pointer}
.hot-hid-pop li button:hover{border-color:#9bd6b4;color:#0f7a4f}
.hot-hid-pop li.is-none{justify-content:center;color:#9aa3b2}
.hd-btn.is-hide{border-color:#f3c6c0;color:#b4382a}
.hd-btn.is-unhide{border-color:#9bd6b4;color:#0f7a4f}
@media (max-width:640px){.hot-hid-pop{width:min(300px,calc(100vw - 32px))}}