.os{--ink:var(--bary-ink);--ink-3:#292929;--paper:var(--bary-card);--cream:var(--bary-bg);--sand:var(--bary-card-2);--sun:var(--bary-action);--fire:var(--bary-action);--ember:var(--bary-late);--palm:var(--bary-ink);--mute:#626262;--line:var(--bary-line);min-height:100dvh;max-width:640px;margin:0 auto;padding:0 16px 40px;background:var(--paper);color:var(--ink);font-family:var(--bary-font-body)}.os *{box-sizing:border-box}.os-loading{padding:80px 0;text-align:center;color:var(--mute)}.os-head{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;margin:0 -16px;padding:10px 16px;background:var(--ink);color:var(--paper)}.os-head p{margin:0;text-align:center;font-family:var(--bary-font-display);font-size:20px;text-transform:uppercase}.os-head b{font-weight:700}.os-head b,.os-head span{color:var(--sun)}.os-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.12);color:var(--paper)}.os-icon--ghost{background:none}.os-hero{padding:22px 0 6px;text-align:center}.os-kicker{display:inline-flex;align-items:center;gap:6px;margin:0;padding:5px 12px;border-radius:999px;background:var(--ink);color:var(--sun);font-size:14px;font-weight:800;letter-spacing:.06em}.os-hero h1,.os-kicker{text-transform:uppercase}.os-hero h1{margin:12px 0 0;font-family:var(--bary-font-display);font-size:clamp(30px,8vw,40px);line-height:1.02}.os-lead{margin:8px auto 0;max-width:34ch;color:var(--mute);line-height:1.45}.os-steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin:22px 0 6px;padding:0;list-style:none}.os-steps:before{content:"";position:absolute;top:18px;left:12.5%;right:12.5%;height:4px;border-radius:4px;background:var(--sand)}.os-steps li{position:relative;display:grid;justify-items:center;gap:6px;color:var(--mute)}.os-steps li span{position:relative;z-index:1;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--sand);color:var(--mute)}.os-steps li small{font-size:14px;font-weight:800}.os-steps li.is-done span{background:var(--palm);color:#fff;box-shadow:0 0 0 3px #dedede}.os-steps li.is-done small{color:var(--ink)}.os-steps li.is-now span{background:var(--fire);color:var(--bary-action-ink);box-shadow:0 0 0 6px rgba(244,90,10,.2);animation:os-pulse 1.8s ease-in-out infinite}.os-steps li.is-now small{color:var(--ember)}.os-steps li.is-done+li:before{content:"";position:absolute;top:18px;right:50%;width:100%;height:4px;background:var(--palm)}@keyframes os-pulse{50%{box-shadow:0 0 0 10px rgba(244,90,10,.08)}}.os-card{margin-top:14px;padding:16px;border-radius:22px;background:#fff;box-shadow:0 14px 34px -28px rgba(23,23,23,.7),0 0 0 1px var(--line)}.os-empty{margin-top:40px;text-align:center}.os-empty h1{font-family:var(--bary-font-display);text-transform:uppercase;font-size:26px}.os-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;padding:0 18px;border:0;border-radius:999px;font:900 16px var(--bary-font-body);text-decoration:none;cursor:pointer}.os-btn--fire{background:var(--fire);color:var(--bary-action-ink);box-shadow:0 14px 26px -16px rgba(244,90,10,.9)}.os-btn--sun{background:var(--sun);color:var(--ink)}.os-btn--ghost{background:#fff;color:var(--ink);border:1.5px solid var(--ink)}.os-pay{display:grid;gap:12px}.os-pay__row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:var(--ink);color:var(--paper)}.os-pay__row b,.os-pay__row svg{color:var(--sun)}.os-pay__row b{font-family:var(--bary-font-display);font-size:26px}.os-note{display:flex;gap:6px;align-items:flex-start;margin:0;font-size:15px;color:var(--mute)}.os-note svg{flex:none;margin-top:2px}.os-checking{display:flex;gap:12px;align-items:center}.os-checking p{margin:0;line-height:1.45;font-weight:600}.os-spin{width:24px;height:24px;flex:none;border-radius:50%;border:3px solid var(--cream);border-top-color:var(--fire);animation:os-spin .8s linear infinite}@keyframes os-spin{to{transform:rotate(1turn)}}.os-counter{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.os-counter svg{color:var(--ember)}.os-counter div{display:grid}.os-counter span{color:var(--mute);font-size:15px}.os-counter__amount{text-align:right}.os-counter__amount b{font-family:var(--bary-font-display);font-size:26px}.os-code{grid-template-columns:1fr auto;align-items:center;gap:4px 12px}.os-code,.os-code__text{display:grid}.os-code__text small{font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.os-code__text b{font-family:var(--bary-font-label);font-size:clamp(56px,18vw,76px);line-height:.95}.os-code__qr{width:120px;height:120px;border-radius:12px;background:var(--cream)}.os-code__hint{grid-column:1/-1;padding-top:8px;border-top:1px dashed var(--line);color:var(--mute);text-align:center;font-weight:600}.os-ready{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 0;padding:14px;border-radius:18px;background:#ededed;color:#171717;font-family:var(--bary-font-display);font-size:24px;text-transform:uppercase;box-shadow:inset 0 0 0 2px #cccccc}.os-place{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;color:inherit;text-decoration:none}.os-place__photo{display:grid;place-items:center;width:60px;height:60px;border-radius:16px;background:radial-gradient(circle at 30% 20%,#2d2d2d,var(--ink))}.os-place__text{display:grid;gap:1px;min-width:0}.os-place__text small{font-size:14px;color:var(--mute);font-weight:700}.os-place__text b{font-family:var(--bary-font-display);font-size:22px;text-transform:uppercase;line-height:1.05}.os-place__text span{display:flex;align-items:center;gap:4px;font-size:15px;color:var(--mute)}.os-note--center{justify-content:center;margin-top:14px}.os-track{padding:0;overflow:hidden}.os-driver,.os-eta,.os-pin{display:flex;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid var(--line)}.os-track>:first-child{border-top:0}.os-eta svg{flex:none;color:var(--ember)}.os-eta div{display:grid;min-width:0}.os-eta span{font-size:15px;color:var(--mute)}.os-driver{flex-wrap:wrap}.os-driver__avatar{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:50%;background:var(--sun);font-family:var(--bary-font-display);font-size:24px}.os-driver>div{display:grid;flex:1}.os-driver>div span{color:var(--mute);font-size:14px}.os-driver p{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;margin:0;font-size:15px;font-weight:700}.os-driver p i{width:9px;height:9px;border-radius:50%;background:var(--palm)}.os-driver p small{margin-left:auto;color:var(--mute);font-weight:600}.os-driver p.is-stale{color:var(--ember)}.os-driver p.is-stale i{background:var(--ember)}.os-pin{flex-wrap:wrap;background:#f4f4f4}.os-pin svg{flex:none}.os-pin div{display:grid}.os-pin small{font-size:14px;font-weight:800;color:var(--mute)}.os-pin b{font-family:var(--bary-font-display);font-size:40px;letter-spacing:.06em;line-height:1}.os-pin p{margin:0 0 0 auto;max-width:16ch;font-size:15px;color:var(--mute)}.os-details{display:flex;align-items:center;gap:8px;width:100%;padding:0;border:0;background:none;font:800 15px var(--bary-font-body);color:var(--ink);cursor:pointer}.os-details svg:last-child{margin-left:auto;transition:transform .2s}.os-details .is-flipped{transform:rotate(180deg)}.os-details__body ul{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:6px}.os-details__body li span{font-weight:900}.os-details__body dl{margin:12px 0 0;padding-top:10px;border-top:1px dashed var(--line);display:grid;gap:6px}.os-details__body dl div{display:flex;justify-content:space-between;gap:12px;font-size:14px}.os-details__body dt{color:var(--mute)}.os-details__body dd{margin:0;font-weight:700;text-align:right}.os-actions{display:grid;gap:10px;margin-top:16px}.os-refresh{display:flex;justify-content:center;align-items:center;gap:8px;margin:14px 0 0;font-size:14px;color:var(--mute)}.os-refresh button{display:inline-flex;align-items:center;gap:4px;border:0;background:none;font:800 14px var(--bary-font-body);color:var(--ember);cursor:pointer}.tm{position:relative;height:230px;overflow:hidden;background:#dedede}.tm-tile{width:256px;height:256px;max-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;filter:saturate(.75)}.tm-pin,.tm-tile{position:absolute}.tm-pin{display:grid;place-items:center;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;color:#fff;box-shadow:0 6px 16px -6px rgba(0,0,0,.6);border:3px solid #fff}.tm-pin svg{width:20px;height:20px}.tm-pin--home{background:var(--fire)}.tm-pin--store{font:900 15px var(--bary-font-body)}.tm-pin--rider,.tm-pin--store{background:var(--ink);color:var(--sun)}.tm-pin--rider{transition:left 1s ease,top 1s ease}.tm-pin--rider.is-stale{opacity:.55}.tm-credit{position:absolute;right:6px;bottom:4px;padding:1px 6px;border-radius:6px;background:rgba(255,255,255,.8);font-size:14px;color:#555}@media (prefers-reduced-motion:reduce){.os-spin,.os-steps li.is-now span{animation:none}.tm-pin--rider{transition:none}}.os-eta small{display:block;font-size:15px;font-weight:600;color:var(--mute)}.os-counter__amount{font-family:var(--bary-font-display);font-size:28px}.os-counter__note{grid-column:1/-1;display:flex;gap:6px;align-items:flex-start;margin:0;padding-top:10px;border-top:1px dashed var(--line);font-size:15px;color:var(--mute)}.os-counter__note svg{flex:none;margin-top:2px;color:var(--mute)!important}.os-pay .os-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.7)}