:root{--brand-navy:#0b2d5b;--brand-blue:#1e88ff;--brand-sky:#a6d4ff;--brand-bg:#f2f7ff}.brand-lockup{min-width:0;color:var(--brand-navy);align-items:center;gap:8px;display:inline-flex}.brand-lockup .brand-logo{object-fit:contain;flex:none;width:auto;height:40px;display:block}.brand-copy{white-space:nowrap;flex-direction:column;gap:3px;display:flex}.brand-name{font-size:22px;font-weight:700;line-height:1.1}.brand-tagline{letter-spacing:.04em;font-size:10px;font-weight:600;line-height:1.2}@media (width<=360px){.brand-name{font-size:20px}.brand-lockup .brand-logo{height:36px}}:root{--navy:var(--brand-navy);--blue:var(--brand-navy);--blue-light:var(--brand-blue);--blue-soft:var(--brand-bg);--blue-disabled:var(--brand-sky);--green:#18a34a;--green-soft:#e3f6ea;--red:#c62828;--red-soft:#fdecec;--text:var(--brand-navy);--muted:#5b6785;--surface:#fff;--secondary:var(--brand-bg);--button-pickup:#1677d2;--button-finish:#15803d;--button-disabled:#d1d5db;--button-disabled-text:#4b5563;--button-neutral-text:#1f2937;--button-neutral-border:#c3cad5;--button-neutral-hover:#f3f4f6;--button-neutral-active:#e5e7eb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--brand-bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}body{background:var(--brand-bg);margin:0}.driver-screen{box-sizing:border-box;max-width:480px;min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) 20px 0;flex-direction:column;margin:0 auto;display:flex}.driver-header{justify-content:center;align-items:center;gap:10px;min-height:48px;padding-inline:40px;display:flex;position:relative}.driver-back{width:44px;height:44px;color:var(--navy);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;left:0}.driver-trip{justify-items:center;gap:2px;margin-top:28px;display:grid}.driver-trip-label{color:var(--muted);font-size:15px}.driver-trip-number{letter-spacing:.02em;font-size:34px;font-weight:800}.driver-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:24px 0;display:flex}.driver-badge{border-radius:50%;place-items:center;width:148px;height:148px;margin-bottom:18px;display:grid}.driver-badge-blue{background:var(--blue-soft);color:var(--blue)}.driver-badge-green{background:var(--green-soft);color:#fff}.driver-badge-red{background:var(--red-soft);color:var(--red);font-size:64px;font-weight:800}.driver-badge-green svg{box-sizing:content-box;background:var(--green);border-radius:50%;padding:26px}.driver-title{margin:0;font-size:30px;font-weight:800;line-height:1.2}.driver-title-small{font-size:24px}.driver-text{max-width:320px;color:var(--muted);margin:0;font-size:18px}.driver-text:empty{display:none}.driver-footer{padding:12px 0 calc(20px + env(safe-area-inset-bottom));text-align:center;gap:12px;display:grid}.driver-button{background:var(--blue);color:#fff;width:100%;min-height:64px;font:inherit;cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:0 20px;font-size:19px;font-weight:700;display:inline-flex}.driver-button:focus-visible{outline:3px solid var(--navy);outline-offset:3px}.driver-button-pickup{background:var(--button-pickup)}.driver-button-finish{background:var(--button-finish)}@media (hover:hover){.driver-button:hover:not(:disabled){filter:brightness(.92)}.driver-button-secondary:hover:not(:disabled){filter:none;background:var(--button-neutral-hover)}}.driver-button:active:not(:disabled){filter:brightness(.85);transform:scale(.98)}.driver-button-secondary:active:not(:disabled){filter:none;background:var(--button-neutral-active)}.driver-button:disabled{background:var(--button-disabled);color:var(--button-disabled-text);cursor:not-allowed;border-color:#0000}.driver-button-finish[aria-busy=true]:disabled{background:var(--button-finish);color:#fff;opacity:.85;cursor:progress}.driver-button-spinner{border:3px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.9s linear infinite driver-spin}.driver-button-secondary{background:var(--surface);color:var(--button-neutral-text);border:2px solid var(--button-neutral-border)}@media (width<=360px){.driver-button{min-height:60px;padding:0 14px;font-size:18px}}@media (prefers-reduced-motion:reduce){.driver-button:active:not(:disabled){transform:none}.driver-button-spinner{animation:none}}.driver-dialog-backdrop{z-index:20;background:#0f1f5c73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.driver-dialog{box-sizing:border-box;width:100%;max-width:480px;padding:24px 20px calc(20px + env(safe-area-inset-bottom));background:var(--surface);text-align:center;border-radius:20px 20px 0 0;animation:.16s ease-out driver-dialog-in}.driver-dialog-title{color:var(--text);margin:0 0 8px;font-size:22px}.driver-dialog-actions{gap:12px;margin-top:20px;display:grid}@keyframes driver-dialog-in{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.driver-dialog{animation:none}}.driver-note{color:var(--muted);margin:0;font-size:15px}.driver-camera{aspect-ratio:1;background:radial-gradient(circle,#b9bcc4 0%,#55585f 100%);border-radius:20px;width:100%;max-width:320px;margin-top:12px;position:relative;overflow:hidden}.driver-camera-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.driver-camera-frame{border:4px solid #fff;border-radius:14px;position:absolute;inset:18%;-webkit-mask:linear-gradient(#000 0 0) 0 0/28% 28% no-repeat,linear-gradient(#000 0 0) 100% 0/28% 28% no-repeat,linear-gradient(#000 0 0) 0 100%/28% 28% no-repeat,linear-gradient(#000 0 0) 100% 100%/28% 28% no-repeat;mask:linear-gradient(#000 0 0) 0 0/28% 28% no-repeat,linear-gradient(#000 0 0) 100% 0/28% 28% no-repeat,linear-gradient(#000 0 0) 0 100%/28% 28% no-repeat,linear-gradient(#000 0 0) 100% 100%/28% 28% no-repeat}.driver-camera-line{background:var(--blue-light);height:3px;box-shadow:0 0 12px var(--blue-light);border-radius:2px;position:absolute;top:50%;left:14%;right:14%}.driver-progress-block{justify-items:center;gap:14px;display:grid}.driver-progress{background:#e2e8f5;border-radius:3px;width:132px;height:5px;display:block;overflow:hidden}.driver-progress-bar{background:var(--blue);transform-origin:0;border-radius:3px;width:100%;height:100%;animation:2.5s linear forwards driver-progress;display:block}@keyframes driver-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.driver-spinner{border:4px solid var(--blue-soft);border-top-color:var(--blue);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite driver-spin}@keyframes driver-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.driver-progress-bar,.driver-spinner{animation:none}}@media (height<=640px){.driver-trip{margin-top:12px}.driver-badge{width:112px;height:112px;margin-bottom:6px}.driver-title{font-size:26px}}.driver-unsent{color:#7a4b00;background:#fff4d6;border-radius:999px;align-self:center;margin:8px 16px 0;padding:6px 14px;font-size:15px;font-weight:700}.driver-marks{text-align:left;gap:10px;width:100%;max-width:360px;margin-top:16px;display:grid}.driver-mark{background:var(--surface);border-left:6px solid var(--blue-disabled);border-radius:14px;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 14px;display:grid}.driver-mark-label,.driver-mark-state{font-weight:700}.driver-mark-detail{color:var(--muted);grid-column:1/-1;font-size:15px}.driver-mark-waiting{border-left-color:#d89400}.driver-mark-waiting .driver-mark-state{color:#7a4b00}.driver-mark-sending{border-left-color:var(--blue-light)}.driver-mark-accepted{border-left-color:var(--green)}.driver-mark-accepted .driver-mark-state{color:#11733a}.driver-mark-attention{border-left-color:var(--red)}.driver-mark-attention .driver-mark-state{color:var(--red)}