/* 라이트 = 신문 증시면(흰 종이 + 먹줄), 다크 = 시세 전광판 */
:root{
  color-scheme: light;
  --plane:#d9d9d4;
  --panel:#ffffff;
  --head:#15151a;
  --headink:#f2f2ee;
  --ink:#0e0e12;
  --ink2:#4a4a52;
  --muted:#8a8a93;
  --rule:#15151a;
  --rule2:#dcdce1;
  --grid:#ebebf0;
  --axis:#b6b6be;
  --field:#ffffff;
  --hover:#f4f4f7;
  --sel:#fdf2cf;
  --selrule:#e0c66a;
  --up:#d21f1f;
  --wage-up:#087a55;
  --down:#0e57bd;
  --flat:#8a8a93;
  --uptint:rgba(210,31,31,.05);
  --downtint:rgba(14,87,189,.05);
  --seedbg:#fdf2cf;
  --seedink:#6a4e0c;
  --seedrule:#dcc477;
  --s1:#2a78d6; --s2:#eb6834; --s3:#1baf7a;
  --s4:#eda100; --s5:#e87ba4; --s6:#008300;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme: dark;
    --plane:#08080a;
    --panel:#101114;
    --head:#1a1b21;
    --headink:#cfd2da;
    --ink:#eef0f4;
    --ink2:#a4a8b2;
    --muted:#747984;
    --rule:#2b2d35;
    --rule2:#1d1f25;
    --grid:#1b1d23;
    --axis:#393c45;
    --field:#08080a;
    --hover:#181a20;
    --sel:#2b2410;
    --selrule:#5a4a1a;
    --up:#ff5c52;
    --wage-up:#34d399;
    --down:#4d95e8;
    --flat:#747984;
    --uptint:rgba(255,92,82,.08);
    --downtint:rgba(77,149,232,.08);
    --seedbg:#241d0e;
    --seedink:#d9c07e;
    --seedrule:#3d3318;
    --s1:#3987e5; --s2:#d95926; --s3:#199e70;
    --s4:#c98500; --s5:#d55181; --s6:#008300;
  }
}
:root[data-theme="dark"]{
  color-scheme: dark;
  --plane:#08080a;
  --panel:#101114;
  --head:#1a1b21;
  --headink:#cfd2da;
  --ink:#eef0f4;
  --ink2:#a4a8b2;
  --muted:#747984;
  --rule:#2b2d35;
  --rule2:#1d1f25;
  --grid:#1b1d23;
  --axis:#393c45;
  --field:#08080a;
  --hover:#181a20;
  --sel:#2b2410;
  --selrule:#5a4a1a;
  --up:#ff5c52;
  --wage-up:#34d399;
  --down:#4d95e8;
  --flat:#747984;
  --uptint:rgba(255,92,82,.08);
  --downtint:rgba(77,149,232,.08);
  --seedbg:#241d0e;
  --seedink:#d9c07e;
  --seedrule:#3d3318;
  --s1:#3987e5; --s2:#d95926; --s3:#199e70;
  --s4:#c98500; --s5:#d55181; --s6:#008300;
}

*{box-sizing:border-box}
body{
  margin:0;background:var(--plane);color:var(--ink);
  font-family:"Gothic A1","Apple SD Gothic Neo","Malgun Gothic",system-ui,-apple-system,sans-serif;
  font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;
}
.n,.wl td.v,.wl td.p,.tk .v,.tk .d,.rr .c,.rr .pc,.bkrow .c,.bkrow .p,
.info-hd .price,.info-hd .chg,.info-hd .code,.kv td,.rkrow .no,.rkrow .pv,
table.grid td,.wrow .pctv,.tip .y,.tip .r b{
  font-family:"Azeret Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;
}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
.up{color:var(--up)} .down{color:var(--down)} .flat{color:var(--flat)} .wage-up{color:var(--wage-up)}

/* ---------- 전광판 ---------- */
.top{position:sticky;top:0;z-index:40;background:var(--head);border-bottom:1px solid var(--rule)}
.top-in{max-width:1500px;margin:0 auto;padding:0 14px;height:50px;display:flex;align-items:center;gap:16px}
.brand{display:flex;align-items:baseline;gap:8px;flex:none;color:var(--headink)}
.brand b{font-size:16px;font-weight:800;letter-spacing:-.03em}
.brand span{
  font-family:"Azeret Mono",monospace;font-size:13px;letter-spacing:.22em;
  color:var(--muted);font-weight:500;
}
.tickers{display:flex;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.tickers::-webkit-scrollbar{display:none}
.tk{
  display:flex;align-items:baseline;gap:6px;padding:4px 14px;white-space:nowrap;
  border-left:1px solid rgba(128,128,140,.28);color:var(--headink);
}
.tk .n{font-size:13px;letter-spacing:.06em;opacity:.6}
.tk .v{font-size:15px;font-weight:700;letter-spacing:-.02em}
.tk .d{font-size:13px;font-weight:500}
.top-ctl{display:flex;align-items:center;gap:9px;flex:none}
.top-ctl label{color:var(--muted);font-size:13px;letter-spacing:.1em}
.top .seg{border-color:rgba(128,128,140,.34);background:transparent}
.top .seg button{border-right-color:rgba(128,128,140,.34);color:var(--headink);opacity:.75}
.top .seg button[aria-pressed="true"]{background:var(--headink);color:var(--head);opacity:1}
.top select{background:transparent;border-color:rgba(128,128,140,.34);color:var(--headink)}

.seg{display:inline-flex;border:1px solid var(--rule);background:var(--field)}
.seg button{
  padding:4px 10px;font-size:13px;font-weight:500;color:var(--ink2);
  border-right:1px solid var(--rule2);white-space:nowrap;
}
.seg button:last-child{border-right:0}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--panel);font-weight:700}
.seg button[disabled]{opacity:.32;cursor:not-allowed}
.seg button.locked{color:var(--muted);opacity:.5}
.seg button.locked::after{content:"·";margin-left:3px}
select{background:var(--field);border:1px solid var(--rule);padding:3px 6px;font-size:13px}

/* ---------- 시드 경고 ---------- */
.strip{background:var(--seedbg);color:var(--seedink);border-bottom:1px solid var(--seedrule);font-size:13px}
.strip-in{max-width:1500px;margin:0 auto;padding:6px 14px;display:flex;gap:8px;align-items:baseline}
.strip b{font-weight:700}

/* ---------- 레이아웃 ---------- */
.shell{max-width:1500px;margin:0 auto;padding:12px 14px 40px;display:flex;flex-direction:column;gap:12px}
.row{display:grid;grid-template-columns:268px minmax(0,1fr) 296px;gap:12px;align-items:start}
@media (max-width:1200px){.row{grid-template-columns:244px minmax(0,1fr)}.col-info{grid-column:1/-1}}
@media (max-width:840px){.row{grid-template-columns:1fr}.col-info{grid-column:auto}}
.col{display:flex;flex-direction:column;gap:12px;min-width:0}

.panel{background:var(--panel);border:1px solid var(--rule);min-width:0}
.ph{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:5px 10px;background:var(--head);color:var(--headink);
}
.ph h2{
  margin:0;font-family:"Azeret Mono",monospace;font-size:13px;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;
}
.ph .aux{font-size:13px;opacity:.62}
.ph .btn{border-color:rgba(128,128,140,.4);background:transparent;color:var(--headink)}
.ph .btn[aria-pressed="true"]{background:var(--headink);color:var(--head);border-color:var(--headink)}
.pb{padding:8px 10px}
.pb.flush{padding:0}

/* ---------- 검색 ---------- */
.search{position:relative}
.search input{width:100%;background:var(--field);border:1px solid var(--rule);padding:7px 9px;font-size:13px}
.search input::placeholder{color:var(--muted)}
.results{position:absolute;left:-1px;right:-1px;top:calc(100% + 3px);z-index:30;background:var(--panel);border:1px solid var(--rule);max-height:290px;overflow-y:auto;box-shadow:0 8px 22px rgba(0,0,0,.22)}
.results:empty{display:none}
.rr{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;row-gap:3px;align-items:center;padding:8px 9px;border-bottom:1px solid var(--rule2);width:100%;text-align:left}
.rr:last-child{border-bottom:0}
.rr:hover,.rr[data-on="1"]{background:var(--sel)}
.rr .c{grid-column:1;grid-row:1/3;align-self:start;padding-top:2px;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rr .nm{grid-column:2;grid-row:1;font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rr .sub{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.rr .sub i{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-size:13px;color:var(--muted)}
.rr .pc{flex:none;font-size:13px;white-space:nowrap}
.nores{padding:10px;color:var(--muted);font-size:13px}
.year-live{display:block;margin-top:2px;color:var(--accent);font-size:13px;font-weight:700;white-space:nowrap}

/* ---------- 목록 ---------- */
.wl{width:100%;border-collapse:collapse}
.wl tr{border-bottom:1px solid var(--rule2);cursor:pointer}
.wl tr:last-child{border-bottom:0}
.wl tr:hover{background:var(--hover)}
.wl tr[data-lead="1"]{background:var(--sel);box-shadow:inset 3px 0 0 var(--selrule)}
.wl td{padding:6px 8px;font-size:13px;vertical-align:middle}
.wl td.k{width:15px;padding-right:0}
.wl td.k i{display:block;width:8px;height:8px}
.wl td.nm{color:var(--ink);line-height:1.35}
.wl td.nm b{font-weight:700;font-size:13px}
.wl td.nm em{display:block;margin-top:2px;font-style:normal;color:var(--muted);font-size:13px;line-height:1.4;letter-spacing:.01em}
.wl-select{display:block;width:100%;text-align:left;color:inherit}
.wl td.v,.wl td.p{text-align:right;font-size:13px}
.wl td.v{font-weight:700}
.wl td.x{width:18px;text-align:center}
.wl td.x button{padding:2px 3px;font-size:13px;color:var(--muted)}
.wl td.x button:hover{color:var(--up)}
.wl td.rank,.wl th.rank{display:table-cell;width:38px;min-width:38px;padding:8px 4px 8px 10px;color:var(--accent2);font-family:"Azeret Mono",monospace;font-size:13px;font-weight:800;text-align:center;vertical-align:middle}
.wl td.searches{width:52px;color:var(--muted);font-family:"Azeret Mono",monospace;font-size:13px;text-align:right;white-space:nowrap}
.popular-live{display:inline-flex;align-items:center;gap:5px}.popular-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}
.memodot{color:var(--selrule);font-size:13px;margin-left:3px}
.empty{padding:16px 10px;color:var(--muted);font-size:13px;text-align:center}

/* ---------- 바스켓 ---------- */
.bkrow{display:grid;grid-template-columns:15px 28px 1fr auto;gap:7px;align-items:center;padding:6px 8px;border-bottom:1px solid var(--rule2);width:100%;text-align:left}
.bkrow:last-of-type{border-bottom:0}
.bkrow:hover{background:var(--hover)}
.bkrow i{display:block;width:8px;height:8px;border:1px solid var(--axis)}
.bkrow[data-on="1"] i{border-color:transparent}
.bkrow .c{font-size:13px;color:var(--muted)}
.bkrow .t{min-width:0}
.bkrow .t b{display:block;font-size:13px;font-weight:700}
.bkrow .t span{display:block;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bkrow .p{font-size:13px;font-weight:700}
.weights{border-top:1px solid var(--rule2);padding:9px 10px;display:flex;flex-direction:column;gap:6px}
.wrow{display:grid;grid-template-columns:1fr 54px 34px;gap:8px;align-items:center;font-size:13px}
.wrow input[type=range]{width:100%;accent-color:var(--up);height:14px}
.wrow .pctv{text-align:right;font-size:13px;color:var(--ink2)}
.mini{font-size:13px;color:var(--muted);padding:2px 0;line-height:1.55}
.btn{border:1px solid var(--rule);background:var(--field);padding:4px 9px;font-size:13px;color:var(--ink2)}
.btn:hover{border-color:var(--ink);color:var(--ink)}
.btn[aria-pressed="true"]{background:var(--ink);color:var(--panel);border-color:var(--ink)}

/* ---------- 차트 ---------- */
.chartbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:7px 10px;border-bottom:1px solid var(--rule2)}
.chartbar .lab{font-family:"Azeret Mono",monospace;font-size:13px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}
#chart{position:relative;padding:6px 8px 0}
#chart svg{display:block;width:100%;height:auto;overflow:visible}
.period-chart-message{display:grid;min-height:320px;place-content:center;justify-items:center;gap:13px;padding:34px;color:var(--muted);text-align:center;line-height:1.65}.period-chart-message::before{content:"";width:28px;height:28px;border:3px solid var(--rule);border-top-color:var(--accent);border-radius:50%;animation:period-spin .8s linear infinite}.period-chart-message.has-progress::before,.period-chart-message.is-error::before,.period-chart-message.is-empty::before{display:none}.period-chart-message button{padding:9px 14px;border-radius:10px;background:var(--accent);color:#fff;font-size:13px;font-weight:800}.period-loading-panel{width:min(520px,calc(100vw - 72px));text-align:left}.period-loading-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:13px}.period-loading-head strong{color:var(--ink);font-size:15px}.period-loading-head b{color:var(--accent);font-family:"Azeret Mono",monospace;font-size:24px;line-height:1;font-variant-numeric:tabular-nums}.period-loading-track{position:relative;height:12px;overflow:hidden;border-radius:999px;background:var(--rule2);box-shadow:inset 0 1px 2px rgba(15,23,42,.08)}.period-loading-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#60a5fa);transition:width .6s ease}.period-loading-track i::after{content:"";display:block;width:72px;height:100%;margin-left:auto;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65));animation:period-progress-shine 1.3s ease-in-out infinite}.period-loading-status{display:flex;justify-content:space-between;gap:18px;margin-top:10px;color:var(--muted);font-size:13px}.period-loading-status small:last-child{text-align:right}@keyframes period-spin{to{transform:rotate(360deg)}}@keyframes period-progress-shine{0%,30%{transform:translateX(-120px);opacity:0}65%{opacity:1}100%{transform:translateX(10px);opacity:0}}@media(max-width:560px){.period-chart-message{min-height:280px;padding:24px 18px}.period-loading-panel{width:100%}.period-loading-status{align-items:flex-start;flex-direction:column;gap:3px}.period-loading-status small:last-child{text-align:left}}
#ptable{display:none}
#ptable table.grid{min-width:660px}
.ohlc-o{color:var(--muted)}
.legend{display:flex;flex-wrap:wrap;gap:4px 16px;padding:8px 10px;border-top:1px solid var(--rule2)}
.lgi{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink2)}
.lgi i{width:13px;height:3px;flex:none}
.lgi u{text-decoration:none;font-size:13px;color:var(--muted);border:1px solid var(--rule2);padding:0 3px}
.tip{position:absolute;pointer-events:none;opacity:0;transition:opacity .08s;z-index:20;background:var(--panel);border:1px solid var(--rule);padding:8px 10px;font-size:13px;min-width:160px;box-shadow:0 6px 18px rgba(0,0,0,.24)}
.tip .y{font-weight:700;margin-bottom:5px}
.tip .r{display:flex;justify-content:space-between;gap:10px;line-height:1.7}
.tip .r span{display:inline-flex;align-items:center;gap:6px;color:var(--ink2)}
.tip .r i{width:9px;height:3px;flex:none}
.tip .r b{font-weight:500}
.hintbar{padding:7px 10px;border-top:1px solid var(--rule2);font-size:13px;color:var(--muted)}
.hintbar b{color:var(--ink2);font-weight:700}

/* ---------- 품목정보 ---------- */
.info-hd{padding:10px}
.info-hd .l1{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.info-hd .code{font-size:13px;color:var(--muted)}
.info-hd .nm{font-size:17px;font-weight:800;letter-spacing:-.02em}
.info-hd .l2{margin-top:8px;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.info-hd .price{font-size:30px;font-weight:700;letter-spacing:-.035em;line-height:1}
.info-hd .unit{font-size:13px;color:var(--muted)}
.info-hd .chg{font-size:13px;font-weight:500}

/* 단위 환산 */
.conv{border-top:1px solid var(--rule2);border-bottom:1px solid var(--rule2);background:var(--hover)}
.conv .ct{
  padding:6px 10px 3px;font-family:"Azeret Mono",monospace;font-size:13px;
  letter-spacing:.14em;color:var(--muted);   /* 100g 의 g 가 대문자로 바뀌면 안 되므로 uppercase 금지 */
}
.conv ul{margin:0;padding:0 10px 8px;list-style:none;display:flex;flex-direction:column;gap:3px}
.conv li{display:flex;justify-content:space-between;gap:12px;font-size:13px;align-items:baseline}
.conv li span{color:var(--ink2)}
.conv li b{
  font-family:"Azeret Mono",monospace;font-variant-numeric:tabular-nums;
  font-weight:700;font-size:13px;
}

.kv{width:100%;border-collapse:collapse}
.kv tr{border-bottom:1px solid var(--rule2)}
.kv tr:last-child{border-bottom:0}
.kv th{text-align:left;font-weight:400;color:var(--muted);font-size:13px;padding:5px 10px;white-space:nowrap}
.kv td{text-align:right;padding:5px 10px;font-size:13px}
.srcnote{padding:8px 10px;border-top:1px solid var(--rule2);font-size:13px;color:var(--muted);line-height:1.6}
.tag{font-size:13px;letter-spacing:.08em;border:1px solid var(--rule2);padding:1px 4px;color:var(--muted);white-space:nowrap}
.tag.off{border-color:var(--ink);color:var(--ink);font-weight:700}
.tag.seed{border-color:var(--seedrule);background:var(--seedbg);color:var(--seedink)}

/* ---------- 품목별 공개 댓글 ---------- */
.comment-form{display:grid;grid-template-columns:150px 1fr;gap:8px}
.comment-form input,.comment-form textarea{
  width:100%;border:1px solid var(--rule);border-radius:10px;background:var(--field);
  color:var(--ink);font-family:"Gothic A1",sans-serif;font-size:13px;padding:10px 11px;
}
.comment-form textarea{grid-column:1/-1;min-height:88px;resize:vertical;line-height:1.65}
.comment-form input:focus,.comment-form textarea:focus{border-color:var(--accent);outline:none}
.comment-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}
.comment-actions span{font-size:13px;color:var(--muted)}
.comment-list{margin-top:12px;border-top:1px solid var(--rule2)}
.comment-item{padding:11px 2px;border-bottom:1px solid var(--rule2)}
.comment-item:last-child{border-bottom:0}
.comment-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:5px}
.comment-meta b{font-size:13px}.comment-meta time{font-size:13px;color:var(--muted)}
.comment-meta-side{display:flex;align-items:center;gap:10px}.comment-delete-toggle{min-height:32px;padding:5px 9px;border-radius:8px;color:var(--muted);font-size:13px;font-weight:700}.comment-delete-toggle:hover,.comment-delete-toggle:focus-visible{background:var(--field);color:var(--up);outline:none}.comment-delete-box{display:flex;align-items:flex-end;gap:8px;margin-top:10px;padding:12px;border-radius:10px;background:var(--field)}.comment-delete-field{display:grid;flex:1;gap:5px}.comment-delete-field span,.comment-delete-status{color:var(--muted);font-size:13px}.comment-delete-field input{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--rule);border-radius:9px;background:var(--panel);color:var(--ink);font-size:13px}.comment-delete-field input:focus{border-color:var(--accent);outline:none}.comment-delete-buttons{display:flex;gap:6px}.comment-delete-buttons button{min-height:40px;padding:8px 11px;border:1px solid var(--rule);border-radius:9px;background:var(--panel);color:var(--ink2);font-size:13px;font-weight:800}.comment-delete-buttons [data-comment-delete-confirm]{border-color:rgba(220,38,38,.3);color:var(--up)}.comment-delete-buttons button:disabled{opacity:.55;cursor:wait}.comment-delete-status{display:block;margin-top:7px;color:var(--up)}
.comment-text{margin:0;color:var(--ink2);font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.comment-empty{padding:18px 4px;color:var(--muted);font-size:13px;text-align:center}
@media(max-width:560px){.comment-meta{align-items:flex-start}.comment-meta-side{align-items:flex-end;flex-direction:column;gap:4px}.comment-delete-toggle{min-height:38px}.comment-delete-box{align-items:stretch;flex-direction:column}.comment-delete-buttons button{min-height:44px;flex:1}}

/* ---------- 탭 & 표 ---------- */
.tabs{display:flex;border-bottom:1px solid var(--rule);background:var(--head);overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs button{
  padding:8px 15px;font-size:13px;font-weight:500;color:var(--headink);opacity:.62;
  border-right:1px solid rgba(128,128,140,.24);white-space:nowrap;
}
.tabs button[aria-pressed="true"]{background:var(--panel);color:var(--ink);opacity:1;font-weight:700}
.scroll{overflow-x:auto}
table.grid{border-collapse:collapse;width:100%;font-size:13px;min-width:800px}
table.grid thead th{
  position:sticky;top:0;z-index:2;background:var(--panel);text-align:right;font-weight:500;
  font-family:"Azeret Mono",monospace;font-size:13px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);padding:7px 9px;border-bottom:1px solid var(--rule);white-space:nowrap;cursor:pointer;
}
table.grid th:first-child,table.grid th:nth-child(2),table.grid th:nth-child(3){text-align:left}
table.grid th[data-dir]{color:var(--ink)}
table.grid td{padding:5px 9px;text-align:right;border-bottom:1px solid var(--rule2);white-space:nowrap}
table.grid td.t{text-align:left;font-family:"Gothic A1",sans-serif}
table.grid td.t b{font-weight:700}
table.grid td.t em{font-style:normal;color:var(--muted);font-size:13px;margin-left:5px}
.board-select{display:inline-flex;align-items:center;max-width:100%;text-align:left;color:inherit}
table.grid tbody tr{cursor:pointer}
table.grid tbody tr[data-d="up"] td{background:var(--uptint)}
table.grid tbody tr[data-d="down"] td{background:var(--downtint)}
table.grid tbody tr:hover td{background:var(--hover)}
table.grid tbody tr[data-lead="1"] td{background:var(--sel)}
table.grid td.sp{padding:2px 9px}
table.grid td.sp svg{display:block}
.board-sparse{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:150px;padding:24px 20px;border-top:1px solid var(--rule2);background:linear-gradient(135deg,var(--field),var(--panel))}.board-sparse b{display:block;margin-bottom:6px;font-size:15px}.board-sparse p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.board-sparse button{flex:none;min-height:40px;padding:8px 14px;border-radius:9px;background:var(--accent);color:#fff;font-size:13px;font-weight:800}.board-sparse button:hover{background:var(--accent2)}
@media(max-width:600px){.board-sparse{align-items:stretch;flex-direction:column}.board-sparse button{width:100%}}

/* ---------- 순위 ---------- */
.rankgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(292px,1fr))}
.rankcol{border-right:1px solid var(--rule2);padding-bottom:6px}
.rankcol:last-child{border-right:0}
.rankcol h3{
  margin:0;padding:8px 10px;font-family:"Azeret Mono",monospace;font-size:13px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;
  border-bottom:1px solid var(--rule2);
}
.rkrow{display:grid;grid-template-columns:24px 1fr 66px;gap:8px;align-items:center;padding:4px 10px;width:100%;text-align:left}
.rkrow:hover{background:var(--hover)}
.rkrow .no{font-size:13px;color:var(--muted)}
.rkrow .bar{position:relative;height:18px;display:flex;align-items:center;min-width:0}
.rkrow .bar span{position:absolute;left:0;top:3.5px;height:11px;opacity:.2}
.rkrow .bar em{position:relative;font-style:normal;font-size:13px;padding-left:5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rkrow .pv{text-align:right;font-size:13px;font-weight:700}

/* ---------- 출처 ---------- */
table.src{border-collapse:collapse;width:100%;font-size:13px;min-width:760px}
table.src th{text-align:left;font-weight:500;font-family:"Azeret Mono",monospace;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:7px 9px;border-bottom:1px solid var(--rule);white-space:nowrap}
table.src td{padding:6px 9px;border-bottom:1px solid var(--rule2);vertical-align:top}
table.src td.nw{white-space:nowrap}
pre{margin:0;padding:11px;background:var(--hover);border:1px solid var(--rule2);font-family:"Azeret Mono",monospace;font-size:13px;line-height:1.7;color:var(--ink2);overflow-x:auto}
.foot{max-width:1500px;margin:0 auto;padding:0 14px 30px;font-size:13px;color:var(--muted);line-height:1.75}
@media (prefers-reduced-motion: reduce){*{transition:none!important}}
@media (max-width:840px){
  .top-in{height:auto;flex-wrap:wrap;padding:8px 12px;gap:8px}
  .top-ctl{width:100%;flex-wrap:wrap}
  .tickers{order:3;width:100%;flex-wrap:wrap;overflow:visible}
  .tk{padding:3px 12px 3px 0;border-left:0;border-right:1px solid rgba(128,128,140,.28)}
  .tk:last-child{border-right:0}
}

/* ---------- 2026 UI refresh: 생활물가를 더 쉽고 편안하게 ---------- */
:root{
  --header-h:60px;
  --plane:#f4f6fb;--panel:#ffffff;--head:#111827;--headink:#f8fafc;
  --ink:#172033;--ink2:#4b5568;--muted:#6B7684;--rule:#dfe4ee;
  --rule2:#edf0f5;--grid:#eef2f7;--axis:#c8cfdb;--field:#f8fafc;
  --hover:#f5f7fb;--sel:#eef2ff;--selrule:#6366f1;
  --up:#dc2626;--down:#2563b8;--flat:#6B7684;
  --uptint:rgba(227,72,80,.045);--downtint:rgba(52,120,212,.045);
  --seedbg:#fff8e8;--seedink:#855d15;--seedrule:#f0d697;
  --s1:#6366f1;--s2:#f9734d;--s3:#10a77a;--s4:#e6a214;--s5:#da68a0;--s6:#2d8a55;
  --accent:#6366f1;--accent2:#4f46e5;--shadow:0 12px 32px rgba(23,32,51,.07);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --plane:#0d111b;--panel:#151b27;--head:#090d15;--headink:#f8fafc;
    --ink:#eef2f8;--ink2:#c2cad8;--muted:#a8b1c2;--rule:#2b3445;
    --rule2:#222a39;--grid:#222a39;--axis:#3c4659;--field:#101621;
    --hover:#1b2331;--sel:#24294c;--selrule:#8587ff;
    --seedbg:#2b2417;--seedink:#e4c27d;--seedrule:#554625;
    --accent:#818cf8;--accent2:#a5b4fc;--shadow:0 14px 40px rgba(0,0,0,.22);
  }
}
:root[data-theme="dark"]{
  --plane:#0d111b;--panel:#151b27;--head:#090d15;--headink:#f8fafc;
  --ink:#eef2f8;--ink2:#c2cad8;--muted:#a8b1c2;--rule:#2b3445;
  --rule2:#222a39;--grid:#222a39;--axis:#3c4659;--field:#101621;
  --hover:#1b2331;--sel:#24294c;--selrule:#8587ff;
  --seedbg:#2b2417;--seedink:#e4c27d;--seedrule:#554625;
  --accent:#818cf8;--accent2:#a5b4fc;--shadow:0 14px 40px rgba(0,0,0,.22);
}
body{font-size:16px;line-height:1.6;letter-spacing:-.012em;background:
  radial-gradient(circle at 12% 0%,rgba(99,102,241,.08),transparent 26rem),var(--plane)}
button,input,select,textarea{letter-spacing:-.012em}
.top{background:rgba(17,24,39,.96);border:0;box-shadow:0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(16px)}
.top-in{max-width:1440px;height:60px;padding:0 24px;gap:24px;display:grid;grid-template-columns:auto minmax(0,1fr) auto}
.brand{gap:10px;text-decoration:none}.brand b{font-size:18px;letter-spacing:-.055em}.brand span{font-size:13px;letter-spacing:.2em;color:#a5b4fc}
.main-nav{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0}
.main-nav a{display:flex;align-items:center;min-height:36px;padding:7px 13px;border-radius:9px;color:#aab3c4;font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none}
.main-nav a:hover{background:rgba(255,255,255,.08);color:#fff}.main-nav a[aria-current="page"]{background:#4f46e5;color:#fff}
.app-status{display:flex;align-items:center;gap:7px;color:#cbd5e1;font-size:13px;white-space:nowrap}.app-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.12)}.theme-toggle{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.18);border-radius:9px;color:#fff;font-size:17px}.theme-toggle:hover{background:rgba(255,255,255,.1)}
.menu-button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--rule);border-radius:11px;color:var(--ink2);background:var(--field);box-shadow:0 1px 2px rgba(15,23,42,.06)}
.menu-button:hover,.menu-button:focus-visible{border-color:var(--accent);color:var(--accent);background:var(--sel);outline:none}.menu-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.menu-drawer[hidden]{display:none}.menu-drawer{position:fixed;inset:0;z-index:560}.menu-drawer-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(9,13,24,.58);backdrop-filter:blur(5px)}
.menu-drawer-panel{position:absolute;right:0;top:0;width:min(390px,calc(100% - 24px));height:100%;padding:18px 18px calc(22px + env(safe-area-inset-bottom));overflow:auto;border-left:1px solid var(--rule);background:var(--panel);box-shadow:-24px 0 60px rgba(15,23,42,.24)}
.menu-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:5px 3px 18px}.menu-drawer-head small{display:block;color:var(--accent);font-family:"Azeret Mono",monospace;font-size:12px;font-weight:800;letter-spacing:.12em}.menu-drawer-head strong{display:block;margin-top:2px;color:var(--ink);font-size:23px;letter-spacing:-.05em}.menu-drawer-close{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--field);color:var(--ink);font-size:25px;line-height:1}.menu-drawer-close:hover,.menu-drawer-close:focus-visible{background:var(--hover);color:var(--accent);outline:none}
.menu-data-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;padding:14px 15px;border-radius:14px;background:linear-gradient(135deg,var(--sel),var(--field));color:var(--ink2);font-size:13px}.menu-data-card span{display:flex;align-items:center;gap:8px}.menu-data-card span::before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.13)}.menu-data-card b{color:var(--ink);font-size:13px}
.menu-drawer-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-drawer-nav a{display:flex;min-width:0;min-height:78px;padding:14px;border:1px solid var(--rule2);border-radius:15px;background:var(--panel);color:var(--ink);text-decoration:none;flex-direction:column;justify-content:space-between}.menu-drawer-nav a:hover,.menu-drawer-nav a:focus-visible,.menu-drawer-nav a[aria-current="page"]{border-color:var(--accent);background:var(--sel);outline:none}.menu-drawer-nav b{font-size:15px;letter-spacing:-.03em}.menu-drawer-nav span{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-drawer-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:14px 3px 0;border-top:1px solid var(--rule2)}.menu-drawer-foot button{min-height:40px;padding:8px 12px;border-radius:11px;background:var(--field);color:var(--ink2);font-size:13px;font-weight:750}.menu-drawer-foot a{color:var(--muted);font-size:13px;font-weight:700;text-decoration:none}body.menu-open{overflow:hidden}
.marketbar{background:var(--panel);border-bottom:1px solid var(--rule)}
.marketbar-in{max-width:1440px;min-height:62px;margin:0 auto;padding:8px 24px;display:flex;align-items:center;gap:16px}
.marketbar .tickers{flex:1}.marketbar .tk{color:var(--ink);border-left-color:var(--rule);padding:3px 13px}.marketbar .tk:first-child{border-left:0;padding-left:0}
.marketbar .top-ctl{padding-left:14px;border-left:1px solid var(--rule)}
.toolbar-label{color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.08em;white-space:nowrap}
.tk{padding:5px 16px;border-left-color:rgba(255,255,255,.11)}
.tk .n{font-size:13px}.tk .v{font-size:14px}.tk .d{font-size:13px}
.top-ctl{gap:8px}.top-ctl>label{padding-left:4px}.marketbar .seg{border-radius:9px;overflow:hidden}
.marketbar .seg button{min-height:32px;padding:5px 10px;font-size:13px}
.marketbar select{min-height:32px;border-radius:8px;padding:4px 8px}
.intro{max-width:1440px;margin:0 auto;padding:46px 24px 28px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(460px,.8fr);gap:48px;align-items:end}
.intro-copy{max-width:720px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--accent2);font-family:"Azeret Mono",monospace;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.eyebrow::before{content:"";width:24px;height:2px;background:var(--accent)}
.intro h1{margin:0;font-size:clamp(34px,4vw,58px);font-weight:800;line-height:1.12;letter-spacing:-.065em;color:var(--ink)}
.intro h1 em{font-style:normal;color:var(--accent2)}
.intro p{max-width:610px;margin:17px 0 0;color:var(--ink2);font-size:15px;line-height:1.75;word-break:keep-all}
.quick-guide{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);background:var(--panel);border:1px solid var(--rule);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
.quick-guide li{min-height:118px;padding:20px 18px;border-right:1px solid var(--rule2)}.quick-guide li:last-child{border-right:0}
.quick-guide small{display:block;margin-bottom:9px;color:var(--accent);font-family:"Azeret Mono",monospace;font-size:13px;font-weight:700;letter-spacing:.14em}
.quick-guide b{display:block;margin-bottom:6px;color:var(--ink);font-size:13px}.quick-guide span{display:block;color:var(--muted);font-size:13px;line-height:1.5;word-break:keep-all}
.strip{max-width:1392px;margin:14px auto 0;background:var(--seedbg);border:1px solid var(--seedrule);border-radius:12px;color:var(--seedink)}
.strip-in{max-width:none;padding:10px 14px;align-items:center}.strip .tag{flex:none}.strip span:last-child{line-height:1.55}
.page-head{max-width:1440px;margin:0 auto;padding:28px 24px 4px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.page-head small{display:block;margin-bottom:5px;color:var(--accent);font-family:"Azeret Mono",monospace;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.page-head h1{margin:0;color:var(--ink);font-size:clamp(23px,3vw,34px);line-height:1.2;letter-spacing:-.05em}.page-head p{max-width:720px;margin:7px 0 0;color:var(--muted);font-size:15px;line-height:1.65;word-break:keep-all}
.shell{max-width:1440px;padding:14px 24px 48px;gap:16px}
#dashboard,#item-search,#data-panel{scroll-margin-top:76px}
.row{grid-template-columns:260px minmax(0,1fr) 292px;gap:16px}.col-info{position:sticky;top:calc(var(--header-h) + 16px)}
.col{gap:16px}.panel{border-color:var(--rule);border-radius:15px;box-shadow:var(--shadow);overflow:hidden}
.panel.search-panel{position:relative;z-index:35;overflow:visible}
.ph{min-height:48px;padding:11px 14px;background:var(--panel);color:var(--ink);border-bottom:1px solid var(--rule2)}
.ph h2{font-family:"Gothic A1",sans-serif;font-size:13px;font-weight:800;letter-spacing:-.025em;text-transform:none}
.chart-item-title{display:inline-flex;align-items:center;gap:6px;margin-right:2px;font-weight:800}
.chart-item-title i{display:inline-block;width:14px;height:4px;border-radius:999px;flex:none}
.ph .aux{font-size:13px;color:var(--muted);opacity:1}.ph .btn{border-color:var(--rule);background:var(--field);color:var(--ink2)}
.ph .btn[aria-pressed="true"]{background:var(--accent);color:white;border-color:var(--accent)}
.pb{padding:12px 14px}.pb.flush{padding:0}
.search input{min-height:43px;border-color:var(--rule);border-radius:10px;padding:9px 12px;background:var(--field);font-size:15px}
.results{top:calc(100% + 6px);border-color:var(--rule);border-radius:12px;box-shadow:0 16px 38px rgba(23,32,51,.16);overflow-x:hidden;overflow-y:auto}
.rr{padding:9px 11px}.wl td{padding:8px 10px}.wl td.nm b{font-size:13px}.wl tr[data-lead="1"]{box-shadow:inset 3px 0 0 var(--accent)}
.bkrow{padding:8px 10px}.weights{padding:12px 14px}.btn{min-height:31px;border-color:var(--rule);border-radius:8px;padding:5px 10px;background:var(--field)}
.btn:hover{border-color:var(--accent);color:var(--accent)}
.seg{border-color:var(--rule);border-radius:9px;overflow:hidden}.seg button{min-height:32px;padding:5px 11px;border-right-color:var(--rule);font-size:13px}
.seg button[aria-pressed="true"]{background:var(--accent);color:#fff}.chartbar{padding:10px 14px;gap:10px 12px;background:var(--field)}
.chartbar .lab{font-size:13px;letter-spacing:.12em}#intervalControls{display:flex;align-items:center;gap:10px}#intervalControls[hidden]{display:none}#chart{padding:14px 14px 2px}.legend{padding:10px 14px;gap:7px 18px}.hintbar{padding:10px 14px;background:var(--field)}
.tip{border-color:var(--rule);border-radius:10px;box-shadow:0 12px 32px rgba(23,32,51,.16)}
.info-hd{padding:16px 14px}.info-hd .nm{font-size:19px}.info-hd .price{font-size:34px}.info-hd .l2{margin-top:10px}
.favorite-row{display:flex;justify-content:flex-end;margin-top:10px}
.favorite-btn{min-height:36px;padding:7px 12px;border:1px solid var(--accent);border-radius:9px;background:var(--panel);color:var(--accent2);font-size:13px;font-weight:800}
.favorite-btn:hover{background:var(--sel)}.favorite-btn[data-saved="true"]{background:var(--accent);color:#fff}.favorite-btn:disabled{opacity:.55;cursor:wait}
.conv{border-color:var(--rule2)}.kv th,.kv td{padding:7px 14px}.srcnote{padding:10px 14px}
.tabs{padding:6px;background:var(--field);border-bottom-color:var(--rule);gap:3px}.tabs button{padding:9px 14px;border:0;border-radius:8px;color:var(--ink2);opacity:1}
.tabs button[aria-pressed="true"]{background:var(--panel);color:var(--accent2);box-shadow:0 2px 8px rgba(23,32,51,.08)}
table.grid th{top:var(--header-h);padding:10px 11px;background:var(--field);font-family:"Gothic A1",sans-serif;font-size:13px;letter-spacing:0;text-transform:none}
table.grid td,table.grid tbody th{padding:8px 11px;border-bottom:1px solid var(--rule2);white-space:nowrap}table.grid tbody th{text-align:left;background:var(--panel);font-family:"Gothic A1",sans-serif;font-size:13px;letter-spacing:0;text-transform:none}.rankcol h3{font-family:"Gothic A1",sans-serif;font-size:13px;letter-spacing:0;text-transform:none;padding:10px 12px}.rkrow{padding:7px 12px}
.year-comparison-grid th:not(:first-child):not(:last-child),.context-grid th:nth-child(n+2):not(:last-child){text-align:right}
.year-comparison-grid th:last-child,.context-grid th:last-child{text-align:left}
.year-comparison-grid td,.context-grid td{font-variant-numeric:tabular-nums}
.grid th small{display:block;margin-top:2px;color:var(--muted);font-size:13px;font-weight:400}.president-cell{min-width:132px;color:var(--ink2)}
.context-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:15px 16px;background:linear-gradient(90deg,var(--sel),var(--panel));border-bottom:1px solid var(--rule2)}
.context-head b{font-size:13px;color:var(--ink)}.context-head span{max-width:720px;color:var(--muted);font-size:13px;line-height:1.65}.context-grid{min-width:650px}
.sr-only,.selection-live,table caption{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.context-sources{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.context-sources a{display:block;padding:12px 14px;border:1px solid var(--rule);border-radius:10px;color:var(--ink2);text-decoration:none;background:var(--field)}.context-sources a:hover{border-color:var(--accent);color:var(--accent)}.context-sources b{display:block;color:var(--ink);margin-bottom:2px}
.glossary-term{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.help-dot{position:relative;display:inline-grid;place-items:center;width:24px;height:24px;padding:0;border:0;background:transparent;color:var(--accent2);font-family:"Azeret Mono",monospace;font-size:13px;font-style:normal;font-weight:800;line-height:1;vertical-align:middle;cursor:help;box-sizing:border-box}
.help-dot::before{content:"";position:absolute;width:18px;height:18px;border:1px solid var(--rule);border-radius:50%;background:var(--field);z-index:-1}
.help-dot:hover::before,.help-dot:focus-visible::before{border-color:var(--accent);background:var(--sel)}
.help-dot:focus-visible{outline:2px solid #4f46e5;outline-offset:2px;border-radius:4px}
.glossary-tooltip{position:fixed;left:0;top:0;z-index:300;width:max-content;max-width:min(310px,calc(100vw - 24px));padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#111827;color:#f8fafc;box-shadow:0 14px 38px rgba(15,23,42,.28);font-size:13px;font-weight:500;line-height:1.65;letter-spacing:-.01em;word-break:keep-all;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease}
.glossary-tooltip[data-show="true"]{opacity:1;transform:translateY(0)}
.auth-modal[hidden]{display:none}.auth-modal{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:18px}
.auth-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.62);backdrop-filter:blur(5px)}
.auth-card{position:relative;z-index:1;width:min(420px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid var(--rule);border-radius:18px;background:var(--panel);box-shadow:0 28px 70px rgba(15,23,42,.3);padding:24px}
.auth-close{position:absolute;right:16px;top:13px;width:34px;height:34px;border-radius:9px;color:var(--muted);font-size:21px}.auth-close:hover{background:var(--hover);color:var(--ink)}
.auth-card h2{margin:0 42px 7px 0;font-size:22px;letter-spacing:-.04em}.auth-card>.auth-desc{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.65}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid var(--rule);border-radius:10px;background:var(--field);margin-bottom:16px}.auth-tabs button{min-height:34px;border-radius:7px;color:var(--muted);font-size:13px;font-weight:700}.auth-tabs button[aria-pressed="true"]{background:var(--panel);color:var(--accent2);box-shadow:0 2px 8px rgba(23,32,51,.09)}
.auth-form{display:grid;gap:12px}.auth-field{display:grid;gap:6px}.auth-field>span{font-size:13px;font-weight:700;color:var(--ink2)}
.auth-field input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--rule);border-radius:10px;background:var(--field);font-size:13px}.auth-field input:focus{border-color:var(--accent);outline:none}
.auth-consent{display:flex;align-items:flex-start;gap:8px;color:var(--ink2);font-size:13px;line-height:1.55}.auth-consent input{margin-top:2px;accent-color:var(--accent)}
.auth-notice{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.auth-error{min-height:18px;color:var(--up);font-size:13px;line-height:1.55}
.auth-submit{min-height:44px;border-radius:10px;background:var(--accent);color:#fff;font-size:13px;font-weight:800}.auth-submit:hover{background:var(--accent2)}.auth-submit:disabled{opacity:.55;cursor:wait}
.auth-account{display:grid;gap:12px}.auth-account[hidden]{display:none}.auth-account strong{font-size:13px}.auth-account p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.auth-account .btn{justify-self:start}.auth-policy-links{display:flex;gap:12px;flex-wrap:wrap}.auth-policy-links button{color:var(--accent2);font-size:13px;font-weight:700;text-decoration:underline}
body.auth-open,body.site-modal-open{overflow:hidden}
.site-footer{margin-top:26px;border-top:1px solid var(--rule);background:var(--panel)}.site-footer-in{max-width:1392px;margin:0 auto;padding:22px 24px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}.site-footer-brand b{display:block;margin-bottom:4px;font-size:15px}.site-footer-brand span{color:var(--muted);font-size:13px}.site-footer-links{display:flex;align-items:center;justify-content:flex-end;gap:4px 18px;flex-wrap:wrap}.site-footer-links button{padding:7px 0;color:var(--ink2);font-size:13px;font-weight:700}.site-footer-links button:hover,.site-footer-links button:focus-visible{color:var(--accent2);outline:none;text-decoration:underline}
.site-modal[hidden]{display:none}.site-modal{position:fixed;inset:0;z-index:520;display:grid;place-items:center;padding:18px}.site-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.62);backdrop-filter:blur(5px)}.site-modal-card{position:relative;z-index:1;width:min(680px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:25px;border:1px solid var(--rule);border-radius:18px;background:var(--panel);box-shadow:0 28px 70px rgba(15,23,42,.3)}.site-modal-close{position:absolute;right:15px;top:13px;width:36px;height:36px;border-radius:9px;color:var(--muted);font-size:22px}.site-modal-close:hover{background:var(--hover);color:var(--ink)}.site-modal-panel[hidden]{display:none}.site-modal-panel h2{margin:0 44px 9px 0;font-size:22px;letter-spacing:-.04em}.site-modal-panel>p{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.75}.modal-info-list{display:grid;gap:0;border-top:1px solid var(--rule2)}.modal-info-list div{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--rule2);font-size:13px;line-height:1.65}.modal-info-list b{color:var(--ink)}.modal-info-list span{color:var(--ink2)}.method-title{margin:20px 0 10px;font-size:15px}.method-flow{margin:0;padding:0;list-style:none;counter-reset:method;display:grid;gap:8px}.method-flow li{counter-increment:method;display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start;padding:11px 12px;border-radius:10px;background:var(--field);color:var(--ink2);font-size:13px;line-height:1.65}.method-flow li:before{content:counter(method);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-family:"Azeret Mono",monospace;font-size:13px;font-weight:800}.method-flow b{color:var(--ink)}.method-note{margin-top:13px!important;padding:12px 14px;border-left:3px solid var(--accent);border-radius:0 9px 9px 0;background:var(--sel);color:var(--ink2)!important}.privacy-list{margin:0;padding:0;list-style:none;display:grid;gap:11px}.privacy-list li{padding:12px 14px;border-radius:10px;background:var(--field);color:var(--ink2);font-size:13px;line-height:1.7}.privacy-list b{color:var(--ink)}
.terms-document{display:grid;gap:18px;color:var(--ink2);font-size:14px;line-height:1.75}.terms-summary{margin:0;padding:13px 15px;border-radius:11px;background:var(--field);color:var(--ink2)}.terms-document section{padding-top:17px;border-top:1px solid var(--rule2)}.terms-document h3{margin:0 0 8px;color:var(--ink);font-size:15px;letter-spacing:-.02em}.terms-document p{margin:0}.terms-document ol,.terms-document ul{margin:8px 0 0;padding-left:20px}.terms-document li+li{margin-top:5px}.terms-effective{display:flex;justify-content:space-between;gap:12px;padding-top:17px!important;border-top:1px solid var(--rule2);color:var(--muted)!important;font-size:13px!important}
.privacy-consent-document{margin-top:20px}.privacy-consent-document section p+p{margin-top:10px}.privacy-consent-document section ul+p{margin-top:12px}
.contact-form{display:grid;gap:12px}.contact-form textarea{width:100%;min-height:180px;resize:vertical;padding:12px 13px;border:1px solid var(--rule);border-radius:10px;background:var(--field);font-size:13px;line-height:1.7}.contact-form textarea:focus{border-color:var(--accent);outline:none}.contact-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.contact-state{font-size:13px;color:var(--muted);line-height:1.55}.contact-submit{min-height:42px;flex:none;padding:8px 16px;border-radius:9px;background:var(--ink);color:var(--panel);font-size:13px;font-weight:800}.contact-submit:disabled{opacity:.55;cursor:wait}.sources-links{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sources-links a{padding:11px 12px;border:1px solid var(--rule2);border-radius:9px;background:var(--field);color:var(--ink2);font-size:13px;text-decoration:none}.sources-links a:hover{border-color:var(--accent);color:var(--accent2)}.source-principle{margin-top:14px!important;padding-top:13px;border-top:1px solid var(--rule2)}
.year-rank-page{display:none;max-width:1392px;margin:0 auto;padding:14px 24px 48px}.year-rank-panel{overflow:hidden;border:1px solid var(--rule);border-radius:16px;background:var(--panel);box-shadow:var(--shadow)}.year-rank-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--rule2)}.year-rank-head h2{margin:0 0 6px;font-size:18px}.year-rank-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.year-rank-head p a{color:var(--accent2);font-weight:700;text-decoration:none}.year-rank-head p a:hover{text-decoration:underline}.year-rank-head .tag{flex:none}.year-rank-scroll{overflow-x:auto}.year-rank-table{width:100%;border-collapse:collapse;min-width:860px}.year-rank-table th{position:sticky;top:var(--header-h);z-index:2;padding:10px 14px;background:var(--field);color:var(--muted);font-size:13px;font-weight:600;text-align:right}.year-rank-table th:nth-child(2),.year-rank-table th:nth-child(3){text-align:left}.year-rank-table td{padding:11px 14px;border-top:1px solid var(--rule2);font-size:13px;text-align:right}.year-rank-table td:nth-child(2),.year-rank-table td:nth-child(3){text-align:left}.year-rank-table tbody tr{cursor:pointer;transition:background .15s ease}.year-rank-table tbody tr:hover td{background:var(--field)}.year-rank-table tr[data-top="true"] td{background:var(--sel)}.year-rank-table tr[data-ready="false"] td{color:var(--muted)}.year-rank-table tr[data-ready="false"] .year-rank-name b{color:var(--ink)}.year-rank-no{color:var(--accent2);font-family:"Azeret Mono",monospace;font-weight:800}.year-rank-no.pending{color:var(--muted);font-family:inherit;font-size:13px}.year-rank-name b{display:block;font-size:13px}.year-rank-name span,.year-rank-source{color:var(--muted);font-size:13px}.year-rank-select{display:block;width:100%;text-align:left;color:inherit}.year-rank-rate{font-weight:800}.change-kind{display:inline-flex;min-width:42px;justify-content:center;padding:3px 7px;border-radius:999px;font-size:13px;font-weight:800}.change-kind.up{background:rgba(220,38,38,.09)}.change-kind.down{background:rgba(37,99,184,.1)}.change-kind.flat{background:var(--field)}.year-rank-collecting{text-align:center!important;color:var(--muted);font-size:13px}.year-rank-empty{padding:46px 20px;text-align:center;color:var(--muted);font-size:13px}
.admin-page{display:none;max-width:1180px;margin:0 auto;padding:42px 24px 64px}.admin-login{max-width:390px;margin:8vh auto 0;padding:26px;border:1px solid var(--rule);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}
.admin-login h1{margin:0 0 7px;font-size:25px;letter-spacing:-.05em}.admin-login p{margin:0 0 18px;color:var(--muted);font-size:13px}.admin-login form{display:grid;gap:10px}.admin-login input{min-height:44px;padding:10px 12px;border:1px solid var(--rule);border-radius:10px;background:var(--field)}.admin-login button{min-height:42px;border-radius:10px;background:var(--accent);color:#fff;font-weight:800}.admin-error{min-height:17px;color:var(--up);font-size:13px}
.admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.admin-head h1{margin:0 0 5px;font-size:28px;letter-spacing:-.05em}.admin-head p{margin:0;color:var(--muted);font-size:13px}.admin-head-actions{display:flex;gap:8px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.admin-stat{padding:16px;border:1px solid var(--rule);border-radius:13px;background:var(--panel)}.admin-stat span{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.admin-stat b{font-size:24px}
.admin-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:14px}.admin-panel{border:1px solid var(--rule);border-radius:14px;background:var(--panel);overflow:hidden}.admin-panel h2{margin:0;padding:14px 16px;border-bottom:1px solid var(--rule2);font-size:14px}.trend-list{padding:12px 16px;display:grid;gap:7px}.trend-day{border-radius:10px}.trend-row{display:grid;width:100%;grid-template-columns:74px minmax(80px,1fr) 74px 74px;gap:9px;align-items:center;padding:4px 6px;border-radius:8px;color:var(--ink2);font-size:13px;text-align:left;cursor:pointer}.trend-row:hover,.trend-row[aria-expanded="true"]{background:var(--field)}.trend-date:before{content:"›";display:inline-block;margin-right:5px;color:var(--muted);font-weight:900;transition:transform .16s}.trend-row[aria-expanded="true"] .trend-date:before{transform:rotate(90deg);color:var(--accent)}.trend-bar{height:9px;border-radius:999px;background:var(--field);overflow:hidden}.trend-bar i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.trend-row strong,.trend-row em{font-style:normal;text-align:right}.visit-detail[hidden]{display:none}.visit-detail{margin:5px 6px 10px;padding:10px;border:1px solid var(--rule2);border-radius:9px;background:var(--field)}.visit-detail-note{margin:0 0 8px;color:var(--muted);font-size:12px}.visit-log-head,.visit-log-row{display:grid;grid-template-columns:72px 124px minmax(160px,1.2fr) minmax(120px,.8fr);gap:10px;align-items:start}.visit-log-head{padding:0 7px 6px;color:var(--muted);font-size:11px;font-weight:700}.visit-log-row{padding:7px;border-top:1px solid var(--rule2);font-size:12px;line-height:1.45}.visit-log-row code{color:var(--ink);font-family:"Azeret Mono",monospace;font-size:11px;overflow-wrap:anywhere}.visit-log-referrer{min-width:0;overflow:hidden;color:var(--ink2);text-overflow:ellipsis;white-space:nowrap}.visit-detail .admin-empty{padding:16px 8px}.inquiry-list{max-height:620px;overflow:auto}.inquiry-card{padding:14px 16px;border-bottom:1px solid var(--rule2)}.inquiry-card:last-child{border-bottom:0}.inquiry-card[data-status="unread"]{background:var(--sel)}.inquiry-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;color:var(--muted);font-size:13px}.inquiry-card p{margin:0 0 9px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink2);font-size:13px;line-height:1.7}.inquiry-card button{font-size:13px;color:var(--accent2);font-weight:700}.admin-empty{padding:30px 16px;text-align:center;color:var(--muted);font-size:13px}
body[data-page="admin"] .marketbar,body[data-page="admin"] .strip,body[data-page="admin"] .page-head,body[data-page="admin"] .shell,body[data-page="admin"] .site-footer{display:none}
body[data-page="admin"] .admin-page{display:block}body[data-page="admin"] .main-nav,body[data-page="admin"] .app-status{display:none}body[data-page="admin"] .top-in{grid-template-columns:1fr}
body[data-page="ranking"] .shell{display:none}body[data-page="ranking"] .year-rank-page{display:block}
.route-only{display:none}
body[data-page="dashboard"] #data-panel{display:none}
body[data-page="search"] #watch-panel,body[data-page="search"] #basket-panel,body[data-page="search"] #comments-panel,body[data-page="search"] #data-panel{display:none}
body[data-page="search"] .row{grid-template-columns:300px minmax(0,1fr) 292px}
body[data-page="market"] #dashboard,body[data-page="years"] #dashboard,body[data-page="binge"] #dashboard,body[data-page="context"] #dashboard,body[data-page="src"] #dashboard{display:none}
body[data-page="market"] #tabs [data-tab="years"],body[data-page="market"] #tabs [data-tab="context"],body[data-page="market"] #tabs [data-tab="src"]{display:none}
body[data-page="years"] #data-panel .tabs,body[data-page="binge"] #data-panel .tabs,body[data-page="context"] #data-panel .tabs,body[data-page="src"] #data-panel .tabs{display:none}
body[data-page="market"] #data-panel,body[data-page="years"] #data-panel,body[data-page="binge"] #data-panel,body[data-page="context"] #data-panel,body[data-page="src"] #data-panel{min-height:420px}
.tag{border-radius:999px;padding:2px 6px;letter-spacing:0}.foot{max-width:1440px;padding:0 24px 36px;line-height:1.8}
:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}
.skip-link{position:fixed;left:12px;top:8px;z-index:1000;transform:translateY(-140%);padding:10px 14px;border-radius:8px;background:#fff;color:#111827;font-weight:800;box-shadow:0 6px 20px rgba(0,0,0,.2)}.skip-link:focus{transform:translateY(0)}
@media(max-width:1200px){.marketbar-in{align-items:flex-start;flex-wrap:wrap}.marketbar .tickers{width:100%;flex-basis:100%}.marketbar .top-ctl{border-left:0;padding-left:0}.row{grid-template-columns:240px minmax(0,1fr)}.col-info{position:static;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:840px){
  :root{--header-h:0px}
  .top{position:static}.top-in{height:auto;min-height:60px;padding:10px 16px;display:flex;flex-wrap:wrap;gap:8px 14px}.brand{margin-right:auto}.app-status{font-size:13px}.main-nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;padding-top:5px;border-top:1px solid rgba(255,255,255,.08);scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav a{padding:6px 11px}
  .marketbar-in{padding:9px 16px}.marketbar .top-ctl{width:100%;overflow-x:auto;flex-wrap:nowrap}.top-ctl>label,.toolbar-label{flex:none}.tickers{flex-wrap:nowrap;overflow-x:auto}.marketbar .tk{padding-right:12px;border-right:1px solid var(--rule)}
  .strip{margin:12px 16px 0}.strip-in{align-items:flex-start}.page-head{padding:22px 16px 3px}.shell{padding:12px 16px 36px}.row,body[data-page="search"] .row{grid-template-columns:1fr}.col-info{grid-column:auto;display:flex}.panel{border-radius:13px}.chartbar{align-items:flex-start}.chartbar .lab{width:100%}#chart{padding-left:6px;padding-right:6px}.foot{padding:0 16px 28px}.context-head{display:block}.context-head span{display:block;margin-top:5px}.context-sources{grid-template-columns:1fr}
}
@media(max-width:1000px){.contact{grid-template-columns:1fr}}
@media(max-width:840px){.admin-grid{grid-template-columns:1fr}.admin-stats{grid-template-columns:1fr 1fr}.trend-row{grid-template-columns:66px minmax(70px,1fr) 58px 58px}.visit-detail{overflow-x:auto}.visit-log-head,.visit-log-row{min-width:620px}.site-footer-in{align-items:flex-start;flex-direction:column}.site-footer-links{justify-content:flex-start}}
@media(max-width:480px){.brand span{display:none}.app-status span{display:none}.seg button{padding-left:9px;padding-right:9px}.info-hd .price{font-size:30px}.comment-form{grid-template-columns:1fr}.admin-page{padding:28px 16px}.admin-stats{grid-template-columns:1fr}.admin-head{display:block}.admin-head-actions{margin-top:12px}.site-footer-in{padding:20px 16px 24px}.site-footer-links{gap:2px 14px}.site-modal{padding:10px}.site-modal-card{padding:22px 17px;max-height:calc(100vh - 20px)}.modal-info-list div{grid-template-columns:1fr;gap:3px}.sources-links{grid-template-columns:1fr}.contact-actions{align-items:stretch;flex-direction:column}.contact-submit{width:100%}}

/* ---------- 2026 item-first redesign ---------- */
:root{
  --plane:#f3f5fa;--panel:#fff;--ink:#111827;--ink2:#465166;--muted:#6B7684;
  --rule:#dde3ee;--rule2:#edf0f6;--field:#f7f8fb;--hover:#f0f3f9;
  --sel:#eef0ff;--accent:#5b5ce2;--accent2:#4647c9;
  --shadow:0 16px 50px rgba(27,39,72,.08);--card-radius:24px;
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--plane:#0b1020;--panel:#11182a;--ink:#f4f6fb;--ink2:#c6cede;--muted:#99a5ba;--rule:#273249;--rule2:#202a3d;--field:#151e32;--hover:#1a2438;--sel:#242853;--accent:#8b8cff;--accent2:#a7a8ff}}
:root[data-theme="dark"]{--plane:#0b1020;--panel:#11182a;--ink:#f4f6fb;--ink2:#c6cede;--muted:#99a5ba;--rule:#273249;--rule2:#202a3d;--field:#151e32;--hover:#1a2438;--sel:#242853;--accent:#8b8cff;--accent2:#a7a8ff}
html{scroll-behavior:auto}
body,button,input,select,textarea{font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}
.n,.wl td.v,.wl td.p,.tk .v,.tk .d,.rr .c,.rr .pc,.bkrow .c,.bkrow .p,.info-hd .price,.info-hd .chg,.info-hd .code,.kv td,.rkrow .no,.rkrow .pv,table.grid td,.wrow .pctv,.tip .y,.tip .r b{font-family:"Pretendard Variable",Pretendard,sans-serif;font-variant-numeric:tabular-nums}
body{background:radial-gradient(circle at 8% -10%,rgba(91,92,226,.12),transparent 34rem),var(--plane);font-size:16px;letter-spacing:-.018em}
.top{background:rgba(255,255,255,.9);border-bottom:1px solid rgba(221,227,238,.9);box-shadow:none;backdrop-filter:blur(18px)}
:root[data-theme="dark"] .top{background:rgba(11,16,32,.9)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .top{background:rgba(11,16,32,.9)}}
.top-in{max-width:1320px;height:72px;padding:0 24px;grid-template-columns:auto minmax(0,1fr) auto;gap:28px}
.brand{color:var(--ink)}.brand b{font-size:20px}.brand span{color:var(--accent);font-size:13px;font-weight:700}
.main-nav{gap:6px}.main-nav a{min-height:42px;padding:9px 15px;border-radius:12px;color:var(--muted);font-size:14px;font-weight:700}
.main-nav a:hover{background:var(--hover);color:var(--ink)}.main-nav a[aria-current="page"]{background:var(--ink);color:var(--panel)}
.app-status{color:var(--muted);font-size:13px}.account-btn,.theme-toggle{border-color:var(--rule);color:var(--ink);background:var(--panel)}
.account-btn{min-height:38px;padding:8px 12px;border-radius:11px}.theme-toggle{width:38px;height:38px;border-radius:11px}.theme-toggle:hover,.account-btn:hover{background:var(--hover);border-color:var(--accent);color:var(--accent2)}
.marketbar{border:0;background:transparent}.marketbar-in{max-width:1280px;min-height:56px;margin:14px auto 0;padding:8px 16px;border:1px solid var(--rule);border-radius:16px;background:var(--panel);box-shadow:0 7px 26px rgba(27,39,72,.05)}
.marketbar .tk{padding:3px 16px}.marketbar .tk:first-child{padding-left:0}.marketbar .top-ctl{padding-left:16px}.toolbar-label{font-size:13px}.marketbar .seg button,.marketbar select{min-height:36px}
.strip{max-width:1280px;margin-top:12px;border-radius:14px}.strip-in{padding:11px 16px}
.page-head{max-width:1280px;padding:40px 0 12px}.page-head small{font-size:13px}.page-head h1{font-size:clamp(30px,4vw,46px)}.page-head p{font-size:16px}
.shell{max-width:1280px;padding:24px 0 72px;gap:24px}
.panel{border:1px solid var(--rule);border-radius:var(--card-radius);box-shadow:var(--shadow)}
.ph{min-height:64px;padding:16px 22px;border-bottom:1px solid var(--rule2)}.ph h2{font-size:17px}.ph .aux{font-size:13px}
.pb{padding:18px 22px}.btn,.seg,.seg button,input,select,textarea{border-radius:12px}
.seg{padding:4px;gap:3px;background:var(--field);border:1px solid var(--rule)}.seg button{min-height:38px;padding:8px 14px;border:0!important;font-size:14px}.seg button[aria-pressed="true"]{box-shadow:0 4px 12px rgba(91,92,226,.24)}

body[data-page="dashboard"] .page-head{display:none}
body[data-page="dashboard"] .shell{padding-top:30px}
body[data-page="dashboard"] .row{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
body[data-page="dashboard"] .row>.col{display:contents}
body[data-page="dashboard"] #info-panel{position:relative;isolation:isolate;grid-column:1/-1;order:1;min-height:390px;overflow:hidden;border:0;background:#10172a url('/hero-v2.png') center/cover no-repeat;color:#fff;box-shadow:0 28px 80px rgba(19,27,55,.2)}
body[data-page="dashboard"] #info-panel::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,13,29,.98) 0%,rgba(7,13,29,.84) 44%,rgba(7,13,29,.22) 78%,rgba(7,13,29,.08) 100%)}
body[data-page="dashboard"] #info-panel::after{content:attr(data-item);position:absolute;right:34px;bottom:-24px;z-index:-1;max-width:54%;overflow:hidden;color:rgba(255,255,255,.07);font-size:clamp(82px,12vw,176px);font-weight:900;line-height:1;white-space:nowrap;letter-spacing:-.08em}
body[data-page="dashboard"] #info-panel>.ph{min-height:auto;padding:28px 32px 0;border:0;background:transparent;color:#fff}
body[data-page="dashboard"] #info-panel>.ph h2{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#a5b4fc}
body[data-page="dashboard"] #info-panel>.ph .aux{color:#d5daea}
body[data-page="dashboard"] #info{max-width:820px;padding:8px 32px 32px}
body[data-page="dashboard"] .info-hd{padding:0;background:transparent}
body[data-page="dashboard"] .info-hd .l1{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
body[data-page="dashboard"] .info-hd .code{color:#a5b4fc;font-size:14px}
body[data-page="dashboard"] .info-hd .nm{display:block;width:100%;margin-top:6px;color:#fff;font-size:clamp(40px,6vw,72px);font-weight:850;line-height:1.02;letter-spacing:-.065em}
body[data-page="dashboard"] .info-hd .tag{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(10px)}
body[data-page="dashboard"] .info-hd .l2{display:flex;align-items:flex-end;gap:12px;margin-top:24px}
body[data-page="dashboard"] .info-hd .price{color:#fff;font-size:clamp(44px,6vw,70px);font-weight:850;line-height:.95;letter-spacing:-.06em}
body[data-page="dashboard"] .info-hd .unit{padding-bottom:7px;color:#d6dcec;font-size:16px}
body[data-page="dashboard"] .info-hd .chg{padding-bottom:7px;font-size:16px;font-weight:800}
body[data-page="dashboard"] .favorite-row{position:absolute;right:32px;top:74px;margin:0}.favorite-btn{min-height:46px;padding:10px 17px;border:1px solid rgba(255,255,255,.4);border-radius:14px;background:rgba(12,20,44,.46);color:#fff;backdrop-filter:blur(12px)}.favorite-btn:hover{background:#fff;color:#3032ad}
body[data-page="dashboard"] .info-hd>div:last-child{display:none}
body[data-page="dashboard"] #info>.conv,body[data-page="dashboard"] #info>.kv,body[data-page="dashboard"] #info>.srcnote{display:none}
.hero-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px}.hero-metric{padding:14px 16px;border:1px solid rgba(255,255,255,.15);border-radius:15px;background:rgba(15,25,54,.48);backdrop-filter:blur(14px)}.hero-metric span{display:block;margin-bottom:5px;color:#b9c3d9;font-size:13px;font-weight:700}.hero-metric b{display:block;color:#fff;font-size:18px;font-variant-numeric:tabular-nums}.hero-metric b.up{color:#ff8f88}.hero-metric b.down{color:#7fb3ff}

body[data-page="dashboard"] #chart-panel{grid-column:1/-1;order:2;border:0;box-shadow:0 20px 60px rgba(27,39,72,.09)}
body[data-page="dashboard"] #chart-panel>.ph{min-height:74px;padding:20px 26px}body[data-page="dashboard"] #chart-panel>.ph h2{font-size:21px}
body[data-page="dashboard"] .chartbar{padding:14px 24px;background:var(--panel);border-bottom:1px solid var(--rule2)}
body[data-page="dashboard"] #chart{min-height:520px;padding:22px 22px 4px}body[data-page="dashboard"] #chart svg{display:block;width:100%;min-height:500px}
body[data-page="dashboard"] .legend{padding:14px 24px 18px}.hintbar{padding:14px 24px;font-size:14px}
body[data-page="dashboard"] #item-search{grid-column:1/-1;order:3}.search input{min-height:58px;padding:14px 18px;border-radius:15px;font-size:17px}
body[data-page="dashboard"] #watch-panel{grid-column:1;order:4}
body[data-page="dashboard"] #peer-panel{grid-column:2;order:4}
body[data-page="dashboard"] #comments-panel{grid-column:1/-1;order:5}
body[data-page="dashboard"] .col-info{position:static}
#watch-panel .wl tr,#peer-panel .wl tr{min-height:66px}.wl td,.wl th.rank{padding-top:11px;padding-bottom:11px}.wl td.nm b{font-size:15px}.wl td.nm em{font-size:13px}
.comment-form input,.comment-form textarea{border-radius:13px;background:var(--field)}
table.grid{font-size:14px}table.grid th{font-size:13px}table.grid td,table.grid tbody th{padding:12px 14px}.year-rank-table td{padding:15px 16px}
.site-footer{margin-top:0}.site-footer-in{max-width:1280px;padding:30px 0 42px}.site-footer-links button{font-size:14px}

@media(max-width:1328px){.marketbar-in,.strip,.page-head,.shell,.site-footer-in{margin-left:24px;margin-right:24px}}
@media(max-width:900px){body[data-page="dashboard"] .row{grid-template-columns:1fr}body[data-page="dashboard"] #watch-panel,body[data-page="dashboard"] #peer-panel{grid-column:1}body[data-page="dashboard"] #peer-panel{order:5}body[data-page="dashboard"] #comments-panel{order:6}.hero-metrics{grid-template-columns:repeat(2,1fr)}body[data-page="dashboard"] #info-panel{min-height:430px;background-position:62% center}body[data-page="dashboard"] #info-panel::before{background:linear-gradient(90deg,rgba(7,13,29,.98),rgba(7,13,29,.72))}}
@media(max-width:840px){.top-in{padding:10px 16px}.main-nav a{font-size:13px}.marketbar-in,.strip,.page-head,.shell,.site-footer-in{margin-left:16px;margin-right:16px}.shell{padding-bottom:44px}body[data-page="dashboard"] #info-panel>.ph{padding:22px 22px 0}body[data-page="dashboard"] #info{padding:8px 22px 24px}.favorite-row{position:static!important;margin-top:18px!important;justify-content:flex-start!important}body[data-page="dashboard"] #chart{min-height:370px;padding:12px 8px}body[data-page="dashboard"] #chart svg{min-height:340px}.ph{padding:14px 17px}.pb{padding:15px 17px}}
@media(max-width:560px){.app-status>span{display:none}.hero-metrics{grid-template-columns:1fr 1fr}.hero-metric{padding:11px 12px}.hero-metric b{font-size:15px}body[data-page="dashboard"] #info-panel{min-height:500px;background-position:68% center}body[data-page="dashboard"] .info-hd .l2{align-items:flex-start;flex-direction:column;gap:8px}body[data-page="dashboard"] .info-hd .unit,body[data-page="dashboard"] .info-hd .chg{padding:0}.chartbar{align-items:stretch}.chartbar>.lab{display:none}.chartbar .seg{width:100%}.chartbar .seg button{flex:1;padding:8px 6px}.site-footer-in{padding-bottom:30px}}

/* ---------- 2026-08 dashboard + item detail simplification ---------- */
.top-in{display:grid;grid-template-columns:auto minmax(280px,390px) minmax(0,1fr) auto;height:84px;gap:20px}
.header-discovery{display:flex;align-items:center;gap:8px;min-width:0}
.header-search{position:relative;flex:1;min-width:0}
.header-search .search input{width:100%;min-height:46px;padding:10px 42px 10px 16px;border:1px solid var(--rule);border-radius:14px;background:var(--field);font-size:15px;outline:0;box-shadow:none}
.header-search .search input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(91,92,226,.12)}
.header-search .search::after{content:"⌕";position:absolute;right:15px;top:8px;color:var(--muted);font-size:24px;line-height:1;pointer-events:none}
.header-search .results{position:absolute;left:0;right:0;top:54px;z-index:80;max-height:440px;overflow:auto;border:1px solid var(--rule);border-radius:16px;background:var(--panel);box-shadow:0 22px 60px rgba(15,23,42,.18)}
.header-search .results:empty{display:none}
.header-search .rr{min-height:64px;padding:10px 12px;grid-template-columns:46px minmax(0,1fr)}
.header-search .rr .sub{grid-column:2;display:flex;justify-content:space-between;gap:12px}
.header-popular{position:relative;flex:none}
.popular-toggle{display:flex;min-height:46px;align-items:center;justify-content:center;gap:8px;padding:9px 13px;border:1px solid var(--rule);border-radius:14px;background:var(--panel);color:var(--ink);font-weight:750;white-space:nowrap}
.popular-toggle span{display:flex;align-items:center;gap:7px}.popular-toggle i,.live-dot::before{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}
.popular-toggle small{color:var(--accent2);font-size:13px}.popular-toggle:hover,.popular-toggle[aria-expanded="true"]{border-color:var(--accent);background:var(--sel)}
.popular-popover{position:absolute;right:0;top:54px;z-index:75;width:360px;overflow:hidden;border:1px solid var(--rule);border-radius:20px;background:var(--panel);box-shadow:0 24px 70px rgba(15,23,42,.2)}
.popular-popover[hidden]{display:none}.popular-popover .ph{min-height:58px;padding:13px 16px}.popular-popover .pb{max-height:510px;overflow:auto}.popular-popover .wl tr{min-height:58px}.popular-popover .wl td,.popular-popover .wl th.rank{padding-top:9px;padding-bottom:9px}.popular-popover .wl td.nm em{font-size:13px}

.dashboard-summary{display:none}
body[data-page="dashboard"] .marketbar,body[data-page="dashboard"] .strip,body[data-page="dashboard"] .page-head,body[data-page="dashboard"] #dashboard,body[data-page="dashboard"] #data-panel{display:none}
body[data-page="dashboard"] .dashboard-summary{display:block}
body[data-page="dashboard"] .shell{padding-top:44px}
.summary-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}
.summary-intro small,.summary-panel-head small{display:block;margin-bottom:8px;color:var(--accent2);font-size:13px;font-weight:850;letter-spacing:.1em}
.summary-intro h1{margin:0;color:var(--ink);font-size:clamp(34px,4.5vw,58px);font-weight:850;line-height:1.08;letter-spacing:-.055em}
.summary-intro p{max-width:720px;margin:14px 0 0;color:var(--muted);font-size:16px;line-height:1.7}
.summary-date{flex:none;padding:10px 14px;border:1px solid var(--rule);border-radius:999px;background:var(--panel);color:var(--ink2);font-size:14px;font-weight:750}
.summary-period-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.summary-period-bar>span{color:var(--muted);font-size:13px;font-weight:700}.summary-period-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--rule);border-radius:14px;background:var(--panel)}.summary-period-tabs button{min-height:34px;padding:7px 13px;border-radius:10px;color:var(--muted);font-size:13px;font-weight:800}.summary-period-tabs button:hover{background:var(--hover);color:var(--ink)}.summary-period-tabs button[aria-selected="true"]{background:var(--accent);color:#fff;box-shadow:0 5px 14px rgba(91,92,226,.22)}
.summary-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}
.summary-kpis article{min-height:152px;padding:24px;border:1px solid var(--rule);border-radius:22px;background:var(--panel);box-shadow:0 12px 38px rgba(27,39,72,.06)}
.summary-kpis article:first-child{background:linear-gradient(135deg,#4f46e5,#6d5dfc);border-color:transparent;color:#fff}
.summary-kpis span{display:block;margin-bottom:14px;color:var(--muted);font-size:14px;font-weight:700}.summary-kpis article:first-child span,.summary-kpis article:first-child em{color:#6B7684}
.summary-kpis b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:26px;font-weight:850;letter-spacing:-.04em}.summary-kpis b.up{color:#ff776f}.summary-kpis b.down{color:#3b82f6}.summary-kpis article:first-child b{color:#fff}
.summary-kpis em{display:block;margin-top:7px;color:var(--muted);font-size:14px;font-style:normal;font-variant-numeric:tabular-nums}
.summary-kpis .kpi-period-note{margin-top:12px;padding-top:10px;border-top:1px solid var(--rule2);color:var(--muted);font-size:13px;line-height:1.45}.summary-kpis article:first-child .kpi-period-note{border-color:rgba(255,255,255,.18);color:#6B7684}.kpi-loading-progress{display:block;margin-top:7px;color:var(--accent2);font-size:13px;font-style:normal}
.summary-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.8fr);gap:22px;align-items:start}
.summary-side{display:grid;gap:22px}
.summary-panel{overflow:hidden;border:1px solid var(--rule);border-radius:24px;background:var(--panel);box-shadow:var(--shadow)}
.summary-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid var(--rule2)}
.summary-panel-head small{margin-bottom:3px}.summary-panel-head h2{margin:0;font-size:22px;letter-spacing:-.035em}.summary-panel-head>button{padding:9px 12px;border-radius:11px;background:var(--field);color:var(--accent2);font-size:14px;font-weight:750}.summary-panel-head>button:hover{background:var(--sel)}
.summary-panel-head>span{color:var(--muted);font-size:13px}.summary-panel-head .live-dot{display:flex;align-items:center;gap:8px}.summary-panel-head .live-dot::before{content:"";display:block;width:7px;height:7px}
.summary-loading{margin:0;padding:28px 24px;color:var(--muted)}
.summary-rank-head,.summary-rank-row{display:grid;grid-template-columns:54px minmax(150px,1fr) 100px 110px;gap:12px;align-items:center}
.summary-rank-head{padding:13px 24px;background:var(--field);color:var(--muted);font-size:13px;font-weight:700}.summary-rank-head span:nth-child(n+3){text-align:right}
.summary-rank-row{width:100%;padding:16px 24px;border-top:1px solid var(--rule2);text-align:left;transition:background .15s ease}.summary-rank-row:first-of-type{border-top:0}.summary-rank-row:hover{background:var(--hover)}
.summary-rank-row .no{color:var(--accent2);font-size:16px;font-weight:850}.summary-rank-row .item b{display:block;font-size:16px}.summary-rank-row .item span{display:block;margin-top:3px;color:var(--muted);font-size:13px}.summary-rank-row .price,.summary-rank-row .rate{text-align:right;font-size:15px;font-variant-numeric:tabular-nums}.summary-rank-row .rate{font-weight:850}
.summary-mini-list{padding:7px 0}.summary-mini-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:13px 20px;text-align:left}.summary-mini-row:hover{background:var(--hover)}.summary-mini-row .no{color:var(--accent2);font-size:15px;font-weight:850;text-align:center}.summary-mini-row .item{min-width:0}.summary-mini-row .item b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.summary-mini-row .item span{display:block;margin-top:2px;color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-mini-row .value{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.summary-mini-row .value.up{color:var(--up)}.summary-mini-row .value.down{color:var(--down)}
.summary-mini-row .popular-price-change{min-width:88px;text-align:right}.summary-mini-row .popular-price-change b{display:block;color:var(--ink);font-size:14px;white-space:nowrap}.summary-mini-row .popular-price-change em{display:block;margin-top:3px;font-size:13px;font-style:normal;font-weight:800;white-space:nowrap}.summary-mini-row .popular-price-change em.up{color:var(--up)}.summary-mini-row .popular-price-change em.down{color:var(--down)}.summary-mini-row .popular-price-change em.flat{color:var(--muted)}
.dashboard-categories{margin:0 0 22px}.dashboard-category-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--rule2)}
.dashboard-category-card{--cat:#5b5ce2;--cat-bg:#eef0ff;display:flex;min-width:0;min-height:154px;flex-direction:column;align-items:flex-start;padding:20px 18px;background:var(--panel);text-align:left;transition:background .16s ease,transform .16s ease}
.dashboard-category-card:hover{z-index:1;background:color-mix(in srgb,var(--cat-bg) 62%,var(--panel));transform:translateY(-2px)}
.dashboard-category-card .category-icon{display:grid;width:44px;height:44px;place-items:center;margin-bottom:16px;border-radius:14px;background:var(--cat-bg);color:var(--cat)}.dashboard-category-card .category-icon svg{width:25px;height:25px}
.dashboard-category-card b{font-size:16px;letter-spacing:-.025em}.dashboard-category-card span{margin-top:5px;color:var(--muted);font-size:13px;line-height:1.45}.dashboard-category-card em{margin-top:auto;padding-top:12px;color:var(--cat);font-size:13px;font-style:normal;font-weight:800;font-variant-numeric:tabular-nums}
.dashboard-category-card.cat-ingredient{--cat:#168b50;--cat-bg:#e8f8ee}.dashboard-category-card.cat-food{--cat:#c56f00;--cat-bg:#fff4d8}.dashboard-category-card.cat-essential{--cat:#316dca;--cat-bg:#eaf2ff}.dashboard-category-card.cat-preference{--cat:#7149c6;--cat-bg:#f2edff}.dashboard-category-card.cat-transport{--cat:#087da5;--cat-bg:#e9f7ff}.dashboard-category-card.cat-service{--cat:#52667b;--cat-bg:#eef1f5}.dashboard-category-card.cat-snack{--cat:#db7c15;--cat-bg:#fff2df}
.dashboard-context-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(350px,.75fr);gap:22px;margin-top:22px}.dashboard-panel-intro{margin:0;padding:18px 24px 5px;color:var(--muted);font-size:13px;line-height:1.65}
.dashboard-labor-list{padding:10px 0 14px}.dashboard-labor-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(130px,.85fr) 98px;gap:18px;align-items:center;width:100%;padding:14px 24px;text-align:left}.dashboard-labor-row:hover{background:var(--hover)}
.dashboard-labor-row .labor-item{display:flex;min-width:0;align-items:center;gap:11px}.dashboard-labor-row .labor-item-copy{min-width:0}.dashboard-labor-row .labor-item b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.dashboard-labor-row .labor-item span{display:block;margin-top:3px;color:var(--muted);font-size:13px}.dashboard-labor-row .labor-bar{height:8px;overflow:hidden;border-radius:999px;background:var(--field)}.dashboard-labor-row .labor-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5b5ce2,#8b8cff)}
.dashboard-labor-row .labor-value{text-align:right}.dashboard-labor-row .labor-value b{display:block;font-size:15px;font-variant-numeric:tabular-nums}.dashboard-labor-row .labor-value span{display:block;margin-top:3px;color:var(--accent2);font-size:13px;font-weight:800}
.dashboard-pulse{display:grid;grid-template-columns:1fr;padding:8px 24px 0}.dashboard-pulse-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:19px 0;border-bottom:1px solid var(--rule2)}.dashboard-pulse-card:last-child{border-bottom:0}.dashboard-pulse-card span{display:block;color:var(--muted);font-size:13px}.dashboard-pulse-card b{display:block;margin-top:5px;font-size:16px;letter-spacing:-.02em}.dashboard-pulse-card strong{font-size:25px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.dashboard-pulse-card strong.up{color:var(--up)}.dashboard-pulse-card strong.down{color:var(--down)}.dashboard-pulse-note{margin:12px 24px 22px;padding:15px 16px;border-radius:14px;background:var(--field);color:var(--ink2);font-size:13px;font-weight:650;line-height:1.6}
.dashboard-quick-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.dashboard-quick-links button{display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;align-items:center;min-height:118px;padding:19px;border:1px solid var(--rule);border-radius:20px;background:var(--panel);text-align:left;box-shadow:0 10px 30px rgba(27,39,72,.045);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.dashboard-quick-links button:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 16px 38px rgba(27,39,72,.09)}
.dashboard-quick-links .quick-icon{position:relative;width:44px;height:44px;border-radius:14px;background:#eef0ff}.dashboard-quick-links .quick-icon::before,.dashboard-quick-links .quick-icon::after{content:"";position:absolute}.quick-rank::before{left:11px;right:11px;bottom:11px;height:4px;border-radius:3px;background:#5b5ce2;box-shadow:0 -8px 0 #8b8cff,0 -16px 0 #b8b9ff}.quick-market{background:#e8f8ee!important}.quick-market::before{inset:11px;border:2px solid #168b50;border-radius:5px}.quick-market::after{left:20px;top:11px;width:2px;height:22px;background:#168b50;box-shadow:-9px 9px 0 -0.2px #168b50,9px 9px 0 -0.2px #168b50}.quick-franchise{background:#fff4d8!important}.quick-franchise::before{left:10px;right:10px;top:12px;height:8px;border:2px solid #c56f00;border-radius:4px 4px 1px 1px}.quick-franchise::after{left:12px;right:12px;bottom:10px;height:13px;border:2px solid #c56f00;border-top:0}.quick-stats{background:#eaf2ff!important}.quick-stats::before{left:11px;right:11px;bottom:11px;height:2px;background:#316dca;transform:rotate(-30deg);transform-origin:center}.quick-stats::after{right:9px;top:10px;width:7px;height:7px;border-top:2px solid #316dca;border-right:2px solid #316dca}
.dashboard-quick-links span{min-width:0}.dashboard-quick-links b{display:block;font-size:15px}.dashboard-quick-links em{display:block;margin-top:5px;color:var(--muted);font-size:13px;font-style:normal;line-height:1.45}.dashboard-quick-links strong{grid-column:2;margin-top:3px;color:var(--accent2);font-size:13px}
.government-panel{margin-top:22px}
.government-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--rule2)}
.government-card{position:relative;min-height:180px;padding:22px;border:0!important;background:var(--panel);overflow:hidden}
.government-card.current{background:linear-gradient(145deg,rgba(91,92,226,.1),rgba(91,92,226,.02))}
.government-card .term{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px;font-weight:700}.government-card .term i{padding:4px 7px;border-radius:999px;background:var(--sel);color:var(--accent2);font-size:13px;font-style:normal}
.government-card h3{margin:13px 0 3px;font-size:19px;letter-spacing:-.035em}.government-card .rate{display:block;font-size:30px;font-weight:880;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.government-card .indices{display:block;margin-top:4px;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}
.government-card .oecd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid var(--rule2);color:var(--muted);font-size:13px;font-weight:700}.government-card .oecd b{color:var(--ink);font-size:14px;font-variant-numeric:tabular-nums}.government-card .oecd.unavailable b{color:var(--muted);font-size:13px;font-weight:650}
.government-bar{height:7px;margin-top:17px;overflow:hidden;border-radius:999px;background:var(--field)}.government-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#8b8cff)}
.government-note{margin:0;padding:16px 22px;border-top:1px solid var(--rule2);background:var(--field);color:var(--muted);font-size:13px;line-height:1.65}

body[data-page="item"] .dashboard-summary,body:not([data-page="dashboard"]) .dashboard-summary{display:none}
body[data-page="item"] .strip,body[data-page="item"] #data-panel{display:none}
body[data-page="item"] .marketbar-in{margin-top:18px}
body[data-page="item"] .page-head{padding-top:36px;padding-bottom:8px}
body[data-page="item"] .page-head small{display:none}
body[data-page="item"] .page-head h1{font-size:clamp(34px,5vw,54px)}
body[data-page="item"] .page-head p{max-width:720px}
.page-title-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.page-item-icon{display:none;place-items:center;flex:none;width:74px;height:74px;border:1px solid rgba(15,23,42,.06);border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 12px 30px rgba(27,39,72,.08)}.page-item-icon svg{width:42px;height:42px}.page-item-icon.tone-pink{background:#fff0f5;color:#db2777}.page-item-icon.tone-green{background:#eaf8ef;color:#16905a}.page-item-icon.tone-amber{background:#fff7df;color:#c77a08}.page-item-icon.tone-red{background:#fff0ed;color:#e34d3d}.page-item-icon.tone-blue{background:#edf5ff;color:#2f6bdc}.page-item-icon.tone-violet{background:#f2efff;color:#7655c5}.page-item-icon.tone-orange{background:#fff1e8;color:#e66d1e}.page-item-icon.tone-slate{background:#f0f2f5;color:#526478}.page-item-icon.tone-fruit{background:#fff0ed;color:#e34d3d}.page-item-icon.tone-vegetable{background:#e8f8ee;color:#168b50}.page-item-icon.tone-food{background:#fff5dc;color:#bd7000}.page-item-icon.tone-preference{background:#f2edff;color:#7149c6}.page-item-icon.tone-coffee{background:#eee7ff;color:#4c1d95}.page-item-icon.tone-essential{background:#eaf2ff;color:#316dca}.page-item-icon.tone-protein{background:#fff0f1;color:#d84b5b}.page-item-icon.tone-transport{background:#e9f7ff;color:#087da5}.page-item-icon.tone-service{background:#eef1f5;color:#52667b}.page-item-icon.tone-energy{background:#fff1e7;color:#d86a20}.page-item-icon.tone-neutral{background:#f1f3f6;color:#667085}body[data-page="item"] .page-item-icon{display:grid}.page-unit-badge{display:none;align-items:center;gap:9px;flex:none;padding:9px 13px 9px 10px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:var(--accent);color:#fff;box-shadow:0 10px 24px rgba(47,107,220,.24);font-size:15px;font-weight:850;line-height:1;letter-spacing:-.025em}.page-unit-badge::before{content:"가격 단위";padding:6px 7px;border-radius:8px;background:rgba(255,255,255,.18);font-size:13px;font-weight:800;letter-spacing:.04em}body[data-page="item"] .page-unit-badge{display:inline-flex}
.page-item-icon.tone-cola{background:#fff0f1;color:#e21f2f}
.item-sticky-summary[hidden]{display:none}
.item-sticky-summary{position:fixed;left:0;right:0;top:var(--item-sticky-top,72px);z-index:39;border-bottom:1px solid var(--rule);background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(15,23,42,.1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-12px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
[data-theme="dark"] .item-sticky-summary{background:rgba(17,24,42,.96);box-shadow:0 12px 30px rgba(0,0,0,.28)}
.item-sticky-summary.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.item-sticky-summary-in{width:min(100%,1320px);min-height:64px;margin:0 auto;padding:8px 24px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px 24px}
.item-sticky-summary .item-sticky-icon{display:grid;width:44px;height:44px;border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}
.item-sticky-summary .item-sticky-icon svg{width:27px;height:27px}
.item-sticky-identity{min-width:0}.item-sticky-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:850;color:var(--ink)}.item-sticky-identity span{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--muted)}
.item-sticky-price{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:1px 8px;text-align:right;white-space:nowrap}.item-sticky-price>span{grid-row:1/3;align-self:center;font-size:13px;font-weight:750;color:var(--muted)}.item-sticky-price b{font-size:16px;color:var(--ink)}.item-sticky-price small{font-size:13px;color:var(--muted)}
.item-sticky-change{font-size:13px;font-weight:850;white-space:nowrap}.item-sticky-change .up{color:var(--up)}.item-sticky-change .down{color:var(--down)}.item-sticky-change .flat{color:var(--muted)}
@media(max-width:700px){.page-title-row{gap:13px}.page-item-icon{width:58px;height:58px;border-radius:17px}.page-item-icon svg{width:33px;height:33px}.page-unit-badge{width:max-content;padding:8px 11px 8px 8px;font-size:13px;border-radius:12px}.page-unit-badge::before{font-size:13px}}
@media(max-width:700px){.item-sticky-summary-in{min-height:58px;padding:7px 14px;grid-template-columns:auto minmax(0,1fr) auto;gap:7px 10px}.item-sticky-summary .item-sticky-icon{width:38px;height:38px;border-radius:12px}.item-sticky-summary .item-sticky-icon svg{width:23px;height:23px}.item-sticky-identity strong{font-size:13px}.item-sticky-identity span{font-size:13px}.item-sticky-price>span{display:none}.item-sticky-price b{font-size:13px}.item-sticky-price small{font-size:13px}.item-sticky-change{grid-column:2/4;margin-top:-6px;text-align:right;font-size:13px}}
body[data-page="item"] .row{display:block}
body[data-page="item"] .row>.col:first-child,body[data-page="item"] .col-info{display:none}
body[data-page="item"] .row>.col:nth-child(2){display:grid;gap:24px}
body[data-page="item"] #chart-panel,body[data-page="item"] #comments-panel{width:100%;border:0;box-shadow:0 18px 55px rgba(27,39,72,.08)}
body[data-page="item"] #chart-panel>.ph{min-height:76px;padding:20px 26px}body[data-page="item"] #chart-panel>.ph h2{font-size:22px}
body[data-page="item"] .chartbar{padding:14px 24px}body[data-page="item"] #chart{min-height:520px;padding:24px 22px 5px}body[data-page="item"] #chart svg{min-height:500px}
body[data-page="item"] #comments-panel .ph{min-height:72px}body[data-page="item"] #comments-panel .pb{padding:24px}

@media(max-width:1180px){.top-in{grid-template-columns:auto minmax(280px,1fr) auto}.main-nav{grid-column:1/-1;grid-row:2;justify-content:center;padding-bottom:10px}.top-in{height:auto;min-height:120px}.app-status{grid-column:3;grid-row:1}.header-discovery{grid-column:2;grid-row:1}}
@media(max-width:1100px){.dashboard-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-context-grid{grid-template-columns:1fr}.dashboard-quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.summary-layout{grid-template-columns:1fr}.summary-side{grid-template-columns:1fr 1fr}.summary-kpis{grid-template-columns:1fr 1fr}.summary-kpis article:last-child{grid-column:1/-1}.summary-rank-head,.summary-rank-row{grid-template-columns:44px minmax(140px,1fr) 90px 96px}.government-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.top-in{display:grid;grid-template-columns:1fr auto;gap:10px 12px;padding:12px 16px;min-height:0}.brand{grid-column:1;grid-row:1}.app-status{grid-column:2;grid-row:1}.header-discovery{grid-column:1/-1;grid-row:2}.main-nav{grid-column:1/-1;grid-row:3;justify-content:flex-start;padding:8px 0 0}.main-nav a{padding:7px 11px}.header-search .results{position:fixed;left:12px;right:12px;top:126px}.popular-popover{position:fixed;left:12px;right:12px;top:126px;width:auto}.summary-intro{align-items:flex-start;flex-direction:column}.summary-date{order:-1}.summary-kpis{grid-template-columns:1fr}.summary-kpis article:last-child{grid-column:auto}.summary-side{grid-template-columns:1fr}.summary-rank-head{display:none}.summary-rank-row{grid-template-columns:38px minmax(0,1fr) auto;padding:15px 17px}.summary-rank-row .price{display:none}.summary-panel-head{padding:18px}.summary-intro h1{font-size:38px}.dashboard-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-category-card{min-height:132px;padding:17px 15px}.dashboard-category-card .category-icon{width:39px;height:39px;margin-bottom:12px}.dashboard-labor-row{grid-template-columns:minmax(0,1fr) 90px;padding:13px 17px}.dashboard-labor-row .labor-bar{display:none}.dashboard-panel-intro{padding:15px 18px 4px}.dashboard-pulse{padding-left:18px;padding-right:18px}.dashboard-pulse-note{margin-left:18px;margin-right:18px}.dashboard-quick-links{grid-template-columns:1fr}.dashboard-quick-links button{min-height:100px}body[data-page="item"] #chart{min-height:370px;padding:12px 7px}body[data-page="item"] #chart svg{min-height:350px}}
@media(max-width:700px){.summary-period-bar{align-items:flex-start;flex-direction:column}.summary-period-tabs{width:100%;overflow-x:auto}.summary-period-tabs button{flex:1;min-width:68px}}
@media(max-width:430px){.popular-toggle small{display:none}.popular-toggle{padding-left:11px;padding-right:11px}.brand span{display:none}.summary-intro h1{font-size:34px}.summary-kpis article{min-height:134px;padding:20px}.summary-panel-head>button{font-size:13px}.summary-rank-row .item span{display:none}.government-grid{grid-template-columns:1fr}}
@media(max-width:700px){.top-in{grid-template-columns:minmax(0,1fr) auto}.main-nav{display:none}.app-status{display:flex!important;gap:6px}.app-status::before{display:none}.app-status>.data-asof{display:inline-flex!important;align-items:center;min-height:38px;padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.06);color:#dbeafe;font-size:12px;font-weight:750}.app-status>.theme-toggle{display:none}.menu-button{width:40px;height:40px}.header-discovery{grid-row:2}.summary-date{display:inline-flex!important}.menu-drawer-panel{top:auto;bottom:0;width:100%;height:auto;max-height:min(82vh,720px);border:1px solid var(--rule);border-width:1px 0 0;border-radius:24px 24px 0 0;box-shadow:0 -24px 60px rgba(15,23,42,.22)}.menu-drawer-panel::before{content:"";display:block;width:38px;height:4px;margin:-6px auto 12px;border-radius:999px;background:var(--rule)}.menu-drawer-nav a{min-height:74px}}
@media(max-width:390px){.app-status>.data-asof{padding-left:8px;padding-right:8px}.menu-drawer-panel{padding-left:14px;padding-right:14px}.menu-drawer-nav{gap:7px}.menu-drawer-nav a{padding:12px}}

/* ---------- franchise price archive ---------- */
.franchise-page{display:none;width:min(1280px,calc(100% - 48px));margin:0 auto;padding:8px 0 64px}
body[data-page="franchise"] .marketbar,body[data-page="franchise"] .strip,body[data-page="franchise"] .shell{display:none}
body[data-page="franchise"] .franchise-page{display:block}
body[data-page="franchise"] .page-head{padding-top:42px;padding-bottom:24px}
.franchise-overview{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(180px,.45fr));gap:12px;margin-bottom:18px}
.franchise-overview>div{min-height:126px;padding:22px;border:1px solid var(--rule);border-radius:18px;background:var(--panel)}
.franchise-overview>div:first-child{background:linear-gradient(135deg,#1d4ed8,#5b5ce2);border-color:transparent;color:#fff}
.franchise-overview span{display:block;margin-bottom:10px;color:var(--muted);font-size:13px;font-weight:750}.franchise-overview>div:first-child span,.franchise-overview>div:first-child p{color:#dbe6ff}
.franchise-overview b{display:block;font-size:28px;line-height:1.2;letter-spacing:-.045em}.franchise-overview p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.65}
.franchise-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;padding:14px;border:1px solid var(--rule);border-radius:16px;background:var(--panel)}
.franchise-search{position:relative;flex:1;max-width:420px}.franchise-search input{width:100%;min-height:44px;padding:10px 42px 10px 14px;border:1px solid var(--rule);border-radius:11px;background:var(--field);color:var(--ink);font-size:14px;outline:0}.franchise-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,92,226,.12)}.franchise-search::after{content:"⌕";position:absolute;right:14px;top:7px;color:var(--muted);font-size:23px}
.franchise-filters{display:flex;gap:6px;overflow-x:auto}.franchise-filters button{flex:none;min-height:38px;padding:7px 12px;border-radius:10px;color:var(--muted);font-size:13px;font-weight:750}.franchise-filters button[aria-pressed="true"]{background:var(--ink);color:var(--panel)}
.franchise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.franchise-card{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:center;width:100%;min-height:116px;padding:18px;border:1px solid var(--rule);border-radius:18px;background:var(--panel);text-align:left;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.franchise-card:hover,.franchise-card:focus-visible{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 16px 36px rgba(27,39,72,.1);outline:0}.franchise-card[aria-current="true"]{border-color:var(--accent);background:var(--sel)}
.franchise-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:color-mix(in srgb,var(--brand) 13%,var(--panel));color:var(--brand);font-size:15px;font-weight:900;letter-spacing:-.03em}.franchise-card-copy{min-width:0}.franchise-card-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;letter-spacing:-.03em}.franchise-card-copy span{display:block;margin-top:5px;color:var(--muted);font-size:13px}.franchise-card-rate,.franchise-card-rank{text-align:right}.franchise-card-rate b{display:block;color:var(--up);font-size:17px}.franchise-card-rate span,.franchise-card-rank span{display:block;margin-top:4px;color:var(--muted);font-size:13px}.franchise-card-rank b{display:block;color:var(--ink);font-size:16px}.franchise-rank-chip{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--brand) 11%,var(--panel));color:var(--brand);font-size:13px;font-weight:900}
.franchise-empty{grid-column:1/-1;padding:48px 20px;border:1px dashed var(--rule);border-radius:18px;color:var(--muted);text-align:center}
.franchise-detail{margin-top:24px;overflow:hidden;border:1px solid var(--rule);border-radius:22px;background:var(--panel);box-shadow:var(--shadow)}.franchise-detail:empty{display:none}
.franchise-detail-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:24px;border-bottom:1px solid var(--rule2)}.franchise-detail-head .franchise-mark{width:68px;height:68px;border-radius:20px;font-size:18px}.franchise-detail-head h2{margin:0;font-size:27px;letter-spacing:-.045em}.franchise-detail-head p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.franchise-detail-kpi{text-align:right}.franchise-detail-kpi span{display:block;color:var(--muted);font-size:13px}.franchise-detail-kpi b{display:block;margin-top:4px;color:var(--up);font-size:24px}
.franchise-rank-detail{padding:26px 24px}.franchise-rank-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.franchise-rank-metrics>div{padding:18px;border:1px solid var(--rule2);border-radius:15px;background:var(--field)}.franchise-rank-metrics span{display:block;color:var(--muted);font-size:13px}.franchise-rank-metrics b{display:block;margin-top:6px;color:var(--ink);font-size:22px}.franchise-rank-explain{margin:18px 0 0;color:var(--muted);font-size:13px;line-height:1.75}.franchise-rank-explain b{color:var(--ink)}.franchise-rank-source{display:inline-flex;margin-top:14px;padding:8px 11px;border:1px solid var(--rule);border-radius:10px;color:var(--accent2);font-size:13px;font-weight:800}.franchise-rank-source:hover{text-decoration:underline}
.franchise-note{margin:0;padding:13px 24px;border-bottom:1px solid var(--rule2);background:var(--field);color:var(--muted);font-size:13px;line-height:1.65}.franchise-note b{color:var(--ink)}
.franchise-history{padding:22px 24px;border-bottom:1px solid var(--rule2);background:var(--panel)}.franchise-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.franchise-history-title small{display:block;margin-bottom:5px;color:var(--muted);font-size:13px;font-weight:750}.franchise-history-title h3{margin:0;font-size:20px;letter-spacing:-.035em}.franchise-periods{display:flex;gap:4px;padding:4px;border:1px solid var(--rule);border-radius:12px;background:var(--field)}.franchise-periods button{min-width:56px;padding:8px 10px;border-radius:8px;color:var(--muted);font-size:13px;font-weight:800}.franchise-periods button[aria-pressed="true"]{background:var(--panel);color:var(--ink);box-shadow:0 2px 8px rgba(27,39,72,.08)}.franchise-history-chart{overflow:hidden;border:1px solid var(--rule2);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 4%,var(--panel)),var(--panel))}.franchise-history-chart svg{display:block;width:100%;height:300px}.franchise-history-summary{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;padding:13px 16px;border-top:1px solid var(--rule2)}.franchise-history-summary div:last-child{text-align:right}.franchise-history-summary small{display:block;color:var(--muted);font-size:13px}.franchise-history-summary b{display:block;margin-top:3px;font-size:17px}.franchise-history-summary i{color:var(--up);font-style:normal;font-size:13px;font-weight:850}.franchise-history-sources{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.franchise-history-sources a{padding:6px 9px;border:1px solid var(--rule);border-radius:999px;background:var(--field);color:var(--brand);font-size:13px;font-weight:800}.franchise-history-sources a:hover{text-decoration:underline}.franchise-history-caption{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.franchise-history-caption b{color:var(--ink)}
.franchise-menu-list{display:grid}.franchise-menu-row{display:grid;grid-template-columns:minmax(180px,1.35fr) minmax(160px,1fr) 110px 110px 96px;gap:16px;align-items:center;padding:17px 24px;border-top:1px solid var(--rule2);cursor:pointer;transition:background .15s ease}.franchise-menu-row:first-child{border-top:0}.franchise-menu-row:hover,.franchise-menu-row:focus-visible{background:var(--field);outline:0}.franchise-menu-row[data-highlight="true"]{background:var(--sel);box-shadow:inset 3px 0 var(--brand)}.franchise-menu-name b{display:block;font-size:15px}.franchise-menu-name span{display:block;margin-top:4px;color:var(--muted);font-size:13px}.franchise-price-track{display:grid;grid-template-columns:auto minmax(34px,1fr) auto;gap:8px;align-items:center;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.franchise-price-track i{position:relative;height:5px;overflow:hidden;border-radius:999px;background:var(--field)}.franchise-price-track i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#93c5fd,var(--accent))}.franchise-menu-price{text-align:right;font-variant-numeric:tabular-nums}.franchise-menu-price small{display:block;color:var(--muted);font-size:13px}.franchise-menu-price b{display:block;margin-top:3px;font-size:15px}.franchise-menu-rate{text-align:right;color:var(--up);font-size:15px;font-weight:850}.franchise-source{text-align:right}.franchise-source a{color:var(--accent2);font-size:13px;font-weight:750;text-decoration:none}.franchise-source a:hover{text-decoration:underline}
.franchise-disclaimer{margin:18px 0 0;padding:14px 16px;border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:var(--sel);color:var(--ink2);font-size:13px;line-height:1.7}
.rr.franchise-result .c{color:var(--accent2);font-size:13px;font-weight:850}.rr.franchise-result .pc{font-variant-numeric:tabular-nums}
@media(max-width:980px){.franchise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.franchise-menu-row{grid-template-columns:minmax(160px,1.4fr) minmax(140px,1fr) 90px 82px}.franchise-menu-row .franchise-menu-price.before{display:none}}
@media(max-width:700px){.franchise-page{width:calc(100% - 28px)}.franchise-overview{grid-template-columns:1fr 1fr}.franchise-overview>div:first-child{grid-column:1/-1}.franchise-toolbar{align-items:stretch;flex-direction:column}.franchise-search{max-width:none}.franchise-grid{grid-template-columns:1fr}.franchise-detail-head{grid-template-columns:auto 1fr}.franchise-detail-kpi{grid-column:1/-1;text-align:left}.franchise-rank-metrics{grid-template-columns:1fr}.franchise-history{padding:18px 14px}.franchise-history-head{align-items:stretch;flex-direction:column}.franchise-periods{align-self:flex-start;max-width:100%;overflow-x:auto}.franchise-periods button{min-width:52px}.franchise-history-chart svg{height:250px}.franchise-menu-row{grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding:15px}.franchise-price-track,.franchise-menu-price.before{display:none}.franchise-source{grid-column:1/-1;text-align:left}.franchise-note{padding:12px 15px}}
.item-quick-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;max-width:1180px;margin-top:26px}
.item-quick-stat{--stat:#64748b;position:relative;display:flex;min-width:0;min-height:154px;flex-direction:column;padding:20px 21px 17px;overflow:hidden;border:1px solid color-mix(in srgb,var(--stat) 18%,var(--line));border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--stat) 5%,var(--panel)),var(--panel) 58%);box-shadow:0 12px 30px rgba(22,34,61,.07)}
.item-quick-stat::before{content:"";position:absolute;left:20px;right:20px;top:0;height:3px;border-radius:0 0 999px 999px;background:var(--stat);opacity:.75}
.item-quick-stat.is-current{--stat:#4f6fe8}.item-quick-stat.is-up{--stat:#d94a6a}.item-quick-stat.is-down{--stat:#3978d4}.item-quick-stat.is-flat{--stat:#78869a}.item-quick-stat.is-views{--stat:#7558cf}
.item-quick-stat>span{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:15px;color:var(--muted);font-size:13px;font-weight:750}
.item-stat-heading{display:inline-flex;align-items:center;gap:9px}.item-stat-heading b{color:var(--ink2);font-size:13px;font-weight:800}
.item-stat-icon{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;border-radius:10px;background:color-mix(in srgb,var(--stat) 12%,var(--panel));color:var(--stat);font-size:13px;font-style:normal;font-weight:900;letter-spacing:-.02em}
.item-quick-stat strong{display:flex;align-items:baseline;min-height:37px;color:var(--ink);font-size:28px;font-weight:880;line-height:1.2;letter-spacing:-.045em}
.item-quick-stat small{display:block;margin-top:auto;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--stat) 12%,var(--line));color:var(--muted);font-size:13px;line-height:1.4}
.item-quick-stat .up{color:var(--red)}.item-quick-stat .down{color:var(--blue)}.item-quick-stat .flat{color:var(--muted)}
.item-quick-stat.item-quick-delta{border-color:color-mix(in srgb,var(--stat) 18%,var(--line))}
.trend-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,currentColor 9%,transparent);font-size:13px;font-style:normal;font-weight:850;letter-spacing:-.02em}
.trend-pill.up{color:#c43d5b}.trend-pill.down{color:#3471c9}.trend-pill.flat{color:var(--muted)}
.item-quick-stat.item-quick-delta strong{color:var(--ink)}
.item-quick-stat .trend-value{font-size:28px;font-weight:880}.item-quick-stat .trend-word{margin-left:6px;font-size:17px;font-style:normal;font-weight:780;letter-spacing:-.04em}
.item-view-eye{position:relative;width:15px;height:10px;border:1.5px solid var(--stat);border-radius:70% 20%;transform:rotate(45deg);opacity:.75}
.item-view-eye::after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:var(--stat);transform:translate(-50%,-50%)}
@media(max-width:900px){.item-quick-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.item-quick-stat{min-height:144px;padding:18px;border-radius:17px}.item-quick-stat strong,.item-quick-stat .trend-value{font-size:25px}}
@media(max-width:520px){
  .item-quick-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:16px}
  .item-quick-stat{display:flex;min-height:112px;padding:13px 8px 10px;border-radius:14px;box-shadow:0 7px 18px rgba(22,34,61,.06)}
  .item-quick-stat::before{left:8px;right:8px;height:2px}
  .item-quick-stat>span{display:block;margin-bottom:9px;white-space:nowrap}
  .item-stat-heading{gap:0}.item-stat-icon,.trend-pill{display:none}
  .item-stat-heading b{font-size:13px;letter-spacing:-.045em;white-space:nowrap}
  .item-quick-stat strong,.item-quick-stat .trend-value{min-height:0;font-size:18px;line-height:1.15;white-space:nowrap}
  .item-quick-stat.item-quick-delta strong{align-items:flex-start;flex-direction:column;white-space:normal}
  .item-quick-stat .trend-word{margin:3px 0 0;font-size:13px;line-height:1.1;white-space:nowrap}
  .item-quick-stat small{padding-top:7px;font-size:13px;line-height:1.25}
}