#lagerverket{--lv-bg:#141419;--lv-bg-alt:#0f0f13;--lv-card:#1b1b22;--lv-card-2:#22222a;--lv-line:rgba(255,255,255,.08);--lv-line-2:rgba(255,255,255,.14);--lv-text:#f2ede3;--lv-text-2:#b6b0a5;--lv-muted:#7c766c;--lv-gold:#d6a54d;--lv-gold-light:#ecd08a;--lv-gold-deep:#a8792c;--lv-gold-glow:rgba(214,165,77,.22);--radius:14px;--header-h:60px;--shelf-h:158px;margin-top:4rem;background:var(--lv-bg);color:var(--lv-text);font-family:var(--dk-font-default);font-size:15px;line-height:1.5;button{font:inherit;color:inherit}a{color:var(--lv-gold-light)}#lv{position:relative;height:calc(100vh - 4rem);height:calc(100dvh - 4rem);width:100%;display:grid;grid-template-rows:var(--header-h) 1fr var(--shelf-h);grid-template-columns:1fr;grid-template-areas:"header" "stage" "shelf";overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (min-width:900px){#lv{grid-template-columns:320px 1fr;grid-template-rows:var(--header-h) 1fr var(--shelf-h);grid-template-areas:"header header" "panel stage" "panel shelf"}}.lv-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid var(--lv-line);background:linear-gradient(180deg,rgba(20,20,25,.98),rgba(20,20,25,.92));position:relative;z-index:5}.lv-brand{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;line-height:1.15}.lv-brand .kicker{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:599px){.lv-brand .k-brand{display:none}}.kicker{font-family:var(--dk-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--lv-gold)}.kicker.muted{color:var(--lv-muted)}.lv-brand .title{font-family:var(--dk-font-display);font-size:20px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lv-timer{font-family:var(--dk-font-mono);font-size:22px;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--lv-text);min-width:64px;text-align:center;flex:0 0 auto}.lv-timer.low{color:#e8896a}.lv-actions{display:flex;gap:8px;align-items:center;flex:0 0 auto}@media (max-width:899px){.lv-actions [data-recipe-btn]{display:none}}@media (max-width:480px){.lv-header{padding:0 10px;gap:8px}.lv-actions{gap:6px}.lv-actions .btn{padding:7px 9px}.lv-timer{font-size:19px;min-width:52px}}.btn{appearance:none;border:1px solid var(--lv-line-2);background:rgba(255,255,255,.03);color:var(--lv-text);border-radius:10px;padding:9px 14px;cursor:pointer;font-weight:500;font-size:14px;line-height:1;transition:transform .15s ease,background .15s ease,border-color .15s ease,opacity .15s ease;touch-action:manipulation}.btn:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22)}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.35;cursor:default;transform:none}.btn-gold{color:#1a1408;border-color:rgba(255,225,160,.35);font-weight:600;box-shadow:0 6px 22px rgba(214,165,77,.18)}.btn-gold,.btn-gold:hover{background:linear-gradient(180deg,var(--lv-gold-light),var(--lv-gold) 55%,var(--lv-gold-deep))}.btn-gold:hover{filter:brightness(1.06)}.btn-gold.pulse{animation:lv-pulse 1.6s ease-in-out infinite}.btn-sm{padding:7px 11px;font-size:13px}.btn-mono{font-family:var(--dk-font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.lv-stage{grid-area:stage;position:relative;overflow:hidden;background:radial-gradient(ellipse 60% 55% at 50% 62%,rgba(214,165,77,.16),transparent 70%),radial-gradient(ellipse 120% 80% at 50% 110%,rgba(0,0,0,.55),transparent 60%),linear-gradient(180deg,#17171d,#121216 60%,#0e0e12)}.lv-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.lv-stage:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .08 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.55;mix-blend-mode:overlay}.lv-stage:after,.lv-stage:before{content:"";position:absolute;inset:0;pointer-events:none}.lv-stage:before{z-index:1;box-shadow:inset 0 0 120px rgba(0,0,0,.55)}.lv-steppill{position:absolute;left:12px;top:12px;z-index:3;background:rgba(20,20,25,.72);border:1px solid var(--lv-line-2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:8px 12px;max-width:calc(100% - 24px);display:flex;flex-direction:column;gap:4px;cursor:pointer}.lv-steppill .row{display:flex;align-items:center;gap:8px;white-space:nowrap}.lv-steppill .name{font-family:var(--dk-font-display);font-size:16px}.lv-steppill .amt{font-family:var(--dk-font-mono);font-size:12px;color:var(--lv-text-2)}.lv-steppill .bar{height:3px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}.lv-steppill .bar>i{display:block;height:100%;width:0;background:var(--lv-gold);transition:width .12s linear}@media (min-width:900px){.lv-steppill{display:none}}.lv-flowmeter{position:absolute;right:14px;top:14px;z-index:3;width:10px;height:96px;border:1px solid var(--lv-line-2);border-radius:6px;background:rgba(0,0,0,.35);overflow:hidden;opacity:0;transition:opacity .2s}.lv-flowmeter>i{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(to top,#6fb08a,var(--lv-gold) 55%,#e8896a)}.lv-flowmeter.on{opacity:1}.lv-flowlabel{position:absolute;right:30px;top:14px;z-index:3;font-family:var(--dk-font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--lv-muted);writing-mode:vertical-rl;transform:rotate(180deg);height:96px;text-align:center;opacity:.8}.lv-shelf{grid-area:shelf;position:relative;z-index:4;border-top:1px solid var(--lv-line);background:linear-gradient(180deg,#1a1a20,#121216);display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:10px 12px 12px;overflow-x:auto;overflow-y:hidden}.lv-shelf:before{content:"";position:absolute;left:0;right:0;bottom:10px;height:8px;background:linear-gradient(180deg,#3a2c1c,#241a10);border-top:1px solid rgba(214,165,77,.25)}.bottle{position:relative;appearance:none;border:0;background:transparent;padding:0 4px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;touch-action:none;flex:0 0 auto;width:72px;transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45))}.bottle svg{width:40px;height:88px;display:block;margin-top:10px;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.bottle .bname{font-family:var(--dk-font-display);font-size:12px;line-height:1.1;text-align:center;color:var(--lv-text);max-width:72px}.bottle .bdens{font-family:var(--dk-font-mono);font-size:10px;color:var(--lv-muted);letter-spacing:.06em}.bottle:hover svg{transform:translateY(-3px)}.bottle.pouring{transform:translateY(-8px)}.bottle.pouring svg{transform:rotate(-8deg)}.bottle.selected .bname{color:var(--lv-gold-light)}.bottle.done .bname:after{content:" ✓";color:var(--lv-gold)}.bottle[disabled]{opacity:.4;cursor:default}.bottle .key{position:absolute;top:0;right:4px;font-family:var(--dk-font-mono);font-size:9px;color:var(--lv-muted)}.stir{width:64px;padding-bottom:12px;border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 auto;touch-action:manipulation;transition:transform .18s}.stir svg{width:36px;height:88px;display:block;margin-top:10px}.stir .bname{font-family:var(--dk-font-display);font-size:12px;color:var(--lv-text)}.stir.spin svg{animation:lv-stir .8s ease-in-out}.stir[disabled]{opacity:.4;cursor:default}.lv-panel{grid-area:panel;border-right:1px solid var(--lv-line);background:var(--lv-bg-alt);padding:18px 18px 14px;overflow-y:auto;display:none;flex-direction:column;gap:16px}@media (min-width:900px){.lv-panel{display:flex}}.lv-panel h2{font-family:var(--dk-font-display);font-weight:400;font-size:24px;margin:4px 0 0;letter-spacing:-.01em}.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.step{display:grid;grid-template-columns:22px 14px 1fr auto;gap:8px;align-items:center;padding:9px 10px;border-radius:10px;border:1px solid transparent;color:var(--lv-text-2)}.step .idx{font-family:var(--dk-font-mono);font-size:11px;color:var(--lv-muted)}.step .dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.25)}.step .lab{display:flex;flex-direction:column;line-height:1.2}.step .lab b{font-weight:500;color:var(--lv-text)}.step .lab small{font-size:11.5px;color:var(--lv-muted)}.step .amt{font-family:var(--dk-font-mono);font-size:12px;text-align:right;white-space:nowrap}.step .amt .poured{color:var(--lv-gold-light)}.step .bar{grid-column:3/span 2;height:3px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}.step .bar>i{display:block;height:100%;width:0;background:var(--lv-gold);transition:width .12s linear}.step.current{border-color:rgba(214,165,77,.45);background:rgba(214,165,77,.06)}.step.done{opacity:.75}.step.done .idx{color:var(--lv-gold)}.stackviz{display:flex;flex-direction:column-reverse;gap:2px;width:64px;border:1px solid var(--lv-line-2);border-radius:6px 6px 3px 3px;padding:3px;background:rgba(0,0,0,.3)}.stackviz i{display:block;height:10px;border-radius:2px}.panel-note{font-size:12.5px;color:var(--lv-muted);line-height:1.5}.panel-row{display:flex;align-items:center;gap:14px}.overlay{position:absolute;inset:0;z-index:20;display:none;flex-direction:column;padding:16px;background:rgba(10,10,14,.5);backdrop-filter:blur(8px) saturate(1.1);-webkit-backdrop-filter:blur(8px) saturate(1.1);overflow-y:auto;-webkit-overflow-scrolling:touch}.overlay.open{display:flex}@media (min-width:900px){.overlay:not(.overlay-full){top:var(--header-h);left:320px;bottom:var(--shelf-h)}}.overlay-full{z-index:30;backdrop-filter:none;-webkit-backdrop-filter:none;background:radial-gradient(ellipse 70% 50% at 50% 30%,rgba(214,165,77,.14),transparent 70%),linear-gradient(180deg,#17171d,#121216 60%,#0e0e12)}.card{width:100%;max-width:560px;background:rgba(27,27,34,.92);border:1px solid var(--lv-line-2);border-radius:18px;padding:26px 26px 22px;box-shadow:0 30px 80px rgba(0,0,0,.6),inset 0 0 0 1px rgba(214,165,77,.08);position:relative;margin:auto;flex:0 0 auto}.card .lv-h1,.card h2{font-family:var(--dk-font-display);font-weight:400;letter-spacing:-.015em;margin:6px 0 10px;line-height:1.08}.card .lv-h1{font-size:44px}.card h2{font-size:34px}.card p:not(.lv-h1){margin:0 0 12px;color:var(--lv-text-2)}.card .actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.card .actions .btn{flex:1 1 auto;text-align:center;padding:13px 16px}.recipe{list-style:none;margin:12px 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}.recipe li{display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:center;padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--lv-line)}.recipe .dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.25)}.recipe .lab b{font-weight:500}.recipe .lab small{color:var(--lv-muted);margin-left:6px}.recipe .amt{font-family:var(--dk-font-mono);font-size:12.5px;color:var(--lv-text-2);white-space:nowrap}.meta{font-size:13px;color:var(--lv-muted);margin:6px 0 0}.tipbox{margin-top:12px;padding:12px 14px;border-left:2px solid var(--lv-gold);background:rgba(214,165,77,.06);border-radius:0 10px 10px 0;font-size:14px;color:var(--lv-text-2)}.tipbox b{color:var(--lv-gold-light);font-weight:500}.hr{height:1px;background:var(--lv-line);margin:16px 0}.home-hero{text-align:center;padding:8px 0 6px}.home-hero .lv-h1{font-size:56px;margin:8px 0}.home-hero .lv-h1 em{font-style:italic;color:var(--lv-gold-light);font-weight:300}.home-hero p:not(.lv-h1){max-width:460px;margin:0 auto 6px}.levels{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}@media (min-width:560px){.levels{grid-template-columns:repeat(4,1fr)}}.lvcard{appearance:none;text-align:left;border:1px solid var(--lv-line-2);background:rgba(255,255,255,.03);border-radius:12px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:transform .15s ease,border-color .15s ease,background .15s ease;min-height:118px}.lvcard:hover{transform:translateY(-2px);border-color:rgba(214,165,77,.5);background:rgba(214,165,77,.05)}.lvcard .t{font-family:var(--dk-font-display);font-size:17px;line-height:1.1}.lvcard .s{font-size:11.5px;color:var(--lv-muted)}.lvcard .stars{font-family:var(--dk-font-mono);font-size:12px;color:var(--lv-gold);letter-spacing:.1em;margin-top:auto}.lvcard .stars.none{color:var(--lv-muted)}.howto{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px;font-size:13.5px;color:var(--lv-text-2)}@media (min-width:560px){.howto{grid-template-columns:repeat(3,1fr)}}.howto div{padding:10px 12px;border:1px solid var(--lv-line);border-radius:10px}.howto b{display:block;font-family:var(--dk-font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--lv-gold);margin-bottom:4px;font-weight:500}.score-big{font-family:var(--dk-font-display);font-size:72px;line-height:1;letter-spacing:-.02em;margin:2px 0 0}.score-big small{font-size:18px;color:var(--lv-muted);letter-spacing:0;margin-left:6px;font-family:var(--dk-font-default)}.stars-big{font-family:var(--dk-font-mono);font-size:22px;letter-spacing:.2em;color:var(--lv-gold);margin:4px 0 14px}.breakdown{display:flex;flex-direction:column;gap:10px;margin:6px 0 4px}.breakdown .r{display:grid;grid-template-columns:120px 1fr 52px;gap:10px;align-items:center;font-size:13.5px}.breakdown .r .w{color:var(--lv-muted);font-family:var(--dk-font-mono);font-size:11px}.breakdown .bar{height:6px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden}.breakdown .bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--lv-gold-deep),var(--lv-gold-light));width:0;transition:width .7s cubic-bezier(.2,.8,.2,1)}.breakdown .v{font-size:12px;text-align:right}.badge,.breakdown .v{font-family:var(--dk-font-mono)}.badge{display:inline-block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#1a1408;background:var(--lv-gold-light);border-radius:999px;padding:4px 10px;margin-left:8px;vertical-align:middle}.verdict{font-size:15px;color:var(--lv-text);margin-top:12px}.reclink{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:10px 14px;border:1px solid rgba(214,165,77,.4);border-radius:10px;text-decoration:none;color:var(--lv-gold-light);font-weight:500}.reclink:hover{background:rgba(214,165,77,.08)}.reclink small{color:var(--lv-muted);font-weight:400}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion:reduce){.bottle,.bottle svg,.btn,.lvcard{transition:none}.btn-gold.pulse{animation:none}}}@keyframes lv-pulse{0%,to{box-shadow:0 6px 22px rgba(214,165,77,.18)}50%{box-shadow:0 6px 30px rgba(214,165,77,.45)}}@keyframes lv-stir{0%{transform:rotate(0)}25%{transform:rotate(-18deg)}50%{transform:rotate(16deg)}75%{transform:rotate(-10deg)}to{transform:rotate(0)}}