:root{--stc-primary:#059669;--stc-primary-light:#0596691a;--stc-text:#1f2937;--stc-text-secondary:#374151;--stc-text-muted:#64748b;--stc-bg:#fff;--stc-bg-secondary:#f8fafc;--stc-border:#e2e8f0;--stc-shadow:0 1px 3px #00000014;--stc-shadow-md:0 4px 12px #00000014;--stc-radius:var(--main-radius,.5rem);--stc-radius-lg:var(--main-radius-lg,.75rem);--stc-sand-color:#d97706;--stc-sand-bg:#d977061f;--stc-silt-color:#2563eb;--stc-silt-bg:#2563eb1f;--stc-clay-color:#dc2626;--stc-clay-bg:#dc26261f;--stc-excellent:#059669;--stc-good:#0891b2;--stc-moderate:#d97706;--stc-slow:#dc2626;--stc-very-high:#7c3aed;--stc-high:#2563eb;--stc-moderate-val:#d97706;--stc-low:#f97316;--stc-very-low:#ef4444}._stc-container{gap:var(--main-space-5,1.25rem);grid-template-columns:380px 1fr;max-width:1100px;margin:0 auto;display:grid}._stc-card{background:var(--stc-bg);border-radius:var(--stc-radius-lg);padding:var(--main-space-5,1.25rem);box-shadow:var(--stc-shadow);border-style:solid;border-width:1px;border-color:var(--stc-border)}._stc-card-header{align-items:center;gap:var(--main-space-2,.5rem);margin-bottom:var(--main-space-4,1rem);display:flex}._stc-card-icon{border-radius:var(--stc-radius);background:var(--stc-primary-light);width:32px;height:32px;color:var(--stc-primary);justify-content:center;align-items:center;display:flex}._stc-card-icon svg{width:18px;height:18px}._stc-card-title{font-size:var(--main-text-base,1rem);color:var(--stc-text);margin:0;font-weight:600}._stc-input-section,._stc-output-section{gap:var(--main-space-4,1rem);flex-direction:column;display:flex}._stc-reference{margin-top:var(--main-space-3,.75rem);grid-column:1/-1}@media (max-width:900px){._stc-container{grid-template-columns:1fr}}@media (max-width:768px){._stc-container{padding-left:1rem;padding-right:1rem}}._stc-presets{align-items:flex-start;gap:var(--main-space-2,.5rem);margin-bottom:var(--main-space-4,1rem);flex-wrap:wrap;display:flex}._stc-presets-label{font-size:var(--main-text-xs,.75rem);color:var(--stc-text-muted);white-space:nowrap;padding-top:.25rem;font-weight:500}._stc-presets-list{flex-wrap:wrap;gap:.375rem;display:flex}._stc-preset-btn{border-radius:var(--main-radius-full,9999px);border-style:solid;border-width:1px;border-color:var(--stc-border);background:var(--stc-bg-secondary);color:var(--stc-text-secondary);font-size:var(--main-text-xs,.75rem);cursor:pointer;white-space:nowrap;padding:.25rem .625rem;transition:background .15s,color .15s}._stc-preset-btn:hover{background:var(--stc-primary-light);color:var(--stc-primary);border-color:var(--stc-primary)}._stc-preset-btn._stc-active{background:var(--stc-primary);color:#fff;border-color:var(--stc-primary)}._stc-inputs{gap:var(--main-space-4,1rem);flex-direction:column;display:flex}._stc-input-group{gap:var(--main-space-1,.25rem);flex-direction:column;display:flex}._stc-label{align-items:center;gap:var(--main-space-2,.5rem);font-size:var(--main-text-sm,.875rem);color:var(--stc-text);font-weight:500;display:flex}._stc-label-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}._stc-dot-sand{background:var(--stc-sand-color)}._stc-dot-silt{background:var(--stc-silt-color)}._stc-dot-clay{background:var(--stc-clay-color)}._stc-input-wrapper{flex-direction:column;gap:.375rem;display:flex}._stc-input{border-style:solid;border-width:1.5px;border-color:var(--stc-border);border-radius:var(--stc-radius);width:100%;font-size:var(--main-text-sm,.875rem);color:var(--stc-text);background:var(--stc-bg);box-sizing:border-box;outline:none;padding:.5rem .75rem}._stc-input:focus{border-color:var(--stc-primary);box-shadow:0 0 0 3px var(--stc-primary-light)}._stc-input._stc-input-error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}._stc-slider{-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}._stc-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #0003}._stc-slider::-moz-range-thumb{cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #0003}._stc-slider-sand{background:linear-gradient(to right, #fef3c7, var(--stc-sand-color))}._stc-slider-sand::-webkit-slider-thumb{background:var(--stc-sand-color)}._stc-slider-sand::-moz-range-thumb{background:var(--stc-sand-color)}._stc-slider-silt{background:linear-gradient(to right, #dbeafe, var(--stc-silt-color))}._stc-slider-silt::-webkit-slider-thumb{background:var(--stc-silt-color)}._stc-slider-silt::-moz-range-thumb{background:var(--stc-silt-color)}._stc-slider-clay{background:linear-gradient(to right, #fee2e2, var(--stc-clay-color))}._stc-slider-clay::-webkit-slider-thumb{background:var(--stc-clay-color)}._stc-slider-clay::-moz-range-thumb{background:var(--stc-clay-color)}._stc-total{align-items:center;gap:var(--main-space-2,.5rem);border-radius:var(--stc-radius);background:var(--stc-bg-secondary);margin-top:var(--main-space-3,.75rem);font-size:var(--main-text-sm,.875rem);padding:.625rem .875rem;display:flex}._stc-total-label{color:var(--stc-text-muted);font-weight:500}._stc-total-value{font-weight:700;font-family:var(--main-font-mono,monospace);color:var(--stc-primary)}._stc-total._stc-total-error ._stc-total-value{color:#dc2626}._stc-total-status{font-size:var(--main-text-xs,.75rem);color:var(--stc-text-muted)}._stc-total._stc-total-error ._stc-total-status{color:#dc2626}._stc-btn-calculate{justify-content:center;align-items:center;gap:var(--main-space-2,.5rem);border-radius:var(--stc-radius);background:var(--stc-primary);color:#fff;width:100%;font-size:var(--main-text-sm,.875rem);cursor:pointer;margin-top:var(--main-space-3,.75rem);border:none;padding:.75rem 1.25rem;font-weight:600;display:flex}._stc-btn-calculate:hover{opacity:.9}._stc-btn-calculate:disabled{opacity:.5;cursor:not-allowed}._stc-btn-calculate svg{width:16px;height:16px}._stc-triangle-card{min-height:380px}._stc-triangle-wrapper{padding:var(--main-space-2,.5rem) 0;justify-content:center;align-items:center;display:flex}._stc-triangle-svg{width:100%;max-width:480px;height:auto}._stc-triangle-svg .stc-region{stroke-width:.8px;stroke:var(--stc-border);cursor:pointer;transition:opacity .15s}._stc-triangle-svg .stc-region:hover{opacity:.75}._stc-triangle-svg .stc-region.stc-active{stroke-width:2px;stroke:var(--stc-text)}._stc-triangle-svg .stc-region-label{fill:var(--stc-text);pointer-events:none;text-anchor:middle;font-size:9px;font-weight:600}._stc-triangle-svg .stc-axis-label{fill:var(--stc-text-secondary);font-size:11px;font-weight:600}._stc-triangle-svg .stc-tick-label{fill:var(--stc-text-muted);font-size:8.5px}._stc-triangle-svg .stc-grid-line{stroke-width:.4px;stroke:var(--stc-text-muted);opacity:.3}._stc-triangle-svg .stc-border-line{stroke-width:1.5px;fill:none}._stc-triangle-svg .stc-point{fill:var(--stc-primary);stroke:#fff;stroke-width:2px;filter:drop-shadow(0 1px 3px #0000004d)}._stc-triangle-svg .stc-point-ring{fill:none;stroke:var(--stc-primary);stroke-width:1.5px;opacity:.4}@media (max-width:480px){._stc-triangle-card{min-height:300px}._stc-triangle-svg .stc-region-label,._stc-triangle-svg .stc-tick-label{font-size:7px}}._stc-result-card{min-height:100px}._stc-result-content{gap:var(--main-space-4,1rem);flex-direction:column;display:flex}._stc-result-class{text-align:center;font-size:var(--main-text-xl,1.25rem);color:var(--stc-primary);padding:var(--main-space-3,.75rem);background:var(--stc-primary-light);border-radius:var(--stc-radius);font-weight:700}._stc-result-bars{gap:var(--main-space-3,.75rem);flex-direction:column;display:flex}._stc-bar-group{flex-direction:column;gap:.25rem;display:flex}._stc-bar-label{align-items:center;gap:var(--main-space-2,.5rem);font-size:var(--main-text-sm,.875rem);color:var(--stc-text);display:flex}._stc-bar-value{font-weight:600;font-family:var(--main-font-mono,monospace);margin-left:auto}._stc-bar-track{background:var(--stc-bg-secondary);border-radius:4px;width:100%;height:8px;overflow:hidden}._stc-bar-fill{border-radius:4px;height:100%;transition:width .4s}._stc-bar-sand{background:var(--stc-sand-color)}._stc-bar-silt{background:var(--stc-silt-color)}._stc-bar-clay{background:var(--stc-clay-color)}._stc-result-props{gap:var(--main-space-3,.75rem);grid-template-columns:repeat(3,1fr);display:grid}._stc-prop-item{padding:var(--main-space-3,.75rem);background:var(--stc-bg-secondary);border-radius:var(--stc-radius);text-align:center;flex-direction:column;align-items:center;gap:.25rem;display:flex}._stc-prop-icon{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}._stc-prop-icon svg{width:14px;height:14px}._stc-prop-icon-drainage{color:#0891b2;background:#0891b21a}._stc-prop-icon-retention{color:#2563eb;background:#2563eb1a}._stc-prop-icon-fertility{color:#059669;background:#0596691a}._stc-prop-label{font-size:var(--main-text-xs,.75rem);color:var(--stc-text-muted)}._stc-prop-value{font-size:var(--main-text-sm,.875rem);color:var(--stc-text);font-weight:600}@media (max-width:480px){._stc-result-props{grid-template-columns:1fr}}._stc-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}._stc-table{border-collapse:collapse;width:100%;font-size:var(--main-text-sm,.875rem)}._stc-table th{text-align:left;color:var(--stc-text-secondary);background:var(--stc-bg-secondary);border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:var(--stc-border);white-space:nowrap;padding:.625rem .75rem;font-weight:600}._stc-table td{color:var(--stc-text);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--stc-border);font-family:var(--main-font-mono,monospace);font-size:var(--main-text-xs,.75rem);padding:.5rem .75rem}._stc-table-name{font-weight:500;font-family:inherit!important;font-size:var(--main-text-sm,.875rem)!important}._stc-table tbody tr:hover,._stc-table tbody tr._stc-row-active{background:var(--stc-primary-light)}._stc-badge{border-radius:var(--main-radius-full,9999px);font-size:var(--main-text-xs,.75rem);white-space:nowrap;padding:.125rem .5rem;font-family:inherit;font-weight:500;display:inline-block}._stc-badge-excellent{color:var(--stc-excellent);background:#0596691a}._stc-badge-good{color:var(--stc-good);background:#0891b21a}._stc-badge-moderate{color:var(--stc-moderate);background:#d977061a}._stc-badge-moderate-slow,._stc-badge-moderate-low{color:#ea580c;background:#ea580c1a}._stc-badge-slow{color:var(--stc-slow);background:#dc26261a}._stc-badge-very-slow{color:#b91c1c;background:#dc262626}._stc-badge-very-high{color:var(--stc-very-high);background:#7c3aed1a}._stc-badge-high{color:var(--stc-high);background:#2563eb1a}._stc-badge-low{color:var(--stc-low);background:#f973161a}._stc-badge-very-low{color:var(--stc-very-low);background:#ef44441a}@media (max-width:768px){._stc-table th,._stc-table td{padding:.375rem .5rem}}