:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success-50: #f0fdf4;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-error-50: #fef2f2;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-warning-50: #fffbeb;--color-warning-500: #f59e0b;--color-bg: #ffffff;--color-bg-subtle: var(--color-gray-50);--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-400);--color-text-inverse: #ffffff;--color-border: var(--color-gray-200);--color-border-focus: var(--color-primary-500);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--max-width: 28rem;--min-touch-target: 44px;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-base: 0;--z-elevated: 10;--z-overlay: 100;--z-modal: 1000}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-subtle);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.flow-layout{flex:1;display:flex;flex-direction:column;width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--space-6);padding-bottom:env(safe-area-inset-bottom,var(--space-6))}.flow-layout__progress{flex-shrink:0;margin-bottom:var(--space-6)}.flow-layout__content{flex:1;display:flex;flex-direction:column}.flow-layout__actions{flex-shrink:0;margin-top:auto;padding-top:var(--space-6)}.screen{flex:1;display:flex;flex-direction:column}.screen__header{margin-bottom:var(--space-6)}.screen__title{margin:0 0 var(--space-2) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.screen__subtitle{margin:0;font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.screen__body{flex:1}.screen__footer{margin-top:auto;padding-top:var(--space-6)}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.card--elevated{box-shadow:var(--shadow-md)}.centered-layout{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8);max-width:var(--max-width);margin:0 auto}.centered-layout__icon{margin-bottom:var(--space-6);width:64px;height:64px;color:var(--color-gray-400)}.centered-layout__icon--success{color:var(--color-success-500)}.centered-layout__icon--error{color:var(--color-error-500)}.centered-layout__title{margin:0 0 var(--space-3) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.centered-layout__message{margin:0;color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}@supports (padding: env(safe-area-inset-bottom)){.flow-layout{padding-left:max(var(--space-6),env(safe-area-inset-left));padding-right:max(var(--space-6),env(safe-area-inset-right))}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:var(--min-touch-target);padding:var(--space-3) var(--space-5);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent}.btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.98)}.btn--primary{background-color:var(--color-primary-600);color:var(--color-text-inverse)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-700)}.btn--secondary{background-color:var(--color-gray-100);color:var(--color-text-primary)}.btn--secondary:hover:not(:disabled){background-color:var(--color-gray-200)}.btn--ghost{background-color:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background-color:var(--color-gray-100)}.btn__icon{width:20px;height:20px;flex-shrink:0}.btn--loading{position:relative;color:transparent}.btn--loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.btn--primary.btn--loading:after{border-color:var(--color-text-inverse);border-right-color:transparent}@keyframes spin{to{transform:rotate(360deg)}}.progress-indicator{display:flex;align-items:center;gap:var(--space-2)}.progress-indicator__bar{flex:1;height:4px;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-indicator__fill{height:100%;background-color:var(--color-primary-500);border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-indicator__text{flex-shrink:0;font-size:var(--font-size-sm);color:var(--color-text-muted);min-width:4ch;text-align:right}.checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.checklist__item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.checklist__icon{flex-shrink:0;width:18px;height:18px;margin-top:2px;color:var(--color-gray-400)}.checklist__item--checked .checklist__icon{color:var(--color-success-500)}.info-block{display:flex;flex-direction:column;gap:var(--space-4)}.info-row{display:flex;flex-direction:column;gap:var(--space-1)}.info-row__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.info-row__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.lane-display{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.lane-display__city{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.lane-display__arrow{color:var(--color-text-muted);font-size:var(--font-size-lg)}.photo-preview{position:relative;width:100%;aspect-ratio:4 / 3;background-color:var(--color-gray-100);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}.photo-preview__image{width:100%;height:100%;object-fit:cover}.photo-preview__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--color-text-muted)}.photo-preview__icon{width:48px;height:48px}.photo-preview__hint{font-size:var(--font-size-sm)}.status-message{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.status-message--info{background-color:var(--color-primary-50);color:var(--color-primary-700)}.status-message--success{background-color:var(--color-success-50);color:var(--color-success-600)}.status-message--error{background-color:var(--color-error-50);color:var(--color-error-600)}.status-message--warning{background-color:var(--color-warning-50);color:var(--color-gray-800)}.status-message__icon{flex-shrink:0;width:20px;height:20px}.reassurance{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.reassurance--centered{text-align:center}.visual-example{background-color:var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.visual-example__icon{width:64px;height:64px;color:var(--color-gray-400)}.visual-example__label{font-size:var(--font-size-sm);color:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}