@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Nunito:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-top:#fbe6d2;--bg-bottom:#f3d9bd;--paper:#fffaf3;--paper-soft:#fff4e6;--ink:#4a382c;--ink-soft:#8a7261;--line:#ecd7c0;--brand:#b5673d;--brand-deep:#99502c;--brand-soft:#f6e2cf;--accent:#6f8f6a;--amber:#cf9a3a;--shadow:0 14px 30px #784e2d24;--shadow-soft:0 6px 16px #784e2d1a;--sans:"Nunito", system-ui, "Segoe UI", sans-serif;--display:"Fraunces", Georgia, "Times New Roman", serif;font-family:var(--sans), sans-serif;color:var(--ink);line-height:1.55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(1200px 600px at 100% -10%, #ffffff8c, transparent 60%), radial-gradient(900px 500px at -10% 0%, #fff0dc99, transparent 55%), linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;margin:0}h1,h2,h3{font-family:var(--display), serif;color:var(--ink);letter-spacing:.2px;font-weight:600}button,input,textarea,select{font:inherit;color:inherit}img{max-width:100%;display:block}.app-shell{width:100%;max-width:640px;padding:24px 16px calc(40px + env(safe-area-inset-bottom));margin:0 auto}.app-header{margin-bottom:22px}.app-header h1{margin:4px 0 0;font-size:2.4rem;line-height:1.05}.eyebrow{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:var(--brand);margin:0;font-size:.68rem;font-weight:700}.eyebrow a{color:inherit;text-decoration:none}.tagline{color:var(--ink-soft);margin:8px 0 0;font-size:.98rem}.manage-header{flex-direction:column;align-items:stretch;gap:14px;display:flex}.stack{flex-direction:column;gap:18px;display:flex}.card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:22px;position:relative}.card h2{text-align:center;margin:0 0 16px;font-size:1.35rem}.banner-overlay{z-index:1000;background:#34261b47;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.banner{text-align:center;background:var(--brand-soft);width:min(520px,100%);color:var(--brand-deep);border:1px solid #ecccae;border-radius:20px;flex-direction:column;align-items:stretch;gap:22px;padding:28px;font-weight:600;animation:.18s ease-out banner-modal-in;display:flex;box-shadow:0 24px 60px #34261b3d}.banner-success{color:#40663a;background:#e3efd9;border-color:#b8d39f}.banner-error{color:#9b3f2f;background:#f8dfd7;border-color:#e7b6a8}.banner-close{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;align-self:center;padding:9px 18px;font-weight:700;transition:background .2s,color .2s}.banner-close:hover{color:var(--paper);background:currentColor}@keyframes banner-modal-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.segmented{background:var(--paper-soft);border:1px solid var(--line);border-radius:999px;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:18px;padding:6px;display:grid}.segment{min-height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;font-weight:700;transition:all .2s}.segment.active{background:linear-gradient(135deg, var(--brand), #d08a55);color:#fff;box-shadow:0 6px 14px #a05a3247}.drink-list{gap:12px;display:grid}.drink-card{text-align:left;background:var(--paper-soft);border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);cursor:pointer;border-radius:16px;flex-direction:column;gap:4px;padding:15px 16px;transition:transform .15s,border-color .2s,box-shadow .2s;display:flex}.drink-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.drink-card h3{font-family:var(--display), sans-serif;margin:0;padding:0;font-size:1.08rem;font-weight:600}.drink-card h4{font-family:var(--display), sans-serif;margin:0;padding:0;font-weight:600}.drink-card span{color:var(--ink-soft);font-size:.9rem}.drink-card.selected{border-color:var(--brand);box-shadow:0 0 0 3px #b5673d26, var(--shadow-soft);background:#fff}.drink-card.selected-parent{background:#fff}.variant-list{border-left:2px solid var(--line);gap:8px;margin:10px 0 0 18px;padding-left:14px;display:grid}.variant-heading{color:var(--ink-soft);margin:0 0 2px;font-size:.82rem;font-weight:700}.variant-card,.flavour-card{min-height:0;padding:11px 13px}.order-form-section{position:sticky;top:1em}.order-form{gap:18px;display:grid}.field{gap:8px;display:grid}.field-label{color:var(--ink);font-size:.92rem;font-weight:700}.order-form input,.order-form select,.order-form textarea{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:#fff;border-radius:14px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.order-form textarea{resize:vertical;min-height:90px}.order-form input:focus,.order-form select:focus,.order-form textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #b5673d26}.order-form input::placeholder,.order-form textarea::placeholder{color:#b9a793}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--paper-soft);min-height:40px;color:var(--ink);cursor:pointer;border-radius:999px;padding:8px 15px;font-weight:600;transition:all .18s}.chip:hover{border-color:var(--brand)}.chip.selected{background:linear-gradient(135deg, var(--brand), #d08a55);color:#fff;border-color:#0000;box-shadow:0 5px 12px #a05a3242}.primary-button{letter-spacing:.2px;color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand-deep));cursor:pointer;border:none;border-radius:14px;width:100%;min-height:48px;padding:13px 18px;font-size:1rem;font-weight:800;transition:transform .15s,box-shadow .2s,filter .2s;box-shadow:0 10px 20px #96502c47}.primary-button:hover{filter:brightness(1.03);transform:translateY(-1px)}.primary-button:active{transform:translateY(0)}.ghost-button{border:1px solid var(--brand);min-height:44px;color:var(--brand-deep);cursor:pointer;background:0 0;border-radius:14px;width:100%;padding:10px 18px;font-weight:700;transition:background .2s}.ghost-button:hover{background:var(--brand-soft)}.orders-list{gap:14px;display:grid}.order-card{background:var(--paper);border:1px solid var(--line);border-left:5px solid var(--amber);box-shadow:var(--shadow-soft);border-radius:18px;flex-direction:column;gap:14px;padding:18px 20px;display:flex}.order-card-hot{border-left-color:var(--brand);background:#fff5ec}.order-card-cold{background:#eef7f8;border-left-color:#5e8fa3}.order-card.fulfilled{border-left-color:var(--accent);opacity:.92;background:#f6f7ef}.order-card-hot.fulfilled{border-left-color:var(--brand);background:#f6f7ef}.order-card-cold.fulfilled{background:#f1f7f5;border-left-color:#7da5ad}.order-temperature{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.order-card-hot .order-temperature{color:var(--brand-deep);background:#f6e2cf}.order-card-cold .order-temperature{color:#386875;background:#d9edf0}.order-card h3{margin:6px 0 8px;font-size:1.25rem}.order-card p{color:var(--ink);margin:0 0 4px}.order-meta{align-items:center;gap:1em;font-weight:600;display:flex}.order-meta time{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);font-size:.7rem}.order-actions{justify-content:space-between;align-items:center;gap:12px;height:100%;display:flex}.order-actions .primary-button{width:auto;max-width:220px}.pill{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;padding:7px 13px;font-size:.72rem;font-weight:800;display:inline-flex}.pill-pending{color:#8a5c18;background:#fbecc9}.pill-done{color:#40663a;background:#e3efd9}.order-card-hot .pill-pending{color:var(--brand-deep);background:#f6e2cf}.order-card-cold .pill-pending{color:#386875;background:#d9edf0}.order-card-hot .pill-done{color:#5f633d;background:#e8e5d2}.order-card-cold .pill-done{color:#47727a;background:#dceceb}.order-card-hot .primary-button{background:linear-gradient(135deg, var(--brand), var(--brand-deep))}.order-card-cold .primary-button{background:linear-gradient(135deg,#5e8fa3,#386875);box-shadow:0 10px 20px #3868753d}.empty-state{text-align:center;padding:30px 24px}.muted{color:var(--ink-soft)}.login-card{max-width:420px}.login-error{color:#b4442f;margin:0;font-size:.92rem;font-weight:600}.header-actions{flex-wrap:wrap;gap:10px;display:flex}@media (width>=700px){.app-shell{max-width:960px;padding:40px 24px 56px}.app-header h1{font-size:3rem}.manage-header{flex-direction:row;justify-content:space-between;align-items:center}.stack{grid-template-columns:1.2fr 1fr;align-items:start;gap:22px;display:grid}.card{padding:26px}.order-card{flex-direction:row;justify-content:space-between;align-items:center;padding:20px 22px}.order-actions{flex-direction:column;align-items:flex-end}.order-actions .primary-button{width:auto}}.selected-drink-heading,.clear-drink-selection{display:none}@media (width<=699px){.drink-catalog-section.drink-selected,.order-form-section h2:first-child{display:none}.selected-drink-heading{display:block}.clear-drink-selection{margin-top:18px;display:block}}@media (width<=360px){.app-shell{padding-inline:10px}.card{border-radius:18px;padding:16px}.banner-overlay{padding:12px}.banner{padding:20px 16px}}@media (width>=1024px){.app-shell{max-width:1120px}}