:root{--bg: #f5efe4;--bg-2: #ede3d2;--panel: linear-gradient(180deg, rgba(252, 248, 240, .96), rgba(242, 232, 215, .96));--border: rgba(138, 90, 43, .36);--bronze: #8c5319;--bronze-2: #6e3f11;--gold: #b45309;--cyan: #c95b10;--blue: #9a4409;--violet: #8c5319;--text: #23180f;--muted: #6e5a47;--glow: 0 4px 20px rgba(180, 83, 9, .18), 0 2px 8px rgba(43, 29, 18, .08);--radius: 6px;font-family:Plus Jakarta Sans,system-ui,sans-serif;color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100dvh;color:var(--text);background:radial-gradient(900px 500px at 15% 0%,rgba(217,155,82,.14),transparent 65%),radial-gradient(800px 600px at 85% 100%,rgba(168,95,36,.12),transparent 65%),repeating-linear-gradient(45deg,rgba(110,63,17,.018) 0 2px,transparent 2px 8px),var(--bg);background-attachment:fixed}.title{font-family:Cinzel,serif;letter-spacing:.05em;color:#23180f;font-weight:800}.serif-drink{font-family:Cormorant Garamond,Georgia,serif;font-weight:700;font-size:20px;color:#26180e;letter-spacing:.01em}.divider{display:flex;align-items:center;gap:10px;color:var(--bronze);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.divider:before,.divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(138,90,43,.55),transparent)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select{font:inherit;color:inherit}.app{max-width:500px;margin:0 auto;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 18px) 16px 115px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;font-weight:700;color:var(--bronze)}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:16px}.page{animation:rise .4s cubic-bezier(.2,.8,.2,1)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.card{position:relative;background:var(--panel);border:1.5px solid rgba(138,90,43,.42);border-radius:var(--radius);padding:18px;box-shadow:inset 0 0 0 3px #f5efe4cc,inset 0 0 0 4px #8a5a2b2e,0 8px 24px #3e271214;overflow:hidden}.card:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;pointer-events:none;background:linear-gradient(var(--bronze),var(--bronze)) top left / 14px 1.5px,linear-gradient(var(--bronze),var(--bronze)) top left / 1.5px 14px,linear-gradient(var(--bronze),var(--bronze)) top right / 14px 1.5px,linear-gradient(var(--bronze),var(--bronze)) top right / 1.5px 14px,linear-gradient(var(--bronze),var(--bronze)) bottom left / 14px 1.5px,linear-gradient(var(--bronze),var(--bronze)) bottom left / 1.5px 14px,linear-gradient(var(--bronze),var(--bronze)) bottom right / 14px 1.5px,linear-gradient(var(--bronze),var(--bronze)) bottom right / 1.5px 14px;background-repeat:no-repeat;opacity:.65}.card.rune:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(217,119,6,.12),transparent 70%)}.parchment-menu{position:relative;background:radial-gradient(circle at 20% 15%,rgba(255,252,245,.9),transparent 60%),linear-gradient(180deg,#faf5eb,#f3eadb 55%,#ede0cc);border:1.5px solid #8d7355;border-radius:4px;padding:28px 22px 24px;box-shadow:inset 0 0 0 5px #f7f1e5,inset 0 0 0 6px #8d73558c,0 12px 32px #301e0e1f}.rune-corner{position:absolute;font-size:16px;color:#5c4631;font-weight:600;opacity:.85;pointer-events:none}.rune-corner.tl{top:12px;left:14px}.rune-corner.tr{top:12px;right:14px}.rune-corner.bl{bottom:12px;left:14px}.rune-corner.br{bottom:12px;right:14px}.brand-wordmark{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:26px;letter-spacing:.14em;color:#231f20;margin-top:6px}.brand-rule{width:148px;height:1.5px;background:#3d3228;margin:4px auto}.brand-sub{font-size:11.5px;letter-spacing:.36em;font-weight:600;color:#3d3228}.alch-line{display:flex;align-items:center;gap:10px;margin:14px 8px 12px;color:#8c6a3a;font-size:14px}.alch-line>i{flex:1;height:1px;background:#8d7355}.menu-heading{font-family:Plus Jakarta Sans,sans-serif;font-weight:400;font-size:24px;letter-spacing:.18em;color:#231f20;display:flex;align-items:center;justify-content:center;gap:12px;margin:6px 0 12px}.rune-glyph{color:#9e7b4f;font-size:17px}.section-banner{display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin-bottom:6px;color:#7c5832;font-size:11px}.section-banner h3{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:16px;letter-spacing:.08em;color:#1c1611}.menu-list{display:flex;flex-direction:column;gap:14px;margin-top:8px}.menu-entry{padding-bottom:12px;border-bottom:1px dashed rgba(141,115,85,.35)}.menu-entry:last-child{border-bottom:none}.size-lines{list-style:none;margin-top:6px;display:flex;flex-direction:column;gap:6px}.size-line{display:flex;align-items:center;gap:8px;font-size:13px;color:#2e2116;padding:5px 8px;border-radius:5px;cursor:pointer;transition:background .15s}.size-line:hover,.size-line.selected{background:#b4530917}.size-line .diamond{color:#7c4a1d;font-size:11px}.mxn-price{color:#6b3c10;font-weight:800}.mini-add{margin-left:auto;padding:4px 10px;border-radius:4px;font-size:11.5px;font-weight:700;color:#fff8ee;background:linear-gradient(180deg,#c96414,#8f3d07);border:1px solid #6e2c03;box-shadow:0 2px 5px #6e2c0338;white-space:nowrap}.mini-add:active{transform:scale(.95)}.foams-box{margin-top:18px;padding-top:16px;border-top:1.5px solid rgba(141,115,85,.45)}.foams-title{text-align:center;font-size:13.5px;font-weight:800;letter-spacing:.05em;color:#1c1611;margin-bottom:10px}.foams-list{list-style:none;display:flex;flex-direction:column;gap:8px}.foam-head{font-size:13.5px;color:#5c340e}.foam-desc{font-size:12.5px;color:#3d2e20;padding-left:12px;line-height:1.35}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;font-weight:700;font-family:Cinzel,serif;letter-spacing:.06em;text-transform:uppercase;font-size:13.5px;color:#fff9f0;border-radius:5px;background:linear-gradient(180deg,#d66f19,#a8480a 60%,#7d3205);border:1px solid #632603;box-shadow:0 4px 14px #8c3e0a47;transition:transform .15s,filter .2s}.btn:active{transform:scale(.97)}.btn:hover{filter:brightness(1.07)}.btn.ghost{background:#ffffff8c;color:var(--bronze-2);border:1px solid var(--border);box-shadow:none}.btn.stone-btn{color:#fff9f0;background:linear-gradient(180deg,#e07b1c,#b45309 55%,#7c3505);border-color:#632603}.btn.block{width:100%}.chip{padding:8px 14px;border-radius:5px;border:1px solid var(--border);background:#fffcf5bf;color:var(--text);font-size:13px;font-weight:600;white-space:nowrap;transition:all .2s}.chip.active{background:linear-gradient(180deg,#d66f192e,#8c531924);border-color:var(--gold);color:#6e3206;box-shadow:0 2px 10px #b4530926}.scroll-x{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.scroll-x::-webkit-scrollbar{display:none}.stone{filter:drop-shadow(0 3px 8px rgba(180,83,9,.35))}.stone.empty{filter:none;opacity:.55}.stone.pulse{animation:pulse 2.6s ease-in-out infinite}@keyframes pulse{50%{filter:drop-shadow(0 4px 14px rgba(217,107,20,.65));transform:translateY(-2px)}}.bar{height:10px;border-radius:99px;background:#e4d7c3;border:1px solid var(--border);overflow:hidden;padding:1px}.bar>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#8c3d07,#d96b14,#f7aa35);transition:width .8s cubic-bezier(.2,.8,.2,1)}.qr-wrap{padding:14px;background:#fffdf9;border-radius:14px;border:1.5px solid rgba(138,90,43,.45);box-shadow:0 6px 20px #502d0c1f}.product{display:flex;gap:14px;align-items:center}.thumb{width:64px;height:64px;border-radius:6px;flex-shrink:0;display:grid;place-items:center;font-size:26px;border:1.5px solid var(--border);background:#efe4d2}.add{width:38px;height:38px;border-radius:5px;color:#fff;background:linear-gradient(180deg,#d66f19,#9a4208);border:1px solid #6e2c03;font-size:22px;font-weight:700;flex-shrink:0}.price{font-weight:800;color:var(--bronze-2)}.nav{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 10px);width:min(468px,calc(100% - 24px));display:flex;justify-content:space-around;padding:10px 6px;border-radius:8px;background:#faf4e8f5;box-shadow:0 6px 28px #2d1c0c29;border:1.5px solid rgba(138,90,43,.4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:20}.nav a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--muted);text-decoration:none;padding:4px 10px;border-radius:10px;position:relative;transition:color .2s}.nav a svg{width:21px;height:21px}.nav a.active{color:#8c3d07;font-weight:800}.nav a.active:after{content:"◆";position:absolute;bottom:-8px;font-size:8px;color:#c95b10}.badge{position:absolute;top:-2px;right:4px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:#b43c12;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}.fab-cart{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 88px);width:min(468px,calc(100% - 24px));z-index:15;animation:rise .3s}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#23160a7a;z-index:30;animation:fade .2s}.sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(500px,100%);max-height:86dvh;overflow-y:auto;z-index:31;background:#faf4e8;border:1.5px solid rgba(138,90,43,.5);border-bottom:none;border-radius:12px 12px 0 0;box-shadow:0 -8px 30px #2b1d1233;padding:22px 20px calc(env(safe-area-inset-bottom) + 22px);animation:up .32s cubic-bezier(.2,.8,.2,1)}@keyframes up{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@keyframes fade{0%{opacity:0}}.qty{display:flex;align-items:center;gap:10px}.qty button{width:30px;height:30px;border-radius:6px;background:#efe4d2;border:1px solid var(--border);font-weight:700}.transmute{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:radial-gradient(circle,#f7aa3547,#f5efe4f0 65%);animation:fade .3s}.transmute .ring{position:absolute;width:240px;height:240px;border-radius:50%;border:2px dashed var(--bronze);animation:spin 4s linear infinite}.transmute .ring.r2{width:300px;height:300px;border:1px solid rgba(201,91,16,.45);animation-direction:reverse;animation-duration:6s}.transmute .core{animation:burst 1.5s cubic-bezier(.2,.8,.2,1);text-align:center}@keyframes spin{to{transform:rotate(1turn)}}@keyframes burst{0%{transform:scale(.2) rotate(-90deg);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}.list-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(138,90,43,.16)}.list-item:last-child{border-bottom:none}.icon-circle{width:40px;height:40px;border-radius:6px;display:grid;place-items:center;background:#d66f191a;border:1px solid var(--border);flex-shrink:0}.field{width:100%;padding:13px 15px;border-radius:6px;background:#fffdf9;border:1.5px solid rgba(138,90,43,.38);color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s}.field:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b4530926}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.item-tooltip{position:relative;padding:16px;background:linear-gradient(180deg,#fdfaf3,#f3e8d6);border:1.5px solid var(--grade);box-shadow:inset 0 0 0 3px #faf4e8,0 6px 18px #502d0c1a;border-radius:6px}.order-banner{border-color:#c95b108c}.order-banner.ready{animation:readyGlow 1.6s ease-in-out infinite}@keyframes readyGlow{50%{box-shadow:0 0 22px #c95b1059}}.brew-dot{width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold);animation:pulseDot 1.2s ease-in-out infinite}.brew-dot.ready{background:#15803d;box-shadow:0 0 10px #15803d}@keyframes pulseDot{50%{transform:scale(.6);opacity:.6}}.alembic{position:relative;width:130px;height:130px;margin:0 auto;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--bronze);background:radial-gradient(circle,rgba(247,170,53,.22),transparent 70%)}.alembic:before,.alembic:after{content:"";position:absolute;border-radius:50%;top:-10px;right:-10px;bottom:-10px;left:-10px;border:1px dashed var(--bronze);animation:spin 8s linear infinite}.alembic:after{top:-20px;right:-20px;bottom:-20px;left:-20px;border:1px solid rgba(180,83,9,.25);animation-duration:12s;animation-direction:reverse}.timeline-step{display:flex;gap:14px;align-items:center;padding:10px 0;position:relative;opacity:.45;transition:opacity .4s}.timeline-step.done{opacity:1}.timeline-step:not(:last-child):after{content:"";position:absolute;left:15px;top:42px;height:calc(100% - 30px);width:1.5px;background:var(--border)}.timeline-node{width:31px;height:31px;flex-shrink:0;display:grid;place-items:center;font-size:12px;font-weight:700;border-radius:4px;border:1.5px solid var(--border);background:#faf4e8;color:var(--muted)}.timeline-step.done .timeline-node{border-color:var(--bronze);color:var(--bronze)}.timeline-step.now .timeline-node{border-color:var(--cyan);color:#fff;background:var(--cyan);box-shadow:0 0 12px #c95b1066}.slot{position:relative;width:140px;height:140px;margin:0 auto;display:grid;place-items:center;background:radial-gradient(circle,rgba(247,170,53,.25),transparent 68%),#faf3e6;border:2px solid var(--bronze);box-shadow:inset 0 0 0 4px #f5efe4,0 8px 24px #8a5a2b2e;transform:rotate(45deg)}.slot>*{transform:rotate(-45deg)}.slot.infusing{animation:infuse .9s ease-out}@keyframes infuse{30%{box-shadow:0 0 45px #d96b14a6}}.stat{display:flex;justify-content:space-between;font-size:13px;padding:7px 0;border-bottom:1px dashed rgba(138,90,43,.25)}.stat b{color:var(--bronze-2);font-weight:700}.level-cell{padding:10px 4px;border-radius:4px;text-align:center;font-size:10.5px;border:1px solid rgba(138,90,43,.22);background:#fffcf5a6}.level-cell.done{border-color:var(--bronze);background:#d96b141f;font-weight:600}.level-cell.now{border:2px solid #c95b10;box-shadow:0 0 12px #c95b1047}.staff-bar{position:fixed;top:0;left:50%;transform:translate(-50%);width:min(500px,100%);z-index:20;display:flex;justify-content:space-between;align-items:center;padding:calc(env(safe-area-inset-top) + 10px) 18px 10px;font-size:12.5px;background:#faf4e8f5;border-bottom:1.5px solid var(--border)}.staff-bar span{display:flex;align-items:center;gap:6px}.staff-bar b{color:var(--bronze-2)}.staff-bar button{color:var(--bronze);font-weight:700;font-size:12.5px}.staff-tabs{gap:8px}.staff-tabs .chip{flex:1;padding:11px 6px;text-align:center}.order-card.is-new{animation:rise .4s,newGlow 1.4s ease-in-out 3}@keyframes newGlow{50%{box-shadow:0 0 24px #c95b1059}}.order-card .btn{padding:14px}.pinpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pinpad button{height:58px;font-family:Cinzel,serif;font-weight:700;font-size:22px;border:1.5px solid var(--border);border-radius:6px;background:#fffdf9;transition:background .15s,transform .1s}.pinpad button:active{background:#d66f1933;transform:scale(.96)}.pinpad button:disabled{opacity:.35}.viewfinder{position:relative;aspect-ratio:1;border-radius:8px;display:grid;place-items:center;background:radial-gradient(circle,rgba(214,111,25,.12),transparent 70%),#23180f;color:#f5efe4;border:2px solid var(--bronze);overflow:hidden}.vf-corner{position:absolute;width:38px;height:38px;border:3px solid #f7aa35}.vf-corner.tl{top:18px;left:18px;border-right:none;border-bottom:none}.vf-corner.tr{top:18px;right:18px;border-left:none;border-top:none;border-bottom:none;border-top:3px solid #f7aa35}.vf-corner.bl{bottom:18px;left:18px;border-right:none;border-top:none}.vf-corner.br{bottom:18px;right:18px;border-left:none;border-top:none}.vf-line{position:absolute;left:12%;right:12%;height:2px;top:50%;background:#f7aa35;box-shadow:0 0 14px #f7aa35;opacity:.6}.viewfinder.scanning .vf-line{opacity:1;animation:scanLine 1.2s ease-in-out infinite alternate}@keyframes scanLine{0%{top:15%}to{top:85%}}.staff-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.staff-actions .btn:last-child{grid-column:span 2}.recipe-steps{list-style:none;counter-reset:s}.recipe-steps li{counter-increment:s;position:relative;padding:9px 0 9px 38px;font-size:14px;border-top:1px dashed rgba(138,90,43,.25)}.recipe-steps li:before{content:counter(s);position:absolute;left:0;top:7px;width:26px;height:26px;display:grid;place-items:center;font-family:Cinzel,serif;font-weight:700;font-size:12px;color:var(--bronze-2);background:#efe4d2;border:1px solid var(--border);border-radius:4px}.staff-toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 90px);z-index:40;max-width:calc(100% - 32px);padding:12px 16px;font-size:13.5px;font-weight:600;color:#fff9f0;background:#2b1d12;border:1.5px solid #d66f19;border-radius:6px;box-shadow:0 8px 24px #2b1d1259;animation:rise .25s}select.field{-webkit-appearance:none;-moz-appearance:none;appearance:none}div[data-netlify-deploy-id],iframe[id^=netlify-],#netlify-cdp-loader,.netlify-drawer{display:none!important;visibility:hidden!important;pointer-events:none!important}