/* 시계 상세 차트(워치넘버에서 옮김). 색은 사이트 :root 값을 따름 */
.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:var(--s5);background:var(--field);border:1px dashed var(--line2);border-radius:var(--r);text-align:center}
.chart-empty p{margin-top:var(--s1);color:var(--mut);font-size:var(--t-sm)}
.wch{display:block;width:100%;height:auto;touch-action:pan-y;cursor:crosshair;user-select:none;-webkit-user-select:none}
.wch line,.wch polyline,.wch rect,.wch circle{vector-effect:non-scaling-stroke}
.ch-grid{stroke:var(--line);stroke-width:1}
.ch-axis{stroke:var(--line2);stroke-width:1}
.ch-tick{stroke:var(--line3);stroke-width:1}
.ch-t{fill:var(--mut);font-size:var(--t-ch);font-family:'WO Mono',ui-monospace,monospace;letter-spacing:-.02em}
.ch-area{fill:var(--gold);opacity:.14}
.gs0{stop-color:var(--gold);stop-opacity:.32}
.gs1{stop-color:var(--gold);stop-opacity:0}
.ch-line{fill:none;stroke:var(--gold);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.ch-line.thin{stroke-width:1}
.ch-pt{fill:var(--panel);stroke:var(--gold);stroke-width:2}
.ch-lastl{stroke:var(--gold);stroke-width:1;stroke-dasharray:3 4;opacity:.6}
.ch-last rect{fill:var(--gold)}
.ch-last text{fill:var(--on-gold);font-size:var(--t-ch);font-family:'WO Mono',ui-monospace,monospace;font-weight:600}
.ch-trend{fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linejoin:round;opacity:.55}
.ch-bar{fill:var(--gold);fill-opacity:.35;transition:fill-opacity .12s}
.ch-bar.on{fill-opacity:.85}
.ch-med{stroke:var(--tx3);stroke-width:1;stroke-dasharray:4 4}
.ch-badge rect{fill:var(--panel2);stroke:var(--line3);stroke-width:1}
.ch-badge text{fill:var(--tx2);font-size:var(--t-ch);font-family:'WO Mono',ui-monospace,monospace}
.c-wick{stroke:var(--gold);stroke-width:1.5;opacity:.8}
.c-body{fill:var(--gold);fill-opacity:.18;stroke:var(--gold);stroke-width:1.5}
.c-med{stroke:var(--tx);stroke-width:2.5;stroke-linecap:round}
.c-yr.on .c-body{fill-opacity:.36}
.c-yr.on .c-wick{opacity:1}
.d-a{fill:var(--gold);fill-opacity:.9}
.d-s{fill:var(--mut);fill-opacity:.45}
.c-yr .d-a,.c-yr .d-s{fill-opacity:.5}
.cx{pointer-events:none}
.cx-v,.cx-h{stroke:var(--tx3);stroke-width:1;stroke-dasharray:3 3}
.cx-d{fill:var(--gold);stroke:var(--bg);stroke-width:2}
.cx-yt rect,.cx-xt rect{fill:var(--tx);}
.cx-yt text,.cx-xt text{fill:var(--bg);font-size:var(--t-ch);font-family:'WO Mono',ui-monospace,monospace;font-weight:600}
.legend .lg-c{display:inline-block;width:10px;height:14px;border:1.5px solid var(--gold);background:rgba(217,178,76,.18);border-radius:2px}
.legend .lg-l{display:inline-block;width:16px;height:0;border-top:2px solid var(--gold);opacity:.6;margin-left:var(--s2)}
.strip-svg{display:block;width:112px;height:var(--s5)}
.legend{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-top:var(--s2);color:var(--mut);font-size:var(--t-xs)}
.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:var(--s2)}
.legend i:first-child{margin-left:0}
.k-a{background:var(--gold)}.k-s{background:var(--mut)}.k-u{background:var(--up)}.k-d{background:var(--dn)}.k-n{background:var(--line3)}
61:.ctl{padding:0 var(--s3);font-size:16px}
62:.ctl:focus{outline:0;border-color:var(--gold)}
139:.calc h2{margin-bottom:var(--s3)}
291:.cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:var(--s5);background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
292:.cells div{padding:var(--s3) var(--s4);background:var(--panel)}
293:.cells span{display:block}
294:.cells strong{font-size:var(--t-md);font-weight:500}
299:.mini-r{display:grid;grid-template-columns:1fr auto 120px;gap:var(--s3);align-items:center;padding:var(--s2) 0;border-bottom:1px solid var(--line);font-size:var(--t-md)}
300:.mini-r:last-of-type{border-bottom:0}
301:.mini-r strong{text-align:right;font-weight:500}
304:.calc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
305:.calc h2,.calc .note,.calc-r{grid-column:1/-1}
306:.calc .note{margin-top:0}
307:.field{display:flex;flex-direction:column;gap:var(--s1);color:var(--tx3);font-size:var(--t-sm)}
308:.field .ctl{width:100%;justify-content:flex-start;text-align:right}
309:.calc-r{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s6);font-size:var(--t-md)}
310:.calc-r div{display:flex;justify-content:space-between;gap:var(--s3);padding:var(--s2) 0;border-bottom:1px solid var(--line)}
311:.calc-r dt{color:var(--tx3);font-family:'WO Sans','Malgun Gothic',sans-serif;letter-spacing:-.01em}
312:.calc-r .tot dd{color:var(--gold);font-weight:600}
404:.stk-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s2);margin-bottom:var(--s2)}
405:.stk-now{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s2)}
406:.stk-now strong{font-size:var(--t-xl);font-weight:700}
407:.stk-now span{font-size:var(--t-md);font-weight:600}
408:.stk-info{color:var(--mut);font-size:var(--t-xs)}
409:.stk-per{display:flex;flex-wrap:wrap;gap:var(--s1);margin-bottom:var(--s2)}
410:.stk-per button{height:var(--s7);padding:0 var(--s3);border-radius:var(--r);color:var(--tx3);font-size:var(--t-sm)}
411:.stk-per button:hover{color:var(--tx);background:var(--hover)}
412:.stk-per button.on{background:var(--panel2);color:var(--tx);font-weight:600;box-shadow:inset 0 0 0 1px var(--line3)}
413:.stk{--stk:var(--mut)}
414:.stk.stk-up{--stk:var(--up)}
:root{--t-ch:12px}
.wch .ch-t,.wch .ch-last text,.wch .ch-badge text,.wch .cx-yt text,.wch .cx-xt text{font-family:inherit}
.wtip{position:fixed;left:0;top:0;z-index:90;max-width:300px;padding:6px 10px;border-radius:var(--r-s);background:var(--tx);color:var(--bg);font-size:var(--t-xs);line-height:var(--lh-t);pointer-events:none}
/* 시계 상세 */
.w-photo{display:block;width:100%;aspect-ratio:1/1;border-radius:var(--r-l);background:#F4F5F7;overflow:hidden;margin-bottom:12px}
.w-photo img{display:block;width:100%;height:100%;object-fit:contain}
.w-photo.noimg{display:grid;place-items:center;background:var(--panel2);color:var(--mut);font-size:var(--t-sm)}
.w-brand{display:flex;align-items:center;gap:8px;margin-bottom:4px;color:var(--tx3);font-size:var(--t-sm)}
.w-brand img{height:16px;width:auto;opacity:.9}
.pk-ok{background:#123524;color:#7FE0A8}.pk-off{background:var(--warn-bg);color:var(--warn-tx);border:1px solid var(--warn-line)}
.ok-b{background:#123524;color:#7FE0A8;margin-left:4px}
.c-mc .tag{height:18px;padding:0 6px;font-size:11px;margin-right:6px}
.w-kind{margin:6px 0 2px;font-size:var(--t-sm);color:var(--tx3);line-height:var(--lh-t)}
.w-kr{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.w-kr div{padding:10px 12px;border-radius:var(--r);background:var(--panel2)}
.w-kr span{display:block;color:var(--mut);font-size:var(--t-xs)}
.w-kr b{display:block;font-size:var(--t-lg);margin-top:2px}
.w-kr a{font-size:var(--t-xs)}
.wtabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px}
.wtabs button{height:32px;padding:0 12px;border-radius:var(--r-s);color:var(--tx3);font-size:var(--t-sm);background:none;border:0;cursor:pointer}
.wtabs button:hover{background:var(--hover);color:var(--tx)}
.wtabs button.on{background:var(--panel2);color:var(--tx);font-weight:600;box-shadow:inset 0 0 0 1px var(--line3)}
.mini-r{display:grid;grid-template-columns:1fr auto 120px;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:var(--t-md)}
.mini-r:last-of-type{border-bottom:0}
.mini-r b{text-align:right;font-weight:500}
.w-two{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
.w-two>section{margin:0}
.spec{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.spec div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:var(--t-md)}
.spec dt{color:var(--mut);flex:none}.spec dd{text-align:right}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.calc h2,.calc .note,.calc-r{grid-column:1/-1}
.field{display:flex;flex-direction:column;gap:4px;color:var(--tx3);font-size:var(--t-sm)}
.field input{height:var(--ctl-l);padding:0 12px;border-radius:var(--r);border:1px solid var(--line2);background:var(--field);color:var(--tx);font-size:16px;text-align:right;font-family:inherit}
.field input:focus{outline:0;border-color:var(--gold)}
.calc-r{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;font-size:var(--t-md)}
.calc-r div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.calc-r dt{color:var(--tx3)}
.calc-r .tot dd{color:var(--gold);font-weight:600}
.w-lots td{vertical-align:middle}
.w-lots .lot{display:flex;align-items:center;gap:10px;min-width:0}
.w-lots .lot img{width:40px;height:40px;border-radius:var(--r-s);object-fit:cover;background:#F4F5F7;flex:none}
.w-lots .lot span{display:flex;flex-direction:column;min-width:0}
.w-lots .lot b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}
.w-refs{display:flex;flex-wrap:wrap;gap:6px}
.w-refs a{padding:4px 10px;border-radius:var(--r-s);background:var(--panel2);font-size:var(--t-sm)}
.w-ext{display:flex;gap:8px;flex-wrap:wrap}
.vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.vgrid .nw-tag.ex{background:#123524;color:#7FE0A8}
@media (max-width:1100px){.vgrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.w-two,.spec,.calc,.calc-r{grid-template-columns:1fr}.vgrid{grid-template-columns:1fr 1fr}.mini-r{grid-template-columns:1fr auto 96px}.w-lots .lot b{max-width:180px}.w-lots .c-hm{display:none}.w-photo{max-width:320px;margin:0 auto 12px}}