@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-400-normal-cpxAROuN.woff2)format("woff2"),url(/assets/poppins-latin-400-normal-BOb3E3N0.woff)format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-latin-500-normal-C8OXljZJ.woff2)format("woff2"),url(/assets/poppins-latin-500-normal-DGXqpDMm.woff)format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-600-normal-zEkxB9Mr.woff2)format("woff2"),url(/assets/poppins-latin-600-normal-BJdTmd5m.woff)format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-700-normal-Qrb0O0WB.woff2)format("woff2"),url(/assets/poppins-latin-700-normal-BVuQR_eA.woff)format("woff")}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pacifico-latin-400-normal-7HIToT7q.woff2)format("woff2"),url(/assets/pacifico-latin-400-normal-DArfF-vd.woff)format("woff")}:root{--bg:#120d0a;--bg-raised:#1a130f;--surface:#fff0e10b;--surface-hover:#fff0e114;--surface-strong:#fff0e11a;--border:#ffdebe1a;--border-strong:#ffdebe33;--text:#f7eee5;--muted:#c2b0a1;--faint:#8f7d6f;--accent:#e3a869;--accent-strong:#d08d47;--accent-soft:#e3a86924;--accent-ink:#2b1a0c;--success:#79d6a0;--danger:#f07a72;--danger-soft:#f07a7224;--info:#9fbff5;--radius-sm:10px;--radius:16px;--radius-lg:24px;--shadow:0 1px 0 #ffffff0a inset, 0 18px 40px -18px #000000b3;--ring:0 0 0 3px #e3a86959;--safe-top:max(env(safe-area-inset-top,0px), var(--safe-area-inset-top,0px));--safe-bottom:max(env(safe-area-inset-bottom,0px), var(--safe-area-inset-bottom,0px));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(1100px 520px at 50% -180px, #e3a86929, transparent 70%), radial-gradient(700px 400px at 100% 100%, #965a321f, transparent 70%), var(--bg);background-attachment:fixed;min-height:100dvh}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{box-shadow:var(--ring);outline:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{max-width:1120px;min-height:100dvh;padding:calc(12px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));flex-direction:column;margin:0 auto;display:flex}.layout{flex:1;gap:16px;animation:.45s both rise;display:grid}.layout__main{align-content:start;gap:16px;display:grid}@media (width>=900px){.app{padding-left:32px;padding-right:32px}.layout{grid-template-columns:minmax(340px,400px) 1fr;align-items:start;gap:24px}.layout__aside{position:sticky;top:20px}}.brand-title{letter-spacing:.5px;color:var(--text);margin:0;font-family:Pacifico,cursive;font-size:clamp(42px,9vw,64px);font-weight:400;line-height:1.15}.brand-title span{color:var(--accent);margin-left:4px}.brand-title--sm{font-size:24px;line-height:1}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:6px 0 18px;display:flex}.topbar__brand{align-items:center;gap:10px;min-width:0;display:flex}.topbar__logo{width:34px;height:34px}.topbar__brand{flex:none}.topbar__actions{flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}@media (width<=520px){.topbar .brand-title--sm{display:none}}.space-pill{border:1px solid var(--border-strong);background:var(--surface);border-radius:999px;align-items:center;gap:8px;min-width:0;max-width:100%;height:42px;padding:0 14px;font-size:15px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.space-pill:hover{background:var(--surface-hover);border-color:var(--accent)}.space-pill__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.space-pill__chevron{color:var(--muted);font-size:11px}.live-dot{background:var(--faint);border-radius:50%;flex:none;width:9px;height:9px}.live-dot--online{background:var(--success);animation:2.4s infinite pulse;box-shadow:0 0 #79d6a099}.live-dot--offline{background:var(--danger)}.live-dot--loading{background:var(--accent);animation:1s infinite blink}.icon-button{border:1px solid var(--border-strong);background:var(--surface);width:42px;height:42px;color:var(--text);border-radius:50%;flex:none;place-items:center;font-size:16px;transition:background .2s,color .2s,transform .1s;display:inline-grid}.icon-button:hover{background:var(--surface-hover);color:var(--accent)}.icon-button:active{transform:scale(.94)}.icon-button--ghost{background:0 0;border-color:#0000}.icon-button--danger{width:38px;height:38px;color:var(--faint);background:0 0;border-color:#0000;font-size:15px}.icon-button--danger:hover{color:var(--danger);background:var(--danger-soft)}.card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);background:linear-gradient(#fff0e10f,#fff0e106);padding:20px}.card__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card__title{align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.card__title svg{color:var(--accent);font-size:16px}.badge{background:var(--surface-strong);min-width:28px;color:var(--muted);text-align:center;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600}.badge--accent{background:var(--accent-soft);color:var(--accent)}.field-label{letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin:18px 0 8px;font-size:13px;font-weight:600;display:block}.field-help,.field-error{margin:8px 2px 0;font-size:13px}.field-help{color:var(--faint)}.field-error{color:var(--danger);font-weight:500;animation:.3s shake}.input{border-radius:var(--radius);border:1px solid var(--border-strong);width:100%;height:52px;color:var(--text);background:#00000040;padding:0 16px;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s}.input::placeholder{color:var(--faint)}.input:hover{border-color:#ffdebe52}.input:focus{border-color:var(--accent);box-shadow:var(--ring);background:#00000059;outline:none}.input--error,.input--error:focus{border-color:var(--danger);box-shadow:0 0 0 3px #f07a7240}.input-row{position:relative}.input-prefix{color:var(--faint);pointer-events:none;font-size:15px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input--prefixed{padding-left:128px}@media (width<=360px){.input-prefix{display:none}.input--prefixed{padding-left:16px}}.button{border-radius:var(--radius);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;height:50px;padding:0 22px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .1s,filter .2s,background .2s,box-shadow .2s;display:inline-flex}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{opacity:.5;cursor:not-allowed}.button--block{width:100%;margin-top:18px}.button--lg{border-radius:18px;height:58px;font-size:17px}.button--primary{background:linear-gradient(180deg, #ecb67a, var(--accent-strong));color:var(--accent-ink);box-shadow:0 10px 24px -10px #e3a869b3,inset 0 1px #ffffff59}.button--primary:hover:not(:disabled){filter:brightness(1.06)}.button__muted{opacity:.75;text-overflow:ellipsis;font-weight:500;overflow:hidden}.button--secondary{background:var(--surface-strong);color:var(--text);border-color:var(--border-strong)}.button--secondary:hover{background:#fff0e124}.button--ghost{color:var(--muted);border-color:var(--border);background:0 0}.button--ghost:hover{color:var(--text);background:var(--surface)}.button--whatsapp{color:#052e16;background:#25d366}.button--whatsapp:hover{filter:brightness(1.05)}.spinner{border:3px solid #2b1a0c40;border-top-color:var(--accent-ink);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.welcome{flex:1;gap:22px;width:100%;max-width:460px;margin:0 auto;padding-top:clamp(8px,6vh,56px);display:grid}.welcome__hero{text-align:center;animation:.5s both rise}.welcome__logo{filter:drop-shadow(0 16px 30px #e3a86959);width:92px;height:92px;animation:5s ease-in-out infinite float}.welcome__tagline{color:var(--muted);margin:10px 0 0;font-size:16px}.welcome__card{animation:.5s 80ms both rise}.steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.step{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);align-items:center;gap:14px;padding:14px 16px;animation:.5s both rise;display:flex}.step__icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:12px;flex:none;place-items:center;font-size:18px;display:grid}.step__title{margin:0;font-size:15px;font-weight:600}.step__text{color:var(--muted);margin:2px 0 0;font-size:13px}.space-form .field-label{margin-top:0}.recent{margin-top:20px}.recent__title{color:var(--muted);align-items:center;gap:8px;margin:0 0 10px;font-size:13px;font-weight:600;display:flex}.recent__list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.recent__item{background:var(--surface-strong);border:1px solid var(--border);border-radius:999px;align-items:center;display:inline-flex}.chip{background:0 0;border:0;height:38px;padding:0 6px 0 16px;font-size:15px;font-weight:500}.chip:hover{color:var(--accent)}.chip__remove{width:32px;height:32px;color:var(--faint);background:0 0;border:0;border-radius:50%;place-items:center;margin-right:3px;font-size:13px;display:grid}.chip__remove:hover{color:var(--danger);background:var(--danger-soft)}.order-card form>.field-label:first-child{margin-top:0}.usual{border-radius:var(--radius);text-align:left;background:linear-gradient(90deg,#e3a8692e,#e3a8690f);border:1px solid #e3a86959;align-items:center;gap:12px;width:100%;margin-bottom:20px;padding:12px 14px;transition:transform .1s,border-color .2s;display:flex}.usual:hover{border-color:var(--accent)}.usual:active{transform:scale(.99)}.usual__text{flex:1;min-width:0;display:grid}.usual__label{color:var(--accent);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.usual__detail{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.usual__cta{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}.name-field{align-items:center;gap:12px;display:flex}.name-field__avatar{background:var(--surface-strong);border:1px dashed var(--border-strong);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.name-field__avatar .avatar{animation:.25s pop}.name-field__placeholder{opacity:.6;font-size:22px}.drinks{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.drink{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);min-height:76px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 6px;transition:background .15s,border-color .15s,color .15s,transform .1s;display:flex}.drink:hover{background:var(--surface-hover);color:var(--text)}.drink:active{transform:scale(.96)}.drink__emoji{filter:saturate(.9);font-size:24px;line-height:1}.drink__label{text-align:center;font-size:13px;font-weight:500;line-height:1.2}.drink--active{border-color:var(--accent);background:var(--accent-soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent)}.drink--active .drink__emoji{animation:.25s pop}.custom-drink{margin-top:10px;animation:.25s both rise}.orders{gap:4px;margin:0;padding:0;list-style:none;display:grid}.order{border-radius:var(--radius);align-items:center;gap:14px;padding:10px 8px 10px 10px;transition:background .2s;animation:.3s both rise;display:flex}.order:hover{background:var(--surface)}.order--mine{background:linear-gradient(90deg,#e3a8691f,#0000 70%)}.order__body{flex:1;gap:2px;min-width:0;display:grid}.order__name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex;overflow:hidden}.order__person{text-overflow:ellipsis;overflow:hidden}.order__drink{color:var(--muted);align-items:center;gap:6px;min-width:0;margin:0;font-size:14px;display:flex}.order__drink-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.order__time{color:var(--faint);white-space:nowrap;flex:none;font-size:12px}.order__actions{flex:none;align-items:center;gap:2px;display:flex}.tag{background:var(--accent);color:var(--accent-ink);text-transform:uppercase;letter-spacing:.4px;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.avatar{background:var(--surface-strong);border-radius:50%;flex:none;box-shadow:0 0 0 2px #fff0e11f}.empty{text-align:center;padding:22px 8px 12px}.empty__cup{font-size:46px;animation:4s ease-in-out infinite float;display:inline-block}.empty__title{margin:10px 0 4px;font-size:17px;font-weight:600}.empty__text{color:var(--muted);margin:0;font-size:14px}.skeleton{background:linear-gradient(90deg, var(--surface), var(--surface-strong), var(--surface));background-size:200% 100%;border-radius:999px;animation:1.3s infinite shimmer;display:block}.skeleton--avatar{flex:none;width:44px;height:44px}.skeleton--line{width:60%;height:12px}.skeleton--short{width:38%}.order--skeleton{animation:none}.summary{border-color:#e3a86938}.summary__list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.summary__row{align-items:center;gap:14px;display:flex}.summary__icon{background:var(--surface-strong);border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid}.summary__count{color:var(--accent);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;padding-top:2px;font-size:22px;font-weight:700}.summary__drink{min-width:0;padding-top:1px;display:grid}.summary__name{font-size:16px;font-weight:600}.summary__people{color:var(--muted);text-overflow:ellipsis;font-size:13px;font-weight:400;overflow:hidden}.summary__actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.banner{border-radius:var(--radius);background:var(--danger-soft);color:#ffd7d3;border:1px solid #f07a7259;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:14px;animation:.3s both rise;display:flex}.banner span{flex:1}.banner__action{background:#ffffff1f;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.toasts{left:50%;bottom:calc(16px + var(--safe-bottom));z-index:50;pointer-events:none;gap:8px;width:min(440px,100% - 24px);display:grid;position:fixed;transform:translate(-50%)}.toast{border-radius:var(--radius);border:1px solid var(--border-strong);pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#241b15f5;align-items:center;gap:12px;padding:12px 10px 12px 14px;animation:.3s cubic-bezier(.2,.9,.3,1.2) both toast-in;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -12px #000c}.toast__icon{flex:none;font-size:18px}.toast--success .toast__icon{color:var(--success)}.toast--error .toast__icon{color:var(--danger)}.toast--info .toast__icon{color:var(--info)}.toast__message{flex:1;font-size:14px;font-weight:500}.toast__action{background:var(--accent);color:var(--accent-ink);border:0;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700}.toast__close{width:30px;height:30px;color:var(--faint);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.toast__close:hover{color:var(--text);background:var(--surface)}.toast__progress{background:var(--accent);opacity:.6;transform-origin:0;width:100%;height:3px;animation:progress var(--toast-ms) linear forwards;position:absolute;bottom:0;left:0}.sheet{border:1px solid var(--border-strong);background:var(--bg-raised);width:min(480px,100%);max-width:100%;max-height:calc(100dvh - 24px);color:var(--text);border-radius:28px 28px 0 0;margin:auto auto 0;padding:0;box-shadow:0 -20px 60px #0009}.sheet[open]{animation:.32s cubic-bezier(.2,.9,.3,1) both sheet-up}.sheet::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080503a6}.sheet__body{padding:20px 20px calc(20px + var(--safe-bottom))}.sheet__header{justify-content:space-between;align-items:center;display:flex}.sheet__title{margin:0;font-size:20px}.sheet__current{color:var(--muted);margin:4px 0 20px;font-size:14px}.sheet__current strong{color:var(--accent)}.sheet .button--ghost{margin-top:14px}@media (width>=640px){.sheet{border-radius:28px;margin:auto}.sheet[open]{animation:.25s both fade-scale}}.footer{text-align:center;color:var(--faint);margin-top:28px;font-size:12px}.footer a{color:var(--muted);font-weight:600;text-decoration:none}.footer a:hover{color:var(--accent)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.6)}70%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.3}}@keyframes pulse{0%{box-shadow:0 0 #79d6a08c}70%{box-shadow:0 0 0 8px #79d6a000}to{box-shadow:0 0 #79d6a000}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:none}}@keyframes progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes fade-scale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#orders-title,.card{scroll-margin-top:calc(16px + var(--safe-top))}.drink-icon{--di-stroke:#e9dccf;--di-coffee:#6b3f22;--di-milkcoffee:#b07a4f;--di-milk:#f2dfc6;--di-foam:#fbf1e4;--di-condensed:#f5e3b5;--di-liquor:#c9852f;flex:none;overflow:visible}.drink-icon .di-line,.drink-icon .di-cup,.drink-icon .di-glass{fill:none;stroke:var(--di-stroke);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.drink-icon .di-cup{fill:#fff5eb0f}.drink-icon .di-glass{fill:#dcebf512}.drink-icon .di-coffee{fill:var(--di-coffee)}.drink-icon .di-milkcoffee{fill:var(--di-milkcoffee)}.drink-icon .di-milk{fill:var(--di-milk)}.drink-icon .di-foam{fill:var(--di-foam)}.drink-icon .di-condensed{fill:var(--di-condensed)}.drink-icon .di-liquor{fill:var(--di-liquor);opacity:.9}.drink-icon .di-ice{fill:#c8e6f88c;stroke:#ebf8ffd9;stroke-width:.8px}.drink-icon .di-flame{fill:#f0a24a}.drink-icon .di-spark{fill:var(--accent)}.drink-icon .di-steam path{fill:none;stroke:var(--di-stroke);stroke-width:1.3px;stroke-linecap:round;opacity:.55}.drink--active .drink-icon{--di-stroke:var(--accent)}.drink--active .drink-icon .di-steam path{animation:1.6s ease-in-out infinite steam}.drink--active .drink-icon .di-steam path:last-child{animation-delay:.3s}@keyframes steam{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:.9;transform:translateY(-1.5px)}}.card__subtitle{color:var(--faint);margin:2px 0 0;font-size:13px}.card__subtitle:first-letter{text-transform:uppercase}.card__title--greeting{font-size:20px}.name-field__placeholder{border:2px solid var(--border-strong);border-radius:50%;width:22px;height:22px}.usual__icon{background:#0003;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.submit__icon{margin-right:-2px;display:inline-flex}.submit .drink-icon{--di-stroke:var(--accent-ink)}.submit .drink-icon .di-cup,.submit .drink-icon .di-glass{fill:#ffffff40}.submit .drink-icon .di-steam path{stroke:var(--accent-ink)}.button--small{border-radius:12px;height:38px;padding:0 14px;font-size:14px}.button--done{color:var(--success);border-color:#79d6a066}.pill-button{border:1px solid var(--border-strong);background:var(--surface);height:34px;color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,color .2s,transform .1s;display:inline-flex}.pill-button svg{color:var(--accent);font-size:11px}.pill-button:hover{border-color:var(--accent);background:var(--accent-soft)}.pill-button:active{transform:scale(.95)}@media (width<=420px){.pill-button__text{display:none}.pill-button{padding:0 10px}.order .tag{display:none}.order{gap:10px;padding-right:2px}}.order--fresh{animation:2.4s both fresh}.notice{border-radius:var(--radius);align-items:flex-start;gap:12px;margin:0 0 16px;padding:12px 12px 12px 14px;font-size:14px;animation:.25s both rise;display:flex}.notice>svg{flex:none;margin-top:3px}.notice__body{flex:1;min-width:0}.notice__body p{margin:0}.notice__actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.notice__close{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.notice__close:hover{background:var(--surface-strong);color:var(--text)}.notice--edit{background:var(--accent-soft);border:1px solid #e3a86959}.notice--edit>svg{color:var(--accent)}.notice--warn{background:#f0be5a1a;border:1px solid #f0be5a59;margin:14px 0 0}.notice--warn>svg{color:#f0be5a}.empty__icon{animation:4s ease-in-out infinite float;display:inline-block}.empty__icon .drink-icon .di-steam path{animation:1.8s ease-in-out infinite steam}@keyframes fresh{0%{background:#79d6a038;box-shadow:inset 0 0 0 1px #79d6a080}to{background:0 0;box-shadow:inset 0 0 0 1px #0000}}