/* index 화면 전용 스타일 — 2026-10-27 인라인에서 분리 */
/* ── 홈 전용 ── */
.ticker{display:flex; gap:22px; overflow-x:auto; scrollbar-width:none; white-space:nowrap; font-size:12.5px; color:var(--ink-3); padding:9px 0; border-bottom:1px solid var(--line); align-items:center}
.ticker::-webkit-scrollbar{display:none}
.ticker b{color:var(--ink); font-weight:700} .ticker a{color:var(--blue)} .ticker a b{color:var(--blue)}

/* 시장 지수 스트립: 상자 없이 세로 헤어라인으로 나눔 */
.kpi{display:flex; overflow-x:auto; scrollbar-width:none; border-bottom:1px solid var(--line); margin:0 0 4px}
.kpi::-webkit-scrollbar{display:none}
.kpi .tile{flex:1 1 0; min-width:0; border:0; border-left:1px solid var(--line); border-radius:0; padding:14px 14px 15px}
.kpi .tile .k{overflow:hidden; text-overflow:ellipsis} .kpi .tile .k span{overflow:hidden; text-overflow:ellipsis}
@media (max-width:1100px){ .kpi .tile{flex:1 0 auto; min-width:150px} }
.kpi .tile:first-child{border-left:0; padding-left:0}
.kpi .tile .k{font-size:12px} .kpi .tile .v{font-size:22px; letter-spacing:-.025em} .kpi .tile .d{font-size:12px}
.macro{display:flex; flex-wrap:wrap; gap:0; border-bottom:1px solid var(--line); margin:-4px 0 4px; font-size:12.5px}
@media (max-width:900px){ .macro{flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none} }
.macro::-webkit-scrollbar{display:none}
.macro >span{display:flex; align-items:baseline; gap:5px; padding:8px 11px 8px 0; margin-right:11px; border-right:1px solid var(--line-soft); white-space:nowrap}
.macro >span:last-child{border-right:0}
.macro .l{color:var(--ink-3); font-size:12px} .macro b{font-weight:800; letter-spacing:-.01em; font-size:13px} .macro .c{font-size:11.5px; font-weight:600} .macro .from{margin-left:auto; padding-right:0; border:0; color:var(--ink-3); font-size:11px; flex:0 0 auto}
.fng{height:4px; border-radius:2px; margin-top:8px; background:linear-gradient(90deg, var(--up), #F5A524 50%, var(--ok)); position:relative}
.fng i{position:absolute; top:-3px; width:10px; height:10px; border-radius:50%; background:#fff; border:2px solid var(--ink); transform:translateX(-50%)}

/* 본문 + 레일 */
.home{display:grid; grid-template-columns:minmax(0,1fr); gap:0; margin-top:22px} .home>aside.rail{display:none}
@media (max-width:1100px){ .home{grid-template-columns:minmax(0,1fr) 300px; gap:0 24px} }
.tblk{container-type:inline-size} .tblk .tbl{margin-top:10px} .tblk .tbl table{min-width:0} .tblk .fine{margin-bottom:8px}
.tblk .tbl td{padding:8px 7px} .tblk .tbl th{padding-left:7px; padding-right:7px} .tblk .coin{max-width:218px} .tblk .exstack .exa{margin-left:-9px} .tblk .bk .nm{max-width:84px}
.tblk .tbl th.spk, .tblk .tbl td.spk{width:76px} .tblk .tbl td.spk svg{width:68px}
@container (max-width:1039px){ .tblk .tbl th:nth-child(10), .tblk .tbl td:nth-child(10){display:none} }   /* 본문 폭(최대 924px)에서는 백커 열을 접는다 — 코인 상세·펀딩 섹션·T1 백커 필터로 본다 */
@media (max-width:900px){ .home{grid-template-columns:minmax(0,1fr)} }
.blk{padding:0 0 22px; margin-bottom:22px; border-bottom:1px solid var(--line)}
.blk:last-child{border-bottom:0}
.blk > .hd{display:flex; align-items:baseline; gap:10px; margin:0 0 10px}
.blk > .hd h3{margin:0; font-size:17px; font-weight:800; letter-spacing:-.02em}
.blk > .hd small{font-size:12px; color:var(--ink-3)}
.blk > .hd .r{margin-left:auto; font-size:12.5px; color:var(--ink-2); font-weight:500; white-space:nowrap} .blk > .hd .r a:hover{color:var(--blue)}
.blk > .hd .api{font-family:var(--mono); font-size:10.5px; padding:1px 6px; border:1px solid var(--line); border-radius:4px; color:var(--ink-3); font-weight:500} .blk > .hd .api:hover{border-color:var(--blue); color:var(--blue)}
.rail .blk > .hd h3{font-size:15px}
.rail .blk{padding-bottom:16px; margin-bottom:16px}
.mini a{display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:1px solid var(--line-soft); font-size:13.5px}
.mini a:last-child{border-bottom:0} .mini a:hover .nm{color:var(--blue)}
.mini .rk{color:var(--ink-3); font-size:12px; width:14px; font-weight:600; text-align:center}
.mini .ci{width:28px; height:28px; font-size:10px}
.mini .nm{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:650}
.mini .v{font-weight:700; font-size:13.5px} .mini .s{font-size:12px; color:var(--ink-3)}
.mini .empty{padding:10px 0; text-align:left}
.week{display:grid; grid-template-columns:repeat(7,1fr); gap:2px; padding:2px 0 4px}
.day{text-align:center; border-radius:4px; padding:5px 0 6px; font-size:11px; color:var(--ink-3)}
.day b{display:block; font-size:14px; font-weight:700; color:var(--ink); margin-top:1px}
.day.today{background:var(--blue); color:rgba(255,255,255,.75)} .day.today b{color:#fff}
.day .dots{display:flex; justify-content:center; gap:2px; margin-top:3px; height:5px}
.day .dt{width:5px; height:5px; border-radius:50%}
.dt.u{background:var(--blue)} .dt.w{background:var(--warn)} .dt.x{background:var(--up)} .dt.g{background:var(--ink-2)} .dt.ok{background:var(--ok)} .dt.na{background:var(--line-2)}
.day.today .dt{background:#fff}
.wk-legend{display:flex; gap:10px; padding:2px 0 0; font-size:11px; color:var(--ink-3); flex-wrap:wrap}
.wk-legend i{display:inline-block; width:5px; height:5px; border-radius:50%; margin-right:4px; vertical-align:1px}
.wtabs{display:flex; gap:0; align-items:center; border-bottom:1px solid var(--line); margin-bottom:4px}
.wtabs button{font-size:13px; font-weight:650; color:var(--ink-3); padding:6px 10px; border-bottom:2px solid transparent; margin-bottom:-1px}
.wtabs button[aria-selected="true"]{color:var(--ink); border-bottom-color:var(--ink)}
.wpanel[hidden]{display:none}
.hitline{margin:8px 0 0; padding:8px 10px; background:var(--bg-2); border-radius:var(--r); font-size:11.5px; color:var(--ink-2); line-height:1.5}
.wl{display:flex; flex-direction:column; gap:0}
.wcard{display:block; padding:9px 0; border-bottom:1px solid var(--line-soft)} .wcard:last-child{border-bottom:0} .wcard:hover .nm{color:var(--blue)}
.wcard .r1{display:flex; align-items:center; gap:8px} .wcard .r1 .nm{font-weight:700; font-size:13.5px; flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .wcard .star{color:var(--star); font-size:14px}
.wcard .r2{display:flex; align-items:baseline; gap:8px; margin-top:3px; font-size:12.5px; padding-left:36px} .wcard .r2 .p{font-weight:700; font-size:13.5px}
.wcard .r3{margin-top:2px; font-size:11.5px; color:var(--ink-3); display:flex; gap:8px; align-items:center; padding-left:36px}

/* 섹터 */
.secbar{display:flex; gap:2px; height:8px; margin:2px 0 12px}
.secbar i{display:block; height:100%; min-width:3px; border-radius:2px; cursor:pointer; transition:opacity .12s} .secbar i:first-child{border-radius:999px 2px 2px 999px} .secbar i:last-child{border-radius:2px 999px 999px 2px} .secbar i:hover{opacity:.7}
.slist{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 32px}
.slist .hd2{display:grid; grid-template-columns:18px 96px minmax(0,1fr) 60px 58px; gap:10px; font-size:11px; color:var(--ink-3); padding:0 0 6px; border-bottom:1px solid var(--line-soft)}
.slist .hd2 .r{text-align:right}
.slist .srow{display:grid; grid-template-columns:18px 96px minmax(0,1fr) 60px 58px; gap:10px; align-items:center; padding:7px 0; border-bottom:1px solid var(--line-soft); color:inherit; text-decoration:none; cursor:pointer}
.slist .srow:hover{background:var(--bg-2); margin:0 -8px; padding-left:8px; padding-right:8px}
.slist .srow:hover .nm{color:var(--blue)}
.slist .srow .rk{font-size:11.5px; color:var(--ink-3); text-align:center; font-weight:600; font-variant-numeric:tabular-nums}
.slist .srow .nm{display:flex; align-items:center; gap:7px; min-width:0; font-size:13px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.slist .srow .bar{display:flex; align-items:center; gap:8px; min-width:0}
.slist .srow .bar em{display:block; height:10px; border-radius:3px; flex:0 1 auto; min-width:3px; opacity:.9; transition:opacity .12s}
.slist .srow:hover .bar em{opacity:1}
.slist .srow .bar b{font-size:13px; font-weight:800; letter-spacing:-.01em; white-space:nowrap; font-variant-numeric:tabular-nums}
.slist .srow .ch{text-align:right; font-size:12px; font-weight:700; white-space:nowrap; font-variant-numeric:tabular-nums}
.slist .srow .lg{display:flex; justify-content:flex-end; padding-left:6px}
.slist .srow .lg img, .slist .srow .lg span, .slist .srow.top .lg img, .slist .srow.top .lg span{width:18px; height:18px; border-radius:50%; margin-left:-6px; border:1.5px solid var(--bg); background:var(--card-2); font-size:8px; display:inline-flex; align-items:center; justify-content:center; font-weight:700; color:#fff}
.slist .srow .lg small{font-size:10.5px; color:var(--ink-3); align-self:center; margin-left:2px}
.slist .srow.top .nm{font-size:13.5px}
@media (max-width:640px){ .slist{grid-template-columns:minmax(0,1fr)} .slist >div:nth-child(2) .hd2{display:none} .slist .srow{grid-template-columns:18px 92px minmax(0,1fr) 54px 52px; gap:8px} }
.secft{font-size:11px; color:var(--ink-3); padding:8px 0 0; display:flex; justify-content:space-between; gap:8px}

/* 이슈 */
.trend{display:flex; gap:6px; padding:0 0 8px; overflow-x:auto; scrollbar-width:none}
.trend::-webkit-scrollbar{display:none}
.trend a{display:inline-flex; align-items:center; gap:5px; border:1px solid var(--line); border-radius:999px; padding:2px 9px 2px 3px; font-size:12px; font-weight:600; white-space:nowrap; flex:none}
.trend a:hover{border-color:var(--blue); color:var(--blue)}
.trend .lb{font-size:11px; color:var(--ink-3); align-self:center; white-space:nowrap; flex:none}
.trend .ci{width:18px; height:18px; font-size:8px} .trend .kr{margin-left:2px}
.nchips{display:flex; gap:6px; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; padding:4px 0 8px; align-items:center}
.nchips::-webkit-scrollbar{display:none}
.nchips button{border:1px solid var(--line-2); background:var(--card); border-radius:var(--r); padding:3px 9px; font-size:12px; font-weight:600; color:var(--ink-2); white-space:nowrap; flex:none}
.nchips button:hover{border-color:var(--blue); color:var(--blue)} .nchips button.on{background:var(--blue); color:#fff; border-color:var(--blue)}
.nchips .sp{margin-left:auto; font-size:11px; color:var(--ink-3); white-space:nowrap; flex:none; padding-left:6px}
.news{max-height:247px; overflow:auto; scrollbar-width:thin}   /* 7줄(35px) 보이고 나머지는 휠 */
.news a{display:grid; grid-template-columns:auto 1fr auto; gap:0 10px; align-items:center; padding:7px 0; border-bottom:1px solid var(--line-soft); font-size:13.5px; min-width:0}
.news a:last-child{border-bottom:0} .news a:hover .t{color:var(--blue)}
.news .cat{font-size:10px; font-weight:800; padding:1px 5px; border-radius:3px; background:var(--card-2); color:var(--ink-2); white-space:nowrap; min-width:34px; text-align:center}
.news .cat.regulator{background:var(--blue-soft); color:var(--blue)} .news .cat.exchange{background:var(--ok-soft); color:var(--ok)} .news .cat.research{background:var(--warn-soft); color:var(--warn)}
.news .cat.media{background:var(--card-2); color:var(--ink-3); font-weight:600} .news .cat.security{background:var(--up-soft); color:var(--up)}
.news .t{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0} .news .t .src{color:var(--ink-3); font-weight:500; font-size:12px; margin-right:6px; background:none; padding:0; letter-spacing:0}
.news .t .ci{width:15px; height:15px; font-size:7px; vertical-align:-3px}
.news .r{display:inline-flex; align-items:center; gap:3px; white-space:nowrap} .news .r .ci{width:16px; height:16px; font-size:7px}
.news .ago{font-size:11px; color:var(--ink-3); margin-left:6px; min-width:48px; text-align:right}
.scroll{max-height:420px; overflow-y:auto}

/* 시총 표 */
.ftool{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 12px}
.fseg{display:inline-flex; gap:0; border:1px solid var(--line-2); border-radius:var(--r); background:var(--card); overflow:hidden}
.fseg .fs{font-size:13px; font-weight:600; color:var(--ink-2); padding:7px 13px; border:0; border-right:1px solid var(--line); background:transparent; white-space:nowrap}
.fseg .fs:last-child{border-right:0}
.fseg .fs:hover:not(.on){background:var(--bg-2); color:var(--ink)} .fseg .fs.on{background:var(--blue); color:#fff}
.fgrp{display:inline-flex; align-items:center; gap:4px; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; max-width:100%} .fgrp::-webkit-scrollbar{display:none} .fgrp .fl{font-size:12px; color:var(--ink-3); margin-right:3px}
.fsep{width:1px; height:18px; background:var(--line-2); margin:0 4px}
.fex{width:28px; height:28px; border-radius:50%; border:2px solid var(--card); box-shadow:0 0 0 1px var(--line); background:#fff; padding:0; display:grid; place-items:center; overflow:hidden; opacity:.45; filter:grayscale(1); transition:opacity .12s, box-shadow .12s}
.fex img{width:100%; height:100%; object-fit:cover; display:block} .fex span{font-size:10px; font-weight:800; color:var(--ink-2)}
.fex:hover{opacity:1; filter:none} .fex.on{opacity:1; filter:none; box-shadow:0 0 0 2px var(--blue)}
.fsel{font:inherit; font-size:13px; font-weight:500; color:var(--ink-2); padding:7px 28px 7px 12px; border:1px solid var(--line-2); border-radius:var(--r); background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'width='10'height='6'viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4'fill='none'stroke='%237C8797'stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 11px center; appearance:none; cursor:pointer; max-width:190px}
.fsel:hover{border-color:var(--blue)} .fsel.on{border-color:var(--blue); color:var(--blue); font-weight:600}
.freset{font-size:12.5px; color:var(--ink-3); background:none; border:0; padding:6px 4px; text-decoration:underline dotted; text-underline-offset:3px} .freset:hover{color:var(--blue)}
.fchip{font-size:12.5px; font-weight:600; color:var(--ink-2); padding:6px 11px; border:1px solid var(--line-2); border-radius:var(--r); background:var(--card); white-space:nowrap}
.fchip.on{color:#fff; background:var(--blue); border-color:var(--blue)} .fchip:hover:not(.on):not(:disabled){border-color:var(--blue); color:var(--blue)}
.fchip:disabled{opacity:.45; cursor:not-allowed; text-decoration:line-through} .fchip .st{color:var(--star)}
.tbl table{min-width:900px} .tbl td{padding:9px 10px}
.exs1{display:flex; align-items:center; gap:6px} .exs1 .exs{margin:0} .exs1 .sep{width:1px; height:16px; background:var(--line-2); flex:none}
.coin{display:flex; align-items:center; gap:10px; min-width:0; max-width:250px}
.coin .ci{width:28px; height:28px; font-size:10px}
.coin >div{min-width:0; display:flex; align-items:baseline; gap:6px}
.coin .nm{font-weight:700; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0} .coin .nm:hover{color:var(--blue)}
.coin .sym{font-size:11.5px; color:var(--ink-3); font-weight:500; flex:none} .coin .chg{font-size:12px; font-weight:600; flex:none}
.coin .stag .badge{font-size:10px; padding:0 5px; line-height:1.6} .coin .stag{flex:none}
td.coin-td{max-width:250px; overflow:hidden}
.px{display:flex; flex-direction:column; align-items:flex-end; line-height:1.25} .px b{font-weight:700} .px small{font-size:11.5px; color:var(--ink-3)}
td.star-td{width:30px; padding-right:0; color:var(--line-2); font-size:15px; cursor:pointer} td.star-td.on{color:var(--star)}
.exs{display:flex; gap:3px; margin-top:2px}
.ex{font-size:10.5px; font-weight:600; padding:1px 5px; border-radius:3px; background:var(--card-2); color:var(--ink-3); line-height:1.5}
.exstack{display:inline-block; font-size:12px; font-weight:600; color:var(--ink-2); cursor:default; white-space:nowrap}
.exstack .exa{position:relative; width:22px; min-width:22px; height:22px; border-radius:50%; margin-left:-7px; border:2px solid var(--card); background:#fff; object-fit:cover; box-shadow:0 0 0 1px var(--line); display:grid; place-items:center; font-size:9px; font-weight:800; color:var(--ink-2); flex:none; transition:margin .12s}
.exstack:hover .exa{margin-left:-2px} .exstack .exa:first-child{margin-left:0 !important}
.bk{display:inline-flex; align-items:center; gap:5px; white-space:nowrap; font-size:12.5px; max-width:100%} .bk .nm{overflow:hidden; text-overflow:ellipsis; min-width:64px; max-width:130px; font-weight:500} .bk .more{color:var(--ink-3); font-size:11px}
button.more{display:block; width:100%; padding:12px; text-align:center; font-size:13px; color:var(--blue); font-weight:700; border-top:1px solid var(--line)} button.more:hover{background:var(--hover)}
.cgs{display:inline-flex; align-items:center; gap:2px; flex-wrap:wrap} .cgs .exl{margin-right:1px}
.cg{font-weight:800; font-size:11px} .cg.ok{color:var(--ok)} .cg.warn{color:var(--warn)} .cg.bad{color:var(--up)} .cs{font-size:10px; color:var(--ink-3); margin:0 7px 0 2px}
.verify{margin-top:14px; display:flex; flex-wrap:wrap; align-items:center; gap:6px 22px; padding:10px 0; font-size:12.5px; color:var(--ink-2)}
.verify b{color:var(--ink); font-weight:700} .verify .lead{font-weight:800; color:var(--ink)} .verify a{margin-left:auto; color:var(--ink-3); font-size:12px}

/* 하단 섹션 공통 목록 */
.inv a{display:grid; grid-template-columns:20px 1fr auto; gap:0 10px; align-items:center; padding:7px 0; border-bottom:1px solid var(--line-soft); font-size:13px; min-width:0}
.inv a:last-child{border-bottom:0} .inv .rk{color:var(--ink-3); font-size:12px; text-align:center} .inv .nm{font-weight:650; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0}
.inv .nm small{display:block; font-weight:500; color:var(--ink-3); font-size:11.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.inv .sc{display:inline-flex; align-items:center; gap:6px; font-size:12px; color:var(--ink-2); white-space:nowrap} .inv .sc b{font-weight:700; color:var(--ink)}
.inv .bar{width:60px; height:5px; border-radius:2px; background:var(--card-2); overflow:hidden} .inv .bar i{display:block; height:100%; background:var(--blue)}
.rnd a{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0 10px; align-items:center; padding:7px 0; border-bottom:1px solid var(--line-soft); font-size:13px; min-width:0}
.rnd a:last-child{border-bottom:0} .rnd .t{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0} .rnd .t b{font-weight:650}
.rnd .t .st{color:var(--ink-3); font-size:12px; margin-left:5px} .rnd .t small{display:block; color:var(--ink-3); font-size:11.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.rnd .t small .bt{color:var(--ink-2); font-weight:600} .rnd .r{text-align:right; white-space:nowrap} .rnd .r b{font-weight:700} .rnd .r small{display:block; font-size:11px; color:var(--ink-3)}
.rnd .pre{font-size:10px; font-weight:800; padding:1px 5px; border-radius:3px; background:var(--warn-soft); color:var(--warn); margin-left:5px; vertical-align:1px} .rnd .tge{background:var(--ok-soft); color:var(--ok)}
.drv{display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:0 24px; max-height:360px; overflow:auto}
.drv a{display:flex; align-items:center; gap:8px; padding:6px 0; border-bottom:1px solid var(--line-soft); font-size:13px; min-width:0} .drv a:hover .nm{color:var(--blue)}
.drv img{width:20px; height:20px; border-radius:50%; flex:none; background:var(--card-2)}
.drv .nm{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:650} .drv .nm small{font-weight:400; color:var(--ink-3); margin-left:4px}
.drv .oi{font-weight:700; font-size:12.5px; white-space:nowrap} .drv .ch{font-size:12px; width:56px; text-align:right; white-space:nowrap} .drv .fr{font-size:12px; width:66px; text-align:right; white-space:nowrap}
.xb{overflow:auto}
.xb table{font-size:13px; white-space:nowrap} .xb th{text-align:right; padding:8px 8px} .xb th:first-child, .xb td:first-child{text-align:left}
.xb td{padding:8px 8px; text-align:right} .xb .ex{display:flex; align-items:center; gap:8px; font-weight:700; background:none; padding:0; font-size:13px; color:var(--ink)} .xb .ex img{width:18px; height:18px; border-radius:4px}
.xb .sec-row td{padding-top:12px; font-size:11px; color:var(--ink-3); border-bottom:none; text-align:left}
.lq-grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 28px; padding-top:4px}
.lq-right{border-left:1px solid var(--line-soft); padding-left:28px; min-width:0}
.lq-main small, .lq-kv small{display:block; font-size:12px; color:var(--ink-3); font-weight:500}
.lq-main >b{display:flex; align-items:baseline; gap:10px; font-size:32px; font-weight:800; letter-spacing:-.035em; line-height:1.1; margin:2px 0 12px}
.lq-main >b em{font-style:normal; font-size:12.5px; font-weight:500; color:var(--ink-3); letter-spacing:0}
.lq-split{display:flex; height:6px; border-radius:999px; overflow:hidden; background:var(--card-2); gap:2px}
.lq-split i{display:block; height:100%; min-width:4px; border-radius:999px} .lq-split .l{background:var(--up)} .lq-split .s{background:var(--down)}
.lq-lg{display:flex; gap:18px; margin-top:10px; font-size:12.5px; color:var(--ink-2)}
.lq-lg b{font-weight:700; color:var(--ink); margin-left:4px} .lq-lg u{text-decoration:none; margin-left:6px; font-size:11px; font-weight:700; padding:0 6px; border-radius:999px; background:var(--card-2); color:var(--ink-2)}
.lq-lg em{display:inline-block; width:7px; height:7px; border-radius:50%; margin-right:6px; vertical-align:0} .lq-lg .l{background:var(--up)} .lq-lg .s{background:var(--down)}
.lq-chart{padding:16px 0 4px; margin-top:14px; border-top:1px solid var(--line-soft)}
.lq-ch{display:flex; justify-content:space-between; font-size:12px; color:var(--ink-3); margin-bottom:8px}
.lq-ch .lg em{display:inline-block; width:8px; height:8px; border-radius:2px; margin:0 5px 0 8px; vertical-align:-1px} .lq-ch .lg .l{background:var(--up)} .lq-ch .lg .s{background:var(--down)}
.lq-svg{width:100%; height:116px; display:block} .lq-svg g:hover rect{opacity:1} .lq-svg .hit:hover{fill:var(--bg-2)}
.lq-kv{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:0 16px; padding-top:14px; margin-top:8px; border-top:1px solid var(--line-soft)}
.lq-kv >div{min-width:0; padding-left:12px; border-left:2px solid var(--line)}
.lq-kv b{display:block; font-size:16px; font-weight:800; letter-spacing:-.02em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:2px} .lq-kv span{display:block; font-size:11.5px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:1px}
.lq-div{display:flex; flex-direction:column}
.liq .drow{display:grid; grid-template-columns:96px minmax(0,1fr) 62px; align-items:center; gap:10px; padding:7px 0; font-size:13px; border-bottom:1px solid var(--line-soft)} .liq .drow:last-child{border-bottom:0}
.liq a.drow:hover .nm{color:var(--blue)}
.liq .drow .nm{display:flex; align-items:center; gap:8px; min-width:0; font-weight:700}
.liq .drow .nm >span{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.2} .liq .drow .nm small{display:block; font-weight:400; font-size:11px; color:var(--ink-3)}
.liq .drow img, .liq .drow .ci{width:22px; height:22px; border-radius:50%; background:var(--card-2); flex:0 0 22px} .liq .drow .ci{font-size:9px}
.liq .drow .bar{display:grid; grid-template-columns:1fr 1fr; align-items:center; position:relative; height:26px; min-width:0}
.liq .drow .bar::before{content:""; position:absolute; left:50%; top:-7px; bottom:-8px; width:1px; background:var(--line)}
.liq .drow .lh, .liq .drow .rh{display:flex; align-items:center; gap:6px; min-width:0; overflow:hidden} .liq .drow .lh{justify-content:flex-end} .liq .drow .rh{justify-content:flex-start}
.liq .drow .bar i{display:block; height:14px; min-width:2px; flex:0 1 auto} .liq .drow .bar .l{background:var(--up); border-radius:3px 0 0 3px; opacity:.9} .liq .drow .bar .s{background:var(--down); border-radius:0 3px 3px 0; opacity:.85}
.liq .drow .bar u{text-decoration:none; font-size:10.5px; color:var(--ink-3); white-space:nowrap; font-variant-numeric:tabular-nums; flex:0 0 auto}
.liq .drow .v{text-align:right; font-weight:700; font-size:13px; white-space:nowrap}
.liq .empty{text-align:left; padding:6px 0}
@media (max-width:900px){ .lq-grid{grid-template-columns:minmax(0,1fr)} .lq-right{border-left:0; padding-left:0; padding-top:16px; margin-top:16px; border-top:1px solid var(--line-soft)} }
@media (max-width:640px){ .liq .drow{grid-template-columns:96px minmax(0,1fr) 56px; gap:6px} .liq .drow .bar u{display:none} .lq-kv{gap:0 10px} .lq-kv b{font-size:14px} .lq-kv >div{padding-left:8px} }
.tbl th.spk, .tbl td.spk{width:92px; padding-left:6px; padding-right:6px} .tbl td.spk svg{display:block; width:84px; height:26px}
@media (max-width:640px){ .tbl .spk{display:none} }
.bills-sum{display:flex; gap:14px; font-size:12px; color:var(--ink-3); padding:0 0 10px; flex-wrap:wrap} .bills-sum b{color:var(--ink); font-weight:700}
.bills{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 32px; max-height:460px; overflow:auto}
.bills .bill{display:block; padding:10px 0; border-bottom:1px solid var(--line-soft); color:inherit; text-decoration:none; min-width:0}
.bills .bill .t{font-weight:700; font-size:13px; line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.bills .bill:hover .t{color:var(--blue)}
.bills .bill .m{font-size:11.5px; color:var(--ink-3); margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.bills .stp{display:flex; align-items:center; margin-top:8px}
.bills .stp i{flex:1; height:4px; border-radius:2px; background:var(--card-2); margin-right:3px} .bills .stp i.on{background:var(--blue)}
.bills .stp i.done{background:var(--ok)} .bills .stp i.dead{background:var(--ink-3)}
.bills .stp span{font-size:11px; font-weight:700; color:var(--blue); margin-left:6px; white-space:nowrap} .bills .stp small{font-size:10.5px; color:var(--ink-3); margin-left:5px; white-space:nowrap}
.bills .stp .res{font-size:10.5px; font-weight:700; padding:1px 6px; border-radius:3px; margin-left:6px; color:#fff; background:var(--ok)} .bills .stp .res.dead{background:var(--ink-3)}
@media (max-width:640px){ .bills{grid-template-columns:minmax(0,1fr)} }
.unl table, .reg table{font-size:13px} .unl th, .reg th{padding:7px 8px} .unl td, .reg td{padding:8px 8px; white-space:normal}
.unl a{display:inline-flex; align-items:center; gap:6px; font-weight:650} .unl .kr{margin-left:4px}
.reg .k{display:inline-block; font-size:11px; font-weight:700; padding:1px 5px; border-radius:3px; background:var(--card-2); color:var(--ink-2); white-space:nowrap} .reg .j{font-size:10px; font-weight:800; color:var(--blue); margin-left:4px} .reg .done td{color:var(--ink-3)}
.reg a:hover, .unl a:hover{color:var(--blue)}
.pin{background:var(--up-soft); border-radius:var(--r); margin:6px 0 2px; padding:2px 8px} .pin a:hover{background:transparent} .pin .t b{color:var(--up)}
.col-r{display:flex; flex-direction:column; gap:22px}
.heat{display:flex; flex-wrap:wrap; gap:6px 14px; align-items:center; font-size:12.5px; color:var(--ink-2); padding:2px 0 8px} .heat b{font-weight:700; color:var(--ink)} .heat .s{width:100%; font-size:11px; color:var(--ink-4)}
.le-sum{display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:10px; margin:0 0 12px} .le-sum .t{border:1px solid var(--line); border-radius:var(--r); padding:9px 12px} .le-sum .t small{display:block; font-size:11px; color:var(--ink-3)} .le-sum .t b{display:block; font-size:18px; font-weight:800; margin:2px 0}
.le table{width:100%; border-collapse:collapse; font-size:13px} .le th{font-size:11px; color:var(--ink-3); font-weight:600; text-align:left; padding:6px 8px; border-bottom:1px solid var(--line); white-space:nowrap} .le td{padding:7px 8px; border-bottom:1px solid var(--line-soft); white-space:nowrap} .le .r{text-align:right} .le .coin img, .le .coin .ci{width:22px; height:22px} .le .coin .nm{font-size:13px}
@media (max-width:900px){.le-sum{grid-template-columns:repeat(2, minmax(0,1fr))} .le{overflow-x:auto}}
.ops summary{cursor:pointer; list-style:none} .ops summary::-webkit-details-marker{display:none}
#feed-list{max-height:760px; overflow:auto}

/* FAQ·API */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer; padding:14px 2px; font-size:14px; font-weight:700; list-style:none; display:flex; justify-content:space-between; align-items:center}
.faq summary::-webkit-details-marker{display:none} .faq summary::after{content:"+"; color:var(--ink-3); font-weight:400; font-size:18px} .faq details[open] summary::after{content:"−"}
.faq p{margin:0; padding:0 2px 16px; font-size:13.5px; color:var(--ink-2); max-width:78ch; line-height:1.65}
.promo{margin-top:24px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px}
.promo .panel{padding:18px 20px; background:var(--bg-2); border:0} .promo h4{margin:0 0 4px; font-size:15px; font-weight:800} .promo p{margin:0 0 10px; font-size:13px; color:var(--ink-2)}
.promo code{font-family:var(--mono); font-size:11.5px; background:#fff; border:1px solid var(--line); border-radius:4px; padding:2px 7px; color:var(--ink-2)}
@media (max-width:640px){ .promo{grid-template-columns:minmax(0,1fr)} }
.err{color:var(--up); font-weight:600}
/* 화면 설정 — 블록 숨기기·순서 (이 브라우저에만 저장) */
.lo-hide{display:none !important}
.lo-btn{position:fixed; right:18px; bottom:18px; z-index:50; display:inline-flex; align-items:center; gap:6px; background:var(--ink); color:#fff; border:0; border-radius:999px; padding:9px 14px; font-size:12.5px; font-weight:700; cursor:pointer; box-shadow:0 4px 14px rgba(0,0,0,.18); font-family:inherit}
.lo-btn:hover{background:var(--blue)} .lo-btn b{background:rgba(255,255,255,.22); border-radius:999px; padding:0 6px; font-size:11px}
.lo-panel{position:fixed; top:0; right:0; bottom:0; width:340px; max-width:92vw; background:var(--bg); border-left:1px solid var(--line); z-index:60; overflow:auto; padding:18px 18px 24px; box-shadow:-8px 0 24px rgba(0,0,0,.08)}
.lo-panel[hidden]{display:none}
.lo-panel .top{display:flex; align-items:center; justify-content:space-between} .lo-panel h3{font-size:16px; margin:0} .lo-panel .x{border:0; background:none; font-size:20px; cursor:pointer; color:var(--ink-3); line-height:1} .lo-panel .x:hover{color:var(--ink)}
.lo-panel p{font-size:12px; color:var(--ink-3); margin:4px 0 12px}
.lo-panel h4{font-size:11.5px; color:var(--ink-3); font-weight:600; margin:14px 0 4px}
.lo-row{display:flex; align-items:center; gap:8px; padding:6px 0; border-bottom:1px solid var(--line-soft); font-size:13px}
.lo-row label{flex:1; display:flex; align-items:center; gap:8px; cursor:pointer; min-width:0} .lo-row input{accent-color:var(--blue); margin:0}
.lo-row.off label{color:var(--ink-3)}
.lo-row button{border:1px solid var(--line); background:var(--bg); border-radius:4px; width:26px; height:24px; cursor:pointer; font-size:11px; color:var(--ink-2); font-family:inherit} .lo-row button:hover{border-color:var(--ink)} .lo-row button:disabled{opacity:.3; cursor:default}
.lo-foot{display:flex; gap:8px; margin-top:16px} .lo-foot button{flex:1; padding:8px; border-radius:6px; border:1px solid var(--line); background:var(--bg); cursor:pointer; font-size:12.5px; font-family:inherit} .lo-foot button:hover{border-color:var(--ink)} .lo-foot .pri{background:var(--ink); color:#fff; border-color:var(--ink)}
.lo-link{font-size:11px; color:var(--ink-3); margin-left:10px; cursor:pointer; opacity:0; transition:opacity .12s; white-space:nowrap} .hd:hover .lo-link, .sec-h:hover .lo-link{opacity:1} .lo-link:hover{color:var(--blue)}
@media (max-width:640px){ .lo-link{opacity:1} .lo-btn{right:12px; bottom:12px; padding:8px 12px} }
@media print{ .lo-btn, .lo-panel{display:none} }
/* 2026-10-26: 홈 표는 핵심만 — 상태·거래소·섹터·신호 필터는 종목 탐색으로 */ .fs[data-state],#f-ex,#f-ex-sel,#f-sector,.fchip[data-signal],#f-reset{display:none !important}
/* 2026-10-26: 텔링 차트는 한 줄 4장 */ #hm-chart,#home-mentions.collapsed #hm-chart{grid-template-columns:repeat(4,minmax(0,1fr)) !important;max-height:none !important} #hm-chart::after,#home-mentions.collapsed #hm-chart::after{display:none !important} @media(max-width:1000px){#hm-chart{grid-template-columns:repeat(2,minmax(0,1fr)) !important}} @media(max-width:600px){#hm-chart{grid-template-columns:1fr !important}}
/* 2026-10-26: 김프 보기 */ .wsts{display:flex;align-items:center;gap:6px;white-space:nowrap} .wsts .sep{width:1px;height:14px;background:var(--line)} .wst{display:inline-block;font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:999px;border:1px solid var(--line);color:var(--ink-3);text-decoration:none;margin-right:2px} .wst.ok{color:#047857;border-color:#04785755;background:#ecfdf5} .wst.no{color:#b42318;border-color:#b4231855;background:#fef3f2} .wst.na{color:var(--ink-3)} table.kimchi-mode td.kp{font-size:14px;font-weight:800}
#flow .kl{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:4px 0;border-bottom:1px solid var(--line-soft,#edf1f7)}#flow .kl:last-child{border-bottom:0}#flow .kl a{color:var(--ink);font-weight:600}#flow .kl small{color:var(--ink-3);margin-left:4px;font-weight:500}#flow .kl i{font-style:normal}#flow .fl-tabs{display:flex;gap:4px;margin:0 0 6px;flex-wrap:wrap}#flow .fl-tabs button{font:inherit;font-size:11px;padding:2px 7px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink-2);cursor:pointer}#flow .fl-tabs button.on{border-color:var(--blue);color:var(--blue)}#flow .up{color:var(--up)}#flow .down{color:var(--blue)}

/* 2026-10-28: 시세 갱신 깜빡임 */
@keyframes flup{0%{background:rgba(224,48,58,.22)}100%{background:transparent}}@keyframes fldn{0%{background:rgba(37,99,235,.22)}100%{background:transparent}}
#tbl-body .px.fl-up{animation:flup 1.4s ease-out;border-radius:6px}#tbl-body .px.fl-dn{animation:fldn 1.4s ease-out;border-radius:6px}
/* 2026-10-28: 추적 시총·검증된 사실 줄(#ticker)과 시가총액·도미넌스 줄(#pulse)은 홈에서 숨김(사용자: 없어도 될 것 같다). 자료는 트렌딩 칩 등이 계속 쓰므로 요청은 유지 */
#ticker, #pulse, #home-stats{display:none !important}
#band-nav{display:none !important}   /* 2026-10-28: 코인·오늘·섹터·이슈 앵커 탭 숨김(사용자: 필요 없을 듯) — 묶음 제목은 그대로 */
#band-market > .band-h{display:none !important}   /* 2026-10-28: 표가 자체 제목(암호화폐 · 국내 상장 N …)을 갖고 있어 묶음 제목과 겹쳐 둘로 보임 */
/* 2026-10-28: 홈 구역 제목 통일(지금 뜨는 코인 · 피드 차트 · 섹터·이슈 · 암호화폐) — 18px/800, 아래 2px 선, 같은 간격 */
.band-h, #home-mentions .hm-heading, #tbl-sec > .hd{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; border-bottom:2px solid var(--ink) !important; padding:0 0 8px !important; margin:0 0 12px !important}
.band-h h2, #home-mentions .hm-heading h2, #tbl-sec > .hd h3{font-size:18px !important; font-weight:800 !important; letter-spacing:-.01em; margin:0 !important; line-height:1.3}
.band-h small, #home-mentions .hm-heading p, #home-mentions .hm-heading small, #tbl-sec > .hd small{font-size:12.5px !important; color:var(--ink-3) !important; margin:0 !important; font-weight:500}
#tbl-sec > .hd .r, #home-mentions .hm-heading .r, .band-h .band-t{margin-left:auto}
/* 2026-10-28: 홈 묶음 '접기' 버튼 없음(사용자) — 묶음은 항상 펼침 */
.band-h .band-t{display:none !important}
.band.closed .band-b{display:block !important}