:root{--gbsc-primary:#059669;--gbsc-primary-light:#ecfdf5;--gbsc-primary-hover:#047857;--gbsc-primary-rgb:5, 150, 105;--gbsc-text:#1e293b;--gbsc-text-secondary:#475569;--gbsc-text-muted:#64748b;--gbsc-bg:#fff;--gbsc-bg-secondary:#f8fafc;--gbsc-border:#e2e8f0;--gbsc-border-light:#f1f5f9;--gbsc-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--gbsc-shadow:0 2px 8px #0000000f, 0 1px 4px #0000000a;--gbsc-radius:var(--main-radius,.5rem);--gbsc-radius-lg:var(--main-radius-lg,.75rem);--gbsc-font-mono:var(--main-font-mono,"SF Mono", "Fira Code", monospace);--gbsc-transition:.2s ease;--gbsc-topsoil:#78716c;--gbsc-compost:#059669;--gbsc-amendments:#d97706}._gbsc-container{gap:var(--main-space-4,1rem);flex-direction:column;max-width:640px;margin:0 auto;display:flex}._gbsc-container button,._gbsc-container label{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width:768px){._gbsc-container{padding-left:1rem;padding-right:1rem}}@media (max-width:360px){._gbsc-container{gap:var(--main-space-3,.75rem);padding-left:.75rem;padding-right:.75rem}}._gbsc-toolbar{justify-content:space-between;align-items:center;gap:var(--main-space-3,.75rem);flex-wrap:wrap;display:flex}._gbsc-unit-toggle{align-items:center;gap:var(--main-space-2,.5rem);display:flex}._gbsc-unit-label{font-size:var(--main-text-sm,.875rem);color:var(--gbsc-text-secondary);font-weight:500}._gbsc-toggle{background:var(--gbsc-bg);border-style:solid;border-width:1px;border-color:var(--gbsc-border);border-radius:var(--gbsc-radius);box-shadow:var(--gbsc-shadow-sm);display:flex;overflow:hidden}._gbsc-toggle-btn{font-size:var(--main-text-sm,.875rem);color:var(--gbsc-text-muted);cursor:pointer;transition:all var(--gbsc-transition);background:0 0;border:none;padding:.375rem .875rem;font-weight:500}._gbsc-toggle-btn._gbsc-toggle-active{background:var(--main-primary-solid);color:#fff}._gbsc-toggle-btn:hover:not(._gbsc-toggle-active){color:var(--gbsc-text)}._gbsc-btn-reset{font-size:var(--main-text-sm,.875rem);color:var(--gbsc-text-muted);background:var(--gbsc-bg);border-style:solid;border-width:1px;border-color:var(--gbsc-border);border-radius:var(--gbsc-radius);cursor:pointer;transition:all var(--gbsc-transition);box-shadow:var(--gbsc-shadow-sm);align-items:center;gap:.375rem;padding:.375rem .75rem;font-weight:500;display:inline-flex}._gbsc-btn-reset:hover{color:var(--gbsc-text);box-shadow:var(--gbsc-shadow)}._gbsc-btn-reset svg{width:14px;height:14px}._gbsc-mode-tabs{gap:var(--main-space-2,.5rem);display:flex}._gbsc-mode-tab{font-size:var(--main-text-sm,.875rem);color:var(--gbsc-text-muted);background:var(--gbsc-bg);border-style:solid;border-width:1.5px;border-color:var(--gbsc-border);border-radius:var(--gbsc-radius);cursor:pointer;transition:all var(--gbsc-transition);box-shadow:var(--gbsc-shadow-sm);flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1rem;font-weight:600;display:inline-flex}._gbsc-mode-tab svg{width:14px;height:14px}._gbsc-mode-tab._gbsc-mode-active{color:var(--gbsc-primary);border-color:var(--gbsc-primary);background:var(--gbsc-primary-light);box-shadow:0 0 0 1px rgba(var(--gbsc-primary-rgb), .1)}._gbsc-mode-tab:hover:not(._gbsc-mode-active){color:var(--gbsc-text);box-shadow:var(--gbsc-shadow)}._gbsc-shape-tabs{gap:var(--main-space-1,.25rem);background:var(--gbsc-bg);border-style:solid;border-width:1px;border-color:var(--gbsc-border);border-radius:var(--gbsc-radius);box-shadow:var(--gbsc-shadow-sm);padding:.25rem;display:flex}._gbsc-shape-tab{font-size:var(--main-text-xs,.75rem);color:var(--gbsc-text-muted);border-radius:calc(var(--gbsc-radius) - 2px);cursor:pointer;transition:all var(--gbsc-transition);white-space:nowrap;background:0 0;border:none;flex:1;padding:.5rem .75rem;font-weight:500}._gbsc-shape-tab._gbsc-shape-active{background:var(--main-primary-solid);color:#fff;box-shadow:var(--gbsc-shadow-sm)}._gbsc-shape-tab:hover:not(._gbsc-shape-active){color:var(--gbsc-text);background:var(--gbsc-bg-secondary)}._gbsc-btn-add{width:100%;font-size:var(--main-text-sm,.875rem);color:var(--gbsc-primary);background:var(--gbsc-bg);border-style:dashed;border-width:1.5px;border-color:var(--gbsc-primary);border-radius:var(--gbsc-radius);cursor:pointer;transition:all var(--gbsc-transition);opacity:.8;justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1rem;font-weight:500;display:inline-flex}._gbsc-btn-add:hover{opacity:1;box-shadow:0 0 0 3px rgba(var(--gbsc-primary-rgb), .1)}._gbsc-btn-add svg{width:14px;height:14px}@media (max-width:480px){._gbsc-toolbar{gap:.5rem}._gbsc-unit-toggle{justify-content:space-between;width:100%}._gbsc-toggle-btn{min-height:36px;font-size:var(--main-text-sm,.875rem);padding:.5rem 1rem}._gbsc-btn-reset{min-height:36px;padding:.5rem .875rem}._gbsc-mode-tab{min-height:44px;padding:.75rem}._gbsc-shape-tab{min-height:38px;font-size:var(--main-text-xs,.75rem);padding:.625rem .5rem}._gbsc-btn-add{min-height:44px;padding:.75rem 1rem}}@media (max-width:360px){._gbsc-shape-tabs{flex-wrap:wrap}._gbsc-shape-tab{flex:calc(50% - .25rem);font-size:.7rem}._gbsc-mode-tab span{font-size:var(--main-text-xs,.75rem)}}._gbsc-section{background:var(--gbsc-bg);border-style:solid;border-width:1px;border-color:var(--gbsc-border);border-radius:var(--gbsc-radius-lg);padding:var(--main-space-5,1.25rem);box-shadow:var(--gbsc-shadow-sm);position:relative}._gbsc-section-header{margin-bottom:var(--main-space-4,1rem);justify-content:space-between;align-items:center;display:flex}._gbsc-section-title{font-size:var(--main-text-sm,.875rem);color:var(--gbsc-text);font-weight:600}._gbsc-section-remove{width:28px;height:28px;color:var(--gbsc-text-muted);cursor:pointer;border-radius:var(--gbsc-radius);transition:all var(--gbsc-transition);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}._gbsc-section-remove:hover{color:#ef4444;background:#ef444414}._gbsc-section-remove svg{width:14px;height:14px}._gbsc-input-grid{gap:var(--main-space-3,.75rem);grid-template-columns:1fr 1fr;display:grid}._gbsc-input-grid._gbsc-input-full{grid-template-columns:1fr}._gbsc-input-group{flex-direction:column;gap:.25rem;display:flex}._gbsc-input-group._gbsc-input-span-2{grid-column:span 2}._gbsc-input-label{font-size:var(--main-text-xs,.75rem);color:var(--gbsc-text-secondary);font-weight:500}._gbsc-input-wrapper{background:var(--gbsc-bg);border-style:solid;border-width:1.5px;border-color:var(--gbsc-border);border-radius:var(--gbsc-radius);transition:border-color var(--gbsc-transition), box-shadow var(--gbsc-transition);align-items:center;display:flex;overflow:hidden}._gbsc-input-wrapper:focus-within{border-color:var(--gbsc-primary);box-shadow:0 0 0 3px rgba(var(--gbsc-primary-rgb), .1)}._gbsc-input{font-size:var(--main-text-sm,.875rem);color:var(--gbsc-text);min-width:0;font-family:var(--gbsc-font-mono);background:0 0;border:none;outline:none;flex:1;padding:.5rem .75rem}._gbsc-input::placeholder{color:var(--gbsc-text-muted);opacity:.6}._gbsc-input-unit{font-size:var(--main-text-xs,.75rem);color:var(--gbsc-text-muted);background:var(--gbsc-bg-secondary);border-left-style:solid;border-left-width:1px;border-left-color:var(--gbsc-border);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:.5rem .625rem;font-weight:600}._gbsc-section-volume{margin-top:var(--main-space-3,.75rem);padding-top:var(--main-space-3,.75rem);border-top-style:dashed;border-top-width:1px;border-top-color:var(--gbsc-border);justify-content:space-between;align-items:center;display:flex}._gbsc-section-vol-label{font-size:var(--main-text-xs,.75rem);color:var(--gbsc-text-muted)}._gbsc-section-vol-value{font-size:var(--main-text-sm,.875rem);color:var(--gbsc-primary);font-weight:700;font-family:var(--gbsc-font-mono)}._gbsc-group-label{font-size:var(--main-text-xs,.75rem);color:var(--gbsc-primary);text-transform:uppercase;letter-spacing:.05em;padding-top:var(--main-space-2,.5rem);border-top-style:dashed;border-top-width:1px;border-top-color:var(--gbsc-border-light);grid-column:span 2;font-weight:600}._gbsc-group-label:first-child{border-top:none;padding-top:0}._gbsc-sections{gap:var(--main-space-3,.75rem);flex-direction:column;display:flex}@media (max-width:768px){._gbsc-input{padding:.625rem .75rem;font-size:1rem}._gbsc-input-unit{font-size:var(--main-text-sm,.875rem);padding:.625rem .75rem}._gbsc-section{padding:var(--main-space-4,1rem)}._gbsc-section-remove{width:40px;height:40px}}@media (max-width:480px){._gbsc-input-grid{grid-template-columns:1fr}._gbsc-input-group._gbsc-input-span-2,._gbsc-group-label{grid-column:span 1}}@media (max-width:360px){._gbsc-section{padding:.875rem}}._gbsc-results{background:var(--gbsc-bg);border-style:solid;border-width:1px;border-color:var(--gbsc-border);border-radius:var(--gbsc-radius-lg);padding:var(--main-space-5,1.25rem);box-shadow:var(--gbsc-shadow);gap:var(--main-space-4,1rem);flex-direction:column;display:flex}._gbsc-results-header{font-size:var(--main-text-base,1rem);color:var(--gbsc-text);align-items:center;gap:.5rem;font-weight:700;display:flex}._gbsc-results-header svg{width:16px;height:16px;color:var(--gbsc-primary)}._gbsc-volume-grid{gap:var(--main-space-3,.75rem);grid-template-columns:1fr 1fr 1fr;display:grid}._gbsc-volume-card{padding:var(--main-space-3,.75rem);background:var(--gbsc-bg-secondary);border-style:solid;border-width:1px;border-color:var(--gbsc-border-light);border-radius:var(--gbsc-radius);flex-direction:column;align-items:center;gap:.125rem;display:flex}._gbsc-volume-card._gbsc-volume-primary{background:var(--gbsc-primary-light);border-color:rgba(var(--gbsc-primary-rgb), .2)}._gbsc-volume-value{font-size:var(--main-text-xl,1.25rem);color:var(--gbsc-text);font-weight:800;font-family:var(--gbsc-font-mono);line-height:1.2}._gbsc-volume-primary ._gbsc-volume-value{color:var(--gbsc-primary);font-size:var(--main-text-2xl,1.5rem)}._gbsc-volume-unit{font-size:var(--main-text-xs,.75rem);color:var(--gbsc-text-muted);font-weight:500}._gbsc-bag-section{padding-top:var(--main-space-4,1rem);border-top-style:solid;border-top-width:1px;border-top-color:var(--gbsc-border-light);gap:var(--main-space-3,.75rem);flex-direction:column;display:flex}._gbsc-bag-header{font-size:var(--main-text-sm,.875rem);color:var(--gbsc-text);align-items:center;gap:.375rem;font-weight:600;display:flex}._gbsc-bag-header svg{width:14px;height:14px;color:var(--gbsc-primary)}._gbsc-bag-options{gap:var(--main-space-2,.5rem);flex-wrap:wrap;display:flex}._gbsc-bag-option{font-size:var(--main-text-sm,.875rem);color:var(--gbsc-text-secondary);background:var(--gbsc-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--gbsc-border);border-radius:var(--gbsc-radius);cursor:pointer;transition:all var(--gbsc-transition);align-items:center;gap:.25rem;padding:.375rem .75rem;font-weight:500;display:flex}._gbsc-bag-option:hover{border-color:var(--gbsc-primary)}._gbsc-bag-option:has(input:checked){background:var(--gbsc-primary-light);border-color:var(--gbsc-primary);color:var(--gbsc-primary)}._gbsc-bag-option input{display:none}._gbsc-bag-result{align-items:baseline;gap:.375rem;display:flex}._gbsc-bag-count{font-size:var(--main-text-2xl,1.5rem);color:var(--gbsc-primary);font-weight:800;font-family:var(--gbsc-font-mono)}._gbsc-bag-label{font-size:var(--main-text-sm,.875rem);color:var(--gbsc-text-muted);font-weight:500}@media (max-width:768px){._gbsc-results{padding:var(--main-space-4,1rem)}._gbsc-bag-option{min-height:38px;font-size:var(--main-text-sm,.875rem);padding:.5rem .875rem}}@media (max-width:480px){._gbsc-volume-grid{grid-template-columns:1fr 1fr;gap:.5rem}._gbsc-volume-card{padding:.625rem}._gbsc-volume-card._gbsc-volume-primary{flex-direction:row;grid-column:span 2;justify-content:center;align-items:baseline;gap:.5rem}._gbsc-volume-value{font-size:var(--main-text-lg,1.125rem)}._gbsc-volume-primary ._gbsc-volume-value{font-size:var(--main-text-xl,1.25rem)}._gbsc-bag-options{gap:.375rem}._gbsc-bag-option{flex:calc(50% - .25rem);justify-content:center}}@media (max-width:360px){._gbsc-results{padding:.875rem}._gbsc-volume-grid{grid-template-columns:1fr}._gbsc-volume-card._gbsc-volume-primary{grid-column:span 1}}._gbsc-mix-section{padding-top:var(--main-space-4,1rem);border-top-style:solid;border-top-width:1px;border-top-color:var(--gbsc-border-light);gap:var(--main-space-3,.75rem);flex-direction:column;display:flex}._gbsc-mix-header{font-size:var(--main-text-sm,.875rem);color:var(--gbsc-text);align-items:center;gap:.375rem;font-weight:600;display:flex}._gbsc-mix-header svg{width:14px;height:14px;color:var(--gbsc-primary)}._gbsc-mix-bars{gap:var(--main-space-3,.75rem);flex-direction:column;display:flex}._gbsc-mix-item{flex-direction:column;gap:.25rem;display:flex}._gbsc-mix-info{justify-content:space-between;align-items:center;display:flex}._gbsc-mix-name{font-size:var(--main-text-sm,.875rem);color:var(--gbsc-text-secondary);font-weight:500}._gbsc-mix-pct{font-size:var(--main-text-xs,.75rem);color:var(--gbsc-text-muted);font-weight:700;font-family:var(--gbsc-font-mono)}._gbsc-mix-bar{background:var(--gbsc-bg-secondary);border-radius:4px;height:8px;overflow:hidden}._gbsc-mix-fill{border-radius:4px;height:100%;transition:width .4s}._gbsc-mix-topsoil{background:var(--gbsc-topsoil)}._gbsc-mix-compost{background:var(--gbsc-compost)}._gbsc-mix-amendments{background:var(--gbsc-amendments)}._gbsc-mix-vol{font-size:var(--main-text-xs,.75rem);color:var(--gbsc-text-muted);font-weight:600;font-family:var(--gbsc-font-mono)}