:root{--color-pink: #f6c1d9;--color-ink: #1e1f1d;--color-paper: #ffffff;--color-paper-muted: #f6f4f0;--color-line: rgba(30, 31, 29, .08);--color-matcha: #8fcd8f;--color-lemon: #f5e6a3;--color-muted: #5b5d59;--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:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;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:#d7f0cc;color:#1f4f16}.badge__dot{width:10px;height:10px;border-radius:50%;background:#0a8f5b;margin-right:var(--space-1)}.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;background:var(--color-paper-muted);min-height:0}.lane{display:flex;flex-direction:column;background:var(--color-paper);background:linear-gradient(180deg,#fafafa 0,var(--color-paper-muted) 100%);overflow:hidden;min-height:0}.lane--left{border-right:1px solid var(--color-line)}.lane--right{background:var(--color-pink-light);background:linear-gradient(180deg,var(--color-pink-light) 0,var(--color-pink) 300%)}.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__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:.7}.card__name{font-size:.85em;font-weight:700;margin:0;color:var(--color-ink);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{font-size:.4em;font-weight:700;text-transform:uppercase;padding:8px 12px;border-radius:var(--radius-pill);background:var(--color-pink)}.pill--ready{background:var(--color-pink)}.pill--collected{background:rgba(91,93,89,.15);color:var(--color-muted)}.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-family:ui-monospace,Menlo,Consolas,monospace;font-size:.5em;text-align:left;word-break:break-all}.footer{padding:var(--space-1) var(--space-2);text-align:center;font-size:.4em;color:rgba(246,193,217,.55);background:var(--color-ink);letter-spacing:.08em;text-transform:uppercase}@media (min-height: 1400px){:root{--base-font: 40px}}@media (max-height: 900px){:root{--base-font: 22px}}