:root{--bg-primary:#0c1410;--bg-surface:#131f19;--bg-card:#182720;--bg-card-hover:#1f332a;--bg-input:#101c16;--border-subtle:#23382c;--border-medium:#314d3d;--border-highlight:#456d56;--text-primary:#e6eee9;--text-secondary:#9cb1a4;--text-muted:#6f8777;--color-moss:#22c55e;--color-moss-dim:#22c55e29;--color-water:#0ea5e9;--color-water-dark:#0284c7;--color-water-dim:#0ea5e929;--color-peat-fibric:#5a3825;--color-peat-hemic:#3d2315;--color-peat-sapric:#22120a;--risk-low:#22c55e;--risk-low-bg:#22c55e24;--risk-mod:#eab308;--risk-mod-bg:#eab30824;--risk-high:#f97316;--risk-high-bg:#f9731624;--risk-extreme:#ef4444;--risk-extreme-bg:#ef444429;--focus-ring:0 0 0 2px #22c55e, 0 0 0 4px #22c55e40;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Plus Jakarta Sans", var(--font-sans);--font-mono:"JetBrains Mono", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000059;--shadow-md:0 4px 14px #00000073;--shadow-lg:0 10px 28px #0000008c}[data-theme=light]{--bg-primary:#f2f6f4;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#eaf1ed;--bg-input:#f7faf8;--border-subtle:#d3dfd8;--border-medium:#b8ccbf;--border-highlight:#7ea38b;--text-primary:#122119;--text-secondary:#3b5043;--text-muted:#5e7768;--color-moss:#16a34a;--color-moss-dim:#16a34a1f;--color-water:#0284c7;--color-water-dark:#0369a1;--color-water-dim:#0284c71f;--color-peat-fibric:#784a32;--color-peat-hemic:#522f1e;--color-peat-sapric:#331c11;--risk-low:#16a34a;--risk-low-bg:#16a34a1f;--risk-mod:#ca8a04;--risk-mod-bg:#ca8a041f;--risk-high:#ea580c;--risk-high-bg:#ea580c1f;--risk-extreme:#dc2626;--risk-extreme-bg:#dc26261f;--focus-ring:0 0 0 2px #16a34a, 0 0 0 4px #16a34a40;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 14px #12211914;--shadow-lg:0 10px 28px #1221191f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;transition:background-color .25s,color .25s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.25}h1{letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.5rem)}h2{letter-spacing:-.015em;font-size:clamp(1.35rem,2.8vw,1.85rem)}h3{font-size:clamp(1.1rem,2vw,1.35rem)}p{color:var(--text-secondary);font-size:.95rem}button,input,select,textarea{font-family:inherit;font-size:.95rem}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{box-shadow:var(--focus-ring);outline:none}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex}.main-content{width:100%;max-width:1200px;padding:var(--space-4);flex:1;margin:0 auto}@media (width>=768px){.main-content{padding:var(--space-6) var(--space-8)}}.grid-2{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=860px){.grid-2{grid-template-columns:1fr 1fr}}.grid-3{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.site-header{z-index:40;background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:var(--space-3) var(--space-4);transition:background-color .2s,border-color .2s;position:sticky;top:0}@media (width>=768px){.site-header{padding:var(--space-3) var(--space-8)}}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-4);max-width:1200px;margin:0 auto;display:flex}.brand-wrapper{align-items:center;gap:var(--space-3);color:var(--text-primary);text-decoration:none;display:flex}.brand-logo-svg{border-radius:var(--radius-sm);flex-shrink:0;width:38px;height:38px}.brand-info{flex-direction:column;display:flex}.brand-title{letter-spacing:-.01em;color:var(--text-primary);font-size:1.15rem;font-weight:800}.brand-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:500}.header-actions{align-items:center;gap:var(--space-2);display:flex}.theme-toggle-btn{justify-content:center;align-items:center;gap:var(--space-2);min-width:44px;min-height:44px;padding:var(--space-2) var(--space-3);background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.theme-toggle-btn:hover{background-color:var(--bg-card-hover);border-color:var(--border-medium)}.nav-tabs-wrapper{background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:var(--space-2) var(--space-4);scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.nav-tabs-wrapper::-webkit-scrollbar{display:none}.nav-tabs-list{gap:var(--space-2);min-width:max-content;max-width:1200px;margin:0 auto;list-style:none;display:flex}.tab-btn{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;font-size:.9rem;font-weight:600;transition:all .15s;display:inline-flex}.tab-btn:hover{color:var(--text-primary);background-color:var(--bg-card)}.tab-btn.active{color:var(--text-primary);background-color:var(--bg-card);border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.tab-badge{border-radius:var(--radius-full);background-color:var(--border-subtle);color:var(--text-muted);padding:2px 6px;font-size:.7rem}.tab-btn.active .tab-badge{background-color:var(--color-moss-dim);color:var(--color-moss)}.card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}.card:hover{border-color:var(--border-medium)}.card-header{margin-bottom:var(--space-4)}.card-title{align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:1.15rem;font-weight:700;display:flex}.card-subtitle{color:var(--text-muted);margin-top:var(--space-1);font-size:.85rem}.hero-section{background:linear-gradient(180deg, var(--bg-surface) 0%, var(--bg-card) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);position:relative;overflow:hidden}@media (width>=768px){.hero-section{padding:var(--space-8)}}.hero-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=920px){.hero-grid{grid-template-columns:1.25fr 1fr;align-items:center}}.hero-content{gap:var(--space-4);flex-direction:column;display:flex}.hero-pill{align-items:center;gap:var(--space-2);background-color:var(--color-moss-dim);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--color-moss);text-transform:uppercase;letter-spacing:.04em;align-self:flex-start;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.hero-title{color:var(--text-primary)}.hero-desc{color:var(--text-secondary);font-size:1rem;line-height:1.6}.hero-stats-row{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=480px){.hero-stats-row{grid-template-columns:repeat(4,1fr)}}.stat-box{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3);text-align:center}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:.72rem;font-weight:600}.stat-value{font-family:var(--font-mono);color:var(--text-primary);font-size:1.15rem;font-weight:700}.stat-unit{color:var(--text-muted);margin-left:2px;font-size:.72rem;font-weight:400}.control-group{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.control-label-row{justify-content:space-between;align-items:center;display:flex}.control-label{color:var(--text-primary);font-size:.88rem;font-weight:600}.control-val-badge{font-family:var(--font-mono);background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);padding:2px 8px;font-size:.85rem;font-weight:600}.range-slider{border-radius:var(--radius-full);background:var(--border-subtle);appearance:none;cursor:pointer;outline:none;width:100%;height:8px}.range-slider::-webkit-slider-thumb{appearance:none;background:var(--color-moss);border:2px solid var(--bg-surface);cursor:pointer;border-radius:50%;width:22px;height:22px;transition:transform .1s;box-shadow:0 1px 4px #0006}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.range-slider::-moz-range-thumb{background:var(--color-moss);border:2px solid var(--bg-surface);cursor:pointer;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 4px #0006}.input-select{width:100%;min-height:44px;padding:var(--space-2) var(--space-3);background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.9rem}.input-select:hover{border-color:var(--border-medium)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .15s,transform .1s,border-color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--color-moss);color:#061c10;font-weight:700}.btn-primary:hover{background-color:#2ece6c}.btn-secondary{background-color:var(--bg-card);border-color:var(--border-subtle);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-card-hover);border-color:var(--border-medium)}.btn-danger{background-color:var(--risk-extreme-bg);color:var(--risk-extreme);border-color:#ef44444d}.btn-danger:hover{background-color:#ef444440}.svg-diagram-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.svg-responsive-container{width:100%;height:auto;display:block}.risk-pill{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);letter-spacing:.02em;padding:4px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.risk-pill.status-low{background-color:var(--risk-low-bg);color:var(--risk-low);border:1px solid #22c55e4d}.risk-pill.status-moderate{background-color:var(--risk-mod-bg);color:var(--risk-mod);border:1px solid #eab3084d}.risk-pill.status-high{background-color:var(--risk-high-bg);color:var(--risk-high);border:1px solid #f973164d}.risk-pill.status-extreme{background-color:var(--risk-extreme-bg);color:var(--risk-extreme);border:1px solid #ef44444d}.table-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.data-table th{background-color:var(--bg-surface);padding:var(--space-3) var(--space-4);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);white-space:nowrap;font-weight:600}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:var(--bg-card-hover)}.missing-cell{color:var(--risk-high);background-color:var(--risk-high-bg);border-radius:var(--radius-sm);padding:2px 6px;font-weight:700;display:inline-block}.code-block{background-color:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);font-family:var(--font-mono);color:var(--text-primary);font-size:.82rem;line-height:1.5;overflow-x:auto}.site-footer{background-color:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:var(--space-8) var(--space-4);margin-top:auto}@media (width>=768px){.site-footer{padding:var(--space-8)}}.footer-inner{gap:var(--space-4);flex-direction:column;max-width:1200px;margin:0 auto;display:flex}@media (width>=768px){.footer-inner{flex-direction:row;justify-content:space-between;align-items:center}}.footer-text{color:var(--text-muted);font-size:.82rem}.footer-links{gap:var(--space-4);flex-wrap:wrap;list-style:none;display:flex}.footer-link{color:var(--text-secondary);font-size:.85rem;text-decoration:none}.footer-link:hover{color:var(--text-primary);text-decoration:underline}