#bottle-preview {padding:16px 0;font-family:inherit;color-scheme:light}
#bottle-preview * {box-sizing:border-box}
#bottle-preview .bottle-ui {--ink:light-dark(#18242c,#edf3f5);--surface:light-dark(#f6f8f8,#182125);--muted:light-dark(#59696e,#a6b5bc);color:var(--ink);background:var(--surface);max-width:580px;margin:auto;border-radius:24px;padding:26px;overflow:hidden}
#bottle-preview header {display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
#bottle-preview .eyebrow {font-size:11px;letter-spacing:2px;font-weight:600}
#bottle-preview .prototype {font-size:11px;color:var(--muted)}
#bottle-preview h2 {font-size:24px;font-weight:500;letter-spacing:-.7px;margin:20px 0}
#bottle-preview button {font:inherit;cursor:pointer}
#bottle-preview .sizes {display:flex;gap:8px}
#bottle-preview .sizes button {flex:1;border:1px solid light-dark(#d4dfe1,#435056);border-radius:12px;min-height:48px;background:transparent;color:var(--ink);transition:background .2s,color .2s}
#bottle-preview small {font-size:12px}
#bottle-preview .sizes button[aria-pressed=true] {background:light-dark(#20343b,#dce9eb);color:light-dark(#fff,#182125);border-color:transparent}
#bottle-preview .stage {height:365px;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:23px}
#bottle-preview .halo {position:absolute;width:290px;height:290px;max-width:100%;bottom:8px;border-radius:50%;background:radial-gradient(ellipse,light-dark(#dce9e7,#2e4145),transparent 69%)}
#bottle-preview .bottle {--w:106px;--h:213px;--cap:74px;position:relative;z-index:2;width:var(--w);transition:width .65s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(8px 10px 9px #00000026)}
#bottle-preview .bottle[data-format="30"] {--w:94px;--h:142px;--cap:70px}
#bottle-preview .bottle[data-format="120"] {--w:143px;--h:230px;--cap:81px}
#bottle-preview .cap {height:var(--cap);position:relative;z-index:4;transition:height .65s}
#bottle-preview .tip {height:28px;width:100%;background:linear-gradient(100deg,#11171a,#444d51 38%,#151b1e 69%,#272f33);clip-path:polygon(4% 100%,20% 72%,37% 35%,42% 4%,57% 4%,65% 38%,82% 73%,96% 100%)}
#bottle-preview .ribs {position:absolute;top:25px;bottom:9px;width:100%;border-radius:9px 9px 6px 6px;background:repeating-linear-gradient(90deg,#ffffff09 0 1px,#00000029 2px 3px,transparent 4px 5px),linear-gradient(90deg,#141a1d,#626a6d 26%,#30383c 53%,#161c20 100%);box-shadow:inset 0 2px 2px #ffffff22,inset 0 -3px 4px #0008}
#bottle-preview .seal {position:absolute;bottom:0;left:3%;width:94%;height:10px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#13191c,#424e53 31%,#111a1e 72%);border-top:3px solid #0b1115}
#bottle-preview .vessel {height:var(--h);position:relative;overflow:hidden;border-radius:15% 15% 19% 19% / 8% 8% 7% 7%;background:linear-gradient(90deg,#26373cbb,#76919666 24%,#46656d66 51%,#1a2d34b8);box-shadow:inset 2px 0 3px #efffff4d,inset -3px 0 5px #0006,inset 0 -4px 3px #101a23;transition:height .65s cubic-bezier(.2,.8,.2,1)}
#bottle-preview .liquid {position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(90deg,#127a83,#5ed9d1 45%,#21949a);transition:height .5s ease;box-shadow:inset 0 4px 8px #a0fff961}
#bottle-preview .wave {position:absolute;left:-50%;width:200%;height:14px;top:-6px;background:#70dfd5;clip-path:polygon(0 40%,8% 12%,16% 8%,25% 28%,35% 65%,45% 80%,55% 64%,65% 25%,75% 8%,85% 23%,95% 60%,100% 70%,100% 100%,0 100%)}
#bottle-preview .moving .wave {animation:bottle-wave 1.2s ease-in-out 3}
#bottle-preview .label {position:absolute;top:15%;bottom:11%;background:linear-gradient(110deg,#344248,#142329);color:#f0f6f6;z-index:2;overflow:hidden}
#bottle-preview .label.left {left:0;width:42%;border-radius:0 7px 7px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
#bottle-preview .label.right {right:0;width:39%;border-radius:7px 0 0 7px;background:linear-gradient(130deg,#45575c,#23373d)}
#bottle-preview .label span {font-size:5px;letter-spacing:.5px}
#bottle-preview .label strong {font-size:22px;font-weight:500}
#bottle-preview .lines {height:70%;margin:18px 8px;background:repeating-linear-gradient(0deg,transparent 0 6px,#a0b2b84a 6px 7px)}
#bottle-preview .window {position:absolute;left:43%;width:17%;top:7%;bottom:9%;box-shadow:inset 2px 0 3px #ffffff12,inset -2px 0 3px #0003;border-radius:6px;z-index:3}
#bottle-preview .shine {position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,transparent 9%,#ffffff2b 14%,#ffffff09 24%,transparent 30%,transparent 78%,#ffffff17 86%,transparent 92%);pointer-events:none}
#bottle-preview .base {position:absolute;bottom:4px;left:10%;width:80%;height:6px;border-radius:50%;background:#c3e9ee28;z-index:4}
#bottle-preview .shadow {position:absolute;bottom:16px;width:170px;height:15px;border-radius:50%;background:#102d3240;filter:blur(6px)}
#bottle-preview .bubble {position:absolute;border:1px solid #d5fffa8c;border-radius:50%;width:4px;height:4px;opacity:0;left:50%;bottom:8%}
#bottle-preview .moving .bubble {animation:bottle-bubble 1.7s ease-out 2}
#bottle-preview .bubble.b {left:55%;animation-delay:.4s}
#bottle-preview .bubble.c {left:47%;animation-delay:.8s;width:3px;height:3px}
#bottle-preview .controls {max-width:360px;margin:auto}
#bottle-preview .range-title {display:flex;justify-content:space-between;font-size:14px;margin-bottom:10px}
#bottle-preview output {font-variant-numeric:tabular-nums}
#bottle-preview input {width:100%;accent-color:light-dark(#227b80,#67c6c8);height:26px;cursor:ew-resize;margin:0}
#bottle-preview .endpoints {display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
#bottle-preview .play {margin-top:20px;border:0;border-radius:12px;background:light-dark(#20343b,#dce9eb);color:light-dark(#fff,#182125);min-height:48px;padding:12px 18px;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:14px}
#bottle-preview footer {font-size:11px;color:var(--muted);text-align:center;margin-top:20px;line-height:1.5}
@keyframes bottle-wave {0%,100% {transform:translateX(-4%) scaleY(.8)}50% {transform:translateX(4%) scaleY(1.1)}}
@keyframes bottle-bubble {0% {transform:translateY(0);opacity:0}20% {opacity:.7}100% {transform:translateY(-65px);opacity:0}}
@media(max-width:380px) {#bottle-preview .bottle-ui {padding:20px 16px}#bottle-preview h2 {font-size:21px}}
@media(prefers-reduced-motion:reduce) {#bottle-preview * {animation:none!important;transition:none!important}}

.nicotine-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.nicotine-intro{max-width:700px;line-height:1.8;color:var(--muted)}.nicotine-result{margin-top:24px;padding:22px;border-radius:18px;background:#eee6f6}.nicotine-result dl{margin:0}.nicotine-result dl div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.nicotine-result dd{margin:0;font-weight:750;text-align:right}.nicotine-result p{font-size:13px;line-height:1.7}.nicotine-layout #bottle-preview{padding:0}.nicotine-layout #bottle-preview .bottle-ui{background:#eee6f6;--ink:#301943;--muted:#675574}.nicotine-layout #bottle-preview footer{line-height:1.6}.nicotine-layout input{font-size:16px}#nicotine-error:empty{display:none}.nicotine-layout [hidden]{display:none!important}@media(max-width:760px){.nicotine-layout{grid-template-columns:1fr}.nicotine-result{padding:16px}.topbar>nav{flex-wrap:wrap}}
.calc-step{border:0;margin:0;padding:0 0 26px;min-width:0}.calc-step legend{font-size:17px;font-weight:700;margin-bottom:17px;display:flex;gap:10px;align-items:center}.calc-step legend>span{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#eee6f6;color:var(--accent);font-size:13px}.calc-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.calc-options label{position:relative;cursor:pointer}.calc-options input{position:absolute;opacity:0;width:1px;height:1px}.calc-options label>span{display:flex;justify-content:center;align-items:baseline;gap:5px;border:1px solid var(--line);border-radius:13px;padding:16px 8px;font-size:22px;font-weight:700;background:#fff}.calc-options small{font-size:11px;font-weight:500}.calc-options input:checked+span{border-color:var(--accent);background:#eee6f6;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.calc-options input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}.calc-hint{font-size:12px;line-height:1.65;color:var(--muted);margin:10px 0 0}.kit-info{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:18px;font-size:13px}.kit-info span{font-size:12px;line-height:1.7;color:var(--muted)}.nicotine-result:empty{display:none}.nicotine-result{padding:0;margin:0 0 20px}.result-strength{font-size:40px;font-weight:750;letter-spacing:-2px;margin:0}.result-strength small{font-size:15px;letter-spacing:0;font-weight:500}.result-caption{color:var(--muted);margin:4px 0 18px!important}.recipe-list{list-style:none;padding:0;margin:0}.recipe-list li{padding:12px 0;border-top:1px solid #d7c7e5;font-size:14px;line-height:1.6}.recipe-list strong{color:#301943}.recipe-note{padding:12px;background:#fff9;border-radius:12px;font-size:12px!important}.copy-recipe{display:block;width:100%;min-height:44px;background:transparent;border:1px solid #674f7a;border-radius:12px;color:#301943;margin-top:12px}#copy-status{font-size:12px;text-align:center}#bottle-preview .stage{height:330px}#bottle-preview h2{font-size:21px}#bottle-preview .play{background:var(--accent);color:#fff}#bottle-preview .range-title{font-size:12px}.calculator-inputs{margin-bottom:0}.targets label>span{font-size:20px;flex-direction:column;align-items:center;gap:3px}@media(min-width:761px){#bottle-preview{position:sticky;top:20px}}@media(max-width:380px){.calc-options{gap:6px}.calc-options label>span{font-size:19px}.shop-panel.calculator-inputs{padding:20px 16px}}

.nicotine-type{grid-template-columns:repeat(2,minmax(0,1fr))}.nicotine-type label>span{flex-direction:column;align-items:center;gap:7px;font-size:16px}.nicotine-type small{font-size:11px}

.max-target{grid-column:1/-1}.targets .max-target>span{flex-direction:row;gap:12px}.max-target small{font-size:13px}#nicotine-maximum{color:var(--accent);font-weight:650}

.calculator-breadcrumb{font-size:12px;color:var(--muted);margin-top:12px}.calculator-breadcrumb a{color:var(--accent)}.calculator-guide{max-width:920px;margin:48px auto 0;border-top:1px solid var(--line);padding-top:32px;line-height:1.85;font-size:15px}.calculator-guide h2{font-size:25px;line-height:1.35;margin:0 0 18px;letter-spacing:-.5px}.calculator-guide h3{font-size:18px;line-height:1.5;margin:25px 0 10px}.calculator-guide section{margin-top:38px;scroll-margin-top:20px}.calculator-guide p{margin:12px 0}.calculator-guide li{margin:12px 0}.calculator-guide a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.guide-index{display:flex;flex-wrap:wrap;gap:10px 22px;background:#eee6f6;padding:18px 22px;border-radius:16px;margin:24px 0;font-size:13px}.guide-table{overflow-x:auto;border:1px solid var(--line);border-radius:14px;margin:20px 0}.guide-table table{min-width:570px;background:#fff}.guide-table caption{text-align:left;font-weight:650;padding:14px;font-size:13px}.guide-formula{background:#eee6f6;padding:20px;border-radius:14px;font-weight:650}.guide-author{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;font-size:13px;color:var(--muted)}@media(max-width:760px){.calculator-guide{font-size:14px;margin-top:32px}.calculator-guide h2{font-size:22px}.nicotine-intro{font-size:13px;margin-bottom:20px}.shop-main>h1{margin-top:15px}.guide-index{padding:16px}}