@font-face{font-family:Roboto Flex;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/roboto-flex-latin-500.woff2) format("woff2")}@font-face{font-family:Roboto Flex;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/roboto-flex-latin-600.woff2) format("woff2")}@font-face{font-family:Roboto Flex;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/roboto-flex-latin-700.woff2) format("woff2")}:root{--color-pink: #ffcde3;--color-ink: #24272a;--color-paper: #ffffff;--color-paper-muted: #f4f4f4;--color-line: rgba(30, 31, 29, .08);--color-matcha: #c8ebbc;--color-lemon: #ece399;--color-muted: #d6d5d6;--font-family: "Roboto Flex", Arial, sans-serif;--base-font: 28px;--radius-card: 18px;--radius-pill: 999px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 48px;--shadow-card: 0 2px 6px rgba(0, 0, 0, .06)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--color-ink);color:var(--color-ink);font-family:var(--font-family);font-size:var(--base-font);line-height:1.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{height:100vh;overflow:hidden;display:flex;flex-direction:column;background:var(--color-ink)}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--color-ink);color:var(--color-paper);border-bottom:1px solid rgba(246,193,217,.18)}.header__brand{display:flex;align-items:center}.header__logo{width:48px;height:48px;display:block;margin-right:var(--space-2)}.header__store{font-size:1em;font-weight:700;letter-spacing:.04em;color:var(--color-paper);margin:0}.badge{display:inline-flex;align-items:center;padding:8px 18px;border-radius:var(--radius-pill);font-size:.4em;font-weight:600;background:#c8ebbc;color:#1f4f16}.badge__dot{width:10px;height:10px;border-radius:50%;background:#0a8f5b;margin-right:var(--space-1)}.badge__label{position:relative;top:1px}.badge--offline{background:rgba(222,0,0,.16);color:#fff}.badge--offline .badge__dot{background:#de0000}.lanes{flex:1;display:grid;grid-template-columns:1fr 1fr;min-height:0}.lane{display:flex;flex-direction:column;background:var(--color-paper-muted);overflow:hidden;min-height:0}.lane--left{border-right:1px solid var(--color-line)}.lane--right{background:var(--color-paper);background:linear-gradient(180deg,#fafafa 0,var(--color-paper-muted) 100%)}.lane__head{padding:var(--space-3) var(--space-3) var(--space-2);border-bottom:1px solid var(--color-line)}.lane__title{margin:0;font-size:.85em;font-weight:700;letter-spacing:.02em;color:var(--color-ink)}.lane__body{flex:1;overflow-y:hidden;padding:var(--space-3);display:flex;flex-direction:column}.lane__body>*+*{margin-top:var(--space-2)}.lane--scroll .lane__body{overflow-y:auto}.lane__empty{margin:auto;text-align:center;color:var(--color-muted);padding:var(--space-4)}.lane__empty-title{font-size:.8em;margin:0 0 var(--space-1);color:var(--color-ink)}.lane__empty-body{font-size:.6em;margin:0}.card{position:relative;background:var(--color-paper);border-radius:var(--radius-card);padding:var(--space-2);box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:space-between;border-left:8px solid var(--color-muted)}.card--queued{border-left-color:var(--color-muted)}.card--received{border-left-color:var(--color-lemon)}.card--preparing{border-left-color:var(--color-matcha)}.card--ready{border-left-color:var(--color-pink)}.card--collected{border-left-color:var(--color-muted);opacity:.5}.card__name{font-size:.85em;font-weight:700;margin:0;color:#000;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lane__loading{flex:1;padding:var(--space-3);display:flex;flex-direction:column}.lane__loading>*+*{margin-top:var(--space-2)}.lane__loading-card{border-radius:var(--radius-card);height:3.2em;background:var(--color-line);animation:skeleton-pulse 1.4s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.35}}.pill{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:.4em;font-weight:700;text-transform:uppercase;padding:9px 12px 7px;border-radius:var(--radius-pill);background:var(--color-pink)}.pill--collected{background:rgba(91,93,89,.15)}.panel{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:var(--color-pink);color:var(--color-ink);text-align:center}.panel__inner{max-width:720px}.panel__title{font-size:1.6em;font-weight:800;margin:0 0 var(--space-2);text-transform:uppercase;letter-spacing:.04em}.panel__body{font-size:.85em;line-height:1.4}.panel__detail{margin-top:var(--space-3);padding:var(--space-2);background:rgba(30,31,29,.08);border-radius:12px;font-size:.5em;text-align:left;word-break:break-all}@media (min-height: 1400px){:root{--base-font: 40px}}@media (max-height: 900px){:root{--base-font: 22px}}