:root{color-scheme:light;--bg: #fafafa;--surface: #ffffff;--surface-warm: var(--surface);--fg: #111111;--fg-2: var(--fg);--muted: #6b6b6b;--meta: var(--muted);--border: #e5e5e5;--border-soft: var(--border);--accent: #2f6feb;--accent-on: #ffffff;--accent-hover: color-mix(in oklab, var(--accent), black 8%);--accent-active: color-mix(in oklab, var(--accent), black 14%);--success: #17a34a;--warn: #eab308;--danger: #dc2626;--font-display: "Inter", -apple-system, system-ui, sans-serif;--font-body: "Inter", -apple-system, system-ui, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 48px;--text-4xl: 64px;--leading-body: 1.5;--leading-tight: 1.2;--tracking-display: -.01em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-20: 80px;--section-y-desktop: 80px;--section-y-tablet: 48px;--section-y-phone: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 9999px;--elev-flat: none;--elev-ring: 0 0 0 1px var(--border);--elev-raised: 0 2px 8px color-mix(in oklab, var(--fg), transparent 92%);--focus-ring: 0 0 0 3px color-mix(in oklab, var(--accent), transparent 70%);--motion-fast: .15s;--motion-base: .2s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--container-max: 1200px;--container-gutter-desktop: 24px;--container-gutter-tablet: 16px;--container-gutter-phone: 12px;--accent-soft: color-mix(in oklab, var(--accent), transparent 90%);--success-soft: color-mix(in oklab, var(--success), transparent 88%);--danger-soft: color-mix(in oklab, var(--danger), transparent 90%);--fg-soft: color-mix(in oklab, var(--fg), transparent 40%);--pnav-h: 52px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.surface-dropoff{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);font-family:var(--font-body)}.techbar-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, 12px);padding:var(--space-3, 12px) var(--space-4, 16px);border-bottom:1px solid var(--border);background:var(--surface)}.techbar-top .brand{display:flex;align-items:center;gap:var(--space-3, 12px);min-width:0}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;font-size:20px;border-radius:var(--radius-md);color:var(--accent);background:var(--accent-soft)}.brand-name{font-family:var(--font-display);font-weight:600;font-size:.95rem;line-height:var(--leading-tight)}.brand-sub{color:var(--meta);font-size:.75rem}.techbar-top .loc{min-width:0;color:var(--muted);font-size:.8rem;text-align:right;overflow-wrap:anywhere}.surface-dropoff .stage{flex:1;width:100%;max-width:480px;margin:0 auto;padding:var(--space-4, 16px);display:flex;flex-direction:column;justify-content:center;gap:var(--space-4, 16px);text-align:center}.dropoff-loading{color:var(--fg-soft);font-size:1.1rem}.dropoff-scan h1,.dropoff-result h1{font-family:var(--font-display);font-size:1.4rem;line-height:var(--leading-tight);margin:0 0 var(--space-3, 12px);text-wrap:balance}.qr-capture{display:flex;flex-direction:column;gap:var(--space-3, 12px);align-items:center}.scan-button{width:100%;min-height:64px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, 8px);padding:var(--space-4, 16px);font-size:1.15rem;font-weight:600;color:var(--accent-on);background:var(--accent);border:none;border-radius:var(--radius-lg);cursor:pointer;touch-action:manipulation;transition:background var(--motion-fast) var(--ease-standard)}.scan-button:hover:not(:disabled){background:var(--accent-hover)}.scan-button:disabled{opacity:.6;cursor:default}.scan-button:focus-visible{outline:var(--focus-ring);outline-offset:2px}.scan-hint{color:var(--fg-soft);font-size:.9rem;margin:0}.scan-hint-error{color:var(--danger);font-weight:600}.device-hint{color:var(--fg-2);font-size:.95rem}.dropoff-result{display:flex;flex-direction:column;align-items:center}.badge{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;font-size:32px;border-radius:var(--radius-pill);margin-bottom:var(--space-2, 8px)}.badge-ok{background:var(--accent-soft);color:var(--accent)}.badge-bad{background:var(--danger-soft);color:var(--danger)}.hold-lifted{display:inline-flex;align-items:center;gap:var(--space-2, 8px);font-size:1.25rem;color:var(--accent);font-weight:600}.try-again{min-height:48px;padding:var(--space-3, 12px) var(--space-5, 20px);font-size:1rem;font-weight:600;color:var(--accent-on);background:var(--accent);border:none;border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;transition:background var(--motion-fast) var(--ease-standard)}.try-again:hover:not(:disabled){background:var(--accent-hover)}.try-again:disabled{opacity:.6;cursor:default}.try-again:focus-visible{outline:var(--focus-ring);outline-offset:2px}.dropoff-foot{padding:var(--space-3, 12px);text-align:center;color:var(--meta);font-size:.8rem}@media (prefers-reduced-motion: reduce){.scan-button,.try-again{transition:none}}