:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}nav[data-v-ce1b212f]{position:fixed;bottom:2rem;right:50%;transform:translate(50%);background-color:#f1f1f1;color:#000;display:flex;justify-content:center;width:120px;border-radius:3rem;z-index:10}nav ul[data-v-ce1b212f]{position:relative;list-style:none;padding:0;display:flex;justify-content:center;align-items:center;gap:1.5rem;min-width:180px;min-height:56px}nav .selector-wheel[data-v-ce1b212f]{position:absolute;width:60px;height:60px;background:#ffe066;border-radius:50%;z-index:0;transition:left .3s,top .3s;box-shadow:0 2px 8px #0000001f;pointer-events:none}nav li[data-v-ce1b212f]{display:flex;justify-content:center;align-items:center;position:relative;z-index:1}nav a[data-v-ce1b212f]{color:#000;text-decoration:none;font-size:1.8rem;position:relative;z-index:2;transition:color .2s}nav a.active[data-v-ce1b212f]{color:#d97706;font-weight:700}header[data-v-5a4810ff]{top:2rem}main[data-v-5a4810ff]{padding:6rem 0 3rem;height:fit-content}footer[data-v-5a4810ff]{position:fixed;bottom:0;left:0;right:0;background-color:#2b2b2b;padding:1rem;font-size:.9rem}@media (max-width: 768px){header[data-v-5a4810ff]{position:static;top:unset;left:unset;transform:none;text-align:center;margin-top:env(safe-area-inset-top,1.2rem);margin-bottom:.5rem}main[data-v-5a4810ff]{padding-top:2.5rem}}h1[data-v-373a0285]{font-size:2.1rem;margin-bottom:1.2rem;text-align:center}.home-page[data-v-373a0285]{padding:1.2rem;max-width:480px;margin:0 auto}ul[data-v-373a0285]{padding:0;margin:1rem 0 2rem;list-style:none}li[data-v-373a0285]{background:#2b2b2b;color:#000;margin-bottom:.5rem;padding:.7rem 1.2rem;border-radius:1.5rem;font-size:1.2rem;box-shadow:0 2px 8px #00000012;display:flex;align-items:center;gap:.7em;transition:box-shadow .2s}li[data-v-373a0285]:nth-child(1){font-weight:700;background:#ffcd29}li[data-v-373a0285]:nth-child(2){background:#ffe180}li[data-v-373a0285]:nth-child(3){background:#ffeba8}.slide-move[data-v-373a0285]{transition:transform .4s cubic-bezier(.55,0,.1,1)}.slide-enter-active[data-v-373a0285],.slide-leave-active[data-v-373a0285]{transition:all .4s cubic-bezier(.55,0,.1,1)}.slide-enter-from[data-v-373a0285]{opacity:0;transform:translateY(-30px)}.slide-leave-to[data-v-373a0285]{transform:translateY(30px);opacity:0}.user-card[data-v-373a0285]{background:#2b2b2b;border-radius:1.5rem;box-shadow:0 2px 16px #00000017;padding:2rem 1.2rem 1.5rem;margin:0 auto 1.5rem;display:flex;flex-direction:column;align-items:center;max-width:350px}.tab-overlay[data-v-373a0285]{position:fixed;inset:0;background:#0000002e;z-index:1000;display:flex;align-items:flex-end;justify-content:center}.pull-tab[data-v-373a0285]{background:#2b2b2b;border-radius:1.5rem 1.5rem 0 0;box-shadow:0 -2px 24px #00000021;width:100vw;max-width:480px;padding:1.2rem 1.2rem 2.2rem;min-height:270px;display:flex;flex-direction:column;align-items:center;position:relative;animation:tab-slide-up-373a0285 .35s cubic-bezier(.55,0,.1,1)}.session-name[data-v-373a0285]{text-align:center;font-size:1.15rem;color:#d97706;margin-bottom:.7rem}.tab-bar[data-v-373a0285]{width:100%;display:flex;justify-content:center;margin-bottom:.7rem}.tab-close[data-v-373a0285]{position:absolute;right:1.2rem;top:1.2rem;background:none;border:none;color:#888;font-size:1.2rem;font-weight:600;padding:.2rem .7rem;border-radius:1rem;transition:background .2s;z-index:2}.tab-close[data-v-373a0285]:hover{background:#414141}@keyframes tab-slide-up-373a0285{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tab-fade-enter-active[data-v-373a0285],.tab-fade-leave-active[data-v-373a0285]{transition:opacity .25s}.tab-fade-enter-from[data-v-373a0285],.tab-fade-leave-to[data-v-373a0285]{opacity:0}.select-wrap[data-v-373a0285]{width:100%;margin-bottom:1.2rem}select[data-v-373a0285]{width:100%;padding:.7rem 1rem;border-radius:1.2rem;border:1px solid #4b4b4b;font-size:1.1rem;background:#282828;margin-bottom:.5rem;box-sizing:border-box}.main-btn[data-v-373a0285]{width:100%;padding:.9rem 0;border-radius:1.2rem;background:linear-gradient(90deg,#ffe066 60%,#ffd43b);color:#222;font-weight:700;font-size:1.15rem;border:none;margin-top:.2rem;margin-bottom:.2rem;box-shadow:0 1px 4px #00000012;transition:background .2s}.main-btn[data-v-373a0285]:hover{background:#ffd43b}.beer-total[data-v-373a0285]{font-size:1.3rem;margin:.7rem 0 1.2rem;font-weight:600;color:#d97706}.beer-buttons[data-v-373a0285]{display:flex;gap:.7rem;margin-bottom:1.2rem}.beer-btn[data-v-373a0285]{padding:2rem 1.2rem;border-radius:1.2rem;background:#ffe066;color:#0f0f0f;font-weight:600;font-size:1.1rem;border:none;box-shadow:0 1px 4px #00000012;transition:background .2s}.beer-btn[data-v-373a0285]:hover{background:#ffd43b}.signout-btn[data-v-373a0285]{margin-top:.7rem;color:#d90429;background:#fff0f0;border:none;border-radius:1.2rem;padding:.7rem 1.3rem;font-weight:600;font-size:1.05rem;box-shadow:0 1px 4px #00000012;transition:background .2s}.signout-btn[data-v-373a0285]:hover{background:#ffd6d6}@media (max-width: 600px){.home-page[data-v-373a0285]{padding:.5rem;font-size:.98rem}.user-card[data-v-373a0285]{padding:1.2rem .5rem 1rem;max-width:98vw}.beer-buttons[data-v-373a0285]{flex-direction:column;gap:.5rem;width:100%}.beer-btn[data-v-373a0285],.main-btn[data-v-373a0285],.signout-btn[data-v-373a0285]{width:100%;font-size:1.05rem}select[data-v-373a0285]{font-size:.98rem;padding:.6rem .7rem}}.admin-page[data-v-bf99a205]{padding:1.2rem;max-width:480px;margin:0 auto;font-size:1.05rem}section[data-v-bf99a205]{margin-top:1.5rem;background:#323232;border-radius:1.2rem;padding:1rem 1.2rem 1.2rem;box-shadow:0 2px 8px #0000000f}label[data-v-bf99a205]{display:block;margin-top:.7rem;margin-bottom:.2rem;font-weight:500}input[data-v-bf99a205],select[data-v-bf99a205]{width:100%;padding:.6rem .8rem;margin-bottom:.7rem;border-radius:.7rem;border:1px solid #d1d5db;font-size:1rem;box-sizing:border-box}button[data-v-bf99a205]{margin-top:.5rem;margin-right:.5rem;padding:.6rem 1.2rem;border-radius:1.2rem;border:none;background:#ffe066;color:#222;font-weight:600;font-size:1rem;box-shadow:0 1px 4px #00000012;transition:background .2s}button[data-v-bf99a205]:hover{background:#ffd43b}ul[data-v-bf99a205]{padding:0;margin:0 0 1rem;list-style:none}li[data-v-bf99a205]{display:flex;align-items:center;justify-content:space-between;padding:.5rem .2rem;font-size:1.05rem}.user-item[data-v-bf99a205]{border:1px solid #d1d5db;border-radius:1.2rem;padding:0;margin-bottom:.5rem;padding-left:1rem}.user-item button[data-v-bf99a205]{margin:0}.barrel-history[data-v-bf99a205]{margin-top:.7rem;padding:.7rem 1rem;background:linear-gradient(90deg,#232323 80%,#2b2b2b);border-radius:1rem;border:1px solid #444;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #0000001a;margin-bottom:1.1rem}.barrel-history.barrel-opened[data-v-bf99a205]{border:2px solid #ffe066;background:linear-gradient(90deg,#2b2b2b 60%,#4b4b4b)}.barrel-summary[data-v-bf99a205]{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;font-weight:500;padding:.4rem 0;font-size:1.08rem}.barrel-date[data-v-bf99a205]{color:#ffe066;font-weight:700}.barrel-buyer[data-v-bf99a205]{color:#ffd43b}.barrel-price[data-v-bf99a205]{color:#e0e0e0}.barrel-volume[data-v-bf99a205]{color:#bdbdbd}.barrel-status[data-v-bf99a205]{color:#4caf50;font-weight:700;margin-left:.7rem}.barrel-arrow[data-v-bf99a205]{margin-left:auto;color:#ffe066;font-size:1.2em}.barrel-details[data-v-bf99a205]{padding:.4rem 0 0;border-top:1px solid #444;margin-top:.4rem;font-size:1.01rem}.debt[data-v-bf99a205]{color:#ffe066;font-weight:600}.drank[data-v-bf99a205]{color:#bdbdbd}.paid[data-v-bf99a205]{color:#4caf50;font-weight:500;margin-left:.7em}.barrel-confirm[data-v-bf99a205]{margin-top:.7rem;color:#ffe066;font-weight:600;font-size:1.08rem}@media (max-width: 600px){.admin-page[data-v-bf99a205]{padding:.5rem;font-size:.98rem}section[data-v-bf99a205]{padding:.7rem .5rem 1rem;margin-top:1rem}button[data-v-bf99a205]{padding:.5rem .8rem;font-size:.98rem}input[data-v-bf99a205],select[data-v-bf99a205]{padding:.5rem .6rem;font-size:.98rem}li[data-v-bf99a205]{font-size:.98rem}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html,body,#app{margin:0;padding:0}body{display:flex;flex-direction:column;align-items:center;justify-content:center}#app{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:1rem}h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif;font-weight:700;color:#d7d7d7}p{font-family:Roboto,sans-serif;font-weight:400;color:#bababa}a{color:#fbb117;text-decoration:none}button{font-family:Roboto,sans-serif;font-weight:500;color:#fff;background-color:#fbb117;border:none;padding:10px 20px;border-radius:4px;cursor:pointer}