@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");
/* Upbit theme: chart frame, toolbars, legend, order-panel additions */
.theme-logo-blur{filter:blur(18px) saturate(.4) brightness(.8);pointer-events:none}
.upbit-ux-badge{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:50;font:11px/1 system-ui,sans-serif;color:#666;background:rgba(255,255,255,.92);border:1px solid #ddd;border-radius:999px;padding:5px 12px;pointer-events:none}
.upc{height:100%;min-height:430px;display:flex;flex-direction:column;background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Trebuchet MS",Roboto,Ubuntu,sans-serif}
.upc-top{display:flex;align-items:center;gap:2px;height:38px;padding:0 8px;border-bottom:1px solid #e0e3eb;flex:none;color:#131722;font-size:13px}
.upc-top button{height:28px;min-width:28px;padding:0 7px;border:0;background:transparent;border-radius:4px;color:#131722;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px}
.upc-top button:hover{background:#f0f3fa}.upc-top button.on{color:#2962ff;background:#e8efff}
.upc-top .upc-fx i{font-style:italic;font-family:serif;font-size:16px}
.upc-vsep{width:1px;height:20px;background:#e0e3eb;margin:0 6px}.upc-grow{flex:1}
.upc-radio{display:inline-flex;align-items:center;gap:6px;font-size:13px;margin-left:12px;color:#131722}.upc-radio input{accent-color:#2962ff}
.upc-main{flex:1;min-height:0;display:flex}
.upc-left{width:46px;flex:none;display:flex;flex-direction:column;padding:6px 0;border-right:1px solid #e0e3eb;overflow-y:auto;scrollbar-width:none}
.upc-left::-webkit-scrollbar{display:none}
.upc-engine,.upc-engine .native-draw-toolbar,.upc-engine .native-draw-main{display:contents}.upc-engine .draw-edit{display:none}
.upc-tool{width:46px;height:36px;flex:none;border:0;background:transparent;color:#131722;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.upc-tool svg{width:28px;height:28px}.upc-tool:hover{background:#f0f3fa}.upc-tool.active{color:#2962ff}
.upc-body{flex:1;min-width:0;position:relative}.upc-plot{position:absolute;inset:0}
.upc-legend{position:absolute;left:10px;top:8px;z-index:4;pointer-events:none;font-size:13px;line-height:18px;color:#131722;white-space:nowrap}
.upc-legend .t{margin-right:10px}.upc-legend b{font-weight:400;margin-left:6px;opacity:.8}.upc-legend b:first-child{margin-left:0}
.upc-legend2{top:34px;font-size:12px}
.upc-legend-hidden .upc-legend{display:none}
.upc-legend-toggle{position:absolute;left:10px;top:56px;z-index:5;width:26px;height:18px;border:1px solid #e0e3eb;border-radius:4px;background:#fff;color:#131722;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.upc-legend-toggle.flip svg{transform:rotate(180deg)}
.upc-foot{position:absolute;left:8px;bottom:6px;right:80px;z-index:4;display:flex;gap:10px;font-size:12px;color:#555;pointer-events:none}
.upc-foot i{flex:1}.upc-foot .on{color:#2962ff}
.ref-draw-layer{position:absolute;inset:0;z-index:4;width:100%;height:100%;touch-action:none}
.ref-draw-layer.is-cursor{pointer-events:none}.ref-draw-layer:not(.is-cursor){cursor:crosshair}
.ref-draw-edit{display:none;position:fixed;z-index:10010;background:#fff;padding:4px 6px;gap:4px;border:1px solid #d1d4dc;border-radius:5px;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.ref-draw-edit.open{display:flex}.ref-draw-edit button{width:24px;height:24px;padding:2px;border:0;background:transparent;color:#131722;cursor:pointer}
.ref-draw-edit input{width:20px;height:20px;padding:0}.ref-draw-edit svg{stroke:currentColor;fill:none;width:18px;height:18px}
.ref-draw-edit [data-draw-style] span,.ref-draw-edit [data-draw-width] span{width:20px;display:block;border-top:1px solid currentColor}
.ref-draw-edit .style-1{border-top-style:dotted!important}.ref-draw-edit .style-2{border-top-style:dashed!important}
.upc-msg{margin:8px 0 0;font-size:12px;min-height:16px;color:#666;text-align:center}.upc-msg[data-bad="1"]{color:#d24f45}
.upc-history{padding:12px 8px;font-size:12px;color:#222;max-height:420px;overflow:auto}
.upc-ht{width:100%;border-collapse:collapse}.upc-ht th{text-align:left;font-weight:400;color:#888;padding:6px 4px;border-bottom:1px solid #eee}.upc-ht td{padding:6px 4px;border-bottom:1px solid #f4f4f4}
.upc-ht .up{color:#d24f45}.upc-ht .down{color:#1261c4}.upc-ht button{border:1px solid #ccc;background:#fff;border-radius:3px;padding:1px 6px;cursor:pointer;font-size:11px}
.upc-empty,.upl-empty{padding:40px 0;text-align:center;color:#888;font-size:13px}
.depthChart{min-height:283px}
table.upl tr{cursor:pointer}table.upl tr.on{background:#f3f6fb}
/* market list: thin overlay-style scrollbar like the original (no arrows, no wide track) */
section.ty02 article div[style*="overflow: auto"],.upc-history{scrollbar-width:thin;scrollbar-color:#c4c4c4 transparent}

/* chart frame closer to the reference */
.upc-top{height:44px;padding:0 10px;gap:4px;font-size:14px}
.upc-top button{height:32px;min-width:32px;padding:0 8px;font-size:14px;border-radius:5px}
.upc-top button.on{background:#f0f3fa;color:#131722;border:0}
.upc-top button.upc-na{opacity:.85}.upc-more{position:relative;display:inline-flex}.upc-chev{padding:0 4px!important;min-width:24px!important}
.upc-pop{position:absolute;left:0;top:34px;z-index:20;background:#fff;border:1px solid #d1d4dc;border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.15);padding:4px;display:flex;flex-direction:column;min-width:64px}
.upc-pop[hidden]{display:none}.upc-pop button{justify-content:flex-start}
.upc-top .upc-fx{padding:0 10px}.upc-top .upc-fx i{font-size:18px}
.upc-top .upc-ico svg{width:28px;height:28px}
.upc-left{width:52px;padding:8px 0}
.upc-tool{width:52px;height:40px;position:relative}
.upc-tool svg{width:28px;height:28px}
.upc-tool.active::before{content:"";position:absolute;inset:2px 6px;border-radius:6px;background:#e3edfa;z-index:0}
.upc-tool.active svg{position:relative;color:#2962ff;z-index:1}
.upc-legend{font-size:14px;line-height:20px;left:12px;top:10px}
.upc-legend2{top:34px;font-size:14px}.upc-legend-toggle{top:62px;left:12px;width:30px;height:20px}
.upc-tv{position:absolute;left:10px;bottom:40px;z-index:5;width:36px;height:36px;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.12))}
.upc-gear{position:absolute;right:22px;bottom:6px;z-index:5;color:#555;pointer-events:none}
.upc-foot{position:static;display:flex;align-items:center;gap:14px;height:38px;padding:0 14px 0 62px;border-top:1px solid #e0e3eb;font-size:14px;color:#555;background:#fff;flex:none;pointer-events:auto}
.upc-foot i{flex:1}.upc-foot .upc-sp{width:12px}.upc-foot .on{color:#131722}

.upc-vol-label{position:absolute;z-index:5;height:18px;line-height:18px;background:#7ea5ee;color:#fff;font-size:12px;text-align:center;border-radius:2px;pointer-events:none}
.upc-legend-toggle{border:1px solid #b2b5be;background:#fff;color:#131722;box-shadow:0 1px 2px rgba(0,0,0,.08);top:62px;z-index:6}
.upc-legend-toggle:hover{background:#f0f3fa}

/* toolbar groups, flyouts, separators, collapse handle */
.upc-engine{display:none!important}
.upc-left{position:relative;padding:6px 0;overflow-y:auto}
.upc-grp{position:relative;flex:none;display:flex}
.upc-grp .upc-tool{width:52px;height:40px;position:relative}
.upc-grp .upc-tool.active::before{content:"";position:absolute;inset:2px 6px;border-radius:6px;background:#e3edfa;z-index:0}
.upc-grp .upc-tool.active svg{position:relative;color:#2962ff;z-index:1}
.upc-arrow{position:absolute;right:0;top:0;bottom:0;width:10px;border:0;background:transparent;color:#787b86;cursor:pointer;opacity:0;padding:0;display:flex;align-items:center;justify-content:center}
.upc-grp:hover .upc-arrow{opacity:1}.upc-arrow:hover{background:#f0f3fa}
.upc-tsep{display:block;height:1px;background:#e0e3eb;margin:5px 10px;flex:none}
.upc-fly{position:fixed;z-index:10020;background:#fff;border:1px solid #d1d4dc;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.18);padding:4px 0;min-width:200px}
.upc-fly button{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 12px;border:0;background:transparent;color:#131722;font-size:14px;cursor:pointer;text-align:left}
.upc-fly button:hover{background:#f0f3fa}.upc-fly svg{width:24px;height:24px;flex:none}
.upc-collapse{position:absolute;left:52px;bottom:34px;z-index:7;width:14px;height:34px;border:1px solid #e0e3eb;border-left:0;background:#fff;color:#555;border-radius:0 6px 6px 0;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.upc-main{position:relative}.upc-tb-off .upc-left{display:none}.upc-tb-off .upc-collapse{left:0}.upc-tb-off .upc-collapse svg{transform:rotate(180deg)}
.upc-foot .on{color:#2962ff;background:#f0f3fa;border-radius:6px;padding:4px 8px;margin-left:-2px}

/* ===== exact frame metrics from the reference (iframe 990x451): 38px top bar, 4px gutters, 52px toolbar, 39px bottom bar ===== */
.upc{position:relative;display:grid!important;grid-template-columns:52px minmax(0,1fr);grid-template-rows:38px 4px minmax(0,1fr) 39px;column-gap:4px;background:#e9ecf1;color:#1e2939;min-height:451px}
.upc-main{display:contents}
.upc-top{grid-column:1/3;grid-row:1;height:38px;padding:0;border:0;gap:0;background:transparent;font-size:14px;color:#1e2939}
.upc-top button{height:38px;min-width:0;padding:0 6px;border-radius:0;font-size:14px;color:#1e2939;background:transparent;gap:0}
.upc-top button:hover{background:rgba(0,0,0,.05)}
.upc-top button.on{background:transparent;color:#0062df}
.upc-top .upc-ico{width:38px;padding:0}.upc-top .upc-ico svg{width:28px;height:28px}
.upc-top .upc-chev{width:24px;min-width:24px!important;padding:0!important}
.upc-vsep{width:1px;height:20px;margin:9px 0 0;background:#d1d4dc;align-self:flex-start}
.upc-top .upc-fx{padding:0 10px;width:109px}.upc-top .upc-fx i{font-size:20px;margin-right:4px}
.upc-radio{font-size:14px;color:#1e2939}
.upc-left{grid-column:1;grid-row:3/5;width:52px;background:#f9fafc;border:0;padding:6px 0 0;overflow-y:auto;scrollbar-width:none}
.upc-body{grid-column:2;grid-row:3;position:relative;background:#fff;min-width:0}
.upc-foot{grid-column:2;grid-row:4;position:static;display:flex;align-items:center;gap:0;height:39px;padding:0 4px 0 9px;border:0;background:#f9fafc;font-size:14px;color:#8e929b}
.upc-foot span{padding:0 9px;line-height:38px;color:#8e929b;cursor:pointer}
.upc-foot span:first-child{padding-left:0}
.upc-foot .upc-clock{color:#1e2939;padding:0 9px;cursor:default}.upc-foot .upc-sp{display:none}
.upc-foot .on{color:#0062df;background:transparent;border-radius:0;padding:0 9px;margin:0}
.upc-foot i{flex:1}
.upc-grp .upc-tool{width:52px;height:38px;color:#1e2939;position:relative}
.upc-grp .upc-tool.active::before{content:"";position:absolute;inset:2px 9px;border-radius:6px;background:#ebebeb;z-index:0}
.upc-grp .upc-tool.active svg{position:relative;color:#0062df;z-index:1}
.upc-grp .upc-tool svg{width:28px;height:28px}
.upc-tsep{height:13px;margin:0;background:none;position:relative}.upc-tsep::after{content:"";position:absolute;left:10px;right:10px;top:6px;height:1px;background:#e0e0e0}
.upc-collapse{left:52px;bottom:48px;border-color:#e0e0e0}
.upc-gear{right:26px;bottom:6px}
.upc.upc-tb-off{grid-template-columns:0 minmax(0,1fr);column-gap:0}.upc.upc-tb-off .upc-collapse{left:0}
.upc-legend{color:#1e2939}.upc-vol-label{height:18px;line-height:18px;font-size:12px}
.upc-foot .upc-clock{margin-right:9px}

/* radios, bottom bar line + separator, gear: copied from the reference */
.upc-radios{display:flex;align-items:center;gap:16px;margin:0 16px 0 0;height:38px}
.upc-radios a{display:flex;align-items:center;gap:6px;height:17px;font-size:14px;line-height:17px;color:#1e2939;cursor:default;white-space:nowrap}
.upc-radios a svg{width:16px;height:16px;flex:none}.upc-radios a.on svg{color:#003597}
.upc-foot{border-top:1px solid #e9ecf1;box-sizing:border-box;height:39px}
.upc-foot .upc-fsep{display:block;width:1px;height:22px;background:#eeeff0;align-self:center;flex:none}
.upc-foot .upc-clock{margin-right:8px;padding-right:0}
.upc-foot .upc-pct{display:inline-flex;align-items:center;justify-content:center;width:26px;padding:0;color:#8e929b}
.upc-foot .upc-pct svg{width:14px;height:14px}
.upc-gear{right:29px;bottom:6px;color:#2d2d2d;width:16px;height:16px}.upc-gear svg{width:16px;height:16px;display:block}

/* bottom bar spacing exactly as measured: clock | 4px | separator | 4px | % (26) | log (31) | auto (40) */
.upc-foot .upc-clock{margin-right:4px;padding-right:9px}
.upc-foot .upc-fsep{margin:0 4px 0 0}
.upc-foot .upc-pct{width:26px;margin:0}
.upc-foot span:nth-last-child(2){width:31px;padding:0;text-align:center;box-sizing:border-box}
.upc-foot .on{width:40px;padding:0;text-align:center;box-sizing:border-box}

.upc-vol-label{width:auto;min-width:24px;padding:0 6px;box-sizing:border-box;white-space:nowrap}

/* bottom bar: reference paddings (dates 8px; clock, %, log, auto 6px) and colours (all #8e929b except auto) */
.upc-foot span{padding:0 8px;color:#8e929b}
.upc-foot span:first-child{padding-left:8px}
.upc-foot .upc-clock{color:#8e929b;padding:0 6px;margin-right:4px}
.upc-foot .upc-pct{width:26px;padding:0;margin:0}
.upc-foot span:nth-last-child(2){width:31px;padding:0;text-align:center;box-sizing:border-box}
.upc-foot .on{width:40px;padding:0;text-align:center;box-sizing:border-box;color:#0062df}
.upc-vol-mask{position:absolute;height:24px;background:#fff;z-index:4;pointer-events:none}
.upc-gear{width:15px;height:13px;right:30px;bottom:7px;color:#2d2d2d}.upc-gear svg{width:15px;height:13px}
/* active "auto": reference draws a #ebebeb plate (inset 2px, radius 6px) behind the blue text */
.upc-foot .on{position:relative;isolation:isolate;background:transparent}
.upc-foot .on::before{content:"";position:absolute;inset:2px;border-radius:6px;background:#ebebeb;z-index:-1}

/* ---- own TradingView-style tools: drawing layer, property bar, menus, indicators dialog ---- */
.tvd-canvas{position:absolute;left:0;top:0;pointer-events:none;z-index:3}
.upc-plot.tvd-drawing,.upc-plot.tvd-drawing *{cursor:crosshair!important}
.upc-plot.tvd-eraser,.upc-plot.tvd-eraser *{cursor:cell!important}
.upc-plot.tvd-hover,.upc-plot.tvd-hover *{cursor:pointer!important}
.upc-plot.tvd-arrowcur,.upc-plot.tvd-arrowcur *{cursor:default!important}
.tvd-bar{position:absolute;z-index:8;display:flex;align-items:center;gap:1px;height:38px;padding:0 4px;background:#fff;border:1px solid #d1d4dc;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.tvd-bar[hidden]{display:none}.tvd-bar.tvd-notext [data-a=t]{display:none}
.tvd-b{width:32px;height:32px;border:0;background:transparent;border-radius:4px;color:#131722;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;position:relative}
.tvd-b:hover{background:#f0f3fa}.tvd-b.on{color:#2962ff;background:#e8efff}
.tvd-col input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.tvd-col i{width:18px;height:18px;border-radius:3px;background:#2962ff;border:1px solid rgba(0,0,0,.2);display:block}
.tvd-sep{width:1px;height:20px;background:#e0e3eb;margin:0 4px}
.tvd-input{position:absolute;z-index:9;box-sizing:border-box;margin:0;padding:0;min-width:0;border:0;border-radius:0;outline:none;background:transparent;font-family:-apple-system,BlinkMacSystemFont,"Trebuchet MS",Roboto,Ubuntu,sans-serif}.tvd-input::placeholder{color:var(--ph,rgba(41,98,255,.5));opacity:1}
.tvm{position:fixed;z-index:10030;background:#fff;border:1px solid #e0e3eb;border-radius:8px;box-shadow:0 2px 14px rgba(0,0,0,.18);padding:6px 0;color:#131722;font:14px/1.2 -apple-system,BlinkMacSystemFont,"Trebuchet MS",Roboto,Ubuntu,sans-serif;max-height:calc(100vh - 16px);overflow-y:auto}
.tvm-tools{min-width:290px}.tvm-small{min-width:240px}.tvm-types{min-width:200px}.tvm-iv{min-width:170px}
.tvm-h{padding:8px 14px 4px;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:#6a6d78}
.tvm-s{height:1px;margin:6px 0;background:#e0e3eb}
.tvm-i{display:flex;align-items:center;width:100%;height:34px;padding:0 14px 0 12px;border:0;background:transparent;color:#131722;font:inherit;cursor:pointer;text-align:left;gap:10px}
.tvm-i:hover{background:#f0f3fa}.tvm-i.on{background:#e8efff;color:#2962ff}.tvm-i.na{color:#9ca0ab;cursor:default}.tvm-i.na:hover{background:transparent}
.tvm-ic{width:28px;height:28px;flex:none;display:flex;align-items:center;justify-content:center}.tvm-ic svg{width:28px;height:28px;fill:currentColor}
.tvm-l{flex:1;white-space:nowrap}.tvm-k{margin-left:20px;color:#6a6d78;font-size:12px;white-space:nowrap}
.tvm-eg{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:6px 10px;width:280px}.tvm-eg button{height:38px;border:0;background:transparent;border-radius:4px;font-size:22px;cursor:pointer}.tvm-eg button:hover{background:#f0f3fa}
.tvm-set{min-width:240px;padding:10px 14px}.tvm-sh{font-weight:600;margin-bottom:8px}.tvm-f{display:flex;align-items:center;justify-content:space-between;gap:12px;height:32px}.tvm-f input[type=number]{width:80px;height:28px;border:1px solid #d1d4dc;border-radius:4px;padding:0 6px;font:inherit}.tvm-f input[type=color]{width:34px;height:26px;border:0;background:none;padding:0}
.tvm-fb{display:flex;justify-content:flex-end;margin-top:8px}.tvm-fb button{height:30px;padding:0 16px;border:0;border-radius:4px;background:#131722;color:#fff;font:inherit;cursor:pointer}
.upc-top .upc-ctico svg{width:28px;height:28px;fill:currentColor}
.tvi-lg{position:absolute;left:12px;top:90px;z-index:5;font-size:13px;line-height:20px;color:#131722;pointer-events:none}
.tvi-row{display:flex;align-items:center;gap:8px;height:20px;pointer-events:auto;width:max-content;max-width:560px;border-radius:3px;padding:0 4px 0 0}.tvi-row.off{opacity:.5}
.tvi-n{white-space:nowrap}.tvi-v i{font-style:normal;margin-left:6px}.tvi-btns{display:none;gap:0}.tvi-row:hover .tvi-btns{display:inline-flex}
.tvi-btns button{width:20px;height:20px;border:0;background:transparent;color:#6a6d78;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:3px}.tvi-btns button:hover{background:#f0f3fa;color:#131722}
.tvd-ov{position:fixed;inset:0;z-index:10040;background:rgba(19,23,34,.45);display:flex;align-items:center;justify-content:center}
.tvd-dlg{width:min(680px,94vw);height:min(560px,86vh);background:#fff;border-radius:10px;box-shadow:0 8px 40px rgba(0,0,0,.35);display:flex;flex-direction:column;color:#131722;font:14px/1.3 -apple-system,BlinkMacSystemFont,"Trebuchet MS",Roboto,Ubuntu,sans-serif;overflow:hidden}
.tvd-h{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;font-size:20px}.tvd-h b{font-weight:600}.tvd-x{width:32px;height:32px;border:0;background:transparent;border-radius:6px;color:#131722;cursor:pointer;display:flex;align-items:center;justify-content:center}.tvd-x:hover{background:#f0f3fa}
.tvd-s{display:flex;align-items:center;gap:8px;margin:0 20px 8px;height:40px;padding:0 12px;border:1px solid #d1d4dc;border-radius:8px;color:#6a6d78}.tvd-s:focus-within{border-color:#2962ff}.tvd-s input{flex:1;border:0;outline:0;font:inherit;color:#131722;background:transparent}
.tvd-b{flex:1;min-height:0;display:flex;border-top:1px solid #e0e3eb}.tvd-side{width:190px;flex:none;border-right:1px solid #e0e3eb;padding:8px 0;display:flex;flex-direction:column}
.tvd-side button{height:40px;padding:0 20px;border:0;background:transparent;text-align:left;font:inherit;color:#131722;cursor:pointer}.tvd-side button:hover{background:#f0f3fa}.tvd-side button.on{background:#e8efff;color:#2962ff;font-weight:600}
.tvd-list{flex:1;overflow-y:auto}.tvd-lh{position:sticky;top:0;background:#fff;padding:10px 16px;font-size:11px;font-weight:600;letter-spacing:.4px;color:#6a6d78;border-bottom:1px solid #f0f3fa}
.tvd-it{display:flex;align-items:center;height:40px;padding:0 16px 0 8px;cursor:pointer;gap:6px}.tvd-it:hover{background:#f0f3fa}.tvd-st{width:28px;height:28px;border:0;background:transparent;color:#9ca0ab;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;border-radius:4px}.tvd-st:hover{background:#e0e3eb}
.tvd-nm{flex:1}.tvd-na{font-size:12px;color:#9ca0ab}.tvd-ck{color:#2962ff;display:flex}.tvd-empty{padding:40px;text-align:center;color:#6a6d78}
.tvd-toast{position:fixed;left:50%;bottom:36px;transform:translate(-50%,20px);opacity:0;transition:all .25s;z-index:10050;background:#131722;color:#fff;border-radius:8px;padding:10px 16px;font:14px -apple-system,BlinkMacSystemFont,Roboto,sans-serif}.tvd-toast.in{opacity:1;transform:translate(-50%,0)}

/* TradingView floating drawing toolbar */
.tvd-bar{height:40px;padding:0 6px 0 2px;gap:0;border:1px solid #e0e3eb;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.16);background:#fff;cursor:default;user-select:none}
.tvd-grip{width:20px;height:38px;display:flex;align-items:center;justify-content:center;color:#9ca0ab;cursor:grab}.tvd-grip svg{width:20px;height:28px}.tvd-grip:active{cursor:grabbing}
.tvd-b{width:36px;height:36px;border-radius:6px;color:#131722}.tvd-b svg{width:28px;height:28px;display:block}
.tvd-b:hover{background:#f0f3fa}.tvd-b.on{background:transparent;color:#131722}
.tvd-c i{position:absolute;left:8px;right:8px;bottom:5px;height:3px;border-radius:1px;background:#2962ff}
.tvd-wide{width:auto;padding:0 8px 0 4px;gap:2px;font-size:14px}.tvd-wide svg{width:28px}.tvd-narrow{width:36px}
.tvd-vs{width:1px;height:20px;background:#e0e3eb;margin:0 4px}
.tvd-canvas{image-rendering:auto}

/* hover / active states and tooltips of the left toolbar (as the original) */
.upc-grp:hover,.upc-grp:hover .upc-tool{background:#eef2fa}
.upc-grp .upc-tool.active::before{inset:2px 9px;background:#dfe9f8}
.upc-grp .upc-tool.active svg{color:#2962ff}
.upc-grp:hover .upc-arrow{opacity:1}.upc-arrow{color:#6a6d78}.upc-arrow:hover{background:transparent;color:#131722}
.upc-tip{position:fixed;z-index:10060;pointer-events:none;background:#131722;color:#fff;font:13px/18px -apple-system,BlinkMacSystemFont,"Trebuchet MS",Roboto,Ubuntu,sans-serif;padding:7px 12px;border-radius:4px;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.upc-sc{position:sticky;display:none;width:52px;height:20px;flex:none;border:0;padding:0;background:#8a8c91;color:#fff;cursor:pointer;align-items:center;justify-content:center;z-index:3}
.upc-sc-up{top:0;margin-bottom:-20px}.upc-sc-dn{bottom:0;margin-top:-20px}.upc-sc.show{display:flex}.upc-sc:hover{background:#6f7176}

/* ===== floating drawing toolbar + menus + properties dialog: values measured on the real Upbit chart ===== */
.tvd-bar{display:flex;align-items:stretch;height:38px;padding:0;gap:0;border:0;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.2);background:#fff;color:#1e2939;cursor:default}
.tvd-grip{width:24px;height:38px;display:flex;align-items:center;justify-content:center;color:#b8b8b8;cursor:grab;flex:none}.tvd-grip:active{cursor:grabbing}
.tvd-bar .tvd-b{width:38px;height:38px;position:relative;display:flex;align-items:center;justify-content:center;flex:none;border:0;border-radius:0;background:none;color:#1e2939;cursor:pointer;padding:0}
.tvd-bar .tvd-b:hover,.tvd-bar .tvd-b.on{background:none;color:#1e2939}
.tvd-bar .tvd-b svg{display:block;width:auto;height:auto}
.tvd-ic{position:absolute;left:11px;top:7px;width:16px;height:16px;display:block}.tvd-ic svg{width:16px;height:16px}.tvd-ict{left:12px;top:8px;width:13px;height:15px}.tvd-ict svg{width:13px;height:15px}
.tvd-cb{position:absolute;left:8px;top:27px;width:22px;height:4px;border-radius:2px;background:#fff;overflow:hidden;display:block}.tvd-cb i{display:block;width:100%;height:100%;border-radius:2px;background:#2962ff}
.tvd-bar .tvd-wide{width:68px}.tvd-wl{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:flex}.tvd-wl svg{display:block}.tvd-wt{position:absolute;left:35px;top:11px;font:14px/16px -apple-system,BlinkMacSystemFont,"Trebuchet MS",Roboto,sans-serif}
.tvd-menu{position:absolute;z-index:12;background:#fff;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.2);padding:6px 0;color:#0f0f0f;font:14px/16px -apple-system,BlinkMacSystemFont,"Trebuchet MS",Roboto,sans-serif;user-select:none}
.tvd-mi{height:32px;display:flex;align-items:center;cursor:pointer;white-space:nowrap}.tvd-mi:hover{background:#f2f2f2}.tvd-mi.act,.tvd-mi.act:hover{background:#2e2e2e;color:#fff}
.tvd-menu-w{width:78px}.tvd-mw{width:18px;margin:0 11px 0 13px;display:flex}.tvd-mw svg{display:block}
.tvd-menu-s{min-width:134px}.tvd-mic{width:36px;display:flex;justify-content:center;flex:none}.tvd-mis>span:last-child{padding-left:4px;padding-right:16px}.tvd-mis>span:only-child{padding-left:16px}
.tvd-menu-pal{width:248px;padding:6px 0 12px}.tvd-pal{padding:0 9px}
.tvd-sw{display:block}.tvd-sw+.tvd-sw{margin-top:6px}.tvd-swr{display:flex;height:23px}.tvd-swr button{width:23px;height:23px;padding:3px;border:0;background:none;cursor:pointer;position:relative;box-sizing:border-box}
.tvd-swr button::before{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:2px;box-sizing:border-box;background:var(--c);border:1px solid var(--b)}
.tvd-swr button.sel::after{content:"";position:absolute;inset:0;border:2px solid #0f0f0f;border-radius:4px;box-sizing:border-box}
.tvd-sep{height:1px;background:#dbdbdb;margin:12px 3px 12px}
.tvd-plus{color:#6e6e6e}.tvd-plus svg{position:absolute;left:3px;top:3px;width:17px;height:17px}.tvd-plus::before{display:none!important}
.tvd-opt{margin:12px 12px 4px;font-size:12px;line-height:14px;color:#707070}
.tvd-op{display:flex;align-items:center;margin:0 12px;height:26px}.tvd-opsl{position:relative;width:169px;height:10px;border-radius:5px;flex:none;cursor:pointer}.tvd-opg{position:absolute;inset:0;border-radius:5px;border:1px solid #2962ff;box-sizing:border-box}.tvd-opp{position:absolute;top:-1px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #000;box-sizing:border-box}
.tvd-opi{position:relative;margin-left:8px;width:47px;height:26px}.tvd-opi input{width:47px;height:26px;box-sizing:border-box;border:1px solid #dbdbdb;border-radius:4px;padding:0 18px 0 8px;font:14px -apple-system,BlinkMacSystemFont,Roboto,sans-serif;text-align:right;outline:none;background:transparent}.tvd-opi span{position:absolute;right:6px;top:5px;font-size:14px;color:#0f0f0f}
.tvd-hide{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.tvd-ov{position:fixed;inset:0;z-index:10040;background:transparent;display:block}
.tvd-dlg2{position:fixed;left:50%;top:20px;transform:translateX(-50%);width:380px;height:411px;max-height:calc(100vh - 40px);background:#fff;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.2),0 8px 28px rgba(0,0,0,.18);display:flex;flex-direction:column;color:#0f0f0f;font:14px/1.2 -apple-system,BlinkMacSystemFont,"Trebuchet MS",Roboto,sans-serif}
.tvd-dh{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:68px;flex:none}.tvd-dt{font-size:20px;font-weight:600}
.tvd-dx{width:34px;height:34px;border:0;background:none;border-radius:8px;cursor:pointer;color:#0f0f0f;display:flex;align-items:center;justify-content:center}.tvd-dx:hover{background:#f2f2f2}
.tvd-tabs{display:flex;padding:0 20px;gap:24px;height:32px;flex:none;border-bottom:1px solid #ebebeb}.tvd-tabs button{position:relative;border:0;background:none;padding:0;font:600 16px/32px -apple-system,BlinkMacSystemFont,"Trebuchet MS",Roboto,sans-serif;color:#0f0f0f;cursor:pointer;opacity:.75}.tvd-tabs button.on{opacity:1}.tvd-tabs button.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:4px;border-radius:2px;background:#0f0f0f}
.tvd-dbody{flex:1;overflow:auto;padding:12px 20px}
.tvd-row{display:flex;align-items:center;min-height:50px}.tvd-row>span:first-child{width:104px;flex:none}.tvd-ctl{display:flex;gap:8px}
.tvd-sw1,.tvd-sq{width:34px;height:34px;border:1px solid #dbdbdb;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:#0f0f0f}.tvd-sw1{width:75px;justify-content:flex-start;padding:0 4px}.tvd-sw1 i{width:24px;height:24px;border-radius:4px;display:block}
.tvd-sel{width:180px;height:34px;box-sizing:border-box;border:1px solid #dbdbdb;border-radius:6px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 9px;cursor:pointer}
.tvd-chk{display:flex;align-items:center;gap:8px;min-height:50px;cursor:pointer}.tvd-chk input{position:absolute;opacity:0}.tvd-chk i{width:16px;height:16px;border:1px solid #0f0f0f;border-radius:3px;box-sizing:border-box}.tvd-chk input:checked+i{background:#0f0f0f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23fff' stroke-width='1.6'%3E%3Cpath d='m4 8.500 3 3 5-6'/%3E%3C/svg%3E") center/16px no-repeat}
.tvd-in{height:34px;box-sizing:border-box;border:1px solid #dbdbdb;border-radius:6px;padding:0 8px;font:inherit;outline:none;width:200px}.tvd-in:focus{border-color:#0f0f0f}.tvd-n{width:90px}.tvd-n2{width:150px}
.tvd-df{display:flex;align-items:center;gap:8px;padding:0 20px;height:68px;flex:none;border-top:1px solid #ebebeb}.tvd-gap{flex:1}
.tvd-tpl{height:34px;box-sizing:border-box;border:1px solid #dbdbdb;border-radius:6px;background:#fff;padding:0 6px 0 9px;display:flex;align-items:center;gap:8px;font:inherit;cursor:pointer}
.tvd-bt{height:34px;padding:0 15px;border:1px solid #0f0f0f;border-radius:8px;background:#fff;font:500 16px/1 -apple-system,BlinkMacSystemFont,Roboto,sans-serif;cursor:pointer;color:#0f0f0f}.tvd-ok{background:#0f0f0f;color:#fff}
.tvd-menu-pal .tvd-sep{width:auto;height:1px;margin:12px 12px 0;background:#dbdbdb}.tvd-menu-pal .tvd-sw:last-of-type{margin-top:12px}
.tvd-opi input{padding:0 17px 0 6px}

/* left toolbar: hover / active boxes measured on the real page (34x34, hover #f2f2f2, cursor-active #ebebeb, drawing-active bluish) */
.upc-grp:hover,.upc-grp:hover .upc-tool{background:transparent}
.upc-grp .upc-tool::before{content:"";position:absolute;inset:2px 9px;border-radius:6px;background:transparent;z-index:0}
.upc-grp .upc-tool svg{position:relative;z-index:1}
.upc-grp:hover .upc-tool::before{background:#f2f2f2}
.upc-grp .upc-tool.active::before{background:#e4edfb}
.upc-grp .upc-tool.active svg{color:#0062df}
.upc-grp .upc-tool[data-grp="cursors"].active::before{background:#ebebeb}
.upc-grp .upc-tool[data-grp="cursors"].active svg{color:#0062df}
.upc-sc{height:18px;background:#777778}.upc-sc-up{margin-bottom:-18px}.upc-sc-dn{margin-top:-18px}.upc-sc:hover{background:#5f5f60}

.upc-sc{color:#fff}.upc-sc svg{color:#fff}
.tvd-grip svg{width:8px;height:12px}
.upc-sc{height:17px;background:rgba(75,75,78,.75);color:#fff;left:0;right:0;width:auto}
.upc-sc-up{margin-bottom:-17px}.upc-sc-dn{margin-top:-17px}.upc-sc:hover{background:rgba(55,55,58,.85)}
.upc-tip{font-weight:500}
/* scroll arrows only while the pointer is over the toolbar (and only in a direction that can still scroll) */
.upc-sc.show{display:none}.upc-left:hover .upc-sc.show{display:flex}

/* ===== top toolbar: geometry/icons measured on the real chart header ===== */
.upc-top{display:flex;align-items:stretch;height:38px;padding:0;gap:0;color:#1e2939;font:14px/16px -apple-system,BlinkMacSystemFont,"Trebuchet MS",Roboto,Ubuntu,sans-serif}
.upc-top button{height:38px;min-width:0;border:0;border-radius:0;background:transparent;color:#1e2939;display:inline-flex;align-items:center;justify-content:center;gap:0;padding:0;cursor:pointer;font:inherit}
.upc-top button:hover{background:rgba(0,0,0,.05)}.upc-top button.on{background:transparent;color:#0062df}
.upc-top .upc-tfb{padding:0 6px}.upc-top .upc-tfb.upc-na{opacity:1}
.upc-top .upc-more{display:inline-flex;position:relative}.upc-top .upc-chev{width:24px;padding:0!important;min-width:24px!important}.upc-top .upc-chev svg{display:block}
.upc-top .upc-vsep{width:.5px;height:38px;margin:0;background:#eeeff0;align-self:stretch;flex:none}
.upc-top .upc-tbi{width:38px;padding:0 5px}.upc-top .upc-tbi svg{width:28px;height:28px;display:block}
.upc-top .upc-tbi.upc-fx{width:auto;padding:0 10px 0 5px}.upc-top .upc-fx span{margin-left:4px;font:14px/16px -apple-system,BlinkMacSystemFont,"Trebuchet MS",Roboto,Ubuntu,sans-serif}.upc-top .upc-fx i{display:none}
.upc-top .upc-ctico{display:flex}.upc-top .upc-ctico svg{width:28px;height:28px;fill:currentColor}
.upc-top{background:#f9fafc}
.upc-radios a{font-family:Roboto,"Noto Sans KR",sans-serif;font-size:14px;line-height:17px}
.upc-radios a.on{margin-left:-.8px}

/* ===== scale gear menu + chart Settings dialog (measured on the real chart) ===== */
.upc-gear{pointer-events:auto;cursor:pointer}
.tvs-menu{position:fixed;z-index:10050;background:#fff;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#0f0f0f;font:14px/16px -apple-system,BlinkMacSystemFont,"Trebuchet MS",Roboto,Ubuntu,sans-serif;width:290px;user-select:none}
.tvs-submenu{min-width:0}
.tvs-scroll{overflow-y:auto;padding:6px 0;scrollbar-width:thin}
.tvs-menu table{width:100%;border-collapse:collapse}.tvs-it{height:32px;cursor:pointer}.tvs-it:hover{background:#f2f2f2}
.tvs-ic{width:36px;padding:0;text-align:center;vertical-align:middle}.tvs-ic svg{display:block;margin:0 auto}
.tvs-lb{padding:0 20px 0 4px;white-space:nowrap;position:relative}.tvs-lb em{font-style:normal;font-size:12px;color:#9c9c9c;position:absolute;right:20px;top:8px}.tvs-lb i{position:absolute;right:20px;top:8px;display:block;height:16px}.tvs-lb i svg{display:block}
.tvs-sp{height:13px}.tvs-sp td{padding:0;position:relative}.tvs-sp i{display:block;height:1px;background:#ebebeb;margin-top:0}
.upc-foot.tvs-nomodes .upc-pct,.upc-foot.tvs-nomodes span:nth-last-child(-n+2){display:none}
.upc-foot .tvs-on{color:#0062df;background:transparent;border-radius:0;position:relative;isolation:isolate}.upc-foot .tvs-on::before{content:"";position:absolute;inset:2px;border-radius:6px;background:#ebebeb;z-index:-1}
.upc-foot.tvs-hoveronly .upc-pct,.upc-foot.tvs-hoveronly span:nth-last-child(-n+2){opacity:0}.upc:hover .upc-foot.tvs-hoveronly .upc-pct,.upc:hover .upc-foot.tvs-hoveronly span:nth-last-child(-n+2){opacity:1}
.tvs-nopane .upc-legend-toggle{display:none}
.tvs-ov{position:fixed;inset:0;z-index:10060}
.tvs-dlg{position:fixed;height:411px;max-height:calc(100vh - 16px);background:#fff;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.2),0 8px 28px rgba(0,0,0,.18);display:flex;flex-direction:column;color:#0f0f0f;font:14px/1.2 -apple-system,BlinkMacSystemFont,"Trebuchet MS",Roboto,Ubuntu,sans-serif}
.tvs-dh{height:68px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;font-size:20px;font-weight:600;flex:none}
.tvs-x{width:34px;height:34px;border:0;background:none;border-radius:8px;cursor:pointer;color:#0f0f0f;display:flex;align-items:center;justify-content:center}.tvs-x:hover{background:#f2f2f2}
.tvs-db{flex:1;display:flex;min-height:0;border-top:1px solid #ebebeb}
.tvs-side{width:201px;padding:6px 0;flex:none;border-right:1px solid #ebebeb;box-sizing:border-box}
.tvs-side button{display:flex;align-items:center;gap:8px;width:200px;height:40px;padding:6px 0 6px 20px;border:0;background:none;font:inherit;color:#0f0f0f;cursor:pointer;text-align:left}.tvs-side button i{width:28px;height:28px;display:block;flex:none}.tvs-side button.on{background:#f2f2f2;font-weight:600}.tvs-side button:hover{background:#f7f7f7}
.tvs-body{flex:1;overflow-y:auto;padding:16px 20px;min-width:0}
.tvs-sec{height:32px;display:flex;align-items:center;font-size:11px;line-height:12px;text-transform:uppercase;color:#707070}
.tvs-row{display:flex;align-items:center;min-height:50px}
.tvs-gap{height:14px}.tvs-sp2{width:25px;flex:none}.tvs-w93{width:93px}
.tvs-chk{display:flex;align-items:center;gap:8px;cursor:pointer;line-height:16px}.tvs-chk.tvs-in{margin-left:26px}
.tvs-box{width:18px;height:18px;box-sizing:border-box;border:1px solid #2e2e2e;border-radius:3px;display:flex;align-items:center;justify-content:center;flex:none;color:#fff}.tvs-box.on{background:#2e2e2e}
.tvs-cps2{display:flex;gap:8px}
.tvs-cp{position:relative;width:34px;height:34px;box-sizing:border-box;border:1px solid #dbdbdb;border-radius:6px;background:#fff;padding:0;cursor:pointer;flex:none;margin-right:8px}.tvs-cps2 .tvs-cp{margin-right:0}
.tvs-cpo,.tvs-cps{position:absolute;left:4px;top:4px;width:24px;height:24px;border-radius:3px;display:block}.tvs-cpo{background:repeating-conic-gradient(#d9d9d9 0 25%,#fff 0 50%) 0 0/8px 8px}
.tvs-l{width:102px;flex:none}.tvs-l2{width:195px}
.tvs-sel{height:34px;width:182px;box-sizing:border-box;border:1px solid #dbdbdb;border-radius:6px;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 9px;cursor:pointer;margin-right:8px}.tvs-selw{width:140px}.tvs-sels{width:64px}
.tvs-num{width:90px;height:34px;box-sizing:border-box;border:1px solid #dbdbdb;border-radius:6px;padding:0 8px;font:inherit;outline:none}.tvs-num:focus{border-color:#0f0f0f}.tvs-unit{margin-left:8px;color:#0f0f0f}
.tvs-df{height:67px;padding:0 20px;display:flex;align-items:center;gap:8px;flex:none;border-top:1px solid #ebebeb}.tvs-fl{flex:1}
.tvs-tpl{height:34px;width:100px;box-sizing:border-box;border:1px solid #dbdbdb;border-radius:6px;background:#fff;padding:0 6px 0 9px;display:flex;align-items:center;justify-content:space-between;font:inherit;cursor:pointer}
.tvs-bt{height:35px;padding:0 15px;border:1px solid #0f0f0f;border-radius:8px;background:#fff;font:500 16px/1 -apple-system,BlinkMacSystemFont,Roboto,sans-serif;cursor:pointer;color:#0f0f0f}.tvs-ok{background:#0f0f0f;color:#fff}
.tvs-selmenu{width:auto;padding:6px 0;z-index:10070}.tvs-opt{height:32px;line-height:32px;padding:0 16px;cursor:pointer;white-space:nowrap}.tvs-opt:hover{background:#f2f2f2}.tvs-opt.on{background:#2e2e2e;color:#fff}
.tvs-fixed{position:fixed;z-index:10070}
.tvs-ratio{width:150px;margin-left:12px;background:#f2f2f2;color:#707070}

.tvs-w187{width:187px}.tvs-ratio{margin-left:0!important}
.tvs-submenu .tvs-scroll{max-height:none}
.tvs-l2{width:187px}.tvs-sel{width:auto;min-width:150px;gap:12px}.tvs-selw{width:auto;min-width:100px}.tvs-sels{min-width:64px}
.tvs-ratio{width:150px;box-sizing:border-box}

/* Indicators dialog (real geometry: 380x411, search row 42, SCRIPT NAME header 40, rows 32) */
.tvi-dlg{height:411px;display:flex;flex-direction:column}
.tvi-search{position:relative;height:42px;flex:none;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;box-sizing:border-box}
.tvi-search svg{position:absolute;left:15px;top:6px;color:#a8a8a8}.tvi-search input{position:absolute;left:47px;right:16px;top:8px;height:24px;border:0;outline:0;font:16px/24px -apple-system,BlinkMacSystemFont,"Trebuchet MS",Roboto,sans-serif;color:#0f0f0f;background:transparent}
.tvi-list{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}
.tvi-lh{padding:16px 84px 8px 32px;font-size:11px;line-height:16px;text-transform:uppercase;color:#707070}
.tvi-r{height:32px;display:flex;align-items:center;padding:0 16px 0 6px;cursor:pointer}.tvi-r:hover{background:#f2f2f2}
.tvi-fav{width:22px;height:22px;border-radius:4px;color:#808080;display:flex;align-items:center;justify-content:center;visibility:hidden;flex:none}.tvi-r:hover .tvi-fav{visibility:visible}.tvi-fav svg{display:block}
.tvi-t{margin-left:4px;font-size:14px;line-height:16px}

.tvi-n b{font-weight:400;color:#131722}.tvi-n u{text-decoration:none;color:#8e929b}
/* page-wide table CSS must not stretch lightweight-charts' pane separators */
.upc-plot tr[style*="height: 1px"]>td{height:1px!important;max-height:1px!important;line-height:0!important;font-size:0!important}

.tvi-lgp{top:6px}

/* chart type menu (measured on the real chart) */
.tvm-types2{padding:6px 0;width:204px;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}
.tvt-scroll{overflow-y:auto;scrollbar-width:thin}
.tvt-i{height:40px;display:flex;align-items:center;padding:0 5px 0 12px;cursor:pointer;color:#0f0f0f}.tvt-i:hover{background:#f2f2f2}.tvt-i.act,.tvt-i.act:hover{background:#2e2e2e;color:#fff}
.tvt-ic{width:28px;height:28px;display:flex;flex:none}.tvt-ic svg{width:28px;height:28px;fill:currentColor}.tvt-l{margin-left:2px;flex:1;white-space:nowrap}
.tvt-st{width:28px;height:28px;display:none;color:#808080}.tvt-i:hover .tvt-st{display:flex}.tvt-i.act .tvt-st{color:#bbb}
.tvt-sep{height:13px;position:relative}.tvt-sep::after{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:#ebebeb}
.tvm-types2{border:0!important;border-radius:6px!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important}

/* ===== chart legend (measured on the real TradingView legend of Upbit) ===== */
.upc-legend,.upc-legend2,.upc-legend-toggle{display:none!important}
.lg{position:absolute;left:4px;top:0;padding-top:4px;z-index:6;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;max-width:calc(100% - 8px);font:13px/1 -apple-system,BlinkMacSystemFont,"Trebuchet MS",Roboto,Ubuntu,sans-serif;color:#0f0f0f}
.lg-slot{pointer-events:none;display:flex;flex-direction:column;align-items:flex-start}
.lg .tvi-lg{position:static;left:auto;top:auto;z-index:auto;font-size:13px;line-height:1}
.tvi-lg.tvi-lgp{left:4px;font:13px/1 -apple-system,BlinkMacSystemFont,"Trebuchet MS",Roboto,Ubuntu,sans-serif}
.lg-row{position:relative;display:flex;align-items:center;height:24px;pointer-events:auto;white-space:nowrap;width:max-content;max-width:100%;--bw:84px}
.lg-main{--bw:28px}
.lg-hd{position:relative;display:flex;flex:none;height:24px}
.lg-tt{display:flex;align-items:center;height:24px;box-sizing:border-box;padding:0 4px 0 2px;background:rgba(255,255,255,.5);border-radius:4px 0 0 4px}
.lg-t{position:relative;display:flex;align-items:center;height:20px;padding-left:3px;line-height:19px;font-size:13px;color:#0f0f0f}
.lg-main .lg-t{font-size:16px}
.lg-t.lg-dot{padding-left:12px}
.lg-t.lg-dot::before{content:"\00B7";position:absolute;left:3px;top:0;width:6px;text-align:center}
.lg-t b{font-weight:400}.lg-t u{text-decoration:none;color:#8e929b;margin-left:4px}
.lg-vals{display:flex;align-items:center;height:24px;padding-left:4px;background:rgba(255,255,255,.5);font-size:13px}
.lg-vi{display:flex;align-items:center;margin-right:6px;font-size:13px}
.lg-vt{font-style:normal;padding-right:1px;color:#0f0f0f}
.lg-vv{font-style:normal}
.lg-bt{position:absolute;left:100%;top:0;display:none;height:24px;align-items:center;background:#fff;border-radius:0 4px 4px 0;z-index:2}
.lg-b{width:28px;height:22px;margin:0;border:0;padding:0;background:transparent;color:#0f0f0f;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer}
.lg-b:hover{background:#f2f2f2}
.lg-b svg{width:18px;height:18px;display:block}
.lg-b .crossed-eye{display:none}
.lg-row:hover .lg-bt,.lg-row.lg-open .lg-bt{display:flex}
.lg-row:hover .lg-tt,.lg-row.lg-open .lg-tt{background:#fff}
.lg-row:hover .lg-hd::after,.lg-row.lg-open .lg-hd::after{content:"";position:absolute;top:0;bottom:0;left:0;right:calc(-1 * var(--bw));border:1px solid #dbdbdb;border-radius:4px;pointer-events:none;z-index:3}
.lg-row.lg-open .lg-hd::after{border-color:#2962ff}
.lg-off .lg-t,.lg-off .lg-t *{color:#b2b5be}
.lg-off .lg-bt{display:flex;background:transparent}
.lg-off:not(:hover):not(.lg-open) .lg-b:not(.lg-eye){display:none}
.lg-off .lg-eye .normal-eye{display:none}.lg-off .lg-eye .crossed-eye{display:inline}
.lg-off .lg-vals{display:none}
.lg-off:hover .lg-bt,.lg-off.lg-open .lg-bt{background:#fff}
.lg-tgw{box-sizing:border-box;height:27px;padding:3px 4px;pointer-events:auto}
.lg-tg{width:29px;height:21px;box-sizing:border-box;border:1px solid #dbdbdb;border-radius:3px;background:rgba(255,255,255,.8);color:#0f0f0f;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}
.lg-tg:hover{background:#f2f2f2}
.lg-tg svg{width:15px;height:15px;transform:rotate(180deg)}
.lg-collapsed .lg-tg svg{transform:none}
.lg-collapsed .lg-study,.lg-collapsed .tvi-lg,.upc-legend-hidden .tvi-lgp{display:none}
/* legend context menu */
.lgm{position:fixed;z-index:2147483000;box-sizing:border-box;background:#fff;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.2);padding:6px 0;font:14px/16px -apple-system,BlinkMacSystemFont,"Trebuchet MS",Roboto,Ubuntu,sans-serif;color:#0f0f0f;user-select:none}
.lgm-i{position:relative;display:flex;align-items:center;height:32px;padding:0 20px 0 40px;cursor:pointer;white-space:nowrap}
.lgm-i:hover{background:#f2f2f2}
.lgm-ic{position:absolute;left:8px;top:2px;width:28px;height:28px;display:flex}.lgm-ic svg{width:28px;height:28px}
.lgm-l{flex:1}
.lgm-sc{margin-left:10px;color:#9c9c9c;font-size:12px}
.lgm-ch{margin-left:10px;width:10px;height:16px;display:flex}.lgm-ch svg{width:10px;height:16px;fill:currentColor}
.lgm-sep{height:13px;position:relative}.lgm-sep::after{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:#ebebeb}
.lgm-sub .lgm-i{padding:0 20px 0 10px}
.upc-foot .upc-pct{height:38px;align-self:center;box-sizing:border-box}

/* emoji / stickers / icons picker (measured on the real chart) */
.tvp{position:fixed;z-index:2147483000;width:354px;height:451px;box-sizing:border-box;background:#fff;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;flex-direction:column;font:14px/1.2 -apple-system,BlinkMacSystemFont,"Trebuchet MS",Roboto,Ubuntu,sans-serif;color:#0f0f0f;user-select:none}
.tvp-cat{flex:none;height:48px;box-sizing:border-box;padding:5px 6px 5px;display:flex;border-bottom:1px solid #ebebeb}
.tvp-c{flex:none;width:38px;height:38px;border:0;border-radius:4px;background:transparent;color:#0f0f0f;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.tvp-c:hover{background:#f2f2f2}.tvp-c.on{color:#2962ff}.tvp-c svg{width:28px;height:28px}
.tvp-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;position:relative;scrollbar-width:thin}
.tvp-h{height:30px;line-height:30px;padding-left:18px;font-size:11px;text-transform:uppercase;color:#808080;letter-spacing:0}
.tvp-g{display:flex;flex-wrap:wrap;padding:0 0 0 6px}
.tvp-e{flex:none;width:37.4px;height:38px;border:0;border-radius:4px;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#0f0f0f}.tvp-e:hover{background:#f2f2f2}.tvp-e img{width:24px;height:24px;display:block}.tvp-i svg{width:28px;height:28px}
.tvp-gs{padding:0}.tvp-s{flex:none;width:112px;height:112px;border:0;background:transparent;padding:6px;display:flex;align-items:center;justify-content:center;cursor:pointer}.tvp-s:hover{background:#f2f2f2}.tvp-s svg{width:100px;height:100px}
.tvp-tabs{flex:none;height:48px;display:flex;align-items:stretch;justify-content:center;gap:24px}
.tvp-t{border:0;background:transparent;font:inherit;font-size:15px;color:#0f0f0f;padding:0;cursor:pointer;position:relative}.tvp-t.on{color:#2962ff}.tvp-t.on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#2962ff}



/* ---- chart mode radios (Original / TradingView) and the Original-mode extras ---- */
.upc-top,.uo .ciq-nav{position:relative}
.uo-radios{position:absolute;right:17px;top:11px;display:flex;gap:15px;z-index:5}
.uo-radio{display:flex;align-items:center;height:17px;cursor:pointer;color:#1a2434;user-select:none}
.uo-radio svg{margin-right:4px;flex:none}.uo-radio.on svg{color:#003597}
.uo-radio .uo-rl{font:normal 400 14px/17px Roboto,sans-serif!important;color:#1a2434;cursor:pointer}
.uo .uo-toast{position:absolute;left:50%;bottom:48px;transform:translateX(-50%);width:446px;height:45px;background:#0062df;border-radius:4px;display:flex;align-items:center;padding:0 16px;box-sizing:border-box;color:#fff;font:400 14.4px Roboto,sans-serif;z-index:20}
.uo .uo-toast span{flex:1;white-space:nowrap}
.uo .uo-toast i{position:relative;width:18px;height:18px;cursor:pointer;flex:none}
.uo .uo-toast i::before,.uo .uo-toast i::after{content:"";position:absolute;left:8px;top:-2px;width:1.5px;height:22px;background:#fff;transform:rotate(45deg)}
.uo .uo-toast i::after{transform:rotate(-45deg)}
.uo{font-family:Roboto,sans-serif}

/* Reset Chart Settings confirmation (measured on the real page) */
.uo-modal{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;font-family:Roboto,"Noto Sans KR",sans-serif}
.uo-modal-box{box-sizing:border-box;width:410px;height:236px;background:#fff;padding:36px 40px 40px;position:relative}
.uo-modal-box h4{margin:0 0 20px;font:700 18px/24px Roboto,"Noto Sans KR",sans-serif;color:#1a2434}
.uo-modal-box p{margin:0;font:400 16px/24px Roboto,"Noto Sans KR",sans-serif;color:#565d6a}
.uo-modal-btns{position:absolute;right:40px;bottom:40px;display:flex;gap:10px}
.uo-modal-btns button{width:92px;height:44px;font:400 14px Roboto,"Noto Sans KR",sans-serif;cursor:pointer;border-radius:0;box-sizing:border-box;padding:0}
.uo-mb-close{background:#fff;color:#0062df;border:1px solid #0062df}
.uo-mb-ok{background:#0062df;color:#fff;border:1px solid #0062df}
.uo-modal,.uo-modal *{font-style:normal!important;letter-spacing:normal!important}.uo-modal-btns button:focus{outline:none}

/* order book hover tooltip */
.up-obtip{position:fixed;z-index:60;width:162px;box-sizing:border-box;padding:6px 8px 5px;background:#093687;color:#fff;font:400 11px/16px Roboto,"Noto Sans KR",sans-serif;pointer-events:none}
.up-obtip p{margin:0;display:flex;justify-content:space-between}.up-obtip b{font-weight:700}

/* market status badges next to the coin name in the header (emotion rules of upbit.com) */
.css-l4e2ib { height: 14px; }
.css-160r9bz { cursor: pointer; position: relative; vertical-align: top; }
.css-160r9bz div { display: none; }
.css-160r9bz:hover div { position: absolute; top: 24px; left: -29px; z-index: 100; display: block; min-width: 236px; padding: 8px 10px; border: 1px solid #c8cad1; background-color: #fff; box-shadow: 0 1px 1px #f5f5f5; line-height: 1.5em; color: #333; font-size: 11px; letter-spacing: 0; text-align: left; font-weight: 400; }
.css-1mzl631 { margin-right: 2px; }

/* express order feedback + precaution popup */
.up-toast{position:fixed;left:50%;bottom:48px;z-index:100001;transform:translateX(-50%);max-width:560px;padding:12px 20px;background:#1a2434;color:#fff;font:400 13px/20px Roboto,"Noto Sans KR",sans-serif;opacity:0;pointer-events:none;transition:opacity .2s}
.up-toast.on{opacity:1}.up-toast[data-bad="1"]{background:#dd3c44}
.up-express-box{width:480px;height:auto;padding-bottom:104px}
.up-express-box p{margin:0 0 12px;font-size:14px;line-height:22px}
.up-express-ck{display:flex;align-items:center;gap:8px;margin-top:20px;font:400 14px/20px Roboto,"Noto Sans KR",sans-serif;color:#1a2434;cursor:pointer}
.uo-mb-ok[disabled]{opacity:.4;cursor:default}

/* Accumulated: the ask rows are stored best-first and drawn upside down (emotion rules of upbit.com) */
.css-1vl6gh7 { display: flex; flex-direction: column-reverse; }
.css-1vl6gh7.css-1vl6gh7.css-1vl6gh7 > tr { width: 490px; }
.css-1vl6gh7.css-1vl6gh7.css-1vl6gh7 > tr td:nth-of-type(1) { width: 165px; }
.css-1vl6gh7.css-1vl6gh7.css-1vl6gh7 > tr td:nth-of-type(2) { width: 95px; }
.css-1vl6gh7.css-1vl6gh7.css-1vl6gh7 > tr td:nth-of-type(3) { width: 92px; }
.css-1vl6gh7.css-1vl6gh7.css-1vl6gh7 > tr td:nth-of-type(4) { width: 95px; }
.css-1vl6gh7.css-1vl6gh7.css-1vl6gh7 > tr td:nth-of-type(5) { width: 43px; }

/* emergency Notice bar above the coin title (layout and colours of upbit.com) */
html{overflow-anchor:none}
.up-notice{display:flex;flex-direction:row;align-items:stretch;height:42px;margin-bottom:1px;box-sizing:border-box;background:#fff;font-family:Roboto,"Noto Sans KR",sans-serif}
.up-notice-t{display:flex;align-items:center;flex-shrink:0;padding-left:16px;color:#0062df;font-size:13px;line-height:20px;font-weight:700}
.up-notice-t svg{margin-right:2px;color:#0062df}.up-notice.severe .up-notice-t,.up-notice.severe .up-notice-t svg{color:#dd3c44}
.up-notice-c{flex:1;display:flex;align-items:center;cursor:pointer;box-sizing:border-box;padding-left:6px;min-width:0}
.up-notice-c span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#1a2434;font-size:13px;line-height:20px}
.up-notice-x{display:flex;align-items:center;cursor:pointer;padding:0 16px;color:#8e929b}
body.up-dark .up-notice,.DarkMode .up-notice{background:#0d1118}body.up-dark .up-notice-c span,.DarkMode .up-notice-c span{color:#d2d4d6}

/* Mini Chart tab */
.css-y6kovs{position:relative;height:283px}
.up-mini-range{position:absolute;right:0;left:auto;top:-35px;margin:0 24px 0 0;width:auto;height:20px;z-index:10;display:block}
.up-mini-tip{position:absolute;left:0;bottom:48px;width:490px;height:44px;box-sizing:border-box;z-index:20}
.up-mini-tip .css-6vemd5{display:flex;align-items:center;justify-content:space-between;height:44px;margin:0 22px;padding:0 16px;box-sizing:border-box;background:#0062df;border-radius:4px;color:#fff}
.up-mini-tip .css-u2vczq{font:400 14px/20px Roboto,"Noto Sans KR",sans-serif;color:#fff}
.up-mini-tip .css-mtw0bz{display:flex;align-items:center;cursor:pointer;color:#fff}
.ciq-chart-area.mini cq-hu-static{display:none!important}
.up-mini-range{display:block;width:39px;height:20px}
.up-mini-range cq-menu.ciq-period{position:relative!important;display:block!important;width:25px!important;height:20px!important;margin:0 0 0 14px!important;padding:0!important;line-height:20px!important}
.upc-history .upc-empty{display:flex;align-items:center;justify-content:center;height:362px;padding:0;font-size:12px;line-height:18px;color:#565d6a}

/* the captured emotion rules lost the border of the selected order type (empty border-*-style values) */
.css-euxrj1,.css-15j7yxz{border-style:solid;border-width:1px}
/* "Order types ?" note */
.up-ot-tip{position:absolute;left:-27px;top:20px;z-index:100;width:308px;padding:8px 0}
.up-ot-card{box-sizing:border-box;width:308px;padding:15px;background:#fff;border:1px solid #d6d8db;border-radius:4px;font-family:Roboto,"Noto Sans KR",sans-serif;text-align:left;cursor:default}
.up-ot-row{display:flex;flex-direction:column}.up-ot-row+.up-ot-row{margin-top:10px}
.up-ot-t{font-size:13px;line-height:19px;font-weight:700;color:#1a2434}
.up-ot-d{margin-top:4px;font-size:13px;line-height:19px;font-weight:400;color:#565d6a}
body.up-dark .up-ot-card,.DarkMode .up-ot-card{background:#141a24;border-color:#2a3140}body.up-dark .up-ot-t,.DarkMode .up-ot-t{color:#d2d4d6}body.up-dark .up-ot-d,.DarkMode .up-ot-d{color:#8e929b}

/* order type dropdown (emotion rules of upbit.com) */
.css-9ogqba { display: flex; position: absolute; transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out; visibility: hidden; opacity: 0; transform: scaleY(0.95); right: 0px; top: 100%; transform-origin: right top; padding-top: 4px; background-color: transparent; border: 0px; z-index: 1010; }
.css-9ogqba[data-state="on"] { visibility: visible; opacity: 1; transform: scaleY(1); }
.css-cuske0 { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0px; width: 280px; border-radius: 4px; background: #fff; border: 1px solid #d6d8db; box-shadow: 0 4px 12px rgba(0,0,0,.08); }
.css-58gv58 { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; padding: 12px; box-sizing: border-box; cursor: pointer; text-align: left; }
.css-58gv58 > * + * { margin-left: 8px; }
.css-58gv58:hover { background: #f4f5f8; }
.css-7wvye { width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.css-7wvye > * + * { margin-top: 2px; }
.css-apnehw { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 3px; }
.css-1e5w8xe { line-height: 16px; font-weight: inherit; font-size: 11px; color: #8e929b; text-align: left; }
.css-apnehw .css-1rjx79t { line-height: 21px; font-size: 14px; color: #1a2434; font-weight: 400; }
.css-bm7fkg { width: 100%; height: 1px; background: #f1f1f4; }
.css-cugyh6 { color: #0062df; display: inline-block; width: 20px; height: 20px; min-width: 20px; min-height: 20px; }
.up-new { align-self: flex-start; margin-left: 1px; font: 700 8px/10px Roboto,sans-serif; color: #1da581; letter-spacing: .2px; }
.up-twap-arrow { flex: 0 0 16px; color: #8e929b; }
.css-11pfc7b { color: #0062df; display: inline-block; width: 12px; height: 12px; min-width: 12px; min-height: 12px; }

/* chart-only mode (embedded by the TWAP page) */
.up-chartonly body{overflow:hidden!important}
.up-chartonly #tv_chart_container{position:fixed!important;inset:0!important;z-index:99999!important;height:100vh!important;width:100vw!important;min-height:0!important;background:#fff}

/* no italics anywhere */
*,*::before,*::after{font-style:normal!important}

.upbit-ux-badge{display:none!important}