.blend-builder{--accent:#f0a528;--accent-light:#4d4f37;--bg:#f7f3e8;--bg-card:#f7f3e8;--bg-hover:rgba(43,42,39,.03);--border:rgba(43,42,39,.15);--text:#2b2a27;--text-muted:rgba(43,42,39,.5);--success:#27ae60;--error:#e62432;--gold:#d4a24e;--radius:16px;--ease:0.3s cubic-bezier(0.4,0,0.2,1);min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,sans-serif}.bb-progress{position:sticky;top:64px;z-index:20;display:flex;align-items:center;gap:12px;padding:10px 16px;background:hsla(44,48%,94%,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);flex-wrap:wrap}.bb-progress-gauge{position:relative;width:36px;height:36px;flex-shrink:0}.bb-progress-gauge svg{width:100%;height:100%}.bb-progress-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;font-variant-numeric:tabular-nums}.bb-progress-text{flex:1;font-size:.82rem;font-weight:600;color:var(--text-muted);min-width:0}.bb-progress-perfect{color:var(--success)}.bb-progress-over{color:var(--error)}.bb-progress-price{font-size:.9rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;flex-shrink:0}.bb-progress-bar{width:100%;height:4px;border-radius:2px;background:var(--border);display:flex;overflow:hidden;margin-top:-2px}.bb-progress-bar>div{height:100%;transition:width .3s ease}.bb-layout{max-width:1120px;margin:0 auto;padding:20px 16px 100px;display:grid;grid-template-columns:1fr;gap:24px;align-items:start}.bb-ing-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;position:sticky;top:112px;z-index:10;background:var(--bg);padding:8px 0}.bb-ing-header h2{font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:700;margin:0}.bb-reset{background:none;border:1.5px solid var(--border);color:var(--text-muted);font-size:.78rem;font-weight:600;padding:6px 14px;border-radius:100px;cursor:pointer;transition:all var(--ease);font-family:inherit;display:flex;align-items:center;gap:5px}.bb-reset:hover{border-color:var(--error);color:var(--error)}.bb-ingredients{display:flex;flex-direction:column}.bb-ing{background:var(--bg-card);padding:14px 16px;border-bottom:1px solid var(--border);transition:all var(--ease)}.bb-ing:first-child{border-radius:var(--radius) var(--radius) 0 0}.bb-ing:last-child{border-radius:0 0 var(--radius) var(--radius);border-bottom:none}.bb-ing:hover{background:var(--bg-hover)}.bb-ing.active{background:rgba(240,165,40,.06);box-shadow:inset 3px 0 0 var(--accent),0 0 12px rgba(240,165,40,.06)}.bb-ing-top{justify-content:space-between;margin-bottom:8px}.bb-ing-info,.bb-ing-top{display:flex;align-items:center;gap:10px}.bb-ing-info{min-width:0;flex:1}.bb-ing-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0;transition:transform var(--ease)}.bb-ing.active .bb-ing-icon{transform:scale(1.08)}.bb-ing-name{font-weight:700;font-size:.85rem;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-ing-price{font-size:.7rem;color:var(--text-muted);margin-top:1px}.bb-stepper{background:var(--bg);border-radius:12px;border:1.5px solid var(--border);overflow:hidden;flex-shrink:0}.bb-step-btn,.bb-stepper{display:flex;align-items:center}.bb-step-btn{width:40px;height:40px;justify-content:center;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.bb-step-btn:active{background:var(--border)}.bb-step-plus{color:var(--accent)}.bb-step-val{min-width:48px;text-align:center;font-size:.9rem;font-weight:800;font-family:Inter,sans-serif;color:var(--text);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.bb-num-input{display:none;align-items:center;gap:4px;flex-shrink:0}.bb-num-input input[type=number]{width:60px;height:36px;border:1.5px solid var(--border);border-radius:10px;text-align:center;font-size:.95rem;font-weight:700;font-family:Inter,sans-serif;color:var(--text);background:var(--bg);transition:border-color var(--ease);-moz-appearance:textfield;outline:none}.bb-num-input input[type=number]::-webkit-inner-spin-button,.bb-num-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bb-num-input input[type=number]:focus{border-color:var(--accent)}.bb-num-pct{font-size:.85rem;font-weight:700;color:var(--text-muted)}.bb-slider-row{position:relative}.bb-slider-track{position:absolute;top:50%;left:0;right:0;height:10px;transform:translateY(-50%);border-radius:5px;background:var(--border);overflow:hidden;pointer-events:none;z-index:1}.bb-slider-fill{height:100%;border-radius:5px;transition:width .15s ease}input[type=range].bb-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:10px;border-radius:5px;background:transparent;position:relative;z-index:2;cursor:pointer;margin:0;outline:none}input[type=range].bb-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--bg-card);border:3px solid var(--accent);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.3);-webkit-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease}input[type=range].bb-slider::-webkit-slider-thumb:hover{transform:scale(1.12)}input[type=range].bb-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--bg-card);border:3px solid var(--accent);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.3)}.bb-card-header{padding:16px 20px 0}.bb-card-header h3{font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:700;margin:0 0 4px}.bb-card-header p{font-size:.78rem;color:var(--text-muted);margin:0}.bb-card{background:var(--bg-card);border-radius:var(--radius)}.bb-card-body{padding:20px}.bb-section{margin-bottom:20px}.bb-section:last-child{margin-bottom:0}.bb-border-top{border-top:1px solid var(--border);padding-top:20px}.bb-label{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.bb-blend-name{width:100%;border:none;border-bottom:2px solid var(--border);padding:8px 0;font-size:.9rem;font-weight:600;font-family:Inter,sans-serif;background:transparent;color:var(--text);outline:none;transition:border-color .3s}.bb-blend-name:focus{border-bottom-color:var(--accent)}.bb-saved-btns{display:flex;gap:8px;margin-top:10px}.bb-btn-sm{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;font-size:.72rem;font-weight:600;font-family:Inter,sans-serif;border:1.5px solid var(--border);border-radius:100px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--ease);-webkit-tap-highlight-color:transparent}.bb-btn-sm:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.bb-btn-sm:disabled{opacity:.35;cursor:not-allowed}.bb-saved-list{margin-top:10px;background:rgba(43,42,39,.02);border-radius:12px;padding:8px;max-height:200px;overflow-y:auto}.bb-saved-item{display:flex;align-items:center;justify-content:space-between;padding:8px 6px;border-bottom:1px solid rgba(43,42,39,.04)}.bb-saved-item:last-child{border-bottom:none}.bb-saved-name{flex:1;text-align:left;background:none;border:none;cursor:pointer;font-size:.8rem;font-weight:600;font-family:Inter,sans-serif;color:var(--text);padding:0}.bb-saved-meta{color:var(--text-muted);font-weight:400}.bb-saved-del{background:none;border:none;cursor:pointer;color:var(--error);padding:4px;flex-shrink:0;opacity:.6;transition:opacity .15s}.bb-saved-del:hover{opacity:1}.bb-saved-empty{margin-top:8px;font-size:.75rem;color:var(--text-muted);text-align:center}.bb-gauge-wrap{display:none}.bb-gauge{width:120px;height:120px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;background:var(--bg);transition:all var(--ease)}.bb-gauge svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.bb-gauge svg circle{fill:none;stroke-width:6;stroke-linecap:round}.bb-gauge-bg{stroke:var(--border)}.bb-gauge-arc{transition:stroke-dashoffset .4s ease,stroke .3s ease}.bb-gauge-num{font-size:1.8rem;font-weight:800;position:relative;z-index:2;transition:color var(--ease);line-height:1}.bb-gauge-lbl{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);position:relative;z-index:2;margin-top:2px}.bb-status{font-size:.8rem;font-weight:600;padding:4px 14px;border-radius:100px;display:inline-block;transition:all var(--ease)}.bb-status.perfect{background:rgba(39,174,96,.15);color:var(--success)}.bb-status.over{background:rgba(230,36,50,.15);color:var(--error)}.bb-status.under{background:rgba(212,162,78,.12);color:var(--gold)}.bb-comp-bar{height:12px;border-radius:6px;overflow:hidden;display:flex;background:var(--border)}.bb-comp-seg{height:100%;transition:width .3s ease}.bb-comp-seg:first-child{border-radius:6px 0 0 6px}.bb-comp-seg:last-child{border-radius:0 6px 6px 0}.bb-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.bb-legend-item{display:flex;align-items:center;gap:5px;font-size:.7rem;color:var(--text-muted)}.bb-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bb-wt-grid{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.bb-wt-btn{padding:8px 14px;border:1.5px solid var(--border);border-radius:10px;background:var(--bg);font-size:.8rem;font-weight:700;font-family:Inter,sans-serif;color:var(--text-muted);cursor:pointer;transition:all var(--ease);min-width:46px;text-align:center;-webkit-tap-highlight-color:transparent}.bb-wt-btn:hover{border-color:var(--accent);color:var(--accent)}.bb-wt-btn.active{background:var(--accent);color:#2b2a27;border-color:var(--accent)}.bb-wt-custom{position:relative;display:flex;align-items:center}.bb-wt-custom input{width:72px;height:36px;border:1.5px solid var(--border);border-radius:10px;padding:0 26px 0 10px;font-size:.8rem;font-weight:700;font-family:Inter,sans-serif;color:var(--text);background:var(--bg);outline:none;transition:border-color var(--ease);-moz-appearance:textfield}.bb-wt-custom input::-webkit-inner-spin-button,.bb-wt-custom input::-webkit-outer-spin-button{-webkit-appearance:none}.bb-wt-custom input.active,.bb-wt-custom input:focus{border-color:var(--accent)}.bb-wt-unit{position:absolute;right:10px;font-size:.72rem;font-weight:600;color:var(--text-muted);pointer-events:none}.bb-extras{display:flex;flex-direction:column;gap:8px}.bb-extra{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid var(--border);border-radius:14px;background:var(--bg);cursor:pointer;transition:all var(--ease);text-align:left;font-family:Inter,sans-serif;-webkit-tap-highlight-color:transparent}.bb-extra:hover{border-color:var(--accent-light);background:rgba(240,165,40,.04)}.bb-extra.active{border-color:var(--accent);background:rgba(240,165,40,.08)}.bb-extra-emoji{font-size:1.5rem;flex-shrink:0}.bb-extra-info{flex:1;display:flex;flex-direction:column;gap:1px}.bb-extra-name{font-size:.85rem;font-weight:700;color:var(--text)}.bb-extra-cost{font-size:.72rem;font-weight:600;color:var(--text-muted)}.bb-check{width:24px;height:24px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:#2b2a27;transition:all var(--ease);flex-shrink:0}.bb-check.on{background:var(--accent);border-color:var(--accent)}.bb-extra-note{font-size:.72rem;color:var(--text-muted);margin:0;padding-left:4px}.bb-prices{display:flex;flex-direction:column}.bb-price-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;font-size:.85rem;color:var(--text-muted);border-bottom:1px solid rgba(43,42,39,.03)}.bb-price-row:last-child{border-bottom:none}.bb-price-val{font-size:1rem;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;transition:all var(--ease)}.bb-price-total{border-top:2px solid var(--border);margin-top:4px;padding-top:14px;border-bottom:none}.bb-price-total span:first-child{font-weight:700;color:var(--text)}.bb-price-big{font-size:1.3rem;color:var(--accent)!important}.bb-actions{padding:0 20px 20px;display:flex;flex-direction:column;gap:10px}.bb-btn-primary{width:100%;padding:14px;border:none;border-radius:100px;font-size:.88rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;transition:all var(--ease);background:var(--accent);color:#2b2a27;letter-spacing:.2px}.bb-btn-primary:hover:not(:disabled){background:var(--accent-light);transform:translateY(-1px);box-shadow:0 4px 16px rgba(240,165,40,.3)}.bb-btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.bb-btn-secondary{width:100%;padding:12px;border:1.5px solid var(--border);border-radius:100px;font-size:.82rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all var(--ease);background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:6px}.bb-btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.bb-btn-secondary:disabled{opacity:.3;cursor:not-allowed}.bb-pail-note{text-align:center;font-size:.72rem;color:var(--text-muted);margin:-4px 0 0}.bb-cta{position:fixed;bottom:0;left:0;right:0;z-index:50;padding:10px 16px max(10px,env(safe-area-inset-bottom));background:hsla(44,48%,94%,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border)}.bb-cta-btn{width:100%;padding:14px;border:none;border-radius:100px;font-size:.88rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;background:var(--accent);color:#2b2a27;display:flex;align-items:center;justify-content:center;gap:8px;-webkit-tap-highlight-color:transparent}.bb-cta-btn:active:not(:disabled){transform:scale(.97)}.bb-cta-btn:disabled{opacity:.4;cursor:not-allowed}@media (min-width:861px){.bb-cta,.bb-progress,.bb-stepper{display:none}.bb-num-input{display:flex}.bb-gauge-wrap{display:block;text-align:center;margin-bottom:24px}.bb-layout{grid-template-columns:1fr 380px;gap:32px;padding:32px 24px 100px}.bb-panel-right{position:sticky;top:24px}.bb-card{box-shadow:0 4px 24px rgba(0,0,0,.3)}.bb-card-header{background:var(--accent);color:#2b2a27;padding:24px;text-align:center;border-radius:var(--radius) var(--radius) 0 0}.bb-card-header h3{color:#2b2a27}.bb-card-header p{opacity:.7;color:#2b2a27}.bb-ing-header{position:static;padding:0;margin-bottom:20px}.bb-ing-header h2{font-size:1.4rem}.bb-ing{padding:20px 24px}.bb-ing-icon{width:40px;height:40px;font-size:1.2rem;border-radius:12px}.bb-ing-name{font-size:.95rem}.bb-ing-price{font-size:.78rem}input[type=range].bb-slider::-webkit-slider-thumb{width:22px;height:22px}input[type=range].bb-slider::-moz-range-thumb{width:22px;height:22px}.bb-slider-track{height:8px}.bb-slider-fill,.bb-slider-track{border-radius:4px}input[type=range].bb-slider{height:8px;border-radius:4px}}@media print{.bb-actions,.bb-cta,.bb-num-input,.bb-progress,.bb-reset,.bb-slider-row,.bb-stepper,input[type=number],input[type=range]{display:none!important}.bb-layout{display:block}.bb-panel-right{position:static}.bb-card-header{background:none;color:var(--text);padding:16px 0}.bb-ing{padding:8px 0}}@media (prefers-reduced-motion:reduce){.blend-builder,.blend-builder *{transition-duration:.01ms!important;animation-duration:.01ms!important}}