@keyframes silk{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes floatSoft{0%,to{transform:translateZ(0) rotate(-2deg)}50%{transform:translate3d(0,-9px,0) rotate(2deg)}}@keyframes floatSofter{0%,to{transform:translateZ(0) rotate(2deg)}50%{transform:translate3d(-7px,-13px,0) rotate(-3deg)}}@keyframes slotHalo{0%{transform:scale(1);opacity:.6}to{transform:scale(1.28);opacity:0}}@keyframes stampPop{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes wheelIdle{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeSlow{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes sweep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes veilIn{0%{opacity:0}to{opacity:1}}@keyframes scanLine{0%{transform:translateY(-6px);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translateY(214px);opacity:0}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Open Sans,sans-serif;background:#efe7dc;color:#2b2018;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}a{color:#b53920;text-decoration:none;font-weight:700}a:hover{color:#8b1a00}.pane{scrollbar-width:none;-ms-overflow-style:none}.pane::-webkit-scrollbar{width:0;height:0;display:none}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}body,html{height:100%}.app-shell{min-height:100vh;min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:34px 20px 60px;background:#efe7dc}.phone-frame{position:relative;width:390px;height:844px;max-height:100%;border-radius:38px;overflow:hidden;background:#f7f1e9;box-shadow:0 30px 70px rgba(43,32,24,.24),0 0 0 1px #e3d5c4;display:flex;flex-direction:column}.phone-scroll{flex:1 1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (max-width:520px){body,html{overflow:hidden;position:fixed;inset:0}.app-shell{padding:0;background:#f7f1e9;align-items:stretch;height:100vh;height:100dvh;min-height:0;overflow:hidden}.phone-frame{width:100%;height:100%;max-height:100%;border-radius:0;box-shadow:none}}@media (max-height:900px) and (min-width:521px){.app-shell{padding:16px 20px 20px;height:100vh;height:100dvh;min-height:0;overflow:hidden}.phone-frame{height:100%}}.counter-shell{height:100vh;height:100dvh;overflow:hidden;display:flex;gap:22px;padding:22px;background:#efe7dc}.counter-main{flex:1 1 auto;box-shadow:0 30px 70px rgba(43,32,24,.22),0 0 0 1px #e3d5c4;flex-direction:column}.counter-main,.counter-side{position:relative;min-width:0;border-radius:26px;overflow:hidden;background:#f7f1e9;display:flex}.counter-side{flex:0 0 340px;box-shadow:0 30px 70px rgba(43,32,24,.18),0 0 0 1px #e3d5c4;flex-direction:column}.counter-member{flex:0 0 270px}.drink-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:10px;gap:10px}@media (max-width:1180px){.counter-side{flex:0 0 290px}.counter-member{flex:0 0 240px}}@media (max-width:1000px){.counter-shell{flex-direction:column;overflow-y:auto;height:auto;min-height:100vh;min-height:100dvh}.counter-main{flex:0 0 auto;min-height:560px}.counter-side{flex:0 0 auto;min-height:420px}}@media (max-width:760px){.counter-shell{gap:16px;padding:16px}.counter-step{flex-direction:column!important}.counter-member{flex:0 0 auto}.drink-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.scan-box{width:clamp(180px,22vw,280px);height:clamp(180px,22vw,280px)}@media (max-width:760px){.scan-row{flex-direction:column;align-items:stretch!important;gap:20px!important}.scan-box{width:min(280px,70vw);height:min(280px,70vw);align-self:center}}