/* 디자인 v4 합본 — 고치지 말고 원본을 고친 뒤 python3 scripts/build-design-css.py · sources: pages/home.css@b77509818a42 */
.d-v4 .ui-hero__my{grid-area:ha;display:flex;flex-direction:column;background:linear-gradient(165deg,var(--ui-accent-weak) 0%,var(--ui-surface) 62%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-accent) 20%,transparent)}.d-v4 .ui-hero__idx{grid-area:hb;display:flex;flex-direction:column}.d-v4 .ui-hero__side{grid-area:hc}.d-v4 .ui-hero__side>.ui-card{display:flex;flex-direction:column}.d-v4 .ui-hero__mood{flex:1 0 auto}.d-v4 .ui-hero__bd{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 var(--ui-pad-x) var(--ui-pad-x)}.d-v4 .ui-card__title .ph-calculator{color:var(--ui-text-3);font-size:var(--fs-16)}.d-v4 .ui-hero__pick{position:relative;display:inline-flex;align-items:center;gap:4px;flex:none;height:28px;padding:0 8px 0 10px;border-radius:var(--ui-r-btn);background:var(--ui-surface);box-shadow:inset 0 0 0 1px var(--ui-line-2);font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);color:var(--ui-text-2);cursor:pointer}.d-v4 .ui-hero__pick:hover{color:var(--ui-text-1)}.d-v4 .ui-hero__pick:focus-within{box-shadow:inset 0 0 0 1px var(--ui-focus-line)}.d-v4 .ui-hero__pick select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.d-v4 .ui-hero__id{display:flex;align-items:center;gap:12px;min-width:0}.d-v4 .ui-hero__id .ui-em{--em:48px;font-size:var(--fs-18)}.d-v4 .ui-hero__id>div{min-width:0}.d-v4 .ui-hero__name{display:flex;align-items:center;gap:8px;font-family:var(--ui-font-kr);font-size:var(--fs-20);line-height:26px;font-weight:700;letter-spacing:-0.02em}.d-v4 .ui-hero__sub{margin-top:2px;font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);color:var(--ui-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d-v4 .ui-hero__price{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:18px}.d-v4 .ui-hero__price>b{font-size:var(--fs-44);line-height:1;font-weight:700;letter-spacing:-0.03em}.d-v4 .ui-hero__price>i{align-self:flex-end;margin:0 2px 5px -4px;font-style:normal;font-family:var(--ui-font-kr);font-size:var(--fs-16);color:var(--ui-text-2)}.d-v4 .ui-hero__price .ui-pill{height:24px;padding:0 8px;font-size:var(--ui-fs-small)}.d-v4 .ui-hero__diff{font-family:var(--ui-font);font-size:var(--ui-fs-body);font-weight:700}.d-v4 .ui-hero__spark{flex:1;display:flex;flex-direction:column;min-height:80px;margin-top:14px}.d-v4 .ui-hero__sparkbox{position:relative;flex:1 1 56px;min-height:56px;max-height:190px}.d-v4 .ui-hero__sparkbox .ui-spark{position:absolute;inset:0;width:100%;height:100%}.d-v4 .ui-hero__sparkbox .ui-spark polyline{stroke-width:2}.d-v4 .ui-hero__sparkbox>i{position:absolute;right:-2px;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px var(--ui-surface)}.d-v4 .ui-hero__sparkbox>i.ui-up{color:var(--ui-up-mark)}.d-v4 .ui-hero__sparkbox>i.ui-down{color:var(--ui-down-mark)}.d-v4 .ui-hero__sparkmeta{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);color:var(--ui-text-3);white-space:nowrap}.d-v4 .ui-hero__sparkmeta b{font-family:var(--ui-font);font-weight:700}.d-v4 .ui-hero__sparkmeta>span:first-child b{color:var(--ui-text-1)}.d-v4 .ui-hero__notes{margin:14px 0 0;padding:0;list-style:none;border-radius:var(--ui-r);background:color-mix(in srgb,var(--ui-surface) 72%,transparent);font-family:var(--ui-font-kr)}.d-v4 .ui-hero__note{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:4px 10px;min-height:58px;padding:10px 12px;font-size:var(--ui-fs-small);line-height:19px;color:var(--ui-text-2)}.d-v4 .ui-hero__note + .ui-hero__note{border-top:1px solid var(--ui-line)}.d-v4 .ui-hero__note>.ph{justify-self:center;font-size:var(--fs-18);color:var(--ui-accent-strong)}.d-v4 .ui-hero__notex{display:grid;justify-items:start;gap:3px;min-width:0;word-break:keep-all}.d-v4 .ui-hero__notex b{font-family:var(--ui-font);color:var(--ui-text-1)}.d-v4 .ui-hero__notex small{font-size:var(--ui-fs-caption);line-height:17px;color:var(--ui-text-3)}.d-v4 .ui-hero__notex em{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:var(--ui-r-sm);background:var(--ui-accent-weak);color:var(--ui-accent-strong);font-style:normal;font-size:var(--fs-11);font-weight:700;white-space:nowrap}.d-v4 .ui-hero__notex em[hidden]{display:none}.d-v4 .ui-hero__notev{font-family:var(--ui-font),var(--ui-font-kr);font-size:var(--ui-fs-body);font-weight:700;font-feature-settings:'tnum' 1;color:var(--ui-text-1);text-align:right;white-space:nowrap}.d-v4 .ui-hero__act{display:flex;gap:6px;margin-top:14px}.d-v4 .ui-hero__act .ui-btn--primary{flex:1;min-width:0}.d-v4 .ui-hero__ibtn{flex:none;width:40px;padding:0}.d-v4 .ui-hero__ibtn .ph{font-size:var(--fs-18)}.d-v4 .ui-hero__idxrow{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.d-v4 .ui-hero__v{font-size:var(--ui-fs-index);line-height:1;font-weight:700;letter-spacing:-0.03em}.d-v4 .ui-hero__u{align-self:flex-end;margin:0 2px 5px -6px;font-family:var(--ui-font-kr);font-size:var(--fs-16);color:var(--ui-text-2)}.d-v4 .ui-hero__idxrow .ui-pill{height:24px;padding:0 8px;font-size:var(--ui-fs-small)}.d-v4 .ui-hero__facts{display:flex;flex-wrap:wrap;gap:4px 14px;margin-left:auto;font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);color:var(--ui-text-3)}.d-v4 .ui-hero__facts b{margin-left:4px;font-family:var(--ui-font);color:var(--ui-text-1)}.d-v4 .ui-hero__facts small{margin-left:3px;font-family:var(--ui-font);font-size:var(--fs-11)}.d-v4 .ui-hero__chart{flex:1 1 200px;min-height:200px;margin-top:12px}.d-v4 .ui-hero__idx .ui-legend{margin:8px 0 0}.d-v4 .ui-hero__calcrow{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:6px}.d-v4 .ui-hero__calcrow>.ph{justify-self:center;font-size:var(--fs-18);color:var(--ui-text-3)}.d-v4 .ui-hero__calcrow .ui-inbox{height:44px}.d-v4 .ui-hero__calcrow .ui-input{flex:1;min-width:0;width:100%;border:0;text-align:right;font-size:var(--fs-16)}.d-v4 .ui-hero__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.d-v4 .ui-hero__chips>button{height:26px;padding:0 10px;border-radius:var(--ui-r-btn);background:var(--ui-surface-2);box-shadow:inset 0 0 0 1px var(--ui-line-2);font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);color:var(--ui-text-2)}.d-v4 .ui-hero__chips>button:hover{color:var(--ui-accent-strong);box-shadow:inset 0 0 0 1px var(--ui-accent)}.d-v4 .ui-hero__chips{margin-bottom:12px}.d-v4 .ui-hero__out{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--ui-line);font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);color:var(--ui-text-3)}.d-v4 .ui-hero__out b{font-size:var(--ui-fs-num);color:var(--ui-text-1);white-space:nowrap}.d-v4 .ui-hero__calcfoot{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);color:var(--ui-text-3)}.d-v4 .ui-hero__calcfoot b{color:var(--ui-text-1)}.d-v4 .ui-hero__calcfoot a{display:inline-flex;align-items:center;gap:2px;flex:none;color:var(--ui-accent-strong)}.d-v4 .ui-hero__ratio{flex:none;height:10px}.d-v4 .ui-hero__ratio>i{min-width:3px}.d-v4 .ui-hero__counts{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);color:var(--ui-text-3)}.d-v4 .ui-hero__counts b{margin-right:4px;font-family:var(--ui-font);font-size:var(--ui-fs-num)}.d-v4 .ui-hero__counts>span:nth-child(2) b{color:var(--ui-text-1)}.d-v4 .ui-hero__mv{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--ui-line)}.d-v4 .ui-hero__mv>a{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);color:var(--ui-text-3)}.d-v4 .ui-hero__mv>a>span{display:inline-flex;align-items:center;gap:8px;min-width:0}.d-v4 .ui-hero__mv strong{color:var(--ui-text-1);font-weight:500}.d-v4 .ui-hero__mv>a:hover strong{color:var(--ui-accent-strong)}.d-v4 .ui-hero__mv b{font-family:var(--ui-font)}.d-v4 .ui-hero__range{margin-top:auto;padding-top:12px}.d-v4 .ui-hero__mv + .ui-hero__range{margin-top:12px;border-top:1px solid var(--ui-line)}.d-v4 .ui-hero__ranget{display:flex;justify-content:space-between;gap:8px;font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);color:var(--ui-text-3);white-space:nowrap}.d-v4 .ui-hero__ranget b{color:var(--ui-text-1)}.d-v4 .ui-hero__rangebar{position:relative;height:6px;margin:30px 0 8px;border-radius:var(--ui-r-sm);background:linear-gradient(90deg,color-mix(in srgb,var(--ui-accent) 22%,var(--ui-surface-3)),var(--ui-accent))}.d-v4 .ui-hero__rangeavg{position:absolute;top:-4px;width:2px;height:14px;margin-left:-1px;border-radius:var(--ui-r-xs);background:var(--ui-text-1);box-shadow:0 0 0 2px var(--ui-surface);transition:left var(--ui-ease)}.d-v4 .ui-hero__rangeme{position:absolute;top:-28px;display:grid;justify-items:center;gap:2px;transform:translateX(-50%);transition:left var(--ui-ease)}.d-v4 .ui-hero__rangeme .ui-em{--em:20px;font-size:var(--fs-10);box-shadow:0 0 0 2px var(--ui-surface)}.d-v4 .ui-hero__rangeme::after{content:'';width:2px;height:8px;border-radius:var(--ui-r-xs);background:var(--ui-accent)}.d-v4 .ui-hero__rangeends{display:flex;justify-content:space-between;gap:8px;font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);color:var(--ui-text-3);white-space:nowrap}.d-v4 .ui-hero__rangeends b{margin-left:4px;color:var(--ui-text-1)}.d-v4 .ui-hero__rangeends a:hover b{color:var(--ui-accent-strong)}.d-v4 .ui-home{display:grid;gap:var(--ui-gap);align-items:stretch;grid-template-columns:var(--ui-left-w) minmax(0,1fr) var(--ui-rail-w);grid-template-areas:"ha hb hc" "l c r" "m m m" "p p p" "b b b"}.d-v4 .ui-home__l{grid-area:l}.d-v4 .ui-home__c{grid-area:c}.d-v4 .ui-home__r{grid-area:r}.d-v4 .ui-home__m{grid-area:m;align-self:stretch}.d-v4 .ui-home__p{grid-area:p}.d-v4 .ui-home__b{grid-area:b}.d-v4 .ui-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-gap);align-items:stretch;min-width:0}.d-v4 .ui-fill>.ui-pair{flex:1 0 auto}.d-v4 .ui-pair>.ui-card{display:flex;flex-direction:column;min-width:0}.d-v4 .ui-pair>.ui-card>:is(.ui-news,.ui-chart){flex:1 0 auto}.d-v4 .ui-rank .ui-table-wrap{min-height:var(--rank-h,0)}.d-v4 .ui-fill>.ui-finder{max-height:none;min-height:420px}.d-v4 .ui-finder__tools{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:12px 12px 8px}.d-v4 .ui-finder__tools .ui-seg__btn{min-width:0;padding:0 6px}.d-v4 .ui-finder__st{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:2px var(--ui-pad-x) 8px;font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);color:var(--ui-text-3)}.d-v4 .ui-finder__st b{color:var(--ui-text-1)}.d-v4 .ui-finder__scroll{padding:0 10px 12px}.d-v4 .ui-finder__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--tile-h,110px);gap:4px 2px}.d-v4 .ui-finder__grid:empty{display:none}.d-v4 .ui-finder__sep{display:flex;align-items:center;gap:8px;height:36px;margin:0;font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);color:var(--ui-text-3)}.d-v4 .ui-finder__sep[hidden]{display:none}.d-v4 .ui-finder__sep::after{content:'';flex:1;height:1px;background:var(--ui-line-2)}.d-v4 .ui-st{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:6px 2px;border-radius:var(--ui-r);text-align:center;transition:opacity var(--ui-ease)}.d-v4 .ui-st>*{flex:none}.d-v4 .ui-st[hidden]{display:none}.d-v4 .ui-st:hover{background:var(--ui-surface-2)}.d-v4 .ui-st.is-mine,.d-v4 .ui-st.is-mine:hover{background:var(--ui-accent-weak)}.d-v4 .ui-st.is-mine .ui-st__n{color:var(--ui-accent-strong);font-weight:700}.d-v4 .ui-st.is-off{opacity:0.34}.d-v4 .ui-st.is-off:hover{opacity:0.85}.d-v4 .ui-st__fav{display:none;position:absolute;top:5px;right:5px;font-size:var(--fs-11);color:var(--ui-yel)}.d-v4 .ui-st.is-fav .ui-st__fav{display:block}.d-v4 .ui-st__n{max-width:100%;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);line-height:16px;color:var(--ui-text-2)}.d-v4 .ui-st b{font-size:var(--ui-fs-small);line-height:1.3;color:var(--ui-text-1)}.d-v4 .ui-st em{font-style:normal;font-size:var(--fs-11);font-weight:500;line-height:15px}.d-v4 .ui-finder__none{margin:0;padding:20px 0 8px;text-align:center;font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);color:var(--ui-text-3)}.d-v4 .ui-finder__none[hidden]{display:none}.d-v4 .ui-livegrid{container-type:inline-size}.d-v4 .ui-livegrid__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:calc((100cqw - 32px) * 9 / 32 + 64px);gap:12px 8px;padding:12px}@container (min-width:560px){.d-v4 .ui-livegrid__list{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:calc((100cqw - 48px) * 9 / 64 + 64px)}}.d-v4 .ui-lv{display:grid;grid-template-rows:auto 36px 16px;gap:6px;min-width:0;font-family:var(--ui-font-kr);color:var(--ui-text-1)}.d-v4 .ui-lv[hidden],.d-v4 .ui-lv__more[hidden]{display:none}.d-v4 .ui-lv__th{position:relative;display:block;aspect-ratio:16 / 9;border-radius:var(--ui-r);background:var(--ui-surface-3) center / cover no-repeat;overflow:hidden}.d-v4 .ui-lv:hover .ui-lv__th{filter:brightness(1.1)}.d-v4 .ui-lv__v{position:absolute;right:6px;bottom:6px;display:inline-flex;align-items:center;gap:3px;height:18px;padding:0 5px;border-radius:var(--ui-r-sm);background:color-mix(in srgb,#000 62%,transparent);color:#fff;font-family:var(--ui-font);font-size:var(--fs-11);font-weight:600;font-feature-settings:'tnum' 1}.d-v4 .ui-lv__t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--ui-fs-caption);line-height:18px;word-break:break-all}.d-v4 .ui-lv:hover .ui-lv__t{color:var(--ui-accent-strong)}.d-v4 .ui-lv__ch{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ui-fs-caption);line-height:16px;color:var(--ui-text-3)}.d-v4 .ui-lv__more{grid-column:1 / -1;display:grid;place-items:center;align-content:center;gap:6px;padding:12px;border-radius:var(--ui-r);border:1px dashed var(--ui-line-2);font-family:var(--ui-font-kr);font-size:var(--ui-fs-small);color:var(--ui-text-2);text-align:center}.d-v4 .ui-lv__more .ph{font-size:var(--fs-22)}.d-v4 .ui-lv__more:hover{border-color:var(--ui-accent);color:var(--ui-accent-strong)}.d-v4 .ui-ex{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.d-v4 .ui-ex__c{display:grid;gap:10px;align-content:start;min-width:0;padding:16px 18px 18px;font-family:var(--ui-font-kr)}.d-v4 .ui-ex__c + .ui-ex__c{border-left:1px solid var(--ui-line)}.d-v4 .ui-ex__hd{display:flex;align-items:center;justify-content:space-between;gap:8px}.d-v4 .ui-ex__hd b{font-size:var(--fs-15);color:var(--ui-text-1)}.d-v4 .ui-ex__go{display:inline-flex;align-items:center;gap:3px;font-family:var(--ui-font);font-size:var(--ui-fs-caption);color:var(--ui-accent-strong);white-space:nowrap}.d-v4 .ui-ex__go:hover{text-decoration:underline;text-underline-offset:2px}.d-v4 .ui-ex__p{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}.d-v4 .ui-ex__p strong{font-family:var(--ui-font);font-size:var(--fs-26);font-weight:700;line-height:1.1;letter-spacing:-0.02em;font-feature-settings:'tnum' 1;color:var(--ui-text-1)}.d-v4 .ui-ex__p strong small{margin-left:1px;font-size:var(--fs-14);font-weight:600;letter-spacing:0}.d-v4 .ui-ex__p>span:not(.ui-pill){font-size:var(--ui-fs-caption);color:var(--ui-text-3)}.d-v4 .ui-ex__m{display:flex;justify-content:space-between;gap:8px;font-size:var(--ui-fs-caption);color:var(--ui-text-3)}.d-v4 .ui-ex__m b{font-family:var(--ui-font);font-feature-settings:'tnum' 1;color:var(--ui-text-1)}.d-v4 .ui-rank__seg{margin:12px}.d-v4 .ui-rank__table tr.is-moving{position:relative;z-index:1;transition:transform 0.5s cubic-bezier(0.2,0.8,0.2,1)}.d-v4 .ui-rank__table tr.is-moving td{background:var(--ui-surface)}.d-v4 .ui-rank__table tr.is-mine.is-moving td{background:var(--ui-accent-weak)}@keyframes ui-rank-mv{0%{opacity:0}15%,70%{opacity:1}100%{opacity:0}}.d-v4 .ui-rank__mv{flex:none;font-size:var(--fs-11);animation:ui-rank-mv 2.4s ease forwards}.d-v4 .ui-rank__sv{display:flex;align-items:center;gap:9px}.d-v4 .ui-rank__sv b{font-family:var(--ui-font-kr);font-size:var(--ui-fs-small);color:var(--ui-text-1)}.d-v4 .ui-rank__sv:hover b{color:var(--ui-accent-strong)}.d-v4 .ui-rank__table .c-no{width:44px;color:var(--ui-text-3)}.d-v4 .ui-rank__table .c-star{width:40px}.d-v4 .ui-rank__table .c-spark .ui-spark{margin:0 auto}.d-v4 .ui-rank__table tr[hidden]{display:none}.d-v4 .ui-rank__none td{height:120px;color:var(--ui-text-3)}.d-v4 .ui-rank__none:hover td{background:transparent}.d-v4 .ui-tape{display:grid;grid-auto-rows:36px;height:232px;padding:8px var(--ui-pad-x);overflow:hidden}.d-v4 .ui-tape__r{display:grid;grid-template-columns:40px minmax(0,1fr) auto 52px 76px;align-items:center;gap:8px;height:36px;border-bottom:1px solid var(--ui-line);font-family:var(--ui-font-kr);font-size:var(--ui-fs-small);color:var(--ui-text-2)}.d-v4 .ui-tape__r:nth-child(n+6){border-bottom:0}.d-v4 .ui-tape__r time{font-family:var(--ui-font);font-size:var(--ui-fs-caption);color:var(--ui-text-3);font-variant-numeric:tabular-nums}.d-v4 .ui-tape__n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ui-text-1);font-weight:500}.d-v4 .ui-tape__r b{font-family:var(--ui-font);color:var(--ui-text-1);font-variant-numeric:tabular-nums;white-space:nowrap}.d-v4 .ui-tape__q{text-align:right;font-family:var(--ui-font);font-size:var(--ui-fs-caption);font-variant-numeric:tabular-nums;white-space:nowrap}.d-v4 .ui-tape__s{text-align:right;font-size:var(--ui-fs-caption);color:var(--ui-text-3);white-space:nowrap}.d-v4 .ui-tape__r:hover .ui-tape__n{color:var(--ui-accent-strong)}.d-v4 .ui-tape__none{margin:0;align-self:center;grid-row:1 / span 6;text-align:center;font-family:var(--ui-font-kr);font-size:var(--ui-fs-caption);color:var(--ui-text-3)}@keyframes ui-tape-in{from{transform:translateY(-36px);opacity:0}}@keyframes ui-tape-shift{from{transform:translateY(-36px)}}.d-v4 .ui-tape.is-push>.ui-tape__r{animation:ui-tape-shift 0.4s cubic-bezier(0.2,0.8,0.2,1)}.d-v4 .ui-tape.is-push>.ui-tape__r:first-child{animation-name:ui-tape-in}.d-v4 .ui-tape.is-push>.ui-tape__r:first-child b{color:var(--ui-accent-strong)}.d-v4 #tape-title{display:inline-flex;align-items:center;gap:8px}.d-v4 .ui-tmap{position:relative;height:380px;margin:12px;overflow:hidden}.d-v4 .ui-tmap__tile{container-type:size;position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);transition:left 0.6s cubic-bezier(0.2,0.8,0.2,1),top 0.6s cubic-bezier(0.2,0.8,0.2,1),width 0.6s cubic-bezier(0.2,0.8,0.2,1),height 0.6s cubic-bezier(0.2,0.8,0.2,1)}.d-v4 .ui-tmap__in{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1px;height:100%;padding:8px 10px;box-shadow:inset -1px -1px 0 var(--ui-surface);overflow:hidden;color:var(--ui-map-ink);background:color-mix(in oklab,var(--mc,var(--ui-map-flat)) var(--m,0%),var(--ui-map-flat));transition:filter var(--ui-ease),background-color 0.8s ease}@keyframes ui-tmap-hit{from{filter:brightness(1.6)}to{filter:brightness(1)}}.d-v4 .ui-tmap__tile.is-hit .ui-tmap__in{animation:ui-tmap-hit 0.9s ease-out}.d-v4 .ui-tmap__tile.is-up{--mc:var(--ui-map-up)}.d-v4 .ui-tmap__tile.is-down{--mc:var(--ui-map-down)}.d-v4 .ui-tmap__tile:hover .ui-tmap__in{filter:brightness(1.12)}.d-v4 .ui-tmap__in>*{flex:none}.d-v4 .ui-tmap__n{position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ui-font-kr);font-size:var(--fs-12);font-weight:700;line-height:1.25}.d-v4 .ui-tmap__p{position:relative;font-size:var(--fs-15);font-weight:700;line-height:1.2}.d-v4 .ui-tmap__c{position:relative;font-size:var(--fs-11);font-weight:500;line-height:1.3}.d-v4 .ui-tmap__my{position:absolute;top:7px;right:8px;color:var(--ui-yel);font-size:var(--fs-14)}.d-v4 .ui-tmap__sp{position:absolute;left:0;right:0;bottom:0;height:44%;opacity:0.4;display:none}.d-v4 .ui-tmap__sp .ui-spark{height:100%}.d-v4 .ui-tmap__sp .ui-spark polyline{stroke:var(--ui-map-ink)}@container (max-height:68px){.d-v4 .ui-tmap__p{display:none}}@container (max-height:48px) or (max-width:64px){.d-v4 .ui-tmap__in{padding:4px 6px}.d-v4 .ui-tmap__c,.d-v4 .ui-tmap__my{display:none}.d-v4 .ui-tmap__n{font-size:var(--fs-11)}}@container (min-height:118px) and (min-width:150px){.d-v4 .ui-tmap__in{padding:12px 14px}.d-v4 .ui-tmap__n{font-size:var(--fs-14)}.d-v4 .ui-tmap__p{font-size:var(--fs-24);letter-spacing:-0.02em}.d-v4 .ui-tmap__c{font-size:var(--fs-12)}.d-v4 .ui-tmap__sp{display:block}}.d-v4 .ui-tmap__legend{padding:2px 12px 12px;gap:8px}.d-v4 .ui-tmap__scale{width:168px;height:8px;border-radius:var(--ui-r);background:linear-gradient(90deg,var(--ui-map-down),var(--ui-map-flat) 50%,var(--ui-map-up))}.d-v4 .ui-tmap__legend .ph-fill{color:var(--ui-gold)}.d-v4 .ui-rep{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,0.95fr);font-family:var(--ui-font-kr)}.d-v4 .ui-rep__z{display:grid;gap:14px;align-content:start;min-width:0;padding:18px 20px 20px}.d-v4 .ui-rep__z + .ui-rep__z{border-left:1px solid var(--ui-line)}.d-v4 .ui-rep__z--end{grid-template-rows:auto auto 1fr auto}.d-v4 .ui-rep__z--end .ui-rep__kpis{align-self:start}.d-v4 .ui-rep__lb{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:var(--ui-fs-caption);color:var(--ui-text-3)}.d-v4 .ui-rep__lb b{font-size:var(--ui-fs-small);color:var(--ui-text-1)}.d-v4 .ui-rep__big{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px}.d-v4 .ui-rep__big strong{font-family:var(--ui-font);font-size:var(--fs-32);font-weight:700;line-height:1;letter-spacing:-0.03em;font-feature-settings:'tnum' 1;color:var(--ui-text-1)}.d-v4 .ui-rep__big strong small{margin-left:2px;font-size:var(--fs-15);font-weight:600;letter-spacing:0}.d-v4 .ui-rep__big>span:not(.ui-pill){font-size:var(--ui-fs-caption);color:var(--ui-text-3)}.d-v4 .ui-rep__legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:var(--ui-fs-caption);color:var(--ui-text-3)}.d-v4 .ui-rep__legend i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:var(--ui-surface);box-shadow:0 0 0 2px var(--ui-accent)}.d-v4 .ui-rep__legend i.is-open{background:var(--ui-yel);box-shadow:0 0 0 1px var(--ui-yel)}.d-v4 .ui-rep__kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-radius:var(--ui-r);background:var(--ui-line);overflow:hidden}.d-v4 .ui-rep__kpis--two{grid-template-columns:repeat(2,minmax(0,1fr))}.d-v4 .ui-rep__kpis>div{display:grid;gap:2px;min-width:0;padding:10px 12px;background:var(--ui-surface-2)}.d-v4 .ui-rep__kpis span{font-size:var(--ui-fs-caption);color:var(--ui-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.d-v4 .ui-rep__kpis b{font-family:var(--ui-font),var(--ui-font-kr);font-size:var(--fs-16);font-weight:700;line-height:1.3;font-feature-settings:'tnum' 1;color:var(--ui-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d-v4 .ui-rep__breadth{display:grid;gap:8px}.d-v4 .ui-rep__stack{display:flex;gap:2px;height:10px;border-radius:var(--ui-r-sm);overflow:hidden}.d-v4 .ui-rep__stack i{display:block;height:100%}.d-v4 .ui-rep :is(.ui-rep__stack,.ui-rep__keys) i.is-up{background:var(--ui-up-mark)}.d-v4 .ui-rep :is(.ui-rep__stack,.ui-rep__keys) i.is-flat{background:var(--ui-map-flat)}.d-v4 .ui-rep :is(.ui-rep__stack,.ui-rep__keys) i.is-down{background:var(--ui-down-mark)}.d-v4 .ui-rep :is(.ui-rep__stack,.ui-rep__keys) i.is-fresh{background:var(--ui-yel)}.d-v4 .ui-rep__keys{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:var(--ui-fs-caption);color:var(--ui-text-2)}.d-v4 .ui-rep__keys i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:var(--ui-r-xs)}.d-v4 .ui-rep__keys b{font-family:var(--ui-font);color:var(--ui-text-1)}.d-v4 .ui-rep__dv{display:grid;gap:4px}.d-v4 .ui-rep__dvr{display:grid;grid-template-columns:76px minmax(0,1fr) 56px;align-items:center;gap:10px;min-height:28px;font-size:var(--ui-fs-small);color:var(--ui-text-1)}.d-v4 .ui-rep__dvr>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.d-v4 .ui-rep__dvr:hover>span:first-child{color:var(--ui-accent-strong)}.d-v4 .ui-rep__dvr>b{text-align:right;font-family:var(--ui-font);font-weight:600;font-feature-settings:'tnum' 1}.d-v4 .ui-rep__dvb{position:relative;height:14px}.d-v4 .ui-rep__dvb::before{content:'';position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--ui-line-2)}.d-v4 .ui-rep__dvb i{position:absolute;top:0;height:100%;border-radius:var(--ui-r-xs)}.d-v4 .ui-rep__dvb i.is-up{left:50%;background:var(--ui-up-mark)}.d-v4 .ui-rep__dvb i.is-down{right:50%;background:var(--ui-down-mark)}.d-v4 .ui-rep__vl{display:grid;gap:6px}.d-v4 .ui-rep__vlr{display:grid;grid-template-columns:auto 76px minmax(0,1fr) 52px;align-items:center;gap:10px;min-height:30px;font-size:var(--ui-fs-small);color:var(--ui-text-1)}.d-v4 .ui-rep__vlr>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.d-v4 .ui-rep__vlr:hover>span:nth-child(2){color:var(--ui-accent-strong)}.d-v4 .ui-rep__vlr>b{text-align:right;font-family:var(--ui-font);font-weight:600;font-feature-settings:'tnum' 1}.d-v4 .ui-rep__cta{display:flex;align-items:center;justify-content:center;gap:6px;height:40px;border-radius:var(--ui-r);background:var(--ui-accent-fill);color:var(--ui-on-accent);font-size:var(--ui-fs-small);font-weight:700}.d-v4 .ui-rep__cta:hover{filter:brightness(1.08);color:var(--ui-on-accent)}.d-v4 .ui-lrow--stable{grid-template-columns:20px 24px minmax(0,1fr) 56px 50px}@media (max-width:1359px){.d-v4 .ui-home{grid-template-columns:320px minmax(0,1fr);grid-template-areas:"ha hb" "hc hc" "l c" "r r" "m m" "p p" "b b"}.d-v4 .ui-home .ui-hero__side{flex-direction:row}.d-v4 .ui-home .ui-hero__side>.ui-card{flex:1 1 0}.d-v4 .ui-rep{grid-template-columns:repeat(2,minmax(0,1fr))}.d-v4 .ui-rep__z:first-child{grid-column:1 / -1;border-bottom:1px solid var(--ui-line)}.d-v4 .ui-rep__z:nth-child(2){border-left:0}.d-v4 .ui-home .ui-home__r{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.d-v4 .ui-home .ui-home__r>.ui-card{display:flex;flex-direction:column}.d-v4 .ui-home .ui-home__r>[aria-labelledby="qguide-title"]{grid-column:1 / -1}.d-v4 .ui-home .ui-home__r>[aria-labelledby="qguide-title"] .ui-quick{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:761px) and (max-width:1359px){.d-v4 .ui-home .ui-home__r>[aria-labelledby="qguide-title"] .ui-quick__a--lead{min-height:var(--ui-row-h);margin-bottom:0;padding:6px 10px}.d-v4 .ui-home .ui-home__r>[aria-labelledby="qguide-title"] .ui-quick__a--lead .ui-quick__ic{width:32px;height:32px;font-size:var(--fs-18)}.d-v4 .ui-home .ui-home__r>[aria-labelledby="qguide-title"] .ui-quick__a--lead .ui-quick__d{-webkit-line-clamp:1}}@media (max-width:999px){.d-v4 .ui-home{display:flex;flex-direction:column;align-items:stretch}.d-v4 .ui-hero__my{order:-4}.d-v4 .ui-hero__idx{order:-3}.d-v4 .ui-hero__side{order:-2}.d-v4 .ui-home__c{order:-1}.d-v4 .ui-home .ui-home__r{grid-template-columns:repeat(2,minmax(0,1fr))}.d-v4 .ui-fill>.ui-finder{min-height:0}}@media (max-width:760px){.d-v4 .ui-phead__title span{display:block;margin:0}.d-v4 .ui-home .ui-hero__side{flex-direction:column}.d-v4 .ui-home .ui-hero__side>.ui-card{flex:none}.d-v4 .ui-hero__my{box-shadow:none}.d-v4 .ui-hero__chart{flex-basis:180px;min-height:180px}.d-v4 .ui-hero__facts{margin-left:0}.d-v4 .ui-pair{grid-template-columns:minmax(0,1fr)}.d-v4 .ui-ex{grid-template-columns:minmax(0,1fr)}.d-v4 .ui-ex__c + .ui-ex__c{border-left:0;border-top:1px solid var(--ui-line)}.d-v4 .ui-rep{grid-template-columns:minmax(0,1fr)}.d-v4 .ui-rep__z:first-child{border-bottom:0}.d-v4 .ui-rep__z + .ui-rep__z{border-left:0;border-top:1px solid var(--ui-line)}.d-v4 .ui-home .ui-home__r{display:flex}.d-v4 .ui-home .ui-home__r>[aria-labelledby="qguide-title"] .ui-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.d-v4 .ui-home__c .ui-quick{grid-template-columns:repeat(3,minmax(0,1fr))}.d-v4 .ui-rank__seg{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}.d-v4 .ui-rank__table .c-no{width:30px}.d-v4 .ui-rank__table .c-spark .ui-spark{width:68px}.d-v4 .ui-rank__seg .ui-seg__btn{flex:none;padding:0 12px;font-size:var(--ui-fs-small)}.d-v4 .ui-rank__table :is(.c-tier,.c-trades,.c-vol,.c-star){display:none}.d-v4 .ui-finder__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78px;grid-auto-rows:auto;grid-template-rows:repeat(2,110px);overflow-x:auto;scrollbar-width:none}.d-v4 .ui-home__m .ui-tmap{height:520px;min-height:0}.d-v4 .ui-tmap__tile{left:var(--nx);top:var(--ny);width:var(--nw);height:var(--nh)}}