:root{--bg: #FAF7F5;--text: #2D2420;--coral: #E86A58;--warm-gray: #9C8B80;--emerald: #10B981;--soft-red: #DC6B5A;--surface: #FFFFFF;--surface-muted: #F5F0ED;--border: #E8E0DB;--border-subtle: #F0EBE8;--text-secondary: #6B5D54;--coral-hover: #D55A48;--coral-light: #FEF2F0;--emerald-light: #ECFDF5;--amber: #F59E0B;--error-bg: #FEE2E2;--error-text: #991B1B;--success-bg: var(--emerald-light);--success-text: #065F46;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--size-hero: 3rem;--size-partner: 1.75rem;--size-body: 1.125rem;--size-meta: .875rem;--space-tight: 8px;--space-medium: 16px;--space-loose: 48px;--space-xs: 4px;--space-sm: 12px;--space-lg: 24px;--space-xl: 32px;--color-accent: var(--coral);--color-accent-hover: var(--coral-hover);--color-accent-light: var(--coral-light);--color-border: var(--border);--color-border-subtle: var(--border-subtle);--color-connect: var(--emerald);--color-connect-light: var(--emerald-light);--color-surface: var(--surface);--color-surface-muted: var(--surface-muted);--color-text-muted: var(--warm-gray);--color-text-primary: var(--text);--color-text-secondary: var(--text-secondary);--color-warning: var(--soft-red);--color-warning-light: rgba(220, 107, 90, .12);--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--text-display: var(--size-partner);--text-title: var(--size-partner);--text-lg: var(--size-body);--text-body: var(--size-body);--text-sm: var(--size-meta);--text-caption: var(--size-meta);--text-label: var(--size-meta);--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--tracking-wide: .025em;--tracking-wider: .05em;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--transition-fast: .15s ease;--transition-normal: .25s ease}@media (prefers-color-scheme: dark){:root{--bg: #1A1614;--text: #F5F0EC;--surface: #252220;--surface-muted: #1A1614;--border: #3D3632;--border-subtle: #2E2A27;--text-secondary: #C4B8B0;--warm-gray: #8C7D74;--coral-light: rgba(232, 106, 88, .15);--emerald-light: rgba(16, 185, 129, .15);--error-bg: rgba(220, 38, 38, .15);--error-text: #FCA5A5;--success-bg: rgba(16, 185, 129, .15);--success-text: #6EE7B7}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{min-height:100vh;min-height:100dvh}.app{min-height:100vh;min-height:100dvh;padding:var(--space-lg);max-width:28rem;margin:0 auto;display:flex;flex-direction:column}.screen{display:none;flex:1}.screen.active{display:flex;flex-direction:column}.hero-number{font-size:var(--size-hero);font-weight:700;line-height:1;color:var(--coral);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.partner-name{font-size:var(--size-partner);font-weight:500;line-height:1.15;color:var(--text)}.body-text{font-size:var(--size-body);line-height:1.5;color:var(--text)}.meta-text{font-size:var(--size-meta);color:var(--warm-gray)}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.table-hero{display:inline-flex;align-items:center;justify-content:center;min-width:120px;padding:var(--space-medium) var(--space-lg);background:var(--coral-light);border-radius:20px;border:2px solid var(--coral)}.timer{font-size:var(--size-meta);font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--warm-gray)}.timer.warning{color:var(--soft-red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-tight);min-height:48px;padding:var(--space-sm) var(--space-lg);font-size:var(--size-body);font-weight:600;border-radius:16px;border:2px solid transparent;cursor:pointer;transition:all .15s ease-out;-webkit-user-select:none;user-select:none;width:100%;font-family:inherit}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--coral);color:#fff;border-color:var(--coral)}.btn-primary:hover:not(:disabled){background:var(--coral-hover);border-color:var(--coral-hover)}.btn-rating{min-height:64px;font-size:var(--size-body);border-radius:16px;width:100%}.btn-match{background:var(--emerald-light);color:var(--emerald);border-color:var(--emerald);min-height:72px;font-size:var(--size-body)}.btn-match:hover:not(:disabled){background:var(--emerald);color:#fff}.btn-pass{background:var(--surface-muted);color:var(--text-secondary);border-color:var(--border)}.btn-pass:hover:not(:disabled){background:var(--surface-muted);border-color:var(--warm-gray)}.btn-end-early{background:transparent;color:var(--warm-gray);border-color:var(--border);min-height:48px;font-size:var(--size-meta);font-weight:400}.btn-end-early:hover:not(:disabled){border-color:var(--warm-gray)}.input{width:100%;min-height:48px;padding:var(--space-sm) var(--space-medium);font-size:var(--size-body);font-family:inherit;color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:12px;transition:border-color .15s ease-out}.input:focus{outline:none;border-color:var(--coral)}.input::placeholder{color:var(--warm-gray)}.form-group{margin-bottom:var(--space-medium)}.form-label{display:block;font-size:var(--size-meta);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-tight);text-transform:uppercase;letter-spacing:.05em}.pill-group{display:flex;gap:var(--space-tight);flex-wrap:wrap}.pill-btn{flex:1;min-width:80px;min-height:48px;padding:var(--space-tight) var(--space-sm);border:2px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);font-size:var(--size-meta);font-weight:500;font-family:inherit;cursor:pointer;text-align:center;white-space:nowrap;transition:border-color .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.pill-btn.selected{border-color:var(--coral);background:var(--coral);color:#fff}.match-card{background:var(--surface);border-radius:16px;padding:var(--space-lg);margin-bottom:var(--space-medium);box-shadow:0 2px 8px #2d24200f;text-align:center}.match-card .partner-name{margin-bottom:var(--space-tight)}.match-card .match-badge{font-size:var(--size-body);color:var(--emerald);margin-bottom:var(--space-medium)}.match-connect-buttons{display:flex;gap:var(--space-tight)}.match-connect-buttons .btn{flex:1;min-height:48px}.connection-bar{position:fixed;top:0;left:0;right:0;padding:var(--space-tight) var(--space-medium);font-size:var(--size-meta);text-align:center;z-index:100;transition:transform .3s ease-out;transform:translateY(-100%)}.connection-bar.visible{transform:translateY(0)}.connection-bar.offline{background:var(--soft-red);color:#fff}.connection-bar.reconnecting{background:var(--amber);color:#fff}.help-btn{position:fixed;bottom:var(--space-medium);right:var(--space-medium);min-height:48px;padding:var(--space-tight) var(--space-sm);font-size:var(--size-meta);font-weight:400;font-family:inherit;color:var(--warm-gray);background:var(--surface);border:1px solid var(--border);border-radius:20px;cursor:pointer;z-index:50;transition:all .15s ease-out;box-shadow:0 2px 8px #2d242014}.help-btn:hover{color:var(--soft-red);border-color:var(--soft-red)}.help-btn.confirmed{color:var(--emerald);border-color:var(--emerald)}.quit-btn{position:fixed;bottom:var(--space-medium);left:var(--space-medium);min-height:48px;padding:var(--space-tight) var(--space-sm);font-size:var(--size-meta);font-weight:400;font-family:inherit;color:var(--warm-gray);background:transparent;border:1px solid var(--border);border-radius:20px;cursor:pointer;z-index:50;opacity:.6;transition:all .15s ease-out}.quit-btn:hover{opacity:1;color:var(--soft-red);border-color:var(--soft-red)}.waiting-dots{display:flex;gap:var(--space-tight);justify-content:center;margin:var(--space-medium) 0}.waiting-dots span{width:8px;height:8px;background:var(--coral);border-radius:50%;animation:dot-pulse 1.4s infinite ease-in-out}.waiting-dots span:nth-child(2){animation-delay:.2s}.waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,80%,to{opacity:.3}40%{opacity:1}}.error-banner{background:var(--error-bg);color:var(--error-text);padding:var(--space-sm) var(--space-medium);border-radius:12px;margin-bottom:var(--space-medium);font-size:var(--size-meta);line-height:1.4}.success-banner{background:var(--success-bg);color:var(--success-text);padding:var(--space-sm) var(--space-medium);border-radius:12px;margin-bottom:var(--space-medium);font-size:var(--size-meta);line-height:1.4}.stat-row{display:flex;justify-content:center;gap:var(--space-loose);margin-top:var(--space-lg)}.stat{text-align:center}.stat-value{font-size:var(--size-partner);font-weight:700;color:var(--text)}.stat-label{font-size:var(--size-meta);color:var(--warm-gray)}.section{text-align:center;margin-bottom:var(--space-lg)}.section-loose{margin-bottom:var(--space-loose)}.spacer{flex:1}.mt-tight{margin-top:var(--space-tight)}.mt-medium{margin-top:var(--space-medium)}.mt-loose{margin-top:var(--space-loose)}.mb-tight{margin-bottom:var(--space-tight)}.mb-medium{margin-bottom:var(--space-medium)}.gap-tight{gap:var(--space-tight)}.gap-medium{gap:var(--space-medium)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}