.app{max-width:1280px;margin:0 auto;padding:20px 24px 40px}header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}h1{margin:0;font-size:22px;font-weight:600}.subtitle{color:#777;margin:4px 0 0;font-size:13px}.controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.quarter{color:#b3762f;min-width:64px;font-size:15px;font-weight:600}.timeline{width:180px}.btn{cursor:pointer;background:#fff;border:1px solid #d8d5cc;border-radius:8px;padding:6px 12px;font-size:13px}.btn:hover{border-color:#b3762f}.btn.subtle{color:#888}.toggle{color:#555;cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.scenarios{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.scenarios-label{color:#777;margin-right:2px;font-size:13px;font-weight:600}.chip{cursor:pointer;color:#444;background:#fff;border:1px solid #d8d5cc;border-radius:999px;padding:5px 13px;font-size:13px}.chip:hover{border-color:#b3762f}.chip.active{color:#fff;background:#b3762f;border-color:#b3762f}.scenario-desc{color:#8a6b3f;margin:-4px 0 12px;font-size:12.5px;line-height:1.5}main{grid-template-columns:1fr 280px;align-items:start;gap:16px;display:grid}.graph-wrap{min-width:0}.graph{background:#fdfcfa;border:1px solid #e6e3da;border-radius:14px;width:100%;display:block}.panel-close{display:none}.edge.active path{stroke-dasharray:7 4;animation:.9s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-11px}}.gnode:hover rect{stroke-width:2.5px}.panel{background:#fdfcfa;border:1px solid #e6e3da;border-radius:14px;padding:18px;position:sticky;top:16px}.panel h3{margin:0 0 8px;font-size:17px}.bigvalue{font-size:30px;font-weight:600}.bigvalue .unit{color:#888;margin-left:4px;font-size:14px}.baseline-note{color:#999;margin:4px 0 14px;font-size:12px}.panel input[type=range]{width:100%}.range-labels{color:#aaa;justify-content:space-between;margin-bottom:12px;font-size:11px;display:flex}.desc{color:#555;font-size:13px;line-height:1.65}.hint{color:#888;font-size:12.5px;line-height:1.6}.pos{color:#0f8a6d;font-weight:600}.neg{color:#d85a30;font-weight:600}.charts{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px;display:grid}.chart{text-align:left;cursor:pointer;font:inherit;background:#fdfcfa;border:1px solid #e6e3da;border-radius:10px;padding:8px 10px 4px}.chart.selected{background:#fff8ec;border-color:#b3762f}.chart-head{justify-content:space-between;align-items:baseline;gap:4px;margin-bottom:2px;display:flex}.chart-name{color:#666;white-space:nowrap;font-size:12px}.chart-value{white-space:nowrap;font-size:12.5px;font-weight:600}.chart-range{color:#bbb;justify-content:space-between;margin-top:2px;font-size:10.5px;display:flex}footer{color:#999;border-top:1px solid #eceae2;margin-top:22px;padding-top:12px;font-size:12px;line-height:1.6}@media (width<=980px){.app{padding:14px 14px 32px}h1{font-size:18px}header{flex-direction:column;align-items:stretch}.controls{width:100%}.timeline{flex:1;order:-1;width:auto;min-width:100px}.quarter{order:-2;min-width:58px}.btn,.chip{padding:9px 14px;font-size:14px}.scenarios{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.scenarios::-webkit-scrollbar{display:none}.scenarios-label,.chip{white-space:nowrap;flex-shrink:0}main{grid-template-columns:1fr}.graph-wrap{-webkit-overflow-scrolling:touch;border-radius:14px;overflow-x:auto}.graph{min-width:720px}.panel{z-index:20;max-height:46vh;padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-bottom:none;border-radius:16px 16px 0 0;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -6px 24px #1e1e1c24}.panel.empty{display:none}.panel .desc{font-size:12.5px;line-height:1.5}.panel .hint{display:none}.panel-close{color:#666;cursor:pointer;background:#f1efe8;border:none;border-radius:50%;width:32px;height:32px;font-size:14px;display:block;position:absolute;top:10px;right:12px}.bigvalue{font-size:24px}.charts{grid-template-columns:repeat(2,1fr)}.app:has(.panel:not(.empty)) footer{padding-bottom:46vh}}*{box-sizing:border-box}body{color:#1e1e1c;-webkit-font-smoothing:antialiased;background:#f7f6f2;margin:0;font-family:Pretendard,Noto Sans KR,-apple-system,Segoe UI,Malgun Gothic,sans-serif}