.potion-guide-root{--font-ui: "Space Grotesk", "Segoe UI", sans-serif;--font-display: "Oxanium", "Segoe UI", sans-serif;--font-pixel: "Silkscreen", "Courier New", monospace;--potion-accent-rgb: 142 192 255;--radius-xl: 38px;--radius-lg: 30px;--radius: 22px;--radius-sm: 16px;--text-xs: clamp(.76rem, .16vw + .72rem, .84rem);--text-sm: clamp(.88rem, .22vw + .82rem, .98rem);--text-base: clamp(.98rem, .24vw + .9rem, 1.08rem);--text-lg: clamp(1.08rem, .34vw + .98rem, 1.22rem);--text-xl: clamp(1.24rem, .88vw + 1rem, 1.74rem);--bg-a: #050912;--bg-b: #09121d;--bg-c: #102035;--bg-d: #04070f;--panel-a: #101a2a;--panel-b: #0a121f;--panel-c: #1a2940;--line: rgba(119, 147, 184, .26);--line-strong: rgba(167, 202, 245, .5);--text: #eff6ff;--muted: #93a9c7;--accent: #8ecbff;--accent-soft: rgba(142, 203, 255, .16);--panel-border: rgba(145, 181, 227, .28);--scrollbar-thumb: rgba(233, 242, 255, .16);--hero-shadow: 0 32px 80px rgba(2, 6, 14, .48), inset 0 1px 0 rgba(255, 255, 255, .08);--panel-shadow: 0 28px 60px rgba(2, 6, 13, .4), inset 0 1px 0 rgba(255, 255, 255, .05);--card-shadow: 0 16px 30px rgba(3, 7, 14, .24);--selection-trace-duration: .68s;--selection-ring-size: 2px;--effect-icon-glow-delay: .72s}@property --selection-sweep-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.potion-guide-root[data-pp-theme=light]{--potion-accent-rgb: 36 105 196;--bg-a: #f7fbff;--bg-b: #e8f1fb;--bg-c: #cfdef1;--bg-d: #fff8ef;--panel-a: #ffffff;--panel-b: #f2f8ff;--panel-c: #dce9f7;--line: rgba(88, 123, 171, .28);--line-strong: rgba(46, 88, 146, .5);--text: #102845;--muted: #557190;--accent: #256cc8;--accent-soft: rgba(37, 108, 200, .14);--panel-border: rgba(95, 135, 191, .34);--scrollbar-thumb: rgba(33, 69, 114, .24);--hero-shadow: 0 32px 72px rgba(47, 79, 118, .16), inset 0 1px 0 rgba(255, 255, 255, .95);--panel-shadow: 0 24px 50px rgba(54, 84, 122, .17), inset 0 1px 0 rgba(255, 255, 255, .92);--card-shadow: 0 18px 34px rgba(58, 87, 122, .14);--light-border-soft: rgba(96, 130, 176, .22);--light-gold-rgb: 243 194 96}.potion-guide-root,.potion-guide-root *,.potion-guide-root *:before,.potion-guide-root *:after{box-sizing:border-box}.potion-guide-root,.potion-sidebar,.potion-info-panel,.layout-tuner-panel{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.potion-guide-root::-webkit-scrollbar,.potion-sidebar::-webkit-scrollbar,.potion-info-panel::-webkit-scrollbar,.layout-tuner-panel::-webkit-scrollbar{width:10px;height:10px;background:transparent}.potion-guide-root::-webkit-scrollbar-track,.potion-sidebar::-webkit-scrollbar-track,.potion-info-panel::-webkit-scrollbar-track,.layout-tuner-panel::-webkit-scrollbar-track{background:transparent}.potion-guide-root::-webkit-scrollbar-thumb,.potion-sidebar::-webkit-scrollbar-thumb,.potion-info-panel::-webkit-scrollbar-thumb,.layout-tuner-panel::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:999px;border:0}.potion-guide-root{position:relative;overflow-y:auto;overflow-x:hidden;font-family:var(--font-ui);font-size:16px;line-height:1.45;color:var(--text);background:radial-gradient(circle at 12% 12%,rgb(var(--potion-accent-rgb) / .18) 0%,transparent 30%),radial-gradient(circle at 85% 8%,rgba(112,148,197,.18) 0%,transparent 28%),radial-gradient(circle at 52% 100%,rgba(51,88,132,.28) 0%,transparent 32%),linear-gradient(155deg,var(--bg-a) 0%,var(--bg-b) 34%,var(--bg-c) 72%,var(--bg-d) 100%);background-size:140% 140%,150% 150%,130% 130%,100% 100%;background-attachment:fixed;animation:ambient-bg-shift 22s ease-in-out infinite alternate;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.potion-guide-root:before,.potion-guide-root:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}.potion-guide-root:before{background:linear-gradient(90deg,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 1px,transparent 1px,transparent 100%),linear-gradient(180deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 100%);background-size:104px 104px;opacity:.1;mask-image:radial-gradient(circle at 50% 16%,#000 0%,rgba(0,0,0,.9) 46%,transparent 90%)}.potion-guide-root:after{background:radial-gradient(circle at 78% 14%,rgb(var(--potion-accent-rgb) / .22) 0%,transparent 24%),radial-gradient(circle at 18% 24%,rgba(255,255,255,.08) 0%,transparent 20%);transition:background .35s ease}.potion-guide-root[data-pp-theme=light]{background:radial-gradient(circle at 12% 14%,rgb(var(--potion-accent-rgb) / .18) 0%,transparent 28%),radial-gradient(circle at 84% 12%,rgb(var(--light-gold-rgb) / .2) 0%,transparent 23%),radial-gradient(circle at 52% 100%,rgba(74,121,184,.18) 0%,transparent 28%),linear-gradient(150deg,var(--bg-a) 0%,var(--bg-b) 38%,var(--bg-c) 74%,var(--bg-d) 100%)}.potion-guide-root[data-pp-theme=light]:before{background:linear-gradient(90deg,rgba(88,119,157,.06) 0,rgba(88,119,157,.06) 1px,transparent 1px,transparent 100%),linear-gradient(180deg,rgba(88,119,157,.05) 0,rgba(88,119,157,.05) 1px,transparent 1px,transparent 100%);opacity:.24}.potion-guide-root[data-pp-theme=light]:after{background:radial-gradient(circle at 82% 12%,rgb(var(--light-gold-rgb) / .24) 0%,transparent 22%),radial-gradient(circle at 18% 24%,rgb(var(--potion-accent-rgb) / .16) 0%,transparent 20%),radial-gradient(circle at 50% 100%,rgba(255,255,255,.48) 0%,transparent 26%)}.potion-guide-page{--page-pad-top: 1.15rem;--page-pad-bottom: 2.4rem;--page-section-gap: 1.3rem;position:relative;z-index:1;width:min(1440px,calc(100% - 2rem));height:100%;min-height:100%;margin:0 auto;padding:var(--page-pad-top) 0 var(--page-pad-bottom);display:flex;flex-direction:column;gap:var(--page-section-gap)}.potion-guide-page:before{content:none}.app-layout{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(290px,340px) minmax(0,1fr) minmax(280px,320px);gap:1.3rem;align-items:start;overflow:visible;perspective:1400px;animation:rise-in .38s ease both;animation-delay:80ms}.potion-sidebar{align-self:start;position:sticky;top:var(--page-pad-top);height:auto;max-height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding:.35rem .1rem .35rem 0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}.potion-sidebar::-webkit-scrollbar{width:12px}.potion-sidebar::-webkit-scrollbar-track{border-radius:999px;background:linear-gradient(180deg,rgb(var(--potion-accent-rgb) / .1) 0%,transparent 18%,transparent 82%,rgb(var(--potion-accent-rgb) / .1) 100%)}.potion-sidebar::-webkit-scrollbar-thumb{background-color:rgb(var(--potion-accent-rgb) / .34);border-radius:999px}.potion-info-panel{position:sticky;top:var(--page-pad-top);align-self:start;min-height:0;max-height:100%;padding:1.25rem 1.15rem 1.3rem;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(145,181,227,.18);border-radius:32px;background:linear-gradient(150deg,#0f1825d6,#080d15e6 56%,#0b121ceb);box-shadow:0 28px 56px #02050c47,inset 0 1px #ffffff0a;backdrop-filter:blur(16px);isolation:isolate}.potion-info-panel:before,.potion-info-panel:after{content:"";position:absolute;inset:0;pointer-events:none}.potion-info-panel:before{content:none}.potion-info-panel:after{inset:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 30%);z-index:0}.potion-info-panel>*{position:relative;z-index:1}.potion-guide-root[data-pp-theme=light] .potion-info-panel{border-color:#5f87bf42;background:linear-gradient(150deg,#ffffffd6,#f4f9ffe6 56%,#e8f1fbf0);box-shadow:0 26px 52px #44608429,inset 0 1px #ffffffc2}.potion-guide-root[data-pp-theme=light] .potion-info-panel:after{background:linear-gradient(180deg,#ffffffad,#fff0 30%)}.potion-sidebar:before,.potion-sidebar:after{content:"";position:absolute;pointer-events:none}.potion-sidebar:before{content:none}.potion-sidebar:after{display:none}.potion-sidebar>*{position:relative;z-index:1}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.potion-list{display:flex;flex-direction:column;gap:.35rem;min-height:0;padding:.25rem 1rem 0 .35rem}.potion-list-loading{pointer-events:none}.potion-list-skeleton-item,.recipe-loading-icon,.recipe-loading-kicker,.recipe-loading-title,.recipe-loading-art,.recipe-loading-step,.potion-info-loading-badge,.potion-info-loading-icon,.potion-info-loading-line,.potion-info-loading-card{position:relative;overflow:hidden;border:1px solid rgb(var(--potion-accent-rgb) / .14);background:linear-gradient(135deg,rgb(var(--potion-accent-rgb) / .13),#ffffff0a 56%,#ffffff05)}.potion-list-skeleton-item:after,.recipe-loading-icon:after,.recipe-loading-kicker:after,.recipe-loading-title:after,.recipe-loading-art:after,.recipe-loading-step:after,.potion-info-loading-badge:after,.potion-info-loading-icon:after,.potion-info-loading-line:after,.potion-info-loading-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / .02) 28%,rgb(255 255 255 / .18) 52%,rgb(255 255 255 / .02) 72%,transparent 100%);transform:translate(-100%);animation:skeleton-shimmer 1.15s ease-in-out infinite}.potion-list-skeleton-item{min-height:68px;border-radius:18px}.potion-list-skeleton-item:nth-child(3n+2){width:calc(100% - 1rem)}.potion-list-skeleton-item:nth-child(3n){width:calc(100% - 2rem)}.potion-list-item{--potion-row-accent-rgb: var(--potion-accent-rgb);position:relative;width:100%;min-height:68px;padding:.78rem .9rem .78rem 1rem;display:flex;align-items:center;gap:.82rem;border:1px solid transparent;border-radius:18px;color:var(--text);overflow:hidden;isolation:isolate;cursor:pointer;text-decoration:none;text-align:left;box-shadow:none;transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease;animation:rise-in .3s ease both;animation-delay:var(--entry-delay, 0ms);background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.01) 36%,transparent 82%)}.potion-list-item:after{content:"";position:absolute;inset:-28% -18%;background:radial-gradient(ellipse at 14% 50%,rgb(var(--potion-row-accent-rgb) / .24) 0%,rgb(var(--potion-row-accent-rgb) / .12) 24%,transparent 58%),linear-gradient(90deg,rgb(var(--potion-row-accent-rgb) / .12) 0%,rgb(var(--potion-row-accent-rgb) / .05) 34%,transparent 72%);filter:blur(22px);opacity:0;transform:translate(-8%);transition:opacity .22s ease,transform .22s ease;z-index:0}.potion-list-item>*{position:relative;z-index:2}.potion-list-item:hover{transform:translate(6px);border-color:rgb(var(--potion-row-accent-rgb) / .16);background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.02) 36%,transparent 82%)}.potion-list-item.is-selected{border-color:rgb(var(--potion-row-accent-rgb) / .62);background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.03) 42%,transparent 88%);box-shadow:inset 0 0 0 1px rgb(var(--potion-row-accent-rgb) / .42)}.potion-list-item:hover:after,.potion-list-item.is-selected:after{opacity:1;transform:translate(0)}.potion-guide-root[data-pp-theme=light] .potion-list-item{border-color:var(--light-border-soft);background:linear-gradient(135deg,#fffffff5,#f2f8ffeb 54%,#e0ecf8cc);box-shadow:0 10px 22px #58769b1f}.potion-guide-root[data-pp-theme=light] .potion-list-item:hover{border-color:rgb(var(--potion-row-accent-rgb) / .38);background:linear-gradient(135deg,#fffffffa,rgb(var(--potion-row-accent-rgb) / .12) 58%,#e2eef9db);box-shadow:0 14px 28px #42608529}.potion-guide-root[data-pp-theme=light] .potion-list-item.is-selected{border-color:rgb(var(--potion-row-accent-rgb) / .56);background:linear-gradient(135deg,#fffffffc,rgb(var(--potion-row-accent-rgb) / .18) 56%,#e0ecf8f0);box-shadow:0 18px 30px #3c587b2e,inset 0 0 0 1px rgb(var(--potion-row-accent-rgb) / .24)}.potion-guide-root[data-pp-theme=light] .potion-list-item:after{background:radial-gradient(ellipse at 14% 50%,rgb(var(--potion-row-accent-rgb) / .24) 0%,rgb(var(--potion-row-accent-rgb) / .12) 24%,transparent 58%),linear-gradient(90deg,rgb(var(--potion-row-accent-rgb) / .14) 0%,rgb(var(--potion-row-accent-rgb) / .05) 34%,transparent 72%)}.potion-list-item:focus-visible,.layout-tuner-toggle:focus-visible,.layout-tuner-btn:focus-visible,.recipe-node-link:focus-visible,.potion-inline-link:focus-visible,.footer-vibe-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.potion-nav-icon{width:44px;height:44px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 0 rgba(140,188,255,0));transition:transform .22s ease,filter .22s ease}.potion-list-item:hover .potion-nav-icon{filter:drop-shadow(0 0 12px rgb(var(--potion-row-accent-rgb) / .28))}.potion-list-item.is-selected .potion-nav-icon{animation:nav-icon-glow-in .36s cubic-bezier(.22,1,.36,1) var(--selection-trace-duration) both,nav-icon-glow-pulse 2.5s ease-in-out calc(var(--selection-trace-duration) + .36s) infinite}.potion-list-copy{min-width:0;flex:1;display:flex;align-items:center}.potion-name{min-width:0;font-family:var(--font-display);font-size:clamp(1rem,.34vw + .93rem,1.12rem);font-weight:600;letter-spacing:.05em;line-height:1.12;text-transform:uppercase;white-space:normal;text-wrap:balance}.recipe-panel{position:relative;align-self:start;min-height:0;max-height:none;padding:1.65rem 1.5rem 2.1rem;display:block;overflow:visible;border:1px solid rgba(145,181,227,.18);border-radius:32px;background:linear-gradient(150deg,#0f1825d6,#080d15e6 56%,#0b121ceb);box-shadow:0 28px 56px #02050c47,inset 0 1px #ffffff0a;backdrop-filter:blur(16px);isolation:isolate;animation:rise-in .34s ease both}.recipe-panel:before,.recipe-panel:after{content:"";position:absolute;inset:0;pointer-events:none}.recipe-panel:before{content:none}.recipe-panel:after{inset:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 30%);z-index:0}.potion-guide-root[data-pp-theme=light] .recipe-panel{border-color:#5f87bf42;background:linear-gradient(150deg,#ffffffd6,#f4f9ffe6 56%,#e8f1fbf0);box-shadow:0 26px 52px #44608429,inset 0 1px #ffffffc2}.potion-guide-root[data-pp-theme=light] .recipe-panel:after{background:linear-gradient(180deg,#ffffffad,#fff0 30%)}.recipe-panel>*{position:relative;z-index:1}.recipe-panel-loading{min-height:clamp(34rem,72vh,48rem)}.potion-info-panel-loading{min-height:clamp(22rem,58vh,32rem)}.footer{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + .7rem);transform:translate(-50%);z-index:6;width:auto;max-width:calc(100% - 1.5rem);padding:0;display:grid;align-items:center;justify-content:center;gap:.7rem;font-size:.8rem;text-align:center}.footer-vibe-link,.footer-vibe-link:visited{color:var(--muted);text-decoration:none;line-height:1.15;opacity:.78;transition:opacity .2s ease}.footer-vibe-link:hover,.footer-vibe-link:focus-visible{opacity:1}.recipe-loading-shell{display:grid;gap:1.35rem}.recipe-loading-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem}.recipe-loading-icon{width:78px;height:78px;border-radius:50%}.recipe-loading-copy{display:grid;gap:.72rem}.recipe-loading-kicker{width:min(12rem,54%);height:.85rem;border-radius:999px}.recipe-loading-title{width:min(24rem,100%);height:clamp(2.4rem,4vw,3.4rem);border-radius:24px}.recipe-loading-art{width:min(100%,480px);aspect-ratio:1326 / 1226;margin-inline:auto;border-radius:28px}.recipe-loading-steps{display:grid;gap:.82rem;width:min(100%,32rem);margin-inline:auto}.recipe-loading-step{display:block;width:100%;height:1.05rem;border-radius:999px}.recipe-loading-step:nth-child(2){width:84%}.recipe-loading-step:nth-child(3){width:72%}.potion-info-loading-shell{display:grid;gap:1rem}.potion-info-loading-badge{width:7.2rem;height:.8rem;border-radius:999px}.potion-info-loading-ingredient{display:grid;grid-template-columns:62px minmax(0,1fr);gap:.85rem;align-items:center}.potion-info-loading-icon{width:62px;height:62px;border-radius:20px}.potion-info-loading-copy{display:grid;gap:.56rem}.potion-info-loading-line{width:100%;height:.92rem;border-radius:999px}.potion-info-loading-line-short{width:56%}.potion-info-loading-card{width:100%;min-height:6.6rem;border-radius:22px}.potion-info-loading-card-tall{min-height:8.8rem}.potion-inline-link{color:rgb(var(--potion-accent-rgb) / .98);text-decoration:none}.potion-inline-link{font-weight:700}.potion-inline-link:hover{text-decoration:underline}.recipe-flow-diagram{--ui-art-width: clamp(200px, 38vw, 480px);--ui-art-offset-x: 0px;--ui-layout-scale: .76;--ui-main-base-left: 30.24%;--ui-main-base-width: 39.44%;--ui-bubbles-base-left: 0%;--ui-bubbles-base-width: 15.54%;--ui-arrow-base-left: 77.75%;--ui-arrow-base-width: 22.25%;--ui-chrome-opacity: .92;--ui-chrome-filter: brightness(1.34) contrast(1.12) saturate(1.08) drop-shadow(0 18px 28px rgba(2, 6, 13, .22));--ui-slot-icon-size: clamp(32px, 5.2vw, 50px);--ui-slot-label-size: clamp(.74rem, 1.08vw, .9rem);--ui-slot-stack-gap: clamp(.24rem, .72vw, .46rem);--ui-slot-inline-padding: clamp(.08rem, .42vw, .28rem);--ui-main-offset-x: 0px;--ui-main-offset-y: 0px;--ui-main-scale: 1;--ui-bubbles-offset-x: 0px;--ui-bubbles-offset-y: 0px;--ui-bubbles-scale: 1;--ui-arrow-offset-x: 0px;--ui-arrow-offset-y: 0px;--ui-arrow-scale: 1;--ui-top-slot-offset-x: 0px;--ui-top-slot-offset-y: 0px;--ui-top-slot-scale: 1;--ui-bottom-slot-offset-x: 0px;--ui-bottom-slot-offset-y: 0px;--ui-bottom-slot-scale: 1;--ui-bottle-offset-x: 0px;--ui-bottle-offset-y: 0px;--ui-bottle-scale: 1.24;--ui-modifiers-offset-x: 0px;--ui-modifiers-offset-y: 0px;--ui-modifiers-scale: 1.1;--ui-slot-offset-top: 1.25rem;position:relative;flex:1;display:flex;flex-direction:column;gap:1.2rem}.potion-guide-root[data-pp-theme=light] .recipe-flow-diagram{--ui-chrome-opacity: .78;--ui-chrome-ink: rgb(79 111 157 / .78);--ui-chrome-filter: invert(34%) sepia(38%) saturate(795%) hue-rotate(188deg) brightness(61%) contrast(105%) drop-shadow(0 12px 22px rgba(95, 126, 168, .14)) drop-shadow(0 0 1px rgba(24, 52, 83, .24))}.recipe-showcase{display:grid;grid-template-columns:minmax(0,1fr);gap:1.45rem;align-items:start;justify-items:center;min-height:100%}.recipe-stage-column{display:grid;gap:1.1rem;width:min(var(--ui-art-width),100%);min-width:0}.potion-info-card{display:grid;gap:0}.potion-info-blurb{padding:0;display:grid;gap:.54rem;border:0;border-radius:0;background:none;box-shadow:none}.potion-info-blurb-title{margin:0;font-family:var(--font-display);font-size:.92rem;font-weight:700;line-height:1;letter-spacing:.08em;color:var(--muted);display:inline-flex;align-items:center;gap:.45rem}.potion-info-blurb-icon{display:block;width:1.4rem;height:1.4rem;flex:0 0 auto}.potion-info-blurb-body{margin:0;color:color-mix(in srgb,var(--text) 88%,var(--muted) 12%);font-size:clamp(1rem,.18vw + .96rem,1.08rem);line-height:1.55}.potion-info-blurb+.potion-info-blurb{margin-top:1rem;padding-top:1rem;border-top:1px solid rgb(var(--potion-accent-rgb) / .16)}.potion-guide-root[data-pp-theme=light] .potion-info-blurb+.potion-info-blurb{border-top-color:#5f87bf38}.recipe-header{position:relative}.recipe-flow-header{--recipe-title-icon-size: 78px;--recipe-title-icon-inset: 12px;--recipe-title-gap: 1rem;--recipe-title-stack-gap: .04rem;--recipe-title-prefix-offset-y: .16rem;--recipe-title-prefix-margin-bottom: -17px;--recipe-title-prefix-size: clamp(.82rem, .3vw + .74rem, .98rem);--recipe-title-prefix-line-height: 1.1;position:relative;width:min(var(--ui-art-width),100%);padding:.2rem 0 .25rem;display:grid;justify-items:center;row-gap:.4rem;justify-self:center;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;isolation:isolate}.recipe-flow-header:before{content:none}.recipe-flow-header:after{content:none}.recipe-flow-header>*{position:relative;z-index:1}.recipe-title-row{width:100%;display:grid;grid-template-columns:var(--recipe-title-icon-size) minmax(0,1fr) var( --recipe-title-icon-size );grid-template-areas:". prefix ." "icon title spacer";align-items:center;column-gap:var(--recipe-title-gap);row-gap:var(--recipe-title-stack-gap)}.recipe-title-icon-shell{grid-area:icon;width:var(--recipe-title-icon-size);height:var(--recipe-title-icon-size);display:grid;place-items:center;justify-self:end;align-self:center;border:0;border-radius:50%;background:transparent;box-shadow:none;animation:icon-shell-enter .42s cubic-bezier(.22,1,.36,1) .14s both}.recipe-title-icon-shell-trailing{grid-area:spacer;justify-self:start;margin-left:.95rem}.recipe-title-icon{width:calc(100% - var(--recipe-title-icon-inset));height:calc(100% - var(--recipe-title-icon-inset));object-fit:contain;filter:drop-shadow(0 0 0 rgba(166,213,255,0));animation:effect-icon-glow-in .44s cubic-bezier(.22,1,.36,1) var(--effect-icon-glow-delay) both,effect-icon-glow-pulse 2.8s ease-in-out calc(var(--effect-icon-glow-delay) + .44s) infinite}.recipe-title-block{display:contents}.recipe-title-spacer{grid-area:spacer;width:var(--recipe-title-icon-size);height:1px;justify-self:start;align-self:center;pointer-events:none;opacity:0}.recipe-title-block:before{content:none}.recipe-title{grid-area:title;margin:0;width:100%;min-width:0;align-self:center;font-family:var(--font-display);font-size:clamp(1.5rem,1.45vw + 1.05rem,2.5rem);font-weight:700;line-height:.96;letter-spacing:.025em;text-transform:uppercase;text-align:center;white-space:nowrap;overflow:visible}.recipe-title-prefix{grid-area:prefix;margin:0 0 var(--recipe-title-prefix-margin-bottom) 0;width:100%;align-self:end;font-family:var(--font-ui);font-size:var(--recipe-title-prefix-size);font-weight:700;line-height:var(--recipe-title-prefix-line-height);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);text-align:center;transform:translateY(var(--recipe-title-prefix-offset-y))}.recipe-duration{margin:0;text-align:center;color:#fff;font-family:var(--font-ui);font-size:clamp(1.08rem,.54vw + .94rem,1.24rem);font-weight:600;letter-spacing:.01em;line-height:1.34;text-shadow:0 1px 10px rgba(6,12,20,.42);text-transform:none;white-space:normal}.potion-guide-root[data-pp-theme=light] .recipe-duration{color:#153a5b;text-shadow:0 1px 0 rgba(255,255,255,.48)}.recipe-duration-icon{display:inline-block;width:auto;height:1.14em;vertical-align:-.16em;image-rendering:pixelated}.flow-layout-art{position:relative;width:min(var(--ui-art-width),100%);aspect-ratio:1326 / 1226;left:var(--ui-art-offset-x);margin-top:var(--ui-slot-offset-top);margin-bottom:clamp(-4.9rem,-10vw,-2.5rem);align-self:flex-start;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;z-index:0;isolation:isolate}.flow-layout-art:before,.flow-layout-art:after{content:none}.flow-layout-art:before{content:none}.flow-layout-art:after{content:none}.flow-layout-main-shell,.flow-layout-bubbles,.flow-layout-arrow,.flow-layout-bottle{position:absolute;pointer-events:none;user-select:none}.flow-layout-main,.flow-layout-arrow,.flow-layout-bottle{height:auto}.flow-layout-main-shell{top:calc(0% + var(--ui-main-offset-y, 0px));left:calc(var(--ui-main-base-left) + ((var(--ui-main-base-width) * (1 - var(--ui-layout-scale))) / 2) + var(--ui-main-offset-x, 0px));width:calc(var(--ui-main-base-width) * var(--ui-layout-scale));scale:var(--ui-main-scale, 1);transform-origin:center;z-index:3}.flow-layout-main{display:block;width:100%;height:auto;opacity:var(--ui-chrome-opacity);filter:var(--ui-chrome-filter)}.flow-slot-layer{position:absolute;inset:0;z-index:2}.flow-layout-bubbles{top:calc(0% + var(--ui-bubbles-offset-y, 0px));left:calc(var(--ui-bubbles-base-left) + ((var(--ui-bubbles-base-width) * (1 - var(--ui-layout-scale))) / 2) + var(--ui-bubbles-offset-x, 0px));width:calc(var(--ui-bubbles-base-width) * var(--ui-layout-scale));aspect-ratio:206 / 553;scale:var(--ui-bubbles-scale, 1);transform-origin:center;opacity:var(--ui-chrome-opacity);filter:var(--ui-chrome-filter);overflow:visible;z-index:1}.flow-layout-bubbles:before{content:none}.flow-layout-bubble-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.flow-layout-arrow{top:calc(4.7% + var(--ui-arrow-offset-y, 0px));left:calc(var(--ui-arrow-base-left) + ((var(--ui-arrow-base-width) * (1 - var(--ui-layout-scale))) / 2) + var(--ui-arrow-offset-x, 0px));width:calc(var(--ui-arrow-base-width) * var(--ui-layout-scale));scale:var(--ui-arrow-scale, 1);transform-origin:center;opacity:var(--ui-chrome-opacity);filter:var(--ui-chrome-filter);z-index:1}.flow-layout-bottle{top:calc(47.8% + var(--ui-bottle-offset-y, 0px));left:calc(var(--ui-bubbles-base-left) + ((var(--ui-bubbles-base-width) * (1 - var(--ui-layout-scale))) / 2) + ((var(--ui-bubbles-base-width) * var(--ui-layout-scale) - clamp(42px,15.2%,102px)) / 2) + var(--ui-bottle-offset-x, 0px));width:clamp(42px,15.2%,102px);scale:var(--ui-bottle-scale, 1);transform-origin:center;opacity:.96;filter:brightness(1.34) contrast(1.08) saturate(1.04) drop-shadow(0 14px 20px rgba(2,6,13,.2));z-index:2}.potion-guide-root[data-pp-theme=light] .flow-layout-bottle{opacity:.88;filter:brightness(1.22) contrast(1.04) saturate(1.02) drop-shadow(0 10px 16px rgba(72,102,141,.12))}.flow-slot{position:absolute;left:var(--flow-slot-left);top:var(--flow-slot-top);width:var(--flow-slot-width);height:var(--flow-slot-height);display:grid;place-items:center;overflow:visible}.flow-slot-top{--flow-slot-offset-x: var(--ui-top-slot-offset-x, 0px);--flow-slot-offset-y: var(--ui-top-slot-offset-y, 0px);--flow-slot-scale: var(--ui-top-slot-scale, 1)}.flow-slot-bottom{--flow-slot-offset-x: var(--ui-bottom-slot-offset-x, 0px);--flow-slot-offset-y: var(--ui-bottom-slot-offset-y, 0px);--flow-slot-scale: var(--ui-bottom-slot-scale, 1)}.flow-slot-content{width:100%;height:var(--flow-slot-content-height);display:flex;align-items:center;justify-content:center;transform:translate(var(--flow-slot-offset-x),var(--flow-slot-offset-y)) scale(var(--flow-slot-scale));transform-origin:center}.flow-slot-bottom,.flow-slot-bottom .flow-slot-content,.flow-slot-bottom .recipe-node-link{pointer-events:auto}.recipe-node{display:flex;width:100%;height:100%;min-height:0;padding-inline:var(--ui-slot-inline-padding);justify-content:center;align-items:center;flex-direction:column;gap:var(--ui-slot-stack-gap);text-align:center;color:var(--text);border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;opacity:0;animation:flow-rise .42s cubic-bezier(.22,1,.36,1) var(--flow-delay, 0ms) both;translate:0 var(--recipe-node-offset-y, 0px)}.recipe-node>div:last-child{width:100%;max-width:100%}.recipe-node-link{color:inherit;cursor:pointer;text-decoration:none;transition:filter .18s ease}.recipe-node-link:is(:hover,:focus-visible) .recipe-node-label{color:rgb(var(--potion-accent-rgb) / .98)}.recipe-node-icon-shell{width:auto;height:auto;border-radius:0;border:0;background:transparent;position:relative;display:grid;place-items:center;isolation:isolate;transition:translate .18s ease,scale .18s ease}.recipe-node-multi-icon .recipe-node-icon-shell{width:calc(var(--recipe-node-icon-size, var(--ui-slot-icon-size)) * 1.6667);height:var(--recipe-node-icon-size, var(--ui-slot-icon-size))}.recipe-node-icon-stack{position:relative;width:100%;height:100%}.recipe-node-icon-stack-item{position:absolute;top:0;width:var(--recipe-node-icon-size, var(--ui-slot-icon-size));height:var(--recipe-node-icon-size, var(--ui-slot-icon-size));display:grid;place-items:center;transition:transform .18s ease,filter .18s ease,opacity .18s ease,z-index .18s ease}.recipe-node-icon-stack-item-1{left:0;z-index:2}.recipe-node-icon-stack-item-2{right:0;z-index:1}a.recipe-node-icon-stack-item{color:inherit;text-decoration:none;cursor:pointer}.recipe-node-icon-stack-item:focus-visible{outline:2px solid rgb(var(--potion-accent-rgb) / .75);outline-offset:2px;border-radius:10px}.recipe-node-multi-icon[data-active-option="1"] .recipe-node-icon-stack-item-1,.recipe-node-multi-icon[data-active-option="2"] .recipe-node-icon-stack-item-2{z-index:4;transform:translateY(-2px) scale(1.04);filter:brightness(1.06)}.recipe-node-multi-icon[data-active-option="1"] .recipe-node-icon-stack-item-2,.recipe-node-multi-icon[data-active-option="2"] .recipe-node-icon-stack-item-1{opacity:.82}.recipe-node-icon{width:var(--recipe-node-icon-size, var(--ui-slot-icon-size));height:var(--recipe-node-icon-size, var(--ui-slot-icon-size));object-fit:contain;filter:drop-shadow(0 10px 14px rgba(2,6,13,.16));transition:transform .18s ease,filter .18s ease}.flow-slot-bottom .recipe-node-link:not(.recipe-node-multi-icon):is(:hover,:focus-visible) .recipe-node-icon{filter:drop-shadow(0 14px 20px rgb(var(--potion-accent-rgb) / .24))}.flow-slot-bottom .recipe-node-link:not(.recipe-node-multi-icon):is(:hover,:focus-visible) .recipe-node-icon-shell{translate:0 -2px;scale:1.04}.recipe-node-label{max-width:100%;font-family:var(--font-display);font-size:var(--ui-slot-label-size);font-weight:600;line-height:1.15;color:var(--text);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.28);text-wrap:balance;overflow-wrap:anywhere}.recipe-node-label-option,.recipe-node-label-separator{transition:color .18s ease,opacity .18s ease,text-shadow .18s ease}.recipe-node-label-separator{opacity:.66}.recipe-node-multi-icon[data-active-option="1"] .recipe-node-label-option[data-option-index="1"],.recipe-node-multi-icon[data-active-option="2"] .recipe-node-label-option[data-option-index="2"]{color:rgb(var(--potion-accent-rgb) / .98);text-shadow:0 1px 0 rgba(0,0,0,.36)}.recipe-node-multi-icon[data-active-option="1"] .recipe-node-label-option[data-option-index="2"],.recipe-node-multi-icon[data-active-option="2"] .recipe-node-label-option[data-option-index="1"]{opacity:.56}.potion-guide-root[data-pp-theme=light] .recipe-node-label{color:#183a5d;text-shadow:0 1px 0 rgba(255,255,255,.36)}.recipe-node-label-preserve-case{text-transform:none}.icon-fallback{width:var(--recipe-node-icon-size, 38px);height:var(--recipe-node-icon-size, 38px);border-radius:10px;background:#ffffff14;color:var(--text);font-size:.98rem;font-weight:700;display:grid;place-items:center}.potion-guide-root[data-pp-theme=light] .icon-fallback{background:linear-gradient(135deg,#ffffffbd,#e5f0fcad);color:#123150;box-shadow:0 8px 16px #4460841a}.modifier-lane-shell{position:relative;width:100%;min-height:0;padding:.075rem 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.modifier-lane-shell:before,.modifier-lane-shell:after{display:none}.modifier-lane{--modifier-ingredient-width: clamp(7.4rem, 11vw, 8.6rem);position:relative;width:100%;top:var(--ui-modifiers-offset-y, 0px);left:var(--ui-modifiers-offset-x, 0px);scale:var(--ui-modifiers-scale, 1);transform-origin:top left;display:flex;flex-direction:column;align-items:flex-start;gap:1.02rem;padding:0 0 13px}.modifier-lane:before{content:none}.recipe-modifier-row,.modifier-choice-group,.final-potion-node{position:relative;width:100%}.recipe-modifier-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:clamp(1rem,1.5vw,1.42rem);row-gap:.62rem;padding:.18rem 0 .18rem .42rem;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:0;animation:flow-rise .42s cubic-bezier(.22,1,.36,1) var(--flow-delay, 0ms) both}.modifier-choice-group{--modifier-choice-rail-width: clamp(2.65rem, 4vw, 3.1rem);--modifier-choice-rail-line-color: rgba(147, 169, 199, .78);--modifier-choice-rail-line-thickness: 2px;--modifier-choice-rail-line-x: clamp(1.08rem, 1.5vw, 1.24rem);--modifier-choice-rail-elbow-length: clamp(.9rem, 1.4vw, 1.12rem);--modifier-choice-rail-center-gap: clamp(1rem, 1.5vw, 1.16rem);--modifier-choice-rail-anchor-top: 25%;--modifier-choice-rail-anchor-bottom: 25%;display:block;padding:.18rem 0;opacity:0;animation:flow-rise .42s cubic-bezier(.22,1,.36,1) var(--flow-delay, 0ms) both}.potion-guide-root[data-pp-theme=light] .modifier-choice-group{--modifier-choice-rail-line-color: var( --ui-chrome-ink, rgba(79, 111, 157, .78) )}.modifier-choice-.potion-guide-root{position:relative;display:flex;flex-direction:column;gap:clamp(.72rem,1vw,.92rem);min-width:0}.modifier-choice-group .recipe-modifier-row{opacity:1;animation:none}.modifier-choice-rail{position:absolute;top:.18rem;bottom:.18rem;left:calc(-1 * var(--modifier-choice-rail-width));width:var(--modifier-choice-rail-width);color:var(--modifier-choice-rail-line-color);pointer-events:none}.modifier-choice-rail-segment,.modifier-choice-rail-branch{position:absolute;display:block;background:currentColor;border-radius:999px}.modifier-choice-rail-segment{left:var(--modifier-choice-rail-line-x);width:var(--modifier-choice-rail-line-thickness)}.modifier-choice-rail-segment-top{top:calc(var(--modifier-choice-rail-anchor-top) + 1px);bottom:calc(50% + (var(--modifier-choice-rail-center-gap) / 2))}.modifier-choice-rail-segment-bottom{top:calc(50% + (var(--modifier-choice-rail-center-gap) / 2));bottom:calc(var(--modifier-choice-rail-anchor-bottom) + 1px)}.modifier-choice-rail-branch{left:var(--modifier-choice-rail-line-x);width:var(--modifier-choice-rail-elbow-length);height:var(--modifier-choice-rail-line-thickness)}.modifier-choice-rail-branch-top{top:var(--modifier-choice-rail-anchor-top)}.modifier-choice-rail-branch-bottom{bottom:var(--modifier-choice-rail-anchor-bottom)}.modifier-choice-rail-word{position:absolute;top:50%;left:calc(var(--modifier-choice-rail-line-x) + (var(--modifier-choice-rail-line-thickness) / 2));transform:translate(-50%,-50%);color:var(--muted);font-family:var(--font-ui);font-size:.84rem;font-style:italic;font-weight:600;line-height:1;letter-spacing:.04em;text-transform:none;text-align:center;white-space:nowrap}.recipe-modifier-row:after{display:none}.recipe-modifier-row:before,.final-potion-node:before{content:none}.recipe-modifier-row>*,.final-potion-node>*{position:relative;z-index:1}.modifier-main{display:flex;align-items:center;gap:.82rem;min-width:min(100%,8.4rem)}.modifier-prefix{width:auto;height:auto;border-radius:0;background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:clamp(1.68rem,2.35vw,2rem);font-weight:700;line-height:1;flex-shrink:0}.potion-guide-root[data-pp-theme=light] .modifier-prefix{color:var(--ui-chrome-ink, rgb(var(--potion-accent-rgb) / .88));text-shadow:0 1px 0 rgba(255,255,255,.52)}.modifier-ingredient-node{--recipe-node-icon-size: clamp(40px, 4.8vw, 50px);display:flex;width:var(--modifier-ingredient-width);flex:0 0 var(--modifier-ingredient-width);height:auto;min-width:0;padding-inline:0;gap:clamp(.18rem,.46vw,.32rem);opacity:1;animation:none;translate:0 0}.modifier-ingredient-node>div:last-child{width:100%}.modifier-ingredient-node .recipe-node-label{font-size:clamp(.82rem,1vw,.94rem);line-height:1.08;letter-spacing:.03em;white-space:nowrap;text-wrap:nowrap;overflow-wrap:normal}.modifier-outcome{display:flex;align-items:center;min-width:0;gap:.82rem;padding:.32rem 0;border-left:0;flex-wrap:wrap;row-gap:.5rem}.modifier-outcome.has-potion-result-icon{display:grid;grid-template-columns:auto auto;grid-template-areas:"label icon";align-items:center;column-gap:.48rem;justify-self:start;width:fit-content;max-width:100%}.modifier-outcome.has-potion-result-icon .modifier-outcome-label{grid-area:label}.modifier-outcome.has-potion-result-icon.has-stacked-label{column-gap:.16rem}.modifier-outcome-label{font-family:var(--font-display);font-size:clamp(1.24rem,1.42vw,1.46rem);font-weight:600;line-height:1.12;letter-spacing:.04em;text-transform:none;text-wrap:balance;overflow-wrap:anywhere;margin:0}.modifier-outcome-label-two-line{display:flex;flex-direction:column;gap:.06rem;text-wrap:nowrap;white-space:nowrap}.modifier-outcome-label-line{display:block}.modifier-outcome-icon{display:inline-block;width:auto;height:1em;vertical-align:-.14em;image-rendering:pixelated}.modifier-result-icons{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.modifier-outcome.has-potion-result-icon .modifier-result-icons{flex-wrap:nowrap;grid-area:icon;align-self:center;justify-self:start}.modifier-result-icon-shell{display:grid;place-items:center;flex-shrink:0}.modifier-result-icon-shell-effect{width:36px;height:36px}.modifier-result-icon-shell-potion{width:34px;height:48px}.modifier-result-icon{object-fit:contain;filter:drop-shadow(0 8px 12px rgba(2,6,13,.16))}.modifier-result-icon-shell-effect .modifier-result-icon{width:30px;height:30px}.modifier-result-icon-shell-potion .modifier-result-icon{width:32px;height:46px}.modifier-result-icon.is-splash-potion-image,.final-potion-icon.is-splash-potion-image{translate:16px 0}.final-potion-node{display:flex;align-items:center;gap:1rem;margin-top:1.12rem;padding:1.08rem 0 0 .28rem;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:0;animation:flow-rise .42s cubic-bezier(.22,1,.36,1) var(--flow-delay, 0ms) both}.final-potion-node:before{width:.78rem;height:.78rem;background:rgb(var(--potion-accent-rgb) / .96)}.final-potion-node:after{content:none}.final-potion-icon-shell{width:74px;height:74px;border-radius:50%;border:0;background:transparent;display:grid;place-items:center;box-shadow:none}.final-potion-icon{width:clamp(38px,5.3vw,46px);height:clamp(48px,6.6vw,56px);object-fit:contain;filter:drop-shadow(0 0 12px rgb(var(--potion-accent-rgb) / .28))}.final-potion-text{display:flex;flex-direction:column;gap:.18rem;min-width:0}.final-potion-prefix{color:inherit;font-family:var(--font-pixel);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.potion-guide-root[data-pp-theme=light] .final-potion-prefix{color:#4f6d91}.final-potion-label{font-family:var(--font-display);font-size:clamp(1.14rem,1.34vw,1.34rem);font-weight:600;line-height:1.16;letter-spacing:.05em;text-transform:uppercase}.potion-guide-root[data-pp-theme=light] .final-potion-label{color:#143659}.layout-tuner-root{position:fixed;right:1rem;bottom:1rem;z-index:30;display:flex;flex-direction:column;align-items:flex-end;gap:.55rem}.layout-tuner-toggle,.layout-tuner-btn{border:1px solid rgba(158,191,234,.44);border-radius:11px;color:var(--text);background:linear-gradient(155deg,#3a5074f5,#26354cf0);box-shadow:0 10px 24px #060d1861;cursor:pointer;font-weight:700}.potion-guide-root[data-pp-theme=light] .layout-tuner-toggle,.potion-guide-root[data-pp-theme=light] .layout-tuner-btn{border-color:#5b7fb061;background:linear-gradient(155deg,#fffffff5,#ebf3fcf0);box-shadow:0 12px 24px #49648824}.layout-tuner-toggle{padding:.46rem .7rem;font-size:.83rem;letter-spacing:.03em}.layout-tuner-panel{width:min(430px,calc(100vw - 2rem));max-height:min(80vh,760px);overflow:auto;border:1px solid rgba(163,193,233,.45);border-radius:15px;padding:.74rem .76rem;background:linear-gradient(165deg,#182334fa,#111927fa);box-shadow:0 18px 34px #060d1780}.potion-guide-root[data-pp-theme=light] .layout-tuner-panel{background:linear-gradient(165deg,#f8fbfffa,#e9f0f9fa);border-color:#678dbd8c;box-shadow:0 18px 32px #304a6c2e}.layout-tuner-panel[hidden]{display:none}.layout-tuner-title{margin:0 0 .58rem;font-size:.9rem;font-weight:700;letter-spacing:.02em}.layout-tuner-list{display:flex;flex-direction:column;gap:.5rem}.layout-tuner-row{border:1px solid rgba(145,177,220,.34);border-radius:11px;padding:.52rem .56rem .6rem;background:#3b517633;display:flex;flex-direction:column;gap:.4rem}.potion-guide-root[data-pp-theme=light] .layout-tuner-row{background:linear-gradient(135deg,#ffffffd6,#e8f1fbd1);border-color:#7596c25c}.layout-tuner-row-title{font-size:.8rem;font-weight:700;letter-spacing:.02em;color:var(--text)}.layout-tuner-axis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem}.layout-tuner-axis{display:flex;flex-direction:column;gap:.2rem}.layout-tuner-axis-head{display:flex;align-items:center;justify-content:space-between;gap:.28rem;font-size:.72rem;color:var(--muted);font-weight:700}.layout-tuner-axis input[type=range]{width:100%}.layout-tuner-value{min-width:3.5rem;text-align:right;font-variant-numeric:tabular-nums}.layout-tuner-actions{margin-top:.62rem;display:flex;flex-wrap:wrap;gap:.46rem}.layout-tuner-btn{padding:.4rem .62rem;font-size:.76rem}.layout-tuner-output{margin:.62rem 0 0;max-height:200px;overflow:auto;border:1px solid rgba(148,180,222,.4);border-radius:10px;padding:.5rem;background:#0b111c9e;color:#dcecff;font-family:SFMono-Regular,Consolas,Menlo,monospace;font-size:.7rem;line-height:1.36;white-space:pre-wrap}.potion-guide-root[data-pp-theme=light] .layout-tuner-output{background:#ffffffc7;color:#1c3657;border-color:#7497c473}.potion-guide-root[data-pp-theme=light] .potion-list-skeleton-item,.potion-guide-root[data-pp-theme=light] .recipe-loading-icon,.potion-guide-root[data-pp-theme=light] .recipe-loading-kicker,.potion-guide-root[data-pp-theme=light] .recipe-loading-title,.potion-guide-root[data-pp-theme=light] .recipe-loading-art,.potion-guide-root[data-pp-theme=light] .recipe-loading-step,.potion-guide-root[data-pp-theme=light] .potion-info-loading-badge,.potion-guide-root[data-pp-theme=light] .potion-info-loading-icon,.potion-guide-root[data-pp-theme=light] .potion-info-loading-line,.potion-guide-root[data-pp-theme=light] .potion-info-loading-card{border-color:#5f87bf38;background:linear-gradient(135deg,rgb(var(--potion-accent-rgb) / .12),#fffffff2 58%,#e7f0f9e0)}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ambient-bg-shift{0%{background-position:0% 0%,100% 0%,50% 100%,center}to{background-position:14% 18%,86% 10%,54% 82%,center}}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@keyframes selection-trace{0%{opacity:1;--selection-sweep-angle: 0deg}84%{opacity:1;--selection-sweep-angle: 360deg}to{opacity:0;--selection-sweep-angle: 360deg}}@keyframes nav-icon-glow-in{0%{transform:scale(.96);filter:drop-shadow(0 0 0 rgba(169,213,255,0))}to{transform:scale(1.02);filter:drop-shadow(0 0 4px rgba(169,213,255,.62)) drop-shadow(0 0 9px rgba(121,176,241,.35))}}@keyframes nav-icon-glow-pulse{0%,to{filter:drop-shadow(0 0 3px rgba(169,213,255,.5)) drop-shadow(0 0 8px rgba(121,176,241,.28));transform:scale(1.01)}50%{filter:drop-shadow(0 0 6px rgba(190,224,255,.75)) drop-shadow(0 0 12px rgba(127,181,245,.4));transform:scale(1.03)}}@keyframes icon-shell-enter{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes effect-icon-glow-in{0%{transform:scale(.94);filter:drop-shadow(0 0 0 rgba(2,6,13,0))}to{transform:scale(1);filter:drop-shadow(0 10px 16px rgba(2,6,13,.18)) drop-shadow(0 0 10px rgba(255,255,255,.12))}}@keyframes effect-icon-glow-pulse{0%,to{filter:drop-shadow(0 8px 14px rgba(2,6,13,.16)) drop-shadow(0 0 8px rgba(255,255,255,.1))}50%{filter:drop-shadow(0 10px 18px rgba(2,6,13,.2)) drop-shadow(0 0 10px rgba(255,255,255,.14))}}@keyframes flow-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes connector-pulse{0%,to{opacity:.62}50%{opacity:1}}@keyframes panel-sheen{0%{transform:translate(-46%)}to{transform:translate(46%)}}@keyframes orb-drift{0%{transform:translate(-2%) scale(.96)}to{transform:translate(3%,-2%) scale(1.04)}}@keyframes arrow-drift{0%{transform:translate(0) translateY(0)}to{transform:translate(4px) translateY(-3px)}}@media(prefers-reduced-motion:reduce){.potion-guide-root,.potion-guide-root *,.potion-guide-root *:before,.potion-guide-root *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1260px){.recipe-flow-diagram{--ui-art-offset-x: 0px}.recipe-showcase{grid-template-columns:1fr}.flow-layout-art{align-self:center}}@media(max-width:1180px){.potion-guide-page{width:min(1400px,calc(100% - 1.5rem))}.app-layout{grid-template-columns:minmax(270px,320px) minmax(0,1fr)}.potion-info-panel{position:relative;top:auto;grid-column:2;max-height:none}}@media(max-width:940px){body{overflow-y:auto}.potion-guide-page{height:auto;min-height:100vh;min-height:100dvh}.app-layout{flex:0 0 auto;grid-template-columns:1fr;gap:1.1rem;align-items:stretch;overflow:visible}.potion-sidebar{position:relative;top:auto;height:auto;max-height:360px}.recipe-panel{height:auto;max-height:none;min-height:0;overflow:visible}.potion-info-panel{position:relative;top:auto;grid-column:auto;max-height:none}}@media(max-width:620px){.potion-guide-page{width:calc(100% - 1rem);padding-top:.9rem;padding-bottom:1.2rem;gap:.9rem}.footer{font-size:.74rem}.potion-sidebar{padding:.25rem 0;border-radius:0}.potion-list{gap:.58rem;padding-right:.7rem}.potion-list-item{min-height:70px;padding:.84rem .9rem}.potion-nav-icon{width:40px;height:40px}.recipe-panel{padding:1.08rem .95rem 1.4rem;border-radius:28px}.potion-info-panel{padding:1rem .95rem 1.1rem;border-radius:24px}.recipe-panel-loading{min-height:28rem}.potion-info-panel-loading{min-height:18rem}.recipe-flow-diagram{--ui-slot-icon-size: clamp(30px, 8.2vw, 42px);--ui-slot-label-size: clamp(.72rem, 2.4vw, .84rem);--ui-slot-stack-gap: clamp(.18rem, 1.1vw, .34rem);--ui-slot-inline-padding: clamp(.04rem, .3vw, .16rem);--ui-slot-offset-top: .92rem}.recipe-flow-header{--recipe-title-icon-size: 58px;--recipe-title-icon-inset: 10px;--recipe-title-gap: .72rem;--recipe-title-stack-gap: .02rem;--recipe-title-prefix-offset-y: .12rem;--recipe-title-prefix-margin-bottom: -12px;--recipe-title-prefix-size: clamp(.72rem, 2.2vw, .86rem);padding:.2rem 0 .3rem;row-gap:.24rem;border-radius:0}.recipe-flow-header:after{right:.7rem;bottom:-.2rem;font-size:clamp(1.5rem,8vw,2.1rem);letter-spacing:.12em}.recipe-title{font-size:clamp(1rem,4vw,1.45rem)}.recipe-title-prefix{letter-spacing:.18em}.recipe-duration{font-size:1rem}.potion-info-blurb-title{font-size:.84rem}.potion-info-blurb-body{font-size:.98rem}.recipe-loading-header{gap:.72rem}.recipe-loading-icon{width:60px;height:60px}.recipe-loading-kicker{width:70%}.recipe-loading-title{height:2rem}.flow-layout-art{width:min(100%,var(--ui-art-width));border-radius:0}.modifier-lane-shell{padding:.05rem 0 0;border-radius:0}.modifier-lane{--modifier-ingredient-width: clamp(6.4rem, 24vw, 7.25rem)}.recipe-modifier-row{column-gap:.92rem;padding:.16rem 0 .16rem .32rem}.modifier-choice-group{--modifier-choice-rail-width: clamp(2.35rem, 10vw, 2.72rem);--modifier-choice-rail-line-x: clamp(.92rem, 4vw, 1.08rem);--modifier-choice-rail-elbow-length: clamp(.72rem, 3vw, .94rem);--modifier-choice-rail-center-gap: .92rem}.modifier-choice-body{gap:.66rem}.modifier-choice-rail-word{font-size:.78rem}.modifier-main{gap:.66rem}.modifier-prefix{font-size:1.5rem}.modifier-ingredient-node{--recipe-node-icon-size: clamp(34px, 8.4vw, 42px);width:var(--modifier-ingredient-width)}.modifier-ingredient-node .recipe-node-label{font-size:clamp(.7rem,2.2vw,.82rem)}.modifier-outcome{gap:.66rem;padding-left:0;align-items:flex-start}.modifier-outcome.has-potion-result-icon{column-gap:.42rem;align-items:center}.modifier-outcome.has-potion-result-icon.has-stacked-label{column-gap:.1rem}.modifier-result-icon-shell-effect{width:32px;height:32px}.modifier-result-icon-shell-effect .modifier-result-icon{width:26px;height:26px}.modifier-result-icon-shell-potion{width:30px;height:42px}.modifier-result-icon-shell-potion .modifier-result-icon{width:28px;height:40px}.modifier-outcome-label{font-size:1.08rem}.final-potion-node{gap:.9rem;padding:.92rem .85rem .92rem .46rem}.final-potion-icon-shell{width:66px;height:66px;border-radius:18px}.final-potion-label{font-size:clamp(1.04rem,4vw,1.18rem)}}.app-stage>astro-island{display:block;height:100%}.potion-guide-root{height:100%}.potion-list-item,.recipe-node-link,.recipe-node-icon-stack-item{-webkit-appearance:none;appearance:none;font:inherit;cursor:pointer}.pp-whimsy{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:layout paint;--pp-accent: 142 192 255;--pp-warm: 255 198 120}.pp-whimsy-motes{position:absolute;inset:0}.pp-mote{position:absolute;left:var(--x);bottom:-6%;width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgb(var(--pp-accent) / .95),rgb(var(--pp-accent) / .5) 42%,rgb(var(--pp-accent) / 0) 72%);filter:drop-shadow(0 0 6px rgb(var(--pp-accent) / .55));opacity:0;will-change:transform,opacity;animation:pp-mote-rise var(--dur) linear var(--delay) infinite}.pp-mote-warm{background:radial-gradient(circle at 50% 50%,rgb(var(--pp-warm) / .95),rgb(var(--pp-warm) / .5) 42%,rgb(var(--pp-warm) / 0) 72%);filter:drop-shadow(0 0 6px rgb(var(--pp-warm) / .5))}@keyframes pp-mote-rise{0%{transform:translateZ(0) scale(.6);opacity:0}12%{opacity:1}50%{transform:translate3d(calc(var(--drift) * .5),-52vh,0) scale(1)}86%{opacity:.85}to{transform:translate3d(var(--drift),-108vh,0) scale(.7);opacity:0}}.potion-list-item.is-selected .potion-nav-icon{animation:pp-nav-glow 2.6s ease-in-out infinite}@keyframes pp-nav-glow{0%,to{filter:drop-shadow(0 0 4px rgb(var(--potion-row-accent-rgb) / .5)) drop-shadow(0 0 9px rgb(var(--potion-row-accent-rgb) / .3))}50%{filter:drop-shadow(0 0 8px rgb(var(--potion-row-accent-rgb) / .8)) drop-shadow(0 0 16px rgb(var(--potion-row-accent-rgb) / .45))}}.potion-list-item.is-selected:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:var(--selection-ring-size, 2px);background:conic-gradient(from var(--selection-sweep-angle),rgb(var(--potion-row-accent-rgb) / 0) 0deg,rgb(var(--potion-row-accent-rgb) / .95) 46deg,rgb(var(--potion-row-accent-rgb) / 0) 92deg,rgb(var(--potion-row-accent-rgb) / 0) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;z-index:1;pointer-events:none;animation:selection-trace var(--selection-trace-duration, .68s) ease both}