@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0d0d0b;--surface:#171612;--surface2:#211e18;--line:#393225;--text:#f3eee2;--muted:#aaa18f;--accent:#d3ad63;--up:#df977b;--down:#b6bbb5;--green:#dfbf80;font-family:'Manrope','Noto Sans KR',sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}button:hover{filter:brightness(1.16)}.demo-bar{min-height:34px;padding:7px 24px;text-align:center;font-size:.75rem;background:#211c13;color:#cabb9b;letter-spacing:.01em}.demo-tag{display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:.1em;margin-right:12px;color:#f3eee2}.header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 44px;gap:64px}.brand{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:800;letter-spacing:.06em;white-space:nowrap}.brand-mark{font-family:Arial,sans-serif;font-size:2.4rem;line-height:1;color:var(--accent);transform:skew(-8deg)}.brand-thin{font-weight:400;color:#c5bdad;letter-spacing:.09em}.header nav{display:flex;align-self:stretch;gap:30px}.nav-btn{position:relative;padding:0 2px;color:var(--muted);font-size:.9375rem;font-weight:600}.nav-btn.active{color:var(--text)}.nav-btn.active:after{content:'';height:3px;background:var(--accent);position:absolute;bottom:0;left:0;right:0}.nav-btn span{font-size:.75rem;background:#353022;border-radius:5px;padding:2px 6px;margin-left:4px;color:#d3ad63}.server-label{margin-left:auto;white-space:nowrap;border:1px solid var(--line);padding:10px 14px;border-radius:8px;font-size:.875rem;color:#c5bdad}.server-icon{color:var(--accent);margin-right:6px}main{max-width:1592px;margin:auto;padding:34px 44px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.eyebrow{color:var(--muted);letter-spacing:.14em;font-size:.75rem;font-weight:700}h1{font-size:2rem;letter-spacing:-.05em;line-height:1.4;margin:5px 0 0;font-weight:700}.title-dot{color:var(--accent);margin-left:3px}.updated{display:flex;align-items:center;gap:9px;font-size:.75rem;color:var(--muted)}.updated b{display:block;color:#dbd2bf;font-weight:500;margin-top:3px}.sample-dot{height:6px;width:6px;background:var(--accent);border-radius:50%;margin-right:3px}.info-btn{border:1px solid #60543d;border-radius:50%;width:20px;height:20px;font-size:.75rem;padding:0;margin-left:8px}.section-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}h2{font-size:1rem;letter-spacing:-.02em;margin:0;font-weight:600}.segment{display:flex;gap:2px;background:#1c1a15;padding:3px;border:1px solid var(--line);border-radius:7px}.segment button{font-size:.75rem;color:var(--muted);border-radius:4px;padding:6px 12px;white-space:nowrap}.segment button.selected{background:#353022;color:#ead7a7}.movers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:30px}.mover{background:linear-gradient(115deg,#211c13,#1c1a15);border:1px solid #413624;border-radius:12px;text-align:left;display:grid;grid-template-columns:1fr auto;gap:15px;padding:20px 22px;transition:border-color .2s,transform .2s}.mover:hover{border-color:#af8b47;transform:translateY(-2px)}.mover:nth-child(2){background:linear-gradient(115deg,#1c1a15,#1c1a15);border-color:#413624}.mover:nth-child(3){background:#1c1a15;border-color:var(--line)}.mover-label{font-size:.75rem;color:#cabb9b;display:block;margin-bottom:13px}.mover:nth-child(2) .mover-label{color:#cabb9b}.mover:nth-child(3) .mover-label{color:var(--muted)}.mover-name{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.9375rem}.mover-name small{color:var(--muted);font-weight:400;font-size:.75rem}.mover-number{text-align:right}.mover-number strong{display:block;font-size:1.6rem;letter-spacing:-.04em;line-height:1.15;margin:2px 0 7px}.mover-number span{font-size:.875rem;color:var(--muted)}.spark-card{width:104px;height:24px;display:block;margin:12px 0 0 auto}.workspace{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);gap:22px;align-items:start}.panel{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.list-heading{padding:24px 22px 19px;display:flex;align-items:center;justify-content:space-between;gap:16px}.list-heading h2 span{color:var(--accent);font-size:.875rem;margin-left:6px}.list-heading p{color:var(--muted);font-size:.75rem;margin:7px 0 0}.search{display:flex;align-items:center;gap:8px;width:200px;background:#0f0f0d;border:1px solid var(--line);border-radius:7px;padding:9px 11px}.search svg{height:17px;width:17px;fill:none;stroke:var(--muted);stroke-width:1.7;flex-shrink:0}.search input{width:100%;min-width:0;background:none;border:0;color:var(--text);font-size:.875rem;outline-offset:7px}.search input::placeholder{color:var(--muted)}.filters{padding:0 22px 20px;display:flex;align-items:center;gap:6px}.filters button{font-size:.875rem;color:var(--muted);padding:7px 12px;border-radius:6px;white-space:nowrap}.filters button.active{background:#353022;color:#ead7a7}.filter-divider{height:16px;background:var(--line);width:1px;margin:0 6px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:.75rem;color:var(--muted);font-weight:500;background:#0f0f0d;padding:13px 12px;border-block:1px solid var(--line)}th button{font-size:inherit;color:inherit;padding:0}td{padding:15px 12px;border-bottom:1px solid #393225;font-size:.875rem}.star-col{width:42px;padding-left:18px}td:first-child{padding-left:18px;padding-right:3px}tr.item-row{transition:background .15s}tr.item-row:hover{background:#292419}tr.item-row.selected{background:#211c13;box-shadow:inset 3px 0 var(--accent)}.star-btn{color:#aaa18f;font-size:1.35rem;line-height:1;width:28px;height:32px;padding:0}.star-btn.saved{color:#cbb37d}.item-select{padding:0;display:flex;align-items:center;gap:11px;text-align:left;min-width:150px}.item-tile{width:36px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:var(--tile-bg,#353022);color:var(--tile,#cbb37d);font-size:.875rem;font-weight:700;border:1px solid #ffffff0c;flex-shrink:0}.item-name{display:block;font-size:.875rem;font-weight:500}.item-sub{display:block;font-size:.75rem;color:var(--muted);margin-top:4px}.number{text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.price-value{font-weight:600}.currency{color:#cbb37d;font-size:.9em;padding-left:3px}.up{color:var(--up)}.down{color:var(--down)}.neutral{color:var(--muted)}.trend-col{width:100px;text-align:right;padding-right:22px}.sparkline{width:75px;height:25px;vertical-align:middle;overflow:visible}.list-footer{padding:16px 22px;display:flex;justify-content:space-between;gap:12px;font-size:.75rem;color:var(--muted)}.accent{color:var(--accent)}.detail{padding:25px 25px 20px;position:sticky;top:20px}.detail-top{display:flex;align-items:center;gap:13px}.detail-top .item-tile{width:48px;height:50px;font-size:1.2rem}.detail-top h2{font-size:1.25rem}.detail-top p{font-size:.75rem;color:var(--muted);margin:6px 0 0}.detail-top .star-btn{margin-left:auto;font-size:1.7rem}.detail-price{margin:25px 0 20px}.metric-label{font-size:.75rem;color:var(--muted);display:flex;gap:6px;align-items:center}.price-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}.price-line strong{font-size:2.3rem;letter-spacing:-.055em;line-height:1.25}.price-line .currency{font-size:1.5rem;color:#cbb37d}.change-pill{background:#df977b11;border-radius:5px;font-size:.875rem;padding:5px 8px}.change-pill.down{background:#b6bbb513}.detail-period{display:flex;justify-content:space-between;align-items:center;gap:10px}.detail-period .segment{background:#0f0f0d}.detail-period .segment button{padding:6px 10px}.chart-unit{font-size:.75rem;color:var(--muted)}.chart{position:relative;margin:17px 0 3px}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart svg text{font-family:'Manrope','Noto Sans KR',sans-serif;fill:var(--muted);font-size:12px}.chart-note{display:flex;justify-content:space-between;gap:10px;font-size:.75rem;color:var(--muted);margin-bottom:23px}.chart-note span:first-child:before{content:'';height:2px;width:14px;display:inline-block;background:var(--accent);vertical-align:middle;margin-right:6px}.chart-tooltip{position:absolute;pointer-events:none;background:#353022;border:1px solid #60543d;box-shadow:0 8px 25px #0005;border-radius:6px;padding:8px 11px;font-size:.75rem;z-index:3;top:16px;left:12px;display:none;color:var(--text)}.chart-tooltip.visible{display:block}.range-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-block:1px solid var(--line);padding:17px 0;margin-bottom:22px}.range-summary span{display:block;font-size:.75rem;color:var(--muted);margin-bottom:8px}.range-summary strong{font-size:.875rem;font-weight:500}.range-summary div:not(:first-child){border-left:1px solid var(--line);padding-left:14px}.detail h3{font-size:.875rem;font-weight:500;margin:0 0 14px;color:#dbd2bf}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.stat-grid span{display:block;font-size:.75rem;color:var(--muted);margin-bottom:6px}.stat-grid strong{font-size:.875rem;font-weight:500}.listing{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.status-note{background:#211e18;color:#cabb9b;border-radius:6px;padding:10px 12px;margin-top:20px;font-size:.75rem;line-height:1.7}.status-note.warning{color:#d5be8c;background:#322b1f}.footer{display:flex;justify-content:space-between;gap:15px;padding:26px 0 30px;color:#aaa18f;font-size:.75rem}.footer-brand{letter-spacing:.08em;font-size:.75rem;font-weight:700}.footer-sep{margin:0 12px;color:#433a2b}#empty{text-align:center;padding:55px 18px}.empty-symbol{font-size:2rem;color:var(--accent)}#empty h3{font-size:1rem}#empty p{font-size:.875rem;color:var(--muted)}#reset-filters{border:1px solid #60543d;border-radius:6px;padding:9px 13px;font-size:.875rem;color:var(--accent)}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;background:#f3eee2;color:#292419;border:1px solid #d4c7a9;border-radius:9px;padding:13px 20px;font-size:.875rem;box-shadow:0 8px 32px #0006;pointer-events:none;transition:.2s;z-index:10;max-width:90%;width:max-content}#toast.show{transform:translate(-50%,0);opacity:1}dialog{background:#171612;color:var(--text);border:1px solid #413624;border-radius:14px;padding:32px;width:min(540px,calc(100% - 32px));max-height:85vh;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#080807b8;backdrop-filter:blur(4px)}dialog h2{font-size:1.5rem;margin:8px 0 20px}dialog p,dialog dd{font-size:.875rem;line-height:1.9;color:#cabb9b}dialog dt{font-size:.875rem;font-weight:600;margin-top:18px}dialog dd{margin:5px 0 0}.close-dialog{position:absolute;top:14px;right:15px;font-size:1.7rem;color:var(--muted)}.primary{background:var(--accent);color:#322b1f;padding:12px 18px;border-radius:7px;width:100%;margin-top:12px;font-size:.875rem;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1600px){.header{padding-inline:max(44px,calc((100vw - 1504px)/2))}.workspace{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}td{padding-block:18px}}
@media(max-width:1150px){main{padding:26px 24px 0}.header{padding:0 24px;gap:35px}.workspace{gap:16px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.trend-col{display:none}.detail{padding:20px}.search{width:160px}.list-heading{padding:20px 17px}.filters{padding-inline:17px}.mover{padding:18px}.mover-name{font-size:.875rem}.mover-number strong{font-size:1.35rem}.mover-name small{display:none}}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.detail{position:static;scroll-margin-top:20px}.trend-col{display:table-cell}.movers{gap:10px}.mover{padding:15px;gap:12px}.mover-name .item-tile{display:none}.mover-number strong{font-size:1.25rem}.mover-number span{font-size:.75rem}.mover-label{font-size:.75rem}.spark-card{width:75px}.detail .chart{max-width:650px;margin-inline:auto}.detail .chart svg{max-height:290px}.header{gap:25px}.header nav{gap:20px}.brand{font-size:1rem}.server-label{font-size:.75rem;padding:8px 10px}.updated{font-size:.75rem}}
@media(max-width:600px){.demo-bar{font-size:.75rem;padding:8px 14px;line-height:1.7}.demo-tag{margin-right:6px}.header{height:auto;min-height:108px;flex-wrap:wrap;gap:0;padding:15px 18px 0}.brand{order:0;font-size:1rem}.brand-mark{font-size:2rem}.server-label{order:1;margin-left:auto;font-size:.75rem}.header nav{order:2;width:100%;height:48px;gap:26px}.nav-btn{font-size:.875rem}.nav-btn span{font-size:.75rem}main{padding:24px 16px 0}.page-heading{margin-bottom:25px;align-items:flex-start}h1{font-size:1.6rem}.eyebrow{font-size:.75rem}.updated{gap:5px;text-align:right;font-size:.75rem;line-height:1.6}.sample-dot{display:none}.info-btn{margin-left:2px;flex-shrink:0}.movers-section h2{font-size:.875rem}.movers{grid-template-columns:1fr;gap:8px;margin-bottom:22px}.mover{display:flex;align-items:center;justify-content:space-between;padding:15px 17px}.mover-label{margin-bottom:7px}.mover-name .item-tile{display:none}.mover-number{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.mover-number strong{font-size:1.3rem;margin:0}.mover-number span{font-size:.75rem}.spark-card{display:none}.list-heading{padding:20px 14px 17px;align-items:flex-start;gap:10px}.list-heading h2{font-size:.9375rem}.list-heading p{font-size:.75rem}.search{width:145px;padding:9px}.filters{padding:0 12px 17px;gap:3px}.filters button{padding:7px 9px;font-size:.75rem}.filter-divider{margin-inline:3px}.trend-col{display:none}td{padding:14px 7px;font-size:.875rem}th{padding:12px 7px;font-size:.75rem}.star-col{width:28px;padding-left:8px}td:first-child{padding-left:8px}.item-select{min-width:118px;gap:8px}.item-name{font-size:.875rem}.item-tile{width:30px;height:34px;font-size:.75rem}.item-sub{font-size:.75rem}.star-btn{width:24px;font-size:1.2rem}.number:last-of-type{padding-right:12px}.list-footer{padding:14px;font-size:.75rem}.list-footer span:last-child{max-width:150px;text-align:right}.detail{padding:21px 18px}.price-line strong{font-size:2.2rem}.footer{flex-direction:column;gap:10px;font-size:.75rem;padding:24px 0}.stat-grid span,.range-summary span,.chart-note,.status-note{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}