@property --vapediy-accent{syntax:"<color>";inherits:true;initial-value:#6b7280}@keyframes vapediy-slide-down{from{opacity:0;transform:translateY(-1em)}to{opacity:1;transform:translateY(0)}}@keyframes vapediy-fade-in{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}@keyframes vapediy-scale-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.vapediy-page{--vapediy-accent: var(--tertiary);--vapediy-radius-sm: 0.6em;--vapediy-radius-md: 1em;--vapediy-radius-pill: 999px;--vapediy-shadow-float: 0 12px 32px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04);--vapediy-shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.02);max-width:48em;margin:0 auto;padding:0 0 5em;font-size:var(--font-0);color:var(--primary);transition:--vapediy-accent .3s ease}.vapediy-page *{box-sizing:border-box}.vapediy-page[data-active-tab=liquid_mixer]{--vapediy-accent: #3b82f6}.vapediy-page[data-active-tab=flavor_recipe]{--vapediy-accent: #ec4899}.vapediy-page[data-active-tab=base_mixer]{--vapediy-accent: #10b981}.vapediy-page[data-active-tab=liquid_blender]{--vapediy-accent: #f59e0b}.vapediy-page[data-active-tab=coil_calculator]{--vapediy-accent: #ef4444}.vapediy-page[data-active-tab=my_recipes]{--vapediy-accent: #8b5cf6}.vapediy-header{padding:2em 1.5em;text-align:center;animation:vapediy-slide-down .4s ease-out forwards}.vapediy-header h1{font-size:var(--font-up-4);font-weight:900;letter-spacing:-0.03em;margin:0;line-height:1.2;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-medium) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.vapediy-header p{margin:.5em 0 0;font-size:var(--font-0);color:var(--primary-medium);font-weight:500}.vapediy-nav-wrapper{position:sticky;top:1em;z-index:100;margin:0 1.5em 2em;animation:vapediy-slide-down .5s ease-out forwards}.vapediy-floating-nav{display:flex;gap:.25em;padding:.35em;background:rgba(var(--secondary-rgb), 0.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(var(--primary-rgb), 0.08);border-radius:var(--vapediy-radius-pill);box-shadow:var(--vapediy-shadow-float);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.vapediy-floating-nav::-webkit-scrollbar{display:none}.vapediy-floating-nav .vapediy-nav-btn{scroll-snap-align:center;flex:0 0 auto;display:flex;align-items:center;gap:.5em;padding:.85em 1.25em;background:rgba(0,0,0,0);border:none;border-radius:var(--vapediy-radius-pill);color:var(--primary-medium);font-size:var(--font-down-1);font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(0.2, 0.8, 0.2, 1)}.vapediy-floating-nav .vapediy-nav-btn .d-icon{font-size:var(--font-up-1);transition:transform .25s ease}.vapediy-floating-nav .vapediy-nav-btn:hover{color:var(--primary)}.vapediy-floating-nav .vapediy-nav-btn.active{background:var(--primary);color:var(--secondary);box-shadow:0 4px 12px rgba(var(--primary-rgb), 0.15)}.vapediy-floating-nav .vapediy-nav-btn.active .d-icon{color:var(--vapediy-accent);transform:scale(1.1)}.vapediy-content-area{padding:0 1.5em;animation:vapediy-fade-in .6s ease-out forwards}.vapediy-input-group{margin-bottom:2em}.vapediy-input-group label{display:block;font-size:var(--font-down-1);font-weight:800;color:var(--primary-medium);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75em}.vapediy-stepper{display:flex;align-items:stretch;background:var(--primary-very-low);border-radius:var(--vapediy-radius-md);padding:.25em;transition:background-color .2s ease,transform .2s ease;min-height:3.5em}.vapediy-stepper:focus-within{background:rgba(var(--primary-rgb), 0.04);transform:translateY(-2px)}.vapediy-stepper .vapediy-stepper-btn{flex:0 0 3.5em;border:none;background:rgba(0,0,0,0);border-radius:var(--vapediy-radius-sm);color:var(--primary);font-size:var(--font-up-2);cursor:pointer;transition:background-color .15s ease}.vapediy-stepper .vapediy-stepper-btn:active{background:rgba(var(--primary-rgb), 0.08);transform:scale(0.95)}.vapediy-stepper .vapediy-stepper-input{flex:1;display:flex;align-items:center;justify-content:center}.vapediy-stepper .vapediy-stepper-input input[type=number]{width:100%;border:none;background:rgba(0,0,0,0);text-align:center;font-size:var(--font-up-3);font-weight:900;color:var(--primary)}.vapediy-stepper .vapediy-stepper-input input[type=number]:focus{outline:none}.vapediy-stepper .vapediy-stepper-input input[type=number]{-moz-appearance:textfield}.vapediy-stepper .vapediy-stepper-input input[type=number]::-webkit-outer-spin-button,.vapediy-stepper .vapediy-stepper-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vapediy-stepper .vapediy-stepper-input .vapediy-unit{font-size:var(--font-0);font-weight:700;color:var(--vapediy-accent);padding-right:.5em}.vapediy-slider-container{padding:1em 0}.vapediy-ratio-slider{touch-action:pan-y;appearance:none;width:100%;height:.8em;border-radius:var(--vapediy-radius-pill);background:var(--primary-very-low);outline:none;cursor:pointer;box-shadow:var(--vapediy-shadow-inner)}.vapediy-ratio-slider::-webkit-slider-thumb{appearance:none;width:2.4em;height:2.4em;border-radius:50%;background:var(--secondary);border:2px solid rgba(var(--primary-rgb), 0.1);box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:grab;-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);background-image:radial-gradient(circle at center, var(--vapediy-accent) 25%, transparent 26%)}.vapediy-ratio-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.vapediy-ratio-slider::-moz-range-thumb{width:2.4em;height:2.4em;border-radius:50%;background:var(--secondary);border:2px solid rgba(var(--primary-rgb), 0.1);box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:grab;-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);background-image:radial-gradient(circle at center, var(--vapediy-accent) 25%, transparent 26%)}.vapediy-ratio-slider::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.1)}.vapediy-results{margin-top:3em;padding-top:2em;border-top:1px solid rgba(var(--primary-rgb), 0.1)}.vapediy-results .vapediy-results-header{font-size:var(--font-up-2);font-weight:800;margin-bottom:1.5em}.vapediy-data-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(10em, 1fr));gap:2em 1em}.vapediy-data-grid .data-item{display:flex;flex-direction:column;gap:.25em;animation:vapediy-scale-in .4s cubic-bezier(0.2, 0.8, 0.2, 1) backwards}.vapediy-data-grid .data-item:nth-child(1){animation-delay:0.08s}.vapediy-data-grid .data-item:nth-child(2){animation-delay:0.16s}.vapediy-data-grid .data-item:nth-child(3){animation-delay:0.24s}.vapediy-data-grid .data-item:nth-child(4){animation-delay:0.32s}.vapediy-data-grid .data-item:nth-child(5){animation-delay:0.4s}.vapediy-data-grid .data-item:nth-child(6){animation-delay:0.48s}.vapediy-data-grid .data-item span{font-size:var(--font-down-1);color:var(--primary-medium);font-weight:600}.vapediy-data-grid .data-item strong{font-size:var(--font-up-4);font-weight:900;color:var(--primary);line-height:1}.vapediy-data-grid .data-item.highlight strong{color:var(--vapediy-accent)}.vapediy-btn-primary{width:100%;min-height:3.5em;background:var(--primary);color:var(--secondary);border:none;border-radius:var(--vapediy-radius-pill);font-size:var(--font-up-1);font-weight:800;cursor:pointer;box-shadow:var(--vapediy-shadow-float);transition:transform .2s ease,box-shadow .2s ease}.vapediy-btn-primary:active{transform:translateY(2px);box-shadow:none}@media(min-width: 48em){.vapediy-nav-wrapper{display:flex;justify-content:center}.vapediy-floating-nav{padding:.5em}}
/*# sourceMappingURL=common_theme_1018_98f39b19cc595dff55417790fb9c5c9cf79fc066.css.map?__ws=vaperina.cc */