:root{--bg: #eef1f4;--panel: #f8f7f3;--surface: #ffffff;--surface-soft: #f3f1eb;--text: #18202a;--muted: #657180;--faint: #8b95a1;--line: #d9dee5;--line-strong: #c7ced6;--forest: #23483f;--forest-soft: #e6efeb;--wine: #8a3344;--wine-soft: #f3e6e9;--brass: #b2792a;--brass-soft: #f6ecd8;--brass-deep: #765018;--navy: #1f3147;--sky: #dbe8f5;--blue: var(--forest);--blue-soft: var(--forest-soft);--mint: var(--wine);--mint-soft: var(--wine-soft);--amber: var(--brass);--amber-soft: var(--brass-soft);--red: #e03131;--red-soft: #fff1f1;--shadow: 0 8px 24px rgba(24, 32, 42, .08);--shadow-lg: 0 18px 44px rgba(24, 32, 42, .12);--radius: 14px;--radius-lg: 18px}*{box-sizing:border-box}body{margin:0;background:linear-gradient(120deg,rgba(35,72,63,.08),transparent 28%),linear-gradient(240deg,rgba(138,51,68,.08),transparent 30%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Malgun Gothic,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#root{min-height:100vh}.app-shell{width:min(1180px,100%);margin:0 auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffffe6;box-shadow:var(--shadow);padding:12px 18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar h1,.intro-panel h2,.work-panel h2,.result-hero h2{margin:0;letter-spacing:0}.topbar h1{font-size:22px;line-height:1.2}.eyebrow{margin:0 0 6px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:0}.year-pill,.count{display:inline-flex;align-items:center;min-height:32px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:13px;font-weight:700;padding:0 12px;white-space:nowrap}.topbar-actions{display:inline-flex;align-items:center;gap:8px}.contact-link{display:inline-flex;align-items:center;justify-content:center;min-height:32px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:800;padding:0 11px;white-space:nowrap;box-shadow:var(--shadow)}.contact-link:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.selector-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(420px,1.18fr);gap:18px;align-items:start}.grade-layout{width:min(760px,100%);margin:0 auto}.intro-panel,.work-panel,.result-hero,.insight-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.intro-panel,.result-hero{background:linear-gradient(135deg,#fff,#f8f4ec)}.result-hero{box-shadow:var(--shadow-lg)}.intro-panel{position:sticky;top:18px;padding:24px;overflow:hidden}.intro-panel:after{content:"";display:none;width:120px;height:120px;border-radius:50%;background:var(--blue-soft);position:absolute;right:-44px;bottom:-44px;z-index:0}.intro-panel>*{position:relative;z-index:1}.intro-panel.compact{min-height:260px}.intro-panel h2{max-width:460px;font-size:26px;line-height:1.26}.intro-panel p:not(.eyebrow){margin:14px 0 0;color:var(--muted);font-size:15px;line-height:1.65}.work-panel{padding:20px}.work-panel.focus{padding:28px}.route-toggle{margin-bottom:18px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.section-head h2,.work-panel.focus h2{font-size:20px;line-height:1.3}.panel-copy{margin:10px 0 22px;color:var(--muted);line-height:1.6}.quick-grid,.grade-grid{display:grid;gap:10px}.quick-grid{grid-template-columns:repeat(3,1fr);margin-top:22px}.metric-tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);padding:12px}.metric-tile span,.source-row small,.choice-row small{display:block;color:var(--muted);font-size:12px;line-height:1.35}.metric-tile strong{display:block;margin-top:5px;font-size:14px}.search{width:100%;height:48px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);color:var(--text);outline:none;padding:0 14px;margin-bottom:14px}.region-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.region-chips button{border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:700;padding:6px 12px;cursor:pointer}.region-chips button.on{border-color:var(--forest);background:var(--forest);color:#fff}.search:focus{border-color:var(--blue);background:var(--surface);box-shadow:0 0 0 3px #23483f29}.list{display:grid;gap:8px}.choice-row,.grade-card{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:68px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:14px 16px;text-align:left}.choice-row:hover,.grade-card:hover,.source-row:hover{border-color:var(--line-strong);background:var(--surface-soft)}.choice-row strong,.source-row strong{display:block;margin-bottom:4px;font-size:16px}.arrow{color:var(--blue);font-weight:800}.back{border:0;background:none;color:var(--muted);font-size:14px;font-weight:700;line-height:1.4;padding:0;margin-bottom:18px;text-align:left}.grade-grid{grid-template-columns:repeat(4,1fr)}.grade-card{display:block;min-height:112px;text-align:center}.grade-card span{display:block;font-size:28px;font-weight:800}.grade-card small{display:block;margin-top:8px;color:var(--muted);font-weight:700}.result-layout{display:grid;gap:16px}.result-hero{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;padding:24px}.result-hero .back{grid-column:1 / -1;justify-self:start;width:fit-content;margin-bottom:0}.hero-copy h2{font-size:26px;line-height:1.26}.hero-copy p:not(.eyebrow){max-width:720px;margin:12px 0 0;color:var(--muted);font-size:16px;line-height:1.65}.target-strip,.tag-wrap{display:flex;flex-wrap:wrap;gap:8px}.target-strip{justify-content:flex-end}.target-strip span,.tag{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:12px;font-weight:800;padding:0 10px;white-space:nowrap}.target-strip span:first-child{border-color:var(--forest);background:var(--forest-soft);color:var(--forest)}.roadmap-dashboard{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.62fr);gap:16px;align-items:start}.side-stack{display:grid;gap:16px}.semester-panel{min-width:0}.semester-roadmap{display:grid;gap:8px;overflow:visible;padding-bottom:2px}.semester-axis,.lane-row{display:grid;grid-template-columns:76px repeat(6,minmax(0,1fr));gap:6px;min-width:0}.semester-axis span{display:flex;align-items:center;justify-content:center;min-height:28px;border-radius:8px;background:var(--navy);color:#fff;font-size:12px;font-weight:800;text-align:center}.semester-axis .is-now{background:var(--wine)}.lane-row{align-items:stretch}.lane-row>strong{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);color:var(--text);font-size:12px;padding:0 9px}.milestone{display:flex;align-items:flex-start;gap:6px;min-width:0;min-height:54px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--muted);font-size:11px;font-weight:750;line-height:1.3;overflow-wrap:anywhere;padding:9px 8px}.milestone i,.legend i,.source-status i{display:inline-block;flex:0 0 auto;width:8px;height:8px;border-radius:50%;margin-top:4px}.milestone.blue i{background:var(--blue)}.milestone.mint i{background:var(--mint)}.milestone.amber i{background:var(--amber)}.milestone.gray i{background:var(--faint)}.milestone.done{background:var(--surface-soft)}.milestone.now{border-color:var(--wine);background:var(--wine-soft);color:var(--wine)}.milestone.next{border-color:var(--brass);background:var(--brass-soft);color:var(--brass-deep)}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:2px;color:var(--muted);font-size:12px;font-weight:750}.legend span,.source-status span{display:inline-flex;align-items:center;gap:6px}.done-dot{background:var(--faint)}.now-dot{background:var(--wine)}.next-dot{border:1px solid var(--brass);background:var(--brass-soft)}.connection-panel{min-height:282px}.connection-map{display:grid;grid-template-columns:minmax(100px,1fr) minmax(56px,.42fr) minmax(86px,.86fr);column-gap:6px;align-items:stretch}.node-column{display:grid;grid-auto-rows:1fr;gap:0}.subject-node,.target-node{display:flex;align-items:center;align-self:center;width:100%;gap:8px;min-height:34px;margin:4px 0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);font-size:13px;font-weight:800;padding:6px 10px}.subject-node{border-color:var(--forest);background:var(--blue-soft);color:var(--forest)}.subject-node i{display:grid;place-items:center;flex:0 0 auto;width:18px;height:18px;border-radius:50%;background:var(--forest);color:#fff;font-size:11px;font-style:normal;font-weight:900}.target-node{border-color:var(--wine);background:var(--mint-soft);color:var(--wine)}.connection-svg{display:block;width:100%;height:100%;min-height:100%;overflow:visible}.connection-path{fill:none;stroke:var(--forest);stroke-linecap:round;vector-effect:non-scaling-stroke}.connection-path.primary{stroke-width:2}.connection-path.secondary{stroke-dasharray:5 5;stroke-width:1.4;opacity:.72}.connection-path.hue-0{stroke:var(--forest)}.connection-path.hue-1{stroke:var(--wine)}.connection-path.hue-2{stroke:var(--brass)}.connection-path.hue-3{stroke:var(--navy)}.helper-copy{margin:14px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.viz-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.viz-panel{overflow:hidden;display:flex;flex-direction:column}.viz-panel .section-head{flex:none}.viz-bars,.subject-bars,.activity-bars{display:grid;gap:10px}.viz-bar-row,.subject-bar-row,.activity-bar-row{display:grid;grid-template-columns:88px minmax(0,1fr) 44px;gap:10px;align-items:center;font-size:13px;font-weight:800}.viz-bar-row span,.subject-bar-row span,.activity-bar-row span{color:var(--muted)}.viz-bar-row i,.subject-bar-row i,.activity-bar-row i{display:block;grid-column:2;height:12px;border-radius:999px;background:var(--blue)}.viz-bar-row strong,.subject-bar-row strong,.activity-bar-row strong{text-align:right}.viz-bar-row .mint,.activity-bar-row i{background:var(--mint)}.viz-bar-row .amber{background:var(--amber)}.viz-bar-row .gray{background:var(--faint)}.viz-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.line-chart{display:grid;gap:6px}.line-chart svg{width:100%;aspect-ratio:320 / 188;height:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.lc-grid{stroke:var(--line);stroke-width:1}.lc-ylabel,.lc-xlabel{fill:var(--muted);font-size:10px;font-weight:800}.lc-area{fill:var(--forest-soft);opacity:.75}.lc-line{fill:none;stroke:var(--forest);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.lc-dot{fill:var(--forest);stroke:var(--surface);stroke-width:2;vector-effect:non-scaling-stroke}.lc-vlabel{fill:var(--forest);font-size:10px;font-weight:800;paint-order:stroke;stroke:var(--surface-soft);stroke-width:3px}.subject-cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:stretch;flex:1}.subject-col{display:flex;flex-direction:column;gap:6px;text-align:center}.subject-col-track{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;flex:1;min-height:170px;border-radius:12px;background:var(--surface-soft);padding:6px}.subject-col-track b{color:var(--forest);font-size:12px;font-weight:800;margin-bottom:4px}.subject-col-track i{display:block;border-radius:8px;background:linear-gradient(180deg,var(--forest) 0%,#3a6a5d 100%);min-height:8px}.subject-col span{color:var(--muted);font-size:12px;font-weight:800}.lc-empty{fill:var(--muted);font-size:11px}.lc-hint{margin:0;font-size:11px;color:var(--muted)}.semester-bars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:end;min-height:172px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);padding:14px 12px 10px}.semester-bars span{display:grid;grid-template-rows:1fr auto;gap:8px;align-items:end;height:100%}.semester-bars i{display:block;min-height:4px;border-radius:999px 999px 4px 4px;background:var(--blue)}.semester-bars small{color:var(--muted);font-size:11px;font-weight:800;text-align:center}.comparison-panel{overflow:hidden}.comparison-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.criteria-panel .comparison-grid{margin-bottom:18px}.criteria-panel .target-insight-list{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:4px}.criteria-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.criteria-state.structured{border-color:var(--forest);background:var(--forest-soft);color:var(--forest)}.criteria-state.partial{border-color:var(--brass);background:var(--brass-soft);color:var(--brass-deep)}.criteria-state.missing{border-color:var(--wine);background:var(--wine-soft);color:var(--wine)}.comparison-card{display:grid;align-content:start;gap:10px;min-height:172px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:14px}.criteria-card{gap:8px;min-height:138px;padding:13px}.comparison-card strong,.comparison-card span{display:block}.comparison-card strong{margin-bottom:5px;font-size:15px;line-height:1.25}.comparison-card>div:first-child span{color:var(--muted);font-size:12px;font-weight:800;line-height:1.35}.comparison-meta{display:flex;flex-wrap:wrap;gap:6px}.comparison-meta span{min-height:24px;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:11px;font-weight:850;line-height:24px;padding:0 8px}.comparison-card p{margin:0;color:var(--text);font-size:12px;font-weight:750;line-height:1.45}.criteria-card p,.criteria-card small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.criteria-card p{-webkit-line-clamp:2}.criteria-card small{color:var(--muted);font-size:11px;font-weight:750;line-height:1.35;-webkit-line-clamp:1}.comparison-card a{align-self:end;color:var(--blue);font-size:12px;font-weight:900}.compare-choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compare-choice,.target-candidate{display:grid;gap:6px;width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:12px;text-align:left}.compare-choice{grid-template-columns:18px 1fr;align-items:center}.compare-choice.on,.target-candidate.on{border-color:var(--forest);background:var(--blue-soft)}.compare-choice strong,.target-candidate strong,.target-insight-card strong{display:block;font-size:14px;line-height:1.3}.compare-choice small,.target-candidate small,.target-insight-card span{display:block;color:var(--muted);font-size:12px;line-height:1.4}.check-dot{width:14px;height:14px;border:2px solid var(--line-strong);border-radius:50%}.compare-choice.on .check-dot{border-color:var(--blue);background:var(--blue);box-shadow:inset 0 0 0 3px var(--surface)}.compare-grade-box{margin-top:16px}.grade-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.grade-card:disabled{cursor:not-allowed;opacity:.45}.matrix-panel{overflow:hidden}.compare-matrix{display:grid;min-width:760px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.matrix-row{display:grid;grid-template-columns:130px 160px 72px minmax(220px,1fr) 70px;gap:10px;align-items:center;min-height:48px;border-top:1px solid var(--line);background:var(--surface);padding:10px 12px;font-size:13px}.matrix-row:first-child{border-top:0}.matrix-head{background:var(--navy);color:#fff;font-size:12px;font-weight:900}.matrix-row strong{font-size:13px}.matrix-row a{color:var(--blue);font-weight:900}.timeline{display:grid;gap:12px}.timeline-step{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:start;border:1px solid var(--line);border-radius:var(--radius);padding:14px;background:var(--surface-soft)}.timeline-step.active{border-color:var(--forest);background:var(--forest-soft)}.timeline-step .dot{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--surface);color:var(--muted);font-size:13px;font-weight:900}.timeline-step.active .dot{background:var(--blue);color:#fff}.timeline-step strong{display:block;margin-bottom:9px;font-size:15px}.source-panel{display:flex;flex-direction:column}.source-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:10px}.source-status{display:grid;gap:7px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--muted);font-size:12px;font-weight:750;line-height:1.45;padding:12px;margin:4px 0 12px}.source-status i{background:var(--mint)}.disclaimer{margin:auto 0 0;color:var(--muted);font-size:12px;line-height:1.6}.table-panel{overflow:hidden}.roadmap-table{display:grid;min-width:720px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.table-row{display:grid;grid-template-columns:150px minmax(260px,1fr) 210px;gap:14px;align-items:center;min-height:58px;border-top:1px solid var(--line);background:var(--surface);padding:12px 14px}.table-row:first-child{border-top:0}.table-head{min-height:44px;background:var(--navy);color:#fff;font-size:12px;font-weight:900}.method{color:var(--muted);font-size:13px;font-weight:700}@media (min-width: 721px) and (max-width: 1100px){.app-shell{width:min(980px,100%);padding:20px}.topbar h1{font-size:20px}.selector-layout{grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);gap:14px}.intro-panel{padding:20px}.intro-panel h2,.hero-copy h2{font-size:22px}.intro-panel p:not(.eyebrow),.hero-copy p:not(.eyebrow){font-size:14px}.quick-grid{grid-template-columns:1fr}.work-panel,.result-hero{padding:18px}.choice-row{min-height:72px;padding:13px 14px}.choice-row strong,.source-row strong{font-size:15px}.grade-layout{width:min(720px,100%)}.grade-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.result-hero{grid-template-columns:minmax(0,1fr);align-items:start}.result-hero .back{margin-bottom:0}.target-strip{justify-content:flex-start}.roadmap-dashboard{grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:14px}.semester-axis,.lane-row{grid-template-columns:68px repeat(6,minmax(0,1fr));gap:5px;min-width:0}.milestone{min-height:58px;padding:8px 6px}.timeline-step{grid-template-columns:50px minmax(0,1fr);gap:12px;padding:12px}.timeline-step .dot{width:42px;height:42px}.comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.roadmap-table{min-width:0}.table-row{grid-template-columns:120px minmax(210px,1fr) 150px;gap:10px;padding:12px}}@media (max-width: 720px){.app-shell{padding:16px}.topbar{margin-bottom:14px}.topbar h1{font-size:19px}.selector-layout,.roadmap-dashboard,.result-hero{grid-template-columns:1fr}.intro-panel{position:static;padding:20px}.intro-panel h2,.hero-copy h2{font-size:21px}.quick-grid{grid-template-columns:1fr}.grade-grid{grid-template-columns:repeat(2,1fr)}.target-strip{justify-content:flex-start}.table-panel{overflow-x:auto}.roadmap-table{min-width:680px}.semester-axis,.lane-row{grid-template-columns:58px repeat(6,minmax(0,1fr));gap:4px;min-width:0}.lane-row>strong{font-size:11px;padding:0 6px}.milestone{gap:4px;min-height:54px;font-size:10px;padding:7px 5px}.milestone i{width:6px;height:6px}.side-stack{gap:12px}.connection-map{grid-template-columns:minmax(98px,1fr) minmax(36px,.32fr) minmax(84px,.9fr)}.comparison-grid{grid-template-columns:1fr}}@media (max-width: 480px){.app-shell{padding:12px}.topbar{align-items:flex-start}.year-pill{min-height:28px;font-size:12px}.topbar-actions{margin-left:auto}.contact-link{min-height:28px;font-size:11px;padding:0 9px}.intro-panel,.work-panel,.result-hero{border-radius:12px}.work-panel,.result-hero{padding:16px}.choice-row{min-height:74px}.grade-card{min-height:96px}.timeline-step{grid-template-columns:48px 1fr;padding:12px}.timeline-step .dot{width:42px;height:42px}}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.insight-card{padding:16px 18px}.insight-card span{display:block;color:var(--muted);font-size:12px;font-weight:800}.insight-card strong{display:block;margin:7px 0 3px;font-size:26px;line-height:1.15}.insight-card small{color:var(--faint);font-size:12px;font-weight:700}.insight-card.blue strong{color:var(--forest)}.insight-card.mint strong{color:var(--wine)}.insight-card.amber strong{color:var(--brass-deep)}@media (max-width: 640px){.insight-grid{grid-template-columns:1fr}}.mode-tabs{display:inline-flex;gap:2px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);padding:3px;margin-left:auto}.mode-tabs button,.seg-toggle button{border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:13px;font-weight:800;min-height:34px;padding:0 14px;white-space:nowrap}.seg-toggle button.on{background:var(--surface);color:var(--forest);box-shadow:var(--shadow)}.mode-tabs button.on{background:var(--navy);color:#fff;box-shadow:var(--shadow)}.seg-toggle{display:inline-flex;gap:2px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);padding:3px}.naesin-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.privacy-note{display:inline-flex;align-items:center;gap:8px;margin:0;border:1px solid var(--wine);border-radius:var(--radius);background:var(--mint-soft);color:var(--wine);font-size:13px;font-weight:700;line-height:1.5;padding:10px 12px}.stub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stub-card{position:relative;border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface-soft);color:var(--faint);padding:18px 14px}.stub-card strong{display:block;color:var(--muted);font-size:15px;margin-bottom:4px}.stub-card small{font-size:12px;line-height:1.4}.stub-badge{position:absolute;top:12px;right:12px;border-radius:999px;background:var(--amber-soft);color:var(--brass-deep);font-size:11px;font-weight:800;padding:4px 9px}.upload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.upload-card{position:relative;display:block;min-height:112px;border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface-soft);cursor:pointer;padding:18px 14px}.upload-card input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-card strong{display:block;color:var(--text);font-size:15px;margin-bottom:5px}.upload-card small{color:var(--muted);font-size:12px;line-height:1.4}.upload-card:hover{border-color:var(--forest);background:var(--forest-soft)}.file-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.file-list span,.summary-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:800;min-height:32px;padding:0 11px}.keyword-strip span{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:var(--sky);color:var(--navy);font-size:12px;font-weight:800;min-height:32px;padding:0 11px}.file-list small{color:var(--faint);font-size:11px}.keyword-strip small{color:var(--navy);font-size:11px;opacity:.7}.activity-list{display:grid;gap:10px}.activity-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:12px}.activity-card-head{display:grid;grid-template-columns:16px 1fr 36px;gap:10px;align-items:center;margin-bottom:10px}.ready-dot{width:10px;height:10px;border-radius:50%;background:var(--line-strong)}.ready-dot.on{background:var(--mint)}.activity-meta{display:grid;grid-template-columns:90px 90px 110px;gap:6px}.activity-fields{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px}.activity-fields input,.activity-fields textarea,.activity-meta select{width:100%;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft);color:var(--text);font-size:13px;padding:0 9px;outline:none}.activity-fields input,.activity-meta select{min-height:38px}.activity-fields textarea{min-height:92px;line-height:1.5;padding-top:9px;resize:vertical}.activity-fields textarea:nth-last-child(-n+2){grid-column:span 2}.activity-fields input:focus,.activity-fields textarea:focus,.activity-meta select:focus{border-color:var(--blue);background:var(--surface);box-shadow:0 0 0 3px #23483f29}.keyword-strip{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.grade-table-wrap,.heatmap-wrap,.pivot-wrap{overflow-x:auto;padding-bottom:2px}.grade-table{min-width:920px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.gt-row{display:grid;grid-template-columns:148px 84px minmax(120px,1fr) 60px 72px 76px 64px 76px 76px 36px;gap:6px;align-items:center;border-top:1px solid var(--line);background:var(--surface);padding:7px 10px}.gt-row:first-child{border-top:0}.gt-head{background:var(--surface-soft);color:var(--muted);font-size:12px;font-weight:900;min-height:40px}.gt-pair{display:grid;grid-template-columns:1fr 1fr;gap:4px}.gt-row select,.gt-row input,.target-select{width:100%;min-height:38px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font-size:13px;padding:0 8px;outline:none}.gt-row select:focus,.gt-row input:focus,.target-select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #23483f29}.target-select{width:auto;min-width:170px;font-weight:700}.row-del{border:0;border-radius:6px;background:transparent;color:var(--faint);font-size:18px;font-weight:800;min-height:36px}.row-del:hover{background:var(--red-soft);color:var(--red)}.gt-empty{color:var(--faint);font-size:14px;text-align:center;padding:26px 0}.input-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.btn-primary,.btn-ghost{border-radius:var(--radius);min-height:44px;padding:0 16px;font-size:14px;font-weight:800}.btn-primary{border:0;background:var(--blue);color:#fff}.btn-primary:hover{background:#1c3831}.btn-ghost{border:1px solid var(--line);background:var(--surface);color:var(--muted)}.btn-ghost:hover{border-color:var(--line-strong);background:var(--surface-soft)}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.chip-toggle{border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:13px;font-weight:800;min-height:38px;padding:0 14px}.chip-toggle.on{border-color:var(--forest);background:var(--blue-soft);color:var(--forest)}.advice-list{margin:0;padding:0 0 0 2px;list-style:none;display:grid;gap:8px}.advice-list li{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);color:var(--text);font-size:13px;line-height:1.55;padding:11px 12px}.advice-list.compact{gap:6px}.advice-list.compact li{font-size:12px;padding:9px 10px}.advice-list li.track-note{border-color:var(--forest);background:var(--forest-soft);color:var(--forest);font-weight:700}.insight-summary{margin-bottom:14px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);display:grid;gap:4px}.insight-summary .helper-copy{margin:0}.target-recommend-panel,.target-insight-panel{overflow:hidden}.target-candidate-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.target-candidate-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.fit-ring{display:grid;flex:0 0 auto;width:34px;height:34px;border-radius:50%;place-items:center}.fit-ring b{display:grid;width:26px;height:26px;border-radius:50%;background:var(--surface);color:var(--forest);font-size:10px;font-weight:900;place-items:center}.target-candidate.on .fit-ring b{background:var(--forest-soft)}.mini-label{display:block;margin-bottom:6px;color:var(--muted);font-size:11px;font-weight:800}.target-candidate>span:not(.target-candidate-head){color:var(--text);font-size:12px;font-weight:800;line-height:1.35}.target-insight-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.target-insight-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:14px}.diagnostic-card{align-content:start;min-height:156px}.diagnostic-card.confirmed{background:var(--surface)}.diagnostic-card.gap{border-color:#b2792a5c;background:var(--brass-soft)}.diagnostic-card.action{border-color:#23483f47;background:var(--forest-soft)}.diagnostic-card.gap strong{color:var(--brass-deep)}.diagnostic-card.action strong{color:var(--forest)}.fit-meter{height:10px;border-radius:999px;background:var(--surface-soft);overflow:hidden}.fit-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--mint))}.empty-state{text-align:center;padding:40px 20px}.empty-state .input-actions{justify-content:center}.combo-scale{display:grid;gap:10px}.combo-row,.scale-axis{display:grid;grid-template-columns:150px minmax(180px,1fr) 64px;gap:12px;align-items:center}.combo-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800}.combo-best{border-radius:999px;background:var(--blue-soft);color:var(--forest);font-size:11px;font-style:normal;font-weight:800;padding:3px 8px;white-space:nowrap}.combo-track{position:relative;height:22px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--line)}.combo-dot{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 2px var(--surface);transform:translate(-50%,-50%)}.combo-value{font-size:15px;text-align:right}.scale-axis{margin-top:2px}.axis-ticks{position:relative;display:flex;justify-content:space-between}.axis-ticks b{color:var(--faint);font-size:11px;font-weight:800}.heatmap{min-width:460px;display:grid;gap:4px}.hm-row{display:grid;grid-template-columns:56px repeat(6,minmax(52px,1fr));gap:4px;align-items:center}.hm-head span{color:var(--muted);font-size:12px;font-weight:900;text-align:center}.hm-head span:first-child,.hm-label{text-align:left;font-size:13px;font-weight:800}.hm-cell{display:grid;place-items:center;height:40px;border-radius:6px;font-size:12px;font-weight:800}.hm-none{background:var(--surface-soft);border:1px dashed var(--line);color:var(--faint)}.pivot-table{min-width:620px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:14px}.pv-row{display:grid;grid-template-columns:110px 70px repeat(6,minmax(56px,1fr));gap:8px;align-items:center;min-height:42px;border-top:1px solid var(--line);background:var(--surface);padding:0 12px;font-size:13px}.pivot-year{min-width:440px}.pivot-year .pv-row{grid-template-columns:110px 70px repeat(3,minmax(64px,1fr))}.pv-row:first-child{border-top:0}.pv-head{background:var(--surface-soft);color:var(--muted);font-size:12px;font-weight:900}.pv-label{font-weight:800}.pv-row strong{color:var(--forest)}.pv-none{color:var(--faint)}.lg-gyogwa{background:var(--blue);border-radius:2px}.lg-jonghap{background:var(--mint-soft);border:1.5px solid var(--mint);border-radius:2px}.lg-me{background:var(--text);border-radius:2px}.range-list{display:grid;gap:8px;margin-top:12px}.range-row{display:grid;grid-template-columns:168px minmax(200px,1fr) minmax(150px,auto);gap:12px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:10px 12px}.range-row.is-target{border-color:var(--forest);background:var(--forest-soft)}.range-name{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:800}.range-place{color:var(--forest);font-size:11px;font-style:normal;font-weight:800}.range-track{position:relative;height:34px;border-radius:6px;background:var(--surface-soft);overflow:hidden}.range-grid{position:absolute;top:4px;bottom:4px;width:1px;background:var(--line)}.range-bar{position:absolute;height:9px;border-radius:4px;box-shadow:0 0 0 2px var(--surface)}.range-bar.gyogwa{top:25%;transform:translateY(-50%);background:var(--blue)}.range-bar.jonghap{top:72%;transform:translateY(-50%);background:var(--mint-soft);border:1.5px solid var(--mint)}.me-line{position:absolute;top:0;bottom:0;width:2px;background:var(--text);border-radius:1px}.range-values{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.range-value-chip{border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--text);font-size:12px;font-weight:800;padding:5px 10px;white-space:nowrap}.range-value-chip:hover{border-color:var(--line-strong);background:var(--surface)}.range-axis{grid-template-columns:168px minmax(200px,1fr) minmax(150px,auto);margin-top:6px}.helper-copy.caution{color:var(--brass-deep)}@media (max-width: 900px){.viz-split{grid-template-columns:1fr}.matrix-panel{overflow-x:auto}.compare-choice-list,.target-insight-list{grid-template-columns:1fr}.target-candidate-grid,.activity-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.combo-row,.scale-axis{grid-template-columns:110px minmax(140px,1fr) 56px;gap:8px}.range-row,.range-axis{grid-template-columns:minmax(0,1fr);gap:8px}.range-axis span:first-child,.range-axis span:last-child{display:none}.range-values{justify-content:flex-start}}@media (max-width: 720px){.viz-mini-grid{grid-template-columns:1fr}.viz-bar-row,.subject-bar-row,.activity-bar-row{grid-template-columns:72px minmax(0,1fr) 36px;gap:8px}.target-candidate-grid,.grade-grid.compact,.upload-grid,.activity-fields,.activity-meta{grid-template-columns:1fr}.activity-card-head{grid-template-columns:16px 1fr 36px;align-items:start}.activity-fields textarea:nth-last-child(-n+2){grid-column:span 1}.mode-tabs{order:3;width:100%;justify-content:stretch}.mode-tabs button{flex:1}.topbar{flex-wrap:wrap}.stub-grid{grid-template-columns:1fr}}.brand-home{border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.home-layout{display:grid;gap:16px;margin-top:18px}.home-hero{position:relative;display:flex;align-items:center;min-height:300px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);padding:40px}.home-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,var(--surface) 4%,rgba(248,247,243,.92) 42%,rgba(248,247,243,.24) 72%,transparent 100%),url(/hero-roadmap.webp) right center / cover no-repeat}.home-hero-copy{position:relative;z-index:1;max-width:560px}.home-hero-copy h2{margin:10px 0 14px;font-size:28px;line-height:1.24}.home-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.home-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.module-card{display:grid;grid-template-columns:48px minmax(0,1fr) 30px;align-items:center;gap:14px;text-align:left;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);padding:18px;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.module-card:hover{transform:translateY(-2px);border-color:var(--forest)}.module-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--forest-soft);color:var(--forest);font-size:20px;font-weight:800}.module-card:nth-child(2) .module-icon{background:var(--wine-soft);color:var(--wine)}.module-card:nth-child(3) .module-icon{background:var(--brass-soft);color:var(--brass-deep)}.module-body{display:grid;gap:4px}.module-body small{color:var(--muted);font-size:12px;font-weight:800}.module-body strong{font-size:16px}.module-body>span{color:var(--muted);font-size:13px;font-weight:600;line-height:1.45}@media (max-width: 900px){.home-modules{grid-template-columns:1fr}}@media (max-width: 720px){.home-hero{min-height:auto;padding:24px}.home-hero:after{background:linear-gradient(180deg,var(--surface) 24%,rgba(248,247,243,.68) 100%),url(/hero-roadmap.webp) center / cover no-repeat}.home-hero-copy h2{font-size:22px}}.report-actions{display:flex;justify-content:flex-end}.print-btn{margin-top:12px}@media print{.topbar,.mode-tabs,.topbar-actions,.region-chips,.seg-toggle,.route-toggle,.back,.search,.report-actions,.print-btn,.no-print,.target-select,.upload-grid,.row-del,button.btn-primary,button.btn-ghost{display:none!important}body{background:#fff}.app-shell{width:100%;padding:0}.work-panel,.result-hero,.insight-card,.intro-panel,.target-insight-card{box-shadow:none;break-inside:avoid}.selector-layout,.result-layout,.naesin-layout{gap:10px}a{color:inherit;text-decoration:none}.link-list a[href^=http]:after{content:" (" attr(href) ")";font-size:10px;color:#666;word-break:break-all}}