:root{--bg-page:#0a0e1a;--bg-sidebar:#0f1520;--bg-input:#131c28;--bg-card:#111827;--accent-mulch:#4ade80;--mulch-dim:#4ade801f;--mulch-glow:#4ade804d;--mulch-border:#4ade8059;--cyan:#22d3ee;--cyan-dim:#22d3ee1f;--purple:#a855f7;--border-card:#ffffff12;--border-input:#ffffff1a;--text-main:#f0f4ff;--text-muted:#7a8599;--text-dim:#4a5568;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:20px;--alert-warn-bg:#fbbf241a;--alert-warn-border:#fbbf244d;--alert-warn-text:#fcd34d;--alert-info-bg:#3b82f61a;--alert-info-border:#3b82f64d;--alert-info-text:#93c5fd;--alert-tip-bg:#4ade801a;--alert-tip-border:#4ade804d;--alert-tip-text:#86efac;--alert-error-bg:#ef44441a;--alert-error-border:#ef44444d;--alert-error-text:#fca5a5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}html,body{overflow-y:auto}body{background:var(--bg-page);color:var(--calc-text-primary);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#4ade8033;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4ade8066}.glass-navbar{backdrop-filter:blur(12px);z-index:1000;background:#0a0e1af5;border-bottom:1px solid #4ade801a;flex-shrink:0;justify-content:space-between;align-items:center;height:90px;padding:0 30px;display:flex;position:sticky;top:0}.nav-brand{align-items:center;gap:10px;display:flex}.nav-logo{height:65px}.brand-text{letter-spacing:1px;color:var(--calc-text-primary);font-size:1.1rem;font-weight:800}.nav-links-container{scrollbar-width:none;flex:1;align-items:center;gap:28px;margin-left:40px;padding-right:40px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000 100%)}.nav-link{color:var(--calc-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.78rem;font-weight:600;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--calc-text-primary)}.nav-link.active{color:var(--accent-mulch)}.page-header{text-align:center;padding:28px 20px 16px}.page-title{color:var(--calc-text-primary);letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900}.title-accent{color:var(--accent-mulch);text-shadow:0 0 24px var(--mulch-glow)}.page-desc{color:var(--calc-text-muted);max-width:580px;margin:0 auto;font-size:.9rem;line-height:1.6}.main-grid{grid-template-columns:minmax(340px,420px) 1fr;align-items:start;gap:16px;padding:0 16px 40px;display:grid}.controls-column{flex-direction:column;gap:0;display:flex}.top-tab-control{background:var(--bg-sidebar);border:1px solid var(--border-card);border-radius:var(--calc-radius-lg) var(--calc-radius-lg) 0 0;border-bottom:none;gap:4px;padding:8px 8px 0;display:flex}.top-tab-btn{border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--calc-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:.75rem;font-weight:600;transition:transform .25s,opacity .25s,color .2s,box-shadow .25s;display:flex}.top-tab-btn:hover{color:var(--calc-text-primary);background:#ffffff0a}.top-tab-btn.active{color:var(--accent-mulch);background:var(--mulch-dim);border-color:var(--mulch-border);border-left-color:#0000;border-bottom-color:var(--bg-sidebar)}.tab-icon{font-size:1rem}.tab-label{font-size:.72rem}.tab-panel{display:none}.tab-panel.active{flex-direction:column;gap:0;display:flex}.input-card{background:var(--bg-sidebar);border:1px solid var(--border-card);border-left:3px solid var(--mulch-border);border-top:none;padding:14px 16px}.input-card:last-child{border-bottom-left-radius:var(--calc-radius-lg);border-bottom-right-radius:var(--calc-radius-lg);border-bottom:1px solid var(--border-card)}.card-section-title{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-mulch);margin-bottom:10px;font-size:.6rem;font-weight:700}.input-group{flex-direction:column;gap:5px;display:flex}.input-group label{text-transform:uppercase;color:var(--calc-text-muted);letter-spacing:.06em;font-size:.68rem;font-weight:700;display:block}.label-hint{text-transform:none;letter-spacing:0;color:var(--calc-text-dim);font-weight:400}.input-group input,.input-group select{background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--calc-radius-sm);color:var(--calc-text-primary);width:100%;padding:9px 11px;font-family:Inter,sans-serif;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.input-group input:focus,.input-group select:focus{border-color:var(--accent-mulch);box-shadow:0 0 0 2px var(--mulch-dim);outline:none}.input-group select option{color:var(--calc-text-primary);background:#1a2035}.input-group.input-error input{background:#ef444412;border-color:#ef4444}.input-error-msg{color:#f87171;margin-top:2px;font-size:.62rem;font-weight:600}.price-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.price-grid .input-group:last-child{grid-column:1/-1}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.mat-chip{border-radius:var(--radius-pill);border:1px solid var(--border-input);color:var(--calc-text-muted);cursor:pointer;white-space:nowrap;background:#ffffff08;align-items:center;gap:4px;padding:6px 11px;font-size:.72rem;font-weight:600;transition:transform .25s,opacity .25s,color .2s,box-shadow .25s;display:inline-flex}.mat-chip:hover{border-color:var(--mulch-border);color:var(--calc-text-primary)}.mat-chip.active{background:var(--mulch-dim);border-color:var(--mulch-border);color:var(--accent-mulch)}.chip-name{font-size:.7rem}.bag-chip{border-radius:var(--radius-md);border:1px solid var(--border-input);min-width:60px;color:var(--calc-text-muted);cursor:pointer;background:#ffffff08;flex-direction:column;flex:1;align-items:center;padding:8px 6px;transition:transform .25s,opacity .25s,color .2s,box-shadow .25s;display:flex}.bag-chip:hover{border-color:var(--mulch-border);color:var(--calc-text-primary)}.bag-chip.active{background:var(--mulch-dim);border-color:var(--mulch-border);color:var(--accent-mulch)}.chip-main{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:800}.chip-sub{color:inherit;opacity:.75;margin-top:1px;font-size:.6rem}.card-settings-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.unit-toggle-wrap{align-items:center;gap:8px;display:flex}.toggle-label{text-transform:uppercase;color:var(--calc-text-muted);letter-spacing:.06em;font-size:.68rem;font-weight:700}.toggle-switch{flex-shrink:0;width:38px;height:20px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-slider{background:var(--accent-mulch);border-color:var(--accent-mulch)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.checkbox-row-label{color:var(--calc-text-primary);cursor:pointer;flex-wrap:nowrap;align-items:center;gap:7px;font-size:.72rem;display:flex}.checkbox-row-label input[type=checkbox]{accent-color:var(--accent-mulch);cursor:pointer;flex-shrink:0;width:15px;height:15px}.info-pip{background:var(--mulch-dim);border:1px solid var(--mulch-border);width:15px;height:15px;color:var(--accent-mulch);cursor:help;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:800;display:inline-flex;position:relative}.info-pip[data-tooltip]:after{content:attr(data-tooltip);color:#e2e8f0;white-space:normal;opacity:0;pointer-events:none;z-index:200;background:#1a2332;border:1px solid #ffffff1a;border-radius:8px;width:220px;padding:8px 12px;font-family:Inter,sans-serif;font-size:.72rem;font-weight:400;line-height:1.5;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.info-pip[data-tooltip]:hover:after{opacity:1}[data-theme=light] .info-pip[data-tooltip]:after{background:#1e293b;border-color:#0003}.zones-wrapper{flex-direction:column;display:flex}.zones-wrapper .input-card{border-left:3px solid var(--mulch-border);padding:0}#zones-container{padding:10px 0 6px}.area-card{background:var(--bg-input);border:1px solid var(--border-input);border-left:3px solid var(--mulch-border);border-radius:var(--radius-md);margin-bottom:10px;padding:13px;transition:transform .25s,opacity .25s,color .2s,box-shadow .25s}.area-card:hover{border-color:var(--mulch-border);box-shadow:0 4px 16px #4ade8014}.area-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.zone-name-input{min-width:80px;color:var(--calc-text-primary);background:0 0;border:none;border-bottom:1px dashed #fff3;border-radius:0;outline:none;flex:1;padding:2px;font-size:.85rem;font-weight:700}.zone-name-input:focus{border-bottom-color:var(--accent-mulch)}.zone-name-input::placeholder{color:#ffffff40;font-weight:400}.area-name-input{min-width:80px;color:var(--calc-text-primary);background:0 0;border:none;border-bottom:1px dashed #fff3;border-radius:0;outline:none;flex:1;padding:2px 4px;font-size:.85rem;font-weight:700}.area-name-input:focus{border-bottom-color:var(--accent-mulch)}.area-name-input::placeholder{color:#ffffff40;font-weight:400}.zone-vol-badge{color:var(--accent-mulch);background:var(--mulch-dim);border:1px solid var(--mulch-border);border-radius:var(--radius-pill);white-space:nowrap;flex-shrink:0;order:2;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:700}.area-header-compact{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:10px;display:flex}.area-label-container{flex:1;order:1;min-width:0}.zone-delete-btn{color:#f87171;border-radius:var(--calc-radius-sm);cursor:pointer;background:#ef44441a;border:1px solid #ef444440;flex-shrink:0;order:3;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;transition:transform .25s,opacity .25s,color .2s,box-shadow .25s;display:flex}.shape-selector-row{flex-basis:100%;order:4;align-items:center;gap:4px;display:flex}.area-inputs-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.area-inputs-grid .input-group-depth{grid-column:1/-1}.shape-btn-row{gap:4px;display:flex}.shape-btn{border-radius:var(--calc-radius-sm);width:32px;height:32px;color:var(--calc-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:transform .25s,opacity .25s,color .2s,box-shadow .25s;display:flex}.shape-btn:hover{color:var(--calc-text-primary);background:#ffffff0f}.shape-btn.active{color:var(--accent-mulch);background:var(--mulch-dim);border-color:var(--mulch-border)}.shape-btn.active svg rect,.shape-btn.active svg circle,.shape-btn.active svg path:not(.annulus-path){fill:var(--accent-mulch);stroke:var(--accent-mulch);fill-opacity:1}.shape-btn.active svg path.annulus-path{fill:none;stroke:var(--accent-mulch)}.zone-delete-btn:hover{background:#ef444433}.zone-delete-btn.confirming{width:auto;padding:0 6px;font-size:.55rem;font-weight:700}.dim-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.dim-grid .input-group.full-width{grid-column:1/-1}.depth-row{flex-direction:column;gap:6px;display:flex}.depth-row label{text-transform:uppercase;color:var(--calc-text-muted);letter-spacing:.06em;font-size:.62rem;font-weight:700}.depth-row input{background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--calc-radius-sm);color:var(--calc-text-primary);width:100%;padding:8px 10px;font-size:.88rem}.depth-row input:focus{border-color:var(--accent-mulch);outline:none}.depth-badges{flex-wrap:wrap;gap:5px;display:flex}.depth-badge{border-radius:var(--radius-pill);color:var(--calc-text-muted);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;padding:3px 8px;font-size:.6rem;transition:transform .25s,opacity .25s,color .2s,box-shadow .25s}.depth-badge:hover{border-color:var(--mulch-border);color:var(--calc-text-primary)}.depth-badge.active{background:var(--mulch-dim);border-color:var(--mulch-border);color:var(--accent-mulch);font-weight:700}.action-buttons-row{grid-template-columns:1fr 1fr;gap:8px;padding:8px 12px 12px;display:grid}.add-zone-btn{border-radius:var(--radius-md);height:40px;color:var(--calc-text-muted);cursor:pointer;background:0 0;border:1px dashed #4ade8040;font-size:.75rem;font-weight:700;transition:transform .25s,opacity .25s,color .2s,box-shadow .25s}.add-zone-btn:hover{border-color:var(--accent-mulch);color:var(--accent-mulch)}.add-zone-btn.secondary{color:var(--calc-text-dim);border-style:dashed;border-color:#ffffff1f}.add-zone-btn.secondary:hover{border-color:var(--mulch-border);color:var(--accent-mulch)}.barrier-info{color:var(--accent-mulch);background:var(--mulch-dim);border:1px solid var(--mulch-border);border-radius:var(--calc-radius-sm);margin-top:6px;padding:6px 10px;font-size:.72rem}.insights-column{flex-direction:column;gap:10px;max-height:calc(100vh - 120px);padding-right:2px;display:flex;position:sticky;top:100px;overflow:hidden auto}.result-card{background:var(--bg-sidebar);border:1px solid var(--border-card);border-left:3px solid var(--mulch-border);border-radius:var(--calc-radius-lg);padding:14px 16px}.hero-block{text-align:center;padding:6px 0 4px}.hero-label{text-transform:uppercase;letter-spacing:.14em;color:var(--calc-text-muted);margin-bottom:6px;font-size:.58rem;font-weight:700}.hero-value{color:var(--accent-mulch);text-shadow:0 0 30px var(--mulch-glow);margin-bottom:2px;font-family:JetBrains Mono,monospace;font-size:clamp(2.4rem,6vw,3.2rem);font-weight:800;line-height:1}.hero-unit{color:var(--calc-text-muted);margin-bottom:6px;font-size:.85rem}.hero-subtitle{color:var(--calc-text-muted);margin-bottom:6px;font-size:.78rem}.health-badge{border-radius:var(--radius-pill);margin-top:4px;padding:3px 12px;font-size:.68rem;font-weight:700;display:inline-block}.health-badge.light{background:var(--alert-tip-bg);border:1px solid var(--alert-tip-border);color:var(--alert-tip-text)}.health-badge.medium{background:var(--alert-info-bg);border:1px solid var(--alert-info-border);color:var(--alert-info-text)}.health-badge.heavy{background:var(--alert-warn-bg);border:1px solid var(--alert-warn-border);color:var(--alert-warn-text)}.shopping-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-bottom:8px;display:grid}.shop-option{text-align:center;border-radius:var(--radius-md);border:1px solid var(--border-card);background:#0003;flex-direction:column;align-items:center;padding:10px 8px;transition:transform .25s,opacity .25s,color .2s,box-shadow .25s;display:flex;position:relative}.shop-option.winner{border-color:var(--accent-mulch);background:var(--mulch-dim);box-shadow:0 0 14px #4ade801f}.shop-opt-icon{margin-bottom:4px;font-size:1.3rem}.shop-opt-title{text-transform:uppercase;color:var(--calc-text-muted);letter-spacing:.05em;margin-bottom:4px;font-size:.68rem;font-weight:700}.shop-opt-count{color:var(--calc-text-primary);margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700}.shop-opt-price{color:var(--accent-mulch);font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:800}.best-val-tag{background:var(--accent-mulch);color:#000;border-radius:var(--radius-pill);white-space:nowrap;padding:2px 8px;font-size:.58rem;font-weight:900;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.shop-divider{color:var(--calc-text-dim);text-align:center;font-size:.7rem}.logistics-note{color:var(--calc-text-muted);border-radius:var(--calc-radius-sm);background:#0003;margin-top:2px;padding:5px 8px;font-size:.68rem}.weed-barrier-row{color:var(--alert-tip-text);background:var(--alert-tip-bg);border:1px solid var(--alert-tip-border);border-radius:var(--calc-radius-sm);justify-content:space-between;align-items:center;margin-top:6px;padding:5px 10px;font-size:.72rem;display:flex}.weed-barrier-lbl{font-weight:600}.weed-barrier-val{font-family:JetBrains Mono,monospace;font-weight:700}.stats-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.stat-cell{border-radius:var(--calc-radius-sm);text-align:center;background:#00000040;border:1px solid #ffffff0d;padding:9px 6px;transition:background .4s}.stat-cell.flash{animation:.4s statFlash}@keyframes statFlash{0%,to{background:#00000040}50%{background:var(--mulch-dim)}}.stat-value{color:var(--calc-text-primary);font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700;line-height:1.2}.stat-value.green{color:var(--accent-mulch)}.stat-value.cyan{color:var(--calc-cyan)}.stat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--calc-text-muted);margin-top:3px;font-size:.56rem}.formula-card{padding:10px 14px}.formula-strip{color:var(--calc-text-muted);font-size:.72rem;line-height:1.7}.fs-line{line-height:1.6}.fv{color:var(--calc-cyan);font-family:JetBrains Mono,monospace;font-weight:700}.fr{color:var(--accent-mulch);font-family:JetBrains Mono,monospace;font-weight:700}.vis-card{padding:0;overflow:hidden}.visualizer-header{text-transform:uppercase;letter-spacing:.12em;color:var(--calc-text-muted);background:#0000004d;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.6rem;font-weight:700;display:flex}.vis-title{letter-spacing:.12em}.view-toggle{border-radius:var(--calc-radius-sm);background:#0000004d;gap:2px;padding:2px;display:flex}.view-btn{color:var(--calc-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 12px;font-size:.65rem;font-weight:700;transition:transform .25s,opacity .25s,color .2s,box-shadow .25s}.view-btn:hover{color:var(--calc-text-primary)}.view-btn.active{background:var(--accent-mulch);color:#000}.vis-stats-badge{color:var(--accent-mulch);font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700}.garden-canvas-wrap{background:#060d0a;justify-content:center;align-items:center;padding:0;display:flex}#garden-canvas{width:100%;height:auto;max-height:200px;display:block}.bom-chart-container{border-radius:var(--radius-md);background:#0003;align-items:center;gap:20px;padding:12px;display:flex}.bom-chart-wrap{flex:1;min-width:120px;height:180px;position:relative}.bom-legend{flex-direction:column;gap:7px;display:flex}.legend-item{color:var(--calc-text-muted);align-items:center;gap:7px;font-size:.72rem;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.ld-bags{background:var(--accent-mulch)}.ld-bulk{background:var(--calc-cyan)}.ld-barrier{background:#fbbf24}.alert-stack{flex-direction:column;gap:6px;display:flex}.alert-item{border-radius:var(--calc-radius-sm);align-items:flex-start;gap:8px;padding:8px 10px;font-size:.75rem;line-height:1.4;animation:.2s alertSlide;display:flex}@keyframes alertSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.alert-warning{background:var(--alert-warn-bg);border:1px solid var(--alert-warn-border);color:var(--alert-warn-text)}.alert-info{background:var(--alert-info-bg);border:1px solid var(--alert-info-border);color:var(--alert-info-text)}.alert-tip{background:var(--alert-tip-bg);border:1px solid var(--alert-tip-border);color:var(--alert-tip-text)}.alert-error{background:var(--alert-error-bg);border:1px solid var(--alert-error-border);color:var(--alert-error-text)}.alert-icon{flex-shrink:0;margin-top:1px;font-size:.9rem}.saved-projects-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.project-slot{border-radius:var(--radius-md);background:#0003;border:1px dashed #ffffff1a;flex-direction:column;min-height:80px;padding:10px;transition:transform .25s,opacity .25s,color .2s,box-shadow .25s;display:flex}.project-slot.filled{border-style:solid}.project-slot.filled:hover{border-color:var(--mulch-border);background:var(--mulch-dim)}.slot-name{color:var(--calc-text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:.72rem;font-weight:700;overflow:hidden}.slot-date{color:var(--calc-text-dim);margin-bottom:2px;font-size:.6rem}.slot-meta{color:var(--calc-text-muted);margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:.6rem}.slot-empty-label{color:var(--calc-text-dim);text-align:center;flex:1;justify-content:center;align-items:center;font-size:.65rem;display:flex}.slot-actions{gap:4px;margin-top:auto;display:flex}.slot-btn{cursor:pointer;color:var(--calc-text-muted);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;flex:1;padding:4px;font-size:.6rem;font-weight:700;transition:transform .25s,opacity .25s,color .2s,box-shadow .25s}.slot-btn:hover{color:var(--calc-text-primary);border-color:#fff3}.slot-btn.load{border-color:var(--mulch-border);color:var(--accent-mulch)}.slot-btn.load:hover{background:var(--mulch-dim)}.slot-btn.del:hover{color:#f87171;background:#ef444414;border-color:#ef444466}.slot-save-btn{border-radius:var(--calc-radius-sm);cursor:pointer;border:1px dashed var(--mulch-border);width:100%;color:var(--accent-mulch);background:0 0;margin-top:auto;padding:5px;font-size:.62rem;font-weight:700;transition:transform .25s,opacity .25s,color .2s,box-shadow .25s}.slot-save-btn:hover{background:var(--mulch-dim)}.action-bar{flex-wrap:wrap;gap:8px;display:flex}.action-btn{background:var(--mulch-dim);border:1px solid var(--mulch-border);border-radius:var(--calc-radius-sm);color:var(--accent-mulch);cursor:pointer;white-space:nowrap;flex:1;padding:9px 6px;font-size:.72rem;font-weight:700;transition:transform .25s,opacity .25s,color .2s,box-shadow .25s}.action-btn:hover{background:#4ade8033}.action-btn--share{background:var(--cyan-dim);color:var(--calc-cyan);border-color:#22d3ee4d}.action-btn--share:hover{background:#22d3ee2e}.export-note{color:var(--calc-text-dim);margin-top:8px;font-size:.62rem;line-height:1.4}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border:1px solid var(--mulch-border);color:#fff;z-index:9999;pointer-events:none;background:#1a2a1a;border-radius:10px;padding:.75rem 1.25rem;font-size:.85rem;font-weight:600;animation:.3s toastIn;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 20px #0006}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.faq-section{border-top:1px solid #4ade801f;width:100%;max-width:900px;margin:20px auto 60px;padding:30px 24px}.calc-content-wrapper{max-width:1600px;margin:0 auto;padding:0 1.5rem 3rem}@media (width<=960px){.main-grid{grid-template-columns:1fr;padding:0 12px 30px}.insights-column{order:2;max-height:none;position:static;overflow:visible}.controls-column{order:1}}@media (width<=480px){.glass-navbar{padding:0 16px}.nav-links-container{gap:18px}.stats-grid,.saved-projects-grid{grid-template-columns:repeat(2,1fr)}.price-grid{grid-template-columns:1fr}.price-grid .input-group:last-child{grid-column:auto}.top-tab-btn .tab-label{display:none}.top-tab-btn .tab-icon{font-size:1.2rem}}[data-theme=light]{--bg-dark:#e8edf5;--bg-page:#e8edf5;--bg-card:#fff;--bg-sidebar:#f8fafc;--bg-input:#e2e8f0;--text-main:#0f172a;--text-dim:#334155;--text-muted:#475569;--cyan:#0891b2;--purple:#7c3aed;--border:#00000026;--border-card:#0000001a;--border-input:#0000001f;--shadow-card:0 2px 8px #00000014;--accent-mulch:#15803d;--mulch-dim:#16a34a1a;--mulch-border:#16a34a59;--mulch-glow:none}[data-theme=light] body{color:#0f172a;background-color:#e8edf5;background-image:none}[data-theme=light] input,[data-theme=light] select{color-scheme:light}[data-theme=light] .dashboard-container,[data-theme=light] .dashboard-wrapper{background:0 0}[data-theme=light] .dashboard-panel,[data-theme=light] .dashboard-card,[data-theme=light] .card,[data-theme=light] .glass-card,[data-theme=light] .compact-card,[data-theme=light] .calculator-card{color:#0f172a;background:#fff;border-color:#0000001f;box-shadow:0 2px 8px #00000014}[data-theme=light] .input-group label,[data-theme=light] .input-label{color:#334155}[data-theme=light] .input-group input,[data-theme=light] .input-group select,[data-theme=light] .glass-input,[data-theme=light] .input-field,[data-theme=light] .fintech-input,[data-theme=light] .dashboard-input,[data-theme=light] .styled-input{color:#0f172a;background:#e2e8f0;border-color:#00000026}[data-theme=light] .tab-btn,[data-theme=light] .segment-pill,[data-theme=light] .input-tab-btn{color:#334155;background:#e2e8f0;border-color:#00000014}[data-theme=light] .tab-btn.active,[data-theme=light] .segment-pill.active,[data-theme=light] .input-tab-btn.active{color:#fff;background:#0891b2}[data-theme=light] .preset-chip,[data-theme=light] .chip{color:#334155;background:#e2e8f0;border-color:#00000014}[data-theme=light] .preset-chip.active,[data-theme=light] .chip.active{color:#fff;background:#0891b2}[data-theme=light] .stat-card{background:#fff;border-color:#0000001f}[data-theme=light] .stat-label{color:#475569}[data-theme=light] .stat-value{color:#0f172a}[data-theme=light] .hero-result,[data-theme=light] .hero-result-box,[data-theme=light] .result-card{color:#0f172a;background:#fff;border-color:#0000001a;box-shadow:0 2px 10px #00000014}[data-theme=light] .formula-strip,[data-theme=light] .formula-pill{color:#334155;background:#f1f5f9;border-color:#00000014}[data-theme=light] .alert{color:#334155;background:#f8fafc;border-color:#00000014}[data-theme=light] .action-btn{color:#334155;background:#fff;border-color:#00000026}[data-theme=light] .action-btn:hover{background:#f1f5f9}[data-theme=light] .chart-card,[data-theme=light] .chart-block,[data-theme=light] .chart-wrapper{background:#fff;border-color:#0000001f}[data-theme=light] .scenario-card{color:#0f172a;background:#fff;border-color:#0000001f}[data-theme=light] .compare-card,[data-theme=light] .winner-card,[data-theme=light] .winner-banner{color:#0f172a;background:#f8fafc;border-color:#0000001f}[data-theme=light] table,[data-theme=light] .data-table,[data-theme=light] .schedule-table,[data-theme=light] .amort-table{border-color:#0000001f}[data-theme=light] th{color:#334155;background:#f1f5f9;border-color:#0000001f}[data-theme=light] td{color:#0f172a;border-color:#0000000f}[data-theme=light] .how-to-card,[data-theme=light] .how-it-works,[data-theme=light] .onboarding-card-final{color:#0f172a;background:#fff;border-color:#00000014}[data-theme=light] .faq-item-enhanced{background:#fff;border-color:#00000014}[data-theme=light] .faq-question{color:#0f172a}[data-theme=light] .faq-answer{color:#475569}[data-theme=light] .breadcrumb,[data-theme=light] .calc-breadcrumb{color:#475569;background:#00000008}[data-theme=light] .breadcrumb a{color:#475569}[data-theme=light] .breadcrumb a:hover{color:#0891b2}[data-theme=light] .calc-btn,[data-theme=light] .calculate-btn{color:#fff;background:#0891b2}[data-theme=light] .toggle-btn{color:#334155;background:#e2e8f0}[data-theme=light] .toggle-btn.active{color:#fff;background:#0891b2}[data-theme=light] .modal-content,[data-theme=light] .modal-body{color:#0f172a;background:#fff;border-color:#0000001f}[data-theme=light] .tooltip-label{color:#475569}[data-theme=light] .glossary-card{color:#0f172a;background:#f8fafc;border-color:#00000014}[data-theme=light] .mobile-nav,[data-theme=light] .mobile-sticky-footer{background:#fffffffa;border-top:1px solid #0000001f}[data-theme=light] .mobile-nav .nav-link{color:#334155}[data-theme=light] .back-to-top{color:#475569;background:#0000000f}[data-theme=light] .sub-category-nav-wrapper,[data-theme=light] .sub-nav-link{color:#334155;background:0 0}[data-theme=light] .sub-nav-link.active{color:#0891b2;border-color:#0891b2}[data-theme=light] .custom-select-trigger,[data-theme=light] .glass-select,[data-theme=light] .styled-select{color:#0f172a;background:#e2e8f0;border-color:#00000026}[data-theme=light] .custom-select-options{background:#fff;border-color:#0000001f}[data-theme=light] .custom-select-option{color:#0f172a}[data-theme=light] .custom-select-option:hover{background:#f1f5f9}[data-theme=light] .controls-panel,[data-theme=light] .sidebar,[data-theme=light] .results-column{background:0 0}[data-theme=light] .section-title,[data-theme=light] .section-header{color:#0f172a}[data-theme=light] .section-subtitle,[data-theme=light] .section-desc{color:#475569}[data-theme=light] .glass-navbar{background:#f8fafcf5;border-bottom-color:#16a34a33}[data-theme=light] .input-card{background:#fff;border-color:#0000001a;box-shadow:0 2px 8px #00000012}[data-theme=light] .top-tab-control{background:#f0f4f9;border-color:#0000001a;box-shadow:0 2px 6px #0000000f}[data-theme=light] .top-tab-btn{color:#475569}[data-theme=light] .top-tab-btn:hover{color:#0f172a;background:#0000000a}[data-theme=light] .top-tab-btn.active{color:#15803d;background:#16a34a1f;border-color:#16a34a59 #16a34a59 #f0f4f9 #0000}[data-theme=light] .mat-chip{color:#334155;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .mat-chip.active{color:#fff;background:#16a34a;border-color:#16a34a}[data-theme=light] .area-card{background:#fff;border-color:#0000001f #0000001f #0000001f #16a34a73;box-shadow:0 1px 4px #0000000f}[data-theme=light] .depth-badge{color:#475569;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .depth-badge.active{color:#15803d;background:#16a34a1f;border-color:#16a34a66}[data-theme=light] .shape-btn:hover{background:#0000000f}[data-theme=light] .shape-btn.active{background:#16a34a1f;border-color:#16a34a59}[data-theme=light] .zone-vol-badge{color:#15803d;background:#f0fdf4;border-color:#16a34a73}[data-theme=light] .bom-chart-container{background:#edf2f9}[data-theme=light] .stat-cell{background:#edf2f9;border-color:#0000001a}[data-theme=light] .add-zone-btn{border-color:#16a34a59}[data-theme=light] .hero-value{text-shadow:none}[data-theme=light] .zone-name-input{color:#0f172a;border-bottom-color:#0003}[data-theme=light] .zone-name-input::placeholder{color:#00000059}[data-theme=light] .area-name-input{color:#0f172a;border-bottom-color:#0003}[data-theme=light] .area-name-input::placeholder{color:#00000059}[data-theme=light] .area-name-input:focus{border-bottom-color:#16a34a}[data-theme=light] .shop-option{background:#edf2f9;border-color:#0000001a}[data-theme=light] .shop-opt-title,[data-theme=light] .shop-opt-count{color:#334155}[data-theme=light] .card-section-title{color:#15803d}[data-theme=light] .example-card__note{color:#475569}[data-theme=light] .garden-canvas-wrap{background:#e8edf5}[data-theme=light] .visualizer-header{color:#475569;background:#edf2f9}[data-theme=light] .view-toggle{background:#00000012}[data-theme=light] .view-btn{color:#64748b}[data-theme=light] .view-btn.active{color:#fff;background:#15803d}[data-theme=light] .alert-tip{color:#14532d;background:#f0fdf4;border-color:#16a34a59}[data-theme=light] .alert-info{color:#1e3a5f;background:#eff6ff;border-color:#3b82f659}[data-theme=light] .alert-warning{color:#164e63;background:#fffbeb;border-color:#0891b259}[data-theme=light] .alert-error{color:#7f1d1d;background:#fff1f2;border-color:#ef444459}[data-theme=light] .alert-title{color:#0f172a}[data-theme=light] .toggle-slider{background:#00000026;border-color:#00000040}[data-theme=light] .fv{color:#0891b2}[data-theme=light] .logistics-note{color:#475569;background:#f0f4f9}[data-theme=light] .bag-chip{color:#475569;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .bag-chip.active{color:#15803d;background:#16a34a1f;border-color:#16a34a66}[data-theme=light] .project-slot{background:#f0f4f9;border-color:#0000001f}[data-theme=light] .slot-btn{color:#475569;background:#e8eef5;border-color:#0000001f}[data-theme=light] .action-btn--share{color:#0891b2;background:#0891b214;border-color:#0891b233}[data-theme=light] .toast{color:#15803d;background:#f0fdf4;border-color:#16a34a73;box-shadow:0 4px 16px #0000001f}.example-card__note{color:var(--calc-text-muted);margin-top:14px;font-size:.82rem;line-height:1.5}.formula-pills2{margin-bottom:3rem}.fp2-title{margin-bottom:1rem;font-size:1.1rem;font-weight:700}.fp2-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}@media (width<=700px){.fp2-grid{grid-template-columns:repeat(2,1fr)}}.fp2-pill{background:#22d3ee0f;border:1px solid #22d3ee26;border-radius:10px;flex-direction:column;gap:4px;padding:.75rem 1rem;display:flex}[data-theme=light] .fp2-pill{background:#0891b20f;border-color:#0891b233}.fp2-name{color:var(--calc-text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.fp2-eq{font-family:var(--font-mono);color:var(--calc-cyan);font-size:.82rem;font-weight:600}[data-theme=light] .fp2-eq{color:#0891b2}.faq-item-enhanced[open] summary{background:#4ade8014}[data-theme=light] .faq-item-enhanced[open] summary{background:#16a34a0f}.how-title{margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.how-steps{flex-direction:column;gap:1rem;list-style:none;display:flex}.how-step{color:var(--text-dim,#88a);align-items:flex-start;gap:1rem;font-size:.9rem;line-height:1.7;display:flex}.how-num{background:var(--cyan,#22d3ee);color:#050510;font-family:var(--font-mono,monospace);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}[data-theme=light] .how-num{color:#fff;background:#0891b2}.how-step strong{color:var(--text-main,#fff)}.gloss-section2{margin-bottom:3rem}.gs2-title{margin-bottom:1rem;font-size:1.1rem;font-weight:700}.gs2-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width<=700px){.gs2-grid{grid-template-columns:1fr}}.gs2-item{background:var(--card,#ffffff0a);border:1px solid var(--border,#ffffff1a);color:var(--text-dim,#88a);border-radius:10px;padding:1rem;font-size:.83rem;line-height:1.7}[data-theme=light] .gs2-item{background:#fff;border-color:#0000001a;box-shadow:0 1px 3px #0000000d}.gs2-item strong{color:var(--text-main,#fff)}@media print{.glass-navbar,.calc-page-footer,.calc-back-to-top,.tab-nav,.tabs-outer,.outer-tab-nav,.tab-btn,.act-row,.act-row2,.action-bar,.btn-copy,.btn-share,.btn-csv,.btn-pdf,.btn-export-pdf,.share-btn,.copy-btn,.print-btn,.how-section,.formula-pills2,.gloss-section2,.faq-section,.faq-section-extra,.calc-related,.page-sections-outer{display:none}body{color:#000;background:#fff}.result-card,.stat-card,.card,.glass-card,.result-panel{box-shadow:none;page-break-inside:avoid;color:#000;background:#fff;border:1px solid #ccc}.stat-value,.stat-label,.result-value,h1,h2,h3{color:#000;text-shadow:none}.tab-panel{display:block}}.toast-success{background:#00c896f2}.toast-warn{background:#f59e0bf2}.toast-error{background:#dc2626f2}.toast-info{background:#00a0c8f2}[data-theme=light] .input-error-msg,[data-theme=light] .zone-delete-btn,[data-theme=light] .slot-btn.del:hover{color:#b91c1c}