/* 디자인 v4 합본 — 고치지 말고 원본을 고친 뒤 python3 scripts/build-design-css.py · sources: pages/server.css@ece262e505f9 */
.d-v4 .ui-sh__grid{display:grid;grid-template-columns:96px minmax(0,1fr) 272px 352px;grid-template-areas:"pic main stats today" "pic tip stats today";grid-template-rows:auto 1fr;gap:20px 36px;padding-block:32px 28px;align-items:start}.d-v4 .ui-sh__pic{grid-area:pic;position:relative;width:96px}.d-v4 .ui-sh__rank{position:absolute;right:-6px;bottom:-6px;display:grid;place-items:center;min-width:26px;height:26px;padding:0 5px;border-radius:var(--ui-r);background:var(--ui-accent-fill);color:var(--ui-on-accent);box-shadow:0 0 0 2px var(--ui-surface);font-family:var(--ui-font);font-size:var(--ui-fs-caption);font-weight:700;line-height:1}.d-v4 .ui-sh__main{grid-area:main;min-width:0}.d-v4 .ui-sh__title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.d-v4 .ui-sh__name{margin:0;font-family:var(--ui-font-kr);font-size:var(--fs-26);line-height:32px;font-weight:700;letter-spacing:-0.02em;color:var(--ui-text-1)}.d-v4 .ui-sh__name .ticker-server-select{margin:0;padding:0;border:0;background:none}.d-v4 .ui-sh__name .server-name{font:inherit;color:inherit}.d-v4 .ui-sh__kind{font-family:var(--ui-font-kr);font-size:var(--ui-fs-body);color:var(--ui-text-3)}.d-v4 .ui-sh__sub{margin:6px 0 0;font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);color:var(--ui-text-3)}.d-v4 .ui-sh__chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:14px}.d-v4 .ui-sh__price{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.d-v4 .ui-sh__price .ticker-current-price,.d-v4 .ui-sh__price .ticker-current-price.up,.d-v4 .ui-sh__price .ticker-current-price.down{font-family:var(--ui-font);font-size:var(--fs-40);line-height:1;font-weight:700;letter-spacing:-0.02em;color:var(--ui-text-1)}.d-v4 .ui-sh__unit{align-self:flex-end;padding-bottom:4px;margin-right:2px;font-family:var(--ui-font-kr);font-size:var(--fs-16);color:var(--ui-text-2)}.d-v4 .ui-sh__price .ticker-change-pct{font-family:var(--ui-font)}.d-v4 .ui-sh__price .ticker-change-pct.text-up{background:var(--ui-up-weak);color:var(--ui-up)}.d-v4 .ui-sh__price .ticker-change-pct.text-down{background:var(--ui-down-weak);color:var(--ui-down)}.d-v4 .ui-sh__price .ticker-change-amt{font-family:var(--ui-font);font-size:var(--ui-fs-body);font-weight:700}.d-v4 .ui-sh__say{font-family:var(--ui-font-kr);font-size:var(--ui-fs-small);color:var(--ui-text-2)}.d-v4 .ui-sh__stats{grid-area:stats}.d-v4 .ui-sh__stats dd .ph{font-size:var(--fs-15)}.d-v4 .ui-sh__spark{display:inline-flex;align-items:center;margin-left:2px}.d-v4 .ui-sh__spark .sparkline-label{display:none}.d-v4 .ui-sh__spark svg{width:48px;height:16px;overflow:visible}.d-v4 .ui-sh__spark .spark-line{fill:none;stroke-width:1.6;vector-effect:non-scaling-stroke}.d-v4 .ui-sh__spark .spark-up{stroke:var(--ui-up-mark)}.d-v4 .ui-sh__spark .spark-down{stroke:var(--ui-down-mark)}.d-v4 .ui-sh__today{grid-area:today;display:grid;gap:16px;padding:16px;border-radius:var(--ui-r);background:var(--ui-surface-2)}.d-v4 .ui-sh__today .ui-range__mark{box-shadow:0 0 0 2px var(--ui-surface-2)}.d-v4 .ui-sh__today .ticker-strength{margin:0}.d-v4 .ui-sh__today .ticker-strength-bar{height:8px;gap:2px;border-radius:var(--ui-r-md)}.d-v4 .ui-sh__today .ticker-strength-bar .buy{background:var(--ui-up-mark)}.d-v4 .ui-sh__today .ticker-strength-bar .sell{background:var(--ui-down-mark)}.d-v4 .ui-sh__today :is(.buy-count,.sell-count){font-family:var(--ui-font-kr);font-weight:700}.d-v4 .ui-sh__cells.ticker-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:14px 0 0;border:0;border-top:1px solid var(--ui-line-2);border-radius:0;background:transparent}.d-v4 .ui-sh__cells .ticker-stat-cell{display:block;padding:0;border:0;min-width:0;background:transparent}.d-v4 .ui-sh__cells .stat-label{display:block;margin:0;font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);letter-spacing:0;color:var(--ui-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d-v4 .ui-sh__cells .stat-value{display:block;font-family:var(--ui-font);font-size:var(--ui-fs-small);font-weight:700;color:var(--ui-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d-v4 .ui-sh__tip{grid-area:tip;align-self:start;max-width:760px}.d-v4 .ui-sh__tip .ticker-trust{margin:0;font:inherit;color:inherit}.d-v4 .ui-sh__tip .ticker-trust b{font-family:var(--ui-font);color:var(--ui-text-1);font-weight:500}.d-v4 .ui-sh__tip .ticker-trust__how{color:var(--ui-accent-strong);text-decoration:underline;text-underline-offset:3px}@media (max-width:1359px){.d-v4 .ui-sh__grid{grid-template-columns:96px minmax(0,1fr) 232px 312px;gap:16px 20px}}@media (max-width:999px){.d-v4 .ui-sh__grid{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"pic main" "stats stats" "today today" "tip tip";grid-template-rows:none}}@media (max-width:760px){.d-v4 .ui-sh__grid{grid-template-columns:64px minmax(0,1fr);gap:14px;padding:16px var(--ui-page-x)}.d-v4 .ui-sh__pic{width:64px}.d-v4 .ui-sh__pic .ui-em{--em:64px;font-size:var(--fs-22)}.d-v4 .ui-sh__name{font-size:var(--fs-22);line-height:28px}.d-v4 .ui-sh__price .ticker-current-price{font-size:var(--fs-36)}}.d-v4 .ui-server__chart .chart-section{border:0;background:transparent}.d-v4 .ui-server__chart .chart-section:fullscreen{background:var(--ui-surface);padding:16px}.d-v4 .ui-server__chart .chart-unified-bar{display:flex;flex-direction:column;align-items:stretch;gap:0;height:auto;padding:0;background:transparent;border:0}.d-v4 .ui-server__chart .chart-ohlcv{order:2;display:flex;flex:none;min-width:0;height:auto;min-height:28px;padding:8px var(--ui-pad-x) 0;margin:0;border:0;gap:4px 14px;flex-wrap:wrap}.d-v4 .ui-server__chart .chart-ohlcv-item,.d-v4 .ui-server__chart .chart-ma-item{font-family:var(--ui-font);font-size:var(--ui-fs-caption)}.d-v4 .ui-server__chart .chart-ma-item.ma5 span{color:var(--ui-gold-text)}.d-v4 .ui-server__chart .chart-ma-item.ma20 span{color:var(--ui-purple)}.d-v4 .ui-server__chart .chart-controls{order:1;display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex:none;width:auto;height:auto;padding:8px var(--ui-pad-x);border-bottom:1px solid var(--ui-line)}.d-v4 .ui-server__chart .chart-separator{display:none}.d-v4 .ui-server__chart .chart-controls>*{min-width:0;max-width:100%}.d-v4 .ui-server__chart #tf-select .csel-trigger{display:none}.d-v4 .ui-server__chart #tf-select .csel-dropdown{position:static;display:inline-flex;gap:0;padding:0;min-width:0;border:1px solid var(--ui-line-2);border-radius:var(--ui-r-btn);background:var(--ui-surface);box-shadow:none;max-width:100%;overflow-x:auto;scrollbar-width:none}.d-v4 .ui-server__chart #tf-select .csel-option{display:inline-flex;align-items:center;height:var(--ui-seg-h-sm);padding:0 10px;flex:none;border-radius:0;font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);font-weight:400;color:var(--ui-text-1)}.d-v4 .ui-server__chart #tf-select .csel-option + .csel-option{border-left:1px solid var(--ui-line-2)}.d-v4 .ui-server__chart #tf-select .csel-option:hover{background:var(--ui-surface-2);color:var(--ui-text-1)}.d-v4 .ui-server__chart #tf-select .csel-option.active{background:var(--ui-accent-fill);color:var(--ui-on-accent);font-weight:700}.d-v4 .ui-server__chart #tf-select .csel-option.active::before{display:none}.d-v4 .ui-server__chart .chart-style-group{display:inline-flex;gap:0;padding:0;border:1px solid var(--ui-line-2);border-radius:var(--ui-r-btn);background:var(--ui-surface);overflow:hidden}.d-v4 .ui-server__chart .chart-style-btn + .chart-style-btn{border-left:1px solid var(--ui-line-2)}.d-v4 .ui-server__chart .chart-style-btn{display:inline-flex;align-items:center;gap:4px;height:var(--ui-seg-h-sm);width:auto;padding:0 9px;border-radius:0;color:var(--ui-text-1);font-size:var(--ui-fs-caption);background:transparent}.d-v4 .ui-server__chart :is(.chart-style-btn,.chart-action-btn,.chart-compare-btn)[data-tooltip]::after,.d-v4 .ui-server__chart :is(.chart-style-btn,.chart-action-btn,.chart-compare-btn)[data-tooltip]:hover::after{content:attr(aria-label);position:static;transform:none;padding:0;border:0;background:none;opacity:1;color:inherit;font-family:var(--ui-font-kr);font-size:inherit;font-weight:600;z-index:auto;transition:none;pointer-events:none}.d-v4 .ui-server__chart .chart-style-btn.active{background:var(--ui-accent-fill);color:var(--ui-on-accent)}.d-v4 .ui-server__chart :is(.chart-indicator-btn,.chart-action-btn,.chart-compare-btn){display:inline-flex;align-items:center;gap:4px;height:var(--ui-seg-h-sm);padding:0 10px;width:auto;border:0;box-shadow:inset 0 0 0 1px var(--ui-line-2);border-radius:var(--ui-r-btn);background:var(--ui-surface);color:var(--ui-text-1);font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);font-weight:400}.d-v4 .ui-server__chart :is(.chart-indicator-btn,.chart-action-btn,.chart-compare-btn):hover{background:var(--ui-surface-2);color:var(--ui-text-1)}.d-v4 .ui-server__chart .chart-compare-btn.active,.d-v4 .ui-server__chart .chart-compare-btn[aria-pressed="true"]{box-shadow:none;background:var(--ui-accent-fill);color:var(--ui-on-accent)}.d-v4 .ui-server__chart #btn-screenshot[data-tooltip]::after{content:'이미지 저장'}.d-v4 .ui-server__chart .chart-style-btn[data-style="line"][data-tooltip]::after{content:'선'}.d-v4 .ui-server__chart .chart-style-btn[data-style="area"][data-tooltip]::after{content:'면'}.d-v4 .ui-server__chart #tf-select{order:1}.d-v4 .ui-server__chart .chart-style-group{order:2}.d-v4 .ui-server__chart #btn-compare-avg{order:3}.d-v4 .ui-server__chart #btn-compare{order:4}@media (max-width:1359px){.d-v4 .ui-server__chart .chart-controls::after{content:'';order:5;flex-basis:100%;height:0}}.d-v4 .ui-server__chart .chart-indicator-wrap{order:6;margin-left:auto}.d-v4 .ui-server__chart #chart-reset{order:7}.d-v4 .ui-server__chart #btn-screenshot{order:8}.d-v4 .ui-server__chart #btn-fullscreen{order:9}@media (max-width:600px){.d-v4 .ui-server__chart .chart-indicator-wrap{margin-left:0}}.d-v4 .ui-server__chart #btn-fullscreen[data-tooltip]::after{content:'전체 화면'}.d-v4 .ui-server__chart .chart-indicator-wrap{position:relative}.d-v4 .ui-server__chart .indicator-dropdown{border:1px solid var(--ui-line-2);border-radius:var(--ui-r);background:var(--ui-surface);box-shadow:var(--ui-shadow-pop);padding:6px}.d-v4 .ui-server__chart .indicator-option{border-radius:var(--ui-r-md);font-family:var(--ui-font-kr);font-size:var(--ui-fs-small);color:var(--ui-text-2)}.d-v4 .ui-server__chart .indicator-option:hover{background:var(--ui-surface-2)}.d-v4 .ui-server__chart .compare-chips-bar{border:0;border-bottom:1px solid var(--ui-line);background:var(--ui-surface-2);padding:6px var(--ui-pad-x);gap:8px}.d-v4 .ui-server__chart .compare-server-select{height:var(--ui-seg-h-sm);border:1px solid var(--ui-line-2);border-radius:var(--ui-r-btn);background-color:var(--ui-surface);color:var(--ui-text-2);font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);font-weight:600}.d-v4 .ui-server__chart .compare-chip{border-radius:var(--ui-r-chip)}.d-v4 .ui-server__chart .chart-draw-layout{border:0;margin-top:4px;overflow:hidden}.d-v4 .ui-server__chart .chart-drawing-tools{background:var(--ui-surface);border-right:1px solid var(--ui-line);border-top:1px solid var(--ui-line)}.d-v4 .ui-server__chart .chart-container{border-top:1px solid var(--ui-line)}.d-v4 .ui-server__chart .drawing-tool-btn{border-radius:var(--ui-r-md);color:var(--ui-text-3)}.d-v4 .ui-server__chart .drawing-tool-btn.active{background:var(--ui-accent-weak) !important;color:var(--ui-accent-strong) !important}.d-v4 .ui-server__chart .chart-container{min-height:420px}@media (max-width:1359px){.d-v4 .ui-server__chart .chart-container{min-height:360px}}@media (max-width:760px){.d-v4 .ui-server__chart .chart-container{min-height:260px}}.d-v4 .ui-server__chart .chart-tooltip{border:1px solid var(--ui-line);border-radius:var(--ui-r-md);background:var(--ui-surface);box-shadow:var(--ui-shadow-pop);color:var(--ui-text-1)}.d-v4 .ui-server__chart .chart-events{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;margin:0;padding:0;border:0;border-top:1px solid var(--ui-line);background:transparent;font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption)}.d-v4 .ui-server__chart .chart-events[hidden]{display:none}.d-v4 .ui-server__chart :is(.chart-events__title,.chart-events__legend){display:flex;align-items:center;min-height:33px;padding:6px var(--ui-pad-x);background:var(--ui-surface-2);border-bottom:1px solid var(--ui-line);color:var(--ui-text-3);font-size:var(--ui-fs-caption);font-weight:400}.d-v4 .ui-server__chart .chart-events__legend{gap:4px;white-space:nowrap}.d-v4 .ui-server__chart .ev-update{color:var(--chart-ev-update)}.d-v4 .ui-server__chart .ev-maintenance{color:var(--chart-ev-maint)}.d-v4 .ui-server__chart .ev-server_open{color:var(--chart-ev-open)}.d-v4 .ui-server__chart .chart-events__list{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;min-width:0}.d-v4 .ui-server__chart .chart-events__list li{display:flex;align-items:center;gap:8px;min-height:36px;min-width:0;max-width:100%;padding:0 var(--ui-pad-x);border-bottom:1px solid var(--ui-line)}.d-v4 .ui-server__chart .chart-events__list li:nth-child(odd){border-right:1px solid var(--ui-line)}.d-v4 .ui-server__chart .chart-events__list li:last-child,.d-v4 .ui-server__chart .chart-events__list li:nth-last-child(2):nth-child(odd){border-bottom:0}.d-v4 .ui-server__chart .chart-events__date{flex:none;font-family:var(--ui-font);color:var(--ui-text-3)}.d-v4 .ui-server__chart .chart-events__kind{flex:none;display:inline-grid;place-items:center;height:18px;padding:0 5px;border-radius:var(--ui-r-sm);background:var(--ui-surface-3);color:var(--ui-text-2);font-size:var(--fs-10);font-weight:700}.d-v4 .ui-server__chart .chart-events__list a{flex:1 1 auto;min-width:0;max-width:none;color:var(--ui-text-1);text-decoration:none}.d-v4 .ui-server__chart .chart-events__list a:hover{color:var(--ui-accent-strong)}@media (max-width:1359px){.d-v4 .ui-server__chart .chart-events__list{grid-template-columns:minmax(0,1fr)}.d-v4 .ui-server__chart .chart-events__list li:nth-child(odd){border-right:0}.d-v4 .ui-server__chart .chart-events__list li:nth-last-child(2):nth-child(odd){border-bottom:1px solid var(--ui-line)}}.d-v4 .ui-server__legend{padding:8px var(--ui-pad-x) 10px;margin:0}.d-v4 .ui-server__trading{overflow:clip}.d-v4 .ui-server__trading .bottom-split{border:0;background:transparent}.d-v4 .ui-server__trading .orderbook-panel{border-right:1px solid var(--ui-line);background:transparent}.d-v4 .ui-server__trading .trade-panel{background:transparent}.d-v4 .ui-server__trading .section-header{height:auto;padding:0 4px;background:transparent;border-bottom:1px solid var(--ui-line)}.d-v4 .ui-server__trading .orderbook-panel{flex:none;width:270px;min-width:0}.d-v4 .ui-server__trading .bottom-split{flex:1 1 0;height:auto;min-height:640px}.d-v4 .ui-server__trading .section-tabs{gap:0}.d-v4 .ui-server__trading .section-tab{position:relative;display:inline-flex;align-items:center;gap:4px;height:40px;padding:3px 10px 0;border:0;border-bottom:3px solid transparent;background:transparent;font-family:var(--ui-font-kr);font-size:var(--ui-fs-small);font-weight:400;color:var(--ui-text-2)}.d-v4 .ui-server__trading .section-tab:hover{color:var(--ui-text-1);background:transparent}.d-v4 .ui-server__trading .section-tab.active{color:var(--ui-accent-strong);font-weight:700;border-bottom-color:var(--ui-accent)}.d-v4 .ui-server__trading .tab-badge{font-family:var(--ui-font);background:var(--ui-surface-2);color:var(--ui-text-3);border-radius:var(--ui-r-sm)}.d-v4 .ui-server__trading .section-tab.active .tab-badge{background:var(--ui-accent-weak);color:var(--ui-accent-strong)}.d-v4 .ui-server__trading :is(.ob-table,.trade-table,.daily-table){font-family:var(--ui-font)}.d-v4 .ui-server__trading :is(.ob-table,.trade-table,.daily-table) thead th{height:var(--ui-th-h);background:var(--ui-surface-2);color:var(--ui-text-3);font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);font-weight:400;letter-spacing:0;border-bottom:1px solid var(--ui-line)}.d-v4 .ui-server__trading :is(.trade-table,.daily-table) tbody tr:hover{background:var(--ui-surface-2)}.d-v4 .ui-server__trading .ob-current-row td{background:var(--ui-surface-2)}.d-v4 .ui-server__trading .load-more-btn{border-radius:var(--ui-r-btn)}.d-v4 .ui-server__trading .unified-tab{font-family:var(--ui-font-kr);font-size:var(--ui-fs-small);color:var(--ui-text-2)}.d-v4 .ui-server__trading .unified-tab.active{color:var(--ui-accent-strong);font-weight:700;border-bottom-color:var(--ui-accent)}.d-v4 .ui-server__trading .mobile-unified-tabs{background:var(--ui-surface);border-bottom:1px solid var(--ui-line)}.d-v4 .ui-server__trading .section-controls .csel-trigger{height:var(--ui-seg-h-sm);border-radius:var(--ui-r-btn);font-size:var(--ui-fs-caption)}@media (max-width:600px){.d-v4 .ui-server__trading .bottom-split{flex:none;height:auto;min-height:0}.d-v4 .ui-server__trading .orderbook-panel{width:100%;border-right:0}}.d-v4 .ui-sources.ticker-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:var(--ui-pad-y) var(--ui-pad-x);border:0;background:transparent}.d-v4 .ui-sources .ticker-source{display:grid;gap:4px;min-width:0;padding:14px;border:0;border-radius:var(--ui-r);background:var(--ui-surface-2)}.d-v4 .ui-sources .source-name{display:flex;align-items:center;gap:6px;min-width:0;font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);letter-spacing:0;color:var(--ui-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d-v4 .ui-sources .source-name>i{flex:none;width:8px;height:8px;border-radius:var(--ui-r-xs)}.d-v4 .ui-sources .source-price{font-family:var(--ui-font);font-size:var(--fs-20);font-weight:700;color:var(--ui-text-1)}.d-v4 .ui-sources .source-time{min-height:18px;font-family:var(--ui-font);font-size:var(--ui-fs-caption);color:var(--ui-text-3)}.d-v4 .ui-sources .ticker-source.is-stale .source-price{color:var(--ui-text-3)}.d-v4 .ui-server__share{margin:0 var(--ui-pad-x) 6px}.d-v4 .ui-server__share-t{margin:0;padding:0 var(--ui-pad-x) var(--ui-pad-y)}@media (max-width:760px){.d-v4 .ui-sources.ticker-sources{gap:4px;padding:8px}.d-v4 .ui-sources .ticker-source{padding:8px}.d-v4 .ui-sources .source-price{font-size:var(--fs-16)}}.d-v4 .ui-quote{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.d-v4 .ui-quote>div{display:grid;gap:4px;padding:16px var(--ui-pad-x);min-width:0}.d-v4 .ui-quote>div + div{border-left:1px solid var(--ui-line)}.d-v4 .ui-quote span{font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);color:var(--ui-text-3);white-space:nowrap}.d-v4 .ui-quote b{font-family:var(--ui-font);font-size:var(--fs-20);font-weight:700}.d-v4 .ui-similar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;padding:16px 6px}.d-v4 .ui-similar>a{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:6px 2px;border-radius:var(--ui-r);text-align:center}.d-v4 .ui-similar>a:hover{background:var(--ui-surface-2)}.d-v4 .ui-similar em{font-style:normal;font-family:var(--ui-font);font-size:var(--ui-fs-caption);font-weight:700}.d-v4 .ui-similar span.ui-similar__n{max-width:100%;font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);color:var(--ui-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d-v4 .ui-similar b{font-family:var(--ui-font);font-size:var(--ui-fs-small);color:var(--ui-text-1)}.d-v4 .ui-server__brief-sum{margin:0;padding:var(--ui-pad-y) var(--ui-pad-x);border-bottom:1px solid var(--ui-line);font-family:var(--ui-font-kr);font-size:var(--ui-fs-prose);line-height:var(--ui-lh-prose);color:var(--ui-text-2)}.d-v4 .ui-server__info-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.d-v4 .ui-server__info-grid>div{min-width:0}.d-v4 .ui-server__info-grid>div + div{border-left:1px solid var(--ui-line)}.d-v4 .ui-server__prose{display:grid;gap:10px;padding:var(--ui-pad-y) var(--ui-pad-x)}.d-v4 .ui-server__para{margin:0;font-family:var(--ui-font-kr);font-size:var(--ui-fs-body);line-height:24px;color:var(--ui-text-2)}.d-v4 .ui-server__info-grid .ui-sub{border-top:1px solid var(--ui-line)}.d-v4 .ui-server__info-grid>div>.ui-sub:first-child{border-top:0}.d-v4 h3.ui-sub{margin:0;font-weight:400}.d-v4 .ui-server__prof{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;padding:var(--ui-pad-y) var(--ui-pad-x)}.d-v4 .ui-server__prof h3{margin:0 0 4px;font-family:var(--ui-font-kr);font-size:var(--ui-fs-small);font-weight:700;color:var(--ui-text-1)}.d-v4 .ui-server__prof .ui-note{margin:0}.d-v4 .ui-server__prof .ui-note + .ui-note{margin-top:8px}.d-v4 .ui-server__ranks{display:flex;flex-wrap:wrap;gap:4px 10px}.d-v4 .ui-chart--rank{height:110px}.d-v4 .ui-server__months{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:14px var(--ui-pad-x) 16px}.d-v4 .ui-server__months .ui-chip:hover{color:var(--ui-accent-strong)}.d-v4 .ui-server__months .ui-chip.is-accent{color:var(--ui-accent-strong)}.d-v4 .ui-chart--months{width:auto;height:190px;margin:var(--ui-pad-y) var(--ui-pad-x) 0}.d-v4 .ui-server__streams{padding:0;max-height:none}.d-v4 .ui-card.server-streams{margin:0;padding:0;border:0;border-radius:var(--ui-r-card);background:var(--ui-surface)}.d-v4 .ui-widget-prev{display:flex;margin:var(--ui-pad-y) var(--ui-pad-x) 0;padding:10px 12px;border-radius:var(--ui-r);background:var(--ui-surface-2)}.d-v4 .ui-widget-prev img{width:240px;max-width:100%;height:auto}.d-v4 .ui-server__snippet{margin:var(--ui-pad-y) var(--ui-pad-x)}@media (max-width:1359px){.d-v4 .ui-server .ui-mgrid>.ui-fill.ui-s-4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.d-v4 .ui-server .ui-mgrid>.ui-fill.ui-s-4>:first-child{grid-column:1 / -1}.d-v4 .ui-server__prof{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.d-v4 .ui-server .ui-mgrid>.ui-fill.ui-s-4{grid-template-columns:minmax(0,1fr)}}@media (max-width:999px){.d-v4 .ui-server__info-grid{grid-template-columns:minmax(0,1fr)}.d-v4 .ui-server__info-grid>div + div{border-left:0;border-top:1px solid var(--ui-line)}}@media (max-width:760px){.d-v4 .ui-server__prof{grid-template-columns:minmax(0,1fr)}}