@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:Inter,Noto Sans SC,sans-serif;color:#171717;background:#f7f7f5;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #171717;--muted: #737373;--line: #e4e4df;--panel: #fff;--accent: #b24a35;--green: #4d806a;--orange: #bf7b2a}*{box-sizing:border-box}body{margin:0;background:#f7f7f5}button,input{font:inherit}button{color:inherit}.shell{min-height:100vh}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#f7f7f5f5;position:sticky;top:0;z-index:20}.brand,.top-meta,.param-head,.param-meta,.panel-header,.kpi-top,.kpi-compare,.kpi-foot,.scenario-buttons,.chart-legend,.head-actions,.lag-control,.year-control,.footer,.sidebar-foot{display:flex;align-items:center}.brand{gap:11px}.brand-logo{width:31px;height:31px;display:block}.brand-name{font-size:14px;font-weight:700;letter-spacing:.02em}.brand-sub{font-size:11px;color:var(--muted);margin-top:2px}.top-meta{gap:18px;color:var(--muted);font-size:12px}.status-dot{width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:-12px}.ghost-button,.text-button,.icon-button{border:0;background:transparent;cursor:pointer}.ghost-button{color:var(--ink);border-bottom:1px solid #aaa;font-size:12px;padding:2px 0}.workspace{display:grid;grid-template-columns:300px 302px minmax(0,1fr);width:100%;max-width:none;margin:0}.guide-rail{border-right:1px solid var(--line);min-height:calc(100vh - 72px);padding:36px 36px 28px;background:#f4f4f1}.guide-sticky{position:sticky;top:108px}.guide-rail h2{margin:12px 0;font-size:16px;line-height:1.35;letter-spacing:-.04em}.guide-rail p{color:#85857f;font-size:10px;line-height:1.7;margin:0}.guide-path{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:20px 0;color:#64645f;font:10px DM Mono,monospace}.guide-path i{color:#b5b5ae;font-style:normal;padding-left:8px}.guide-link{display:inline-block;color:var(--accent);font-size:10px;line-height:1.5;text-decoration:none;border-bottom:1px solid #d7b4aa;padding-bottom:3px}.guide-link span{font-size:13px;margin-left:3px}.guide-divider{border-top:1px solid #deded9;margin:24px 0 20px}.guide-list{margin-top:12px;display:grid;gap:12px}.guide-list b{display:block;font-size:11px;font-weight:600}.guide-list span{display:block;color:#969690;font-size:9px;margin-top:3px;line-height:1.45}.guide-legend{display:flex;flex-wrap:wrap;gap:6px;color:#8c8c86;font-size:9px;margin-top:26px}.guide-legend span{display:inline-flex;align-items:center;gap:3px}.guide-legend .legend-dot{margin:0;width:5px;height:5px}.sidebar{border-right:1px solid var(--line);padding:36px 25px 28px 32px;min-height:calc(100vh - 72px)}.content{padding:36px 38px 28px;min-width:0}.eyebrow{display:block;font:500 10px DM Mono,monospace;color:#8a8a84;letter-spacing:.13em}.side-intro h1{margin:11px 0 10px;font-size:23px;line-height:1.23;letter-spacing:-.04em}.side-intro p{color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 31px}.section-label,.group-title span{color:#92928e;font:500 10px DM Mono,monospace;letter-spacing:.12em}.scenario-switcher{margin-bottom:31px}.scenario-buttons{gap:4px;margin-top:10px}.scenario-button{background:transparent;border:1px solid var(--line);color:#6e6e6b;font-size:11px;padding:7px 11px;cursor:pointer;transition:.2s ease}.scenario-button:hover{border-color:#aaa;color:var(--ink)}.scenario-button.active{color:var(--scenario-color, var(--ink));border-color:currentColor;background:#fff;box-shadow:inset 0 -2px 0 currentColor}.parameter-group{padding:18px 0 2px;border-top:1px solid var(--line)}.compact-group{padding-bottom:18px}.group-title{display:flex;align-items:baseline;gap:9px;margin-bottom:19px}.group-title h2{margin:0;font-size:13px;font-weight:600}.param-row{margin-bottom:19px;position:relative}.param-head{justify-content:space-between;gap:8px;margin-bottom:10px}.param-head label{font-size:12px;font-weight:500}.param-value{display:flex;align-items:baseline;border-bottom:1px solid #c8c8c3;padding-bottom:2px}.param-value input{border:0;outline:0;background:transparent;width:42px;text-align:right;font-size:13px;font-weight:600;color:var(--ink);padding:0;-moz-appearance:textfield}.param-value input::-webkit-outer-spin-button,.param-value input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.param-value small{font-size:10px;color:#888;margin-left:3px}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;width:100%;background:#deded9;outline:none;cursor:pointer}.range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--accent)}.range::-moz-range-thumb{width:11px;height:11px;background:var(--accent);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--accent)}.param-meta{justify-content:space-between;margin-top:8px;color:#979792;font-size:10px}.info-button{width:17px;height:17px;border:1px solid #b8b8b2;color:#83837e;border-radius:50%;background:transparent;font:500 10px Georgia,serif;cursor:pointer;position:relative}.info-popover{position:absolute;z-index:4;right:0;bottom:25px;width:216px;background:#171717;color:#fff;padding:11px 12px;font-size:11px;line-height:1.6;box-shadow:0 5px 18px #00000029}.sidebar-foot{flex-wrap:wrap;gap:7px;color:#898983;font-size:10px;line-height:1.8;margin-top:13px}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-left:5px}.legend-dot.official{background:var(--green)}.legend-dot.model{background:#6a6a69}.legend-dot.projection{background:var(--orange)}.content-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:25px}.content-head h2{margin:9px 0 0;font-size:22px;letter-spacing:-.035em}.head-actions{gap:17px}.icon-button{width:31px;height:31px;border:1px solid var(--line);font-size:18px;line-height:1}.text-button{color:#70706b;font-size:11px;padding:5px 0;border-bottom:1px solid #aaa;text-decoration:none}.text-button span{font-size:14px;margin-left:3px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:11px}.kpi-card{background:var(--panel);border:1px solid var(--line);min-height:154px;padding:17px 17px 13px;display:flex;flex-direction:column}.kpi-card.featured{border-top:2px solid var(--accent);padding-top:16px}.kpi-top,.kpi-compare,.kpi-foot{justify-content:space-between}.kpi-top{color:#555550;font-size:12px}.badge{font:500 9px DM Mono,monospace;padding:3px 5px}.badge.projection{color:var(--orange);background:#fff4e5}.badge.model{color:#61615d;background:#f0f0ed}.kpi-number{font-size:28px;line-height:1;letter-spacing:-.05em;margin:18px 0 11px;font-weight:600}.kpi-compare{color:#969691;font-size:10px;gap:7px;justify-content:flex-start}.trend{font-weight:600}.trend.down{color:var(--accent)}.trend.up{color:var(--green)}.kpi-foot{border-top:1px solid #efefec;margin-top:auto;padding-top:11px;color:#777771;font:10px DM Mono,monospace}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(300px,.82fr);gap:11px}.panel{background:var(--panel);border:1px solid var(--line);min-width:0}.birth-panel,.lag-panel{grid-row:span 1}.panel-header{padding:18px 18px 0;justify-content:space-between;align-items:flex-start}.panel-header h3{font-size:14px;margin:8px 0 0;letter-spacing:-.02em}.chart-legend{gap:13px;color:#898983;font-size:10px}.legend-line{display:inline-block;width:20px;height:2px;vertical-align:middle;margin-right:4px}.legend-line.hist{background:#878783}.legend-line.forecast{background:var(--accent);border-top:2px dashed var(--accent);height:0}.chart-wrap{padding:18px 15px 0;height:260px}.chart-wrap svg{width:100%;height:100%;overflow:visible}.grid-line{stroke:#ecece8;stroke-width:1}.history-line{fill:none;stroke:#858580;stroke-width:2}.forecast-line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-dasharray:6 5}.divider-line{stroke:#c4c4be;stroke-dasharray:3 4}.chart-note{fill:#a1a19b;font-size:10px;font-family:Inter,sans-serif}.axis-label,.axis-value{fill:#aaa9a3;font-size:10px;font-family:DM Mono,monospace}.axis-value{text-anchor:end}.chart-caption{border-top:1px solid #efefec;padding:11px 18px 13px;display:flex;justify-content:space-between;gap:12px;color:#92928d;font-size:10px;line-height:1.5}.chart-caption b{color:#585853;font-weight:500}.chart-caption .dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin:0 4px 1px 7px}.dot.marriage{background:#70859a}.dot.birth{background:var(--accent)}.flow-panel{min-height:355px}.tiny-tag{background:#f1f1ed;color:#777771;padding:4px 6px;font:10px DM Mono,monospace}.flow-list{padding:27px 20px 15px}.flow-node{display:grid;grid-template-columns:25px 1fr auto;gap:9px;align-items:start}.flow-index{color:#aaa9a2;font:10px DM Mono,monospace;padding-top:3px}.flow-node strong{display:block;font-size:12px;font-weight:600}.flow-node small{display:block;color:#999991;font-size:10px;margin-top:4px}.flow-node b{color:var(--accent);font:600 12px DM Mono,monospace;padding-top:2px}.flow-connector{border-left:1px solid #cecfc9;height:29px;margin-left:5px;padding:5px 0 0 19px;color:#989892;font-size:10px}.flow-connector:before{content:"↓";color:#b8b8b3;margin-left:-27px;margin-right:15px}.flow-foot{border-top:1px solid #efefec;margin:0 18px;padding:12px 0;color:#95958f;font-size:10px;line-height:1.55}.lag-panel{min-height:265px}.lag-control{gap:7px;color:#95958f;font-size:10px}.lag-control strong{color:var(--accent);font:600 13px DM Mono,monospace}.lag-chart{height:168px;padding-top:12px}.marriage-line{fill:none;stroke:#70859a;stroke-width:2}.birth-line{fill:none;stroke:var(--accent);stroke-width:2}.lag-slider{display:flex;align-items:center;gap:8px;padding:0 18px 4px;color:#a2a29c;font:9px DM Mono,monospace}.lag-slider .range{flex:1}.lag-slider .range::-webkit-slider-thumb{width:12px;height:12px}.pyramid-panel{min-height:265px}.year-control{gap:3px}.year-button{border:0;background:transparent;font:10px DM Mono,monospace;color:#999993;cursor:pointer;padding:5px 7px}.year-button.selected{color:var(--ink);background:#f0f0ec}.pyramid-wrap{height:190px;padding:12px 18px 0}.pyramid-wrap svg{width:100%;height:100%}.pyramid-label,.pyramid-side{fill:#8f8f89;font-size:9px;font-family:DM Mono,monospace}.pyramid-side{fill:#555550;font-size:10px}.male-bar{fill:#a7b5bf}.female-bar{fill:#c99a8e}.center-line{stroke:#c7c7c1;stroke-width:1}.pyramid-note{border-top:1px solid #efefec;margin:0 18px;padding:11px 0;display:flex;justify-content:space-between;color:#92928d;font-size:10px}.pyramid-note strong{color:#555550;font-weight:500}.explain{margin-top:11px;border:1px solid var(--line);background:#f0f0ec;padding:18px 20px 17px;display:grid;grid-template-columns:190px 1fr;gap:25px}.explain-title h3{margin:9px 0 0;font-size:14px}.explain-body p{color:#787872;font-size:11px;line-height:1.7;margin:14px 0 0;max-width:730px}.explain-highlight{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px;color:#5e5e59}.change-chip,.result-chip{padding:6px 8px;background:#fff;border:1px solid #dddcd6;font-weight:500}.result-chip{color:var(--accent);border-color:#d4b5aa}.arrow{color:#aaa9a2;font-size:15px}.footer{justify-content:space-between;color:#9b9b95;font:10px DM Mono,monospace;padding:22px 1px 0}.footer a{color:#777771;text-decoration:none;border-bottom:1px solid #bbb;padding-bottom:2px}@media(max-width:1280px){.workspace{grid-template-columns:250px 270px minmax(0,1fr)}.guide-rail{padding-left:27px;padding-right:27px}.sidebar{padding-left:22px;padding-right:19px}.content{padding-left:25px;padding-right:25px}.kpi-number{font-size:23px}.dashboard-grid{grid-template-columns:1fr}.flow-panel{min-height:0}.flow-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.flow-connector{display:none}.flow-foot{margin-top:5px}}@media(max-width:960px){.guide-rail{display:none}.workspace{grid-template-columns:270px minmax(0,1fr)}.content{padding-right:25px}}@media(max-width:760px){.topbar{height:62px;padding:0 16px}.top-meta>span:not(.status-dot){display:none}.workspace{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:24px 17px 20px}.side-intro h1{font-size:21px}.side-intro p{max-width:560px;margin-bottom:22px}.parameter-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:17px}.group-title{grid-column:1 / -1}.compact-group{display:block}.content{padding:25px 15px 22px}.content-head h2{font-size:19px}.head-actions{gap:11px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-card{min-height:140px;padding:13px 13px 11px}.kpi-number{font-size:24px;margin-top:15px}.kpi-foot{font-size:9px}.chart-wrap{height:220px}.chart-caption{display:block}.chart-caption span+span{display:block;margin-top:6px}.flow-list{grid-template-columns:1fr;gap:11px}.flow-node{grid-template-columns:25px 1fr auto}.flow-connector{display:block;height:17px;margin-left:5px;padding:0;border:0}.flow-connector span{display:none}.flow-connector:before{display:block;margin-top:-4px}.explain{display:block}.explain-title{margin-bottom:15px}.footer{display:block;line-height:1.8}.footer span+span{display:block;margin-top:4px}}@media(max-width:430px){.parameter-group{grid-template-columns:1fr}.group-title{grid-column:auto}.scenario-button{padding:7px 9px}.kpi-grid{gap:7px}.kpi-card{min-height:138px}.kpi-number{font-size:21px}.kpi-compare{display:block;line-height:1.5}.kpi-compare span+span{display:block}.content-head{margin-bottom:18px}.content-head h2{font-size:17px}}