:root{--bg:#eff4fb;--panel:#ffffffd1;--panel-strong:#ffffffeb;--ink:#14213d;--muted:#52607a;--shadow:0 24px 60px #19376d1f;--blue:#2563eb;--teal:#0f766e;--green:#16a34a;--amber:#f59e0b;--pink:#ec4899;--sky:#0ea5e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at top left, #2563eb1f, transparent 34%), radial-gradient(circle at 85% 18%, #0ea5e91f, transparent 26%), linear-gradient(180deg, #f8fbff 0%, var(--bg) 100%);margin:0;font-family:Pretendard Variable,SUIT Variable,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif}body,#root{min-height:100vh}@keyframes panelFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}button,a{-webkit-tap-highlight-color:transparent}.page-shell a{color:inherit}.page-shell{width:min(1480px,100% - 40px);margin:0 auto;padding:32px 0 44px}.hero{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffffe6,#eaf4ffc7);border:1px solid #ffffffb8;border-radius:32px;justify-content:space-between;gap:24px;padding:28px 32px;animation:.7s both panelFade;display:flex}.hero__copy{max-width:760px}.eyebrow,.panel-heading__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin:0 0 10px;font-size:.82rem;font-weight:800}.hero h1,.panel-heading h2,.statement-card h3,.source-card h3,.content-panel h2{margin:0}.hero h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.08}.hero__lede{max-width:58ch;color:var(--muted);margin:14px 0 0;font-size:1.02rem;line-height:1.7}.hero__stats{grid-template-columns:repeat(2,minmax(120px,1fr));gap:14px;min-width:280px;display:grid}.stat-card{background:var(--panel-strong);border:1px solid #2563eb1f;border-radius:24px;padding:18px 18px 16px}.stat-card--muted{border-color:#52607a1f}.stat-card__label{color:var(--muted);margin-bottom:8px;font-size:.92rem;display:block}.stat-card__value{font-size:clamp(1.8rem,4vw,3rem);line-height:1}.workspace{gap:24px;margin-top:24px;display:grid}.flow-panel,.content-panel,.planner-panel,.statement-card,.source-card,.input-group{background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #fffc;border-radius:32px;animation:.76s both panelFade}.flow-panel{padding:28px}.content-panel{padding:28px;animation-delay:.12s}.panel-heading,.content-panel__head,.statement-card__head,.source-card__head{justify-content:space-between;gap:16px;display:flex}.panel-heading{align-items:end}.panel-heading h2,.content-panel h2{font-size:1.7rem}.panel-heading__caption,.content-panel__description,.statement-card__caption,.source-card p{color:var(--muted);margin:0;line-height:1.65}.flow-stage{grid-template-rows:repeat(3,minmax(160px,1fr));grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:".report.""income equity position""comprehensive cash.";gap:28px;min-height:720px;margin-top:18px;padding:24px 12px 0;display:grid;position:relative}.flow-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.flow-lines text{fill:#235;font-size:22px;font-weight:700}.node{z-index:1;border:2px solid var(--accent);text-align:left;cursor:pointer;background:#fffffff0;border-radius:28px;width:min(100%,248px);min-height:110px;padding:22px 24px;transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s;animation:.58s cubic-bezier(.22,1,.36,1) both riseIn;position:relative;box-shadow:0 18px 40px #1f293714}.node:hover,.node:focus-visible{outline:none;transform:translateY(-4px);box-shadow:0 26px 46px #19376d24}.node.is-active{background:linear-gradient(135deg,#fffffffa,#eef8fff2);box-shadow:0 28px 52px #2563eb2e}.node__title{font-size:1.95rem;font-weight:800;line-height:1.12;display:block}.node__text{color:var(--muted);margin-top:10px;font-size:1rem;line-height:1.5;display:block}.node--income{--accent:var(--amber);grid-area:income;place-self:center start}.node--report{--accent:var(--sky);grid-area:report;place-self:start center}.node--equity{--accent:var(--blue);grid-area:equity;place-self:center}.node--position{--accent:var(--green);grid-area:position;place-self:center end}.node--comprehensive{--accent:var(--pink);grid-area:comprehensive;place-self:end start}.node--cash{--accent:var(--teal);grid-area:cash;place-self:end center}.flow-stage>.node:first-of-type{animation-delay:60ms}.flow-stage>.node:nth-of-type(2){animation-delay:.12s}.flow-stage>.node:nth-of-type(3){animation-delay:.18s}.flow-stage>.node:nth-of-type(4){animation-delay:.24s}.flow-stage>.node:nth-of-type(5){animation-delay:.3s}.flow-stage>.node:nth-of-type(6){animation-delay:.36s}.content-panel__actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:10px;display:flex}.content-badge,.source-link{min-height:42px;color:var(--blue);background:#2563eb1a;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-weight:700;text-decoration:none;transition:background-color .18s,color .18s;display:inline-flex}.content-badge.is-web{color:var(--teal);background:#0f766e1f}.source-link:hover,.source-link:focus-visible{background:#2563eb29;outline:none}.metric-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.metric-card{background:#ffffffbd;border:1px solid #14213d14;border-radius:24px;padding:18px}.metric-card__label{color:var(--muted);margin-bottom:10px;font-size:.9rem;display:block}.metric-card__value{font-size:1.3rem;line-height:1.25}.planner-panel{margin-top:20px;padding:22px}.input-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.input-group{padding:18px}.input-group h4{margin:0 0 14px;font-size:1.05rem}.input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{background:#ffffffb8;border:1px solid #14213d14;border-radius:18px;gap:8px;padding:14px;display:grid}.field__label{font-size:.92rem;font-weight:700}.field__input{width:100%;min-height:44px;color:var(--ink);font:inherit;background:#fff;border:1px solid #14213d24;border-radius:14px;padding:0 12px}.field__input:focus{border-color:#2563eb85;outline:3px solid #2563eb1f}.field__hint{color:var(--muted);font-size:.78rem}.statement-layout{grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);gap:18px;margin-top:20px;display:grid}.statement-layout__main,.balance-grid{gap:18px;display:grid}.statement-card,.source-card{padding:22px}.statement-card h3,.source-card h3{margin:0;font-size:1.35rem}.statement-table{gap:8px;margin-top:18px;display:grid}.statement-table__row{background:#ffffffb8;border:1px solid #14213d14;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.statement-table__row.is-depth{padding-left:26px}.statement-table__row.is-total{background:#dbeafe7a}.statement-table__row.is-strong{border-color:#2563eb3d}.statement-table__label{gap:4px;display:grid}.statement-table__label span{font-weight:700}.statement-table__label small{color:var(--muted);font-size:.78rem}.statement-table__row strong{text-align:right;flex-shrink:0;font-size:1rem}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.report-card{background:#ffffffb8;border:1px solid #14213d14;border-radius:20px;padding:18px}.report-card span{color:var(--muted);margin-bottom:10px;font-size:.9rem;display:block}.report-card strong{font-size:1.2rem}.report-notes{gap:10px;margin-top:18px;display:grid}.report-notes p,.connection-list p{color:var(--muted);margin:0;line-height:1.65}.source-tags{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.source-tag{min-height:36px;color:var(--blue);background:#2563eb14;border-radius:999px;align-items:center;padding:0 14px;font-size:.9rem;font-weight:700;display:inline-flex}.connection-list{gap:10px;margin-top:18px;display:grid}.noscript-banner{color:#fff;background:#14213d;border-radius:999px;padding:12px 18px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}@media (width<=1240px){.metric-strip,.input-groups,.statement-layout{grid-template-columns:1fr}.input-grid,.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=920px){.page-shell{width:min(100% - 24px,1480px);padding-top:16px}.hero,.panel-heading,.content-panel__head,.statement-card__head,.source-card__head{flex-direction:column}.hero__stats{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.flow-stage{grid-template-rows:repeat(4,minmax(120px,auto));grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"report position""income equity""cash comprehensive";gap:18px;min-height:auto;padding:8px 0 0}.flow-lines{display:none}.node,.node--income,.node--report,.node--equity,.node--position,.node--comprehensive,.node--cash{place-self:stretch stretch;width:100%}.node__title{font-size:1.6rem}.content-panel__actions{justify-content:flex-start}}@media (width<=620px){.hero,.flow-panel,.content-panel,.planner-panel,.statement-card,.source-card,.input-group{border-radius:24px;padding:20px}.hero__stats{grid-template-columns:1fr}.flow-stage{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"report""income""equity""position""cash""comprehensive"}.input-grid,.report-grid{grid-template-columns:1fr}.metric-card__value{font-size:1.12rem}.statement-table__row{flex-direction:column;align-items:flex-start}.statement-table__row strong{text-align:left}}