:root{--touch-target-min: 44px;--input-height: 48px;--input-height-compact: 40px;--transition-fast: 0.12s ease;--transition-base: 0.2s ease;--transition-slow: 0.35s ease}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}input[type=number],input[type=text],textarea,select{appearance:none}@media(max-width: 768px){input[type=number],input[type=text],textarea,select{font-size:16px}}.vapediy-page{--vapediy-accent: var(--tertiary);--vapediy-accent-low: var(--tertiary-low);--vapediy-accent-ultra-low: rgba(var(--tertiary-rgb, 128, 128, 255), 0.06);max-width:900px;margin:0 auto;padding:1rem .75rem 6rem;box-sizing:border-box;background:linear-gradient(135deg, var(--secondary) 0%, rgba(var(--secondary-rgb, 255, 255, 255), 0.97) 100%)}.vapediy-page[data-active-tab=liquid_mixer]{--vapediy-accent: #4a90d9;--vapediy-accent-low: rgba(74, 144, 217, 0.12);--vapediy-accent-ultra-low: rgba(74, 144, 217, 0.04)}.vapediy-page[data-active-tab=flavor_recipe]{--vapediy-accent: #d9558f;--vapediy-accent-low: rgba(217, 85, 143, 0.12);--vapediy-accent-ultra-low: rgba(217, 85, 143, 0.04)}.vapediy-page[data-active-tab=base_mixer]{--vapediy-accent: #39b37a;--vapediy-accent-low: rgba(57, 179, 122, 0.12);--vapediy-accent-ultra-low: rgba(57, 179, 122, 0.04)}.vapediy-page[data-active-tab=liquid_blender]{--vapediy-accent: #f2a541;--vapediy-accent-low: rgba(242, 165, 65, 0.14);--vapediy-accent-ultra-low: rgba(242, 165, 65, 0.04)}.vapediy-page[data-active-tab=coil_calculator]{--vapediy-accent: #e0473d;--vapediy-accent-low: rgba(224, 71, 61, 0.12);--vapediy-accent-ultra-low: rgba(224, 71, 61, 0.04)}.vapediy-page[data-active-tab=my_recipes]{--vapediy-accent: #a48ce0;--vapediy-accent-low: rgba(164, 140, 224, 0.14);--vapediy-accent-ultra-low: rgba(164, 140, 224, 0.04)}@media(max-width: 700px){.vapediy-page{padding:1rem .75rem 5.5rem}}.vapediy-header{padding:.5rem 0 1.2rem;margin-bottom:.5rem}.vapediy-header .vapediy-header-brand{display:flex;align-items:center;gap:.5em;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-medium);margin-bottom:.75em}.vapediy-header .vapediy-header-brand .d-icon{color:var(--vapediy-accent);transition:color var(--transition-base)}.vapediy-header .vapediy-header-sub{display:flex;align-items:center;gap:.75em}.vapediy-header .vapediy-header-sub .d-icon{flex:0 0 auto;width:2.5em;height:2.5em;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg, var(--vapediy-accent-low), var(--vapediy-accent-ultra-low));color:var(--vapediy-accent);font-size:1.15em;box-shadow:0 4px 12px rgba(0,0,0,.06);transition:all var(--transition-base)}.vapediy-header .vapediy-header-sub .d-icon:hover{transform:scale(1.08);box-shadow:0 8px 20px rgba(0,0,0,.12)}.vapediy-header .vapediy-header-sub h1{font-size:1.6em;font-weight:700;margin:0;line-height:1.2;background:linear-gradient(135deg, var(--primary), var(--vapediy-accent));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.vapediy-tabs{display:flex;gap:.2em;border-bottom:2px solid var(--primary-very-low);margin-bottom:1.5em;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--primary-low) rgba(0,0,0,0)}.vapediy-tabs::-webkit-scrollbar{height:4px}.vapediy-tabs::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.vapediy-tabs::-webkit-scrollbar-thumb{background:var(--primary-low);border-radius:4px}.vapediy-tabs::-webkit-scrollbar-thumb:hover{background:var(--primary-medium)}.vapediy-tabs .vapediy-tab-btn{display:flex;align-items:center;gap:.5em;flex:0 0 auto;padding:.8em 1.2em;background:rgba(0,0,0,0);border:none;border-bottom:3px solid rgba(0,0,0,0);color:var(--primary-medium);cursor:pointer;border-radius:12px 12px 0 0;font-size:.95em;font-weight:600;white-space:nowrap;transition:all var(--transition-fast);position:relative;-webkit-user-select:none;user-select:none;pointer-events:auto}.vapediy-tabs .vapediy-tab-btn .d-icon{color:inherit;transition:color var(--transition-fast)}.vapediy-tabs .vapediy-tab-btn:hover:not(.active){background:var(--primary-very-low);color:var(--primary)}.vapediy-tabs .vapediy-tab-btn.active{color:var(--vapediy-accent);font-weight:700}.vapediy-tabs .vapediy-tab-btn.active::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--vapediy-accent);border-radius:2px 2px 0 0}@media(max-width: 700px){.vapediy-tabs{position:fixed;left:0;right:0;bottom:0;z-index:100;margin:0;padding:.5em .5em max(.5em,env(safe-area-inset-bottom));background:linear-gradient(to top, var(--secondary), rgba(var(--secondary-rgb, 255, 255, 255), 0.98));border-bottom:none;border-top:1px solid var(--primary-low);box-shadow:0 -4px 20px rgba(0,0,0,.08);justify-content:space-between;overflow-x:visible;gap:.3em}.vapediy-tabs .vapediy-tab-btn{flex:1 1 0;flex-direction:column;gap:.25em;padding:.6em .3em;border-bottom:none;border-radius:10px;font-size:.7em;font-weight:600;min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center}.vapediy-tabs .vapediy-tab-btn .d-icon{font-size:1.3em}.vapediy-tabs .vapediy-tab-btn:active{transform:scale(0.95)}.vapediy-tabs .vapediy-tab-btn.active{background:linear-gradient(135deg, var(--vapediy-accent-low), var(--vapediy-accent-ultra-low));color:var(--vapediy-accent)}.vapediy-tabs .vapediy-tab-btn.active::after{display:none}}.vapediy-calculator{background:linear-gradient(135deg, var(--secondary) 0%, rgba(var(--secondary-rgb, 255, 255, 255), 0.95) 100%);border:1px solid var(--primary-low);border-radius:16px;padding:1.5em;box-shadow:0 4px 16px rgba(0,0,0,.06),inset 0 1px 2px hsla(0,0%,100%,.5);animation:vapediy-fade-in .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width: 700px){.vapediy-calculator{padding:1.2em;border-radius:14px}}.vapediy-calculator .vapediy-description{color:var(--primary-medium);margin:0 0 1.3em;font-size:.95em;line-height:1.5;display:flex;align-items:center;gap:.5em}.vapediy-calculator .vapediy-description .d-icon{color:var(--vapediy-accent);flex:0 0 auto}@keyframes vapediy-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.vapediy-form-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:1.2em;margin-bottom:1.5em}@media(max-width: 500px){.vapediy-form-grid{grid-template-columns:1fr;gap:1em}}.vapediy-ratio-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.2em;margin-bottom:1.5em}@media(max-width: 500px){.vapediy-ratio-grid{grid-template-columns:1fr}}.vapediy-field-label{display:block;font-size:.88em;font-weight:700;color:var(--primary);margin-bottom:.6em;letter-spacing:.02em;text-transform:uppercase;display:flex;align-items:center;gap:.4em}.vapediy-field-label .d-icon{color:var(--vapediy-accent);font-size:.95em}input[type=number].vapediy-input,input[type=number].vapediy-number-field,input[type=number].vapediy-text-field,input[type=text].vapediy-input,input[type=text].vapediy-number-field,input[type=text].vapediy-text-field,textarea.vapediy-input,textarea.vapediy-number-field,textarea.vapediy-text-field,.select-kit.vapediy-input,.select-kit.vapediy-number-field,.select-kit.vapediy-text-field{width:100%;min-height:var(--input-height-compact);padding:.75em 1em;border:1.5px solid var(--primary-low);border-radius:12px;background:var(--secondary);color:var(--primary);font-family:inherit;font-size:1em;font-weight:600;transition:all var(--transition-fast);box-shadow:inset 0 1px 3px rgba(0,0,0,.04)}input[type=number].vapediy-input:hover,input[type=number].vapediy-number-field:hover,input[type=number].vapediy-text-field:hover,input[type=text].vapediy-input:hover,input[type=text].vapediy-number-field:hover,input[type=text].vapediy-text-field:hover,textarea.vapediy-input:hover,textarea.vapediy-number-field:hover,textarea.vapediy-text-field:hover,.select-kit.vapediy-input:hover,.select-kit.vapediy-number-field:hover,.select-kit.vapediy-text-field:hover{border-color:var(--primary-medium);box-shadow:inset 0 1px 3px rgba(0,0,0,.06)}input[type=number].vapediy-input:focus,input[type=number].vapediy-input:focus-visible,input[type=number].vapediy-number-field:focus,input[type=number].vapediy-number-field:focus-visible,input[type=number].vapediy-text-field:focus,input[type=number].vapediy-text-field:focus-visible,input[type=text].vapediy-input:focus,input[type=text].vapediy-input:focus-visible,input[type=text].vapediy-number-field:focus,input[type=text].vapediy-number-field:focus-visible,input[type=text].vapediy-text-field:focus,input[type=text].vapediy-text-field:focus-visible,textarea.vapediy-input:focus,textarea.vapediy-input:focus-visible,textarea.vapediy-number-field:focus,textarea.vapediy-number-field:focus-visible,textarea.vapediy-text-field:focus,textarea.vapediy-text-field:focus-visible,.select-kit.vapediy-input:focus,.select-kit.vapediy-input:focus-visible,.select-kit.vapediy-number-field:focus,.select-kit.vapediy-number-field:focus-visible,.select-kit.vapediy-text-field:focus,.select-kit.vapediy-text-field:focus-visible{outline:none;border-color:var(--vapediy-accent);background:linear-gradient(135deg, var(--secondary), var(--vapediy-accent-ultra-low));box-shadow:0 0 0 3px var(--vapediy-accent-low),inset 0 1px 3px rgba(0,0,0,.06)}input[type=number].vapediy-input::placeholder,input[type=number].vapediy-number-field::placeholder,input[type=number].vapediy-text-field::placeholder,input[type=text].vapediy-input::placeholder,input[type=text].vapediy-number-field::placeholder,input[type=text].vapediy-text-field::placeholder,textarea.vapediy-input::placeholder,textarea.vapediy-number-field::placeholder,textarea.vapediy-text-field::placeholder,.select-kit.vapediy-input::placeholder,.select-kit.vapediy-number-field::placeholder,.select-kit.vapediy-text-field::placeholder{color:var(--primary-medium);opacity:.7}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}.vapediy-unit-toggle{display:inline-flex;border:1.5px solid var(--primary-low);border-radius:999px;overflow:hidden;margin-bottom:1em;background:var(--primary-very-low);padding:3px;gap:3px}.vapediy-unit-btn{flex:1 1 auto;min-width:60px;padding:.6em 1.2em;border:none;background:rgba(0,0,0,0);color:var(--primary-medium);font-size:.9em;font-weight:700;cursor:pointer;border-radius:999px;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.04em;touch-action:manipulation;-webkit-user-select:none;user-select:none}.vapediy-unit-btn:hover{background:rgba(var(--primary-rgb, 0, 0, 0), 0.04)}.vapediy-unit-btn:active{transform:scale(0.97)}.vapediy-unit-btn.active{background:var(--vapediy-accent);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15)}.vapediy-toggle-row{display:flex;align-items:center;gap:.75em;margin-bottom:1.2em;font-weight:700;font-size:.95em;cursor:pointer;-webkit-user-select:none;user-select:none}.vapediy-toggle-row input[type=checkbox]{width:1.3em;height:1.3em;min-width:1.3em;accent-color:var(--vapediy-accent);cursor:pointer;transition:all var(--transition-fast)}.vapediy-toggle-row input[type=checkbox]:hover{transform:scale(1.1)}.vapediy-toggle-row input[type=checkbox]:active{transform:scale(0.95)}.vapediy-select-field{display:flex;flex-direction:column}.vapediy-select-field .select-kit{width:100%;border:1.5px solid var(--primary-low) !important;border-radius:12px;background:var(--secondary) !important;box-shadow:inset 0 1px 3px rgba(0,0,0,.04) !important}.vapediy-select-field .select-kit .select-kit-header{padding:.75em 1em !important;min-height:var(--input-height-compact) !important;border:none !important;font-size:1em !important;border-radius:12px !important}.vapediy-select-field .select-kit .select-kit-header:hover{background:rgba(0,0,0,.03) !important}.vapediy-select-field .select-kit .select-kit-header:focus-within{border-color:var(--vapediy-accent) !important}.vapediy-material-badge{margin-top:.5em;font-size:.75em;color:var(--primary-medium);display:inline-flex;align-items:center;gap:.4em;width:fit-content;background:var(--primary-very-low);padding:.4em .8em;border-radius:999px;font-weight:600;letter-spacing:.03em}.vapediy-material-badge.tc{color:var(--vapediy-accent);background:var(--vapediy-accent-ultra-low);font-weight:700}.vapediy-tc-section{background:linear-gradient(135deg, var(--vapediy-accent-ultra-low), var(--primary-very-low));border:1px solid var(--vapediy-accent-low);border-radius:14px;padding:1.2em;margin-bottom:1.5em}.vapediy-tc-section>.vapediy-field-label{display:flex;align-items:center;gap:.4em;margin-bottom:.8em}.vapediy-tc-section .vapediy-tc-note{font-size:.8em;color:var(--primary-medium);margin:.5em 0 1.2em;line-height:1.6}.vapediy-tc-section .vapediy-form-grid{margin-bottom:0}.vapediy-tc-section .vapediy-results-grid{margin-top:1.2em}.vapediy-custom-tc-field{grid-column:1/-1}.vapediy-custom-tc-field .vapediy-toggle-row{margin-bottom:.8em}.vapediy-custom-tc-field .vapediy-tc-note{font-size:.75em;color:var(--primary-medium);margin:.5em 0 0}.vapediy-stepper{display:flex;align-items:stretch;border:1.5px solid var(--primary-low);border-radius:12px;overflow:hidden;background:var(--primary-very-low);box-shadow:inset 0 1px 3px rgba(0,0,0,.04)}.vapediy-stepper-btn{flex:0 0 48px;min-height:var(--input-height-compact);display:flex;align-items:center;justify-content:center;border:none;background:rgba(0,0,0,0);color:var(--vapediy-accent);cursor:pointer;font-size:1.2em;font-weight:700;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;touch-action:manipulation;padding:0 .2em}.vapediy-stepper-btn:hover{background:var(--vapediy-accent-low);transform:scale(1.05)}.vapediy-stepper-btn:active{transform:scale(0.92);background:var(--vapediy-accent-ultra-low)}.vapediy-stepper-btn:disabled{opacity:.4;cursor:not-allowed}.vapediy-stepper-input{flex:1;display:flex;align-items:center;justify-content:center;gap:.3em;background:var(--secondary);border-left:1px solid var(--primary-low);border-right:1px solid var(--primary-low);min-width:0}.vapediy-stepper-input input[type=number]{width:100%;min-width:0;border:none;background:rgba(0,0,0,0);text-align:center;font-size:1.15em;font-weight:700;color:var(--primary);padding:.5em 0}.vapediy-stepper-input input[type=number]:focus{outline:none}.vapediy-stepper-input input[type=number]::-webkit-outer-spin-button,.vapediy-stepper-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vapediy-stepper-input input[type=number]{-moz-appearance:textfield}.vapediy-stepper-input .vapediy-unit{font-size:.85em;color:var(--primary-medium);padding-right:.6em;font-weight:600}.vapediy-chip-row{display:flex;flex-wrap:wrap;gap:.5em;margin-top:.75em}.vapediy-chip{border:1.5px solid var(--primary-low);background:var(--secondary);color:var(--primary-medium);border-radius:999px;padding:.5em 1em;font-size:.85em;font-weight:700;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.03em;-webkit-user-select:none;user-select:none;touch-action:manipulation;min-height:32px;display:flex;align-items:center}.vapediy-chip:hover{border-color:var(--vapediy-accent);background:var(--vapediy-accent-ultra-low);color:var(--vapediy-accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.vapediy-chip:active{transform:translateY(0)}.vapediy-chip.active{background:var(--vapediy-accent);border-color:var(--vapediy-accent);color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.2)}.vapediy-ratio-field{display:flex;flex-direction:column}.vapediy-ratio-readout{display:flex;justify-content:space-between;font-size:.85em;font-weight:700;margin-bottom:.5em;text-transform:uppercase;letter-spacing:.03em}.vapediy-ratio-readout .ratio-vg{color:#39b37a}.vapediy-ratio-readout .ratio-pg{color:#4a90d9}.vapediy-ratio-bar{display:flex;height:12px;border-radius:999px;overflow:hidden;background:var(--primary-very-low);margin-bottom:.8em;box-shadow:inset 0 1px 3px rgba(0,0,0,.08)}.vapediy-ratio-bar .ratio-fill{height:100%;transition:width var(--transition-base)}.vapediy-ratio-bar .ratio-fill.vg{background:linear-gradient(90deg, #39b37a, #2fa068)}.vapediy-ratio-bar .ratio-fill.pg{background:linear-gradient(90deg, #4a90d9, #2d6cb8)}.vapediy-ratio-slider{width:100%;height:6px;accent-color:var(--vapediy-accent);cursor:pointer;appearance:none;background:rgba(0,0,0,0)}.vapediy-ratio-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--vapediy-accent);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.2);-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast)}.vapediy-ratio-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px rgba(0,0,0,.25)}.vapediy-ratio-slider::-webkit-slider-thumb:active{transform:scale(0.95)}.vapediy-ratio-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--vapediy-accent);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.2);-moz-transition:all var(--transition-fast);transition:all var(--transition-fast)}.vapediy-ratio-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px rgba(0,0,0,.25)}.vapediy-ratio-slider::-moz-range-thumb:active{transform:scale(0.95)}@media(max-width: 700px){.vapediy-ratio-slider{touch-action:none}}.vapediy-composition{margin-bottom:1.3em}.vapediy-composition-bar{display:flex;height:18px;border-radius:999px;overflow:hidden;background:var(--primary-very-low);margin-bottom:.8em;box-shadow:inset 0 1px 3px rgba(0,0,0,.06)}.vapediy-composition-bar .composition-segment{height:100%;transition:width var(--transition-base)}.vapediy-composition-bar .composition-segment:not(:last-child){border-right:2px solid var(--secondary)}.vapediy-composition-legend{display:flex;flex-wrap:wrap;gap:.8em 1.3em}.vapediy-composition-legend .legend-item{display:flex;align-items:center;gap:.5em;font-size:.85em;color:var(--primary-medium);font-weight:600}.vapediy-composition-legend .legend-swatch{width:.8em;height:.8em;border-radius:50%;flex:0 0 auto;box-shadow:0 1px 3px rgba(0,0,0,.15)}.vapediy-composition-legend .legend-value{font-weight:700;color:var(--primary)}.vapediy-coil-visual{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg, var(--vapediy-accent-ultra-low), var(--primary-very-low));border:1px solid var(--vapediy-accent-low);border-radius:14px;padding:1.2em .75em;margin-bottom:1.3em}.vapediy-coil-diagram{width:100%;max-width:420px;height:auto}.vapediy-diagram-note{font-size:.75em;color:var(--primary-medium);margin:.5em 0 0;text-align:center;font-weight:600}.vapediy-warning,.vapediy-battery-check{display:flex;align-items:center;gap:.6em;padding:1em 1.1em;border-radius:12px;margin-bottom:1.2em;font-weight:600;font-size:.95em;border:1px solid;animation:vapediy-fade-in .3s ease}.vapediy-warning .d-icon,.vapediy-battery-check .d-icon{flex:0 0 auto;font-size:1.3em}.vapediy-warning,.vapediy-battery-check.unsafe{background:linear-gradient(135deg, rgba(224, 71, 61, 0.12), rgba(224, 71, 61, 0.06));color:var(--danger);border-color:rgba(224,71,61,.3)}.vapediy-battery-check.safe{background:linear-gradient(135deg, rgba(60, 179, 113, 0.12), rgba(60, 179, 113, 0.06));color:var(--success);border-color:rgba(60,179,113,.3)}.vapediy-results{border-top:2px dashed var(--primary-low);padding-top:1.3em;margin-top:1em}.vapediy-results h3{display:flex;align-items:center;gap:.5em;font-size:1.05em;margin:0 0 1em;text-transform:uppercase;letter-spacing:.04em;color:var(--primary)}.vapediy-results h3 .d-icon{color:var(--vapediy-accent);font-size:1.2em}.vapediy-results-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:.8em}.vapediy-results-grid .result-item{background:linear-gradient(135deg, var(--primary-very-low), rgba(var(--primary-rgb, 0, 0, 0), 0.02));border:1px solid var(--primary-low);border-radius:12px;padding:.9em 1em;display:flex;flex-direction:column;gap:.3em;transition:all var(--transition-fast)}.vapediy-results-grid .result-item span{font-size:.75em;color:var(--primary-medium);text-transform:uppercase;letter-spacing:.03em;font-weight:600}.vapediy-results-grid .result-item strong{font-size:1.35em;font-weight:700;color:var(--primary)}.vapediy-results-grid .result-item:hover{border-color:var(--primary-medium);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.vapediy-results-grid .result-item.total{background:linear-gradient(135deg, var(--vapediy-accent-low), var(--vapediy-accent-ultra-low));border-color:var(--vapediy-accent-low)}.vapediy-results-grid .result-item.total strong{color:var(--vapediy-accent)}.vapediy-results-grid .result-item.power-density em{font-style:normal;font-size:.7em;color:var(--primary-medium);line-height:1.4}.vapediy-results-grid .result-item.power-density.low strong{color:var(--primary-medium)}.vapediy-results-grid .result-item.power-density.optimal{background:linear-gradient(135deg, rgba(60, 179, 113, 0.12), rgba(60, 179, 113, 0.04));border-color:rgba(60,179,113,.3)}.vapediy-results-grid .result-item.power-density.optimal strong{color:var(--success)}.vapediy-results-grid .result-item.power-density.high strong{color:var(--danger)}.vapediy-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75em;margin-top:1.5em;padding-top:1.3em;border-top:2px solid var(--primary-low)}.vapediy-toolbar .vapediy-recipe-name{flex:1 1 220px;min-height:var(--input-height);padding:.85em 1em;border:1.5px solid var(--primary-low);border-radius:12px;background:var(--secondary);color:var(--primary);font-weight:700;transition:all var(--transition-fast)}.vapediy-toolbar .vapediy-recipe-name:focus,.vapediy-toolbar .vapediy-recipe-name:focus-visible{outline:none;border-color:var(--vapediy-accent);background:linear-gradient(135deg, var(--secondary), var(--vapediy-accent-ultra-low));box-shadow:0 0 0 3px var(--vapediy-accent-low)}.vapediy-toolbar .btn{min-height:var(--input-height);padding:.85em 1.5em;font-weight:700;border-radius:12px;transition:all var(--transition-fast);touch-action:manipulation;-webkit-user-select:none;user-select:none}.vapediy-toolbar .btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.12)}.vapediy-toolbar .btn:active{transform:translateY(0)}@media(max-width: 500px){.vapediy-toolbar{gap:.6em}.vapediy-toolbar .vapediy-recipe-name{flex-basis:100%;order:-1}.vapediy-toolbar .btn{flex:1 1 auto;min-height:44px}}.vapediy-blend-list{display:flex;flex-direction:column;gap:.8em;margin-bottom:1em}.vapediy-blend-card{display:flex;align-items:stretch;gap:.8em;background:linear-gradient(135deg, var(--primary-very-low), rgba(var(--primary-rgb, 0, 0, 0), 0.02));border:1px solid var(--primary-low);border-radius:12px;padding:.9em;transition:all var(--transition-fast)}.vapediy-blend-card:hover{border-color:var(--primary-medium);box-shadow:0 4px 12px rgba(0,0,0,.08)}.vapediy-blend-swatch{flex:0 0 6px;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.15)}.vapediy-blend-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:.6em}.vapediy-blend-name{width:100%;box-sizing:border-box;border:1.5px solid var(--primary-low);border-radius:10px;padding:.6em .8em;font-weight:700;background:var(--secondary);color:var(--primary);transition:all var(--transition-fast)}.vapediy-blend-name:focus,.vapediy-blend-name:focus-visible{outline:none;border-color:var(--vapediy-accent);background:linear-gradient(135deg, var(--secondary), var(--vapediy-accent-ultra-low))}.vapediy-blend-row{display:grid;grid-template-columns:repeat(3, 1fr);gap:.7em}.vapediy-blend-row .vapediy-field-label{font-size:.75em;margin-bottom:.3em}.vapediy-blend-row .vapediy-stepper-btn{flex-basis:40px}.vapediy-blend-remove{flex:0 0 auto;align-self:center;min-width:44px;min-height:44px}.vapediy-add-liquid{width:100%;justify-content:center;min-height:44px;border-style:dashed;border-radius:12px;border-width:1.5px;border-color:var(--primary-low);background:rgba(0,0,0,0);transition:all var(--transition-fast)}.vapediy-add-liquid:hover{border-color:var(--vapediy-accent);background:var(--vapediy-accent-ultra-low);color:var(--vapediy-accent)}.vapediy-add-liquid:active{transform:scale(0.98)}@media(max-width: 500px){.vapediy-blend-row{grid-template-columns:1fr}}.vapediy-flavor-section{margin-bottom:1.5em}.vapediy-flavor-list{display:flex;flex-direction:column;gap:.6em;margin:.75em 0 .8em}.vapediy-flavor-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.7em;background:linear-gradient(135deg, var(--primary-very-low), rgba(var(--primary-rgb, 0, 0, 0), 0.02));border:1px solid var(--primary-low);border-radius:12px;padding:.7em .8em;transition:all var(--transition-fast)}.vapediy-flavor-row:hover{border-color:var(--primary-medium);box-shadow:0 4px 12px rgba(0,0,0,.06)}.vapediy-flavor-row .vapediy-number-field{min-width:130px;padding:.6em .8em;font-size:.95em}.vapediy-flavor-row.has-density{grid-template-columns:auto 1fr auto auto auto}.vapediy-flavor-swatch{width:.9em;height:.9em;border-radius:50%;flex:0 0 auto;box-shadow:0 2px 8px rgba(0,0,0,.2)}.vapediy-flavor-name{box-sizing:border-box;width:100%;min-width:0;border:1.5px solid var(--primary-low);border-radius:10px;padding:.6em .8em;background:var(--secondary);color:var(--primary);font-weight:700;transition:all var(--transition-fast)}.vapediy-flavor-name:focus,.vapediy-flavor-name:focus-visible{outline:none;border-color:var(--vapediy-accent);background:linear-gradient(135deg, var(--secondary), var(--vapediy-accent-ultra-low))}.vapediy-add-flavor{width:100%;justify-content:center;min-height:44px;border-style:dashed;border-radius:12px;border-width:1.5px;border-color:var(--primary-low);background:rgba(0,0,0,0);transition:all var(--transition-fast);font-weight:700;color:var(--primary-medium);touch-action:manipulation}.vapediy-add-flavor:hover{border-color:var(--vapediy-accent);background:var(--vapediy-accent-ultra-low);color:var(--vapediy-accent)}.vapediy-add-flavor:active{transform:scale(0.98)}.vapediy-flavor-actions{display:flex;gap:.6em}.vapediy-flavor-actions .vapediy-add-flavor{flex:1}.vapediy-percent-total{margin-top:.8em;font-size:.9em;color:var(--primary-medium);display:flex;align-items:center;gap:.5em;font-weight:600}.vapediy-percent-total strong{color:var(--primary);font-weight:700}.vapediy-percent-total.warning{color:var(--danger);animation:vapediy-pulse 1s ease-in-out infinite}.vapediy-percent-total.warning strong{color:var(--danger)}@keyframes vapediy-pulse{0%,100%{opacity:1}50%{opacity:.7}}.vapediy-notes-field{display:block;margin-bottom:1.5em}.vapediy-notes-field .vapediy-notes-textarea{box-sizing:border-box;width:100%;min-height:6em;border:1.5px solid var(--primary-low);border-radius:12px;padding:.8em 1em;background:var(--secondary);color:var(--primary);font-family:inherit;font-size:.95em;font-weight:600;resize:vertical;transition:all var(--transition-fast)}.vapediy-notes-field .vapediy-notes-textarea:focus,.vapediy-notes-field .vapediy-notes-textarea:focus-visible{outline:none;border-color:var(--vapediy-accent);background:linear-gradient(135deg, var(--secondary), var(--vapediy-accent-ultra-low));box-shadow:0 0 0 3px var(--vapediy-accent-low)}.vapediy-notes-field .vapediy-notes-textarea::placeholder{color:var(--primary-medium);opacity:.6}@media(max-width: 500px){.vapediy-flavor-row{grid-template-columns:auto 1fr auto;grid-template-areas:"swatch name remove" "field field field"}.vapediy-flavor-row .vapediy-flavor-swatch{grid-area:swatch}.vapediy-flavor-row .vapediy-flavor-name{grid-area:name}.vapediy-flavor-row .vapediy-flavor-remove{grid-area:remove}.vapediy-flavor-row .vapediy-number-field{grid-area:field;width:100%;min-width:0}.vapediy-flavor-row.has-density{grid-template-areas:"swatch name remove" "field field field" "density density density"}.vapediy-flavor-row.has-density .vapediy-number-field:nth-of-type(2){grid-area:density}}.vapediy-recipe-list{list-style:none;margin:0;padding:0}.vapediy-recipe-list .vapediy-recipe-list-item{display:flex;align-items:center;gap:.7em;padding:.9em .7em;border-bottom:1px solid var(--primary-low);transition:all var(--transition-fast)}.vapediy-recipe-list .vapediy-recipe-list-item:hover{background:var(--primary-very-low);border-radius:8px}.vapediy-recipe-list .vapediy-recipe-list-item:last-child{border-bottom:none}.vapediy-recipe-list .vapediy-recipe-list-item .recipe-name{font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95em}.vapediy-recipe-list .vapediy-recipe-list-item .recipe-kind-label{font-size:.75em;color:var(--primary-medium);background:linear-gradient(135deg, var(--primary-very-low), var(--vapediy-accent-ultra-low));padding:.3em .8em;border-radius:999px;white-space:nowrap;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.vapediy-recipe-list .vapediy-recipe-list-item .recipe-shared-badge{color:var(--vapediy-accent);display:flex;align-items:center;font-size:1.1em}.vapediy-empty{display:flex;align-items:center;gap:.6em;color:var(--primary-medium);padding:2.5em 1em;justify-content:center;text-align:center;flex-direction:column;font-weight:600}.vapediy-empty .d-icon{font-size:2em;color:var(--vapediy-accent)}.vapediy-recipe-card{--vapediy-card-accent: var(--tertiary);display:flex;flex-direction:column;gap:.6em;padding:1.2em 1.3em;border:1.5px solid var(--primary-low);border-left:5px solid var(--vapediy-card-accent);border-radius:12px;background:linear-gradient(135deg, var(--secondary), rgba(var(--secondary-rgb, 255, 255, 255), 0.98));max-width:480px;box-shadow:0 4px 16px rgba(0,0,0,.06);transition:all var(--transition-base)}.vapediy-recipe-card:hover{border-color:var(--vapediy-card-accent);box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-2px)}.vapediy-recipe-card .vapediy-recipe-card-kind{font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--vapediy-card-accent)}.vapediy-recipe-card .vapediy-recipe-card-name{font-size:1.2em;font-weight:700;color:var(--primary)}.vapediy-recipe-card .vapediy-recipe-card-stats{display:flex;flex-wrap:wrap;gap:.6em}.vapediy-recipe-card .vapediy-recipe-card-stat{display:flex;flex-direction:column;gap:.15em;background:linear-gradient(135deg, var(--primary-very-low), var(--vapediy-accent-ultra-low));border-radius:10px;padding:.55em .85em;min-width:90px}.vapediy-recipe-card .vapediy-recipe-card-stat span{font-size:.7em;color:var(--primary-medium);text-transform:uppercase;font-weight:700;letter-spacing:.03em}.vapediy-recipe-card .vapediy-recipe-card-stat strong{font-size:1.1em;color:var(--primary);font-weight:700}.vapediy-recipe-card .vapediy-recipe-card-actions{display:flex;align-items:center;gap:1.2em;margin-top:.5em}.vapediy-recipe-card .vapediy-add-recipe-btn{background:linear-gradient(135deg, var(--vapediy-card-accent), var(--vapediy-accent));color:#fff;border:none;border-radius:10px;padding:.65em 1.3em;font-weight:700;font-size:.88em;cursor:pointer;text-transform:uppercase;letter-spacing:.03em;transition:all var(--transition-fast);touch-action:manipulation;-webkit-user-select:none;user-select:none}.vapediy-recipe-card .vapediy-add-recipe-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.vapediy-recipe-card .vapediy-add-recipe-btn:active{transform:translateY(0)}.vapediy-recipe-card .vapediy-add-recipe-btn:disabled{opacity:.6;cursor:not-allowed}.vapediy-recipe-card .vapediy-recipe-card-link{font-size:.8em;color:var(--primary-medium);text-decoration:none;transition:color var(--transition-fast)}.vapediy-recipe-card .vapediy-recipe-card-link:hover{color:var(--vapediy-card-accent)}.vapediy-header-icon .d-icon{color:var(--header-primary, var(--primary));transition:color var(--transition-base)}@media print{.d-header,#main-outlet-wrapper .sidebar-wrapper,.vapediy-tabs,.vapediy-toolbar,footer{display:none !important}.vapediy-page{max-width:100%;padding-bottom:0;background:#fff}.vapediy-calculator{border:none;box-shadow:none;background:#fff}*{box-shadow:none !important;filter:none !important;transform:none !important}}*:focus-visible{outline:2px solid var(--vapediy-accent);outline-offset:2px}@media(prefers-reduced-motion: reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}@media(prefers-color-scheme: dark){.vapediy-page{background:linear-gradient(135deg, var(--secondary) 0%, rgba(var(--secondary-rgb, 30, 30, 30), 0.97) 100%)}.vapediy-calculator{background:linear-gradient(135deg, var(--secondary) 0%, rgba(var(--secondary-rgb, 30, 30, 30), 0.95) 100%)}input[type=number].vapediy-input:focus,input[type=number].vapediy-input:focus-visible,input[type=number].vapediy-number-field:focus,input[type=number].vapediy-number-field:focus-visible,input[type=number].vapediy-text-field:focus,input[type=number].vapediy-text-field:focus-visible,input[type=text].vapediy-input:focus,input[type=text].vapediy-input:focus-visible,input[type=text].vapediy-number-field:focus,input[type=text].vapediy-number-field:focus-visible,input[type=text].vapediy-text-field:focus,input[type=text].vapediy-text-field:focus-visible,textarea.vapediy-input:focus,textarea.vapediy-input:focus-visible,textarea.vapediy-number-field:focus,textarea.vapediy-number-field:focus-visible,textarea.vapediy-text-field:focus,textarea.vapediy-text-field:focus-visible{background:linear-gradient(135deg, var(--secondary), rgba(var(--vapediy-accent-rgb, 128, 128, 255), 0.08))}}
/*# sourceMappingURL=common_theme_1018_81fd4ae8f171ce69de7eb3902675c8712ffb79eb.css.map?__ws=vaperina.cc */