.recipe-builder{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;padding:2rem;box-shadow:0 20px 40px #0000001a;margin:2rem 0;border:1px solid #94a3b833;overflow:hidden;position:relative}.recipe-builder:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f59e0b,#ef4444,#8b5cf6,#10b981);border-radius:24px 24px 0 0}.recipe-builder .builder-header{text-align:center;margin-bottom:2rem}.recipe-builder .builder-header h3{font-size:1.5rem;color:#1a1a1a;margin-bottom:.5rem;font-weight:700}.recipe-builder .builder-header p{color:#000000b3;font-size:1rem;max-width:600px;margin:0 auto}.recipe-builder .builder-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.recipe-builder .builder-tabs .tab-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#fff,#f1f5f9);border:2px solid #94a3b833;border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-weight:600;color:#475569;position:relative;overflow:hidden}.recipe-builder .builder-tabs .tab-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#0000,#fff9,#0000);transition:left .5s ease}.recipe-builder .builder-tabs .tab-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000026;border-color:#f59e0b}.recipe-builder .builder-tabs .tab-button:hover:before{left:100%}.recipe-builder .builder-tabs .tab-button.active{background:linear-gradient(135deg,#f59e0b,#ef4444);border-color:#f59e0b;color:#fff;box-shadow:0 10px 30px #f59e0b66;transform:translateY(-2px)}.recipe-builder .builder-tabs .tab-button .tab-icon{font-size:1.2rem}.recipe-builder .builder-tabs .tab-button .tab-name{font-size:.9rem;white-space:nowrap}.recipe-builder .builder-content{animation:fadeIn .5s ease-in}.recipe-builder .flavor-selector-section .selector-header{text-align:center;margin-bottom:2rem}.recipe-builder .flavor-selector-section .selector-header h4{font-size:1.3rem;color:#1a1a1a;margin-bottom:.5rem;font-weight:600}.recipe-builder .flavor-selector-section .selector-header p{color:#000000b3;font-size:.95rem}.recipe-builder .flavor-selector-section .flavor-categories{display:grid;grid-gap:2rem;gap:2rem}.recipe-builder .flavor-selector-section .flavor-category{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000f;border:1px solid #94a3b81a}.recipe-builder .flavor-selector-section .flavor-category .category-title{font-size:1.2rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #94a3b81a}.recipe-builder .flavor-selector-section .flavor-category .flavor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.recipe-builder .flavor-selector-section .flavor-category .flavor-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #94a3b833;border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.recipe-builder .flavor-selector-section .flavor-category .flavor-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--flavor-color);transition:width .3s ease}.recipe-builder .flavor-selector-section .flavor-category .flavor-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--flavor-color)}.recipe-builder .flavor-selector-section .flavor-category .flavor-card:hover:before{width:100%;opacity:.1}.recipe-builder .flavor-selector-section .flavor-category .flavor-card.selected{border-color:var(--flavor-color);background:linear-gradient(135deg,rgba(var(--flavor-color),.1) 0,rgba(var(--flavor-color),.05) 100%);box-shadow:0 8px 25px rgba(var(--flavor-color),.2);position:relative}.recipe-builder .flavor-selector-section .flavor-category .flavor-card.selected:before{width:100%;opacity:.2}.recipe-builder .flavor-selector-section .flavor-category .flavor-card.selected:after{content:"✓";position:absolute;top:.5rem;right:.5rem;width:20px;height:20px;background:var(--flavor-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;box-shadow:0 2px 6px #0003}.recipe-builder .flavor-selector-section .flavor-category .flavor-card .flavor-info{position:relative;z-index:2}.recipe-builder .flavor-selector-section .flavor-category .flavor-card .flavor-name{font-weight:700;font-size:1rem;color:#1a1a1a;margin-bottom:.5rem}.recipe-builder .flavor-selector-section .flavor-category .flavor-card .flavor-type{font-size:.8rem;color:#0009;margin-bottom:.25rem}.recipe-builder .flavor-selector-section .flavor-category .flavor-card .flavor-range{font-size:.75rem;color:#00000080;font-weight:500}.recipe-builder .flavor-selector-section .flavor-category .flavor-card .flavor-color{position:absolute;top:.75rem;right:.75rem;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 6px #0003}.recipe-builder .recipe-builder-section .builder-header{text-align:center;margin-bottom:2rem}.recipe-builder .recipe-builder-section .builder-header h4{font-size:1.3rem;color:#1a1a1a;margin-bottom:.5rem;font-weight:600}.recipe-builder .recipe-builder-section .builder-header p{color:#000000b3;font-size:.95rem}.recipe-builder .recipe-builder-section .recipe-form{display:grid;grid-gap:2rem;gap:2rem}.recipe-builder .recipe-builder-section .form-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000f;border:1px solid #94a3b81a}.recipe-builder .recipe-builder-section .form-section .form-group{margin-bottom:1.5rem}.recipe-builder .recipe-builder-section .form-section .form-group:last-child{margin-bottom:0}.recipe-builder .recipe-builder-section .form-section .form-group label{display:block;font-weight:600;color:#1a1a1a;margin-bottom:.5rem;font-size:.9rem}.recipe-builder .recipe-builder-section .form-section .form-group input,.recipe-builder .recipe-builder-section .form-section .form-group textarea{width:100%;padding:.75rem;border:2px solid #94a3b833;border-radius:8px;font-size:.9rem;transition:all .3s ease;background:linear-gradient(135deg,#fff,#f8fafc);color:#1f2937;font-weight:500}.recipe-builder .recipe-builder-section .form-section .form-group input:focus,.recipe-builder .recipe-builder-section .form-section .form-group textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;background:#fff}.recipe-builder .recipe-builder-section .form-section .form-group input::placeholder,.recipe-builder .recipe-builder-section .form-section .form-group textarea::placeholder{color:#94a3b8;font-weight:400}.recipe-builder .recipe-builder-section .form-section .form-group textarea{resize:vertical;min-height:80px}.recipe-builder .recipe-builder-section .parameters-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000f;border:1px solid #94a3b81a}.recipe-builder .recipe-builder-section .parameters-section .param-group{margin-bottom:1.5rem}.recipe-builder .recipe-builder-section .parameters-section .param-group:last-child{margin-bottom:0}.recipe-builder .recipe-builder-section .parameters-section .param-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem;font-size:.9rem}.recipe-builder .recipe-builder-section .parameters-section .param-group label .help-tooltip{cursor:help;font-size:.8rem;opacity:.7;transition:opacity .3s ease}.recipe-builder .recipe-builder-section .parameters-section .param-group label .help-tooltip:hover{opacity:1}.recipe-builder .recipe-builder-section .parameters-section .param-group input[type=range]{width:100%;height:8px;background:#94a3b833;border-radius:4px;outline:none;margin-bottom:.5rem}.recipe-builder .recipe-builder-section .parameters-section .param-group input[type=range]::-webkit-slider-thumb{appearance:none;width:22px;height:22px;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:50%;cursor:pointer;box-shadow:0 4px 12px #f59e0b66;border:3px solid #fff;-webkit-transition:all .3s ease;transition:all .3s ease}.recipe-builder .recipe-builder-section .parameters-section .param-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 6px 16px #f59e0b99}.recipe-builder .recipe-builder-section .parameters-section .param-group .value{font-weight:700;color:#fff;font-size:1.1rem;background:linear-gradient(135deg,#f59e0b,#ef4444);padding:.25rem .75rem;border-radius:12px;display:inline-block}.recipe-builder .recipe-builder-section .parameters-section .param-group .value-with-info{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.recipe-builder .recipe-builder-section .parameters-section .param-group .value-with-info .steeping-info{font-size:.8rem;color:#000000b3;background:#f59e0b1a;padding:.25rem .5rem;border-radius:6px;font-weight:500}.recipe-builder .recipe-builder-section .parameters-section .param-group .ratio-selector{display:flex;gap:.5rem;flex-wrap:wrap}.recipe-builder .recipe-builder-section .parameters-section .param-group .ratio-selector .ratio-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #94a3b833;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;color:#475569}.recipe-builder .recipe-builder-section .parameters-section .param-group .ratio-selector .ratio-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.recipe-builder .recipe-builder-section .parameters-section .param-group .ratio-selector .ratio-btn.selected{background:linear-gradient(135deg,#f59e0b,#ef4444);border-color:#f59e0b;color:#fff;box-shadow:0 4px 12px #f59e0b66}.recipe-builder .recipe-builder-section .selected-flavors{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000f;border:1px solid #94a3b81a}.recipe-builder .recipe-builder-section .selected-flavors .flavors-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #94a3b81a}.recipe-builder .recipe-builder-section .selected-flavors .flavors-header h5{font-size:1.1rem;color:#1a1a1a;margin:0;font-weight:600}.recipe-builder .recipe-builder-section .selected-flavors .flavors-header .flavors-stats{display:flex;gap:1rem;font-size:.9rem}.recipe-builder .recipe-builder-section .selected-flavors .flavors-header .flavors-stats .total-flavors{color:#3b82f6;font-weight:600}.recipe-builder .recipe-builder-section .selected-flavors .flavors-header .flavors-stats .total-percentage{color:#f59e0b;font-weight:700}.recipe-builder .recipe-builder-section .selected-flavors .no-flavors{text-align:center;color:#00000080;padding:2rem}.recipe-builder .recipe-builder-section .selected-flavors .no-flavors p:first-child{font-size:1.1rem;margin-bottom:1rem}.recipe-builder .recipe-builder-section .selected-flavors .no-flavors .help-text{font-size:.9rem;color:#0009;background:linear-gradient(135deg,#fef3c7,#fed7aa);padding:1rem;border-radius:8px;border-left:4px solid #f59e0b}.recipe-builder .recipe-builder-section .selected-flavors .dosage-guide{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;padding:1rem;margin-bottom:1rem;border:1px solid #3b82f633}.recipe-builder .recipe-builder-section .selected-flavors .dosage-guide h6{font-size:.9rem;color:#1a1a1a;margin-bottom:.5rem;font-weight:600}.recipe-builder .recipe-builder-section .selected-flavors .dosage-guide .guide-items{display:flex;gap:.75rem;flex-wrap:wrap}.recipe-builder .recipe-builder-section .selected-flavors .dosage-guide .guide-items .guide-item{font-size:.8rem;background:#fffc;padding:.25rem .5rem;border-radius:6px;font-weight:500;color:#1e40af}.recipe-builder .recipe-builder-section .selected-flavors .warning-message{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;border-radius:8px;padding:1rem;margin-top:1rem;color:#991b1b;font-weight:600;font-size:.9rem}.recipe-builder .recipe-builder-section .selected-flavors .flavors-list{display:grid;grid-gap:.75rem;gap:.75rem}.recipe-builder .recipe-builder-section .selected-flavors .flavor-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #94a3b81a;margin-bottom:.75rem;transition:all .3s ease}.recipe-builder .recipe-builder-section .selected-flavors .flavor-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.recipe-builder .recipe-builder-section .selected-flavors .flavor-item .flavor-details{display:flex;flex-direction:column;gap:.25rem;flex:1 1}.recipe-builder .recipe-builder-section .selected-flavors .flavor-item .flavor-details .flavor-name{font-weight:700;color:#1a1a1a;font-size:1rem}.recipe-builder .recipe-builder-section .selected-flavors .flavor-item .flavor-details .flavor-meta{display:flex;gap:.5rem;align-items:center}.recipe-builder .recipe-builder-section .selected-flavors .flavor-item .flavor-details .flavor-meta .flavor-category{font-size:.8rem;color:#3b82f6;font-weight:600;text-transform:capitalize}.recipe-builder .recipe-builder-section .selected-flavors .flavor-item .flavor-details .flavor-meta .flavor-type{font-size:.75rem;color:#0009;font-style:italic}.recipe-builder .recipe-builder-section .selected-flavors .flavor-item .flavor-details .flavor-range{font-size:.75rem;color:#00000080;background:#fffc;padding:.25rem .5rem;border-radius:6px;display:inline-block;width:-moz-fit-content;width:fit-content}.recipe-builder .recipe-builder-section .selected-flavors .flavor-item .flavor-controls{display:flex;align-items:center;gap:.75rem}.recipe-builder .recipe-builder-section .selected-flavors .flavor-item .flavor-controls .percentage-control{display:flex;align-items:center;gap:.25rem;background:#fff;padding:.25rem .5rem;border-radius:8px;border:2px solid #94a3b833;transition:all .3s ease}.recipe-builder .recipe-builder-section .selected-flavors .flavor-item .flavor-controls .percentage-control:focus-within{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.recipe-builder .recipe-builder-section .selected-flavors .flavor-item .flavor-controls .percentage-control input{width:50px;border:none;outline:none;text-align:center;font-weight:700;color:#1f2937;background:#0000}.recipe-builder .recipe-builder-section .selected-flavors .flavor-item .flavor-controls .percentage-control .percentage-sign{font-weight:700;color:#f59e0b}.recipe-builder .recipe-builder-section .selected-flavors .flavor-item .flavor-controls .remove-btn{width:28px;height:28px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:.9rem;font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.recipe-builder .recipe-builder-section .selected-flavors .flavor-item .flavor-controls .remove-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #ef444466}.recipe-builder .calculator-section .calculator-header{text-align:center;margin-bottom:2rem}.recipe-builder .calculator-section .calculator-header h4{font-size:1.3rem;color:#1a1a1a;margin-bottom:.5rem;font-weight:600}.recipe-builder .calculator-section .calculator-header p{color:#000000b3;font-size:.95rem}.recipe-builder .calculator-section .recipe-summary{margin-bottom:2rem}.recipe-builder .calculator-section .recipe-summary .summary-card{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:16px;padding:1.5rem;border:1px solid #3b82f633;text-align:center}.recipe-builder .calculator-section .recipe-summary .summary-card h5{font-size:1.3rem;color:#1a1a1a;margin-bottom:1rem;font-weight:700}.recipe-builder .calculator-section .recipe-summary .summary-card .recipe-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.recipe-builder .calculator-section .recipe-summary .summary-card .recipe-stats .stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.recipe-builder .calculator-section .recipe-summary .summary-card .recipe-stats .stat .label{font-size:.8rem;color:#000000b3}.recipe-builder .calculator-section .recipe-summary .summary-card .recipe-stats .stat .value{font-size:1.2rem;font-weight:700;color:#1a1a1a}.recipe-builder .calculator-section .quantities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.recipe-builder .calculator-section .quantity-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000f;border:1px solid #94a3b81a;position:relative;overflow:hidden}.recipe-builder .calculator-section .quantity-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:16px 16px 0 0}.recipe-builder .calculator-section .quantity-card.base:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.recipe-builder .calculator-section .quantity-card.nicotine:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.recipe-builder .calculator-section .quantity-card.flavors:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.recipe-builder .calculator-section .quantity-card h6{font-size:1.1rem;color:#1a1a1a;margin-bottom:1rem;font-weight:600}.recipe-builder .calculator-section .quantity-card .quantities{display:grid;grid-gap:.5rem;gap:.5rem}.recipe-builder .calculator-section .quantity-card .quantity-item{padding:.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:6px;font-weight:500}.recipe-builder .calculator-section .quantity-card .quantity-total{padding:.5rem;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border-radius:6px;font-weight:700;margin-top:.5rem}.recipe-builder .calculator-section .quantity-card .quantity-detail{padding:.25rem;font-size:.8rem;color:#0009;font-style:italic}.recipe-builder .calculator-section .steeping-info{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000f;border:1px solid #94a3b81a}.recipe-builder .calculator-section .steeping-info h6{font-size:1.1rem;color:#1a1a1a;margin-bottom:1rem;font-weight:600}.recipe-builder .calculator-section .steeping-info .steeping-timeline{display:flex;justify-content:space-between;align-items:center;position:relative}.recipe-builder .calculator-section .steeping-info .steeping-timeline:before{content:"";position:absolute;top:50%;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#10b981,#059669);border-radius:2px;z-index:1}.recipe-builder .calculator-section .steeping-info .steeping-timeline .timeline-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;z-index:2}.recipe-builder .calculator-section .steeping-info .steeping-timeline .timeline-item .day{width:40px;height:40px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;box-shadow:0 4px 12px #10b98166}.recipe-builder .calculator-section .steeping-info .steeping-timeline .timeline-item .desc{font-size:.8rem;color:#000000b3;text-align:center;max-width:100px}.recipe-builder .suggestions-section .suggestions-header{text-align:center;margin-bottom:2rem}.recipe-builder .suggestions-section .suggestions-header h4{font-size:1.3rem;color:#1a1a1a;margin-bottom:.5rem;font-weight:600}.recipe-builder .suggestions-section .suggestions-header p{color:#000000b3;font-size:.95rem}.recipe-builder .suggestions-section .suggestions-content{display:grid;grid-gap:2rem;gap:2rem}.recipe-builder .suggestions-section .saved-recipes{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000f;border:1px solid #94a3b81a}.recipe-builder .suggestions-section .saved-recipes h5{font-size:1.1rem;color:#1a1a1a;margin-bottom:1rem;font-weight:600}.recipe-builder .suggestions-section .saved-recipes .saved-recipes-list{display:grid;grid-gap:1rem;gap:1rem}.recipe-builder .suggestions-section .saved-recipes .saved-recipe-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #94a3b81a;transition:all .3s ease}.recipe-builder .suggestions-section .saved-recipes .saved-recipe-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.recipe-builder .suggestions-section .saved-recipes .saved-recipe-item .recipe-summary{flex:1 1}.recipe-builder .suggestions-section .saved-recipes .saved-recipe-item .recipe-summary h6{font-size:1rem;color:#1a1a1a;margin-bottom:.5rem;font-weight:600}.recipe-builder .suggestions-section .saved-recipes .saved-recipe-item .recipe-summary p{font-size:.9rem;color:#000000b3;margin-bottom:.5rem}.recipe-builder .suggestions-section .saved-recipes .saved-recipe-item .recipe-summary .recipe-stats{display:flex;gap:1rem;font-size:.8rem}.recipe-builder .suggestions-section .saved-recipes .saved-recipe-item .recipe-summary .recipe-stats span{background:#3b82f61a;color:#1e40af;padding:.25rem .5rem;border-radius:6px;font-weight:500}.recipe-builder .suggestions-section .saved-recipes .saved-recipe-item .load-recipe-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.recipe-builder .suggestions-section .saved-recipes .saved-recipe-item .load-recipe-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #10b98166}.recipe-builder .suggestions-section .auto-suggestions{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000f;border:1px solid #94a3b81a}.recipe-builder .suggestions-section .auto-suggestions h5{font-size:1.1rem;color:#1a1a1a;margin-bottom:1rem;font-weight:600}.recipe-builder .suggestions-section .auto-suggestions .no-suggestions{text-align:center;color:#00000080;font-style:italic;padding:2rem}.recipe-builder .suggestions-section .auto-suggestions .suggestions-list{list-style:none;padding:0;margin:0}.recipe-builder .suggestions-section .auto-suggestions .suggestions-list .suggestion-item{padding:.75rem;background:linear-gradient(135deg,#fef3c7,#fed7aa);border-radius:8px;margin-bottom:.5rem;border-left:4px solid #f59e0b}.recipe-builder .suggestions-section .auto-suggestions .suggestions-list .suggestion-item:last-child{margin-bottom:0}.recipe-builder .suggestions-section .recipe-tips{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000f;border:1px solid #94a3b81a}.recipe-builder .suggestions-section .recipe-tips h5{font-size:1.1rem;color:#1a1a1a;margin-bottom:1rem;font-weight:600}.recipe-builder .suggestions-section .recipe-tips .tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.recipe-builder .suggestions-section .recipe-tips .tip-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:1rem;border:1px solid #94a3b81a;transition:all .3s ease}.recipe-builder .suggestions-section .recipe-tips .tip-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.recipe-builder .suggestions-section .recipe-tips .tip-card h6{font-size:1rem;color:#1a1a1a;margin-bottom:.5rem;font-weight:600}.recipe-builder .suggestions-section .recipe-tips .tip-card p{font-size:.85rem;color:#000000b3;line-height:1.4}.recipe-builder .suggestions-section .recipe-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.recipe-builder .suggestions-section .recipe-actions .action-btn{padding:.875rem 1.5rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.recipe-builder .suggestions-section .recipe-actions .action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.recipe-builder .suggestions-section .recipe-actions .action-btn.generate{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.recipe-builder .suggestions-section .recipe-actions .action-btn.generate:hover{box-shadow:0 8px 25px #8b5cf666}.recipe-builder .suggestions-section .recipe-actions .action-btn.save{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.recipe-builder .suggestions-section .recipe-actions .action-btn.save:hover{box-shadow:0 8px 25px #10b98166}.recipe-builder .suggestions-section .recipe-actions .action-btn.share{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.recipe-builder .suggestions-section .recipe-actions .action-btn.share:hover{box-shadow:0 8px 25px #3b82f666}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.recipe-builder{padding:1rem}.recipe-builder .builder-tabs .tab-button{padding:.5rem 1rem}.recipe-builder .builder-tabs .tab-button .tab-name{font-size:.8rem}.recipe-builder .flavor-category .flavor-grid,.recipe-builder .quantities-grid{grid-template-columns:1fr}.recipe-builder .steeping-timeline{flex-direction:column;gap:1rem}.recipe-builder .steeping-timeline:before{display:none}}.resistance-calculator{background:#fff;border-radius:14px;padding:1.5rem;box-shadow:0 6px 24px #00000014;margin:1.5rem 0;border:1px solid #00000014}.resistance-calculator .calculator-header{text-align:center;margin-bottom:1.5rem}.resistance-calculator .calculator-header h3{font-size:1.3rem;color:#1a1a1a;margin-bottom:.4rem}.resistance-calculator .calculator-header p{color:#000000b3;font-size:.9rem}.resistance-calculator .calculator-content{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}.resistance-calculator .resistance-selector h4{font-size:1.1rem;color:#1a1a1a;margin-bottom:1rem;font-weight:600}.resistance-calculator .resistance-selector .resistance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:.8rem;gap:.8rem}.resistance-calculator .resistance-selector .resistance-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #0000001a;border-radius:10px;padding:1rem;cursor:pointer;transition:all .3s ease;text-align:center}.resistance-calculator .resistance-selector .resistance-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.resistance-calculator .resistance-selector .resistance-card.selected{border-color:#feeb17;background:linear-gradient(135deg,#fef3c7,#fbbf24);color:#1a1a1a}.resistance-calculator .resistance-selector .resistance-card .resistance-value{font-weight:700;font-size:1.1rem;margin-bottom:.3rem;color:#1a1a1a}.resistance-calculator .resistance-selector .resistance-card .resistance-type{font-size:.8rem;color:#000000b3;margin-bottom:.3rem;font-weight:500}.resistance-calculator .resistance-selector .resistance-card .resistance-power{font-size:.75rem;color:#0009;background:#ffffff80;padding:.2rem .4rem;border-radius:4px;display:inline-block}.resistance-calculator .custom-settings h4{font-size:1.1rem;color:#1a1a1a;margin-bottom:1rem;font-weight:600}.resistance-calculator .custom-settings .settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.resistance-calculator .custom-settings .setting-item{background:#f8fafc;padding:1rem;border-radius:8px;border:1px solid #00000014}.resistance-calculator .custom-settings .setting-item label{display:block;font-weight:600;color:#1a1a1a;margin-bottom:.5rem;font-size:.9rem}.resistance-calculator .custom-settings .setting-item input[type=range]{width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;margin-bottom:.5rem;cursor:pointer}.resistance-calculator .custom-settings .setting-item input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#feeb17;cursor:pointer;box-shadow:0 2px 4px #0003;-webkit-transition:all .2s ease;transition:all .2s ease}.resistance-calculator .custom-settings .setting-item input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.resistance-calculator .custom-settings .setting-item input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#feeb17;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.resistance-calculator .custom-settings .setting-item .value{font-weight:600;color:#1a1a1a;font-size:.9rem}.resistance-calculator .power-visualization h4{font-size:1.1rem;color:#1a1a1a;margin-bottom:1rem;font-weight:600}.resistance-calculator .power-visualization .power-gauge{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #0000001a;border-radius:12px;padding:1.5rem}.resistance-calculator .power-visualization .power-gauge .gauge-container{margin-bottom:1rem}.resistance-calculator .power-visualization .power-gauge .gauge-container .gauge-track{position:relative;height:20px;background:#e2e8f0;border-radius:10px;overflow:hidden;margin-bottom:.5rem}.resistance-calculator .power-visualization .power-gauge .gauge-container .gauge-track .gauge-optimal-range{position:absolute;top:0;height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);opacity:.7;border-radius:10px}.resistance-calculator .power-visualization .power-gauge .gauge-container .gauge-track .gauge-current{position:absolute;top:50%;transform:translateY(-50%);width:4px;height:24px;background:#feeb17;border-radius:2px;box-shadow:0 2px 4px #0000004d;z-index:2}.resistance-calculator .power-visualization .power-gauge .gauge-container .gauge-track .gauge-current:after{content:"";position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid #0000;border-right:4px solid #0000;border-bottom:4px solid #feeb17}.resistance-calculator .power-visualization .power-gauge .gauge-container .gauge-labels{display:flex;justify-content:space-between;font-size:.8rem;color:#0009}.resistance-calculator .power-visualization .power-gauge .power-info{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.resistance-calculator .power-visualization .power-gauge .power-info .power-current,.resistance-calculator .power-visualization .power-gauge .power-info .power-optimal{font-size:.9rem;color:#000000b3}.resistance-calculator .power-visualization .power-gauge .power-info .power-current strong,.resistance-calculator .power-visualization .power-gauge .power-info .power-optimal strong{color:#1a1a1a}.resistance-calculator .results-section h4{font-size:1.1rem;color:#1a1a1a;margin-bottom:1rem;font-weight:600}.resistance-calculator .results-section .results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.resistance-calculator .results-section .result-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #0000001a;border-radius:12px;padding:1.2rem;transition:all .3s ease}.resistance-calculator .results-section .result-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.resistance-calculator .results-section .result-card .result-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem}.resistance-calculator .results-section .result-card .result-header .result-icon{font-size:1.2rem}.resistance-calculator .results-section .result-card .result-header .result-title{font-weight:600;color:#1a1a1a}.resistance-calculator .results-section .result-card .result-value{font-size:1.6rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.resistance-calculator .results-section .result-card .result-detail{font-size:.85rem;color:#000000b3;line-height:1.4}.resistance-calculator .usage-tips h4{font-size:1.1rem;color:#1a1a1a;margin-bottom:1rem;font-weight:600}.resistance-calculator .usage-tips .tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem}.resistance-calculator .usage-tips .tip-card{background:linear-gradient(135deg,#fef3c7,#fbbf24);border:2px solid #fbbf244d;border-radius:10px;padding:1rem;transition:all .3s ease}.resistance-calculator .usage-tips .tip-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2433}.resistance-calculator .usage-tips .tip-card strong{display:block;font-weight:600;color:#1a1a1a;margin-bottom:.5rem;font-size:.9rem}.resistance-calculator .usage-tips .tip-card p{font-size:.85rem;color:#000c;margin:0;line-height:1.4}.resistance-calculator .compatibility-table h4{font-size:1.1rem;color:#1a1a1a;margin-bottom:1rem;font-weight:600}.resistance-calculator .compatibility-table .table-container{background:#f8fafc;border-radius:8px;overflow:hidden;border:1px solid #00000014}.resistance-calculator .compatibility-table .table-container table{width:100%;border-collapse:collapse}.resistance-calculator .compatibility-table .table-container table th{background:#feeb17;color:#1a1a1a;padding:.8rem;font-weight:600;font-size:.9rem;text-align:left}.resistance-calculator .compatibility-table .table-container table td{padding:.8rem;border-bottom:1px solid #0000001a;font-size:.85rem;color:#000c}.resistance-calculator .compatibility-table .table-container table td:first-child{font-weight:600;color:#1a1a1a}.resistance-calculator .compatibility-table .table-container table tr:last-child td{border-bottom:none}.resistance-calculator .compatibility-table .table-container table tr:hover{background:#feeb171a}@media(max-width:768px){.resistance-calculator .calculator-content{gap:1.2rem}.resistance-calculator .resistance-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.resistance-calculator .results-grid,.resistance-calculator .settings-grid,.resistance-calculator .tips-grid{grid-template-columns:1fr}.resistance-calculator .power-info{flex-direction:column;gap:.5rem}}@media(max-width:320px){.resistance-calculator{padding:1rem}.resistance-calculator .calculator-header h3{font-size:1.2rem}.resistance-calculator .resistance-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.resistance-calculator .result-card .result-value{font-size:1.4rem}.resistance-calculator .table-container{overflow-x:auto}}