@property --vapediy-accent{syntax:"<color>";inherits:true;initial-value:#6b7280}@keyframes vapediy-fade-in-up{from{opacity:0;transform:translateY(0.8em)}to{opacity:1;transform:translateY(0)}}@keyframes vapediy-pop{0%{transform:scale(1)}50%{transform:scale(0.92)}100%{transform:scale(1)}}@keyframes vapediy-pulse-glow{0%,100%{box-shadow:0 0 0 0 rgba(224,71,61,.4)}50%{box-shadow:0 0 0 .6em rgba(224,71,61,0)}}@keyframes vapediy-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.vapediy-page *{animation-duration:.001ms !important;transition-duration:.001ms !important}}.vapediy-page{--vapediy-accent: var(--tertiary);--vapediy-accent-low: var(--tertiary-low);--vapediy-radius-sm: 0.75em;--vapediy-radius-md: 1.1em;--vapediy-radius-lg: 1.5em;--vapediy-radius-pill: 999px;--vapediy-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.03), 0 1px 3px rgba(0, 0, 0, 0.02);--vapediy-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(0, 0, 0, 0.03);margin:0 auto;padding:1em .5em 4em;box-sizing:border-box;font-size:var(--font-0);transition:color .3s ease;max-width:100%;overflow-x:hidden}.vapediy-page *{box-sizing:border-box}.vapediy-page[data-active-tab=liquid_mixer]{--vapediy-accent: #4a90d9;--vapediy-accent-low: rgba(74, 144, 217, 0.15)}.vapediy-page[data-active-tab=flavor_recipe]{--vapediy-accent: #d9558f;--vapediy-accent-low: rgba(217, 85, 143, 0.15)}.vapediy-page[data-active-tab=base_mixer]{--vapediy-accent: #39b37a;--vapediy-accent-low: rgba(57, 179, 122, 0.15)}.vapediy-page[data-active-tab=liquid_blender]{--vapediy-accent: #f2a541;--vapediy-accent-low: rgba(242, 165, 65, 0.18)}.vapediy-page[data-active-tab=coil_calculator]{--vapediy-accent: #e0473d;--vapediy-accent-low: rgba(224, 71, 61, 0.15)}.vapediy-page[data-active-tab=my_recipes]{--vapediy-accent: #a48ce0;--vapediy-accent-low: rgba(164, 140, 224, 0.15)}.vapediy-header{padding:0 .5em 1em}.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)}.vapediy-header .vapediy-header-sub{display:flex;align-items:center;gap:.8em;animation:vapediy-fade-in-up .4s cubic-bezier(0.175, 0.885, 0.32, 1.15)}.vapediy-header .vapediy-header-sub .d-icon{flex:0 0 auto;width:2.4em;height:2.4em;display:flex;align-items:center;justify-content:center;border-radius:var(--vapediy-radius-md);background:var(--vapediy-accent-low);color:var(--vapediy-accent);font-size:var(--font-up-2);transition:all .3s cubic-bezier(0.2, 0.8, 0.2, 1)}.vapediy-header .vapediy-header-sub h1{font-size:var(--font-up-4);font-weight:800;letter-spacing:-0.02em;margin:0;line-height:1.1;color:var(--primary)}.vapediy-tabs{position:sticky;top:var(--header-offset, 0px);z-index:20;display:flex;gap:.5em;padding:.6em;margin:0 0 1.5em;background:var(--secondary);border:1px solid var(--primary-low);border-radius:var(--vapediy-radius-pill);box-shadow:var(--vapediy-shadow-md);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.vapediy-tabs::after{content:"";position:absolute;bottom:-15px;left:0;right:0;height:15px;background:linear-gradient(to bottom, rgba(var(--secondary-rgb), 1), rgba(var(--secondary-rgb), 0));pointer-events:none}.vapediy-tabs::-webkit-scrollbar{display:none}.vapediy-tabs .vapediy-tab-btn{scroll-snap-align:start;display:flex;align-items:center;gap:.6em;flex:0 0 auto;padding:.8em 1.2em;background:rgba(0,0,0,0);border:none;border-radius:var(--vapediy-radius-pill);color:var(--primary-medium);cursor:pointer;font-size:var(--font-down-1);font-weight:700;white-space:nowrap;transition:all .25s cubic-bezier(0.2, 0.8, 0.2, 1)}.vapediy-tabs .vapediy-tab-btn .vapediy-tab-icon .d-icon{color:inherit;transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.15)}.vapediy-tabs .vapediy-tab-btn:hover{background:var(--primary-very-low);color:var(--primary)}.vapediy-tabs .vapediy-tab-btn:active{transform:scale(0.96)}.vapediy-tabs .vapediy-tab-btn.active{background:var(--vapediy-accent);color:#fff;box-shadow:0 4px 12px -2px var(--vapediy-accent-low)}.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:var(--vapediy-radius-lg);padding:1.8em;box-shadow:var(--vapediy-shadow-md);animation:vapediy-fade-in-up .4s cubic-bezier(0.175, 0.885, 0.32, 1.15)}.vapediy-calculator .vapediy-description{color:var(--primary-medium);margin:0 0 1.5em;font-size:max(1rem,var(--font-down-1));line-height:1.6}.vapediy-form-grid,.vapediy-ratio-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(14em, 1fr));gap:1.5em;margin-bottom:1.8em}.vapediy-field-label{display:flex;align-items:center;gap:.4em;font-size:var(--font-down-1);font-weight:800;color:var(--primary);margin-bottom:.6em;text-transform:uppercase;letter-spacing:.04em}.vapediy-select-field{display:flex;flex-direction:column}.vapediy-select-field .select-kit{width:100%;font-size:max(1rem,var(--font-0))}.vapediy-toggle-row{display:flex;align-items:center;gap:.8em;margin-bottom:1.5em;font-weight:700;font-size:var(--font-0);cursor:pointer;-webkit-user-select:none;user-select:none}.vapediy-toggle-row input[type=checkbox]{width:1.5em;height:1.5em;accent-color:var(--vapediy-accent);cursor:pointer}.vapediy-unit-toggle{display:inline-flex;border:1px solid var(--primary-low);border-radius:var(--vapediy-radius-md);overflow:hidden;margin-bottom:1.2em;background:var(--primary-very-low);padding:.2em;gap:.2em}.vapediy-unit-btn{border:none;border-radius:var(--vapediy-radius-sm);background:rgba(0,0,0,0);color:var(--primary-medium);padding:.7em 1.5em;font-size:var(--font-down-1);font-weight:800;cursor:pointer;min-height:3em;transition:all .2s ease}.vapediy-unit-btn:hover{color:var(--primary)}.vapediy-unit-btn.active{background:var(--secondary);color:var(--vapediy-accent);box-shadow:0 2px 8px rgba(0,0,0,.06)}.vapediy-stepper{display:flex;align-items:stretch;border:2px solid var(--primary-low);border-radius:var(--vapediy-radius-md);overflow:hidden;background:var(--primary-very-low);transition:all .2s cubic-bezier(0.2, 0.8, 0.2, 1);min-height:3.5em}.vapediy-stepper:focus-within{border-color:var(--vapediy-accent);background:var(--secondary);box-shadow:0 0 0 .3em var(--vapediy-accent-low)}.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);cursor:pointer;font-size:var(--font-up-1);transition:background-color .15s ease}.vapediy-stepper-btn:hover{background:var(--vapediy-accent-low)}.vapediy-stepper-btn:active{animation:vapediy-pop .2s ease;background:var(--vapediy-accent-low)}.vapediy-stepper-input{flex:1;display:flex;align-items:center;justify-content:center;gap:.4em;background:var(--secondary);border-left:2px solid var(--primary-low);border-right:2px 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.2rem,var(--font-up-2));font-weight:800;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:var(--font-down-1);font-weight:700;color:var(--primary-medium);padding-right:.8em}.vapediy-chip-row{display:flex;flex-wrap:wrap;gap:.5em;margin-top:.8em}.vapediy-chip{border:1px solid var(--primary-low);background:var(--primary-very-low);color:var(--primary-medium);border-radius:var(--vapediy-radius-md);padding:.6em 1.2em;font-size:var(--font-down-1);font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(0.2, 0.8, 0.2, 1)}.vapediy-chip:hover{background:var(--secondary);border-color:var(--vapediy-accent);color:var(--vapediy-accent);transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.05)}.vapediy-chip:active{transform:translateY(0) scale(0.95)}.vapediy-chip.active{background:var(--vapediy-accent);border-color:var(--vapediy-accent);color:#fff;box-shadow:0 4px 12px var(--vapediy-accent-low);animation:vapediy-pop .3s cubic-bezier(0.175, 0.885, 0.32, 1.15)}.vapediy-ratio-field{display:flex;flex-direction:column}.vapediy-ratio-readout{display:flex;justify-content:space-between;font-size:var(--font-0);font-weight:800;margin-bottom:.6em}.vapediy-ratio-readout .ratio-vg{color:#39b37a}.vapediy-ratio-readout .ratio-pg{color:#4a90d9}.vapediy-ratio-bar{display:flex;height:.8em;border-radius:var(--vapediy-radius-pill);overflow:hidden;background:var(--primary-very-low);margin-bottom:1em}.vapediy-ratio-bar .ratio-fill{height:100%;transition:width .4s cubic-bezier(0.2, 0.8, 0.2, 1)}.vapediy-ratio-bar .ratio-fill.vg{background:#39b37a}.vapediy-ratio-bar .ratio-fill.pg{background:#4a90d9}.vapediy-ratio-slider{touch-action:pan-y;appearance:none;width:100%;height:2.8em;background:rgba(0,0,0,0);outline:none;margin:.5em 0;cursor:pointer;background-image:linear-gradient(var(--primary-low), var(--primary-low));background-size:100% .5em;background-position:center;background-repeat:no-repeat;border-radius:var(--vapediy-radius-pill)}.vapediy-ratio-slider::-webkit-slider-thumb{appearance:none;width:2.2em;height:2.2em;border-radius:50%;background:var(--vapediy-accent);border:.3em solid var(--secondary);box-shadow:0 .2em .8em rgba(0,0,0,.25);cursor:pointer;-webkit-transition:transform .2s cubic-bezier(0.175, 0.885, 0.32, 1.15);transition:transform .2s cubic-bezier(0.175, 0.885, 0.32, 1.15)}.vapediy-ratio-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.vapediy-ratio-slider::-webkit-slider-thumb:active{transform:scale(1.2)}.vapediy-ratio-slider::-moz-range-thumb{width:2.2em;height:2.2em;border-radius:50%;background:var(--vapediy-accent);border:.3em solid var(--secondary);box-shadow:0 .2em .8em rgba(0,0,0,.25);cursor:pointer;-moz-transition:transform .2s cubic-bezier(0.175, 0.885, 0.32, 1.15);transition:transform .2s cubic-bezier(0.175, 0.885, 0.32, 1.15)}.vapediy-ratio-slider::-moz-range-thumb:active{transform:scale(1.2)}.vapediy-ratio-slider::-moz-range-track{background:rgba(0,0,0,0);border:none}.vapediy-composition{margin-bottom:1.5em}.vapediy-composition-bar{display:flex;height:1.2em;border-radius:var(--vapediy-radius-pill);overflow:hidden;background:var(--primary-very-low);margin-bottom:1em;box-shadow:inset 0 0 0 1px var(--primary-low)}.vapediy-composition-bar .composition-segment{height:100%;transition:width .4s cubic-bezier(0.2, 0.8, 0.2, 1);animation:vapediy-fade-in-up .4s cubic-bezier(0.175, 0.885, 0.32, 1.15) backwards}.vapediy-composition-bar .composition-segment:nth-child(1){animation-delay:0.05s}.vapediy-composition-bar .composition-segment:nth-child(2){animation-delay:0.1s}.vapediy-composition-bar .composition-segment:nth-child(3){animation-delay:0.15s}.vapediy-composition-bar .composition-segment:nth-child(4){animation-delay:0.2s}.vapediy-composition-bar .composition-segment:nth-child(5){animation-delay:0.25s}.vapediy-composition-bar .composition-segment:nth-child(6){animation-delay:0.3s}.vapediy-composition-bar .composition-segment:nth-child(7){animation-delay:0.35s}.vapediy-composition-bar .composition-segment:nth-child(8){animation-delay:0.4s}.vapediy-composition-bar .composition-segment:not(:last-child){border-right:3px solid var(--secondary)}.vapediy-composition-legend{display:flex;flex-wrap:wrap;gap:.8em 1.5em}.vapediy-composition-legend .legend-item{display:flex;align-items:center;gap:.5em;font-size:var(--font-0);color:var(--primary-medium)}.vapediy-composition-legend .legend-swatch{width:1em;height:1em;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{display:flex;flex-direction:column;align-items:center;background:var(--primary-very-low);border-radius:var(--vapediy-radius-lg);padding:1.5em 1em;margin-bottom:1.8em;box-shadow:inset 0 0 0 1px var(--primary-low)}.vapediy-coil-diagram{width:100%;max-width:26em;height:auto;border-radius:var(--vapediy-radius-md)}.vapediy-diagram-note{font-size:var(--font-down-1);color:var(--primary-medium);margin:.8em 0 0;text-align:center;font-weight:600}.vapediy-material-badge{margin-top:.8em;font-size:var(--font-down-1);background:var(--secondary);padding:.4em .8em;border-radius:var(--vapediy-radius-pill);color:var(--primary-medium);display:inline-flex;align-items:center;gap:.4em;box-shadow:0 2px 6px rgba(0,0,0,.05)}.vapediy-material-badge.tc{color:var(--vapediy-accent);font-weight:800}.vapediy-tc-section{background:var(--primary-very-low);border-radius:var(--vapediy-radius-lg);padding:1.5em;margin-bottom:1.8em;border:1px solid var(--primary-low);animation:vapediy-fade-in-up .4s ease}.vapediy-tc-section .vapediy-tc-note{font-size:var(--font-down-1);color:var(--primary-medium);margin:.6em 0 1.5em;line-height:1.6}.vapediy-tc-section .vapediy-form-grid{margin-bottom:0}.vapediy-tc-section .vapediy-results-grid{margin-top:1.5em}.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:var(--font-down-1);margin:.6em 0 0}.vapediy-warning,.vapediy-battery-check{display:flex;align-items:center;gap:.8em;padding:1.2em 1.5em;border-radius:var(--vapediy-radius-md);margin-bottom:1.5em;font-weight:700;font-size:var(--font-0);animation:vapediy-fade-in-up .3s cubic-bezier(0.175, 0.885, 0.32, 1.15)}.vapediy-battery-check.unsafe,.vapediy-warning{background:var(--danger-low, rgba(224, 71, 61, 0.15));color:var(--danger);border-left:4px solid var(--danger);animation:vapediy-fade-in-up .3s ease,vapediy-pulse-glow 2s ease .5s infinite}.vapediy-battery-check.safe{background:var(--success-low, rgba(60, 179, 113, 0.15));color:var(--success);border-left:4px solid var(--success)}.vapediy-results{border-top:2px dashed var(--primary-low);padding-top:1.8em;margin-top:1em}.vapediy-results h3{display:flex;align-items:center;gap:.5em;font-size:var(--font-up-2);font-weight:800;margin:0 0 1.2em}.vapediy-results h3 .d-icon{color:var(--vapediy-accent)}.vapediy-results-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(10em, 1fr));gap:1em}.vapediy-results-grid .result-item{background:var(--primary-very-low);border:1px solid rgba(0,0,0,0);border-radius:var(--vapediy-radius-md);padding:1.2em;display:flex;flex-direction:column;gap:.3em;transition:all .2s cubic-bezier(0.2, 0.8, 0.2, 1);animation:vapediy-fade-in-up .4s cubic-bezier(0.175, 0.885, 0.32, 1.15) backwards}.vapediy-results-grid .result-item:nth-child(1){animation-delay:0.04s}.vapediy-results-grid .result-item:nth-child(2){animation-delay:0.08s}.vapediy-results-grid .result-item:nth-child(3){animation-delay:0.12s}.vapediy-results-grid .result-item:nth-child(4){animation-delay:0.16s}.vapediy-results-grid .result-item:nth-child(5){animation-delay:0.2s}.vapediy-results-grid .result-item:nth-child(6){animation-delay:0.24s}.vapediy-results-grid .result-item:nth-child(7){animation-delay:0.28s}.vapediy-results-grid .result-item:nth-child(8){animation-delay:0.32s}.vapediy-results-grid .result-item:hover{transform:translateY(-3px);background:var(--secondary);border-color:var(--vapediy-accent-low);box-shadow:var(--vapediy-shadow-sm)}.vapediy-results-grid .result-item span{font-size:var(--font-down-2);color:var(--primary-medium);text-transform:uppercase;letter-spacing:.05em;font-weight:800}.vapediy-results-grid .result-item strong{font-size:var(--font-up-3);font-weight:800;color:var(--primary);line-height:1.1}.vapediy-results-grid .result-item.total{background:var(--vapediy-accent-low);border-color:var(--vapediy-accent)}.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-1);color:var(--primary-medium)}.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)}.vapediy-results-grid .result-item.power-density.optimal strong{color:var(--success)}.vapediy-results-grid .result-item.power-density.optimal{border-color:var(--success)}.vapediy-results-grid .result-item.power-density.high strong{color:var(--danger)}.vapediy-blend-list{display:flex;flex-direction:column;gap:1.2em;margin-bottom:1.5em}.vapediy-blend-card{display:flex;align-items:stretch;gap:1em;background:var(--secondary);border:1px solid var(--primary-low);border-radius:var(--vapediy-radius-lg);padding:1.2em;box-shadow:var(--vapediy-shadow-sm);transition:all .3s cubic-bezier(0.2, 0.8, 0.2, 1);animation:vapediy-fade-in-up .3s cubic-bezier(0.175, 0.885, 0.32, 1.15) backwards}.vapediy-blend-card:focus-within{border-color:var(--vapediy-accent);box-shadow:var(--vapediy-shadow-md),0 0 0 3px var(--vapediy-accent-low);transform:translateY(-2px)}.vapediy-blend-swatch{flex:0 0 .4em;border-radius:var(--vapediy-radius-pill)}.vapediy-blend-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.2em}.vapediy-blend-name{width:100%;border:2px solid var(--primary-low);border-radius:var(--vapediy-radius-md);padding:.8em 1em;font-weight:800;background:var(--primary-very-low);font-size:max(1rem,var(--font-0));transition:all .2s ease}.vapediy-blend-name:focus{background:var(--secondary);border-color:var(--vapediy-accent);outline:none}.vapediy-blend-row{display:grid;grid-template-columns:repeat(3, 1fr);gap:1em}.vapediy-blend-row .vapediy-field-label{margin-bottom:.4em}.vapediy-flavor-section{margin-bottom:1.8em}.vapediy-flavor-list{display:flex;flex-direction:column;gap:.8em;margin:.8em 0}.vapediy-flavor-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1em;background:var(--secondary);border:1px solid var(--primary-low);border-radius:var(--vapediy-radius-md);padding:.8em 1em;box-shadow:var(--vapediy-shadow-sm);transition:all .2s cubic-bezier(0.2, 0.8, 0.2, 1);animation:vapediy-fade-in-up .3s cubic-bezier(0.175, 0.885, 0.32, 1.15) backwards}.vapediy-flavor-row:focus-within{border-color:var(--vapediy-accent);box-shadow:var(--vapediy-shadow-md),0 0 0 3px var(--vapediy-accent-low);transform:translateY(-2px)}.vapediy-flavor-row .vapediy-number-field{width:10.5em}.vapediy-flavor-row.has-density{grid-template-columns:auto 1fr auto auto auto}.vapediy-flavor-swatch{width:1.2em;height:1.2em;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 2px var(--secondary)}.vapediy-flavor-name{width:100%;min-width:0;border:2px solid var(--primary-low);border-radius:var(--vapediy-radius-md);padding:.8em 1em;background:var(--primary-very-low);color:var(--primary);font-weight:800;font-size:max(1rem,var(--font-0))}.vapediy-flavor-name:focus{background:var(--secondary);border-color:var(--vapediy-accent);outline:none}.vapediy-add-flavor,.vapediy-add-liquid{width:100%;justify-content:center;min-height:3.5em;border:2px dashed var(--primary-low);border-radius:var(--vapediy-radius-md);background:rgba(0,0,0,0);color:var(--primary-medium);font-weight:800;cursor:pointer;transition:all .2s ease}.vapediy-add-flavor:hover,.vapediy-add-liquid:hover{border-color:var(--vapediy-accent);color:var(--vapediy-accent);background:var(--vapediy-accent-low)}.vapediy-flavor-actions{display:flex;gap:.8em}.vapediy-flavor-actions .vapediy-add-flavor{flex:1}.vapediy-percent-total{margin-top:1em;font-size:var(--font-down-1);font-weight:700;color:var(--primary-medium);display:flex;align-items:center;gap:.5em}.vapediy-percent-total strong{color:var(--primary);font-size:var(--font-up-1)}.vapediy-percent-total.warning{color:var(--danger)}.vapediy-percent-total.warning strong{color:var(--danger)}.vapediy-recipe-list{list-style:none;margin:0;padding:0}.vapediy-recipe-list .vapediy-recipe-list-item{display:flex;align-items:center;gap:1em;padding:1.2em 1em;border:1px solid var(--primary-low);border-radius:var(--vapediy-radius-md);background:var(--secondary);margin-bottom:.8em;box-shadow:var(--vapediy-shadow-sm);transition:all .2s ease}.vapediy-recipe-list .vapediy-recipe-list-item:hover{transform:translateY(-2px);border-color:var(--vapediy-accent-low);box-shadow:var(--vapediy-shadow-md)}.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;font-size:var(--font-up-1)}.vapediy-recipe-list .vapediy-recipe-list-item .recipe-kind-label{font-size:var(--font-down-2);font-weight:800;color:var(--primary-medium);background:var(--primary-very-low);padding:.4em 1em;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;gap:.8em;color:var(--primary-medium);padding:3em 0;justify-content:center;font-size:var(--font-0);font-weight:700}.vapediy-notes-field{display:block;margin-bottom:1.8em}.vapediy-notes-field .vapediy-notes-textarea{width:100%;min-height:8em;border:2px solid var(--primary-low);border-radius:var(--vapediy-radius-md);padding:1em;background:var(--primary-very-low);color:var(--primary);font-family:inherit;font-size:max(1rem,var(--font-0));line-height:1.6;resize:vertical;transition:all .2s cubic-bezier(0.2, 0.8, 0.2, 1)}.vapediy-notes-field .vapediy-notes-textarea:focus{background:var(--secondary);outline:none;border-color:var(--vapediy-accent);box-shadow:0 0 0 .3em var(--vapediy-accent-low)}.vapediy-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:1em;margin-top:2em;padding-top:1.8em;border-top:2px solid var(--primary-low)}.vapediy-toolbar .vapediy-recipe-name{flex:1 1 15em;min-height:3.5em;padding:.8em 1.2em;border:2px solid var(--primary-low);border-radius:var(--vapediy-radius-md);font-size:max(1rem,var(--font-up-1));font-weight:800}.vapediy-toolbar .vapediy-recipe-name:focus{border-color:var(--vapediy-accent);outline:none;box-shadow:0 0 0 .3em var(--vapediy-accent-low)}.vapediy-toolbar .btn{min-height:3.5em;border-radius:var(--vapediy-radius-md);font-size:var(--font-0);font-weight:800;transition:all .2s cubic-bezier(0.175, 0.885, 0.32, 1.15)}.vapediy-toolbar .btn:active{transform:scale(0.94)}.vapediy-recipe-card{--vapediy-card-accent: var(--tertiary);display:flex;flex-direction:column;gap:1em;padding:1.5em;border:1px solid var(--primary-low);border-left:.4em solid var(--vapediy-card-accent);border-radius:var(--vapediy-radius-lg);background:var(--secondary);max-width:32em;box-shadow:var(--vapediy-shadow-md)}.vapediy-recipe-card .vapediy-recipe-card-kind{font-size:var(--font-down-1);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-3);font-weight:800;color:var(--primary);line-height:1.2}.vapediy-recipe-card .vapediy-recipe-card-stats{display:flex;flex-wrap:wrap;gap:.8em}.vapediy-recipe-card .vapediy-recipe-card-stat{background:var(--primary-very-low);border-radius:var(--vapediy-radius-md);padding:.8em 1.2em;min-width:6em}.vapediy-recipe-card .vapediy-recipe-card-stat span{font-size:var(--font-down-2);color:var(--primary-medium);text-transform:uppercase;font-weight:800}.vapediy-recipe-card .vapediy-recipe-card-stat strong{font-size:var(--font-up-1);color:var(--primary);display:block;margin-top:.2em}.vapediy-recipe-card .vapediy-recipe-card-actions{display:flex;align-items:center;gap:1.5em;margin-top:.5em}.vapediy-recipe-card .vapediy-add-recipe-btn{background:var(--vapediy-card-accent);color:#fff;border:none;border-radius:var(--vapediy-radius-md);padding:.8em 1.5em;font-weight:800;font-size:var(--font-0);cursor:pointer;transition:all .2s cubic-bezier(0.175, 0.885, 0.32, 1.15)}.vapediy-recipe-card .vapediy-add-recipe-btn:hover{filter:brightness(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.vapediy-recipe-card .vapediy-add-recipe-btn:active{transform:scale(0.94)}.vapediy-recipe-card .vapediy-add-recipe-btn:disabled{opacity:.6;cursor:default}.vapediy-recipe-card .vapediy-recipe-card-link{font-size:var(--font-0);font-weight:700;color:var(--primary-medium)}@media(max-width: 38em){.vapediy-form-grid,.vapediy-ratio-grid,.vapediy-blend-row{grid-template-columns:1fr;gap:1.2em}.vapediy-toolbar{flex-direction:column;align-items:stretch}.vapediy-toolbar .vapediy-recipe-name{flex-basis:auto;width:100%}.vapediy-toolbar .btn{flex:1 1 auto;width:100%}.vapediy-flavor-row{grid-template-columns:auto 1fr auto;grid-template-areas:"swatch name remove" "field field field";gap:.8em}.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}}@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;animation:none}}
/*# sourceMappingURL=common_theme_1018_52ec30ca92df0913ad7a43682091eeaf7f31958b.css.map?__ws=vaperina.cc */