:root{color:#e8eef6;font-synthesis:none;--muted:#7f91a8;--line:#8da2bb24;--panel:#0d1c2ed1;--green:#42df9a;--red:#ff7080;--blue:#64a8ff;background:#07111f;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% -15%,#153358 0,#0000 32%),#07111f;min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.shell{min-height:100vh}header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#07111fb8;justify-content:space-between;align-items:center;height:70px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:12px;font-weight:700;display:flex}.brand-mark{color:#07111f;background:linear-gradient(135deg,#65f4b6,#50a7ff);border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.status{color:#a5b5c7;align-items:center;gap:8px;font-size:13px;display:flex}.status i{background:var(--green);width:7px;height:7px;box-shadow:0 0 12px var(--green);border-radius:50%}main{width:min(1180px,90vw);margin:0 auto;padding:64px 0 48px}.hero{justify-content:space-between;align-items:flex-end;margin-bottom:42px;display:flex}.eyebrow,.section-title p{color:#5fafff;letter-spacing:.16em;margin:0 0 9px;font-size:11px;font-weight:700}h1{letter-spacing:-.055em;margin:0;font-size:clamp(36px,5vw,60px);line-height:1.08}h1 em{color:#69e4b1;font-style:normal}.sub{color:var(--muted);margin:18px 0 0;font-size:14px}.asof{color:var(--muted);text-align:right;padding-bottom:5px;font-size:12px}.asof strong{color:#dce7f4;margin-top:5px;font-size:17px;display:block}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.metric-card,.panel{border:1px solid var(--line);background:linear-gradient(150deg, #11253ceb, var(--panel));box-shadow:0 18px 60px #00000026}.metric-card{border-radius:15px;padding:20px}.metric-card span,.metric-card small{color:var(--muted);font-size:12px;display:block}.metric-card strong{letter-spacing:-.04em;margin:7px 0 4px;font-size:25px;display:block}.indices-panel{margin-bottom:18px;overflow:hidden}.indices-grid{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.index-card{border:1px solid var(--line);background:#050f1b59;border-radius:13px;min-width:0;padding:15px}.index-card span,.index-card small{color:var(--muted);font-size:10px;display:block}.index-card>div:first-child{min-height:39px}.index-card>div:first-child small{color:#b99a68;margin-top:4px}.index-card strong{letter-spacing:-.03em;margin:8px 0 3px;font-size:20px;display:block}.index-change{margin-bottom:10px;font-size:12px;font-weight:700}.up-text{color:var(--green)}.down-text{color:var(--red)}.proxy-note{color:#657a92;margin:14px 2px 0;font-size:10px;line-height:1.55}.proxy-note a{color:#79b6f7}.panel{border-radius:18px;padding:24px}.section-title{justify-content:space-between;align-items:start;margin-bottom:18px;display:flex}.section-title h2{letter-spacing:-.035em;margin:0;font-size:20px}.section-title>span{color:var(--muted);padding-top:4px;font-size:11px}.price-heading{gap:16px}.prices-panel,.macro-panel{margin-bottom:18px}.watchlist-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.watchlist-group{border:1px solid var(--line);background:#050f1b59;border-radius:14px;min-width:0;padding:18px}.watchlist-group-title{justify-content:space-between;align-items:flex-start;gap:12px;min-height:41px;margin-bottom:8px;display:flex}.watchlist-group-title b,.watchlist-group-title small{display:block}.watchlist-group-title b{font-size:15px}.watchlist-group-title small{color:var(--muted);margin-top:4px;font-size:10px}.watchlist-group-title>span{color:#9ec7f4;background:#50a7ff17;border:1px solid #50a7ff2b;border-radius:999px;flex:none;padding:5px 8px;font-size:9px}.empty-watchlist{border-top:1px solid var(--line);color:var(--muted);text-align:center;margin:0;padding:30px 0;font-size:12px}.delay-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.delay-badges span{color:#9ec7f4;background:#50a7ff17;border:1px solid #50a7ff2b;border-radius:999px;padding:5px 8px;font-size:9px}.price-columns{color:#5f7187;text-align:right;grid-template-columns:minmax(105px,1fr) minmax(115px,auto) minmax(95px,auto) 68px;gap:12px;padding:0 0 8px;font-size:9px;display:grid}.price-columns span:first-child{text-align:left}.price-row{border-top:1px solid var(--line);grid-template-columns:minmax(105px,1fr) minmax(115px,auto) minmax(95px,auto) 68px;align-items:center;gap:12px;padding:13px 0;display:grid}.ticker b,.last strong{font-size:14px;display:block}.ticker small,.last small{max-width:240px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;display:block;overflow:hidden}.last{text-align:right}.last.current small{max-width:125px}.change{text-align:center;border-radius:8px;justify-self:end;min-width:64px;padding:6px 8px;font-size:12px;font-weight:700}.up{color:var(--green);background:#42df9a17}.down{color:var(--red);background:#ff708017}.macro-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.macro-item{border:1px solid var(--line);background:#050f1b59;border-radius:12px;min-height:92px;padding:14px}.macro-item span,.macro-item small{color:var(--muted);font-size:10px;display:block}.macro-item strong{margin:7px 0 2px;font-size:20px;display:block}.macro-item.accent{background:#4180cc14;border-color:#64a8ff4d}.news-heading{align-items:center}.news-panel{margin-bottom:18px}.market-news-panel .section-title p{color:var(--green)}.sector-news-panel .section-title p{color:#c39a63}.news-tabs{border:1px solid var(--line);background:#050f1b6b;border-radius:11px;gap:5px;padding:4px;display:flex}.news-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 17px;font-size:12px;font-weight:700}.news-tabs button.active{color:#06131f;background:var(--green)}.news-policy{flex-wrap:wrap;gap:7px;margin:-2px 0 18px;display:flex}.news-policy span{color:#9dcab7;background:#42df9a0f;border:1px solid #42df9a29;border-radius:999px;padding:6px 9px;font-size:10px}.news-sector-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.news-sector{border:1px solid var(--line);background:#050f1b59;border-radius:14px;min-width:0;padding:16px 18px 4px}.news-sector-title{justify-content:space-between;align-items:center;padding-bottom:13px;display:flex}.news-sector-title b{font-size:13px}.news-sector-title span{color:var(--muted);font-size:10px}.news-sector .news-row{padding:16px 74px 18px 0}.news-sector .sentiment{top:16px}.news-row{border:0;border-top:1px solid var(--line);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;padding:19px 110px 19px 0;transition:transform .18s,background .18s;display:block;position:relative}.news-row:hover{transform:translate(4px)}.news-meta{color:var(--muted);align-items:center;gap:9px;margin-bottom:7px;font-size:10px;display:flex}.news-meta b{color:#62aaff;letter-spacing:.04em}.news-row h3{margin:0 0 7px;font-size:15px;line-height:1.45}.news-row p{white-space:pre-line;color:#93a4b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:860px;margin:0;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.sentiment{color:#9eb0c4;text-transform:uppercase;background:#7f91a81a;border-radius:999px;padding:5px 9px;font-size:9px;position:absolute;top:22px;right:0}.sentiment.positive{color:var(--green);background:#42df9a1a}.sentiment.negative{color:var(--red);background:#ff70801a}.empty-news{min-height:130px;color:var(--muted);text-align:center;border:1px dashed #8da2bb33;border-radius:13px;place-content:center;gap:7px;margin:0;padding:28px 18px;font-size:13px;display:grid}.empty-news b{color:#b7c5d5;font-size:14px}.empty-news span{max-width:520px;line-height:1.55}.sector-empty{grid-column:1/-1}.disclaimer{color:#5f7187;text-align:center;margin:24px 0 0;font-size:11px}.news-overlay{z-index:50;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.overlay-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#020810c7;border:0;width:100%;position:absolute;inset:0}.news-detail{background:#0b1929;border:1px solid #7f9fc238;border-radius:20px;width:min(760px,94vw);max-height:min(820px,90vh);padding:34px;position:relative;overflow-y:auto;box-shadow:0 28px 90px #0000007a}.news-detail>h2{letter-spacing:-.035em;margin:12px 42px 28px 0;font-size:clamp(22px,3vw,31px);line-height:1.35}.close-button{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);cursor:pointer;background:#ffffff0a;border-radius:50%;font-size:23px;line-height:1;position:absolute;top:20px;right:22px}.detail-summary,.detail-body{border:1px solid var(--line);background:#050f1b6b;border-radius:14px;margin-top:18px;padding:20px}.detail-summary h3,.detail-body h3{color:#6ab0fa;margin:0 0 12px;font-size:12px}.detail-summary p,.detail-body p{white-space:pre-line;color:#b6c4d4;margin:0;font-size:14px;line-height:1.8}.detail-body p{color:#94a7ba}.original-link{color:var(--green);background:#42df9a14;border:1px solid #42df9a47;border-radius:10px;margin-top:22px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.detail-state{color:var(--muted);text-align:center;padding:70px 20px}.detail-state.error{color:var(--red)}.state{text-align:center;min-height:100vh;color:var(--muted);place-content:center;gap:12px;display:grid}.state strong{color:#e8eef6;font-size:20px}.loader{border:2px solid #ffffff24;border-top-color:var(--green);border-radius:50%;width:28px;height:28px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=820px){main{width:min(92vw,650px);padding-top:40px}.hero{flex-direction:column;align-items:start;gap:26px}.asof{text-align:left}.metrics,.indices-grid{grid-template-columns:repeat(2,1fr)}.index-card:last-child{grid-column:1/-1}.watchlist-columns{grid-template-columns:1fr}.price-columns,.price-row{grid-template-columns:minmax(120px,1fr) 150px 125px 68px}}@media (width<=520px){header{padding:0 4vw}.brand>span:last-child{display:none}h1{font-size:39px}.metrics{grid-template-columns:1fr 1fr}.metric-card{padding:16px}.metric-card strong{font-size:21px}.panel{padding:18px}.indices-panel{padding-left:10px;padding-right:10px}.indices-panel .section-title{padding:0 8px}.price-heading{flex-direction:column;align-items:flex-start}.watchlist-group{padding:14px}.delay-badges{justify-content:flex-start}.price-columns{display:none}.price-row{grid-template-columns:1fr auto;gap:9px 12px}.ticker{grid-column:1}.last.current{grid-column:2}.last.current small{max-width:175px}.last.previous{text-align:left;grid-area:2/1}.last.previous:before{content:"전일 ";color:var(--muted);font-size:9px}.price-row .change{grid-area:2/2;margin:0}.macro-grid{grid-template-columns:1fr 1fr}.news-sector-grid{grid-template-columns:1fr}.news-sector .news-row,.news-row{padding-top:45px;padding-right:0}.sentiment{top:16px;left:0;right:auto}.news-detail{padding:26px 20px}.news-detail>h2{margin-right:30px}}