:root{--cc-primary:#f59e0b;--cc-primary-light:#fef3c7;--cc-primary-dark:#d97706;--cc-accent:#6366f1;--cc-text:#1e293b;--cc-text-secondary:#475569;--cc-text-muted:#64748b;--cc-bg:#fff;--cc-bg-secondary:#f8fafc;--cc-border:#e2e8f0;--cc-border-light:#f1f5f9;--cc-radius:var(--main-radius,.5rem);--cc-radius-lg:var(--main-radius-lg,.75rem);--cc-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--cc-shadow-md:0 4px 12px #00000014;--cc-dim-l:#2563eb;--cc-dim-l-bg:#2563eb1a;--cc-dim-w:#059669;--cc-dim-w-bg:#0596691a;--cc-dim-t:#dc2626;--cc-dim-t-bg:#dc26261a;--cc-dim-h:#7c3aed;--cc-dim-h-bg:#7c3aed1a;--cc-dim-d:#0891b2;--cc-dim-d-bg:#0891b21a}._cc-container{max-width:640px;margin:0 auto}._cc-body{flex-direction:column;gap:1.25rem;display:flex}._cc-hidden{display:none!important}._cc-actions{justify-content:center;gap:.5rem;display:flex}._cc-reset,._cc-export-btn{color:var(--cc-text-muted);background:var(--cc-bg);border-style:solid;border-width:1px;border-color:var(--cc-border);border-radius:var(--cc-radius);cursor:pointer;align-items:center;gap:.375rem;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}._cc-reset:hover,._cc-export-btn:hover{color:var(--cc-text);border-color:#cbd5e1}@media (max-width:768px){._cc-container{padding-left:1rem;padding-right:1rem}}._cc-tabs-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}._cc-tabs-wrap::-webkit-scrollbar{display:none}._cc-tabs{gap:.375rem;min-width:max-content;display:flex}._cc-tab{color:var(--cc-text-secondary);background:var(--cc-bg);border-style:solid;border-width:1px;border-color:var(--cc-border);border-radius:var(--cc-radius);cursor:pointer;white-space:nowrap;box-shadow:var(--cc-shadow);padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:color .15s,background .15s,border-color .15s}._cc-tab:hover{color:var(--cc-text);border-color:#cbd5e1}._cc-tab--active{color:#fff;background:var(--cc-primary);border-color:var(--cc-primary);box-shadow:0 2px 8px #f59e0b40}._cc-tab--active:hover{color:#fff}._cc-calculator{background:var(--cc-bg);border-radius:var(--cc-radius-lg);border-style:solid;border-width:1px;border-color:var(--cc-border);box-shadow:var(--cc-shadow);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}._cc-unit-select{color:var(--cc-primary-dark);font-size:.8125rem;font-weight:600;font-family:var(--main-font-mono);cursor:pointer;background:0 0;border:none;border-radius:.25rem;outline:none;flex-shrink:0;margin-left:.375rem;padding:.125rem .25rem;transition:background .15s}._cc-unit-select:hover{background:#f59e0b14}._cc-unit-select:focus{background:#f59e0b1f}._cc-diagram{justify-content:center;padding:.25rem 0 .5rem;display:flex}._cc-diagram svg{width:180px;height:auto;color:var(--cc-text-secondary)}._cc-shape{flex-direction:column;gap:.75rem;min-height:160px;display:flex}._cc-field{flex-direction:column;gap:.375rem;display:flex}._cc-label{color:var(--cc-text-secondary);font-size:.8125rem;font-weight:500}._cc-dim{font-size:.6875rem;font-weight:700;font-family:var(--main-font-mono);vertical-align:baseline;border-radius:.1875rem;margin-left:.25rem;padding:.0625rem .3125rem;display:inline-block}._cc-dim[data-dim=l]{color:var(--cc-dim-l);background:var(--cc-dim-l-bg)}._cc-dim[data-dim=w]{color:var(--cc-dim-w);background:var(--cc-dim-w-bg)}._cc-dim[data-dim=t]{color:var(--cc-dim-t);background:var(--cc-dim-t-bg)}._cc-dim[data-dim=h]{color:var(--cc-dim-h);background:var(--cc-dim-h-bg)}._cc-dim[data-dim=d]{color:var(--cc-dim-d);background:var(--cc-dim-d-bg)}._cc-toggle-group{border-style:solid;border-width:1px;border-color:var(--cc-border);border-radius:var(--cc-radius);width:-moz-fit-content;width:fit-content;display:flex;overflow:hidden}._cc-toggle-btn{color:var(--cc-text-secondary);background:var(--cc-bg);border:0 solid #0000;border-right-width:1px;border-right-color:var(--cc-border);cursor:pointer;padding:.4375rem 1rem;font-size:.8125rem;font-weight:500;transition:color .15s,background .15s}._cc-toggle-btn:last-child{border-right-width:0}._cc-toggle-btn:hover{background:var(--cc-bg-secondary)}._cc-toggle-btn--active{color:#fff;background:var(--cc-primary)}._cc-toggle-btn--active:hover{background:var(--cc-primary)}._cc-input-wrap{background:var(--cc-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--cc-border);border-radius:var(--cc-radius);align-items:center;padding:.625rem .875rem;transition:border-color .15s,box-shadow .15s;display:flex}._cc-input-wrap:focus-within{border-color:var(--cc-primary);box-shadow:0 0 0 3px #f59e0b1a}._cc-input{color:var(--cc-text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:1.125rem;font-weight:600}._cc-input::placeholder{color:var(--cc-border);font-weight:400}._cc-waste{border-top-style:dashed;border-top-width:1px;border-top-color:var(--cc-border);flex-direction:column;gap:.5rem;padding-top:.5rem;display:flex}._cc-waste-row{justify-content:space-between;align-items:center;display:flex}._cc-waste-value{font-size:.8125rem;font-weight:600;font-family:var(--main-font-mono);color:var(--cc-primary-dark)}._cc-slider{-webkit-appearance:none;appearance:none;background:var(--cc-border-light);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}._cc-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--cc-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000026}._cc-slider::-moz-range-thumb{background:var(--cc-primary);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000026}._cc-add-btn{width:100%;color:var(--cc-primary-dark);background:var(--cc-primary-light);border-style:dashed;border-width:1px;border-color:var(--cc-primary);border-radius:var(--cc-radius);cursor:pointer;justify-content:center;align-items:center;gap:.375rem;padding:.625rem;font-size:.8125rem;font-weight:600;transition:background .15s,opacity .15s;display:flex}._cc-add-btn:hover{opacity:.85}._cc-warning{color:#ef4444;border-radius:var(--cc-radius);background:#ef444414;border:1px solid #ef444433;padding:.5rem .75rem;font-size:.75rem;font-weight:500}@media (max-width:480px){._cc-calculator{padding:1rem}._cc-input{font-size:1rem}._cc-shape{min-height:140px}}._cc-result{flex-direction:column;gap:.75rem;display:flex}._cc-result-primary{background:linear-gradient(135deg, var(--cc-primary), var(--cc-primary-dark));border-radius:var(--cc-radius-lg);text-align:center;color:#fff;padding:1.25rem 1.5rem;box-shadow:0 4px 16px #f59e0b40}._cc-result-primary-label{opacity:.85;margin-bottom:.25rem;font-size:.8125rem;font-weight:500}._cc-result-primary-value{font-size:2rem;font-weight:800;font-family:var(--main-font-mono);letter-spacing:-.02em}._cc-result-waste-note{opacity:.75;margin-top:.25rem;font-size:.75rem;font-weight:400}._cc-result-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}._cc-result-card{background:var(--cc-bg-secondary);border-radius:var(--cc-radius);text-align:center;border-style:solid;border-width:1px;border-color:var(--cc-border-light);flex-direction:column;gap:.25rem;padding:.75rem;display:flex}._cc-result-card-label{color:var(--cc-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.6875rem;font-weight:500}._cc-result-card-value{color:var(--cc-text);font-size:1.125rem;font-weight:700;font-family:var(--main-font-mono)}._cc-cost{border-top-style:dashed;border-top-width:1px;border-top-color:var(--cc-border);flex-direction:column;gap:.5rem;padding-top:.5rem;display:flex}._cc-cost-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}._cc-cost-input-wrap{background:var(--cc-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--cc-border);border-radius:var(--cc-radius);align-items:center;width:140px;padding:.375rem .625rem;transition:border-color .15s,box-shadow .15s;display:flex}._cc-cost-input-wrap:focus-within{border-color:var(--cc-primary);box-shadow:0 0 0 3px #f59e0b1a}._cc-cost-input{font-size:.9375rem}._cc-cost-result{background:var(--cc-bg-secondary);border-radius:var(--cc-radius);border-style:solid;border-width:1px;border-color:var(--cc-border-light);justify-content:space-between;align-items:center;padding:.625rem .875rem;display:flex}._cc-cost-label{color:var(--cc-text-secondary);font-size:.8125rem;font-weight:500}._cc-cost-value{color:var(--cc-accent);font-size:1.125rem;font-weight:700;font-family:var(--main-font-mono)}._cc-bag-select{color:var(--cc-text-muted);font-size:.6875rem;font-weight:600;font-family:var(--main-font-mono);cursor:pointer;background:0 0;border:none;outline:none;margin-left:.125rem;padding:0 .125rem}@media (max-width:480px){._cc-result-primary-value{font-size:1.625rem}._cc-result-grid{grid-template-columns:1fr}._cc-result-card{text-align:left;flex-direction:row;justify-content:space-between;align-items:center}._cc-result-card-value{font-size:1rem}}._cc-sections{background:var(--cc-bg);border-radius:var(--cc-radius-lg);border-style:solid;border-width:1px;border-color:var(--cc-border);box-shadow:var(--cc-shadow);overflow:hidden}._cc-sections-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--cc-border);justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}._cc-sections-title{color:var(--cc-text);font-size:.875rem;font-weight:600}._cc-sections-clear{color:var(--cc-text-muted);cursor:pointer;background:0 0;border:0 solid #0000;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;transition:color .15s;display:inline-flex}._cc-sections-clear:hover{color:#ef4444}._cc-sections-list{flex-direction:column;display:flex}._cc-section-item{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--cc-border-light);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;transition:background .15s;display:flex}._cc-section-item:last-child{border-bottom-width:0}._cc-section-item:hover{background:var(--cc-bg-secondary)}._cc-section-info{flex-direction:column;gap:.125rem;display:flex}._cc-section-name{color:var(--cc-text);font-size:.8125rem;font-weight:600}._cc-section-detail{color:var(--cc-text-muted);font-size:.6875rem}._cc-section-volume{align-items:center;gap:.75rem;display:flex}._cc-section-value{color:var(--cc-primary-dark);font-size:.9375rem;font-weight:700;font-family:var(--main-font-mono)}._cc-section-remove{width:24px;height:24px;color:var(--cc-text-muted);border-radius:var(--cc-radius);cursor:pointer;background:0 0;border:0 solid #0000;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex}._cc-section-remove:hover{color:#ef4444;background:#ef444414}._cc-sections-summary{background:var(--cc-bg-secondary);border-top-style:solid;border-top-width:1px;border-top-color:var(--cc-border);flex-direction:column;gap:.375rem;padding:1rem 1.25rem;display:flex}._cc-summary-row{color:var(--cc-text-secondary);justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}._cc-summary-value{color:var(--cc-text);font-weight:700;font-family:var(--main-font-mono)}@media (max-width:480px){._cc-section-item{padding:.625rem 1rem}._cc-sections-summary{padding:.875rem 1rem}}