:root{--bg:#fbfbfc;--surface:#fff;--surface-2:#f1f3f7;--text:#14213d;--muted:#5f6b80;--border:#e4e8ef;--accent:#2f5bea;--accent-soft:#2f5bea1a;--accent-ink:#fff;--up:#d23f31;--up-soft:#d23f311a;--down:#2f5bea;--down-soft:#2f5bea1a;--ok:#0b7a4b;--ok-soft:#0b7a4b1a;--warn:#b7791f;--warn-soft:#b7791f1f;--shadow:0 1px 2px #14213d0d, 0 10px 30px #14213d12;--shadow-lg:0 20px 60px #14213d24;--radius:16px;--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;margin:0;font-size:15.5px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;line-height:1.2}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.container{width:min(1680px,100% - 48px);margin-inline:auto}@media (width<=600px){.container{width:min(1680px,100% - 24px)}}.topbar{z-index:50;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(160%)blur(10px);backdrop-filter:saturate(160%)blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar .container{justify-content:space-between;align-items:center;gap:16px;height:60px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.brand .logo{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.brand .wordmark{letter-spacing:.12em;font-size:15px;font-weight:800}.brand small{color:var(--muted);font-size:12.5px;font-weight:500}@media (width<=700px){.brand small{display:none}}.nav{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--muted);white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;transition:background .15s,color .15s}.nav a:hover{background:var(--surface-2);color:var(--text)}.nav a.on{background:var(--text);color:#fff}.page{padding:34px 0 56px;animation:.35s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-head{margin-bottom:22px}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:12.5px;font-weight:700}.page-head h1{font-size:clamp(26px,3.4vw,36px);font-weight:800}.page-head p{color:var(--muted);margin:8px 0 0;font-size:15.5px}.hero{background:var(--text);color:#fff;box-shadow:var(--shadow-lg);border-radius:24px;grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;margin-bottom:18px;padding:clamp(24px,3vw,40px);display:grid;position:relative;overflow:hidden}@media (width<=900px){.hero{grid-template-columns:1fr}}.hero .kpis{z-index:1;grid-template-columns:repeat(2,1fr);gap:10px;margin:0;display:grid;position:relative}.hero .kpi{background:#ffffff14;border:1px solid #ffffff24;border-radius:14px;padding:14px 16px}.hero .kpi b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(24px,2.4vw,34px);font-weight:800;display:block}.hero .kpi span{color:#ffffffb3;font-size:12.5px}.hero .flow{z-index:1;flex-wrap:wrap;gap:8px;margin-top:18px;display:flex;position:relative}.hero .flow span{color:#ffffffd9;border:1px solid #ffffff38;border-radius:999px;padding:6px 12px;font-size:13px}.hero .flow i{color:#ffffff73;align-self:center;font-style:normal}.hero:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#2f5bea8c,#0000 70%);width:60%;height:140%;position:absolute;inset:auto -10% -40% auto}.hero h1{letter-spacing:-.03em;font-size:clamp(28px,4vw,44px);font-weight:850;line-height:1.1}.hero p{color:#ffffffc7;margin:14px 0 0;font-size:16px}.grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}@media (width<=900px){.col-8,.col-6,.col-4{grid-column:span 12}.col-3{grid-column:span 6}}@media (width<=520px){.col-3{grid-column:span 12}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 22px}.card.flat{box-shadow:none}.card.soft{background:var(--accent-soft);box-shadow:none;border-color:#0000}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.card-head h2{font-size:18px;font-weight:750}.card-head h3{font-size:15px;font-weight:700}.card-head p{color:var(--muted);margin:4px 0 0;font-size:13.5px}.stat{flex-direction:column;gap:4px;display:flex}.stat .label{color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.stat .value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(26px,3vw,34px);font-weight:800;line-height:1.05}.stat .sub{color:var(--muted);font-size:12.5px}.pos{color:var(--up)}.neg{color:var(--down)}.ok{color:var(--ok)}.warn{color:var(--warn)}.muted{color:var(--muted)}.table-wrap{margin:0 -22px;padding:0 22px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 10px}th{color:var(--muted);background:var(--surface-2);white-space:nowrap;font-size:12.5px;font-weight:650;position:sticky;top:0}th:first-child{border-radius:10px 0 0 10px}th:last-child{border-radius:0 10px 10px 0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover td{background:color-mix(in srgb, var(--accent) 6%, transparent)}tr.hl td{background:color-mix(in srgb, var(--accent) 12%, transparent)}.name b{font-weight:700}.name small{color:var(--muted);margin-top:1px;font-size:12px;display:block}.bar-cell{align-items:center;gap:8px;display:flex}.bar-cell i{background:var(--accent);opacity:.8;border-radius:4px;height:8px;display:inline-block}.chip{background:var(--surface-2);color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.chip.accent{background:var(--accent-soft);color:var(--accent)}.chip.up{background:var(--up-soft);color:var(--up)}.chip.down{background:var(--down-soft);color:var(--down)}.chip.ok{background:var(--ok-soft);color:var(--ok)}.chip.warn{background:var(--warn-soft);color:var(--warn)}.seg{background:var(--surface-2);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:7px 12px;font-size:13.5px;font-weight:650;transition:all .15s}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:6px;padding:9px 14px;font-weight:650;transition:transform .15s,border-color .15s;display:inline-flex}.btn:hover{border-color:var(--accent);transform:translateY(-1px)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.controls label{color:var(--muted);font-size:13px;font-weight:600}input[type=search],input[type=text]{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;outline:none;width:100%;padding:11px 14px;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.term{border-bottom:1px dashed color-mix(in srgb, var(--accent) 60%, transparent);cursor:help}.tip{z-index:1000;background:var(--text);color:#fff;box-shadow:var(--shadow-lg);text-align:left;white-space:normal;pointer-events:none;border-radius:10px;padding:10px 12px;font-size:12.5px;font-weight:500;line-height:1.5;animation:.15s both fadeUp;position:fixed}.tip b{color:#9db4ff}.loadbar{z-index:60;opacity:0;background:0 0;height:3px;transition:opacity .2s;position:fixed;top:0;left:0;right:0;overflow:hidden}.loadbar.on{opacity:1}.loadbar:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);width:35%;animation:1.1s ease-in-out infinite slide;position:absolute;top:0;bottom:0}@keyframes slide{0%{left:-35%}to{left:100%}}.glossary{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px 22px;display:grid}.glossary dt{font-size:14px;font-weight:750}.glossary dd{color:var(--muted);margin:2px 0 8px;font-size:13.5px}.explain{background:var(--surface-2);color:var(--muted);border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.6}.explain b{color:var(--text)}.banner{border-radius:12px;align-items:center;gap:10px;margin:12px 0;padding:11px 14px;font-size:14px;display:flex}.banner.warn{background:var(--warn-soft);border:1px solid color-mix(in srgb, var(--warn) 40%, transparent)}.banner.err{background:var(--up-soft);border:1px solid color-mix(in srgb, var(--up) 40%, transparent)}.banner .spin{border:2px solid var(--warn);border-right-color:#0000;border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.disclaimer{color:var(--muted);border-top:1px solid var(--border);margin-top:12px;padding-top:12px;font-size:12.5px}.sk{background:var(--surface-2);border-radius:8px;position:relative;overflow:hidden;color:#0000!important}.sk:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);animation:1.3s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.sk-line{height:14px;margin:8px 0}.sk-big{width:60%;height:34px}.sk-row{border-radius:10px;height:40px;margin:6px 0}.fade-in{animation:.3s both fadeUp}svg.chart{width:100%;height:auto;display:block}.hist{align-items:flex-end;gap:6px;height:170px;padding-top:18px;display:flex}.hist .c{text-align:center;flex-direction:column;flex:1;justify-content:flex-end;height:100%;display:flex}.hist .b{background:var(--down);opacity:.85;border-radius:6px 6px 0 0;min-height:3px;transition:height .5s}.hist .b.up{background:var(--up)}.hist .n{color:var(--muted);margin-bottom:4px;font-size:11.5px;font-weight:700}.hist .l{color:var(--muted);white-space:nowrap;margin-top:6px;font-size:11px}.rank-list{gap:8px;display:grid}.rank{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.rank .pos-n{background:var(--surface-2);border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.rank.top .pos-n{background:var(--up-soft);color:var(--up)}.rank.bottom .pos-n{background:var(--down-soft);color:var(--down)}.rank .who b{font-weight:750}.rank .who small{color:var(--muted);font-size:12px;display:block}.rank .val{text-align:right;font-variant-numeric:tabular-nums}.rank .val b{font-size:18px;font-weight:800;display:block}.rank .val small{color:var(--muted);font-size:12px}.pipe{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.pipe .st{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;position:relative}.pipe .st:after{content:"→";color:var(--accent);z-index:1;font-weight:800;position:absolute;top:50%;right:-13px;transform:translateY(-50%)}.pipe .st:last-child:after{content:none}.pipe .k{color:var(--accent);letter-spacing:.04em;font-size:12px;font-weight:800}.pipe .v{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:4px 0;font-size:26px;font-weight:800}.pipe .d{color:var(--muted);font-size:12.5px}@media (width<=900px){.pipe{grid-template-columns:1fr}.pipe .st:after{content:"↓";inset:auto auto -20px 50%;transform:translate(-50%)}}footer{color:var(--muted);border-top:1px solid var(--border);margin-top:20px;padding:28px 0 40px;font-size:12.5px}footer .container{flex-wrap:wrap;justify-content:space-between;gap:8px 20px;display:flex}footer a{color:var(--accent)}details.help{margin-top:10px}details.help summary{cursor:pointer;color:var(--accent);align-items:center;gap:6px;font-size:13px;font-weight:650;list-style:none;display:inline-flex}details.help summary:before{content:"?";background:var(--accent-soft);border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;display:inline-grid}details.help[open] summary{margin-bottom:8px}.page-head p{font-size:15px}.card-head p{font-size:13px}