:root{--bg1: #f6f9ff;--bg2: #dce9ff;--panel: rgba(255, 255, 255, .86);--line: #d6e1ee;--text: #152536;--muted: #4d6277;--side-bg: #f7fbff;--side-line: #d7e3f0;--side-hover: #e8f2ff;--side-active: #d5e9ff;--shadow: 0 16px 40px rgba(14, 35, 60, .12)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:Noto Sans KR,sans-serif;background:radial-gradient(circle at 8% 8%,#fff8b5 0%,transparent 30%),radial-gradient(circle at 85% 80%,#c0f1e8 0%,transparent 32%),linear-gradient(150deg,var(--bg1),var(--bg2))}button,a{font:inherit}.sidebar-toggle{position:fixed;top:14px;left:14px;z-index:40;border:1px solid #d2deeb;background:#fff;color:#1c334a;border-radius:10px;width:38px;height:38px;font-size:18px;cursor:pointer;box-shadow:var(--shadow)}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh;transition:grid-template-columns .25s ease}.app-shell.sidebar-collapsed{grid-template-columns:76px 1fr}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--side-bg);border-right:1px solid var(--side-line);padding:62px 10px 14px}.side-brand{margin:0 8px 12px;font-family:Space Grotesk,sans-serif;font-weight:700;color:#1f425e;white-space:nowrap;overflow:hidden}.side-group{display:flex;flex-direction:column;gap:4px}.side-link,.side-button,.sub-link{border:0;width:100%;display:block;text-align:left;color:#1f3448;text-decoration:none;background:transparent;border-radius:10px;padding:10px 12px;font-size:.96rem;transition:background-color .16s ease;white-space:nowrap;overflow:hidden}.side-button{cursor:pointer}.side-link:hover,.side-button:hover,.sub-link:hover{background:var(--side-hover)}.side-link.active,.side-button.active,.sub-link.active{background:var(--side-active);font-weight:700}.sub-list{display:none;padding-left:12px;margin:2px 0 4px}.sub-list.open{display:block}.sub-link{font-size:.88rem;padding:7px 10px}.side-divider{height:1px;background:var(--side-line);margin:8px 6px}.app-shell.sidebar-collapsed .side-brand,.app-shell.sidebar-collapsed .side-link,.app-shell.sidebar-collapsed .side-button,.app-shell.sidebar-collapsed .sub-list,.app-shell.sidebar-collapsed .side-divider{display:none}.content{padding:28px 20px 38px}.hero{background:linear-gradient(120deg,#102030,#1f7a8c);color:#f7fbff;border-radius:16px;padding:20px;box-shadow:var(--shadow);margin-bottom:12px}.hero h1{margin:0 0 6px;font-family:Space Grotesk,sans-serif;font-size:1.65rem}.hero p{margin:0;opacity:.93}.panel{background:var(--panel);border:1px solid #fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:12px}.panel h2{margin:0;padding:12px 14px;background:linear-gradient(120deg,#132a3f,#2a4f75);color:#fff;font-family:Space Grotesk,sans-serif;font-size:1.02rem}.panel-body,.compact-panel{padding:12px}.status-text{margin:0 0 8px;color:var(--muted);font-size:.94rem}.status-text.error{color:#b42318}.ball-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:10px;min-height:40px}.ball{width:37px;height:37px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-family:Space Grotesk,sans-serif;font-weight:700;box-shadow:inset 0 -5px 8px #0000002e}.ball.bonus{border:2px solid #fff}.plus-pill{width:26px;height:26px;border-radius:999px;background:#eef5ff;color:#315c87;display:inline-flex;align-items:center;justify-content:center;font-weight:700;border:1px solid #95b3d3}.empty-text,.chart-empty{color:var(--muted)}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}th,td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:center;padding:10px 8px;font-size:.92rem}th:last-child,td:last-child{border-right:0}th{background:#1f7a8c;color:#fff;font-weight:600}tr:last-child td{border-bottom:0}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table-meta,.muted-text,.numbers-text{margin:0 0 10px}.muted-text{color:var(--muted)}.numbers-text{color:#1a3f62;font-weight:700}.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pill-row,.summary-row,.toolbar-row,.legend-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pill,.toolbar-button,.legend-button{border:1px solid #bdd2ea;background:#fff;color:#24425e;border-radius:999px;padding:8px 12px;text-decoration:none;cursor:pointer}.pill.active,.legend-button.active,.toolbar-button:hover{background:#13314f;color:#fff;border-color:#13314f}.chip,.range-chip,.mail-box{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px}.chip,.range-chip{background:#13314f;color:#fff}.mail-box{background:#eef4fb;color:#193a59;font-family:Consolas,monospace}.legend-dot{width:10px;height:10px;border-radius:999px;display:inline-block;margin-right:8px}.chart-card{border:1px solid #9fc0da;border-radius:10px;background:linear-gradient(180deg,#f5f9ff,#eef6ff);padding:10px;box-shadow:inset 0 0 0 1px #dce9f6;overflow-x:auto}.chart-card.interactive{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y}.chart-svg{display:block;width:100%;min-width:760px}.math-box{background:#f5f9ff;border:1px solid #dbe7f5;border-radius:10px;padding:10px 12px;font-family:Space Grotesk,sans-serif;font-size:.92rem;color:#173754;margin-bottom:10px;overflow-x:auto}.reason-list{margin:0;padding-left:18px;line-height:1.6}.reason-list li{margin-bottom:6px}.align-left,.prose-block p,.prose-block li{text-align:left}.prose-block p,.prose-block li{line-height:1.75}.table-scroll{overflow-x:auto}@media (max-width: 1100px){.cards-grid{grid-template-columns:1fr}}@media (max-width: 940px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;width:280px;z-index:30;transform:translate(-100%);transition:transform .2s ease}.app-shell.sidebar-open .sidebar{transform:translate(0)}.content{padding:68px 14px 28px}th,td{font-size:.84rem}}