@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(./be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2)format("woff2"),url(./be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(./be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2)format("woff2"),url(./be-vietnam-pro-vietnamese-600-normal-DkpCIyan.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(./be-vietnam-pro-vietnamese-700-normal-Csr0PCuG.woff2)format("woff2"),url(./be-vietnam-pro-vietnamese-700-normal-By_5yT39.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(./be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2)format("woff2"),url(./be-vietnam-pro-latin-400-normal-bXgqVju9.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(./be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2)format("woff2"),url(./be-vietnam-pro-latin-600-normal-5IO4e7bK.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(./be-vietnam-pro-latin-700-normal-DlW1Zbsh.woff2)format("woff2"),url(./be-vietnam-pro-latin-700-normal-C2EtzaOi.woff)format("woff")}:root{--ink:#16302b;--ink-2:#34463f;--muted:#687872;--line:#dde4e0;--bg:#eef2ef;--panel:#fff;--brand:#1f6b4f;--brand-2:#e7f2ec;--accent:#f2a93b;--ok:#2e9e5b;--watch:#e3b622;--warn:#ef7d22;--danger:#d7312b;--radius:12px;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Be Vietnam Pro,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);font-size:15px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer}.app{grid-template:"top top"56px"stage panel"minmax(0,1fr)"dock panel"62px/minmax(0,1fr) 410px;height:100dvh;display:grid}.topbar{background:var(--ink);color:#fff;grid-area:top;align-items:center;gap:16px;padding:0 16px;display:flex}.brand{letter-spacing:.2px;white-space:nowrap;align-items:center;gap:8px;font-size:18px;display:flex}.brand b{color:#9ad8b2;font-weight:700}.tabs{background:#ffffff14;border-radius:999px;gap:4px;margin:0 auto;padding:4px;display:flex}.tabs button{color:#d6e4dd;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:6px 16px;font-size:14px;font-weight:600}.tabs button.on{color:var(--ink);background:#fff}.top-actions{gap:6px;display:flex}.icon-btn{width:36px;height:36px;color:inherit;background:0 0;border:1px solid #ffffff2e;border-radius:10px;place-items:center;display:inline-grid}.icon-btn:hover{background:#ffffff1a}.stage{background:#cfe5f3;grid-area:stage;min-height:0;position:relative;overflow:hidden}.stage canvas{touch-action:none}.panel{background:var(--panel);border-left:1px solid var(--line);overscroll-behavior:contain;grid-area:panel;overflow-y:auto}.panel-inner{padding:22px 22px 32px;animation:.35s fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}}.dock{background:var(--panel);border-top:1px solid var(--line);grid-area:dock}.kicker{text-transform:uppercase;letter-spacing:1px;color:var(--brand);font-size:12px;font-weight:700}.panel h2{margin:4px 0 12px;font-size:21px;line-height:1.3}.panel h3{margin:18px 0 8px;font-size:16px}.rich p{color:var(--ink-2);margin:0 0 10px}.rich ul{color:var(--ink-2);margin:0 0 10px;padding-left:20px}.rich li{margin-bottom:4px}.rich strong,.panel p b{color:var(--ink)}.muted{color:var(--muted)}.small{font-size:13px}.hint{color:var(--muted);margin:8px 0 0;font-size:13px}.source{color:var(--muted);margin:8px 0 0;font-size:12.5px}.btn{border:1px solid var(--line);color:var(--ink);white-space:nowrap;background:#fff;border-radius:10px;padding:9px 16px;font-size:14px;font-weight:600}.btn:hover:not(:disabled){border-color:#b9c6c0}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover:not(:disabled){background:#185a42}.btn:disabled{opacity:.45;cursor:default}.btn.wide{width:100%;margin-top:12px}.controls{align-items:center;gap:12px;height:100%;padding:0 16px;display:flex}.controls .icon-btn{border-color:var(--line);color:var(--ink)}.controls .icon-btn.play{background:var(--ink);color:#fff;border-color:var(--ink)}.dots{flex:1;justify-content:center;gap:8px;display:flex}.dots button{background:#cdd6d2;border:0;border-radius:50%;width:10px;height:10px;padding:0;transition:transform .2s}.dots button.done{background:#8fbfa6}.dots button.on{background:var(--brand);transform:scale(1.35)}.dock-hint{color:var(--muted);text-align:center;justify-content:center;font-size:13.5px}.clock{font-variant-numeric:tabular-nums;min-width:44px;font-weight:700}.scrub{accent-color:var(--brand);flex:1}.controls select{font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 8px;font-size:13px}.hud{z-index:20;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.hud-row{flex-wrap:wrap;gap:8px;display:flex}.hud-chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffdb;border-radius:10px;flex-direction:column;padding:5px 12px;line-height:1.2;display:flex;box-shadow:0 1px 3px #00000014}.hud-chip span{color:var(--muted);font-size:11px}.hud-chip b{font-variant-numeric:tabular-nums;font-size:16px}.hud-level{color:#fff;border-radius:10px;align-self:stretch;place-items:center;padding:0 16px;font-size:15px;font-weight:700;transition:background .3s;display:grid;box-shadow:0 1px 3px #0000001f}.hud-note{color:#fff;background:#16302be0;border-radius:10px;align-self:flex-start;padding:6px 12px;font-size:13px}.disclaimer{z-index:20;color:#16302bbf;pointer-events:none;background:#fff9;border-radius:6px;padding:2px 8px;font-size:11.5px;position:absolute;bottom:10px;left:12px}.tag{color:#fff;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#16302be0;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700}.tag-moist{background:#1e64b8}.tag-gw{background:#0f4c81}.tag-soil{background:#7a5532;font-size:12px}.tag-rock{background:#55514d;font-size:12px}.tag-slip{background:var(--danger);font-size:12px}.tag-ghost{color:var(--ink-2);background:#ffffffd9}.tag-on{background:var(--brand)}.widget{margin-top:14px}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{background:var(--brand-2);border-radius:var(--radius);flex-direction:column;padding:12px 10px;display:flex}.stat b{color:var(--brand);font-size:22px;line-height:1.1}.stat span{color:var(--ink-2);margin-top:4px;font-size:12.5px;line-height:1.3}.legend-grid{grid-template-columns:1fr 1fr;gap:8px 12px;font-size:13.5px;display:grid}.legend-grid span{align-items:center;gap:8px;display:flex}.legend-grid i{border-radius:3px;width:18px;height:12px;display:inline-block}.legend-grid i.dash{border-top:3px dashed var(--danger);height:0}.node-diagram{grid-template-columns:150px 1fr;align-items:start;gap:10px;display:grid}.node-diagram svg{border-radius:var(--radius);background:#eaf3f8;width:100%}.node-diagram ol{color:var(--ink-2);margin:0;padding-left:18px;font-size:13px}.node-diagram li{margin-bottom:4px}.flow{flex-direction:column;gap:0;display:flex}.flow-item{flex-direction:column;align-items:stretch;display:flex}.flow-box{border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px 12px;font-size:13.5px;font-weight:600}.flow-0{border-left:4px solid var(--ok)}.flow-1{border-left:4px solid #59b7ff}.flow-2{border-left:4px solid #0f4c81}.flow-3{border-left:4px solid #5b4fd6}.flow-4{border-left:4px solid var(--danger)}.flow-arrow{border-left:2px dashed #b7c4be;height:18px;margin-left:22px;position:relative}.flow-arrow i{background:#59b7ff;border-radius:50%;width:8px;height:8px;animation:.9s linear infinite drop;position:absolute;top:0;left:-5px}@keyframes drop{0%{opacity:1;top:-2px}to{opacity:.2;top:14px}}.kv{background:#f6f8f7;border-radius:10px;grid-template-columns:1fr auto;gap:4px 12px;margin:12px 0 4px;padding:10px 12px;font-size:14px;display:grid}.kv span{color:var(--muted)}.compare{grid-template-columns:1fr;gap:10px;display:grid}.compare-card{border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.compare-card h4{margin:0 0 4px;font-size:14px}.compare-card.bad{background:#fff6f5;border-color:#f0b4b0}.compare-card.good{background:#f4fbf6;border-color:#b6dcc4}.verdict{font-size:14px;font-weight:700}.compare-card.bad .verdict{color:var(--danger)}.forces{width:100%;max-height:230px;display:block}.svg-label{fill:var(--ink);font-size:11px;font-weight:600}.svg-label.light{fill:#fff}.bars{margin-top:8px}.bar-row{grid-template-columns:92px 1fr 70px;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:grid}.bar-row b{text-align:right;font-variant-numeric:tabular-nums}.bar{background:#eef1ef;border-radius:6px;height:10px;overflow:hidden}.bar i{border-radius:6px;height:100%;transition:width .2s;display:block}.fs-big{border-radius:var(--radius);border:2px solid;flex-direction:column;margin:10px 0;padding:8px 12px;display:flex}.fs-big span{color:var(--muted);font-size:12px}.fs-big b{font-variant-numeric:tabular-nums;font-size:24px}.fs-big small{color:var(--ink-2);font-size:13px}.ladder{flex-direction:column;gap:6px;display:flex}.ladder-row{border:1px solid var(--line);border-left:6px solid var(--c);opacity:.55;border-radius:10px;flex-direction:column;padding:7px 12px;font-size:13px;transition:all .25s;display:flex}.ladder-row b{color:var(--c);font-size:14px}.ladder-row.past{opacity:.8}.ladder-row.on{opacity:1;background:color-mix(in srgb, var(--c) 12%, white);border-color:var(--c);transform:scale(1.02)}.counter{background:#fff6e8;border-radius:10px;margin:10px 0;padding:8px 12px;font-size:14px}.big-result{background:var(--brand-2);border-radius:var(--radius);text-align:center;flex-direction:column;padding:14px;display:flex}.big-result span{color:var(--ink-2);font-size:13px}.big-result b{color:var(--brand);font-size:34px;line-height:1.2}.big-result small{color:var(--muted)}.timeline{margin:8px 0 34px}.timeline-bar{background:#eef1ef;border-radius:7px;height:14px;position:relative;overflow:hidden}.timeline-bar i{position:absolute;top:0;bottom:0}.timeline-bar i.slid{background:repeating-linear-gradient(45deg,#5a3a24 0 6px,#7a5434 6px 12px)}.timeline-marks{height:0;position:relative}.timeline-marks span{color:var(--muted);text-align:center;white-space:nowrap;font-size:11px;line-height:1.2;position:absolute;top:4px;transform:translate(-50%)}.timeline-marks em{color:var(--ink);font-style:normal;font-weight:700;display:block}.cta{gap:8px;display:grid}.live{flex-direction:column;gap:10px;margin-top:12px;display:flex}.chart{margin:0}.chart figcaption{color:var(--ink-2);justify-content:space-between;gap:8px;margin-bottom:2px;font-size:12.5px;font-weight:600;display:flex}.chart-vals{font-variant-numeric:tabular-nums;gap:8px;display:flex}.chart svg{width:100%;height:auto;display:block}.chart-bg{fill:#f7f9f8}.chart-grid{stroke:#e3e8e5;stroke-width:1px}.chart-axis{fill:#8a9893;font-size:9px}.chart-cursor{stroke:var(--ink);stroke-width:1px;opacity:.35}.chart-legend{color:var(--ink-2);flex-wrap:wrap;gap:4px 10px;margin-top:2px;font-size:11.5px;display:flex}.chart-legend span{align-items:center;gap:4px;display:inline-flex}.chart-legend b{font-variant-numeric:tabular-nums;font-weight:700}.chart-legend i{border-radius:2px;width:10px;height:3px;display:inline-block}.controls-grid{flex-direction:column;gap:14px;margin:14px 0;display:flex}.slider{flex-direction:column;gap:4px;font-size:14px;display:flex}.slider span{justify-content:space-between;display:flex}.slider input{accent-color:var(--brand)}.field{flex-direction:column;gap:6px;font-size:14px;display:flex}.seg{border:1px solid var(--line);border-radius:10px;display:flex;overflow:hidden}.seg button{border:0;border-right:1px solid var(--line);background:#fff;flex:1;padding:7px 6px;font-size:13px;font-weight:600}.seg button:last-child{border-right:0}.seg button.on{background:var(--brand);color:#fff}.toggle{align-items:flex-start;gap:10px;font-size:14px;display:flex}.toggle input{width:18px;height:18px;accent-color:var(--brand);margin-top:2px}.result{border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:8px;padding:12px;display:grid}.result.bad{background:#fff3ef}.result.good{background:#eff8f2}.result div{flex-direction:column;display:flex}.result span{color:var(--muted);font-size:12px}.result b{font-size:15px}.tips{background:#f6f8f7;border-radius:10px;margin-top:16px;padding:10px 12px;font-size:13.5px}.tips ul{margin:6px 0 0;padding-left:18px}.slope-grid{border-radius:var(--radius);background:linear-gradient(#e9f2e3 0%,#efe3d2 100%);flex-direction:column;gap:6px;margin:14px 0 4px;padding:10px;display:flex}.slope-row{color:var(--ink-2);grid-template-columns:74px 1fr 1fr;align-items:center;gap:8px;font-size:12.5px;display:grid}.slope-row button{background:#ffffffb3;border:2px dashed #a9b7b0;border-radius:10px;padding:7px;font-weight:700}.slope-row button.on{border:2px solid var(--brand);background:var(--brand);color:#fff}.slope-road{text-align:center;color:#e9e4d4;background:#3b3d40;border-radius:6px;padding:3px;font-size:12px}.seg-num button{padding:6px 0}.results{margin-top:16px}.score-line{font-size:15px}.good{color:var(--ok)}.bad{color:var(--danger)}.warn{color:var(--warn)}.results table{border-collapse:collapse;width:100%;font-size:13px}.results td{border-bottom:1px solid var(--line);padding:7px 6px}.results td:last-child{text-align:right;white-space:nowrap;font-weight:600}.results tr{cursor:pointer}.results tr:hover,.results tr.sel{background:#f1f6f3}.density{border-top:1px solid var(--line);margin-top:18px;padding-top:6px}.density svg{width:100%;display:block}.density p{color:var(--ink-2);font-size:13.5px}.modal-back{z-index:100;background:#0a141280;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:88vh;padding:22px 24px;overflow-y:auto}.modal h2{margin-top:0}.modal ul{padding-left:20px}kbd{border:1px solid var(--line);background:#f6f8f7;border-bottom-width:2px;border-radius:5px;padding:0 5px;font-family:inherit;font-size:12px}@media (width<=900px){.app{flex-direction:column;height:auto;min-height:100dvh;display:flex}.topbar{flex-wrap:wrap;order:0;gap:6px 10px;height:auto;padding:8px 12px}.tabs{order:3;justify-content:space-between;width:100%;margin:0}.tabs button{flex:1;padding:6px 8px;font-size:13px}.top-actions{margin-left:auto}.stage{flex:none;order:1;height:54svh}.dock{z-index:15;flex:none;order:2;height:56px;position:sticky;top:0;box-shadow:0 2px 6px #0000000f}.dock-hint{font-size:12px;line-height:1.3}.panel{border-left:0;order:3;overflow:visible}.tag{padding:1px 5px;font-size:9.5px}.panel-inner{padding:16px 16px 40px}.controls{gap:8px;padding:0 12px}.controls .btn{padding:8px 12px}.dots{gap:5px}.dots button{width:8px;height:8px}.hud{top:8px;left:8px;right:8px}.hud-chip{padding:3px 8px}.hud-chip b{font-size:14px}.hud-level{padding:0 10px;font-size:13px}.stats b{font-size:19px}.node-diagram{grid-template-columns:120px 1fr}}