:root{--tracking-primary: #ff4151;--tracking-primary-v2: #ff303c;--tracking-success: #09b331;--tracking-text: #151522;--tracking-text-muted: #64748b;--tracking-bg: #f8f8f8;--tracking-border: #e2e8f0;--tracking-surface: #ffffff;--tracking-call-red: #dc2626;--tracking-tint: #fff1f2;--font-sans: "Open Sans", "Noto Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--tracking-header-h: 55px;--tracking-max-w: 460px;--tracking-gap: 12px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{min-height:100%}body{font-family:var(--font-sans);font-size:16px;line-height:1.4;color:var(--tracking-text);background:var(--tracking-bg);-webkit-font-smoothing:antialiased;overflow-x:hidden;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.track-number,.info-card__value{font-variant-numeric:tabular-nums}.icon{display:block}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:10px;font-size:16px;font-weight:600;transition:opacity .15s ease,transform .15s ease}.button:active{transform:scale(.97);opacity:.9}.button--outlined{border:1.5px solid var(--tracking-primary);color:var(--tracking-primary);background:var(--tracking-surface)}.spinner{width:32px;height:32px;border:3px solid var(--tracking-border);border-top-color:var(--tracking-primary);border-radius:50%;animation:tracking-spin .8s linear infinite}@keyframes tracking-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.button{transition:none}.button:active{transform:none}.spinner{animation-duration:2.4s}}.track-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--tracking-bg);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.track-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:center;height:calc(var(--tracking-header-h) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:var(--tracking-surface);border-bottom:1px solid var(--tracking-border)}.brand-logo{display:block;height:38px;width:auto}.track-content{flex:1;display:flex;flex-direction:column;width:100%;max-width:var(--tracking-max-w);margin:0 auto;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}.screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--tracking-gap);text-align:center}.screen__icon--primary{color:var(--tracking-primary)}.screen__icon--success{color:var(--tracking-success)}.screen__icon--muted{color:var(--tracking-text-muted)}.screen__label{font-size:15px;color:var(--tracking-text-muted)}.screen__title{font-size:21px;font-weight:700}.screen__headline{font-size:24px;font-weight:800;letter-spacing:-.01em}.screen__caption{font-size:17px;color:var(--tracking-text)}.screen__hint{font-size:16px;color:var(--tracking-text-muted);max-width:340px}.screen__meta{font-size:13px;color:var(--tracking-text-muted)}.track-number{font-weight:800;line-height:1.05;letter-spacing:-.02em}.track-number--waiting{font-size:52px;color:var(--tracking-text)}.track-number--called{font-size:64px;color:var(--tracking-call-red);animation:tracking-blink 1s steps(2,start) infinite}.track-number--muted{font-size:36px;color:var(--tracking-text-muted)}@keyframes tracking-blink{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.track-number--called{animation:none}}.restaurant-footer{display:flex;flex-direction:column;gap:2px;margin-top:24px}.restaurant-footer__name{font-size:14px;font-weight:700;color:var(--tracking-text)}.restaurant-footer__tagline{font-size:12px;color:var(--tracking-text-muted)}.info-card{width:100%;padding:16px 20px;background:var(--tracking-surface);border:1px solid var(--tracking-border);border-radius:14px}.info-card__label{font-size:14px;color:var(--tracking-text-muted)}.info-card__value{margin-top:4px;font-size:40px;font-weight:800;line-height:1.1;color:var(--tracking-primary)}.screen--waiting .info-card{margin-top:4px}.screen--called{margin:-24px -20px;padding:32px 20px calc(32px + env(safe-area-inset-bottom));gap:8px;background:var(--tracking-tint);justify-content:center}.screen--called .screen__caption{font-size:18px;font-weight:600}.screen__pin{font-size:17px;font-weight:700;color:var(--tracking-call-red)}.screen--called .screen__meta{max-width:300px;margin-top:8px}.screen--checked-in .track-number,.screen--cancelled .track-number{margin-top:2px}.screen__hint+.button{margin-top:12px}
