@property --vapediy-accent{syntax:"<color>";inherits:true;initial-value:#6b7280}@keyframes vapediy-float-up{from{opacity:0;transform:translateY(0.7em) scale(0.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes vapediy-pop{0%{transform:scale(1)}40%{transform:scale(0.93)}100%{transform:scale(1)}}@keyframes vapediy-pulse{0%,100%{box-shadow:0 0 0 0 var(--vapediy-glow)}50%{box-shadow:0 0 0 .45em rgba(0,0,0,0)}}@keyframes vapediy-glossy-pulse{0%,100%{box-shadow:0 .35em 1em var(--vapediy-glow),inset 0 1px 1px hsla(0,0%,100%,.25)}50%{box-shadow:0 .45em 1.4em var(--vapediy-glow-strong),inset 0 1px 1px hsla(0,0%,100%,.35)}}@keyframes vapediy-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.vapediy-page *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}}.vapediy-page{--vapediy-accent: var(--tertiary, #6b7280);--vapediy-accent-dark: color-mix(in srgb, var(--vapediy-accent) 78%, #000);--vapediy-glow: color-mix(in srgb, var(--vapediy-accent) 32%, transparent);--vapediy-glow-strong: color-mix(in srgb, var(--vapediy-accent) 55%, transparent);--vapediy-radius-sm: 0.7em;--vapediy-radius-md: 1em;--vapediy-radius-lg: 1.25em;--vapediy-radius-pill: 999px;margin:0 auto;padding:.9em .75em 3.5em;box-sizing:border-box;font-size:var(--font-0);transition:color .25s 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.32);--vapediy-glow-strong: rgba(61, 169, 252, 0.55)}.vapediy-page[data-active-tab=flavor_recipe]{--vapediy-accent: #ff5480;--vapediy-accent-dark: #d93d65;--vapediy-glow: rgba(255, 84, 128, 0.32);--vapediy-glow-strong: rgba(255, 84, 128, 0.55)}.vapediy-page[data-active-tab=base_mixer]{--vapediy-accent: #2cb67d;--vapediy-accent-dark: #1b9b65;--vapediy-glow: rgba(44, 182, 125, 0.32);--vapediy-glow-strong: rgba(44, 182, 125, 0.55)}.vapediy-page[data-active-tab=liquid_blender]{--vapediy-accent: #ff8e3c;--vapediy-accent-dark: #e06d1f;--vapediy-glow: rgba(255, 142, 60, 0.32);--vapediy-glow-strong: rgba(255, 142, 60, 0.55)}.vapediy-page[data-active-tab=coil_calculator]{--vapediy-accent: #ef476f;--vapediy-accent-dark: #d12e54;--vapediy-glow: rgba(239, 71, 111, 0.32);--vapediy-glow-strong: rgba(239, 71, 111, 0.55)}.vapediy-page[data-active-tab=my_recipes]{--vapediy-accent: #7f5af0;--vapediy-accent-dark: #6242c7;--vapediy-glow: rgba(127, 90, 240, 0.32);--vapediy-glow-strong: rgba(127, 90, 240, 0.55)}.vapediy-header{padding:.3em .2em 1.2em}.vapediy-header .vapediy-header-brand{display:flex;align-items:center;gap:.5em;font-size:var(--font-down-1);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--primary-medium);margin-bottom:.8em}.vapediy-header .vapediy-header-brand .d-icon{color:var(--vapediy-accent);filter:drop-shadow(0 0.1em 0.35em var(--vapediy-glow))}.vapediy-header .vapediy-header-sub{display:flex;align-items:center;gap:.7em;animation:vapediy-float-up .4s cubic-bezier(0.2, 0.8, 0.2, 1)}.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:50%;background:linear-gradient(135deg, var(--vapediy-accent), var(--vapediy-accent-dark));color:#fff;font-size:var(--font-up-1);box-shadow:0 .25em .7em var(--vapediy-glow)}.vapediy-header .vapediy-header-sub h1{font-size:var(--font-up-4);font-weight:900;letter-spacing:-0.02em;margin:0;line-height:1.12;color:var(--primary)}.vapediy-tabs{position:sticky;top:var(--header-offset, 0);z-index:30;display:flex;gap:.4em;padding:.45em;margin:0 0 1.6em;background:color-mix(in srgb, var(--secondary) 82%, transparent);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--primary-low);border-radius:var(--vapediy-radius-pill);box-shadow:0 .25em .9em rgba(0,0,0,.06);overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.vapediy-tabs::-webkit-scrollbar{display:none}.vapediy-tabs .vapediy-tab-btn{scroll-snap-align:start;display:flex;align-items:center;gap:.5em;flex:0 0 auto;padding:.7em 1.2em;min-height:2.95em;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:var(--vapediy-radius-pill);color:var(--primary-medium);font-size:var(--font-down-1);font-weight:800;white-space:nowrap;cursor:pointer;transition:background .25s ease,color .25s ease,transform .18s cubic-bezier(0.34, 1.56, 0.64, 1),box-shadow .25s ease}.vapediy-tabs .vapediy-tab-btn .vapediy-tab-icon .d-icon{color:inherit;transition:transform .28s cubic-bezier(0.34, 1.56, 0.64, 1)}.vapediy-tabs .vapediy-tab-btn:hover{color:var(--primary);background:var(--primary-very-low)}.vapediy-tabs .vapediy-tab-btn:active{transform:scale(0.96)}.vapediy-tabs .vapediy-tab-btn.active{background:linear-gradient(135deg, var(--vapediy-accent), var(--vapediy-accent-dark));color:#fff;border-color:color-mix(in srgb, #fff 18%, transparent);box-shadow:0 .3em .85em var(--vapediy-glow),inset 0 1px 0 hsla(0,0%,100%,.28);transform:translateY(-0.08em)}.vapediy-tabs .vapediy-tab-btn.active .vapediy-tab-icon .d-icon{transform:scale(1.15)}.vapediy-calculator{background:var(--secondary);border:1px solid var(--primary-low);border-radius:1.25em;box-shadow:0 .35em 1.1em rgba(0,0,0,.07),0 .08em .25em rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.12);padding:1.5em 1.4em;animation:vapediy-float-up .45s cubic-bezier(0.2, 0.8, 0.2, 1) both}.vapediy-calculator .vapediy-description{color:var(--primary-medium);margin:0 0 1.4em;font-size:var(--font-down-1);line-height:1.55}.vapediy-form-grid,.vapediy-ratio-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(14em, 1fr));gap:1.3em;margin-bottom:1.5em}.vapediy-field-label{display:flex;align-items:center;gap:.45em;font-size:var(--font-down-1);font-weight:800;color:var(--primary);margin-bottom:.55em;letter-spacing:.02em}.vapediy-field-label .d-icon{color:var(--vapediy-accent);filter:drop-shadow(0 0.08em 0.25em var(--vapediy-glow))}.vapediy-select-field{display:flex;flex-direction:column}.vapediy-select-field .select-kit{width:100%;font-size:var(--font-0)}.vapediy-toggle-row{display:flex;align-items:center;gap:.7em;margin-bottom:1.2em;font-weight:800;font-size:var(--font-down-1);cursor:pointer;-webkit-user-select:none;user-select:none;min-height:2.7em}.vapediy-toggle-row input[type=checkbox]{width:1.45em;height:1.45em;accent-color:var(--vapediy-accent);flex-shrink:0}.vapediy-unit-toggle{background:var(--primary-very-low);border:1px solid var(--primary-low);border-radius:1em;box-shadow:inset 0 .12em .35em rgba(0,0,0,.06);display:inline-flex;padding:.28em;gap:.28em;margin-bottom:1.2em}.vapediy-unit-btn{border:none;border-radius:.85em;background:rgba(0,0,0,0);color:var(--primary-medium);padding:.65em 1.35em;min-height:2.85em;font-size:var(--font-down-1);font-weight:800;cursor:pointer;transition:all .22s ease}.vapediy-unit-btn:hover{color:var(--primary)}.vapediy-unit-btn.active{background:var(--secondary);color:var(--vapediy-accent);box-shadow:0 .2em .55em rgba(0,0,0,.08),inset 0 1px 0 hsla(0,0%,100%,.5)}.vapediy-stepper{background:var(--primary-very-low);border:1px solid var(--primary-low);border-radius:1em;box-shadow:inset 0 .12em .35em rgba(0,0,0,.06);display:flex;align-items:stretch;min-height:3.2em;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.vapediy-stepper:focus-within{border-color:var(--vapediy-accent);background:var(--secondary);box-shadow:0 0 0 .22em var(--vapediy-glow),inset 0 .08em .25em rgba(0,0,0,.03)}.vapediy-stepper-btn{flex:0 0 3.1em;min-height:3.2em;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-1);cursor:pointer;transition:background .15s ease}.vapediy-stepper-btn:hover{background:color-mix(in srgb, var(--vapediy-accent) 10%, transparent)}.vapediy-stepper-btn:active{animation:vapediy-pop .2s ease;background:color-mix(in srgb, var(--vapediy-accent) 16%, transparent)}.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:max(1.1rem,var(--font-up-1));font-weight:800;color:var(--primary);padding:.65em .15em;-moz-appearance:textfield}.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 .vapediy-unit{font-size:var(--font-down-1);font-weight:800;color:var(--primary-medium);padding-right:.8em;white-space:nowrap}.vapediy-chip-row{display:flex;flex-wrap:wrap;gap:.5em;margin-top:.65em}.vapediy-chip{background:var(--primary-very-low);border:1px solid var(--primary-low);border-radius:1em;box-shadow:inset 0 .12em .35em rgba(0,0,0,.06);padding:.5em 1.1em;min-height:2.6em;font-size:var(--font-down-1);font-weight:800;color:var(--primary-medium);cursor:pointer;display:inline-flex;align-items:center;transition:all .2s cubic-bezier(0.34, 1.56, 0.64, 1)}.vapediy-chip:hover{background:var(--secondary);color:var(--primary);transform:translateY(-0.08em)}.vapediy-chip:active{transform:scale(0.96)}.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 .25em .7em var(--vapediy-glow),inset 0 1px 0 hsla(0,0%,100%,.3);animation:vapediy-pop .25s ease}.vapediy-ratio-field{display:flex;flex-direction:column}.vapediy-ratio-readout{display:flex;justify-content:space-between;font-size:var(--font-0);font-weight:900;margin-bottom:.5em}.vapediy-ratio-readout .ratio-vg{color:#2cb67d}.vapediy-ratio-readout .ratio-pg{color:#3da9fc}.vapediy-ratio-bar{background:var(--primary-very-low);border:1px solid var(--primary-low);border-radius:1em;box-shadow:inset 0 .12em .35em rgba(0,0,0,.06);display:flex;height:.85em;border-radius:var(--vapediy-radius-pill);overflow:hidden;margin-bottom:.9em}.vapediy-ratio-bar .ratio-fill{height:100%;transition:width .35s cubic-bezier(0.2, 0.8, 0.2, 1)}.vapediy-ratio-bar .ratio-fill.vg{background:linear-gradient(90deg, #1b9b65, #2cb67d);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.25)}.vapediy-ratio-bar .ratio-fill.pg{background:linear-gradient(90deg, #208be0, #3da9fc);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.25)}.vapediy-ratio-slider{touch-action:pan-y;appearance:none;width:100%;height:2.8em;background:rgba(0,0,0,0);outline:none;margin:.25em 0 .1em;cursor:pointer}.vapediy-ratio-slider::-webkit-slider-runnable-track{width:100%;height:.7em;border-radius:var(--vapediy-radius-pill);background:var(--primary-very-low);border:1px solid var(--primary-low);box-shadow:inset 0 .1em .3em rgba(0,0,0,.06)}.vapediy-ratio-slider::-moz-range-track{width:100%;height:.7em;border-radius:var(--vapediy-radius-pill);background:var(--primary-very-low);border:1px solid var(--primary-low);box-shadow:inset 0 .1em .3em rgba(0,0,0,.06)}.vapediy-ratio-slider::-webkit-slider-thumb{appearance:none;width:2.35em;height:2.35em;margin-top:-0.85em;border-radius:50%;background:linear-gradient(145deg, #fff, #e8e8e8);border:1px solid var(--primary-low);box-shadow:0 .2em .5em rgba(0,0,0,.2),inset 0 -0.15em .25em rgba(0,0,0,.08),inset 0 .15em .25em hsla(0,0%,100%,.9);cursor:grab;-webkit-transition:transform .18s cubic-bezier(0.34, 1.56, 0.64, 1);transition:transform .18s cubic-bezier(0.34, 1.56, 0.64, 1)}.vapediy-ratio-slider::-moz-range-thumb{appearance:none;width:2.35em;height:2.35em;margin-top:-0.85em;border-radius:50%;background:linear-gradient(145deg, #fff, #e8e8e8);border:1px solid var(--primary-low);box-shadow:0 .2em .5em rgba(0,0,0,.2),inset 0 -0.15em .25em rgba(0,0,0,.08),inset 0 .15em .25em hsla(0,0%,100%,.9);cursor:grab;-moz-transition:transform .18s cubic-bezier(0.34, 1.56, 0.64, 1);transition:transform .18s cubic-bezier(0.34, 1.56, 0.64, 1);margin-top:0}.vapediy-ratio-slider::-webkit-slider-thumb:hover,.vapediy-ratio-slider::-moz-range-thumb:hover{transform:scale(1.1)}.vapediy-ratio-slider::-webkit-slider-thumb:active,.vapediy-ratio-slider::-moz-range-thumb:active{transform:scale(1.22);cursor:grabbing}.vapediy-composition{margin-bottom:1.3em}.vapediy-composition-bar{display:flex;height:1.15em;border-radius:var(--vapediy-radius-pill);overflow:hidden;background:var(--primary-very-low);margin-bottom:.75em;border:1px solid var(--primary-low);box-shadow:inset 0 .08em .25em rgba(0,0,0,.05)}.vapediy-composition-bar .composition-segment{height:100%;transition:width .4s cubic-bezier(0.2, 0.8, 0.2, 1);animation:vapediy-float-up .3s ease backwards}.vapediy-composition-bar .composition-segment:nth-child(1){animation-delay:0.04s}.vapediy-composition-bar .composition-segment:nth-child(2){animation-delay:0.08s}.vapediy-composition-bar .composition-segment:nth-child(3){animation-delay:0.12s}.vapediy-composition-bar .composition-segment:nth-child(4){animation-delay:0.16s}.vapediy-composition-bar .composition-segment:nth-child(5){animation-delay:0.2s}.vapediy-composition-bar .composition-segment:nth-child(6){animation-delay:0.24s}.vapediy-composition-bar .composition-segment:nth-child(7){animation-delay:0.28s}.vapediy-composition-bar .composition-segment:nth-child(8){animation-delay:0.32s}.vapediy-composition-bar .composition-segment:not(:last-child){border-right:2px solid var(--secondary)}.vapediy-composition-legend{display:flex;flex-wrap:wrap;gap:.65em 1.2em}.vapediy-composition-legend .legend-item{display:flex;align-items:center;gap:.45em;font-size:var(--font-down-1);color:var(--primary-medium)}.vapediy-composition-legend .legend-swatch{width:.8em;height:.8em;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 2px var(--secondary)}.vapediy-composition-legend .legend-value{font-weight:800;color:var(--primary)}.vapediy-coil-visual{background:var(--secondary);border:1px solid var(--primary-low);border-radius:1.25em;box-shadow:0 .35em 1.1em rgba(0,0,0,.07),0 .08em .25em rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.12);display:flex;flex-direction:column;align-items:center;padding:1.1em .8em;margin-bottom:1.3em}.vapediy-coil-diagram{width:100%;max-width:26em;height:auto}.vapediy-diagram-note{font-size:var(--font-down-2);color:var(--primary-medium);margin:.4em 0 0;text-align:center}.vapediy-material-badge{margin-top:.5em;font-size:var(--font-down-2);color:var(--primary-medium);display:inline-flex;align-items:center;gap:.35em}.vapediy-material-badge.tc{color:var(--vapediy-accent);font-weight:800}.vapediy-tc-section{background:var(--secondary);border:1px solid var(--primary-low);border-radius:1.25em;box-shadow:0 .35em 1.1em rgba(0,0,0,.07),0 .08em .25em rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.12);padding:1.15em 1.25em;margin-bottom:1.4em;animation:vapediy-float-up .3s ease}.vapediy-tc-section>.vapediy-field-label{display:flex;align-items:center;gap:.45em}.vapediy-tc-section .vapediy-tc-note{font-size:var(--font-down-2);color:var(--primary-medium);margin:.45em 0 1.1em;line-height:1.5}.vapediy-tc-section .vapediy-form-grid{margin-bottom:0}.vapediy-tc-section .vapediy-results-grid{margin-top:1.1em}.vapediy-custom-tc-field{grid-column:1/-1}.vapediy-custom-tc-field .vapediy-toggle-row{margin-bottom:.65em}.vapediy-custom-tc-field .vapediy-tc-note{font-size:var(--font-down-2);color:var(--primary-medium);margin:.5em 0 0}.vapediy-warning,.vapediy-battery-check{display:flex;align-items:center;gap:.65em;padding:.95em 1.15em;border-radius:1.1em;margin-bottom:1.2em;font-weight:800;font-size:var(--font-down-1);animation:vapediy-float-up .28s ease;border:1px solid rgba(0,0,0,0)}.vapediy-warning,.vapediy-battery-check.unsafe{background:color-mix(in srgb, #ef476f 12%, var(--secondary));border-color:color-mix(in srgb, #ef476f 28%, transparent);color:#ef476f;animation:vapediy-float-up .28s ease,vapediy-pulse 1.9s ease .35s 2}.vapediy-battery-check.safe{background:color-mix(in srgb, #2cb67d 12%, var(--secondary));border-color:color-mix(in srgb, #2cb67d 28%, transparent);color:#2cb67d}.vapediy-results{margin-top:1.8em;padding-top:1.5em;border-top:1px solid var(--primary-low);position:relative}.vapediy-results::before{content:"";position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg, transparent, var(--vapediy-accent), transparent);opacity:.7}.vapediy-results h3{display:flex;align-items:center;justify-content:center;gap:.5em;font-size:var(--font-up-2);font-weight:900;margin:0 0 1.1em;color:var(--primary)}.vapediy-results h3 .d-icon{color:var(--vapediy-accent)}.vapediy-results-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(9.5em, 1fr));gap:.85em}.vapediy-results-grid .result-item{background:var(--secondary);border:1px solid var(--primary-low);border-radius:1.25em;box-shadow:0 .35em 1.1em rgba(0,0,0,.07),0 .08em .25em rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.12);padding:1em .95em;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3em;transition:transform .2s ease,box-shadow .2s ease;animation:vapediy-float-up .32s ease backwards}.vapediy-results-grid .result-item:nth-child(1){animation-delay:0.035s}.vapediy-results-grid .result-item:nth-child(2){animation-delay:0.07s}.vapediy-results-grid .result-item:nth-child(3){animation-delay:0.105s}.vapediy-results-grid .result-item:nth-child(4){animation-delay:0.14s}.vapediy-results-grid .result-item:nth-child(5){animation-delay:0.175s}.vapediy-results-grid .result-item:nth-child(6){animation-delay:0.21s}.vapediy-results-grid .result-item:nth-child(7){animation-delay:0.245s}.vapediy-results-grid .result-item:nth-child(8){animation-delay:0.28s}.vapediy-results-grid .result-item:hover{transform:translateY(-0.15em);box-shadow:0 .45em 1.2em rgba(0,0,0,.09),inset 0 1px 0 hsla(0,0%,100%,.12)}.vapediy-results-grid .result-item span{font-size:var(--font-down-2);color:var(--primary-medium);text-transform:uppercase;letter-spacing:.04em;font-weight:800}.vapediy-results-grid .result-item strong{font-size:var(--font-up-2);font-weight:900;color:var(--primary)}.vapediy-results-grid .result-item.total{background:linear-gradient(135deg, var(--vapediy-accent), var(--vapediy-accent-dark));border-color:rgba(0,0,0,0);animation:vapediy-float-up .32s ease backwards,vapediy-glossy-pulse 3.2s ease infinite}.vapediy-results-grid .result-item.total span{color:hsla(0,0%,100%,.82)}.vapediy-results-grid .result-item.total strong{color:#fff;text-shadow:0 .15em .5em rgba(0,0,0,.25)}.vapediy-results-grid .result-item.power-density em{font-style:normal;font-size:var(--font-down-2);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:color-mix(in srgb, #2cb67d 12%, var(--secondary));border-color:color-mix(in srgb, #2cb67d 25%, transparent)}.vapediy-results-grid .result-item.power-density.optimal strong{color:#2cb67d}.vapediy-results-grid .result-item.power-density.high strong{color:#ef476f}.vapediy-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.7em;margin-top:1.6em;padding-top:1.3em;border-top:1px solid var(--primary-low)}.vapediy-toolbar .vapediy-recipe-name{background:var(--primary-very-low);border:1px solid var(--primary-low);border-radius:1em;box-shadow:inset 0 .12em .35em rgba(0,0,0,.06);flex:1 1 13.5em;min-height:3.15em;padding:.65em .95em;font-size:max(1.05rem,var(--font-0));font-weight:700;color:var(--primary);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.vapediy-toolbar .vapediy-recipe-name:focus{outline:none;background:var(--secondary);border-color:var(--vapediy-accent);box-shadow:0 0 0 .22em var(--vapediy-glow)}.vapediy-toolbar .btn{min-height:3.15em;border-radius:var(--vapediy-radius-md);font-weight:800;transition:transform .14s ease,filter .2s ease}.vapediy-toolbar .btn:active{transform:scale(0.96)}.vapediy-toolbar .btn-primary{background:linear-gradient(135deg, var(--vapediy-accent), var(--vapediy-accent-dark));color:#fff;border:none;box-shadow:0 .3em .85em var(--vapediy-glow),inset 0 1px 0 hsla(0,0%,100%,.3)}.vapediy-toolbar .btn-primary:hover{filter:brightness(1.08);transform:translateY(-0.1em)}@media(max-width: 32em){.vapediy-toolbar .vapediy-recipe-name{flex-basis:100%}.vapediy-toolbar .btn{flex:1 1 auto}}.vapediy-blend-list{display:flex;flex-direction:column;gap:.85em;margin-bottom:1em}.vapediy-blend-card{background:var(--secondary);border:1px solid var(--primary-low);border-radius:1.25em;box-shadow:0 .35em 1.1em rgba(0,0,0,.07),0 .08em .25em rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.12);display:flex;align-items:stretch;gap:.85em;padding:.9em;transition:box-shadow .2s ease,transform .2s ease;animation:vapediy-float-up .28s ease backwards}.vapediy-blend-card:focus-within{border-color:var(--vapediy-accent);box-shadow:0 .35em 1.1em var(--vapediy-glow),inset 0 1px 0 hsla(0,0%,100%,.12);transform:translateY(-0.1em)}.vapediy-blend-swatch{flex:0 0 .35em;border-radius:var(--vapediy-radius-pill)}.vapediy-blend-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:.6em}.vapediy-blend-name{background:var(--primary-very-low);border:1px solid var(--primary-low);border-radius:1em;box-shadow:inset 0 .12em .35em rgba(0,0,0,.06);width:100%;padding:.65em .85em;font-weight:800;font-size:max(1.05rem,var(--font-0));color:var(--primary);min-height:3em;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.vapediy-blend-name:focus{outline:none;background:var(--secondary);border-color:var(--vapediy-accent);box-shadow:0 0 0 .2em var(--vapediy-glow)}.vapediy-blend-row{display:grid;grid-template-columns:repeat(3, 1fr);gap:.7em}.vapediy-blend-row .vapediy-field-label{font-size:var(--font-down-2);margin-bottom:.3em}.vapediy-blend-row .vapediy-stepper-btn{flex-basis:2.6em}.vapediy-blend-remove{flex:0 0 auto;align-self:center}.vapediy-add-flavor,.vapediy-add-liquid{width:100%;justify-content:center;min-height:3.2em;border:2px dashed var(--primary-low);border-radius:var(--vapediy-radius-lg);background:color-mix(in srgb, var(--secondary) 70%, transparent);color:var(--primary-medium);font-weight:800;font-size:var(--font-0);cursor:pointer;transition:all .22s ease}.vapediy-add-flavor:hover,.vapediy-add-liquid:hover{border-style:solid;border-color:var(--vapediy-accent);color:var(--vapediy-accent);background:var(--vapediy-glow);transform:translateY(-0.08em)}.vapediy-flavor-actions{display:flex;gap:.6em}.vapediy-flavor-actions .vapediy-add-flavor{flex:1}.vapediy-percent-total{margin-top:.75em;font-size:var(--font-down-1);color:var(--primary-medium);display:flex;align-items:center;gap:.45em;font-weight:700}.vapediy-percent-total strong{color:var(--primary)}.vapediy-percent-total.warning{color:#ef476f}.vapediy-percent-total.warning strong{color:#ef476f}.vapediy-notes-field{display:block;margin-bottom:1.4em}.vapediy-notes-field .vapediy-notes-textarea{background:var(--primary-very-low);border:1px solid var(--primary-low);border-radius:1em;box-shadow:inset 0 .12em .35em rgba(0,0,0,.06);width:100%;min-height:6em;padding:.8em 1em;color:var(--primary);font-family:inherit;font-size:max(1.05rem,var(--font-0));line-height:1.55;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.vapediy-notes-field .vapediy-notes-textarea:focus{outline:none;background:var(--secondary);border-color:var(--vapediy-accent);box-shadow:0 0 0 .22em var(--vapediy-glow)}.vapediy-flavor-section{margin-bottom:1.4em}.vapediy-flavor-list{display:flex;flex-direction:column;gap:.7em;margin:.6em 0 .75em}.vapediy-flavor-row{background:var(--secondary);border:1px solid var(--primary-low);border-radius:1.25em;box-shadow:0 .35em 1.1em rgba(0,0,0,.07),0 .08em .25em rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.12);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.7em;padding:.75em .85em;min-height:3.5em;transition:box-shadow .2s ease,transform .2s ease;animation:vapediy-float-up .28s ease backwards}.vapediy-flavor-row:focus-within{border-color:var(--vapediy-accent);box-shadow:0 .3em 1em var(--vapediy-glow),inset 0 1px 0 hsla(0,0%,100%,.12);transform:translateY(-0.08em)}.vapediy-flavor-row .vapediy-number-field{width:10em}.vapediy-flavor-row.has-density{grid-template-columns:auto 1fr auto auto auto}.vapediy-flavor-swatch{width:1em;height:1em;border-radius:50%;flex:0 0 auto;box-shadow:inset 0 .1em .2em hsla(0,0%,100%,.4),0 .15em .35em rgba(0,0,0,.12)}.vapediy-flavor-name{background:var(--primary-very-low);border:1px solid var(--primary-low);border-radius:1em;box-shadow:inset 0 .12em .35em rgba(0,0,0,.06);width:100%;min-width:0;padding:.65em .85em;font-weight:700;font-size:max(1.05rem,var(--font-0));color:var(--primary);min-height:3em;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.vapediy-flavor-name:focus{outline:none;background:var(--secondary);border-color:var(--vapediy-accent);box-shadow:0 0 0 .2em var(--vapediy-glow)}@media(max-width: 32em){.vapediy-flavor-row{grid-template-columns:auto 1fr auto;grid-template-areas:"swatch name remove" "field field field";gap:.55em .65em;padding:.85em}.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%}.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-blend-row{grid-template-columns:1fr}}.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:.95em .6em;border-bottom:1px solid var(--primary-low);border-radius:var(--vapediy-radius-sm);transition:background .15s ease;min-height:3.3em}.vapediy-recipe-list .vapediy-recipe-list-item:hover{background:var(--primary-very-low)}.vapediy-recipe-list .vapediy-recipe-list-item .recipe-name{font-weight:800;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vapediy-recipe-list .vapediy-recipe-list-item .recipe-kind-label{font-size:var(--font-down-2);font-weight:700;color:var(--primary-medium);background:var(--primary-very-low);padding:.28em .75em;border-radius:var(--vapediy-radius-pill);white-space:nowrap}.vapediy-recipe-list .vapediy-recipe-list-item .recipe-shared-badge{color:var(--vapediy-accent);display:flex;align-items:center}.vapediy-empty{display:flex;align-items:center;justify-content:center;gap:.6em;color:var(--primary-medium);padding:2.5em 0;font-size:var(--font-down-1);font-weight:700}.vapediy-header-icon .d-icon{color:var(--header-primary, var(--primary))}.vapediy-recipe-card{--vapediy-card-accent: var(--tertiary, var(--vapediy-accent));background:var(--secondary);border:1px solid var(--primary-low);border-radius:1.25em;box-shadow:0 .35em 1.1em rgba(0,0,0,.07),0 .08em .25em rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.12);display:flex;flex-direction:column;gap:.65em;padding:1.2em 1.3em;border-left:.35em solid var(--vapediy-card-accent);max-width:30em}.vapediy-recipe-card .vapediy-recipe-card-kind{font-size:var(--font-down-1);font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--vapediy-card-accent)}.vapediy-recipe-card .vapediy-recipe-card-name{font-size:var(--font-up-2);font-weight:900;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:var(--primary-very-low);border-radius:var(--vapediy-radius-sm);padding:.5em .85em;min-width:5.8em}.vapediy-recipe-card .vapediy-recipe-card-stat span{font-size:var(--font-down-2);color:var(--primary-medium);text-transform:uppercase;font-weight:700}.vapediy-recipe-card .vapediy-recipe-card-stat strong{font-size:var(--font-0);font-weight:800;color:var(--primary)}.vapediy-recipe-card .vapediy-recipe-card-actions{display:flex;align-items:center;gap:1.1em;margin-top:.4em}.vapediy-recipe-card .vapediy-add-recipe-btn{background:linear-gradient(135deg, var(--vapediy-card-accent), color-mix(in srgb, var(--vapediy-card-accent) 75%, #000));color:#fff;border:none;border-radius:.85em;padding:.6em 1.2em;min-height:2.9em;font-weight:800;font-size:var(--font-down-1);cursor:pointer;box-shadow:0 .25em .7em color-mix(in srgb, var(--vapediy-card-accent) 35%, transparent);transition:filter .15s ease,transform .13s ease}.vapediy-recipe-card .vapediy-add-recipe-btn:hover{filter:brightness(1.08)}.vapediy-recipe-card .vapediy-add-recipe-btn:active{transform:scale(0.96)}.vapediy-recipe-card .vapediy-add-recipe-btn:disabled{opacity:.6;cursor:default}.vapediy-recipe-card .vapediy-recipe-card-link{font-size:var(--font-down-1);color:var(--primary-medium)}@media(max-width: 45em){.vapediy-calculator{padding:1.15em 1.05em;border-radius:1.1em}.vapediy-form-grid,.vapediy-ratio-grid,.vapediy-results-grid{grid-template-columns:1fr;gap:1.15em}.vapediy-blend-card{flex-direction:column;align-items:stretch}}@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}.vapediy-calculator{background:none;border:none;box-shadow:none;animation:none;padding:0}*{text-shadow:none !important;box-shadow:none !important}}
/*# sourceMappingURL=common_theme_1018_695c5a791c09c2ba7f17dca39fbd6fe703fa89bc.css.map?__ws=vaperina.cc */