/* coin1.css — COIN1 2026-10-22 코인 찾기 · 코인 한 장 · 코인 판(#c1View · #c1Sheet) — 매집 D:/mazip/app/web/stock.css · service.css · app.css(판·뼈대) · game.css(차트 뼈대) 규칙 그대로 옮김.
   범위 = .c1(이 화면·이 판만 — 다른 화면 이름이 같은 칸을 건드리지 않게) [바꿈: 범위 앞머리만]
   색 = 우리 UX10-B 색표(ux10.css --x-*)에 매집 토큰 이름을 이어 붙임(intra3.css 와 같은 방식) [바꿈: 색만] · 글 크기·모서리·간격 = 매집 값 그대로 */
.c1, .ctv-panel, .ctv-pback, .ctv.ctv-fs {
  --card: var(--x-card); --card-2: var(--x-card2); --rim: var(--x-rim); --shadow: var(--x-sh-2); --shadow-sm: var(--x-sh-1);
  --text: var(--x-text); --muted: var(--x-muted); --faint: var(--x-faint); --line: var(--x-line);
  --up: var(--x-up); --down: var(--x-down); --neutral-bg: var(--x-neutral-bg); --neutral: var(--x-muted); --track: var(--x-track);
  --ok: #4CC38A; --ok-bg: rgba(95, 211, 148, .14); --accent: var(--x-accent); --on-accent: var(--x-accent-ink); --bg: var(--x-bg);
  --warn: var(--x-warn); --warn-bg: var(--x-warn-bg); --lim: var(--x-bad); --lim-bg: rgba(255, 138, 128, .14);
  --skel: #1E222A; --skel-hi: #282D36; --backdrop: rgba(0, 0, 0, .62);
  --r-tile: 22px; --gap: 12px;
  --fs-1: 14px; --fs-2: 15px; --fs-3: 17px; --fs-4: 17px; --fs-5: 19px; --fs-6: 20px; --fs-7: 22px; --fs-8: 25px; --fs-9: 28px; --fs-10: 34px; --fs-11: 36px;
}
body[data-theme="light"] .c1, body[data-theme="light"] .ctv-panel, body[data-theme="light"] .ctv-pback, body[data-theme="light"] .ctv.ctv-fs {
  --skel: #E9EBEF; --skel-hi: #F3F4F6; --backdrop: rgba(10, 12, 16, .42); --ok: #16884A; --ok-bg: #E6F6EC; --lim-bg: #FDECEC;
}

/* ---------- 화면 틀: #coin 일 때 다른 화면을 숨기고 이 화면만(ux10 x10-tabv 와 같은 방식) ---------- */
#c1View { display: none; }
body.c1-on #c1View { display: block; max-width: 560px; margin: 0 auto; padding: 0 16px; box-sizing: border-box; color: var(--text); font-size: var(--fs-4); line-height: 1.5; text-align: left; }
body.c1-on section.page, body.c1-on header.topbar, body.c1-on nav.tabs, body.c1-on .x10-head, body.c1-on .x10-grid, body.c1-on #x12Cat, body.c1-on .x10-dh,
body.c1-on .x10-view, body.c1-on #x10Legal, body.c1-on #ux9AdmFold { display: none !important; }
body.c1-no-scroll { overflow: hidden; }
@media (min-width: 1024px) { body.c1-on #c1View { max-width: 600px; padding-top: 64px; } }   /* PC = 우리 아래 탭이 위 줄(ux12.css) */
/* 머리 줄 — 매집 app.css .topbar(‹ 뒤로 · 제목 · 오른쪽 단추) 그대로 [바꿈: 화면색 단추 대신 돋보기(코인 한 장에서 다른 코인 찾기 · 매집 홈 돋보기 자리)] */
.c1 .c1-top { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 2px; min-height: 56px; margin: 0 -16px; padding: 0 8px; background: color-mix(in srgb, var(--bg) 82%, transparent); -webkit-backdrop-filter: saturate(1.6) blur(14px); backdrop-filter: saturate(1.6) blur(14px); }
.c1 .c1-ib { flex: none; display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 999px; background: transparent; color: var(--text); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.c1 .c1-ib svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.c1 .c1-ib:active { transform: scale(.9); }
.c1 .c1-ib[hidden] { display: none; }
.c1 .c1-ttl { margin: 0; min-width: 0; font-size: var(--fs-6); font-weight: 700; letter-spacing: -0.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.c1 .c1-sp { flex: 1 1 auto; }
.c1 .c1-body { padding: 4px 0 8px; }
.c1 .c1-foot { margin: 24px 4px 8px; font-size: var(--fs-2); color: var(--muted); text-align: center; }

/* ---------- 매집 service.css 바탕 칸(타일 · ? · 알약 · 단추 · 뼈대) ---------- */
.c1 .sv-tile { display: block; background: var(--card); border-radius: var(--r-tile); padding: 20px; color: var(--text); text-decoration: none; border: 0; box-shadow: var(--shadow); }
.c1 .sv-tile + .sv-tile, .c1 .sv-tile + .card, .c1 .card + .sv-tile { margin-top: var(--gap); }
.c1 .tz-q { width: 26px; height: 26px; flex: none; border-radius: 50%; border: 0; padding: 0; cursor: pointer; background: var(--neutral-bg); color: var(--muted); font: inherit; font-size: var(--fs-2); font-weight: 700; line-height: 1; display: inline-flex; align-items: center; justify-content: center; position: relative; }
.c1 .tz-q::after { content: ""; position: absolute; inset: -9px; }
.c1 .tz-q:active { transform: scale(.88); }
.c1 .tz-link { display: inline-block; padding: 12px 6px; margin: -12px -6px; border: 0; background: none; color: var(--accent); font: inherit; font-weight: 600; cursor: pointer; }
.c1 .btn { display: inline-flex; align-items: center; justify-content: center; border-radius: 16px; font-weight: 600; min-height: 46px; font-size: var(--fs-4); border: 1px solid transparent; background: var(--neutral-bg); color: var(--text); text-decoration: none; cursor: pointer; font-family: inherit; }
.c1 .btn-block { display: flex; width: 100%; margin-top: 12px; }
.c1 .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.c1 .skel { border-radius: var(--r-tile); background: var(--skel); animation: c1-pulse 1.4s ease-in-out infinite; }
@keyframes c1-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .55; } }
.c1 .sv-skel-wrap .skel { margin: 0 0 var(--gap); }
.c1 .sv-skel-hero { height: 128px; }
.c1 .sv-skel-row { height: 64px; border-radius: 20px; }
.c1 .c1-sk-l .skel { height: 22px; border-radius: 8px; margin: 10px 0 0; }
.c1 .c1-skl { height: 34px; border-radius: 8px; margin-top: 8px; }
.c1 .tz-intro-l { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 10px; font-size: var(--fs-3); line-height: 1.5; }
.c1 .up { color: var(--up); } .c1 .down { color: var(--down); }
/* 차트 회색 봉 뼈대 — 매집 game.css ② 그대로 */
.c1 .gm-sk { display: block; background: linear-gradient(90deg, var(--skel) 25%, var(--skel-hi) 50%, var(--skel) 75%); background-size: 300% 100%; animation: gm-shim 1.3s linear infinite; border-radius: 6px; }
@keyframes gm-shim { 0% { background-position: 100% 0; } 100% { background-position: 0 0; } }
.c1 .gm-csk { height: 150px; display: flex; align-items: flex-end; gap: 6px; padding: 10px 4px 6px; border-bottom: 1px dashed var(--line); box-sizing: border-box; }
.c1 .gm-csk .gm-sk { flex: 1; border-radius: 3px; position: relative; }
.c1 .gm-csk .gm-sk::before { content: ""; position: absolute; left: 50%; width: 2px; margin-left: -1px; top: -10px; bottom: -8px; background: inherit; border-radius: 2px; opacity: .7; }
@media (prefers-reduced-motion: reduce) { .c1 .gm-sk, .c1 .skel { animation: none; } }

/* ---------- 찾기 · 한 장 — 매집 stock.css 그대로 ---------- */
.c1 .sk-box { position: relative; margin: 8px 0 12px; }
.c1 .sk-box .sk-ic { position: absolute; left: 14px; top: 50%; width: 20px; height: 20px; margin-top: -10px; color: var(--faint); pointer-events: none; }
.c1 .sk-box input { width: 100%; height: 50px; padding: 0 14px 0 44px; border: 1px solid var(--line); border-radius: 14px; background: var(--card); color: var(--text); font: inherit; font-size: var(--fs-6); box-sizing: border-box; -webkit-appearance: none; appearance: none; }
.c1 .sk-box input:focus { outline: 2px solid var(--accent); outline-offset: 0; border-color: transparent; }
.c1 .sk-card { background: var(--card); border-radius: var(--r-tile); box-shadow: var(--shadow); overflow: hidden; }
.c1 .sk-row { display: flex; align-items: center; gap: 10px; width: 100%; padding: 13px 16px; border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--text); font: inherit; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.c1 .sk-row:first-child { border-top: 0; }
.c1 .sk-row:active { background: var(--card-2); }
.c1 .sk-row .tx { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.c1 .sk-row .tx b { font-size: var(--fs-5); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.c1 .sk-row .tx span, .c1 .sk-row .pr small { font-size: var(--fs-2); color: var(--muted); }
.c1 .sk-row .pr { flex: none; text-align: right; font-size: var(--fs-4); font-variant-numeric: tabular-nums; display: flex; flex-direction: column; }
.c1 .sk-row .pr small.up { color: var(--up); }
.c1 .sk-row .pr small.down { color: var(--down); }
.c1 .sk-sec { font-size: var(--fs-2); font-weight: 600; color: var(--muted); margin: 16px 4px 8px; }
.c1 .sk-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.c1 .sk-chip { border: 0; border-radius: 999px; padding: 8px 14px; background: var(--card); color: var(--text); font: inherit; font-size: var(--fs-3); box-shadow: var(--shadow); cursor: pointer; }
.c1 .sk-empty, .c1 .sk-note { font-size: var(--fs-2); color: var(--muted); margin: 12px 4px; }
.c1 .sk-big { font-size: var(--fs-10); font-weight: 700; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; margin: 0; }
.c1 .sk-sub { font-size: var(--fs-2); color: var(--muted); margin: 4px 0 0; }
.c1 .sk-sub .up { color: var(--up); } .c1 .sk-sub .down { color: var(--down); }
.c1 .sk-pills { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; }
.c1 .sk-chart { margin-top: 12px; min-height: 150px; }
.c1 .sk-h { display: flex; align-items: center; justify-content: space-between; font-size: var(--fs-5); font-weight: 600; margin: 0 0 6px; }
.c1 .sk-gl .sk-h { font-weight: 600; }
.c1 .sk-g-d { font-size: var(--fs-2); color: var(--faint); margin: 0 0 2px; }
.c1 .sk-g-r { padding: 11px 0; border-top: 1px solid var(--line); min-width: 0; }
.c1 .sk-g-d + .sk-g-r, .c1 .sk-h + .sk-g-r { border-top: 0; }
.c1 .sk-g-l { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: var(--fs-2); color: var(--muted); margin: 0 0 2px; overflow-wrap: anywhere; }
.c1 .sk-g-l .chev { flex: none; font-size: var(--fs-5); line-height: 1; color: var(--faint); }
.c1 .sk-g-v { font-size: var(--fs-5); font-weight: 600; line-height: 1.4; letter-spacing: -0.01em; color: var(--text); margin: 0; font-variant-numeric: tabular-nums; word-break: keep-all; overflow-wrap: anywhere; }
.c1 .sk-g-m { font-weight: 400; color: var(--muted); }
.c1 .sk-g-s { font-size: var(--fs-2); color: var(--muted); line-height: 1.45; margin: 3px 0 0; word-break: keep-all; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.c1 .sk-g-v .up, .c1 .sk-g-s .up { color: var(--up); } .c1 .sk-g-v .down, .c1 .sk-g-s .down { color: var(--down); }
.c1 .sk-g-bar { position: relative; height: 6px; margin: 12px 7px 6px; border-radius: 3px; background: var(--line); }
.c1 .sk-g-bar > i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 3px; background: var(--faint); opacity: .55; }
.c1 .sk-g-bar > b { position: absolute; top: 50%; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%; background: var(--text); box-shadow: 0 0 0 2px var(--card); }
.c1 .sk-g-ends { display: flex; justify-content: space-between; gap: 8px; font-size: var(--fs-2); color: var(--muted); margin: 0; font-variant-numeric: tabular-nums; }
.c1 .sk-tap { cursor: pointer; }
.c1 .sk-g-r.sk-tap:active { background: var(--card-2); }
/* 거래소 표시 알약 — 매집 tz-warn 그대로 */
.c1 .tz-warn { display: inline-block; flex: 0 0 auto; padding: 1px 7px; border-radius: 999px; font-size: 13px; font-weight: 700; line-height: 18px; vertical-align: middle; white-space: nowrap; border: 1px solid transparent; }
.c1 .tz-warn.red { background: #d92d20; color: #fff; }
.c1 .tz-warn.orange2 { color: #fdb022; background: rgba(247, 144, 9, .16); border-color: #f79009; }
body[data-theme="light"] .c1 .tz-warn.orange2 { background: #fef0c7; color: #93370d; }
/* 접이(공지) — 매집 card · rv-fold · nw 그대로 */
.c1 .card { display: block; background: var(--card); border-radius: var(--r-tile); box-shadow: var(--shadow); margin: var(--gap) 0 0; padding: 14px 20px; }
.c1 .rv-fold > summary { cursor: pointer; font-weight: 600; min-height: 40px; display: flex; align-items: center; list-style: none; font-size: var(--fs-4); }
.c1 .rv-fold > summary::-webkit-details-marker { display: none; }
.c1 .rv-fold > summary::after { content: " ▾"; font-size: var(--fs-1); color: var(--muted); margin-left: 4px; }
.c1 .rv-fold[open] > summary::after { content: " ▴"; }
.c1 .sk-fold-none { padding: 14px 20px; }
.c1 .nw-i { display: block; padding: 10px 0; border-top: 1px solid var(--line); color: var(--text); text-decoration: none; }
.c1 .nw-t { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--fs-4); line-height: 1.4; word-break: keep-all; overflow-wrap: anywhere; }
.c1 .nw-m { display: block; margin-top: 2px; font-size: var(--fs-2); color: var(--muted); }
.c1 .nw-hide { display: none !important; }
.c1 .nw-more { display: block; width: 100%; margin-top: 6px; padding: 10px 0; border: 0; border-radius: 12px; background: var(--neutral-bg); color: var(--text); font: inherit; font-size: var(--fs-3); font-weight: 600; cursor: pointer; }
.c1 .mt-c { display: inline-flex; align-items: center; min-height: 22px; padding: 1px 8px; border-radius: 999px; font-size: var(--fs-1); font-weight: 600; line-height: 1.3; white-space: nowrap; vertical-align: 1px; }
.c1 .mt-c.up { background: var(--lim-bg); color: var(--lim); }
.c1 .mt-c.dn { background: var(--warn-bg); color: var(--warn); }

/* ---------- 코인 로고(intra3 i3-ic 꼴) · 「오늘 이 코인」 신호 줄 · 「지난 기록」 줄 [내 발명 — 매집 줄 모양(sk-row · sk-g-r) 따라] ---------- */
.c1 .c1-lg { position: relative; flex: none; display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; overflow: hidden; background: var(--neutral-bg); }
.c1 .c1-lg.md { width: 30px; height: 30px; vertical-align: middle; margin-right: 6px; }
.c1 .c1-lg i { font-style: normal; font-weight: 800; color: var(--muted); font-size: 14px; }
.c1 .c1-lg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #fff; }
.c1 .c1-star { color: var(--accent); }
.c1 .c1-ck { color: var(--ok); font-weight: 800; margin-right: 2px; }
.c1 .c1-sgs { margin-top: 6px; display: flex; flex-direction: column; }
.c1 .c1-sg { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; width: 100%; padding: 9px 0; border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--text); font: inherit; font-size: var(--fs-3); text-align: left; cursor: pointer; font-variant-numeric: tabular-nums; }
.c1 .c1-sg:first-child { border-top: 0; }
.c1 .c1-sg.on { background: var(--card-2); border-radius: 10px; padding-left: 8px; padding-right: 8px; }
.c1 .c1-sg .t { font-weight: 700; min-width: 3.2em; }
.c1 .c1-sg .k { color: var(--muted); }
.c1 .c1-sg .v { margin-left: auto; }
.c1 .c1-sg .a { flex-basis: 100%; font-size: var(--fs-2); color: var(--faint); }
.c1 .c1-sgh { margin-top: 14px; }
.c1 .c1-hr { display: flex; align-items: baseline; gap: 10px; width: 100%; padding: 11px 0; border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--text); font: inherit; font-size: var(--fs-3); text-align: left; cursor: pointer; font-variant-numeric: tabular-nums; }
.c1 .c1-hrs > .c1-hr:first-child { border-top: 0; }
.c1 .c1-hr .d { flex: none; min-width: 4.8em; font-weight: 600; }
.c1 .c1-hr .k { flex: none; color: var(--muted); font-size: var(--fs-2); }
.c1 .c1-hr .v { margin-left: auto; text-align: right; }
.c1 .c1-hr .chev { flex: none; color: var(--faint); font-size: var(--fs-5); line-height: 1; }
.c1 .c1-hr:active, .c1 .c1-sg:active { background: var(--card-2); }

/* ---------- 밑판 — 매집 app.css · service.css .sheet 그대로(z = 우리 아래 탭 60 · ux10 판 81 위 · 차트 판 96 아래) ---------- */
.c1-sheet-back { position: fixed; inset: 0; z-index: 84; background: var(--backdrop, rgba(0,0,0,.62)); opacity: 0; transition: opacity .25s; }
.c1-sheet-back[hidden] { display: none; }
.c1-sheet-back.open { opacity: 1; }
.c1-sheet { position: fixed; left: 0; right: 0; bottom: 0; z-index: 85; max-width: 560px; margin: 0 auto; max-height: 86vh; overflow-y: auto; overscroll-behavior: contain; background: var(--card); color: var(--text); border-radius: 28px 28px 0 0; border: 0;
  padding: 8px 20px calc(18px + env(safe-area-inset-bottom, 0px)); transform: translateY(100%); transition: transform .34s cubic-bezier(.2, .8, .2, 1); box-sizing: border-box; font-size: var(--fs-4); line-height: 1.5; text-align: left; }
.c1-sheet[hidden] { display: none; }
.c1-sheet.open { transform: none; }
.c1-sheet .sheet-handle { width: 40px; height: 5px; border-radius: 999px; background: var(--line); margin: 4px auto 12px; }
.c1-sheet .sheet-title { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; margin: 0; font-size: var(--fs-8); font-weight: 700; letter-spacing: -0.02em; outline: none; }
.c1-sheet .sheet-title .code { font-size: var(--fs-2); font-weight: 400; color: var(--muted); }
.c1-sheet .sheet-body { margin: 10px 0 16px; }
.c1-sheet .btn-block { background: var(--neutral-bg); box-shadow: none; }
.c1-sheet .tz-sh-big { font-size: 34px; font-weight: 700; letter-spacing: -0.04em; line-height: 1.1; font-variant-numeric: tabular-nums; }
.c1-sheet .tz-sh-big small { font-size: var(--fs-3); font-weight: 600; margin-right: 6px; color: var(--muted); }
.c1-sheet .tz-sh-big.tz-off { color: var(--muted); font-size: var(--fs-4); font-weight: 500; }
.c1-sheet .c1-shs { margin: 6px 0 0; font-size: var(--fs-3); color: var(--muted); }
.c1-sheet .c1-adm { color: var(--faint); font-size: var(--fs-2); }
.c1-sheet .c1-shc { margin-top: 12px; min-height: 150px; }
@media (min-width: 1024px) { .c1-sheet { max-width: 600px; } }
@media (prefers-reduced-motion: reduce) { .c1-sheet, .c1-sheet-back { transition: none; } }

/* ---------- 매집 「종목 분석 ›」 보라 단추(app.css .sk-anl 그대로) = 「코인 한 장 ›」 · 첫 화면 머리 돋보기(stock.css .sk-find 그대로) ---------- */
.sk-anl.c1-anl { display: inline-flex; align-items: center; justify-content: center; gap: 2px; min-height: 42px; padding: 0 16px; margin: 6px 0 2px 8px; border: 0; border-radius: 12px; background: #7C3AED; color: #fff; font: inherit; font-size: 17px; font-weight: 800; line-height: 1; white-space: nowrap; cursor: pointer;
  box-shadow: inset 0 0 0 1px #A78BFA, 0 2px 6px rgba(0, 0, 0, .45); -webkit-tap-highlight-color: transparent; vertical-align: middle; }
body[data-theme="light"] .sk-anl.c1-anl { box-shadow: 0 2px 6px rgba(16, 24, 40, .18); }
.sk-anl.c1-anl:active { background: #5B21B6; transform: translateY(1px); }
#x10Sheet .x10-sh-t .c1-anl { font-size: 16px; min-height: 38px; }
#x10Sheet .c1-tapr { cursor: pointer; }
#x10Sheet .c1-tapr:active { opacity: .7; }
.sk-find.c1-find { flex: none; width: 36px; height: 36px; margin-left: auto; margin-right: 6px; border: 0; border-radius: 999px; background: var(--x-neutral-bg); color: var(--x-muted); display: inline-grid; place-items: center; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.sk-find.c1-find svg { width: 18px; height: 18px; }
#x10Head .x10-hrow .c1-find + .x10-intro { margin-left: 0; }
/* 차트(coin1_chart.js) 판·크게 보기 바탕(매집 --bg) */
.ctv.ctv-fs { background: var(--x-bg); }

/* ---------- COIN2 2026-10-23 「호가창 · 거래」 — 네모 2×2 · 막대 3칸 · 판 안 kv2 · 살 수 있음 줄 = 매집 intraday.css 347~378·308~309 그대로(intra3.css INTRA6 와 같은 값) [바꿈: 범위 .c1 · 색 = 우리 색표]
   살 수 있나 표 · 직접 넣기 · 호가 단 · 최근 체결 = [내 발명 모양 — 매집 화면엔 없음] · 깜빡 = intra3 i3-fl 0.6초 꼴 ---------- */
.c1 { --ok-ink: #5FD394; --up-soft: rgba(255, 107, 107, .44); --down-soft: rgba(126, 162, 255, .44); }   /* mazip intraday.css 어둡게 값(intra3.css 와 같음) */
body[data-theme="light"] .c1 { --ok-ink: #0F6B39; --up-soft: rgba(229, 56, 59, .30); --down-soft: rgba(47, 107, 235, .30); }
.c1 .c2-hr { display: inline-flex; align-items: center; gap: 8px; }
.c1 .c2-at { font-size: var(--fs-1); font-weight: 500; color: var(--muted); font-variant-numeric: tabular-nums; }
.c1 .c2-h { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 18px 0 6px; font-size: var(--fs-3); font-weight: 700; }
.c1 .it-cg { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-top: 4px; }
.c1 .it-c { display: flex; flex-direction: column; min-width: 0; background: var(--card-2, var(--neutral-bg)); border-radius: 10px; padding: 7px 9px; text-align: left; }
.c1 .it-c .k { font-size: var(--fs-1, 13px); color: var(--muted); font-weight: 400; }
.c1 .it-c .v { display: flex; align-items: center; font-size: var(--fs-5, 16px); font-weight: 700; color: var(--text); white-space: nowrap; margin-top: 1px; }
.c1 .it-c .s { font-size: var(--fs-1, 13px); color: var(--muted); font-weight: 400; margin-top: 1px; white-space: normal; word-break: keep-all; overflow-wrap: anywhere; line-height: 1.35; }
.c1 .it-c .s .nw { white-space: nowrap; }
.c1 .it-c .v, .c1 .it-c .s { text-align: left; justify-content: flex-start; }   /* intra3 와 같은 [바꿈: 우리 style.css .num 오른쪽 정렬 → 매집처럼 왼쪽] */
.c1 .it-c .it-nov { color: var(--muted); font-weight: 500; }
.c1 .it-lv { display: inline-flex; gap: 2px; margin-right: 6px; flex: none; }
.c1 .it-lv i { width: 6px; height: 11px; border-radius: 2px; background: var(--line); }
.c1 .it-lv[data-n="3"] i { background: var(--ok, #22a35a); }
.c1 .it-lv[data-n="2"] i:nth-child(-n+2) { background: #d9a400; }
.c1 .it-lv[data-n="1"] i:nth-child(1) { background: var(--muted); }
.c1 .it-lvt[data-c="ok"] { color: var(--ok-ink, #1a7f37); }
.c1 .it-lvt[data-c="mid"] { color: #f2c94c; }
.c1 .it-lvt[data-c="low"] { color: var(--muted); }
body[data-theme="light"] .c1 .it-lvt[data-c="mid"] { color: #b88a00; }
.c1 .it-c .it-hole, .c1 .c2-om .it-hole { flex: none; margin-left: 6px; font-size: var(--fs-1, 13px); font-weight: 500; color: var(--muted); border: 1px solid var(--line); border-radius: 6px; padding: 0 4px; line-height: 1.4; white-space: nowrap; }
/* 판 안 줄(매집 tz-kv · it-kv2 그대로) */
.c1 .tz-kv { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 10px 0; border-top: 1px solid var(--line); font-size: var(--fs-3); }
.c1 .tz-kv > span { color: var(--muted); min-width: 0; }
.c1 .tz-kv > span small { font-size: var(--fs-1); color: var(--faint); }
.c1 .tz-kv > b { font-variant-numeric: tabular-nums; text-align: right; font-weight: 700; color: var(--text); }
.c1 .tz-kv.it-kv2 { align-items: center; }
.c1 .tz-kv.it-kv2 > span { flex: none; }
.c1 .tz-kv.it-kv2 > b { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 2px 6px; min-width: 0; font-size: var(--fs-5, 16px); font-weight: 700; color: var(--text); }
.c1 .tz-kv.it-kv2 .it-lv { margin-right: 0; }
.c1 .tz-kv.it-kv2 .it-lvt { font-weight: 700; }
.c1 .tz-kv.it-kv2 .it-kvs { font-size: var(--fs-2, 14px); font-weight: 400; color: var(--muted); white-space: normal; word-break: keep-all; }
.c1 .tz-kv.it-kv2 .it-kvs .nw { white-space: nowrap; }
.c1 .tz-kv.it-kv2 .it-hole { flex: none; font-size: var(--fs-1, 13px); font-weight: 500; color: var(--muted); border: 1px solid var(--line); border-radius: 6px; padding: 0 4px; line-height: 1.4; white-space: nowrap; }
.c1 .c2-sh { margin-top: 10px; }
/* 살 수 있음 줄(매집 .it-liq .it-lqb 그대로) */
.c1 .it-liq { margin: 8px 0 0; font-size: var(--fs-3); line-height: 1.5; color: var(--text); word-break: keep-all; overflow-wrap: anywhere; }
.c1 .it-lqb { font-weight: 700; margin-right: 4px; color: var(--muted); }
.c1 .it-lqb[data-s="ok"] { color: var(--ok-ink, #1a7f37); }
.c1 .it-lqb[data-s="stop"] { color: var(--x-bad, #FF8A80); }   /* [내 발명] 거래 멈춤 = 빨간 글 · 30단 넘음(over) = 기본 회색(코디 수리 지시) */
/* 살 수 있나 표 [내 발명] */
.c1 .c2-lt { display: flex; flex-direction: column; }
.c1 .c2-lh, .c1 .c2-lr { display: grid; grid-template-columns: minmax(74px, .9fr) 1fr 1fr; gap: 8px; align-items: center; }
.c1 .c2-lh { margin: 0; padding: 0 8px 4px; font-size: var(--fs-1); color: var(--faint); }
.c1 .c2-lr { width: 100%; padding: 9px 8px; border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--text); font: inherit; font-size: var(--fs-2); text-align: left; cursor: pointer; border-radius: 0; -webkit-tap-highlight-color: transparent; }
.c1 .c2-lr.on { background: var(--card-2); border-radius: 10px; border-top-color: transparent; }
.c1 .c2-lr.on + .c2-lr { border-top-color: transparent; }
.c1 .c2-lr .w { font-weight: 700; white-space: nowrap; }
.c1 .c2-lr .w small { display: block; font-size: var(--fs-1); font-weight: 500; color: var(--faint); }
.c1 .c2-lc { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.c1 .c2-lc .it-lqb { margin-right: 0; white-space: nowrap; }
.c1 .c2-lc small { font-size: var(--fs-1); color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.c1 .it-liqs .it-liq:first-child { margin-top: 10px; }
.c1 .c2-in { display: flex; align-items: center; gap: 8px; margin: 12px 0 0; font-size: var(--fs-2); color: var(--muted); }
.c1 .c2-in input { width: 110px; height: 40px; padding: 0 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--card-2); color: var(--text); font: inherit; font-size: var(--fs-4); text-align: right; font-variant-numeric: tabular-nums; box-sizing: border-box; -webkit-appearance: none; appearance: none; }
.c1 .c2-in input:focus { outline: 2px solid var(--accent); outline-offset: 0; border-color: transparent; }
/* 호가 단 [내 발명] 매도 = 파랑 막대 · 매수 = 빨강 막대(업비트 화면 색 뜻) */
.c1 .c2-obt { display: flex; justify-content: space-between; gap: 8px; margin: 0; font-size: var(--fs-2); color: var(--muted); }
.c1 .c2-obt b { font-weight: 700; }
.c1 .c2-obt b.up { color: var(--up); } .c1 .c2-obt b.down { color: var(--down); }
.c1 .c2-obr { display: flex; height: 6px; margin: 6px 0 2px; border-radius: 3px; overflow: hidden; background: var(--line); }
.c1 .c2-obr i { display: block; height: 100%; }
.c1 .c2-obr i.a { background: var(--down); opacity: .75; } .c1 .c2-obr i.b { background: var(--up); opacity: .75; }
.c1 .c2-obp { display: flex; justify-content: space-between; margin: 0 0 8px; font-size: var(--fs-1); color: var(--faint); }
.c1 .c2-oc, .c1 .c2-or { display: grid; grid-template-columns: 1.1fr 1fr .8fr; gap: 6px; align-items: center; }
.c1 .c2-oc { margin: 0; padding: 0 8px 4px; font-size: var(--fs-1); color: var(--faint); }
.c1 .c2-oc span:nth-child(n+2) { text-align: right; }
.c1 .c2-or { position: relative; padding: 4px 8px; font-size: var(--fs-2); border-radius: 4px; }
.c1 .c2-or + .c2-or { margin-top: 2px; }
.c1 .c2-or > i { position: absolute; top: 0; bottom: 0; right: 0; border-radius: 4px; pointer-events: none; }
.c1 .c2-or.a > i { background: var(--down-soft); opacity: .55; } .c1 .c2-or.b > i { background: var(--up-soft); opacity: .55; }
.c1 .c2-or > span { position: relative; }
.c1 .c2-or .p { font-weight: 700; text-align: left; }
.c1 .c2-tr .t, .c1 .c2-lr .w { text-align: left; }
.c1 .c2-or.a .p { color: var(--down); } .c1 .c2-or.b .p { color: var(--up); }
.c1 .c2-or .q, .c1 .c2-or .w { text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.c1 .c2-or .w { color: var(--muted); }
.c1 .c2-om { display: flex; align-items: center; justify-content: center; gap: 4px; margin: 4px 0; padding: 5px 0; border-top: 1px dashed var(--line); border-bottom: 1px dashed var(--line); font-size: var(--fs-1); color: var(--muted); }
/* 최근 체결 [내 발명] */
.c1 .c2-tc, .c1 .c2-tr { display: grid; grid-template-columns: 1fr 1.1fr 1fr .8fr; gap: 6px; align-items: center; }
.c1 .c2-tc { margin: 0; padding: 0 0 4px; font-size: var(--fs-1); color: var(--faint); }
.c1 .c2-tc span:nth-child(n+2), .c1 .c2-tr span:nth-child(n+2) { text-align: right; }
.c1 .c2-tr { padding: 5px 0; border-top: 1px solid var(--line); font-size: var(--fs-2); }
.c1 .c2-tr .t { color: var(--muted); }
.c1 .c2-tr.up .p, .c1 .c2-tr.up .q { color: var(--up); } .c1 .c2-tr.down .p, .c1 .c2-tr.down .q { color: var(--down); }
.c1 .c2-tr .w { color: var(--muted); white-space: nowrap; }
.c1 .c2-live .nw-more { margin-top: 8px; }
/* 바뀐 칸 깜빡(intra3 i3-fl 0.6초 꼴) */
.c1 .c2-fl { animation: c2-fl .6s ease-out; border-radius: 4px; }
@keyframes c2-fl { 0% { background-color: var(--neutral-bg); } 100% { background-color: transparent; } }
@media (prefers-reduced-motion: reduce) { .c1 .c2-fl { animation: none !important; } }
@media (max-width: 359px) { .c1 .c2-lh, .c1 .c2-lr { grid-template-columns: 64px 1fr 1fr; gap: 4px; } .c1 .c2-in input { width: 90px; } }

/* [FIX2B-hd 2026-10-23 · COIN2 보고] PC(1024px 넘음)는 아래 탭이 위 줄(0~60px · 바탕 없음 · ux12.css)로 올라감 → 내리면 코인 한 장 머리(sticky top 0)가 그 밑에 가려졌음.
   머리를 탭 줄 밑(60px)에 붙이고, 탭 줄 뒤(머리 위 60px)를 머리와 같은 바탕으로 채워 글이 탭 뒤로 비치지 않게 [내 발명: 바탕 띠] */
@media (min-width: 1024px) {
  html body.x10.c1-on .c1 .c1-top { top: 60px; }
  html body.x10.c1-on .c1 .c1-top::before { content: ''; position: absolute; left: 0; right: 0; bottom: 100%; height: 64px; background: var(--bg); pointer-events: none; }
}

/* ---------- DUP1 2026-10-24: 거래대금 순위 #vrank · 코인 한 장 단순화 [기존 칸 모양(sv-tile · sk-row · sk-g-r · c2-*) 재사용 · 새 색 없음] ---------- */
body.x10 .c1 .mka-seg.vr-seg { margin: 0 0 var(--gap, 12px); grid-template-columns: 1fr 1fr 1fr; }
body.x10 .c1 .mka-seg.vr-seg button { font-size: var(--fs-2); padding: 0 4px; word-break: keep-all; }
.c1 .vr-l { display: flex; flex-direction: column; margin-top: 4px; }
.c1 .vr-r { display: grid; grid-template-columns: 30px minmax(70px, 1fr) auto minmax(72px, auto); gap: 8px 12px; align-items: center; width: 100%; padding: 10px 0; border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--text); font: inherit; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.c1 .vr-r.vr-hd { cursor: default; border-top: 0; padding: 2px 0 6px; }
.c1 .vr-r .rk { font-weight: 700; color: var(--muted); text-align: center; font-size: var(--fs-3); }
.c1 .vr-r .nm { display: flex; align-items: center; gap: 8px; min-width: 0; }
.c1 .vr-r .nm .c1-lg { width: 26px; height: 26px; }
@media (max-width: 420px) { .c1 .vr-tile { padding-left: 14px; padding-right: 14px; } .c1 .vr-r { column-gap: 10px; } .c1 .vr-r .nm { gap: 6px; } .c1 .vr-r .nm .c1-lg { width: 22px; height: 22px; } }
.c1 .vr-r .tx { display: flex; flex-direction: column; min-width: 0; }
.c1 .vr-r .tx b { font-size: var(--fs-3); font-weight: 600; line-height: 1.3; word-break: keep-all; overflow-wrap: anywhere; }
.c1 .vr-r .tx small { font-size: var(--fs-1, 13px); color: var(--muted); }
.c1 .vr-r .pr, .c1 .vr-r .am { display: flex; flex-direction: column; align-items: flex-end; text-align: right; min-width: 0; font-variant-numeric: tabular-nums; }
.c1 .vr-r .pr b, .c1 .vr-r .am b { font-size: var(--fs-3); font-weight: 700; white-space: nowrap; }
.c1 .vr-r .pr small, .c1 .vr-r .am small { font-size: var(--fs-1, 13px); color: var(--muted); white-space: nowrap; }
.c1 .vr-r small.up, .c1 .vr-r b.up, .c1 .vr-w .up { color: var(--up); } .c1 .vr-r small.down, .c1 .vr-r b.down, .c1 .vr-w .down { color: var(--down); }
.c1 .vr-r .am small b { font-size: inherit; }
.c1 .vr-r .vr-ft { color: var(--muted); }
.c1 .vr-g { color: var(--faint, var(--muted)); }
.c1 .vr-hd .pr, .c1 .vr-hd .am { flex-direction: row; justify-content: flex-end; gap: 2px; flex-wrap: wrap; }
.c1 .vr-sb { border: 0; background: none; padding: 4px 2px; min-height: 32px; color: var(--muted); font: inherit; font-size: var(--fs-1, 13px); font-weight: 700; cursor: pointer; white-space: nowrap; }
.c1 .vr-sb.on { color: var(--accent); }
.c1 .vr-hd .rk .vr-sb { padding: 4px 0; font-size: 12px; }
.c1 .vr-hd .rk { text-align: left; }
.c1 .c1-fine { margin: 10px 0 0; font-size: var(--fs-1, 13px); color: var(--muted); line-height: 1.45; word-break: keep-all; }
.c1 .vr-wsum { margin: 0 0 4px; }
.c1 .vr-w { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 0; border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.c1 .vr-w .c1-lg { width: 28px; height: 28px; }
.c1 .vr-w .a { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.c1 .vr-w .a b { font-size: var(--fs-4); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.c1 .vr-w .a small, .c1 .vr-w .b small { font-size: var(--fs-1, 13px); color: var(--muted); }
.c1 .vr-w .b { flex: none; max-width: 58%; display: flex; flex-direction: column; align-items: flex-end; text-align: right; font-variant-numeric: tabular-nums; }
.c1 .vr-w .b b { font-size: var(--fs-3); }
.c1 .vr-rule { margin: 4px 0 8px; padding: 10px 12px; border-radius: 10px; background: var(--card-2); font-size: var(--fs-2); }
.c1 .vr-rule ul { margin: 4px 0 0; padding-left: 18px; }
@media (max-width: 359px) { .c1 .vr-r { gap: 5px; } }

/* 코인 한 장: 한눈에 안 「오늘」 줄 · 살 수 있나 쉬운 줄 · 호가·체결 작게 · 자세히 접기 */
.c1 .c1-today:empty { display: none; }
.c1 .c2-ez { display: flex; flex-direction: column; }
.c1 .c2-ezr { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 10px 0; border-top: 1px solid var(--line); font-size: var(--fs-4); }
.c1 .c2-ezr:first-child { border-top: 0; }
.c1 .c2-ezr .w { color: var(--muted); }
.c1 .c2-ezv { font-weight: 700; text-align: right; }
.c1 .c2-ezv[data-s="over"], .c1 .c2-ezv[data-s="stop"] { color: var(--down); }
.c1 .c2-ezx { display: flex; flex-direction: column; align-items: flex-end; text-align: right; min-width: 0; }
.c1 .c2-ezt { font-size: var(--fs-1, 13px); color: var(--muted); font-weight: 400; margin-top: 1px; }
.c1 .c2-ol.c2-sm .c2-or { padding-top: 2px; padding-bottom: 2px; }
.c1 #c2Ob .c2-tr { padding: 3px 0; }
.c1 .c1-more { padding: 0; }
.c1 .c1-more > summary { display: flex; flex-direction: column; gap: 2px; padding: 16px 20px; cursor: pointer; list-style: none; }
.c1 .c1-more > summary::-webkit-details-marker { display: none; }
.c1 .c1-more > summary .c1-more-t { font-size: var(--fs-5); font-weight: 600; }
.c1 .c1-more > summary .c1-more-t::after { content: ' ▾'; color: var(--muted); }
.c1 .c1-more[open] > summary .c1-more-t::after { content: ' ▴'; }
.c1 .c1-more > summary .c1-more-s { font-size: var(--fs-1, 13px); color: var(--muted); word-break: keep-all; }
.c1 .c1-more > .c1-mb { padding: 0 20px 4px; }
.c1 .c1-more > .c1-mb:last-child { padding-bottom: 18px; }
.c1 .c1-more .c1-hist .sk-h { margin-top: 18px; font-size: var(--fs-3); font-weight: 700; }

/* ONEBTN 2026-10-26: 판 단추 하나 = 보라 「코인 분석 ›」(누르면 코인 화면 차트에 그 판 진입·청산) → 판의 작은 「(차트) 크게 보기 ›」는 숨김(단추가 붙은 판만 · coin1 없는 화면은 그대로) */
#x10Sheet:has(.c1-anl) .i3-cgo { display: none !important; }