:root{--color-background: #FAF7F5;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-surface-muted: #F5F0ED;--color-border: #E8E0DB;--color-border-subtle: #F0EBE8;--color-text-primary: #1F1815;--color-text-secondary: #6B5D54;--color-text-muted: #9C8B80;--color-accent: #E86A58;--color-accent-hover: #D55A48;--color-accent-light: #FEF2F0;--color-accent-muted: rgba(232, 106, 88, .12);--color-station: #E86A58;--color-station-bg: #FEF2F0;--color-connect: #10B981;--color-connect-light: #ECFDF5;--color-pass: #9C8B80;--color-pass-light: #F5F0ED;--color-warning: #F59E0B;--color-warning-light: #FFFBEB}.dark,[data-theme=dark]{--color-background: #1A1614;--color-surface: #252220;--color-surface-elevated: #2E2A27;--color-surface-muted: #1A1614;--color-border: #3D3632;--color-border-subtle: #2E2A27;--color-text-primary: #FAF7F5;--color-text-secondary: #C4B8B0;--color-text-muted: #8C7D74;--color-accent-light: rgba(232, 106, 88, .15);--color-station-bg: rgba(232, 106, 88, .15);--color-connect-light: rgba(16, 185, 129, .15);--color-pass-light: rgba(156, 139, 128, .15);--color-warning-light: rgba(245, 158, 11, .15)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-background: #1A1614;--color-surface: #252220;--color-surface-elevated: #2E2A27;--color-surface-muted: #1A1614;--color-border: #3D3632;--color-border-subtle: #2E2A27;--color-text-primary: #FAF7F5;--color-text-secondary: #C4B8B0;--color-text-muted: #8C7D74;--color-accent-light: rgba(232, 106, 88, .15);--color-station-bg: rgba(232, 106, 88, .15);--color-connect-light: rgba(16, 185, 129, .15);--color-pass-light: rgba(156, 139, 128, .15);--color-warning-light: rgba(245, 158, 11, .15)}}:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", monospace;--text-hero: 4.5rem;--text-display: 2rem;--text-title: 1.5rem;--text-lg: 1.25rem;--text-body: 1.125rem;--text-sm: 1rem;--text-label: .8125rem;--text-caption: .75rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--leading-none: 1;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .05em;--space-0: 0;--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;--space-20: 5rem;--touch-min: 44px;--touch-comfortable: 52px;--touch-hero: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(31, 24, 21, .06);--shadow-md: 0 4px 8px rgba(31, 24, 21, .08);--shadow-lg: 0 8px 24px rgba(31, 24, 21, .12);--shadow-card: 0 2px 8px rgba(31, 24, 21, .06), 0 0 1px rgba(31, 24, 21, .08);--transition-fast: .1s ease-out;--transition-normal: .15s ease-out;--transition-slow: .25s ease-out}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{min-height:100vh;min-height:100dvh}.station-number{font-size:var(--text-hero);font-weight:var(--weight-black);line-height:var(--leading-none);letter-spacing:var(--tracking-tight);color:var(--color-station);font-variant-numeric:tabular-nums}.station-container{display:inline-flex;align-items:center;justify-content:center;min-width:120px;padding:var(--space-4) var(--space-6);background:var(--color-station-bg);border-radius:var(--radius-xl);border:2px solid var(--color-station)}.badge-number{font-family:var(--font-mono);font-size:var(--text-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide)}.partner-name{font-size:var(--text-display);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text-primary)}.partner-badge{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-comfortable);padding:var(--space-3) var(--space-6);font-size:var(--text-body);font-weight:var(--weight-semibold);border-radius:var(--radius-lg);border:2px solid transparent;cursor:pointer;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-rating{width:100%;min-height:var(--touch-hero);font-size:var(--text-lg);border-radius:var(--radius-lg)}.btn-connect{background:var(--color-connect-light);color:var(--color-connect);border-color:var(--color-connect)}.btn-connect:hover{background:var(--color-connect);color:#fff}.btn-pass{background:var(--color-pass-light);color:var(--color-text-secondary);border-color:var(--color-border)}.btn-pass:hover{background:var(--color-surface-muted);border-color:var(--color-text-muted)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.btn-ghost:hover{background:var(--color-surface-muted);border-color:var(--color-text-muted)}.input{width:100%;min-height:var(--touch-comfortable);padding:var(--space-3) var(--space-4);font-size:var(--text-body);color:var(--color-text-primary);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-normal)}.input:focus{outline:none;border-color:var(--color-accent)}.input::placeholder{color:var(--color-text-muted)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6)}.progress-dots{display:flex;gap:var(--space-2)}.progress-dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-border);transition:background var(--transition-normal)}.progress-dot.completed{background:var(--color-accent)}.progress-dot.current{background:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.label{font-size:var(--text-label);font-weight:var(--weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.pending-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-label);font-weight:var(--weight-semibold);color:var(--color-warning);background:var(--color-warning-light);border-radius:var(--radius-md)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.font-mono{font-family:var(--font-mono)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.p-6{padding:var(--space-6)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.w-full{width:100%}.max-w-sm{max-width:24rem}.mx-auto{margin-left:auto;margin-right:auto}