:root{--bg:#f4f7fb;--panel:#fff;--text:#081426;--muted:#536176;--border:#c8d4e4;--accent:#1d4ed8;--accent2:#0f766e;--risk:#c2410c;--safe:#047857;--shadow:0 12px 30px rgba(15,23,42,.08)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.55;letter-spacing:-.012em}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:24px 18px;background:#07162d;color:#fff;overflow:auto}.brand h1{margin:7px 0 8px;font-size:1.8rem;line-height:1.15}.brand p{margin:0;color:#cbd7ea;font-weight:700}.eyebrow{font-size:.72rem;letter-spacing:.12em;font-weight:900;color:#91b4ff}.eyebrow.dark{color:#1746c8}.nav-list{display:grid;gap:6px;margin-top:26px}.nav{width:100%;border:0;border-radius:12px;padding:11px 12px;text-align:left;background:transparent;color:#cbd7ea;font-weight:850}.nav:hover,.nav.active{background:#17345f;color:#fff}.side-status{margin-top:22px;padding:12px;border:1px solid #29476f;border-radius:12px;color:#c8d7ec;font-size:.88rem}.main{margin-left:248px;padding:26px;max-width:1760px}.topbar,.section-heading,.scope-summary,.sido-head,.metric-head,.method-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.topbar h2{margin:3px 0;font-size:2rem}.topbar p,.section-heading p{margin:0;color:var(--muted);font-weight:650}.top-actions{display:flex;align-items:end;gap:10px}.top-actions label,.section-heading label,.control-row label,.table-controls label,.browse-toolbar label,.search-toolbar label{display:grid;gap:5px;color:#334155;font-weight:850;font-size:.9rem}select,input[type=search]{border:1px solid #9fb0c7;border-radius:11px;background:#fff;color:var(--text);padding:10px 12px;min-height:42px}.status-pill{display:inline-flex;align-items:center;border:1px solid #b7c9e4;background:#eaf2ff;color:#153e8f;border-radius:999px;padding:9px 12px;font-weight:900}.panel,.scope-summary{background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.scope-summary{margin:22px 0 14px;padding:16px 18px;align-items:center}.scope-summary>div{display:grid;gap:2px}.scope-summary span{color:var(--muted);font-size:.82rem;font-weight:800}.scope-summary strong{font-size:1.05rem}.scope-summary small{color:#64748b;font-weight:700}.secondary,.primary,.scope-mode,.finder-tab,.star{border-radius:11px;padding:10px 13px;font-weight:900;min-height:42px}.secondary{border:1px solid #9fb0c7;background:#fff;color:#23334d}.primary{border:1px solid var(--accent);background:var(--accent);color:#fff}.notice{margin:12px 0;padding:12px 14px;border:1px solid #b7c9e4;background:#edf4ff;color:#153e8f;border-radius:13px;font-weight:800}.notice.error{border-color:#f3a6a6;background:#fff0f0;color:#8b1d1d}.view{display:none;margin-top:22px}.view.active{display:block}.section-heading{margin-bottom:14px}.panel{padding:17px}.grid{display:grid;gap:14px;margin-top:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.metric-card{border:1px solid var(--border);background:var(--panel);border-radius:17px;padding:15px;text-align:left;box-shadow:0 7px 18px rgba(15,23,42,.055);transition:.14s}.metric-card:hover{transform:translateY(-1px);border-color:#789ee8;box-shadow:0 12px 26px rgba(15,23,42,.1)}.metric-card .name{font-weight:950;color:#14233c}.metric-card .value{display:block;margin:8px 0 2px;font-size:1.65rem;font-weight:950;font-variant-numeric:tabular-nums}.metric-card .unit,.metric-card .quality{display:block;color:var(--muted);font-size:.82rem;font-weight:750}.quality-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;border-radius:999px;padding:4px 8px;font-size:.75rem;font-weight:950}.quality-a{background:#dcfce7;color:#166534}.quality-b{background:#e0f2fe;color:#075985}.quality-c{background:#fef3c7;color:#92400e}.quality-none{background:#fee2e2;color:#991b1b}.stat-list{display:grid;gap:8px}.stat-list>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #e5ebf3}.stat-list>div:last-child{border-bottom:0}.stat-list span{color:var(--muted);font-weight:750}.stat-list b{text-align:right}.region-builder-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:14px}.scope-panel,.highlight-panel{min-height:220px}.scope-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.scope-mode{border:1px solid #a8b8cc;background:#fff;color:#24344f}.scope-mode.active{background:#eaf2ff;border-color:#5d87d8;color:#143d91}.scope-detail{display:grid;gap:4px;padding:12px;border:1px dashed #a9bdd8;border-radius:12px;background:#f8fbff}.scope-detail span{color:var(--muted);font-weight:700}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{display:inline-flex;align-items:center;border:1px solid #a9c4ff;background:#eef4ff;border-radius:999px;overflow:hidden}.chip>span{padding:7px 10px;color:#163e93;font-weight:900}.chip button{border:0;background:transparent;padding:7px 10px;color:#163e93;font-weight:900}.chip .remove{color:#991b1b;border-left:1px solid #c5d7fa}.empty-inline{color:var(--muted);font-weight:750}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.finder-panel{margin-top:14px}.finder-tabs{display:flex;gap:8px;border-bottom:1px solid #dce4ef;padding-bottom:12px}.finder-tab{border:1px solid #9fb0c7;background:#fff;color:#24344f}.finder-tab.active{background:#17345f;color:#fff;border-color:#17345f}.finder-view{display:none;padding-top:14px}.finder-view.active{display:block}.browse-toolbar,.search-toolbar,.table-controls,.control-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.search-toolbar .search-box{flex:1;min-width:280px}.region-tree{display:grid;gap:10px;margin-top:14px}.sido-group{border:1px solid #d1dbe8;border-radius:14px;background:#fbfcfe;overflow:hidden}.sido-head{align-items:center;padding:12px 14px}.sido-toggle{border:0;background:transparent;text-align:left;color:#17263d;padding:0}.sido-toggle span{color:var(--muted);font-size:.82rem}.scope-check{display:flex;align-items:center;gap:7px;color:#334155;font-weight:800}.sido-children,.metro-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;padding:12px;border-top:1px solid #e0e7ef;background:#fff}.region-leaf,.search-result-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border:1px solid #d7e0ec;border-radius:11px;background:#fff}.region-leaf span,.search-result-row span{display:grid}.region-leaf small,.search-result-row small{color:var(--muted)}.star{min-height:34px;padding:6px 9px;border:1px solid #a8b8cc;background:#fff;color:#334155}.star.active{border-color:#2563eb;background:#eaf2ff;color:#153e8f}.search-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin-top:14px;max-height:520px;overflow:auto}.table-controls{margin-bottom:10px}.table-controls label{min-width:140px}.coverage-note,.legend-note{margin:8px 0 10px;color:#41516a;font-weight:750}.table-wrap{background:#fff;border:1px solid var(--border);border-radius:17px;overflow:auto;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;min-width:1300px}th,td{padding:10px 11px;border-bottom:1px solid #e1e8f1;text-align:right;font-size:.88rem;font-variant-numeric:tabular-nums}th{position:sticky;top:0;background:#eef3fa;color:#253651;z-index:1}th:first-child,td:first-child{position:sticky;left:0;text-align:left;background:#fff;font-weight:900}th:first-child{background:#eef3fa;z-index:2}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin-top:14px}.pagination button{border:1px solid #a8b8cc;background:#fff;border-radius:9px;padding:7px 10px;font-weight:850}.pagination button.active{background:#17345f;color:#fff;border-color:#17345f}.chart-shell{min-height:500px;border:1px solid var(--border);border-radius:18px;background:#fff;padding:10px;box-shadow:var(--shadow)}.chart-shell.tall{min-height:650px}.chart-shell svg{width:100%;height:auto;display:block}.axis{stroke:#26354b;stroke-width:1.3}.gridline{stroke:#dce4ef;stroke-width:1}.mean-line{stroke:#64748b;stroke-dasharray:6 5}.axis-label{font-size:12px;fill:#4b5b70;font-weight:750}.axis-title{font-size:14px;fill:#17263d;font-weight:900}.point{fill:#a9b5c6;opacity:.65;cursor:pointer}.point.highlighted{fill:#2563eb;stroke:#07162d;stroke-width:2.7;opacity:1}.point:hover{opacity:1;stroke:#07162d;stroke-width:2.5}.scatter-label{font-size:12px;font-weight:900;fill:#0f172a;paint-order:stroke;stroke:#fff;stroke-width:4px}.trend-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend-dot{stroke:#fff;stroke-width:2}.trend-end{font-weight:900}.legend{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.legend span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;padding:5px 8px;font-size:.8rem;font-weight:800}.legend i{width:10px;height:10px;border-radius:50%}.muted{color:var(--muted);font-weight:700}.rank-list{display:grid;gap:7px}.rank-row{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid #d7e0ec;border-radius:11px;background:#fbfcfe}.rank-row.highlighted{border-color:#6e98e8;background:#eef4ff}.method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:13px}.method-card{background:#fff;border:1px solid var(--border);border-radius:17px;padding:16px}.method-card h4{margin:0}.formula{padding:10px;border-radius:11px;background:#f1f5f9;color:#1e293b;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86rem}.warning-panel{margin-top:14px;border-color:#e6b85b;background:#fffaf0}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.guide-grid b{font-size:1.1rem}.feedback-panel{text-align:center;padding:34px}.discord-link{display:inline-flex;padding:12px 17px;border-radius:12px;background:#5865f2;color:#fff;text-decoration:none;font-weight:950}.tooltip{position:fixed;z-index:20;pointer-events:none;max-width:290px;white-space:pre-line;background:#07162d;color:#fff;border-radius:10px;padding:9px 11px;font-size:.82rem;box-shadow:0 10px 24px rgba(0,0,0,.25)}
@media(max-width:1100px){.region-builder-grid,.grid.two,.guide-grid{grid-template-columns:1fr}.sidebar{position:static;width:auto}.main{margin-left:0}.nav-list{grid-template-columns:repeat(5,1fr)}.topbar{display:block}.top-actions{margin-top:12px}.scope-summary{display:grid;grid-template-columns:1fr 1fr}.scope-summary .primary{grid-column:1/-1}.chart-shell.tall{min-height:520px}}
@media(max-width:700px){.main{padding:14px}.nav-list{grid-template-columns:repeat(2,1fr)}.scope-summary{grid-template-columns:1fr}.scope-summary .primary{grid-column:auto}.top-actions,.browse-toolbar,.search-toolbar,.table-controls,.control-row{display:grid;grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr}.sido-children,.metro-grid,.search-results{grid-template-columns:1fr}.chart-shell{min-height:360px}.chart-shell.tall{min-height:420px}.sido-head{display:grid}.scope-check{margin-top:8px}}
.metro-leaf{display:grid;grid-template-columns:1fr auto auto}.scope-check.compact{font-size:.8rem;white-space:nowrap}