@keyframes vapediy-float-up{from{opacity:0;transform:translateY(1em) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes vapediy-glossy-pulse{0%{box-shadow:0 4px 15px var(--vapediy-glow),inset 0 2px 2px hsla(0,0%,100%,.4)}50%{box-shadow:0 4px 25px var(--vapediy-glow-strong),inset 0 2px 2px hsla(0,0%,100%,.6)}100%{box-shadow:0 4px 15px var(--vapediy-glow),inset 0 2px 2px hsla(0,0%,100%,.4)}}.vapediy-page{--vapediy-accent: #6b7280;--vapediy-accent-dark: #4b5563;--vapediy-glow: rgba(107, 114, 128, 0.3);--vapediy-glow-strong: rgba(107, 114, 128, 0.6);padding:1em .5em 4em;max-width:100%;box-sizing:border-box;font-size:var(--font-0);transition:--vapediy-accent .4s ease}.vapediy-page *{box-sizing:border-box}.vapediy-page[data-active-tab=liquid_mixer]{--vapediy-accent: #3da9fc;--vapediy-accent-dark: #208be0;--vapediy-glow: rgba(61, 169, 252, 0.3);--vapediy-glow-strong: rgba(61, 169, 252, 0.6)}.vapediy-page[data-active-tab=flavor_recipe]{--vapediy-accent: #ff5480;--vapediy-accent-dark: #d93d65;--vapediy-glow: rgba(255, 84, 128, 0.3);--vapediy-glow-strong: rgba(255, 84, 128, 0.6)}.vapediy-page[data-active-tab=base_mixer]{--vapediy-accent: #2cb67d;--vapediy-accent-dark: #1b9b65;--vapediy-glow: rgba(44, 182, 125, 0.3);--vapediy-glow-strong: rgba(44, 182, 125, 0.6)}.vapediy-page[data-active-tab=liquid_blender]{--vapediy-accent: #ff8e3c;--vapediy-accent-dark: #e06d1f;--vapediy-glow: rgba(255, 142, 60, 0.3);--vapediy-glow-strong: rgba(255, 142, 60, 0.6)}.vapediy-page[data-active-tab=coil_calculator]{--vapediy-accent: #ef476f;--vapediy-accent-dark: #d12e54;--vapediy-glow: rgba(239, 71, 111, 0.3);--vapediy-glow-strong: rgba(239, 71, 111, 0.6)}.vapediy-page[data-active-tab=my_recipes]{--vapediy-accent: #7f5af0;--vapediy-accent-dark: #6242c7;--vapediy-glow: rgba(127, 90, 240, 0.3);--vapediy-glow-strong: rgba(127, 90, 240, 0.6)}.vapediy-header{padding:0 .5em 1.5em;text-align:center}.vapediy-header .vapediy-header-brand{display:inline-flex;align-items:center;gap:.5em;font-size:var(--font-down-1);font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--primary-medium);margin-bottom:1em}.vapediy-header .vapediy-header-brand .d-icon{color:var(--vapediy-accent);text-shadow:0 2px 8px var(--vapediy-glow)}.vapediy-header .vapediy-header-sub{display:flex;flex-direction:column;align-items:center;gap:.5em;animation:vapediy-float-up .5s cubic-bezier(0.2, 0.8, 0.2, 1)}.vapediy-header .vapediy-header-sub .d-icon{font-size:var(--font-up-5);background:linear-gradient(135deg, var(--vapediy-accent), var(--vapediy-accent-dark));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);filter:drop-shadow(0 4px 10px var(--vapediy-glow))}.vapediy-header .vapediy-header-sub h1{font-size:var(--font-up-4);font-weight:900;letter-spacing:-0.03em;margin:0;color:var(--primary)}.vapediy-tabs{position:sticky;top:var(--header-offset, 0px);z-index:30;display:flex;gap:.8em;padding:.8em;margin:0 -0.5em 2em;background:rgba(var(--secondary-rgb), 0.7);backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 20px rgba(0,0,0,.04);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.vapediy-tabs::-webkit-scrollbar{display:none}.vapediy-tabs .vapediy-tab-btn{scroll-snap-align:center;display:flex;align-items:center;gap:.6em;flex:0 0 auto;padding:.8em 1.4em;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:2em;color:var(--primary-medium);font-size:var(--font-down-1);font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.vapediy-tabs .vapediy-tab-btn:hover{color:var(--primary)}.vapediy-tabs .vapediy-tab-btn.active{background:linear-gradient(135deg, var(--vapediy-accent), var(--vapediy-accent-dark));color:#fff;border-color:hsla(0,0%,100%,.2);box-shadow:0 4px 15px var(--vapediy-glow),inset 0 1px 1px hsla(0,0%,100%,.4);transform:translateY(-2px)}.vapediy-tabs .vapediy-tab-btn.active .vapediy-tab-icon .d-icon{transform:scale(1.2);filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2))}.vapediy-calculator{background:linear-gradient(145deg, var(--secondary), var(--primary-very-low));border:1px solid var(--primary-low);box-shadow:0 10px 30px rgba(0,0,0,.05),inset 0 1px 1px hsla(0,0%,100%,.3);border-radius:1.5em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:2em;animation:vapediy-float-up .6s cubic-bezier(0.2, 0.8, 0.2, 1) both}.vapediy-calculator .vapediy-description{color:var(--primary-medium);margin:0 0 2em;font-size:max(1rem,var(--font-0));line-height:1.6;text-align:center}.vapediy-form-grid,.vapediy-ratio-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(15em, 1fr));gap:1.8em;margin-bottom:2em}.vapediy-field-label{display:flex;align-items:center;gap:.5em;font-size:var(--font-down-1);font-weight:800;color:var(--primary);margin-bottom:.8em;text-transform:uppercase;letter-spacing:.06em}.vapediy-field-label .d-icon{color:var(--vapediy-accent);filter:drop-shadow(0 2px 4px var(--vapediy-glow))}.vapediy-unit-toggle{background:rgba(0,0,0,.03);border:1px solid var(--primary-low);box-shadow:inset 0 2px 5px rgba(0,0,0,.06),inset 0 0 0 1px hsla(0,0%,100%,.5);border-radius:1em;display:inline-flex;padding:.3em;gap:.3em;margin-bottom:1.5em}.vapediy-unit-btn{border:none;border-radius:.8em;background:rgba(0,0,0,0);color:var(--primary-medium);padding:.8em 1.5em;font-size:var(--font-down-1);font-weight:800;cursor:pointer;transition:all .3s ease}.vapediy-unit-btn.active{background:var(--secondary);color:var(--vapediy-accent);box-shadow:0 4px 10px rgba(0,0,0,.08),inset 0 1px 0 hsla(0,0%,100%,.8);transform:scale(1.02)}.vapediy-stepper{background:rgba(0,0,0,.03);border:1px solid var(--primary-low);box-shadow:inset 0 2px 5px rgba(0,0,0,.06),inset 0 0 0 1px hsla(0,0%,100%,.5);border-radius:1em;display:flex;align-items:stretch;min-height:4em;transition:all .3s ease}.vapediy-stepper:focus-within{box-shadow:0 0 0 3px var(--vapediy-glow),inset 0 2px 5px rgba(0,0,0,.02);border-color:var(--vapediy-accent);background:var(--secondary)}.vapediy-stepper-btn{flex:0 0 3.5em;display:flex;align-items:center;justify-content:center;border:none;background:rgba(0,0,0,0);color:var(--vapediy-accent);font-size:var(--font-up-2);cursor:pointer;transition:all .2s}.vapediy-stepper-btn:hover{background:rgba(var(--primary-rgb), 0.05)}.vapediy-stepper-btn:active{background:rgba(var(--primary-rgb), 0.1);transform:scale(0.9)}.vapediy-stepper-input{flex:1;display:flex;align-items:center;justify-content:center;gap:.4em;border-left:1px solid var(--primary-low);border-right:1px solid var(--primary-low)}.vapediy-stepper-input input[type=number]{width:100%;min-width:0;border:none;background:rgba(0,0,0,0);text-align:center;font-size:max(1.2rem,var(--font-up-2));font-weight:800;color:var(--primary)}.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:var(--font-down-1);font-weight:800;color:var(--primary-medium);padding-right:1em}.vapediy-chip-row{display:flex;flex-wrap:wrap;gap:.6em;margin-top:1em}.vapediy-chip{background:rgba(0,0,0,.03);border:1px solid var(--primary-low);box-shadow:inset 0 2px 5px rgba(0,0,0,.06),inset 0 0 0 1px hsla(0,0%,100%,.5);border-radius:1em;padding:.8em 1.2em;font-size:var(--font-down-1);font-weight:800;color:var(--primary-medium);cursor:pointer;transition:all .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.vapediy-chip:hover{background:var(--secondary);color:var(--primary);transform:translateY(-2px)}.vapediy-chip.active{background:linear-gradient(135deg, var(--vapediy-accent), var(--vapediy-accent-dark));color:#fff;border-color:rgba(0,0,0,0);box-shadow:0 4px 12px var(--vapediy-glow),inset 0 1px 1px hsla(0,0%,100%,.4)}.vapediy-ratio-readout{display:flex;justify-content:space-between;font-size:var(--font-up-1);font-weight:900;margin-bottom:.8em;text-shadow:0 2px 10px rgba(0,0,0,.05)}.vapediy-ratio-readout .ratio-vg{color:#2cb67d}.vapediy-ratio-readout .ratio-pg{color:#3da9fc}.vapediy-ratio-bar{background:rgba(0,0,0,.03);border:1px solid var(--primary-low);box-shadow:inset 0 2px 5px rgba(0,0,0,.06),inset 0 0 0 1px hsla(0,0%,100%,.5);border-radius:1em;display:flex;height:1.2em;border-radius:2em;overflow:hidden;margin-bottom:1.5em}.vapediy-ratio-bar .ratio-fill{height:100%;transition:width .4s cubic-bezier(0.2, 0.8, 0.2, 1);box-shadow:inset 0 2px 2px hsla(0,0%,100%,.3)}.vapediy-ratio-bar .ratio-fill.vg{background:linear-gradient(90deg, #1b9b65, #2cb67d)}.vapediy-ratio-bar .ratio-fill.pg{background:linear-gradient(90deg, #208be0, #3da9fc)}.vapediy-ratio-slider{appearance:none;width:100%;height:3em;background:rgba(0,0,0,0);outline:none;margin:.5em 0;cursor:pointer}.vapediy-ratio-slider::-webkit-slider-runnable-track{width:100%;height:.8em;background:rgba(0,0,0,.03);border:1px solid var(--primary-low);box-shadow:inset 0 2px 5px rgba(0,0,0,.06),inset 0 0 0 1px hsla(0,0%,100%,.5);border-radius:1em;border-radius:1em}.vapediy-ratio-slider::-moz-range-track{width:100%;height:.8em;background:rgba(0,0,0,.03);border:1px solid var(--primary-low);box-shadow:inset 0 2px 5px rgba(0,0,0,.06),inset 0 0 0 1px hsla(0,0%,100%,.5);border-radius:1em;border-radius:1em}.vapediy-ratio-slider::-webkit-slider-thumb{appearance:none;width:2.5em;height:2.5em;margin-top:-0.95em;border-radius:50%;background:linear-gradient(135deg, #fff, #f0f0f0);border:1px solid var(--primary-low);box-shadow:0 4px 10px rgba(0,0,0,.15),inset 0 -3px 5px rgba(0,0,0,.1),inset 0 3px 5px #fff;cursor:pointer;-webkit-transition:transform .2s cubic-bezier(0.34, 1.56, 0.64, 1);transition:transform .2s cubic-bezier(0.34, 1.56, 0.64, 1)}.vapediy-ratio-slider::-moz-range-thumb{appearance:none;width:2.5em;height:2.5em;margin-top:-0.95em;border-radius:50%;background:linear-gradient(135deg, #fff, #f0f0f0);border:1px solid var(--primary-low);box-shadow:0 4px 10px rgba(0,0,0,.15),inset 0 -3px 5px rgba(0,0,0,.1),inset 0 3px 5px #fff;cursor:pointer;-moz-transition:transform .2s cubic-bezier(0.34, 1.56, 0.64, 1);transition:transform .2s cubic-bezier(0.34, 1.56, 0.64, 1)}.vapediy-ratio-slider::-webkit-slider-thumb:active{transform:scale(1.15)}.vapediy-ratio-slider::-moz-range-thumb:active{transform:scale(1.15)}.vapediy-flavor-row,.vapediy-blend-card{background:linear-gradient(145deg, var(--secondary), var(--primary-very-low));border:1px solid var(--primary-low);box-shadow:0 10px 30px rgba(0,0,0,.05),inset 0 1px 1px hsla(0,0%,100%,.3);border-radius:1.5em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1.2em;display:flex;align-items:center;gap:1.2em;margin-bottom:1em;transition:transform .3s ease,box-shadow .3s ease}.vapediy-flavor-row:focus-within,.vapediy-blend-card:focus-within{border-color:var(--vapediy-accent);box-shadow:0 10px 40px var(--vapediy-glow),inset 0 1px 1px hsla(0,0%,100%,.4);transform:translateY(-3px)}.vapediy-flavor-row .vapediy-flavor-swatch,.vapediy-flavor-row .vapediy-blend-swatch,.vapediy-blend-card .vapediy-flavor-swatch,.vapediy-blend-card .vapediy-blend-swatch{width:1.5em;height:1.5em;border-radius:50%;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.5),0 4px 8px rgba(0,0,0,.1)}.vapediy-flavor-row input[type=text],.vapediy-flavor-row input[type=number],.vapediy-blend-card input[type=text],.vapediy-blend-card input[type=number]{background:rgba(0,0,0,.03);border:1px solid var(--primary-low);box-shadow:inset 0 2px 5px rgba(0,0,0,.06),inset 0 0 0 1px hsla(0,0%,100%,.5);border-radius:1em;border:1px solid rgba(0,0,0,0);padding:1em 1.2em;font-size:max(1rem,var(--font-0));font-weight:800;color:var(--primary);width:100%;transition:all .2s ease}.vapediy-flavor-row input[type=text]:focus,.vapediy-flavor-row input[type=number]:focus,.vapediy-blend-card input[type=text]:focus,.vapediy-blend-card input[type=number]:focus{background:var(--secondary);border-color:var(--vapediy-accent);box-shadow:0 0 0 3px var(--vapediy-glow);outline:none}.vapediy-add-flavor,.vapediy-add-liquid{width:100%;min-height:4em;border:2px dashed var(--primary-low);border-radius:1.5em;background:rgba(var(--secondary-rgb), 0.5);color:var(--primary-medium);font-weight:800;font-size:var(--font-up-1);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.vapediy-add-flavor:hover,.vapediy-add-liquid:hover{border-style:solid;border-color:var(--vapediy-accent);color:var(--vapediy-accent);background:var(--vapediy-glow);box-shadow:0 8px 20px rgba(0,0,0,.05);transform:translateY(-2px)}.vapediy-coil-visual,.vapediy-tc-section{background:linear-gradient(145deg, var(--secondary), var(--primary-very-low));border:1px solid var(--primary-low);box-shadow:0 10px 30px rgba(0,0,0,.05),inset 0 1px 1px hsla(0,0%,100%,.3);border-radius:1.5em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(var(--secondary-rgb), 0.4);padding:2em;margin-bottom:2em;text-align:center}.vapediy-results{margin-top:3em;padding-top:2.5em;border-top:1px solid var(--primary-low);position:relative}.vapediy-results::before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg, transparent, var(--vapediy-accent), transparent);box-shadow:0 2px 15px var(--vapediy-accent)}.vapediy-results h3{font-size:var(--font-up-3);font-weight:900;text-align:center;margin-bottom:1.5em;color:var(--primary)}.vapediy-results-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(12em, 1fr));gap:1.5em}.vapediy-results-grid .result-item{background:linear-gradient(145deg, var(--secondary), var(--primary-very-low));border:1px solid var(--primary-low);box-shadow:0 10px 30px rgba(0,0,0,.05),inset 0 1px 1px hsla(0,0%,100%,.3);border-radius:1.5em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1.8em;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5em;transition:transform .3s ease}.vapediy-results-grid .result-item:hover{transform:translateY(-5px)}.vapediy-results-grid .result-item span{font-size:var(--font-down-1);color:var(--primary-medium);text-transform:uppercase;letter-spacing:.1em;font-weight:800}.vapediy-results-grid .result-item strong{font-size:var(--font-up-4);font-weight:900;color:var(--primary);text-shadow:0 4px 15px rgba(0,0,0,.05)}.vapediy-results-grid .result-item.total{background:linear-gradient(135deg, var(--vapediy-accent), var(--vapediy-accent-dark));border-color:rgba(0,0,0,0)}.vapediy-results-grid .result-item.total span{color:hsla(0,0%,100%,.8)}.vapediy-results-grid .result-item.total strong{color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3)}.vapediy-results-grid .result-item.total{animation:vapediy-glossy-pulse 3s infinite}.vapediy-warning,.vapediy-battery-check{display:flex;align-items:center;gap:1em;padding:1.5em;border-radius:1.2em;margin-bottom:2em;font-weight:800;font-size:var(--font-0);box-shadow:0 8px 25px rgba(0,0,0,.05),inset 0 1px 1px hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vapediy-battery-check.unsafe,.vapediy-warning{background:linear-gradient(135deg, rgba(239, 71, 111, 0.1), rgba(239, 71, 111, 0.2));border:1px solid rgba(239,71,111,.3);color:#ef476f}.vapediy-battery-check.safe{background:linear-gradient(135deg, rgba(44, 182, 125, 0.1), rgba(44, 182, 125, 0.2));border:1px solid rgba(44,182,125,.3);color:#2cb67d}.vapediy-toolbar{display:flex;flex-wrap:wrap;gap:1.5em;margin-top:3em}.vapediy-toolbar .vapediy-recipe-name{background:rgba(0,0,0,.03);border:1px solid var(--primary-low);box-shadow:inset 0 2px 5px rgba(0,0,0,.06),inset 0 0 0 1px hsla(0,0%,100%,.5);border-radius:1em;flex:1 1 20em;padding:1em 1.5em;font-size:var(--font-up-1);font-weight:900;border:1px solid rgba(0,0,0,0)}.vapediy-toolbar .vapediy-recipe-name:focus{background:var(--secondary);border-color:var(--vapediy-accent);box-shadow:0 0 0 3px var(--vapediy-glow);outline:none}.vapediy-toolbar .btn-primary{background:linear-gradient(135deg, var(--vapediy-accent), var(--vapediy-accent-dark));color:#fff;border:none;border-radius:1em;padding:0 2em;font-size:var(--font-up-1);font-weight:900;box-shadow:0 8px 20px var(--vapediy-glow),inset 0 1px 1px hsla(0,0%,100%,.4);transition:all .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.vapediy-toolbar .btn-primary:hover{filter:brightness(1.1);transform:translateY(-3px);box-shadow:0 12px 25px var(--vapediy-glow-strong),inset 0 1px 1px hsla(0,0%,100%,.5)}.vapediy-toolbar .btn-primary:active{transform:scale(0.95)}@media(max-width: 45em){.vapediy-calculator{padding:1.2em;border-radius:1em}.vapediy-form-grid,.vapediy-ratio-grid,.vapediy-results-grid{grid-template-columns:1fr;gap:1.2em}.vapediy-flavor-row,.vapediy-blend-card{flex-direction:column;align-items:stretch;gap:1em}.vapediy-flavor-row .vapediy-flavor-swatch,.vapediy-flavor-row .vapediy-blend-swatch,.vapediy-blend-card .vapediy-flavor-swatch,.vapediy-blend-card .vapediy-blend-swatch{align-self:flex-start}.vapediy-flavor-row .vapediy-number-field,.vapediy-blend-card .vapediy-number-field{width:100%}.vapediy-toolbar{flex-direction:column}.vapediy-toolbar .vapediy-recipe-name,.vapediy-toolbar .btn-primary{width:100%;flex-basis:auto;min-height:3.5em}}@media print{.d-header,.vapediy-tabs,.vapediy-toolbar,footer{display:none !important}.vapediy-calculator{background:none;border:none;box-shadow:none;padding:0}*{color:#000 !important;text-shadow:none !important;box-shadow:none !important}}
/*# sourceMappingURL=common_theme_1018_1414f2ff1c248d1157fceb8d22b777e5136171bd.css.map?__ws=vaperina.cc */