.vapediy-page{--vapediy-accent: var(--tertiary);--vapediy-accent-low: var(--tertiary-low);--vapediy-accent-glow: rgba(0, 0, 0, 0.1);--vapediy-radius-lg: 1.5em;--vapediy-radius: 1em;--vapediy-radius-sm: 0.75em;--vapediy-shadow-card: 0 0.0625em 0.125em rgba(0, 0, 0, 0.04), 0 0.4em 1.4em rgba(0, 0, 0, 0.07);--vapediy-shadow-float: 0 0.6em 2em rgba(0, 0, 0, 0.13);--vapediy-ease: cubic-bezier(0.22, 1, 0.36, 1);max-width:900px;margin:0 auto;padding:.75em .75em 2.5em;box-sizing:border-box}.vapediy-page[data-active-tab=liquid_mixer]{--vapediy-accent: #4a90d9;--vapediy-accent-low: rgba(74, 144, 217, 0.14);--vapediy-accent-glow: rgba(74, 144, 217, 0.35)}.vapediy-page[data-active-tab=flavor_recipe]{--vapediy-accent: #d9558f;--vapediy-accent-low: rgba(217, 85, 143, 0.14);--vapediy-accent-glow: rgba(217, 85, 143, 0.35)}.vapediy-page[data-active-tab=base_mixer]{--vapediy-accent: #39b37a;--vapediy-accent-low: rgba(57, 179, 122, 0.14);--vapediy-accent-glow: rgba(57, 179, 122, 0.35)}.vapediy-page[data-active-tab=liquid_blender]{--vapediy-accent: #f2a541;--vapediy-accent-low: rgba(242, 165, 65, 0.16);--vapediy-accent-glow: rgba(242, 165, 65, 0.38)}.vapediy-page[data-active-tab=coil_calculator]{--vapediy-accent: #e0473d;--vapediy-accent-low: rgba(224, 71, 61, 0.14);--vapediy-accent-glow: rgba(224, 71, 61, 0.35)}.vapediy-page[data-active-tab=my_recipes]{--vapediy-accent: #a48ce0;--vapediy-accent-low: rgba(164, 140, 224, 0.16);--vapediy-accent-glow: rgba(164, 140, 224, 0.38)}.vapediy-page :focus-visible{outline:.15em solid var(--vapediy-accent);outline-offset:.15em}@keyframes vapediy-rise{from{opacity:0;transform:translateY(0.75em) scale(0.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes vapediy-fade-down{from{opacity:0;transform:translateY(-0.4em)}to{opacity:1;transform:translateY(0)}}@keyframes vapediy-pop{0%{opacity:0;transform:scale(0.92)}60%{opacity:1;transform:scale(1.025)}100%{opacity:1;transform:scale(1)}}@keyframes vapediy-attention{0%{opacity:0;transform:translateX(0)}35%{opacity:1;transform:translateX(-0.2em)}60%{transform:translateX(0.15em)}100%{transform:translateX(0)}}@keyframes vapediy-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes vapediy-fade-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.vapediy-header{padding:.75em .25em 1.1em}.vapediy-header .vapediy-header-brand{display:inline-flex;align-items:center;gap:.45em;font-size:var(--font-down-2);font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--primary-medium);background:var(--primary-very-low);border:1px solid var(--primary-low);border-radius:999px;padding:.4em 1em;margin-bottom:.9em;animation:vapediy-fade-down .45s var(--vapediy-ease) both}.vapediy-header .vapediy-header-brand .d-icon{color:var(--vapediy-accent);transition:color .3s ease}.vapediy-header .vapediy-header-sub{display:flex;align-items:center;gap:.7em;animation:vapediy-fade-down .45s var(--vapediy-ease) .06s both}.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:.85em;background:var(--vapediy-accent-low);color:var(--vapediy-accent);font-size:var(--font-down-1);box-shadow:inset 0 0 0 1px var(--vapediy-accent-low),0 .2em .7em var(--vapediy-accent-low);transition:background .3s ease,color .3s ease,box-shadow .3s ease}.vapediy-header .vapediy-header-sub h1{font-size:var(--font-up-3);font-weight:800;letter-spacing:-0.02em;margin:0;line-height:1.15}.vapediy-header-icon .d-icon{color:var(--header-primary, var(--primary))}.vapediy-tabs{position:sticky;top:calc(var(--header-offset, 3.75em) + .5em);z-index:90;display:flex;gap:.3em;margin:0 0 1.4em;padding:.35em;background:var(--secondary);backdrop-filter:blur(1em) saturate(1.4);-webkit-backdrop-filter:blur(1em) saturate(1.4);border:1px solid var(--primary-low);border-radius:999px;box-shadow:var(--vapediy-shadow-card);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;animation:vapediy-fade-down .45s var(--vapediy-ease) .1s both}@supports (color: color-mix(in lch, red, blue)){
.vapediy-tabs{background:color-mix(in srgb, var(--secondary) 80%, transparent)}
}.vapediy-tabs::-webkit-scrollbar{display:none}.vapediy-tabs .vapediy-tab-btn{display:flex;align-items:center;justify-content:center;gap:.45em;flex:1 1 auto;padding:.65em 1em;background:rgba(0,0,0,0);border:none;border-radius:999px;color:var(--primary-medium);cursor:pointer;font-size:var(--font-down-1);font-weight:600;white-space:nowrap;transition:background-color .2s var(--vapediy-ease),color .2s ease,box-shadow .25s ease,transform .12s ease}.vapediy-tabs .vapediy-tab-btn .vapediy-tab-icon .d-icon{color:inherit;transition:transform .25s var(--vapediy-ease)}.vapediy-tabs .vapediy-tab-btn:hover{background:var(--primary-very-low);color:var(--primary)}.vapediy-tabs .vapediy-tab-btn:active{transform:scale(0.95)}.vapediy-tabs .vapediy-tab-btn.active{background:var(--vapediy-accent);color:#fff;font-weight:700;box-shadow:0 .25em .9em var(--vapediy-accent-glow)}.vapediy-tabs .vapediy-tab-btn.active .vapediy-tab-icon .d-icon{transform:scale(1.12)}@media(max-width: 700px){.vapediy-page{padding:.6em .6em 2em}.vapediy-tabs{top:calc(var(--header-offset, 3.5em) + .35em);border-radius:1.15em;padding:.3em;gap:.2em}.vapediy-tabs .vapediy-tab-btn{flex:1 0 auto;flex-direction:column;gap:.3em;padding:.55em .9em;font-size:var(--font-down-2);border-radius:.85em}.vapediy-tabs .vapediy-tab-btn .vapediy-tab-icon .d-icon{font-size:1.4em}}.vapediy-calculator{position:relative;background:var(--secondary);border:1px solid var(--primary-low);border-radius:var(--vapediy-radius-lg);padding:1.25em;box-shadow:var(--vapediy-shadow-card);animation:vapediy-rise .4s var(--vapediy-ease) both;overflow:hidden}.vapediy-calculator::before{content:"";position:absolute;top:0;left:0;right:0;height:5em;background:radial-gradient(70% 100% at 50% 0%, var(--vapediy-accent-low), transparent);opacity:.7;pointer-events:none;transition:background .4s ease}.vapediy-calculator>*{position:relative}.vapediy-calculator .vapediy-description{color:var(--primary-medium);margin:0 0 1.2em;font-size:var(--font-down-1);line-height:1.55}.vapediy-form-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(14em, 1fr));gap:1em;margin-bottom:1.25em}.vapediy-ratio-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(16em, 1fr));gap:1em;margin-bottom:1.25em}.vapediy-field-label{display:block;font-size:var(--font-down-1);font-weight:700;color:var(--primary);margin-bottom:.45em;letter-spacing:.01em}.vapediy-unit-toggle{display:inline-flex;gap:.25em;padding:.25em;background:var(--primary-very-low);border:1px solid var(--primary-low);border-radius:999px;margin-bottom:.9em}.vapediy-unit-btn{border:none;background:rgba(0,0,0,0);color:var(--primary-medium);padding:.5em 1.2em;border-radius:999px;font-size:var(--font-down-1);font-weight:700;cursor:pointer;transition:background-color .18s var(--vapediy-ease),color .18s ease,box-shadow .2s ease,transform .12s ease}.vapediy-unit-btn:hover{color:var(--primary)}.vapediy-unit-btn:active{transform:scale(0.94)}.vapediy-unit-btn.active{background:var(--vapediy-accent);color:#fff;box-shadow:0 .2em .6em var(--vapediy-accent-glow)}.vapediy-toggle-row{display:flex;align-items:center;gap:.6em;margin-bottom:1.1em;font-weight:700;font-size:var(--font-down-1);cursor:pointer;padding:.2em 0}.vapediy-toggle-row input[type=checkbox]{width:1.35em;height:1.35em;accent-color:var(--vapediy-accent);cursor:pointer}.vapediy-custom-tc-field{grid-column:1/-1}.vapediy-custom-tc-field .vapediy-toggle-row{margin-bottom:.6em}.vapediy-custom-tc-field .vapediy-tc-note{font-size:var(--font-down-2);color:var(--primary-medium);margin:.5em 0 0}.vapediy-select-field{display:flex;flex-direction:column}.vapediy-select-field .select-kit{width:100%}.vapediy-material-badge{margin-top:.45em;font-size:var(--font-down-2);color:var(--primary-medium);display:inline-flex;align-items:center;gap:.35em;width:fit-content;background:var(--primary-very-low);border-radius:999px;padding:.25em .7em;animation:vapediy-pop .3s var(--vapediy-ease) both}.vapediy-material-badge.tc{color:var(--vapediy-accent);background:var(--vapediy-accent-low);font-weight:700}.vapediy-tc-section{background:var(--primary-very-low);border:1px solid var(--primary-low);border-radius:var(--vapediy-radius);padding:1em 1.1em;margin-bottom:1.25em;animation:vapediy-rise .35s var(--vapediy-ease) both}.vapediy-tc-section>.vapediy-field-label{display:flex;align-items:center;gap:.4em}.vapediy-tc-section .vapediy-tc-note{font-size:var(--font-down-1);color:var(--primary-medium);margin:.4em 0 1em;line-height:1.45}.vapediy-tc-section .vapediy-form-grid{margin-bottom:0}.vapediy-tc-section .vapediy-results-grid{margin-top:1em}.vapediy-stepper{display:flex;align-items:stretch;border:1px solid var(--primary-low);border-radius:.9em;overflow:hidden;background:var(--secondary);transition:border-color .2s ease,box-shadow .2s ease}.vapediy-stepper:focus-within{border-color:var(--vapediy-accent);box-shadow:0 0 0 .2em var(--vapediy-accent-low)}.vapediy-stepper-btn{flex:0 0 3em;min-height:3.25em;display:flex;align-items:center;justify-content:center;border:none;background:var(--primary-very-low);color:var(--vapediy-accent);cursor:pointer;font-size:var(--font-0);transition:background-color .15s ease,transform .1s ease}.vapediy-stepper-btn:hover{background:var(--vapediy-accent-low)}.vapediy-stepper-btn:active{transform:scale(0.86)}.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:var(--font-up-1);font-weight:800;font-variant-numeric:tabular-nums;color:var(--primary);padding:.55em 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:var(--font-down-1);font-weight:600;color:var(--primary-medium);padding-right:.7em}.vapediy-chip-row{display:flex;flex-wrap:wrap;gap:.4em;margin-top:.55em}.vapediy-chip{border:1px solid var(--primary-low);background:var(--secondary);color:var(--primary-medium);border-radius:999px;min-height:2.4em;padding:.4em 1em;font-size:var(--font-down-1);font-weight:600;cursor:pointer;transition:background-color .15s var(--vapediy-ease),color .15s ease,border-color .15s ease,box-shadow .2s ease,transform .12s ease}.vapediy-chip:hover{border-color:var(--vapediy-accent);color:var(--vapediy-accent);transform:translateY(-0.1em)}.vapediy-chip:active{transform:scale(0.94)}.vapediy-chip.active{background:var(--vapediy-accent);border-color:var(--vapediy-accent);color:#fff;box-shadow:0 .2em .6em var(--vapediy-accent-glow)}.vapediy-ratio-field{display:flex;flex-direction:column}.vapediy-ratio-readout{display:flex;justify-content:space-between;font-size:var(--font-down-1);font-weight:700;font-variant-numeric:tabular-nums;margin-bottom:.4em}.vapediy-ratio-readout .ratio-vg{color:#39b37a}.vapediy-ratio-readout .ratio-pg{color:#4a90d9}.vapediy-ratio-bar{display:flex;height:.75em;border-radius:999px;overflow:hidden;background:var(--primary-very-low);margin-bottom:.3em}.vapediy-ratio-bar .ratio-fill{height:100%;transition:width .35s var(--vapediy-ease)}.vapediy-ratio-bar .ratio-fill.vg{background:linear-gradient(90deg, #2f9c68, #39b37a)}.vapediy-ratio-bar .ratio-fill.pg{background:linear-gradient(90deg, #4a90d9, #3a7fc4)}.vapediy-ratio-slider{appearance:none;width:100%;height:2.75em;margin:0;background:rgba(0,0,0,0);touch-action:pan-y;cursor:grab}.vapediy-ratio-slider:active{cursor:grabbing}.vapediy-ratio-slider::-webkit-slider-runnable-track{height:.6em;border-radius:999px;background:var(--primary-low)}.vapediy-ratio-slider::-webkit-slider-thumb{-webkit-appearance:none;width:1.6em;height:1.6em;margin-top:-0.5em;border-radius:50%;background:var(--secondary);border:.28em solid var(--vapediy-accent);box-shadow:0 .15em .45em rgba(0,0,0,.22);-webkit-transition:transform .15s var(--vapediy-ease),box-shadow .2s ease;transition:transform .15s var(--vapediy-ease),box-shadow .2s ease}.vapediy-ratio-slider:hover::-webkit-slider-thumb{transform:scale(1.08)}.vapediy-ratio-slider:active::-webkit-slider-thumb{transform:scale(1.18);box-shadow:0 0 0 .45em var(--vapediy-accent-low)}.vapediy-ratio-slider::-moz-range-track{height:.6em;border-radius:999px;background:var(--primary-low)}.vapediy-ratio-slider::-moz-range-progress{height:.6em;border-radius:999px;background:var(--vapediy-accent)}.vapediy-ratio-slider::-moz-range-thumb{width:1.5em;height:1.5em;border-radius:50%;background:var(--secondary);border:.28em solid var(--vapediy-accent);box-shadow:0 .15em .45em rgba(0,0,0,.22);-moz-transition:transform .15s var(--vapediy-ease),box-shadow .2s ease;transition:transform .15s var(--vapediy-ease),box-shadow .2s ease}.vapediy-ratio-slider:active::-moz-range-thumb{transform:scale(1.18);box-shadow:0 0 0 .45em var(--vapediy-accent-low)}.vapediy-composition{margin-bottom:1.1em}.vapediy-composition-bar{display:flex;height:1.1em;border-radius:999px;overflow:hidden;background:var(--primary-very-low);margin-bottom:.65em;box-shadow:inset 0 .05em .2em rgba(0,0,0,.06)}.vapediy-composition-bar .composition-segment{height:100%;transition:width .4s var(--vapediy-ease)}.vapediy-composition-bar .composition-segment:not(:last-child){border-right:.15em solid var(--secondary)}.vapediy-composition-legend{display:flex;flex-wrap:wrap;gap:.6em 1.1em}.vapediy-composition-legend .legend-item{display:flex;align-items:center;gap:.4em;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 .15em var(--secondary),0 .1em .3em rgba(0,0,0,.15)}.vapediy-composition-legend .legend-value{font-weight:700;font-variant-numeric:tabular-nums;color:var(--primary)}.vapediy-coil-visual{display:flex;flex-direction:column;align-items:center;background:var(--primary-very-low);border:1px solid var(--primary-low);border-radius:var(--vapediy-radius);padding:.9em .6em;margin-bottom:1.1em;animation:vapediy-rise .35s var(--vapediy-ease) both}.vapediy-coil-diagram{width:100%;max-width:26em;height:auto}.vapediy-diagram-note{font-size:var(--font-down-2);color:var(--primary-medium);margin:.35em 0 0;text-align:center}.vapediy-warning,.vapediy-battery-check{display:flex;align-items:center;gap:.55em;padding:.8em 1em;border-radius:.9em;margin-bottom:1em;font-weight:600;font-size:var(--font-down-1);animation:vapediy-attention .45s var(--vapediy-ease) both}.vapediy-warning .d-icon,.vapediy-battery-check .d-icon{flex:0 0 auto;animation:vapediy-pulse 1.6s ease-in-out infinite}.vapediy-warning,.vapediy-battery-check.unsafe{background:var(--danger-low, rgba(224, 71, 61, 0.12));color:var(--danger);box-shadow:inset 0 0 0 1px rgba(224,71,61,.2)}.vapediy-battery-check.safe{background:var(--success-low, rgba(60, 179, 113, 0.12));color:var(--success);box-shadow:inset 0 0 0 1px rgba(60,179,113,.2)}.vapediy-battery-check.safe .d-icon{animation:none}.vapediy-results{border-top:1px dashed var(--primary-low);padding-top:1.1em;margin-top:.5em}.vapediy-results h3{display:flex;align-items:center;gap:.5em;font-size:var(--font-up-1);font-weight:800;margin:0 0 .9em}.vapediy-results h3 .d-icon{width:1.6em;height:1.6em;display:flex;align-items:center;justify-content:center;border-radius:.5em;background:var(--vapediy-accent-low);color:var(--vapediy-accent);font-size:var(--font-down-1)}.vapediy-results-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(9em, 1fr));gap:.7em}.vapediy-results-grid .result-item{background:var(--primary-very-low);border:1px solid rgba(0,0,0,0);border-radius:var(--vapediy-radius);padding:.8em .9em;display:flex;flex-direction:column;gap:.25em;animation:vapediy-pop .35s var(--vapediy-ease) both;transition:transform .2s var(--vapediy-ease),box-shadow .2s ease}.vapediy-results-grid .result-item:hover{transform:translateY(-0.15em);box-shadow:var(--vapediy-shadow-card)}.vapediy-results-grid .result-item span{font-size:var(--font-down-2);font-weight:600;color:var(--primary-medium);text-transform:uppercase;letter-spacing:.06em}.vapediy-results-grid .result-item strong{font-size:var(--font-up-2);font-weight:800;font-variant-numeric:tabular-nums}.vapediy-results-grid .result-item.total{background:var(--vapediy-accent-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:var(--font-down-2);color:var(--primary-medium);line-height:1.35}.vapediy-results-grid .result-item.power-density.low strong{color:var(--primary-medium)}.vapediy-results-grid .result-item.power-density.optimal{background:var(--success-low, rgba(60, 179, 113, 0.12))}.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-results-grid .result-item:nth-child(1){animation-delay:0.045s}.vapediy-results-grid .result-item:nth-child(2){animation-delay:0.09s}.vapediy-results-grid .result-item:nth-child(3){animation-delay:0.135s}.vapediy-results-grid .result-item:nth-child(4){animation-delay:0.18s}.vapediy-results-grid .result-item:nth-child(5){animation-delay:0.225s}.vapediy-results-grid .result-item:nth-child(6){animation-delay:0.27s}.vapediy-results-grid .result-item:nth-child(7){animation-delay:0.315s}.vapediy-results-grid .result-item:nth-child(8){animation-delay:0.36s}.vapediy-results-grid .result-item:nth-child(9){animation-delay:0.405s}.vapediy-results-grid .result-item:nth-child(10){animation-delay:0.45s}.vapediy-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.6em;margin-top:1.25em;padding-top:1.1em;border-top:1px solid var(--primary-low)}.vapediy-toolbar .vapediy-recipe-name{flex:1 1 14em;min-height:3em;box-sizing:border-box;padding:.6em .9em;font-size:var(--font-0);border:1px solid var(--primary-low);border-radius:.9em;background:var(--secondary);color:var(--primary);transition:border-color .2s ease,box-shadow .2s ease}.vapediy-toolbar .vapediy-recipe-name:focus{outline:none;border-color:var(--vapediy-accent);box-shadow:0 0 0 .2em var(--vapediy-accent-low)}.vapediy-toolbar .btn{min-height:3em;border-radius:.9em;transition:transform .12s ease,box-shadow .2s ease,background-color .15s ease}.vapediy-toolbar .btn:active{transform:scale(0.96)}.vapediy-toolbar .btn-primary{background:var(--vapediy-accent);box-shadow:0 .25em .8em var(--vapediy-accent-glow)}.vapediy-toolbar .btn-primary:hover{filter:brightness(1.07);background:var(--vapediy-accent)}@media(max-width: 500px){.vapediy-toolbar .vapediy-recipe-name{flex-basis:100%}.vapediy-toolbar .btn{flex:1 1 auto}.vapediy-blend-row{grid-template-columns:1fr}}.vapediy-blend-list{display:flex;flex-direction:column;gap:.75em;margin-bottom:.9em}.vapediy-blend-card{display:flex;align-items:stretch;gap:.75em;background:var(--primary-very-low);border:1px solid var(--primary-low);border-radius:var(--vapediy-radius);padding:.8em;animation:vapediy-rise .3s var(--vapediy-ease) both;transition:box-shadow .2s ease}.vapediy-blend-card:focus-within{box-shadow:0 0 0 .15em var(--vapediy-accent-low)}.vapediy-blend-swatch{flex:0 0 .35em;border-radius:999px}.vapediy-blend-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:.55em}.vapediy-blend-name{width:100%;box-sizing:border-box;min-height:2.9em;border:1px solid var(--primary-low);border-radius:.75em;padding:.55em .8em;font-size:var(--font-0);font-weight:700;background:var(--secondary);color:var(--primary);transition:border-color .2s ease,box-shadow .2s ease}.vapediy-blend-name:focus{outline:none;border-color:var(--vapediy-accent);box-shadow:0 0 0 .2em var(--vapediy-accent-low)}.vapediy-blend-row{display:grid;grid-template-columns:repeat(3, 1fr);gap:.6em}.vapediy-blend-row .vapediy-field-label{font-size:var(--font-down-2);margin-bottom:.3em}.vapediy-blend-row .vapediy-stepper-btn{flex-basis:2.5em}.vapediy-blend-remove{flex:0 0 auto;align-self:center}.vapediy-add-liquid{width:100%;justify-content:center;min-height:3.25em;border-style:dashed;border-radius:var(--vapediy-radius);transition:border-color .2s ease,color .2s ease,background-color .2s ease}.vapediy-add-liquid:hover{border-color:var(--vapediy-accent);color:var(--vapediy-accent);background:var(--vapediy-accent-low)}.vapediy-flavor-section{margin-bottom:1.25em}.vapediy-flavor-list{display:flex;flex-direction:column;gap:.55em;margin:.5em 0 .7em}.vapediy-flavor-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.6em;background:var(--primary-very-low);border:1px solid var(--primary-low);border-radius:.9em;padding:.6em .7em;animation:vapediy-rise .3s var(--vapediy-ease) both;transition:box-shadow .2s ease}.vapediy-flavor-row:focus-within{box-shadow:0 0 0 .15em var(--vapediy-accent-low)}.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:.85em;height:.85em;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 .15em var(--secondary),0 .1em .3em rgba(0,0,0,.15)}.vapediy-flavor-name{box-sizing:border-box;width:100%;min-width:0;min-height:2.9em;border:1px solid var(--primary-low);border-radius:.75em;padding:.55em .8em;font-size:var(--font-0);background:var(--secondary);color:var(--primary);font-weight:600;transition:border-color .2s ease,box-shadow .2s ease}.vapediy-flavor-name:focus{outline:none;border-color:var(--vapediy-accent);box-shadow:0 0 0 .2em var(--vapediy-accent-low)}.vapediy-add-flavor{width:100%;justify-content:center;min-height:3em;border-style:dashed;border-radius:.9em;transition:border-color .2s ease,color .2s ease,background-color .2s ease}.vapediy-add-flavor:hover{border-color:var(--vapediy-accent);color:var(--vapediy-accent);background:var(--vapediy-accent-low)}.vapediy-flavor-actions{display:flex;gap:.5em}.vapediy-flavor-actions .vapediy-add-flavor{flex:1}.vapediy-percent-total{margin-top:.65em;font-size:var(--font-down-1);color:var(--primary-medium);display:flex;align-items:center;gap:.4em}.vapediy-percent-total strong{color:var(--primary);font-variant-numeric:tabular-nums}.vapediy-percent-total.warning{color:var(--danger);animation:vapediy-attention .45s var(--vapediy-ease) both}.vapediy-percent-total.warning strong{color:var(--danger)}.vapediy-notes-field{display:block;margin-bottom:1.25em}.vapediy-notes-field .vapediy-notes-textarea{box-sizing:border-box;width:100%;min-height:6em;border:1px solid var(--primary-low);border-radius:.9em;padding:.7em .9em;background:var(--secondary);color:var(--primary);font-family:inherit;font-size:var(--font-down-1);line-height:1.5;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.vapediy-notes-field .vapediy-notes-textarea:focus{outline:none;border-color:var(--vapediy-accent);box-shadow:0 0 0 .2em var(--vapediy-accent-low)}@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%}.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;display:flex;flex-direction:column;gap:.5em}.vapediy-recipe-list .vapediy-recipe-list-item{display:flex;align-items:center;gap:.6em;padding:.85em .95em;background:var(--primary-very-low);border:1px solid rgba(0,0,0,0);border-radius:.9em;animation:vapediy-rise .35s var(--vapediy-ease) both;transition:background-color .15s ease,border-color .15s ease,transform .15s var(--vapediy-ease)}.vapediy-recipe-list .vapediy-recipe-list-item:hover{background:var(--vapediy-accent-low);border-color:var(--vapediy-accent-low);transform:translateX(0.2em)}.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}.vapediy-recipe-list .vapediy-recipe-list-item .recipe-kind-label{font-size:var(--font-down-2);font-weight:600;color:var(--primary-medium);background:var(--secondary);padding:.3em .75em;border-radius:999px;white-space:nowrap}.vapediy-recipe-list .vapediy-recipe-list-item .recipe-shared-badge{color:var(--vapediy-accent);display:flex;align-items:center}.vapediy-recipe-list .vapediy-recipe-list-item:nth-child(1){animation-delay:0.04s}.vapediy-recipe-list .vapediy-recipe-list-item:nth-child(2){animation-delay:0.08s}.vapediy-recipe-list .vapediy-recipe-list-item:nth-child(3){animation-delay:0.12s}.vapediy-recipe-list .vapediy-recipe-list-item:nth-child(4){animation-delay:0.16s}.vapediy-recipe-list .vapediy-recipe-list-item:nth-child(5){animation-delay:0.2s}.vapediy-recipe-list .vapediy-recipe-list-item:nth-child(6){animation-delay:0.24s}.vapediy-recipe-list .vapediy-recipe-list-item:nth-child(7){animation-delay:0.28s}.vapediy-recipe-list .vapediy-recipe-list-item:nth-child(8){animation-delay:0.32s}.vapediy-recipe-list .vapediy-recipe-list-item:nth-child(9){animation-delay:0.36s}.vapediy-recipe-list .vapediy-recipe-list-item:nth-child(10){animation-delay:0.4s}.vapediy-recipe-list .vapediy-recipe-list-item:nth-child(11){animation-delay:0.44s}.vapediy-recipe-list .vapediy-recipe-list-item:nth-child(12){animation-delay:0.48s}.vapediy-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;color:var(--primary-medium);padding:2.5em 1em;text-align:center;animation:vapediy-pop .4s var(--vapediy-ease) both}.vapediy-empty .d-icon{width:2.4em;height:2.4em;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-very-low);color:var(--vapediy-accent)}.vapediy-recipe-card{--vapediy-card-accent: var(--tertiary);display:flex;flex-direction:column;gap:.55em;padding:1.1em 1.2em;border:1px solid var(--primary-low);border-left:.3em solid var(--vapediy-card-accent);border-radius:1em;background:var(--secondary);box-shadow:0 .0625em .125em rgba(0,0,0,.04),0 .4em 1.4em rgba(0,0,0,.07);max-width:30em;transition:transform .2s cubic-bezier(0.22, 1, 0.36, 1),box-shadow .2s ease}.vapediy-recipe-card:hover{transform:translateY(-0.15em);box-shadow:0 .6em 2em rgba(0,0,0,.13)}.vapediy-recipe-card .vapediy-recipe-card-kind{font-size:var(--font-down-2);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--vapediy-card-accent)}.vapediy-recipe-card .vapediy-recipe-card-name{font-size:var(--font-up-1);font-weight:800;letter-spacing:-0.01em;color:var(--primary)}.vapediy-recipe-card .vapediy-recipe-card-stats{display:flex;flex-wrap:wrap;gap:.5em}.vapediy-recipe-card .vapediy-recipe-card-stat{display:flex;flex-direction:column;gap:.15em;background:var(--primary-very-low);border-radius:.65em;padding:.45em .8em;min-width:5em}.vapediy-recipe-card .vapediy-recipe-card-stat span{font-size:var(--font-down-2);color:var(--primary-medium);text-transform:uppercase;letter-spacing:.04em}.vapediy-recipe-card .vapediy-recipe-card-stat strong{font-size:var(--font-0);font-variant-numeric:tabular-nums;color:var(--primary)}.vapediy-recipe-card .vapediy-recipe-card-actions{display:flex;align-items:center;gap:1em;margin-top:.35em}.vapediy-recipe-card .vapediy-add-recipe-btn{background:var(--vapediy-card-accent);color:#fff;border:none;border-radius:.75em;min-height:2.75em;padding:.55em 1.2em;font-weight:700;font-size:var(--font-down-1);cursor:pointer;transition:filter .15s ease,transform .12s ease,box-shadow .2s ease}.vapediy-recipe-card .vapediy-add-recipe-btn:hover{filter:brightness(1.08);box-shadow:0 .25em .8em rgba(0,0,0,.15)}.vapediy-recipe-card .vapediy-add-recipe-btn:active{transform:scale(0.96)}.vapediy-recipe-card .vapediy-add-recipe-btn:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}.vapediy-recipe-card .vapediy-recipe-card-link{font-size:var(--font-down-1);color:var(--primary-medium)}@media(prefers-reduced-motion: reduce){.vapediy-page,.vapediy-page *,.vapediy-recipe-card,.vapediy-recipe-card *{animation:none !important;transition:none !important}}@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{border:none;box-shadow:none}.vapediy-calculator::before{display:none}}
/*# sourceMappingURL=common_theme_1018_ae241b40b31a0ae51b1b5e3124fc99dacfe799e6.css.map?__ws=vaperina.cc */