:root{--bg:#070b14;--sidebar:#080d1a;--ink:#f5f7fb;--muted:#93a0b8;--line:#94a3b824;--up:#ff4d6d;--down:#5b8def;--purple:#6d4aff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(900px 420px at 10% -10%, #583cdc2e, transparent 55%), radial-gradient(700px 380px at 100% 0%, #0ea5e914, transparent 50%), var(--bg);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin:0}.app-shell{grid-template-columns:236px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.sidebar{z-index:15;border-right:1px solid var(--line);background:#080d1af5;flex-direction:column;height:100%;padding:18px 12px 14px;display:flex;position:relative;overflow:auto}.brand{align-items:center;gap:10px;padding:4px 8px 16px;text-decoration:none;display:flex}.brand-mark{background:#101828;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid;overflow:hidden;box-shadow:0 8px 18px #10182859}.brand-mark img{width:100%;height:100%;display:block}.brand strong{letter-spacing:-.03em;font-size:.98rem;display:block}.brand small{color:var(--muted);white-space:nowrap;margin-top:2px;font-size:.75rem;line-height:1.3;display:block}.side-nav{gap:4px;display:grid}.nav-link{color:#d5deee;border-radius:12px;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-size:.94rem;font-weight:700;text-decoration:none;display:flex}.nav-link:hover{background:#ffffff0a}.nav-link.active{color:#fff;background:linear-gradient(#7c5cff,#6246ea);box-shadow:0 8px 18px #6246ea59}.nav-link.active .nav-ico{color:#fff!important}.nav-ico{place-items:center;width:20px;display:grid}.loan-embed{border:1px solid var(--line);background:#0b1020;border-radius:18px;flex:1;min-height:calc(100vh - 180px);margin:-6px 0 0;display:flex;position:relative;overflow:hidden}.loan-close{z-index:2;color:#1f2937;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #0f172a1f;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:0 12px 0 10px;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 8px 24px #0f172a1f}.loan-close:hover{background:#fff;border-color:#0f172a33;transform:translateY(-1px);box-shadow:0 10px 28px #0f172a29}.loan-close:active{transform:translateY(0)}.loan-close:focus-visible{outline-offset:2px;outline:2px solid #7c5cff}.loan-close-x{color:#111827;background:#0f172a0f;border-radius:999px;place-items:center;width:20px;height:20px;font-size:1.05rem;font-weight:600;line-height:1;display:grid}.loan-close-label{letter-spacing:-.02em;font-size:.82rem;font-weight:650}.loan-frame{background:#fff;border:0;width:100%;min-height:calc(100vh - 180px)}.loan-page code{background:#ffffff0f;border-radius:6px;padding:.1em .35em;font-size:.92em}.ad-slot{background:linear-gradient(#121a2ef5,#0c1222fa);border:1px solid #ffffff14;border-radius:16px;position:relative;overflow:hidden}.ad-slot-label{z-index:1;color:#8b97ad;letter-spacing:.04em;font-size:.68rem;font-weight:700;position:absolute;top:8px;left:10px}.ad-slot-placeholder{min-height:inherit;text-align:center;place-content:center;gap:4px;padding:28px 16px 18px;display:grid}.ad-slot-placeholder strong{color:#c5d0e4;font-size:.86rem}.ad-slot-placeholder p{color:var(--muted);font-size:.76rem}.ad-slot-home-mid{min-height:96px}.ad-slot-home-mid .adsbygoogle,.ad-slot-home-mid .ad-slot-placeholder{min-height:90px}.ad-slot-sidebar,.sidebar-ad{min-height:260px;margin-top:auto}.ad-slot-sidebar .adsbygoogle,.ad-slot-sidebar .ad-slot-placeholder{min-height:250px}.workspace{flex-direction:column;min-width:0;height:100%;display:flex;overflow:auto}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070b14f5;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:12px 22px;display:flex;position:sticky;top:0}.topbar-meta{color:#c5d0e2;flex-wrap:wrap;gap:8px 16px;font-size:.92rem;font-weight:650;display:flex}.topbar-meta span{color:#b7c3d8;align-items:center;gap:6px;display:inline-flex}.live-stamp{align-items:center;gap:6px;display:inline-flex}.live-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.6s ease-out infinite live-pulse;box-shadow:0 0 #22c55e8c}@keyframes live-pulse{70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}@media (prefers-reduced-motion:reduce){.live-dot{animation:none}}.search{background:#0e1628;border:1px solid #ffffff14;border-radius:999px;align-items:center;width:min(380px,42vw);padding:0 4px 0 16px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:none;width:100%;height:42px}.search input::placeholder{color:#7f8da3}.search button{background:var(--purple);color:#fff;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.workspace-main{flex:1;padding:18px 18px 8px}.page{gap:16px;display:grid}.home-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.panel,.rank-card,.rank-empty,.page-missing{border:1px solid var(--line);background:linear-gradient(#141e36f5,#0d1324fa);border-radius:18px;box-shadow:0 12px 30px #00000029}.trends-panel{flex-direction:column;min-height:300px;padding:18px 16px 12px;display:flex}.trends-panel h2{color:#ffb020;align-items:center;gap:8px;margin-bottom:8px;font-size:1rem;display:flex}.trends-panel h2 svg{color:#ff8a00}.trend-list{margin:0;padding:0;list-style:none}.trend-row{border-bottom:1px solid #ffffff0d;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 4px;text-decoration:none;display:grid}.trend-list li:last-child .trend-row{border-bottom:0}.trend-row:hover .trend-title{color:#fff}.trend-rank{color:#fff;border-radius:7px;place-items:center;width:22px;height:22px;font-size:.75rem;font-weight:800;display:grid}.trend-rank.r1{background:#22c55e}.trend-rank.r2{background:#3b82f6}.trend-rank.r3{background:#8b5cf6}.trend-rank.r4{background:#f59e0b}.trend-title{color:#e7eefb;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.news-card{background:#10182c;border:1px solid #ffffff14;border-radius:22px;flex-direction:column;justify-content:flex-end;min-height:300px;padding:16px;display:flex;position:relative;overflow:hidden}.news-media{background:linear-gradient(#ffd0a1 0%,#ff7a59 28%,#3b2a6e 72%,#10182c 100%);position:absolute;inset:0}.news-photo{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.news-shade{background:linear-gradient(#070a161f 0%,#070a1647 38%,#070a16c7 68%,#070a16f0 100%);position:absolute;inset:0}.news-body,.news-controls{z-index:1;position:relative}.news-body{background:linear-gradient(#10182c00,#10182cf0 42%,#10182c 100%);margin-top:auto;padding-top:42px}.news-kicker{color:#d6e4ff;margin-bottom:8px;font-size:.78rem;font-weight:800;display:block}.news-title{color:#fff;letter-spacing:-.03em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.18rem;font-weight:800;line-height:1.35;text-decoration:none;display:-webkit-box;overflow:hidden}.news-body p{color:#d5deee;margin-top:6px;font-size:.82rem}.news-controls{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.news-dots,.news-arrows{gap:6px;display:flex}.dot,.news-arrows button{color:#fff;background:#ffffff47;border:0}.dot{border-radius:99px;width:7px;height:7px;padding:0}.dot.on{background:#fff;width:16px}.news-arrows button{border-radius:50%;width:28px;height:28px;font-size:1.1rem;line-height:1}.rank-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.rank-grid>*{grid-column:span 3}.rank-grid>:nth-child(5):nth-last-child(3),.rank-grid>:nth-child(6):nth-last-child(2),.rank-grid>:nth-child(7):last-child{grid-column:span 4}.rank-card{flex-direction:column;min-width:0;padding:14px 14px 10px;display:flex}.rank-card-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.rank-card-title{gap:10px;min-width:0;display:flex}.rank-card-title h2,.page-intro h1,.page-missing h1{letter-spacing:-.03em;font-size:1.02rem}.page-intro h1{font-size:1.6rem}.rank-card-title p,.page-intro p,.page-missing p{color:var(--muted);margin-top:2px;font-size:.78rem}.cat-icon{color:#fff;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;display:grid}.cat-icon.lg{border-radius:14px;width:48px;height:48px}.more-link{color:#9aa8c2;flex:none;font-size:.78rem;font-weight:700;text-decoration:none}.more-link:hover,.rank-card-foot a:hover,.name-cell a:hover{color:#fff}.more-link.solid{background:var(--purple);color:#fff;border-radius:999px;margin-top:12px;padding:8px 14px;display:inline-flex}.rank-head,.rank-row,.skeleton-row{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.detail-table{gap:6px;display:grid}.detail-table-head,.detail-list li{grid-template-columns:48px minmax(0,1.4fr) minmax(110px,.7fr) minmax(96px,.55fr);align-items:center;gap:12px;display:grid}.detail-table.layout-keyword .detail-table-head,.detail-table.layout-keyword .detail-list li,.detail-table.layout-simple .detail-table-head,.detail-table.layout-simple .detail-list li{grid-template-columns:48px minmax(0,1fr) minmax(110px,.6fr)}.detail-table-head{color:#7f8da3;padding:0 10px 8px;font-size:.78rem;font-weight:700}.detail-table-head span:nth-child(3),.detail-table-head span:nth-child(4){text-align:right}.detail-channel{text-align:right;color:#9aabc4;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.rank-head{color:#7f8da3;padding:0 4px 8px;font-size:.75rem}.rank-head span:last-child{justify-self:end}.rank-row,.detail-list li{border-radius:10px;min-height:38px;padding:4px}.detail-list li{background:#ffffff05;border:1px solid #0000;min-height:52px;padding:8px 10px}.rank-row:hover,.detail-list li:hover{background:#ffffff09}.detail-list li:hover{border-color:#ffffff0f}.rank-no{color:#9aabc4;text-align:center;font-size:.86rem;font-weight:800}.detail-list .rank-no{background:#ffffff0a;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.detail-list .rank-no.podium-1{color:#3b2504;background:linear-gradient(#f6d365,#dda441)}.detail-list .rank-no.podium-2{color:#1f2937;background:linear-gradient(#d7dee8,#9aa7b8)}.detail-list .rank-no.podium-3{color:#2d1608;background:linear-gradient(#e0a87a,#b8733b)}.market-chip{color:#9aa8c2;background:#ffffff0f;border-radius:999px;margin-top:3px;padding:1px 7px;font-size:.68rem;font-weight:700;display:inline-flex}.detail-price{text-align:right;justify-self:end}.name-cell{align-items:center;gap:8px;min-width:0;display:flex}.name-stack{min-width:0}.name-stack small,.page-intro small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;display:block;overflow:hidden}.name-cell a,.name-cell strong,.name-stack a,.name-stack strong{color:#eef3fb;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:750;text-decoration:none;display:block;overflow:hidden}.item-mark{color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:.68rem;font-weight:800;display:grid}.metric-cell{white-space:nowrap;justify-self:end}.metric-value,.change{font-variant-numeric:tabular-nums;font-size:.84rem;font-weight:800}.metric-value{color:#f3f6fb}.change{align-items:center;gap:3px;display:inline-flex}.change-up{color:var(--up)}.change-down{color:var(--down)}.change-flat{color:var(--muted)}.detail-metric{justify-content:flex-end;align-items:center;min-width:0;display:flex}.detail-list .metric-value,.detail-price{font-size:.95rem}.detail-list .change{font-size:.92rem}.detail-list .name-cell a,.detail-list .name-cell strong,.detail-list .name-stack a,.detail-list .name-stack strong{font-size:.95rem}.detail-list .item-mark{width:28px;height:28px;font-size:.78rem}.detail-stack.single .detail-card{padding:20px 22px}.detail-stack.single .detail-list{gap:8px;display:grid}.rank-empty{text-align:center;border-style:dashed;align-content:center;gap:4px;min-height:168px;margin:8px 0;padding:16px;display:grid}.rank-empty strong{font-size:.92rem}.rank-card .rank-empty{box-shadow:none;background:0 0;border:0}.rank-empty p,.panel-empty{color:var(--muted);font-size:.84rem}.panel-empty{padding:8px 2px 12px}.search-empty{min-height:140px}.rank-card-foot{color:#7f8da3;margin-top:auto;padding-top:10px;font-size:.72rem}.rank-card-foot a{color:#b9c7de;font-weight:700;text-decoration:none}.detail-stack{flex-wrap:wrap;align-items:stretch;gap:14px;display:flex}.detail-stack.single{display:block}.detail-card{flex:460px;width:min(100%,680px);max-width:680px;padding:18px}.detail-stack.single .detail-card{width:100%;max-width:none}.stock-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.market-tabs,.metric-tabs{border:1px solid var(--line);background:#0c1222eb;border-radius:14px;gap:4px;width:fit-content;padding:4px;display:inline-flex}.market-tabs.compact,.metric-tabs.compact{width:100%;margin:0 0 10px}.market-tabs.compact .market-tab,.metric-tabs.compact .metric-tab{flex:1}.market-tab,.metric-tab{color:#9aa8c2;background:0 0;border:0;border-radius:10px;min-height:36px;padding:0 16px;font-size:.9rem;font-weight:800}.metric-tab{padding:0 12px;font-size:.84rem}.market-tab:hover,.metric-tab:hover{color:#fff;background:#ffffff0a}.market-tab.active,.metric-tab.active{color:#fff;background:linear-gradient(#7c5cff,#6246ea);box-shadow:0 6px 14px #6246ea47}.detail-list{margin:0;padding:0;list-style:none}.page-intro,.page-missing{align-items:center;gap:14px;padding:18px;display:flex}.page-missing{display:grid}.skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff24,#ffffff0d) 0 0/200% 100%;border-radius:999px;height:12px;animation:1.3s linear infinite shimmer;display:block}.skeleton.short{justify-self:end;width:36px}.skeleton-row .skeleton:nth-child(2){width:70%}@keyframes shimmer{to{background-position:-200% 0}}.site-footer{border-top:1px solid var(--line);gap:14px;margin:8px 18px 18px;padding:16px 4px 8px;display:grid}.footer-note{align-items:flex-start;gap:10px;display:flex}.info-bubble{color:#7cb3ff;background:#60a5fa26;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.footer-note strong{margin-bottom:4px;font-size:.92rem;display:block}.footer-note p{color:var(--muted);font-size:.84rem}.footer-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.source-row{color:#6f7d95;flex-wrap:wrap;gap:8px 14px;font-size:.78rem;font-weight:800;display:flex}.source-row .live{color:#d5deee}.footer-stamp{color:#8b97ad;font-size:.8rem}:focus-visible{outline-offset:2px;outline:2px solid #8b6cff}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}@media (width<=1380px){.home-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-grid>*,.rank-grid>:nth-child(5):nth-last-child(3),.rank-grid>:nth-child(6):nth-last-child(2),.rank-grid>:nth-child(7):last-child{grid-column:auto}}@media (width<=980px){.app-shell{height:auto;display:block;overflow:visible}.workspace{height:auto;overflow:visible}.sidebar{z-index:20;border-right:0;border-bottom:1px solid var(--line);height:auto;position:sticky}.brand-copy,.sidebar-ad{display:none}.loan-embed,.loan-frame{min-height:70vh}.loan-close{min-height:34px;padding:0 10px 0 8px;top:10px;right:10px}.side-nav{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.nav-link{flex:none}.topbar{flex-direction:column;align-items:stretch;position:static}.search{width:100%}.home-top,.rank-grid{grid-template-columns:1fr}.rank-grid>*,.rank-grid>:nth-child(5):nth-last-child(3),.rank-grid>:nth-child(6):nth-last-child(2),.rank-grid>:nth-child(7):last-child{grid-column:auto}.news-card{min-height:260px}}@media (width<=720px){.workspace-main,.site-footer{margin-left:12px;margin-right:12px}.workspace-main{padding-left:0;padding-right:0}.detail-table-head,.detail-list li{grid-template-columns:36px minmax(0,1fr) auto;gap:8px}.detail-table.layout-market .detail-table-head span:nth-child(3),.detail-table.layout-market .detail-price,.detail-table.layout-media .detail-table-head span:nth-child(3),.detail-table.layout-media .detail-channel{display:none}.detail-metric{min-width:0}}