/* corin2 site.css — first-paint bundle 20260827perf1 */
html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}

/* ===== tokens.css (/tmp/corin2-perf-20260827/css/tokens.css) ===== */
/* corin2 design tokens — spacing 0/4/8/12/16/24/32, one brand, 5 type steps */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

:root {
  --cp-0: 0;
  --cp-1: 4px;
  --cp-2: 8px;
  --cp-3: 12px;
  --cp-4: 16px;
  --cp-5: 24px;
  --cp-6: 32px;

  --cp-fs-caption: 12px;
  --cp-fs-body: 13px;
  --cp-fs-ui: 14px;
  --cp-fs-title: 16px;
  --cp-fs-display: 18px;
  --cp-fw-regular: 400;
  --cp-fw-medium: 500;
  --cp-fw-semibold: 600;
  --cp-fw-bold: 700;
  --cp-lh-tight: 16px;
  --cp-lh-body: 24px;
  --cp-ls: 0;
  --cp-nick-w: 72px;
  --cp-date-w: 40px;

  --cp-brand: #24496f;
  --cp-brand-h: #193854;
  --cp-brand-ink: #fff;
  --cp-link: #24496f;
  --cp-brand-soft: rgba(36, 73, 111, .08);
  --cp-brand-soft-strong: rgba(36, 73, 111, .12);
  --cp-brand-border: rgba(36, 73, 111, .28);
  --cp-focus-ring: rgba(36, 73, 111, .22);
  --cp-up: #d0172c;
  --cp-down: #1565c0;
  --cp-warn: #b58100;
  --cp-ok: #1a7f4c;
  --cp-ink: #222222;
  --cp-sub: #555555;
  --cp-faint: #888888;
  --cp-bg: #f0f0f0;
  --cp-panel: #ffffff;
  --cp-line: #dddddd;
  --cp-line2: #cccccc;
  --cp-head-bg: #ffffff;
  --cp-soft-bg: #f7f7f7;

  --cp-radius: 0;
  --cp-radius-sm: 2px;
  --cp-radius-md: 4px;
  --cp-shadow: none;
  --cp-shadow-pop: 0 8px 24px rgba(0, 0, 0, .12);
  --cp-control-sm: 32px;
  --cp-control: 32px;
  --cp-control-lg: 40px;
  --cp-font: "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --cp-font-ui: var(--cp-font);
  --cp-widget-font: var(--cp-font);
  --cp-row-h: 32px;
  --cp-accent: var(--cp-brand);
}

html.dark,
html.rx_dark {
  --cp-brand: #7ea3c7;
  --cp-brand-h: #9bb8d4;
  --cp-brand-ink: #0d1117;
  --cp-link: #7ea3c7;
  --cp-brand-soft: rgba(126, 163, 199, .12);
  --cp-brand-soft-strong: rgba(126, 163, 199, .18);
  --cp-brand-border: rgba(126, 163, 199, .34);
  --cp-focus-ring: rgba(126, 163, 199, .28);
  --cp-up: #ff6b70;
  --cp-down: #7eb0ff;
  --cp-warn: #e0b04a;
  --cp-ok: #3dba7a;
  --cp-ink: #e8eef5;
  --cp-sub: #a0aab6;
  --cp-faint: #8b949e;
  --cp-bg: #0d1117;
  --cp-panel: #161b22;
  --cp-line: #2a3139;
  --cp-line2: #3a424c;
  --cp-head-bg: #10151c;
  --cp-soft-bg: #10151c;
  --cp-shadow: none;
  --cp-shadow-pop: 0 8px 24px rgba(0, 0, 0, .4);
  --cp-accent: var(--cp-brand);
}

/* ===== components.css (/var/www/rhymix/common/css/corin2/components.css) ===== */
/* corin2 controls — default / compact / large + shared states */
.cp-btn,
.board .btn,
.cp-content .btn,
.cp-content input[type="submit"].btn,
.cp-content button.btn,
.cp-content input[type="submit"],
.cp-content .submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: var(--cp-control);
  height: var(--cp-control);
  padding: 0 var(--cp-3);
  border: 1px solid var(--cp-line2);
  border-radius: var(--cp-radius-sm);
  background: var(--cp-panel);
  color: var(--cp-ink);
  font-family: var(--cp-font);
  font-size: var(--cp-fs-ui);
  font-weight: var(--cp-fw-semibold);
  line-height: 1;
  letter-spacing: var(--cp-ls);
  text-decoration: none;
  text-shadow: none;
  box-shadow: none;
  cursor: pointer;
}
.cp-btn:hover,
.board .btn:hover,
.cp-content .btn:hover,
.cp-content .submit:hover {
  border-color: var(--cp-brand);
  color: var(--cp-brand);
  background: var(--cp-panel);
}
.cp-btn:focus-visible,
.board .btn:focus-visible,
.cp-content .btn:focus-visible,
.cp-content .submit:focus-visible,
.cp-input:focus-visible,
.board .iText:focus-visible {
  outline: 0;
  border-color: var(--cp-brand);
  box-shadow: 0 0 0 2px var(--cp-focus-ring);
}
.cp-btn:active,
.board .btn:active,
.cp-content .btn:active {
  background: var(--cp-soft-bg);
}
.cp-btn:disabled,
.cp-btn[aria-disabled="true"],
.board .btn:disabled,
.cp-content .btn:disabled,
.cp-content .submit:disabled,
.cp-input:disabled {
  opacity: .45;
  cursor: not-allowed;
  pointer-events: none;
}
.cp-btn.is-loading,
.cp-content .btn.is-loading,
.cp-content .submit.is-loading {
  opacity: .7;
  pointer-events: none;
}
.cp-btn-primary,
.board .btnArea .btn,
.board .list_footer .btnArea .btn,
.cp-content .btn-inverse,
.cp-content .submit.btn-inverse {
  background: var(--cp-brand) !important;
  border-color: var(--cp-brand) !important;
  color: var(--cp-brand-ink) !important;
}
.cp-btn-primary:hover,
.board .btnArea .btn:hover,
.cp-content .btn-inverse:hover {
  background: var(--cp-brand-h) !important;
  border-color: var(--cp-brand-h) !important;
  color: var(--cp-brand-ink) !important;
}
.cp-btn-sm {
  min-height: var(--cp-control-sm);
  height: var(--cp-control-sm);
  padding: 0 var(--cp-2);
  font-size: var(--cp-fs-caption);
}
.cp-btn-lg {
  min-height: var(--cp-control-lg);
  height: var(--cp-control-lg);
  padding: 0 var(--cp-4);
}

.cp-input,
.board .iText,
.cp-content .signin input[type="text"],
.cp-content .signin input[type="password"],
.cp-content .signin input[type="email"],
.cp-content .form-horizontal input[type="text"],
.cp-content .form-horizontal input[type="password"],
.cp-content .form-horizontal input[type="email"],
.cp-content .form-horizontal input[type="tel"],
.cp-content .form-horizontal select {
  box-sizing: border-box;
  width: 100%;
  min-height: var(--cp-control);
  height: var(--cp-control);
  padding: 0 var(--cp-3);
  border: 1px solid var(--cp-line);
  border-radius: var(--cp-radius-sm);
  background: var(--cp-panel);
  color: var(--cp-ink);
  font-family: var(--cp-font);
  font-size: var(--cp-fs-ui);
  line-height: var(--cp-lh-tight);
}
.cp-input:focus,
.board .iText:focus,
.cp-content .signin input:focus,
.cp-content .form-horizontal input:focus,
.cp-content .form-horizontal select:focus {
  outline: 0;
  border-color: var(--cp-brand);
  box-shadow: 0 0 0 2px var(--cp-focus-ring);
}
.cp-input[aria-invalid="true"],
.cp-input.is-error,
.board .iText.is-error {
  border-color: var(--cp-up);
}
.cp-content .form-horizontal textarea {
  min-height: 96px;
  height: auto;
  padding: var(--cp-2) var(--cp-3);
}

.board .write_comment .iText,
.board .write_comment .cp-cmt-in {
  width: auto;
  min-height: var(--cp-control);
  height: var(--cp-control);
  padding: 0 var(--cp-2);
}

.cp-pagination,
.board .pagination,
.cp-content .pagination {
  margin: 0;
  padding: var(--cp-2) 0;
  text-align: center;
  line-height: normal;
}
.cp-pagination a,
.cp-pagination strong,
.board .pagination a,
.board .pagination strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--cp-control);
  min-height: var(--cp-control);
  padding: 0 var(--cp-2);
  margin: 0;
  border: 1px solid var(--cp-line);
  border-radius: var(--cp-radius-sm);
  background: var(--cp-panel);
  color: var(--cp-sub);
  font-size: var(--cp-fs-caption);
  font-weight: var(--cp-fw-semibold);
  text-decoration: none;
}
.cp-pagination strong,
.board .pagination strong {
  background: var(--cp-brand);
  border-color: var(--cp-brand);
  color: var(--cp-brand-ink);
}
.cp-pagination a:hover,
.board .pagination a:hover {
  border-color: var(--cp-brand);
  color: var(--cp-brand);
}

.cp-level-icon,
.xe_point_level_icon {
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  margin-right: var(--cp-1);
  object-fit: contain;
}

@media (max-width: 40rem) {
  .xe_content table,
  .rhymix_content table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }
  .cp-content input,
  .cp-content textarea,
  .cp-content select {
    font-size: 16px;
  }
  .cp-btn,
  .board .btn,
  .cp-content .btn,
  .cp-content .submit,
  .cp-account .cp-join,
  .cp-account .cp-login {
    min-height: 44px;
    height: 44px;
  }
}

/* ===== rank-sidebar.css (/var/www/rhymix/common/css/corin2/rank-sidebar.css) ===== */
/* rem-converted: base 16px=1rem; keep 1px hairlines + font-size:16px iOS */
/* 사이드바 모의선물 랭킹 — 메달 + 승률 */
.cp-side-rank .cp-rank-list { list-style: none; margin: 0; padding: 0.125rem 0 0; counter-reset: none; }
.cp-rk-row { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.125rem; border-bottom: 1px solid var(--cp-line, #eee); font-size: 0.8125rem; }
.cp-rk-row:last-child { border-bottom: 0; }
.cp-rk-row.cp-rk-top1,
.cp-rk-row.cp-rk-top2,
.cp-rk-row.cp-rk-top3 { background: transparent; border-radius: 0; }
.cp-rk-badge { flex-shrink: 0; width: 1.375rem; display: inline-flex; align-items: center; justify-content: center; }
.cp-rk-medal { display: block; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .12)); }
.cp-rk-num { width: 1.25rem; height: 1.25rem; border-radius: 50%; background: var(--cp-soft-bg, #f3f4f6); color: var(--cp-sub, #888); font-size: 0.6875rem; font-weight: 700; line-height: 1.25rem; text-align: center; }
.cp-rk-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.125rem; }
.cp-rk-nick { font-weight: 600; color: var(--cp-ink, #222); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.25; }
.cp-rk-meta { display: inline-flex; align-items: center; gap: 0.1875rem; font-size: 0.6875rem; color: var(--cp-sub, #888); line-height: 1.2; }
.cp-rk-ic { flex-shrink: 0; color: var(--cp-faint, #aaa); vertical-align: middle; }
.cp-rk-row.cp-rk-top1 .cp-rk-ic { color: #c99700; }
.cp-rk-row.cp-rk-top2 .cp-rk-ic { color: #9ca3af; }
.cp-rk-row.cp-rk-top3 .cp-rk-ic { color: #b87333; }
.cp-rk-sep { color: var(--cp-faint, #ccc); margin: 0 1px; }
.cp-rk-roi { flex-shrink: 0; font-variant-numeric: tabular-nums; font-weight: 700; font-size: 0.78125rem; min-width: 3.25rem; text-align: right; }
.cp-rk-up { color: var(--cp-up, #e5484d); }
.cp-rk-down { color: var(--cp-down, #3976d3); }
.cp-rank-more { float: right; font-size: 0.75rem; color: var(--cp-brand); text-decoration: none; font-weight: 600; }
html.dark .cp-rk-row.cp-rk-top1, html.rx_dark .cp-rk-row.cp-rk-top1 { background: transparent; }
html.dark .cp-rk-num, html.rx_dark .cp-rk-num { background: rgba(255, 255, 255, .06); color: var(--cp-sub); }

/* 2026-07-27 다크모드: 랭킹 위젯 헤더가 밝은 배경으로 남아 제목이 씻김 → 다른 사이드바 위젯처럼 투명 */
html.dark .cp-side-rank .cp-card-head, html.rx_dark .cp-side-rank .cp-card-head { background: transparent !important; color: var(--cp-ink); }

/* ===== community.css (/var/www/rhymix/common/css/corin2/community.css) ===== */
/* corin2 community pass — last-layer consistency. tokens only. no new chrome. */

html body,
html body .cp-wrap {
  font-family: var(--cp-font) !important;
  font-size: var(--cp-fs-body);
  line-height: var(--cp-lh-body);
  letter-spacing: var(--cp-ls);
  background: var(--cp-bg);
  color: var(--cp-ink);
}

/* ── header ── */
.cp-head {
  background: var(--cp-head-bg);
  border-bottom: 2px solid var(--cp-brand);
  box-shadow: none;
  font-family: var(--cp-font-ui);
}
.cp-head a,
.cp-head button,
.cp-head input {
  font-family: var(--cp-font-ui);
}
.cp-head-inner {
  height: 56px;
  gap: var(--cp-4);
  padding: 0 var(--cp-4);
}
.cp-logo {
  gap: var(--cp-2);
  font-size: 22px;
  font-weight: 700;
  color: var(--cp-brand);
  border-radius: 0;
}
.cp-logo img { width: 28px; height: 28px; border-radius: 0; }
.cp-gnb li a {
  padding: 8px 12px;
  font-size: 16px;
  font-weight: 500;
  color: var(--cp-sub);
  border-radius: 0;
  background: transparent;
}
.cp-gnb li a:hover,
.cp-gnb a.on,
.cp-gnb a[aria-current="page"] {
  color: var(--cp-brand);
  background: transparent;
  box-shadow: inset 0 -2px 0 var(--cp-brand);
}
.cp-gnb .cp-dd-menu {
  padding: var(--cp-1) 0;
  border: 1px solid var(--cp-line);
  border-radius: var(--cp-radius-sm);
  box-shadow: var(--cp-shadow-pop);
  background: var(--cp-panel);
}
.cp-gnb .cp-dd-menu a {
  padding: var(--cp-2) var(--cp-4);
  border-radius: 0;
  box-shadow: none;
}
.cp-gnb .cp-dd-menu a:hover { background: var(--cp-soft-bg); color: var(--cp-brand); box-shadow: none; }
.cp-account { gap: var(--cp-2); font-size: 14px; }
.cp-account a { color: var(--cp-sub); font-weight: var(--cp-fw-semibold); }
.cp-account .cp-join {
  display: inline-flex;
  align-items: center;
  height: var(--cp-control);
  min-height: var(--cp-control);
  padding: 0 var(--cp-3);
  border-radius: var(--cp-radius-sm);
  background: var(--cp-brand);
  color: var(--cp-brand-ink);
}
.cp-account .cp-join:hover { background: var(--cp-brand-h); color: var(--cp-brand-ink); }
.cp-head-search {
  width: 200px;
  height: var(--cp-control);
  border: 1px solid var(--cp-line);
  background: var(--cp-panel);
  border-radius: var(--cp-radius-sm);
}
.cp-head-search input[type="search"] {
  height: 30px;
  min-height: 30px;
  padding: 0 var(--cp-2);
  border: 0;
  box-shadow: none;
  font-size: var(--cp-fs-caption);
}
.cp-head-search button { width: 32px; height: 30px; color: var(--cp-sub); }
.cp-theme-btn {
  width: var(--cp-control);
  height: var(--cp-control);
  border: 1px solid var(--cp-line);
  border-radius: var(--cp-radius-sm);
  background: transparent;
}

/* ── tape ── */
.cp-global-tape {
  height: 32px;
  border-bottom: 1px solid var(--cp-line);
  background: var(--cp-panel);
}
.cp-global-tape-inner {
  height: 32px;
  padding: 0 var(--cp-4);
}
.cp-global-tape .cp-market-row {
  min-height: 32px;
  gap: var(--cp-2);
  padding: 0 var(--cp-3);
  font-size: var(--cp-fs-caption);
  border-radius: 0;
}
.cp-global-tape .up { color: var(--cp-up); }
.cp-global-tape .dn { color: var(--cp-down); }

/* ── body ── */
.cp-body {
  margin: var(--cp-3) auto;
  padding: 0 var(--cp-4);
  gap: var(--cp-4);
}
.cp-content {
  padding: var(--cp-4);
  border: 1px solid var(--cp-line);
  border-radius: var(--cp-radius);
  background: var(--cp-panel);
  box-shadow: none;
}
.cp-page-home .cp-content,
.cp-page-data .cp-content,
.cp-data-body .cp-content {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

/* ── home ── */
.cp-home { display: flex; flex-direction: column; gap: var(--cp-3); }
html body .cp-home-entry {
  order: 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid var(--cp-line);
  background: var(--cp-panel);
}
html body .cp-tg-banner {
  display: inline-flex;
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 0;
  background: #229ED9;
  color: #fff;
  font-family: var(--cp-font-ui);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: none;
  transform: none;
  filter: none;
}
html body .cp-tg-banner:hover {
  color: #fff;
  background: #1b8fc7;
  transform: none;
  box-shadow: none;
  filter: none;
}
.cp-tg-banner-ic,
.cp-tg-banner-cta { display: none; }
.cp-tg-banner-text { display: inline-flex; align-items: baseline; gap: var(--cp-2); }
.cp-tg-banner-text > strong { font-size: var(--cp-fs-body); font-weight: var(--cp-fw-bold); color: inherit; text-shadow: none; }
.cp-tg-banner-text > em { font-style: normal; font-size: var(--cp-fs-caption); font-weight: var(--cp-fw-regular); color: var(--cp-faint); text-shadow: none; }
html body .cp-trending-coins {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
}
html body .cp-trending-coins > strong {
  margin: 0;
  color: var(--cp-faint);
  font-size: 12px;
  font-weight: 700;
}
html body .cp-trending-coins > div { display: flex; flex-wrap: wrap; gap: 6px; }
html body .cp-trending-coins a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 28px;
  padding: 0 8px;
  border: 1px solid var(--cp-line);
  background: var(--cp-soft-bg);
  color: var(--cp-ink);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}
html body .cp-trending-coins a:hover {
  color: var(--cp-brand);
  border-color: var(--cp-brand-border);
  background: var(--cp-brand-soft);
}
html body .cp-trending-coins img { width: 16px; height: 16px; border-radius: 0; }

.cp-widget-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.cpw {
  background: var(--cp-panel);
  border: 1px solid #e5e5e5;
  border-radius: 0;
  box-shadow: none;
}
.cpw-head {
  height: 40px;
  padding: 0 12px;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
}
.cpw-head h2 {
  font-size: 15px;
  font-weight: 700;
  color: #1a1a1a;
}
.cpw-head a { font-size: 12px; color: #888; }
.cpw-head a:hover { color: var(--cp-brand); }
html.dark .cpw-head,
html.rx_dark .cpw-head { background: var(--cp-panel); border-bottom-color: var(--cp-line); }
html.dark .cpw-head h2,
html.rx_dark .cpw-head h2 { color: var(--cp-ink); }
.cp-latest {
  order: 3;
  margin: 0 0 20px;
  border: 1px solid #e5e5e5;
  background: #fff;
}
html body .cpw-notice { order: 2 !important; }
html body .cp-widget-grid-middle { order: 4; }
.cp-latest-tabs {
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid #e5e5e5;
}
.cp-latest-tabs button {
  flex: 1;
  height: 40px;
  margin: 0;
  padding: 0 8px;
  border: 0;
  border-right: 1px solid #e5e5e5;
  background: #f5f5f5;
  color: #959595;
  font-family: var(--cp-font-ui);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.cp-latest-tabs button.on {
  background: #fff;
  color: #111;
  font-weight: 700;
}
.cp-latest-more {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding: 0 14px;
  color: #888;
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
}
.cp-latest-more:hover { color: var(--cp-brand); }
.cp-latest-panel { display: none; }
.cp-latest-panel.on { display: block; }
.cp-latest .cpw { border: 0; }
.cp-latest .cpw-head { display: none; }
html.dark .cp-latest,
html.dark .cp-latest-tabs button.on { background: var(--cp-panel); }
html.dark .cp-latest-tabs button { background: #182230; color: var(--cp-faint); border-color: var(--cp-line); }
.cpw-list { padding: 0 var(--cp-3); }
.cpw-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--cp-nick-w) var(--cp-date-w);
  align-items: center;
  height: var(--cp-row-h);
  min-height: var(--cp-row-h);
  column-gap: var(--cp-2);
  border-bottom: 1px solid var(--cp-line);
}
.cpw-subject {
  height: var(--cp-row-h);
  font-size: var(--cp-fs-body);
  font-weight: var(--cp-fw-medium);
  line-height: var(--cp-row-h);
  letter-spacing: 0;
}
.cpw-meta { display: contents; font-size: var(--cp-fs-caption); }
.cpw-meta b,
.cpw-meta time {
  font-size: var(--cp-fs-caption);
  line-height: var(--cp-row-h);
  text-align: right;
  white-space: nowrap;
}
.cpw-empty {
  padding: var(--cp-5) var(--cp-3);
  color: var(--cp-faint);
  font-size: var(--cp-fs-caption);
  text-align: left;
}

.cpw-notice {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 64px;
  height: 32px;
  min-height: 32px;
  border: 1px solid var(--cp-line);
  background: var(--cp-panel);
}
.cpw-notice > strong {
  background: transparent;
  color: var(--cp-brand);
  font-size: var(--cp-fs-caption);
  font-weight: var(--cp-fw-bold);
  line-height: 32px;
}
.cpw-notice-items {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 12px;
  padding: 0 12px;
}
.cpw-notice-items a {
  font-size: var(--cp-fs-body);
  font-weight: var(--cp-fw-medium);
  line-height: 32px;
}
.cpw-notice-more {
  padding-right: 12px;
  font-size: var(--cp-fs-caption);
  line-height: 32px;
  text-align: right;
  white-space: nowrap;
}

.cpw-gallery-grid { gap: var(--cp-2); padding: var(--cp-2); }
.cpw-gallery-grid img { border-radius: 0; }
.cpw-gallery-empty { border-radius: 0; background: var(--cp-soft-bg); }

/* ── sidebar ── */
.cp-side { width: 260px; gap: var(--cp-3); }
.cp-card {
  padding: var(--cp-3);
  border: 1px solid var(--cp-line);
  border-radius: var(--cp-radius);
  background: var(--cp-panel);
  box-shadow: none;
}
.cp-card-head {
  margin: calc(-1 * var(--cp-3)) calc(-1 * var(--cp-3)) var(--cp-2);
  padding: var(--cp-2) var(--cp-3);
  border-bottom: 0;
  background: var(--cp-brand);
  color: var(--cp-brand-ink);
  font-size: var(--cp-fs-ui);
  font-weight: var(--cp-fw-bold);
}
.cp-card-head a { color: rgba(255,255,255,.78); }
.cp-card-head a:hover { color: #fff; }
html.dark .cp-card-head,
html.rx_dark .cp-card-head { background: #182230; color: var(--cp-ink); }
.cp-side-link {
  padding: var(--cp-2);
  border-radius: 0;
  font-size: var(--cp-fs-body);
  font-weight: var(--cp-fw-medium);
}
.cp-side-btn {
  padding: 0 var(--cp-3);
  min-height: var(--cp-control);
  line-height: var(--cp-control);
  border-radius: var(--cp-radius-sm);
  background: var(--cp-brand);
  color: var(--cp-brand-ink);
  font-size: var(--cp-fs-ui);
  font-weight: var(--cp-fw-semibold);
}
.cp-side-note { font-size: var(--cp-fs-caption); color: var(--cp-sub); margin: 0 0 var(--cp-2); }
.cp-rk-row { height: var(--cp-row-h); padding: 0; border-radius: 0; }
.cp-rk-row.cp-rk-top1,
.cp-rk-row.cp-rk-top2,
.cp-rk-row.cp-rk-top3 { background: transparent; }
.cp-rk-num { border-radius: var(--cp-radius-sm); }

/* ── wing ── */
.cp-wad {
  display: block;
  padding: var(--cp-3);
  border: 1px solid var(--cp-line);
  border-radius: var(--cp-radius);
  background: var(--cp-panel);
  color: var(--cp-ink);
  text-align: left;
  box-shadow: none;
  transform: none;
}
.cp-wad:hover { transform: none; box-shadow: none; color: var(--cp-brand); }
.cp-wad-tg,
.cp-wad-ev { background: var(--cp-panel); color: var(--cp-ink); }
.cp-wad-ic,
.cp-wad-btn,
.cp-wad-badge { display: none; }
.cp-wad strong { font-size: var(--cp-fs-body); font-weight: var(--cp-fw-bold); line-height: var(--cp-lh-tight); }
.cp-wad-sub { font-size: var(--cp-fs-caption); color: var(--cp-faint); }

/* ── cta / vitals leftovers ── */
.cp-cta,
.cp-vitals,
.cp-community-intro,
.cp-home-h1 { display: none; }

/* ── tool nav ── */
.cp-tool-nav {
  min-height: 40px;
  border: 1px solid var(--cp-line);
  border-bottom: 0;
  background: var(--cp-panel);
  border-radius: 0;
}
.cp-tool-nav-title {
  padding: 0 var(--cp-3);
  background: var(--cp-soft-bg);
  font-size: var(--cp-fs-body);
}
.cp-tool-nav a {
  min-height: 40px;
  padding: 0 var(--cp-3);
  font-size: var(--cp-fs-body);
  background: transparent;
}
.cp-tool-nav a.on,
.cp-tool-nav a:hover {
  background: transparent;
  color: var(--cp-brand);
}
.cp-tool-nav a.on::after {
  height: 2px;
  background: var(--cp-brand);
  left: var(--cp-3);
  right: var(--cp-3);
}
.cp-data-discuss {
  display: block;
  min-height: 0;
  margin-top: var(--cp-3);
  padding: var(--cp-2) 0 0;
  border: 0;
  border-top: 1px solid var(--cp-line);
  background: transparent;
}
.cp-data-discuss strong,
.cp-data-discuss span { display: none; }
.cp-data-discuss a {
  padding: 0;
  border: 0;
  color: var(--cp-brand);
  font-size: var(--cp-fs-caption);
  font-weight: var(--cp-fw-semibold);
  background: transparent;
}
.cp-data-discuss a:hover { background: transparent; text-decoration: underline; }

/* ── data heads: typography, not filled bars ── */
.cp-data-body .cp-oc-dashboard > .cp-oc-head,
.cp-data-body .cp-oc-kimp > .cp-oc-head,
.cp-data-body .cp-oc-ind > .ind-head,
.cp-data-body .cp-oc-whale-v2 > .oc2-page-head,
.cp-data-body .cp-oc-poschart > .cp-oc-head,
.cp-data-body .cp-oc-liq > .cp-oc-head,
.cp-data-body .cp-oc-liqmap > .cp-oc-head,
.cp-data-body .cp-oc-smart > .cp-oc-head,
.cp-data-body .cp-oc-alarm > .al-head {
  min-height: 40px;
  margin: 0;
  padding: var(--cp-2) var(--cp-3);
  border: 1px solid var(--cp-line);
  background: var(--cp-panel);
  color: var(--cp-ink);
  border-radius: 0;
}
.cp-data-body .cp-oc-dashboard > .cp-oc-head .md-title,
.cp-data-body .cp-oc-kimp > .cp-oc-head .cp-oc-title,
.cp-data-body .cp-oc-ind > .ind-head .ind-title,
.cp-data-body .cp-oc-whale-v2 > .oc2-page-head h1,
.cp-data-body .cp-oc-poschart > .cp-oc-head .pc-title,
.cp-data-body .cp-oc-liq > .cp-oc-head .cp-oc-title,
.cp-data-body .cp-oc-liqmap > .cp-oc-head .cp-oc-title,
.cp-data-body .cp-oc-smart > .cp-oc-head .cp-oc-title,
.cp-data-body .cp-oc-alarm > .al-head .al-title {
  color: var(--cp-ink);
  font-size: var(--cp-fs-title);
  font-weight: var(--cp-fw-bold);
}
.cp-data-body .cp-oc-dashboard > .cp-oc-head small,
.cp-data-body .cp-oc-kimp > .cp-oc-head small,
.cp-data-body .cp-oc-ind > .ind-head small,
.cp-data-body .cp-oc-whale-v2 > .oc2-page-head .oc2-subtitle,
.cp-data-body .cp-oc-whale-v2 > .oc2-page-head .oc2-eyebrow,
.cp-data-body .cp-oc-poschart > .cp-oc-head small,
.cp-data-body .cp-oc-liq > .cp-oc-head small,
.cp-data-body .cp-oc-liqmap > .cp-oc-head small,
.cp-data-body .cp-oc-smart > .cp-oc-head small,
.cp-data-body .cp-oc-alarm > .al-head small,
.cp-data-body .cp-oc-poschart > .cp-oc-head .pc-meta,
.cp-data-body .cp-oc-liq > .cp-oc-head .cp-oc-meta,
.cp-data-body .cp-oc-liqmap > .cp-oc-head .cp-oc-meta,
.cp-data-body .cp-oc-smart > .cp-oc-head .cp-oc-meta,
.cp-data-body .cp-oc-alarm > .al-head .al-meta {
  color: var(--cp-sub);
  font-size: var(--cp-fs-caption);
}
.cp-data-body .cp-oc-dashboard > .cp-oc-head button,
.cp-data-body .cp-oc-kimp > .cp-oc-head button,
.cp-data-body .cp-oc-whale-v2 > .oc2-page-head button,
.cp-data-body .cp-oc-whale-v2 > .oc2-page-head .oc2-export,
.cp-data-body .cp-oc-poschart > .cp-oc-head button,
.cp-data-body .cp-oc-liq > .cp-oc-head button,
.cp-data-body .cp-oc-liqmap > .cp-oc-head button,
.cp-data-body .cp-oc-smart > .cp-oc-head button {
  min-height: var(--cp-control);
  padding: 0 var(--cp-3);
  border: 1px solid var(--cp-line);
  border-radius: var(--cp-radius-sm);
  background: var(--cp-panel);
  color: var(--cp-ink);
}

.cp-oc-dashboard .md-card,
.cp-oc-dashboard .qs-card,
.cp-oc-dashboard .md-chart-wrap,
.cp-oc-dashboard .md-table-wrap,
.cp-oc-kimp [class*="card"],
.cp-oc-ind [class*="card"] {
  border-radius: 0 !important;
  box-shadow: none;
}
.cp-oc-dashboard .qs-dot,
.cp-oc-dashboard .qs-item {
  border-radius: var(--cp-radius-sm);
}
.cp-oc-dashboard .pos,
.cp-oc-dashboard .up,
.cp-oc-dashboard .md-card-val.pos,
.cp-oc-dashboard .md-card-sub.pos { color: var(--cp-up) !important; }
.cp-oc-dashboard .neg,
.cp-oc-dashboard .dn,
.cp-oc-dashboard .md-card-val.neg,
.cp-oc-dashboard .md-card-sub.neg { color: var(--cp-down) !important; }

/* ── auth ── */
.cp-page-auth .cp-body { justify-content: flex-start; }
.cp-page-auth .cp-content {
  width: 100%;
  max-width: 400px;
  margin: var(--cp-5) auto var(--cp-6);
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.cp-auth-card {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.cp-auth-hero {
  margin: 0 0 16px;
  line-height: 0;
  overflow: hidden;
  border: 1px solid var(--cp-line);
  background: #24496f;
}
.cp-auth-hero img {
  display: block;
  width: 100%;
  height: auto;
}
.cp-wrap.cp-page-auth .cp-content {
  max-width: 440px;
}
.cp-auth-head {
  padding: 0 0 var(--cp-3);
  border: 0;
  border-bottom: 2px solid var(--cp-ink);
  background: transparent;
  text-align: left;
  min-height: 0;
}
.cp-auth-title {
  font-size: var(--cp-fs-title);
  font-weight: var(--cp-fw-bold);
  color: var(--cp-ink);
}
.cp-auth-sub.cp-auth-sub--show {
  margin: var(--cp-2) 0 0;
  font-size: var(--cp-fs-caption);
  color: var(--cp-sub);
  line-height: var(--cp-lh-body);
}
.cp-auth-sub a { color: var(--cp-brand); }
.cp-auth-form { padding: var(--cp-4) 0 0; }
.cp-auth .signin,
.cp-auth .xm .signin,
.cp-auth .xm .auth {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.cp-auth .xm .signin input[type="text"],
.cp-auth .xm .signin input[type="email"],
.cp-auth .xm .signin input[type="password"],
.cp-auth .xm .form-horizontal input[type="text"],
.cp-auth .xm .form-horizontal input[type="email"],
.cp-auth .xm .form-horizontal input[type="password"] {
  height: var(--cp-control-lg);
  min-height: var(--cp-control-lg);
  border-radius: var(--cp-radius-sm);
}
.cp-auth .xm .signin .submit,
.cp-auth .xm .form-horizontal .btnArea .btn,
.cp-auth .xm .auth__btn--primary {
  height: var(--cp-control-lg);
  min-height: var(--cp-control-lg);
  border-radius: var(--cp-radius-sm);
  background: var(--cp-brand) !important;
  border-color: var(--cp-brand) !important;
  color: var(--cp-brand-ink) !important;
}
.cp-social-login { padding: var(--cp-3) 0 0; gap: var(--cp-2); }
.cp-sso-btn {
  min-height: var(--cp-control-lg);
  border-radius: var(--cp-radius-sm);
  font-size: var(--cp-fs-ui);
  box-shadow: none;
}
.cp-auth .auth .auth__hero,
.cp-auth .sns-signup__hero { display: none !important; }
.cp-native-search { max-width: 980px; margin: 0 auto; padding: 16px 0 48px; }
.cp-native-search h1 { margin: 0 0 6px; font-size: 20px; font-weight: 700; }
.cp-native-search > .desc { margin: 0 0 16px; color: var(--cp-sub); font-size: 13px; }
.cp-search-form { display: flex; gap: 8px; }
.cp-search-form input {
  flex: 1; min-width: 0; height: 44px; padding: 0 12px;
  border: 1px solid var(--cp-line); background: var(--cp-panel); color: inherit; font-size: 16px;
}
.cp-search-form button {
  height: 44px; padding: 0 16px; border: 0; background: #24496f; color: #fff; font-weight: 700; cursor: pointer;
}
.cp-search-summary { min-height: 24px; margin: 16px 0 8px; color: var(--cp-sub); font-size: 13px; }
.cp-search-results { display: grid; gap: 8px; }
.cp-search-item {
  display: block; padding: 14px 16px; border: 1px solid var(--cp-line); background: var(--cp-panel);
}
.cp-search-item a { color: inherit; text-decoration: none; }
.cp-search-item h2 { margin: 0 0 6px; font-size: 16px; line-height: 24px; }
.cp-search-item p { margin: 0; color: var(--cp-sub); font-size: 13px; line-height: 20px; }
.cp-search-meta { display: flex; gap: 8px; align-items: center; margin-bottom: 6px; color: var(--cp-faint); font-size: 12px; }
.cp-search-board { color: var(--cp-brand); font-weight: 700; }
.cp-search-nick a { color: var(--cp-ink); }
.cp-search-pages { display: flex; justify-content: center; gap: 6px; margin-top: 16px; }
.cp-search-pages button { min-width: 36px; height: 32px; border: 1px solid var(--cp-line); background: var(--cp-panel); cursor: pointer; }
.cp-search-pages button.active { background: #24496f; color: #fff; border-color: #24496f; }
.cp-search-empty { padding: 48px 16px; text-align: center; border: 1px dashed var(--cp-line); color: var(--cp-sub); }
#popup_menu_area { z-index: var(--z-popup, 10000); }
html body .cpw-comments ul { margin: 0; padding: 0 12px; list-style: none; }
html body .cpw-comments li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--cp-nick-w, 72px);
  align-items: center;
  height: 32px;
  min-height: 32px;
  column-gap: 8px;
  border-bottom: 1px solid var(--cp-line);
}
html body .cpw-comments li:last-child { border-bottom: 0; }
html body .cpw-comments .cpw-cmt-body,
html body .cpw-comments .cpw-cmt-nick {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 32px;
  line-height: 32px;
  text-decoration: none;
}
html body .cpw-comments .cpw-cmt-body { color: var(--cp-ink); font-size: 13px; font-weight: 500; }
html body .cpw-comments .cpw-cmt-body:hover,
html body .cpw-comments .cpw-cmt-body:hover span { color: var(--cp-up, #d0172c); }
html body .cpw-comments .cpw-cmt-body span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 32px;
}
html body .cpw-comments .cpw-cmt-nick {
  color: var(--cp-sub);
  font-size: 12px;
  font-weight: 500;
  text-align: right;
}

/* ── trade head ── */
.cp-trade-embed-head { margin: 0 0 var(--cp-3); padding: 0 0 var(--cp-3); gap: var(--cp-2); }
.cp-trade-embed-head h1 { font-size: var(--cp-fs-title); font-weight: var(--cp-fw-bold); }
.cp-trade-embed-demo {
  padding: 0 var(--cp-2);
  height: 20px;
  line-height: 20px;
  border-radius: var(--cp-radius-sm);
  background: var(--cp-warn);
  color: #fff;
  font-size: 11px;
}
.cp-trade-embed-sub { flex: 1 1 100%; margin: 0; font-size: var(--cp-fs-caption); color: var(--cp-sub); }

/* ── guide ── */
.cp-guide { --g-navy: var(--cp-brand); --g-navy2: var(--cp-brand-h); --g-teal: var(--cp-brand); }
.cp-guide-head {
  min-height: 0;
  padding: var(--cp-4);
  border: 1px solid var(--cp-line);
  background: var(--cp-panel);
  color: var(--cp-ink);
}
.cp-guide-head h1 { color: var(--cp-ink) !important; font-size: var(--cp-fs-title) !important; font-weight: var(--cp-fw-bold) !important; }
.cp-guide-head p { color: var(--cp-sub) !important; font-size: var(--cp-fs-caption) !important; }
.cp-guide-nav a { padding: var(--cp-3) var(--cp-4) !important; font-size: var(--cp-fs-body) !important; }
.cp-guide-nav a.is-active,
.cp-guide-nav a:hover { color: var(--cp-brand) !important; }
.cp-guide-card,
.cp-guide-quick,
.cp-guide-principles { border-radius: 0; box-shadow: none; }
.cp-guide-section-head { border-left-color: var(--cp-brand); padding: 0 0 var(--cp-2) var(--cp-3); }

/* ── footer ── */
.cp-foot { margin-top: var(--cp-5); border-top: 1px solid var(--cp-line); background: var(--cp-head-bg); }
.cp-foot-inner { min-height: 40px; padding: var(--cp-2) var(--cp-4); gap: var(--cp-2) var(--cp-3); }
.cp-foot-brand { font-size: var(--cp-fs-body); color: var(--cp-brand); }
.cp-foot-text,
.cp-foot-copy,
.cp-foot-contact { font-size: var(--cp-fs-caption); }
.cp-foot-legal a { font-size: var(--cp-fs-caption); }

/* ── mobile nav ── */
.cp-mobile-nav {
  border-radius: 0;
  box-shadow: var(--cp-shadow-pop);
}
.cp-mnav-head { padding: var(--cp-3); }
.cp-mnav-section a,
.cp-mnav-account a {
  min-height: 44px;
  padding: var(--cp-3);
  border-radius: 0;
  font-size: var(--cp-fs-ui);
}
.cp-mnav-account a.cp-mnav-join {
  background: var(--cp-brand);
  color: var(--cp-brand-ink);
  text-align: center;
}

/* ── amina leftovers ── */
.corin2-amina.widget-index .widget-box {
  border: 1px solid var(--cp-line);
  border-radius: 0;
  background: var(--cp-panel);
}
.corin2-amina.widget-index .widget-box.is-notice-box { background: var(--cp-panel); }

@media (min-width: 48rem) {
  .cp-widget-grid { grid-template-columns: 1fr 1fr; }
  .cp-home-entry { display: flex; }
}
@media (max-width: 56.25rem) {
  .cp-body { margin: var(--cp-2) auto; padding: 0 var(--cp-4); flex-direction: column; align-items: stretch; }
  .cp-content { width: 100%; max-width: 100%; }
  .cp-side { width: 100%; }
  .cp-head-inner { height: 52px; padding: 0 var(--cp-3); gap: 0; }
  .cp-logo { font-size: 18px; }
  .cp-gnb li a { font-size: 14px; padding: 8px; }
  .cp-account .cp-join,
  .cp-account .cp-login { min-height: 44px; height: 44px; padding: 0 var(--cp-3); }
  .cp-page-auth .cp-content { margin: var(--cp-4) auto var(--cp-5); }
  .cp-auth .xm .signin input[type="text"],
  .cp-auth .xm .signin input[type="email"],
  .cp-auth .xm .signin input[type="password"] {
    height: 44px;
    min-height: 44px;
    font-size: 16px;
  }
}
@media (max-width: 37.5rem) {
  .cp-widget-grid { grid-template-columns: 1fr; }
  .cp-trending-coins { width: 100%; }
  .cp-tg-banner-text > em { display: none; }
}

.cp-wrap.cp-trade-mode .cp-content { border: 0; box-shadow: none; }


.cpw-head h2,
.cp-card-head,
.cp-page-hero {
  font-family: var(--cp-font-ui);
}
.cp-wing-ad { display: none !important; }
.cp-head-inner,
.cp-foot-inner,
.cp-shell,
.cp-shell-main,
.cp-shell .cp-body,
.cp-shell .cp-content {
  box-sizing: border-box;
}
.cp-head-inner,
.cp-foot-inner {
  max-width: 1880px;
  padding-left: 20px;
  padding-right: 20px;
}
.cp-shell {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr) 280px;
  gap: 16px;
  width: 100%;
  max-width: 1880px;
  margin: 0 auto;
  padding: 12px 20px 24px;
  align-items: start;
}
.cp-shell-main { min-width: 0; max-width: 100%; }
.cp-shell .cp-content { max-width: 100%; }
.cp-wing {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: sticky;
  top: 68px;
}
.cp-wing-l { width: 180px; }
.cp-wing-r { width: 280px; }
.cp-wing-adimg {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid var(--cp-line);
  background: #24496f;
  color: #fff;
  text-decoration: none;
}
.cp-wing-adimg:hover { color: #fff; text-decoration: none; opacity: .94; }
.cp-wing-l .cp-wing-adimg { width: 180px; }
.cp-wing-r .cp-wing-adimg { width: 280px; height: 168px; }
.cp-wing-adimg img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: top;
}
.cp-wing-r .cp-wing-adimg img {
  height: 168px;
  object-fit: cover;
  object-position: center 70%;
}
.cp-wing-copy {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding: 12px;
  font-family: var(--cp-font-ui);
  pointer-events: none;
  background: linear-gradient(180deg, rgba(20,40,64,.88) 0%, rgba(20,40,64,.2) 100%);
}
.cp-wing-r .cp-wing-copy {
  top: auto;
  bottom: 0;
  background: linear-gradient(0deg, rgba(20,40,64,.92) 0%, rgba(20,40,64,.15) 100%);
}
.cp-wing-copy b {
  display: block;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.cp-wing-copy em {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  color: rgba(255,255,255,.88);
}
.cp-wing-links {
  border: 1px solid var(--cp-line);
  background: var(--cp-panel);
}
.cp-wing-links strong {
  display: block;
  height: 32px;
  padding: 0 12px;
  background: #24496f;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 32px;
}
.cp-wing-links a {
  display: block;
  height: 32px;
  padding: 0 12px;
  border-top: 1px solid var(--cp-line);
  color: var(--cp-ink);
  font-size: 13px;
  line-height: 32px;
  background: var(--cp-panel);
}
.cp-wing-links a:hover { color: var(--cp-brand); text-decoration: none; background: var(--cp-soft-bg); }
.cp-wing-r .cp-side { width: 100%; }
.cp-shell .cp-body {
  display: block;
  max-width: none;
  margin: 12px 0 0;
  padding: 0;
}
.cp-shell .cp-content { width: 100%; }
.cp-page-hero {
  background: transparent;
  overflow: hidden;
  line-height: 0;
}
.cp-page-hero img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.cp-wrap.cp-trade-mode .cp-shell,
.cp-wrap.cp-page-data .cp-shell,
.cp-wrap.cp-page-auth .cp-shell {
  display: block;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  max-width: 110rem;
  padding: 0 16px;
}
.cp-wrap.cp-trade-mode .cp-wing,
.cp-wrap.cp-page-data .cp-wing,
.cp-wrap.cp-page-auth .cp-wing { display: none; }
@media (max-width: 1199px) {
  .cp-head-inner,
  .cp-foot-inner,
  .cp-shell {
    max-width: 100%;
  }
  .cp-shell {
    display: block;
    grid-template-columns: none;
    width: 100%;
    padding: 0 16px 24px;
  }
  .cp-wing { display: none !important; }
}
.cp-wrap.cp-trade-mode .cp-page-hero { display: none; }

/* ===== widget-index.css (/var/www/rhymix/common/corin2/amina/widget-index.css) ===== */
@charset "utf-8";

/* Amina Basic main widget-index (from basic-main.php) */
html body { font-family: var(--cp-font); font-size: 13px; line-height: 1.5; letter-spacing: 0; }
.corin2-amina.widget-index .div-title-underbar { margin-bottom: 15px; }
.corin2-amina.widget-index .div-title-underbar span { padding-bottom: 4px; }
.corin2-amina.widget-index .div-title-underbar span b { font-weight: 500; }
.corin2-amina.widget-index .widget-box { margin-bottom: 0; }

/* 홈 2단 — Amina col-sm-6 와 동일 */
.corin2-amina.widget-index .at-row { margin-left: -10px; margin-right: -10px; margin-bottom: 22px; }
.corin2-amina.widget-index .at-row:last-child { margin-bottom: 0; }
.corin2-amina.widget-index .at-row > [class*="col-"] { padding-left: 10px; padding-right: 10px; }
.corin2-amina.widget-index.cp-home-widgets { margin-top: 6px; }
/* 레이아웃과 동일한 Noto Sans KR 사용 */
.corin2-amina.widget-index {
	font-family: var(--cp-font);
	font-size: 13px;
	line-height: 1.45;
	letter-spacing: 0;
}
.corin2-amina.widget-index .div-title-underbar span,
.corin2-amina.widget-index .div-title-underbar span b,
.corin2-amina.widget-index .basic-post-list,
.corin2-amina.widget-index .basic-post-list a {
	font-family: inherit;
}

/* BS3 전역 reset이 코린이 헤더 건드리지 않게: 위젯 영역만 box model */
.corin2-amina.widget-index,
.corin2-amina.widget-index * {
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.corin2-amina.widget-index .at-row { margin-bottom: 18px; }
}
.corin2-amina.widget-index .div-title-underbar span b { font-weight: 700; color: #1a1a1a; }
.corin2-amina.widget-index .widget-box {
	border: 1px solid #e8ecf0;
	border-radius: 4px;
	background: #fff;
	padding: 4px 12px 8px;
}
.corin2-amina.widget-index .widget-box.is-notice-box {
	border-color: #d6dee8;
	background: linear-gradient(180deg, #fafbfd 0%, #fff 48px);
}
.corin2-amina.widget-index .cp-wt-icon {
	margin-right: 6px;
	font-size: 14px;
	color: var(--cp-brand, #24496f);
	opacity: .9;
	vertical-align: -1px;
}
.corin2-amina.widget-index .div-title-underbar-bold.border-navy { border-bottom-color: var(--cp-brand, #24496f); }

/* ═══════════════════════════════════════════════════════════════
   [다크모드] 홈 게시판 위젯(공지/인기글/자유게시판/질답) 다크 대응
   위 라이트 고정값(#1a1a1a 검은글씨, #fff 흰배경, #e8ecf0 테두리)을
   다크모드 클래스(html.dark / html.rx_dark)에서 덮어써서 글씨·배경·테두리를 다크로.
   전부 다크 클래스 하위라 라이트모드에는 전혀 영향 없음. 변수 미정의 대비 폴백 hex 포함.
═══════════════════════════════════════════════════════════════ */
html.dark .corin2-amina.widget-index .widget-box,
html.rx_dark .corin2-amina.widget-index .widget-box,
html.dark .corin2-amina.widget-index .widget-box.is-notice-box,
html.rx_dark .corin2-amina.widget-index .widget-box.is-notice-box {
	background: var(--cp-panel, #161b22);
	border-color: var(--cp-line, #30363d);
}
html.dark .corin2-amina.widget-index .div-title-underbar span b,
html.rx_dark .corin2-amina.widget-index .div-title-underbar span b,
html.dark .corin2-amina.widget-index .basic-post-list,
html.rx_dark .corin2-amina.widget-index .basic-post-list,
html.dark .corin2-amina.widget-index .basic-post-list a,
html.rx_dark .corin2-amina.widget-index .basic-post-list a,
html.dark .corin2-amina.widget-index .cp-w-subject,
html.rx_dark .corin2-amina.widget-index .cp-w-subject,
html.dark .corin2-amina.widget-index .cp-w-subject .txt-normal,
html.rx_dark .corin2-amina.widget-index .cp-w-subject .txt-normal {
	color: var(--cp-ink, #e6edf3);
}
html.dark .corin2-amina.widget-index .div-title-underbar-bold.border-navy,
html.rx_dark .corin2-amina.widget-index .div-title-underbar-bold.border-navy {
	border-bottom-color: var(--cp-brand, #4d7cc0);
}
html.dark .corin2-amina.widget-index .cp-wt-icon,
html.rx_dark .corin2-amina.widget-index .cp-wt-icon {
	color: var(--cp-brand, #4d7cc0);
}
html.dark .corin2-amina.widget-index .post-list > li,
html.rx_dark .corin2-amina.widget-index .post-list > li {
	border-color: var(--cp-line, #30363d);
}
html.dark .corin2-amina.widget-index .basic-post-list a:hover,
html.rx_dark .corin2-amina.widget-index .basic-post-list a:hover,
html.dark .corin2-amina.widget-index .basic-post-list a:hover .cp-w-subject,
html.rx_dark .corin2-amina.widget-index .basic-post-list a:hover .cp-w-subject,
html.dark .corin2-amina.widget-index .basic-post-list a:hover .txt-normal,
html.rx_dark .corin2-amina.widget-index .basic-post-list a:hover .txt-normal {
	color: var(--cp-up, #ff6b70);
	text-decoration: none;
}
html.dark .corin2-amina.widget-index .gray,
html.rx_dark .corin2-amina.widget-index .gray,
html.dark .corin2-amina.widget-index .cp-w-meta,
html.rx_dark .corin2-amina.widget-index .cp-w-meta,
html.dark .corin2-amina.widget-index .cp-w-date,
html.rx_dark .corin2-amina.widget-index .cp-w-date,
html.dark .corin2-amina.widget-index .lightgray,
html.rx_dark .corin2-amina.widget-index .lightgray,
html.dark .corin2-amina.widget-index .post-sp,
html.rx_dark .corin2-amina.widget-index .post-sp {
	color: var(--cp-mut, #8b949e);
}

/* ── 홈: 코인판식 시세표 + 글 목록 ── */
.cp-market-board {
	border: 1px solid #cfd6de;
	background: #fff;
}
.cp-market-head {
	height: 42px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0 13px;
	background: #253b59;
	color: #fff;
}
.cp-market-head h1 {
	margin: 0;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0;
}
.cp-market-head > span {
	font-size: 10px;
	color: #bdc9d7;
}
.cp-market-head > span i {
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-right: 3px;
	border-radius: 50%;
	background: #20c997;
	vertical-align: 1px;
}
.cp-market-head > a {
	margin-left: auto;
	color: #dce5ee;
	font-size: 11px;
	text-decoration: none;
}
.cp-market-head > a:hover { color: #fff; text-decoration: underline; }
.cp-market-body {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(250px, 1fr);
}
.cp-market-prices {
	border-right: 1px solid #dfe4e9;
}
.cp-market-row {
	min-height: 38px;
	display: grid;
	grid-template-columns: minmax(125px, 1.2fr) minmax(110px, 1fr) 78px;
	align-items: center;
	gap: 8px;
	padding: 0 12px;
	border-bottom: 1px solid #edf0f3;
	color: #2d3339;
	text-decoration: none;
	font-variant-numeric: tabular-nums;
}
.cp-market-row:last-child { border-bottom: 0; }
a.cp-market-row:hover { background: #f7f9fb; }
.cp-market-label {
	min-height: 28px;
	background: #f4f6f8;
	color: #7b8490;
	font-size: 10.5px;
	font-weight: 600;
}
.cp-market-label span:nth-child(n+2) { text-align: right; }
.cp-market-coin {
	display: flex;
	align-items: center;
	min-width: 0;
}
.cp-market-coin img {
	width: 19px;
	height: 19px;
	margin-right: 7px;
	border-radius: 50%;
	background: #fff;
}
.cp-market-coin b { font-size: 12px; margin-right: 5px; color: #1f2b38; }
.cp-market-coin em { overflow: hidden; color: #929aa4; font-size: 10.5px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.cp-market-price { text-align: right; font-size: 12.5px; font-weight: 700; }
.cp-market-change { text-align: right; font-size: 11.5px; font-weight: 700; }
.cp-market-board .up { color: #e03131; }
.cp-market-board .dn { color: #276dc2; }
.cp-market-macro {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.cp-market-macro > a {
	min-height: 66px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 8px 12px;
	border-right: 1px solid #edf0f3;
	border-bottom: 1px solid #edf0f3;
	color: #333;
	text-decoration: none;
}
.cp-market-macro > a:nth-child(2n) { border-right: 0; }
.cp-market-macro > a:nth-last-child(-n+2) { border-bottom: 0; }
.cp-market-macro > a:hover { background: #f7f9fb; }
.cp-market-macro span { color: #66717d; font-size: 10.5px; }
.cp-market-macro .cp-market-emoji {
	font-size: 12px;
	font-style: normal;
	vertical-align: -1px;
}
.cp-market-macro strong {
	margin: 2px 0 1px;
	color: #202a35;
	font-size: 14px;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
}
.cp-market-macro small { color: #a0a7af; font-size: 9.5px; }
.cp-market-loading {
	padding: 28px 12px;
	color: #98a0a9;
	font-size: 11px;
	text-align: center;
}

.cp-home-links {
	display: flex;
	align-items: center;
	min-height: 37px;
	padding: 0 5px;
	border: 1px solid #dfe4e9;
	border-top: 0;
	background: #f7f8fa;
}
.cp-home-links a {
	position: relative;
	flex: 1;
	padding: 8px 5px;
	color: #44505d;
	font-size: 11.5px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}
.cp-home-links a + a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	bottom: 9px;
	width: 1px;
	background: #dce1e6;
}
.cp-home-links a:hover { color: #167c7a; }

.cp-home-best {
	margin-top: 4px;
	margin-bottom: 2px;
	border: 1px solid #d8dee5;
	background: #fff;
}
.cp-best-tabs {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #cfd6de;
	background: #f5f6f8;
}
.cp-best-tabs li { flex: 1; }
.cp-best-tabs li a {
	display: block;
	padding: 11px 5px 10px;
	border-right: 1px solid #dfe4e9;
	border-top: 3px solid transparent;
	color: #555f6a;
	font-size: 12.5px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
}
.cp-best-tabs li:last-child a { border-right: 0; }
.cp-best-tabs li.on a,
.cp-best-tabs li a:hover {
	margin-top: -1px;
	padding-bottom: 11px;
	border-top-color: #169b98;
	background: #fff;
	color: #087977;
}
.cp-best-panels { padding: 10px 11px 9px; }
.cp-best-panel { display: none; }
.cp-best-panel.on { display: block; }
.cp-home-best .at-row { margin-bottom: 0; }
.cp-home-best .widget-box {
	border: 0;
	border-radius: 0;
	background: #fff;
	padding: 0 10px;
}
.cp-home-best .at-row > [class*="col-"]:first-child { border-right: 1px solid #e3e7eb; }
.cp-home-best .post-list.is-ranked .rank-icon {
	margin-right: 6px;
	vertical-align: 0;
}
.cp-home-best .post-list.is-ranked .cp-w-leading {
	display: flex;
	align-items: center;
	min-width: 0;
}
.cp-home-best .post-list.is-ranked .cp-w-subject {
	flex: 1;
	min-width: 0;
}

html.dark .cp-market-board,
html.rx_dark .cp-market-board,
html.dark .cp-home-best,
html.rx_dark .cp-home-best { background: var(--cp-panel, #161b22); border-color: var(--cp-line, #30363d); }
html.dark .cp-market-head,
html.rx_dark .cp-market-head { background: #111c2b; }
html.dark .cp-market-prices,
html.rx_dark .cp-market-prices,
html.dark .cp-market-row,
html.rx_dark .cp-market-row,
html.dark .cp-market-macro > a,
html.rx_dark .cp-market-macro > a { border-color: var(--cp-line, #30363d); color: var(--cp-ink, #e6edf3); }
html.dark .cp-market-label,
html.rx_dark .cp-market-label,
html.dark a.cp-market-row:hover,
html.rx_dark a.cp-market-row:hover,
html.dark .cp-market-macro > a:hover,
html.rx_dark .cp-market-macro > a:hover { background: #11161d; }
html.dark .cp-market-coin b,
html.rx_dark .cp-market-coin b,
html.dark .cp-market-macro strong,
html.rx_dark .cp-market-macro strong { color: var(--cp-ink, #e6edf3); }
html.dark .cp-home-links,
html.rx_dark .cp-home-links,
html.dark .cp-best-tabs,
html.rx_dark .cp-best-tabs { background: #11161d; border-color: var(--cp-line, #30363d); }
html.dark .cp-home-links a,
html.rx_dark .cp-home-links a { color: var(--cp-mut, #a6adb7); }
html.dark .cp-home-links a + a:before,
html.rx_dark .cp-home-links a + a:before { background: var(--cp-line, #30363d); }
html.dark .cp-best-tabs,
html.rx_dark .cp-best-tabs {
	border-bottom-color: var(--cp-line, #30363d);
}
html.dark .cp-best-tabs li a,
html.rx_dark .cp-best-tabs li a {
	color: var(--cp-mut, #8b949e);
}
html.dark .cp-best-tabs li.on a,
html.rx_dark .cp-best-tabs li.on a,
html.dark .cp-best-tabs li a:hover,
html.rx_dark .cp-best-tabs li a:hover {
	color: #2dd4bf;
	border-top-color: #2dd4bf;
	background: var(--cp-panel, #161b22);
}
html.dark .cp-home-best .widget-box,
html.rx_dark .cp-home-best .widget-box {
	background: var(--cp-panel, #161b22);
}

@media (max-width: 700px) {
	.cp-market-body { grid-template-columns: 1fr; }
	.cp-market-prices { border-right: 0; border-bottom: 1px solid #dfe4e9; }
	.cp-home-links { overflow-x: auto; justify-content: flex-start; }
	.cp-home-links a { flex: 0 0 auto; padding-left: 14px; padding-right: 14px; }
	.cp-best-tabs { overflow-x: auto; }
	.cp-best-tabs li { flex: 0 0 auto; }
	.cp-best-tabs li a { min-width: 92px; padding-left: 10px; padding-right: 10px; }
	.cp-home-best .at-row > [class*="col-"]:first-child { border-right: 0; border-bottom: 1px solid #e3e7eb; padding-bottom: 8px; margin-bottom: 8px; }
}

/* Miso-style composable home widgets */
.cpw-notice{order:3}
.cp-widget-grid{order:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cp-widget-grid-secondary{order:6}
.cp-home>.cpw-gallery{order:5}
.cp-side-home>.cpw{flex:0 0 auto;width:100%}
.cp-side-home .cpw-list{padding-left:9px;padding-right:9px}
.cp-side-home .cpw-list li{grid-template-columns:minmax(0,1fr)}
.cp-side-home .cpw-meta{display:none}
@media(max-width:700px){
	.cp-widget-grid{grid-template-columns:1fr;gap:8px}
	.cp-side-home>.cpw{min-width:240px;flex:1}
}

/* 2026-07-11 generated mockup implementation */
.cp-global-tape{position:sticky;top:var(--cp-head-h, 56px);z-index:var(--z-tape, 90);height:34px;border-bottom:1px solid var(--cp-line);background:var(--cp-panel);color:var(--cp-ink)}
.cp-global-tape-inner{max-width:110rem;height:34px;display:flex;align-items:center;margin:0 auto;padding:0 1rem;overflow:hidden}
.cp-global-tape #cpMarketCoins{min-width:0;flex:1;display:block;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.cp-global-tape #cpMarketCoins::-webkit-scrollbar{display:none}
.cp-tape-track{display:block;width:100%}.cp-tape-set{display:flex;align-items:center;width:100%;min-width:max-content}
.cp-global-tape .cp-market-row{flex:1 1 0;min-width:9.5rem;min-height:33px;display:flex;align-items:center;justify-content:flex-start;gap:0.5625rem;padding:0 0.875rem;border:0;border-left:1px solid var(--cp-line);color:var(--cp-ink);font-size:0.65625rem}
.cp-global-tape .cp-market-row:first-child{border-left:0}
.cp-global-tape .cp-market-coin{flex:0 0 auto}.cp-global-tape .cp-market-coin img{width:1rem;height:1rem;margin-right:0.3125rem}.cp-global-tape .cp-market-coin b{color:var(--cp-ink);font-size:0.65625rem}.cp-global-tape .cp-market-coin em{display:none}
.cp-global-tape .cp-market-price{margin-left:auto;color:var(--cp-ink);font-size:0.65625rem;font-weight:650}.cp-global-tape .cp-market-change{font-size:0.625rem}.cp-global-tape .up{color:var(--cp-up,#e0304e)}.cp-global-tape .dn{color:var(--cp-down,#3976d3)}
.cp-global-tape .cp-market-loading{padding:0.4375rem;color:var(--cp-faint)}
.cp-market-tape{order:0;min-height:30px;display:flex;align-items:center;border:1px solid #cfd4da;background:var(--cp-panel);overflow:hidden}
.cp-market-tape>#cpMarketCoins{min-width:0;flex:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.cp-market-tape .cp-market-row{min-height:28px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 10px;border:0;border-right:1px solid var(--cp-line);font-size:10.5px}
.cp-market-tape .cp-market-coin img{width:15px;height:15px;margin-right:5px}.cp-market-tape .cp-market-coin b{font-size:10.5px}.cp-market-tape .cp-market-coin em{display:none}
.cp-market-tape .cp-market-price{font-size:10.5px;font-weight:600}.cp-market-tape .cp-market-change{font-size:10px}
.cp-market-tape>.cp-market-loading{padding:6px}.cp-market-tape>a{flex:0 0 auto;padding:0 10px;color:var(--cp-faint);font-size:9.5px;text-decoration:none;white-space:nowrap}
html body .cp-home-entry{order:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.cp-tg-banner{display:inline-flex;align-items:center;height:32px;padding:0;border:0;border-radius:0;background:transparent;color:var(--cp-ink);font-size:13px;font-weight:600;line-height:32px;letter-spacing:0;text-decoration:none;box-shadow:none}
.cp-tg-banner:hover{color:var(--cp-brand);background:transparent;transform:none;box-shadow:none;filter:none}
.cp-tg-banner-ic,.cp-tg-banner-cta{display:none}
.cp-trending-coins{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;padding:0;border:0;background:transparent}
.cp-trending-coins>strong{margin:0;color:var(--cp-faint);font-size:12px;font-weight:600;line-height:32px}
.cp-trending-coins>div{display:flex;flex-wrap:wrap;gap:12px}
.cp-trending-coins a{display:inline-flex;align-items:center;gap:4px;color:var(--cp-ink);font-size:12px;font-weight:600;line-height:32px;text-decoration:none}
.cp-trending-coins a:hover{color:var(--cp-brand)}
.cp-trending-coins img{width:16px;height:16px;border-radius:0}
.cpw-notice{order:2}.cp-widget-grid-primary{order:3}.cp-widget-grid-middle{order:4}.cp-widget-grid-secondary{order:5}
.cp-widget-grid-middle{align-items:stretch}.cp-widget-grid-middle>.cpw{height:100%}
.cp-widget-grid-middle .cpw-gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px}.cp-widget-grid-middle .cpw-gallery-grid strong{font-size:9.5px}.cp-widget-grid-middle .cpw-gallery-grid> a>span:last-child{font-size:8.5px}
.cp-side-home{gap:10px}.cp-side-home .cp-card{padding:10px}.cp-side-home .cp-card-head{margin:-10px -10px 6px;padding:9px 10px;border-bottom:2px solid #46586d}.cp-side-home .cp-rank-list{padding-top:0;padding-bottom:0}
html.dark .cp-market-tape,html.rx_dark .cp-market-tape,html.dark .cp-trending-coins,html.rx_dark .cp-trending-coins{background:var(--cp-panel);border-color:var(--cp-line)}
@media(max-width:700px){
	.cp-global-tape{position:relative;top:auto;height:32px}.cp-global-tape-inner{height:32px;padding:0;overflow:hidden}.cp-global-tape #cpMarketCoins{flex:1}.cp-global-tape .cp-market-row{flex:0 0 auto;min-width:10.5rem;min-height:31px;justify-content:flex-start}.cp-global-tape .cp-market-price{display:inline}
	.cp-market-tape{overflow-x:auto}.cp-market-tape>#cpMarketCoins{flex:0 0 660px;grid-template-columns:repeat(5,132px)}.cp-market-tape>a{display:none}
	.cp-home-entry{display:flex}.cp-tg-banner{min-height:32px;height:32px;padding:0}
	.cp-trending-coins{min-height:0}
	.cp-widget-grid-middle .cpw-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-widget-grid-middle .cpw-gallery-grid>a:nth-child(n+4){display:none}
}
@media (max-width: 420px) {
	.cp-market-head > span { display: none; }
	.cp-market-row { grid-template-columns: minmax(98px, 1.1fr) minmax(90px, 1fr) 70px; padding-left: 8px; padding-right: 8px; }
	.cp-market-coin em { display: none; }
}

/* 2026-07-11 community-first home */
.cp-community-intro {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 26px 28px;
	border: 1px solid #dfe4ea;
	border-left: 4px solid #ef5b5b;
	background: #fff;
}
.cp-community-copy { min-width: 0; }
.cp-community-kicker {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 8px;
	color: #d94a4a;
	font-size: 12px;
	font-weight: 800;
}
.cp-community-kicker i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #ef5b5b;
	box-shadow: 0 0 0 4px rgba(239,91,91,.12);
}
.cp-community-copy h1 {
	margin: 0 0 7px;
	color: #17212b;
	font-size: 25px;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: 0;
}
.cp-community-copy > p {
	margin: 0;
	color: #66717f;
	font-size: 14px;
	line-height: 1.55;
}
.cp-community-intro .cp-vitals {
	display: flex;
	gap: 18px;
	min-height: 0;
	margin: 14px 0 0;
	padding: 0;
	border: 0;
	background: transparent;
}
.cp-community-intro .cp-vital { font-size: 12px; }
.cp-community-intro .cp-vital b { color: #17212b; font-size: 13px; }
.cp-community-actions {
	display: flex;
	flex: 0 0 170px;
	flex-direction: column;
	gap: 8px;
}
.cp-community-write,
.cp-community-join {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 750;
	text-decoration: none;
}
.cp-community-write { gap: 7px; background: #ef5b5b; color: #fff; }
.cp-community-write:hover { background: #dc4949; color: #fff; }
.cp-community-write span { font-size: 20px; font-weight: 400; line-height: 1; }
.cp-community-join { border: 1px solid #dfe4ea; color: #4f5d6b; background: #fff; }
.cp-community-join:hover { border-color: #9ba7b3; color: #17212b; }

.cp-feed-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin: 10px 0 -4px;
}
.cp-feed-heading > div > span {
	display: block;
	margin-bottom: 2px;
	color: #ef5b5b;
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .08em;
}
.cp-feed-heading h2 { margin: 0; color: #17212b; font-size: 19px; font-weight: 800; }
.cp-feed-heading > a { color: #75808c; font-size: 12px; text-decoration: none; }
.cp-feed-heading > a:hover { color: #ef5b5b; }

.cp-home-best {
	margin-top: 0;
	border-color: #dfe4ea;
	border-radius: 6px;
	overflow: hidden;
}
.cp-best-tabs { padding: 0 12px; background: #fff; }
.cp-best-tabs li { flex: 0 0 auto; }
.cp-best-tabs li a {
	min-width: 82px;
	padding: 13px 14px 11px;
	border: 0;
	border-bottom: 2px solid transparent;
	color: #7a8591;
	font-size: 13px;
}
.cp-best-tabs li.on a,
.cp-best-tabs li a:hover {
	margin: 0;
	padding-bottom: 11px;
	border-top: 0;
	border-bottom-color: #ef5b5b;
	background: transparent;
	color: #17212b;
}
.cp-best-panels { padding: 0; }
.cp-home-best .widget-box { padding: 0; }
.cp-home-best .post-list.is-community li { border-color: #edf0f3; }
.cp-home-best .post-list.is-community li a {
	display: flex !important;
	flex-direction: column;
	align-items: stretch;
	gap: 7px;
	padding: 13px 16px;
	overflow: visible;
}
.cp-home-best .post-list.is-community li a:hover { background: #fafbfc; }
.cp-home-best .post-list.is-community .cp-w-leading { width: 100%; }
.cp-home-best .post-list.is-community .cp-w-subject {
	color: #202a35;
	font-size: 14px;
	font-weight: 650;
}
.cp-home-best .post-list.is-community .txt-normal {
	display: inline-flex;
	align-items: center;
	padding: 2px 6px;
	border-radius: 3px;
	background: #eef2f6;
	color: #5e6a77;
	font-size: 10px;
	font-weight: 700;
}
.cp-home-best .post-list.is-community .post-sp { display: none; }
.cp-community-meta {
	display: flex;
	align-items: center;
	gap: 7px;
	padding-left: 0;
	color: var(--cp-faint);
	font-size: 11px;
}
.cp-community-meta > span:not(.cp-community-avatar) + span:before,
.cp-community-meta > strong + span:before { content: "·"; margin-right: 7px; color: #c2c8cf; }
.cp-community-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #e8f1ff;
	color: #3169a7;
	font-size: 10px;
	font-weight: 800;
}
.cp-community-meta strong { color: #596572; font-weight: 650; }
.cp-community-meta .cp-community-count { color: #386fa8; }
.cp-community-meta .cp-community-vote { color: #d94a4a; }

.cp-market-board { margin-top: 10px; border-color: #dfe4ea; border-radius: 6px 6px 0 0; overflow: hidden; }
.cp-market-head { height: 38px; background: #263746; }
.cp-market-head h2 { margin: 0; font-size: 13px; font-weight: 800; }
.cp-market-row { min-height: 34px; }
.cp-market-macro > a { min-height: 58px; }
.cp-home-links { border-color: #dfe4ea; background: #fff; border-radius: 0 0 6px 6px; }
.cp-home-links a:hover { color: #ef5b5b; }
.cp-home-widgets { margin-top: 12px; }

.cp-side-home .cp-card { border-radius: 6px; box-shadow: none; }

html.dark .cp-community-intro,
html.rx_dark .cp-community-intro { background: var(--cp-panel); border-color: var(--cp-line); border-left-color: #ff7373; }
html.dark .cp-community-copy h1,
html.rx_dark .cp-community-copy h1,
html.dark .cp-feed-heading h2,
html.rx_dark .cp-feed-heading h2,
html.dark .cp-home-best .post-list.is-community .cp-w-subject,
html.rx_dark .cp-home-best .post-list.is-community .cp-w-subject { color: var(--cp-ink); }
html.dark .cp-community-copy > p,
html.rx_dark .cp-community-copy > p { color: var(--cp-sub); }
html.dark .cp-community-join,
html.rx_dark .cp-community-join { background: #11161d; border-color: var(--cp-line); color: var(--cp-ink); }
html.dark .cp-best-tabs,
html.rx_dark .cp-best-tabs { background: var(--cp-panel); }
html.dark .cp-home-best .post-list.is-community li a:hover,
html.rx_dark .cp-home-best .post-list.is-community li a:hover { background: #11161d; }
html.dark .cp-home-best .post-list.is-community .txt-normal,
html.rx_dark .cp-home-best .post-list.is-community .txt-normal { background: #222a34; color: #aab4bf; }
html.dark .cp-community-avatar,
html.rx_dark .cp-community-avatar { background: #203750; color: #8fc3ff; }

@media (max-width: 700px) {
	.cp-community-intro { align-items: stretch; flex-direction: column; gap: 18px; padding: 20px 18px; }
	.cp-community-copy h1 { font-size: 21px; }
	.cp-community-copy > p { font-size: 13px; }
	.cp-community-intro .cp-vitals { gap: 10px 16px; flex-wrap: wrap; justify-content: flex-start; }
	.cp-community-actions { flex: none; flex-direction: row; }
	.cp-community-write { flex: 1; }
	.cp-community-join { flex: 0 0 112px; }
	.cp-feed-heading { align-items: center; margin-top: 6px; }
	.cp-feed-heading h2 { font-size: 17px; }
	.cp-feed-heading > div > span { display: none; }
	.cp-feed-heading > a { font-size: 11px; }
	.cp-best-tabs { padding: 0 5px; overflow: visible; }
	.cp-best-tabs li { flex: 1 1 25%; }
	.cp-best-tabs li a { min-width: 0; padding: 12px 4px 10px; font-size: 12px; }
	.cp-best-tabs li.on a, .cp-best-tabs li a:hover { padding-bottom: 10px; }
	.cp-home-best .post-list.is-community li a { padding: 12px; }
	.cp-community-meta { gap: 5px; }
	.cp-community-meta > span:not(.cp-community-avatar) + span:before,
	.cp-community-meta > strong + span:before { margin-right: 5px; }
	.cp-market-macro { display: none; }
	.cp-market-prices { border-bottom: 0; }
	.cp-home-links a { padding-left: 12px; padding-right: 12px; }
}

@media (max-width: 430px) {
	.cp-community-actions { flex-direction: column; }
	.cp-community-join { flex-basis: 38px; }
	.cp-community-meta > span:nth-of-type(2) { display: none; }
}

/* 2026-07-11 coinpan-style density pass */
.cp-home { gap: 8px; }
.cp-community-bar {
	display: flex;
	align-items: center;
	order: 0;
	min-height: 38px;
	padding: 0 11px;
	border: 1px solid #cfd4da;
	background: #f4f5f6;
	color: #4d5660;
}
.cp-community-bar-title { display: flex; align-items: center; gap: 10px; white-space: nowrap; }
.cp-community-bar-title strong { color: #27384b; font-size: 13px; font-weight: 800; }
.cp-community-bar-title span { color: #7b838c; font-size: 11px; }
.cp-community-bar .cp-vitals {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 0;
	margin: 0 0 0 auto;
	padding: 0 14px;
	border: 0;
	background: transparent;
}
.cp-community-bar .cp-vital { font-size: 11px; }
.cp-community-bar .cp-vital b { color: #27384b; font-size: 11px; }
.cp-community-bar-actions { display: flex; align-items: center; gap: 0; }
.cp-community-bar-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 26px;
	padding: 0 9px;
	border-left: 1px solid #d8dce1;
	color: #59636e;
	font-size: 11px;
	font-weight: 650;
	text-decoration: none;
}
.cp-community-bar-actions a:hover { color: #1e4268; text-decoration: underline; }
.cp-community-bar-actions .cp-community-write {
	min-height: 27px;
	margin-left: 7px;
	border: 1px solid #324a67;
	border-radius: 2px;
	background: #3d536f;
	color: #fff;
}
.cp-community-bar-actions .cp-community-write:hover { background: #2f435d; color: #fff; text-decoration: none; }

.cp-market-board { order: 1; margin-top: 0; border-radius: 0; }
.cp-home-links { order: 2; border-radius: 0; }
.cp-feed-heading { order: 3; margin: 7px 0 0; padding: 0 2px 6px; border-bottom: 2px solid #4b5c70; }
.cp-feed-heading h2 { color: #27384b; font-size: 14px; }
.cp-feed-heading > a { color: #7b838c; font-size: 11px; }
.cp-feed-heading > div > span { display: none; }
.cp-home-best { order: 4; border-radius: 0; }
.cp-home-widgets { order: 5; }

.cp-market-head { height: 34px; border-radius: 0; background: #465569; }
.cp-market-head h2 { font-size: 12px; }
.cp-market-row { min-height: 30px; }
.cp-market-label { min-height: 25px; }
.cp-market-macro > a { min-height: 51px; padding-top: 5px; padding-bottom: 5px; }
.cp-home-links { min-height: 32px; background: #f4f5f6; }
.cp-home-links a { padding-top: 6px; padding-bottom: 6px; font-size: 11px; }

.cp-home-best { border-color: #cfd4da; }
.cp-best-tabs { padding: 0; border-bottom-color: #bfc5cc; background: #eef0f2; }
.cp-best-tabs li { flex: 0 0 112px; border-right: 1px solid #d4d8dd; }
.cp-best-tabs li a { min-width: 0; padding: 9px 10px 8px; border: 0; color: #59636e; font-size: 11.5px; }
.cp-best-tabs li.on a,
.cp-best-tabs li a:hover {
	padding-bottom: 8px;
	border: 0;
	box-shadow: inset 0 2px #3d536f;
	background: #fff;
	color: #27384b;
}
.cp-home-best .post-list.is-community li a {
	display: flex !important;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	min-height: 31px;
	padding: 5px 10px;
}
.cp-home-best .post-list.is-community .cp-w-leading { flex: 1 1 auto; width: auto; min-width: 0; }
.cp-home-best .post-list.is-community .cp-w-subject { font-size: 12px; font-weight: 500; }
.cp-home-best .post-list.is-community .txt-normal {
	padding: 0;
	background: transparent;
	color: #6f7882;
	font-size: 10.5px;
	font-weight: 650;
}
.cp-home-best .post-list.is-community .post-sp { display: inline; margin: 0 3px; color: #c5cad0; }
.cp-community-meta { flex: 0 0 auto; gap: 5px; color: #8b929a; font-size: 10.5px; }
.cp-community-avatar { width: 17px; height: 17px; border-radius: 2px; font-size: 8px; }
.cp-community-meta strong { max-width: 92px; overflow: hidden; color: #59636e; font-size: 10.5px; text-overflow: ellipsis; white-space: nowrap; }
.cp-community-meta > span:not(.cp-community-avatar) + span:before,
.cp-community-meta > strong + span:before { margin-right: 5px; }
.cp-community-meta .cp-community-count { color: #be4f40; }
.cp-community-meta .cp-community-vote { color: #be4f40; }
.cp-home-best .post-list.is-community li a:hover { background: #f3f6f9; }

.cp-side-home .cp-card { border-radius: 0; }
.cp-side-home .cp-card-head { background: #24496f; color: #fff; border-bottom: 0; }
.cp-side-home .cp-card-head a { color: rgba(255,255,255,.78); }
html.dark .cp-side-home .cp-card-head, html.rx_dark .cp-side-home .cp-card-head { background: #182230; color: #eaf0f6; }

html.dark .cp-community-bar,
html.rx_dark .cp-community-bar { border-color: var(--cp-line); background: #11161d; color: var(--cp-sub); }
html.dark .cp-community-bar-title strong,
html.rx_dark .cp-community-bar-title strong { color: var(--cp-ink); }
html.dark .cp-feed-heading,
html.rx_dark .cp-feed-heading { border-bottom-color: #71849a; }
html.dark .cp-feed-heading h2,
html.rx_dark .cp-feed-heading h2 { color: var(--cp-ink); }
html.dark .cp-best-tabs,
html.rx_dark .cp-best-tabs { background: #11161d; border-color: var(--cp-line); }
html.dark .cp-best-tabs li,
html.rx_dark .cp-best-tabs li { border-color: var(--cp-line); }

@media (max-width: 700px) {
	.cp-community-bar { flex-wrap: wrap; gap: 0; padding: 7px 9px; }
	.cp-community-bar-title span { display: none; }
	.cp-community-bar .cp-vitals { order: 3; width: 100%; margin: 5px 0 0; padding: 5px 0 0; border-top: 1px solid #dfe3e7; }
	.cp-community-bar-actions { margin-left: auto; }
	.cp-community-bar-actions a { min-height: 25px; padding: 0 7px; }
	.cp-feed-heading { margin-top: 5px; }
	.cp-best-tabs { overflow-x: hidden; }
	.cp-best-tabs li { flex: 1 1 25%; border-right: 1px solid #d4d8dd; }
	.cp-home-best .post-list.is-community li a { flex-direction: column; align-items: stretch; gap: 4px; padding: 8px 10px; }
	.cp-home-best .post-list.is-community .cp-w-subject { font-size: 12.5px; }
	.cp-community-meta { width: 100%; }
	.cp-community-meta strong { max-width: 110px; }
}

/* ===== widget.css (/var/www/rhymix/common/corin2/widget/notice-line/widget.css) ===== */
@charset "utf-8";
.cpw-notice{
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 64px;
  align-items:center;
  height:32px;
  border:1px solid var(--cp-line);
  background:var(--cp-panel);
  font-family:var(--cp-font);
}
.cpw-notice>strong{
  display:flex;
  align-items:center;
  justify-content:center;
  height:32px;
  color:var(--cp-brand);
  font-size:12px;
  font-weight:700;
  line-height:32px;
  letter-spacing:0;
}
.cpw-notice-items{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:12px;
  min-width:0;
  padding:0 12px;
  overflow:hidden;
}
.cpw-notice-items a{
  min-width:0;
  overflow:hidden;
  color:var(--cp-ink);
  font-size:13px;
  font-weight:500;
  line-height:32px;
  letter-spacing:0;
  text-decoration:none;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cpw-notice-items a:hover{color:var(--cp-up,#d0172c);text-decoration:none}
.cpw-notice-items em{color:var(--cp-up,#d0172c);font-style:normal}
.cpw-notice-more{
  height:32px;
  padding-right:12px;
  overflow:hidden;
  color:var(--cp-faint);
  font-size:12px;
  line-height:32px;
  text-align:right;
  text-decoration:none;
  white-space:nowrap;
}
.cpw-notice-more:hover{color:var(--cp-brand)}
@media(max-width:40rem){
  .cpw-notice{grid-template-columns:40px minmax(0,1fr) 56px}
  .cpw-notice-items{grid-template-columns:minmax(0,1fr);padding:0 8px}
  .cpw-notice-items a{display:none}
  .cpw-notice-items a:first-child{display:block}
  .cpw-notice-more{padding-right:8px}
}

/* ===== widget.css (/var/www/rhymix/common/corin2/widget/portal-board/widget.css) ===== */
@charset "utf-8";
.cpw{box-sizing:border-box;font-family:var(--cp-font);background:var(--cp-panel);border:1px solid var(--cp-line);border-radius:0}
.cpw *{box-sizing:border-box}
.cpw-head{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #e5e5e5;background:#fff}
.cpw-head h2{margin:0;color:#1a1a1a;font-size:15px;font-weight:700;letter-spacing:0;line-height:40px}
.cpw-head a{color:#888;font-size:12px;line-height:40px;text-decoration:none}
.cpw-head a:hover{color:#24496f}
html.dark .cpw-head,html.rx_dark .cpw-head{background:var(--cp-panel);border-bottom-color:var(--cp-line)}
html.dark .cpw-head h2,html.rx_dark .cpw-head h2{color:var(--cp-ink)}
.cpw-list{margin:0;padding:0 12px;list-style:none}
.cpw-list li{
  display:grid;
  grid-template-columns:minmax(0,1fr) var(--cp-nick-w,72px) var(--cp-date-w,40px);
  align-items:center;
  height:32px;
  column-gap:8px;
  border-bottom:1px solid var(--cp-line);
}
.cpw-list li:last-child{border-bottom:0}
.cpw-subject{display:flex;align-items:center;min-width:0;height:32px;color:var(--cp-ink);font-size:13px;font-weight:500;line-height:32px;letter-spacing:0;text-decoration:none}
.cpw-subject>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cpw-subject:hover,.cpw-subject:hover>span{color:var(--cp-up,#d0172c);text-decoration:none}
.cpw-subject em{margin-left:4px;color:var(--cp-up,#d0172c);font-size:12px;font-style:normal;line-height:32px}
.cpw-subject i{flex:0 0 auto;margin-left:4px;padding:0 4px;background:var(--cp-up,#d0172c);color:#fff;font-size:10px;font-style:normal;line-height:16px}
.cpw-meta{display:contents}
.cpw-meta b{overflow:hidden;color:var(--cp-sub);font-size:12px;font-weight:500;line-height:32px;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.cpw-meta time{color:var(--cp-faint);font-size:12px;line-height:32px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.cpw-empty{padding:24px 12px;color:var(--cp-faint);font-size:12px;text-align:left;line-height:16px}
@media(max-width:35rem){
  .cpw-list li{grid-template-columns:minmax(0,1fr) var(--cp-nick-w,72px)}
  .cpw-meta time{display:none}
}

/* ===== widget.css (/var/www/rhymix/common/corin2/widget/gallery-strip/widget.css) ===== */
/* rem-converted: base 16px=1rem; keep 1px hairlines + font-size:16px iOS */
@charset "utf-8";
.cpw-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.5rem;padding:0.625rem}.cpw-gallery-grid a{min-width:0;color:var(--cp-ink);text-decoration:none}.cpw-gallery-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--cp-line);background:var(--cp-soft-bg)}.cpw-gallery-grid strong,.cpw-gallery-grid span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpw-gallery-grid strong{margin-top:0.3125rem;font-size:0.6875rem}.cpw-gallery-grid span{margin-top:0.125rem;color:var(--cp-faint);font-size:0.59375rem}
.cpw-gallery-chart{height:auto!important;aspect-ratio:4/3;display:flex!important;align-items:flex-end!important;gap:0.3125rem!important;padding:0.625rem!important;border:1px solid #202b3a!important;background:#0d1420!important;overflow:hidden!important}.cpw-gallery-chart i{display:block;width:10%;background:#22a67a}.cpw-gallery-chart i:nth-child(1){height:28%}.cpw-gallery-chart i:nth-child(2){height:46%;background:#e75858}.cpw-gallery-chart i:nth-child(3){height:38%}.cpw-gallery-chart i:nth-child(4){height:72%}.cpw-gallery-chart i:nth-child(5){height:58%;background:#e75858}.cpw-gallery-chart i:nth-child(6){height:82%}.cpw-gallery-chart i:nth-child(7){height:66%}
.cpw-gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:6rem;color:var(--cp-sub);text-decoration:none;background:repeating-linear-gradient(135deg,var(--cp-panel),var(--cp-panel) 0.625rem,var(--cp-soft-bg) 0.625rem,var(--cp-soft-bg) 0.6875rem)}.cpw-gallery-empty b{font-size:0.75rem}.cpw-gallery-empty span{margin-top:0.25rem;color:var(--cp-faint);font-size:0.625rem}
@media(max-width:40rem){.cpw-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== widget.css (/var/www/rhymix/common/corin2/widget/portal-links/widget.css) ===== */
@charset "utf-8";
.cpw-links ul{margin:0;padding:0 12px;list-style:none}
.cpw-links li{border-bottom:1px solid var(--cp-line)}
.cpw-links li:last-child{border-bottom:0}
.cpw-links li a{
  display:grid;
  grid-template-columns:minmax(0,1fr) var(--cp-date-w,40px);
  align-items:center;
  height:32px;
  column-gap:8px;
  color:var(--cp-ink);
  font-size:13px;
  line-height:32px;
  letter-spacing:0;
  text-decoration:none;
}
.cpw-links li a:hover,.cpw-links li a:hover span{color:var(--cp-up,#d0172c);text-decoration:none}
.cpw-links li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cpw-links time{color:var(--cp-faint);font-size:12px;line-height:32px;text-align:right;white-space:nowrap}

/* ===== widget.css (/var/www/rhymix/common/corin2/widget/recent-comments/widget.css) ===== */
@charset "utf-8";
.cpw-comments .cpw-head span{color:var(--cp-up,#d0172c);font-size:12px;font-weight:700;line-height:32px}
.cpw-comments ul{margin:0;padding:0 12px;list-style:none}
.cpw-comments li{
  display:grid;
  grid-template-columns:minmax(0,1fr) var(--cp-nick-w,72px);
  align-items:center;
  height:32px;
  column-gap:8px;
  border-bottom:1px solid var(--cp-line);
}
.cpw-comments li:last-child{border-bottom:0}
.cpw-comments .cpw-cmt-body,
.cpw-comments .cpw-cmt-nick{
  display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  height:32px;line-height:32px;text-decoration:none;
}
.cpw-comments .cpw-cmt-body{color:var(--cp-ink);font-size:13px;font-weight:500}
.cpw-comments .cpw-cmt-body:hover,
.cpw-comments .cpw-cmt-body:hover span{color:var(--cp-up,#d0172c)}
.cpw-comments .cpw-cmt-body span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:32px}
.cpw-comments .cpw-cmt-nick{color:var(--cp-sub);font-size:12px;font-weight:500;text-align:right}

/* Recent 24-hour hot posts */
.cpw-hot24-tools{display:flex;align-items:center;gap:9px}
.cpw-hot24-tools span{padding:2px 6px;border-radius:10px;background:rgba(208,23,44,.1);color:var(--cp-up,#d0172c);font-size:10px;font-weight:800;line-height:16px}
.cpw-hot24-list{margin:0;padding:4px 12px;list-style:none}
.cpw-hot24-list li{display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:22px 18px;align-items:center;min-height:40px;padding:3px 0;border-bottom:1px solid var(--cp-line)}
.cpw-hot24-list li:last-child{border-bottom:0}
.cpw-hot24-rank{grid-row:1/3;color:var(--cp-faint);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.cpw-hot24-rank.is-top{color:var(--cp-up,#d0172c)}
.cpw-hot24-subject{display:block;min-width:0;overflow:hidden;color:var(--cp-ink);font-size:13px;font-weight:600;line-height:22px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.cpw-hot24-subject:hover{color:var(--cp-up,#d0172c)}
.cpw-hot24-stats{display:flex;align-items:center;gap:8px;min-width:0;color:var(--cp-faint);font-size:10px;line-height:18px;white-space:nowrap}
.cpw-hot24-stats em,.cpw-hot24-stats i{font-style:normal}
.cpw-hot24-stats em{color:var(--cp-up,#d0172c)}
.cpw-hot24-stats small{margin-left:auto;overflow:hidden;max-width:86px;font-size:10px;text-overflow:ellipsis}

.cp-level-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:20px;padding:0 7px;border:1px solid rgba(36,73,111,.22);border-radius:10px;background:var(--cp-brand-soft);color:var(--cp-brand);font-size:10px;font-weight:800;line-height:18px;white-space:nowrap}
html.dark .cp-level-badge,html.rx_dark .cp-level-badge{border-color:rgba(112,164,214,.28);color:#8fc0ed}
@media(max-width:28rem){.cp-account .cp-level-badge{padding:0 5px;min-width:30px}}

/* Coinpan-style 시세표 — 홈 히어로 대체 */
.cp-coinpan { margin: 0 0 8px; }
.cp-coinpan .wgEVERContainer {
  position: relative;
  border: 1px solid #dadada;
  overflow: hidden;
  background: #fff;
}
.cp-coinpan .gpe_wgTabA {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #f9f9f9;
  border-bottom: 1px solid #dadada;
}
.cp-coinpan .gpe_wgTabA:after { content: ""; display: block; clear: both; }
.cp-coinpan .gpe_wgTabA.closed { border-bottom: 0; }
.cp-coinpan .gpe_wgTabA li { float: left; margin-bottom: -1px; }
.cp-coinpan .gpe_wgTabA li .gpe_wTA_item {
  display: block; margin: 0; padding: 0; height: 28px;
  text-align: center; color: #777;
  border-top: 1px solid #dadada; border-right: 1px solid #ebebeb;
  background: #f9f9f9; font-size: 12px; cursor: pointer;
}
.cp-coinpan .gpe_wgTabA li .gpe_wTA_item > span {
  display: block; height: 27px; padding: 0 12px; line-height: 30px;
  border-left: 1px solid #fff; border-bottom: 1px solid #fff;
}
.cp-coinpan .gpe_wgTabA li.active .gpe_wTA_item {
  height: 28px; border: 0; border-bottom: 1px solid #fff; border-top: 1px solid #565b67;
  background: #fff; font-weight: 700; color: #565b67; cursor: default;
}
.cp-coinpan .gpe_wgTabA li.active .gpe_wTA_item > span { height: 28px; border-right: 1px solid #e4e4e4; }
.cp-coinpan .gpe_wgTabA li.open_close_button {
  float: right; line-height: 30px; color: #777;
  background: transparent; border: 0; cursor: pointer;
  padding: 0 12px; font-size: 12px;
}
.cp-coinpan .wgEVERDivider { margin: 0; }
.cp-coinpan .coin-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.cp-coinpan table.coin_currency {
  width: 100%; min-width: 640px;
  border-spacing: 0; border-collapse: separate;
  background: #fff; color: #333; font-size: 13px;
}
.cp-coinpan table.coin_currency thead tr th {
  white-space: nowrap; border: 0; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;
  background: #fff; color: #333; padding: 6px 8px; font-weight: 600; font-size: 12px;
}
.cp-coinpan table.coin_currency thead tr th:last-of-type { border-right: none; }
.cp-coinpan table.coin_currency tbody tr th,
.cp-coinpan table.coin_currency tbody tr td {
  padding: 6px 8px; border-bottom: 1px solid #ddd; font-weight: 500;
}
.cp-coinpan table.coin_currency tbody tr:last-of-type th,
.cp-coinpan table.coin_currency tbody tr:last-of-type td { border-bottom: none; }
.cp-coinpan table.coin_currency tbody tr:nth-child(odd) th,
.cp-coinpan table.coin_currency tbody tr:nth-child(odd) td { background: #f6f6f6; }
.cp-coinpan th.exchange_name { color: #333; text-align: left; white-space: nowrap; font-weight: 700; }
.cp-coinpan .exchange_label { display: inline-flex; align-items: center; gap: 6px; }
.cp-coinpan .exchange_icon {
  display: block; flex: 0 0 20px; width: 20px; height: 20px;
  border-radius: 4px; object-fit: contain;
}
.cp-coinpan td.price { text-align: right; white-space: nowrap; }
.cp-coinpan td.diff.plus, .cp-coinpan td.korea_premium.plus { color: #fb1e0c; }
.cp-coinpan td.diff.minus, .cp-coinpan td.korea_premium.minus { color: #0c84ed; }
.cp-coinpan td.korea_premium { color: #2b8f28; }
.cp-coinpan td.center { text-align: center; color: #777; }
.cp-coinpan td.loading { padding: 24px 8px; color: #888; text-align: center; }
.cp-coinpan span.currency_unit { font-size: 11px; color: #888; }
.cp-coinpan span.diff_percent { display: inline-block; min-width: 52px; text-align: right; }
.cp-coinpan .coin_market_cap {
  margin: 7px 2px 2px;
  text-align: right;
  font-size: 12px; font-weight: 700; color: #333;
  position: relative; min-height: 20px;
}
.cp-coinpan .coin_market_cap .market_info { display: block; padding-left: 110px; }
.cp-coinpan .coin_market_cap span.market_value {
  display: inline-block; margin-right: 8px;
  font-weight: 500; color: #a00;
}
.cp-coinpan .coin_market_cap .exchange_rate {
  position: absolute; left: 0; top: 0; font-weight: 700;
}

html.dark .cp-coinpan .wgEVERContainer,
html.rx_dark .cp-coinpan .wgEVERContainer { border-color: #525252; background: #161616; }
html.dark .cp-coinpan .gpe_wgTabA,
html.rx_dark .cp-coinpan .gpe_wgTabA { background: #161616; border-bottom-color: #525252; }
html.dark .cp-coinpan .gpe_wgTabA li .gpe_wTA_item,
html.rx_dark .cp-coinpan .gpe_wgTabA li .gpe_wTA_item {
  background: #121212; color: #aaa; border-top-color: #202020; border-right: 0;
}
html.dark .cp-coinpan .gpe_wgTabA li .gpe_wTA_item > span,
html.rx_dark .cp-coinpan .gpe_wgTabA li .gpe_wTA_item > span { border: 0; color: #aaa; }
html.dark .cp-coinpan .gpe_wgTabA li.active .gpe_wTA_item,
html.rx_dark .cp-coinpan .gpe_wgTabA li.active .gpe_wTA_item {
  background: #202020; color: #e8eaef; border-top: 0; border-bottom: 1px solid #a9a9a9;
}
html.dark .cp-coinpan .gpe_wgTabA li.active .gpe_wTA_item > span,
html.rx_dark .cp-coinpan .gpe_wgTabA li.active .gpe_wTA_item > span { color: #fff; border: 0; }
html.dark .cp-coinpan .gpe_wgTabA li.open_close_button,
html.rx_dark .cp-coinpan .gpe_wgTabA li.open_close_button { color: #aaa; }
html.dark .cp-coinpan table.coin_currency,
html.rx_dark .cp-coinpan table.coin_currency { background: #161616; color: #c9d0d8; }
html.dark .cp-coinpan table.coin_currency thead tr th,
html.rx_dark .cp-coinpan table.coin_currency thead tr th {
  background: #161616; color: #c1c1c1; border-color: #525252;
}
html.dark .cp-coinpan table.coin_currency tbody tr th,
html.dark .cp-coinpan table.coin_currency tbody tr td,
html.rx_dark .cp-coinpan table.coin_currency tbody tr th,
html.rx_dark .cp-coinpan table.coin_currency tbody tr td { border-bottom-color: #525252; }
html.dark .cp-coinpan table.coin_currency tbody tr:nth-child(odd) th,
html.dark .cp-coinpan table.coin_currency tbody tr:nth-child(odd) td,
html.rx_dark .cp-coinpan table.coin_currency tbody tr:nth-child(odd) th,
html.rx_dark .cp-coinpan table.coin_currency tbody tr:nth-child(odd) td { background: #121212; }
html.dark .cp-coinpan th.exchange_name,
html.rx_dark .cp-coinpan th.exchange_name { color: #e8eaef; }
html.dark .cp-coinpan td.diff.plus, html.dark .cp-coinpan td.korea_premium.plus,
html.rx_dark .cp-coinpan td.diff.plus, html.rx_dark .cp-coinpan td.korea_premium.plus { color: #dc9b96; }
html.dark .cp-coinpan td.diff.minus, html.dark .cp-coinpan td.korea_premium.minus,
html.rx_dark .cp-coinpan td.diff.minus, html.rx_dark .cp-coinpan td.korea_premium.minus { color: #94bbce; }
html.dark .cp-coinpan td.korea_premium,
html.rx_dark .cp-coinpan td.korea_premium { color: #3cb83a; }
html.dark .cp-coinpan .coin_market_cap,
html.rx_dark .cp-coinpan .coin_market_cap { color: #b3b3b3; }
html.dark .cp-coinpan .coin_market_cap span.market_value,
html.rx_dark .cp-coinpan .coin_market_cap span.market_value { color: #dc9b96; }

@media (max-width: 760px) {
  .cp-coinpan .coin_market_cap { font-size: 11px; }
  .cp-coinpan .coin_market_cap .market_info { padding-left: 0; padding-top: 18px; }
}

/* Paired banner artwork follows the site's manual light/dark theme. */
img.cp-banner-mode-dark { display: none; }
html.dark img.cp-banner-mode-light,
html.rx_dark img.cp-banner-mode-light { display: none; }
html.dark img.cp-banner-mode-dark,
html.rx_dark img.cp-banner-mode-dark { display: block; }
