:root{--lime:#c8f135;--lime-dark:#2d3a0a;--orange:#ffb547;--ink:#0d0d0e;--panel:#18181a;--panel-2:#222225;--line:#2e2e33;--muted:#9c9ca3;--text:#f4f4f5;--danger:#ff6b5b;--paper:#fff;--paper-2:#f3f3f4;--paper-line:#e3e3e6;--paper-text:#111113;--paper-muted:#5f5f66;--olive:#4c6b00;--radius:14px;-webkit-text-size-adjust:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ink);min-height:100dvh;color:var(--text)}a{color:inherit}button,input,select,textarea{font:inherit}.screen{max-width:480px;min-height:100dvh;margin:0 auto;padding:20px 16px 96px}.seller{background:var(--ink);color:var(--text)}.passenger{background:var(--paper);color:var(--paper-text)}h1{letter-spacing:-.01em;margin:4px 0 8px;font-size:26px;line-height:1.15}h2{margin:20px 0 8px;font-size:18px}.eyebrow{color:var(--muted);font-size:13px}.muted{color:var(--muted);font-size:14px}.small{font-size:13px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin:12px 0;padding:16px}.card.lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.card.orange{background:var(--orange);color:var(--ink);border-color:var(--orange)}.passenger .card{background:var(--paper-2);border-color:var(--paper-line)}label{margin:14px 0 6px;font-size:14px;font-weight:600;display:block}.input{border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--text);border-radius:10px;padding:14px;font-size:16px}.input:focus{outline:2px solid var(--lime);outline-offset:1px}.passenger .input{color:var(--paper-text);border-color:var(--paper-line);background:#fff}.btn{color:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;padding:12px 16px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.btn.primary{background:var(--lime);color:var(--ink)}.btn.dark{background:var(--ink);color:#fff}.btn.ghost{background:0 0;border-color:currentColor}.btn.shortcut-tap{text-align:left;background:var(--panel-2);border-color:var(--line);color:var(--text);flex-direction:column;flex:1;align-items:flex-start;gap:2px}.btn:disabled{opacity:.5;cursor:default}button.btn:not(.primary):not(.dark):not(.ghost):not(.shortcut-tap){background:0 0;border-color:currentColor}.row{gap:10px;display:flex}.row>*{flex:1;min-width:0}dd{overflow-wrap:anywhere}input[type=date].input,input[type=time].input,input[type=datetime-local].input{min-width:0}.error{color:var(--danger);margin:8px 0;font-size:14px}.ok{color:var(--lime);font-size:14px}.test-banner{color:#ffd76a;text-align:center;background:#3a2d00;padding:6px 12px;font-size:12px}.passenger .test-banner{color:#5c4700;background:#fff3c4}.tabbar{background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar nav{width:100%;max-width:480px;display:flex}.tabbar a{text-align:center;color:var(--muted);flex:1;padding:10px 0 12px;font-size:12px;text-decoration:none}.tabbar a[aria-current=page]{color:var(--lime);font-weight:700}.tabbar .icon{font-size:20px;line-height:1.2;display:block}.install-steps{margin:12px 0;padding:0;list-style:none}.install-steps li{opacity:.45;border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.install-steps li .num{background:var(--panel-2);border-radius:50%;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.install-steps.animated li:first-child{animation:step var(--seconds,6s) infinite}.install-steps.animated li:nth-child(2){animation:step var(--seconds,6s) calc(var(--seconds,6s) / 2) infinite}@keyframes step{0%,45%{opacity:1;background:var(--lime-dark)}50%,to{opacity:.45;background:0 0}}@media (prefers-reduced-motion:reduce){.install-steps.animated li{opacity:1;animation:none}}.logo{letter-spacing:-.02em;align-items:center;gap:6px;font-weight:800;display:inline-flex}.logo i{background:var(--lime);border-radius:50%;width:12px;height:12px;display:inline-block}.logo i+i{border:3px solid var(--lime);background:0 0}.seg{gap:8px;display:flex}.seg button{border:1px solid var(--line);background:var(--panel-2);min-height:46px;color:var(--text);cursor:pointer;border-radius:10px;flex:1;font-weight:600}.seg button[aria-pressed=true]{border:2px solid var(--lime);background:var(--lime-dark)}.counter{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.counter:last-child{border-bottom:0}.counter .ctl{align-items:center;gap:12px;display:flex}.counter .ctl button{border:1px solid var(--line);background:var(--panel-2);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;font-size:18px}.option{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;margin:10px 0;padding:14px;display:flex}.option[aria-checked=true]{border:2px solid var(--lime);background:#1d2410}.option .box{border:2px solid var(--muted);width:24px;height:24px;color:var(--ink);border-radius:6px;flex:none;place-items:center;font-weight:900;display:grid}.option[aria-checked=true] .box{background:var(--lime);border-color:var(--lime)}.earn{color:var(--lime);font-size:13px;font-weight:700}.next{color:var(--orange);font-size:13px}.qr{background:#fff;border-radius:14px;width:min(240px,70vw);margin:8px auto;padding:12px}.qr svg{width:100%;height:auto;display:block}.pill{border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-block}.pill.waiting{color:var(--orange);background:#3a2d00}.pill.paid{background:var(--lime);color:var(--ink)}select.input{appearance:auto}.celebration{z-index:50;background:var(--lime);color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.celebration .row{width:100%;max-width:448px}.celebration>.btn{max-width:448px}.ball{border:6px solid var(--ink);background:#0000000f;border-radius:50%;width:120px;height:120px;position:relative;overflow:hidden}.ball .fill{background:var(--ink);height:100%;animation:1.1s cubic-bezier(.2,.8,.2,1) forwards ball-fill;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}@keyframes ball-fill{to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ball .fill{animation:none;transform:none}}.toast{z-index:40;background:var(--lime);max-width:448px;color:var(--ink);border-radius:12px;margin:0 auto;padding:14px 16px;font-size:16px;position:fixed;bottom:84px;left:16px;right:16px;box-shadow:0 8px 24px #0006}.pill.held{background:var(--lime-dark);color:var(--lime)}.pill.released{background:var(--lime);color:var(--ink)}.pill.voided{background:var(--panel-2);color:var(--muted)}.sale-row{color:inherit;border-bottom:1px solid var(--line);padding:12px 0;text-decoration:none;display:block}.sale-row:last-child{border-bottom:0}.split-bar{background:var(--panel-2);border-radius:6px;height:12px;margin:10px 0 4px;display:flex;overflow:hidden}.split-bar span{height:12px;display:block}.passenger .option{border-color:var(--paper-line);color:var(--paper-text);background:#fff}.passenger .option[aria-pressed=true]{border:2px solid var(--ink);background:var(--paper-2)}.passenger .seg button{color:var(--paper-text);border-color:var(--paper-line);background:#fff}.passenger .seg button[aria-pressed=true]{border:2px solid var(--ink);background:var(--paper-2)}.chat{flex-direction:column;gap:8px;margin:12px 0;display:flex}.bubble{overflow-wrap:anywhere;border-radius:16px;max-width:88%;padding:10px 14px;font-size:15px;line-height:1.4}.bubble .who{opacity:.7;margin-bottom:2px;font-size:12px;font-weight:700;display:block}.bubble.bot{color:#111;background:#f1f1ec;border-bottom-left-radius:4px;align-self:flex-start}.bubble.person{background:var(--ink);color:#fff;border-bottom-left-radius:4px;align-self:flex-start}.bubble.me{background:var(--lime);color:var(--ink);border-bottom-right-radius:4px;align-self:flex-end}.chips{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.chip{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;padding:8px 12px;font-size:14px}.bubble.staff{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}
