:root{--bg: #121212;--bg-card: #1e1e1e;--text: #f0f0f0;--text-muted: #888;--accent: #ed2c6b;--accent-hover: #d4255f;--success: #4caf50;--border: #333;--radius: 12px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px;max-width:480px;margin:0 auto;width:100%}.page.session{justify-content:flex-start;padding-top:16px}.page.loading,.page.error{color:var(--text-muted)}.home h1{font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:4px}.tagline{color:var(--text-muted);margin-bottom:48px}.home-actions{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:320px}.divider{color:var(--text-muted);font-size:.875rem}.join-form,.join-form-page{display:flex;flex-direction:column;gap:12px;width:100%}.btn{padding:14px 24px;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;width:100%;transition:background .15s}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.secondary{background:var(--border);color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:8px}input[type=text]{padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);font-size:1rem;width:100%;outline:none}input[type=text]:focus{border-color:var(--accent)}.swipe-deck{position:relative;width:100%;max-width:380px;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center}.swipe-deck-cards{position:relative;width:100%;flex:1;min-height:0}.swipe-card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 24px #0000004d;-webkit-user-select:none;user-select:none}.swipe-card-scroll{height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.swipe-card-scroll::-webkit-scrollbar{display:none}.swipe-card-image{width:100%;height:clamp(240px,66vh,500px);object-fit:cover;display:block}.swipe-card-image-placeholder{width:100%;height:clamp(240px,66vh,500px);display:flex;align-items:center;justify-content:center;background:var(--bg-elevated, #1a1a1a)}.swipe-card-image-placeholder img{width:96px;height:96px;object-fit:contain;opacity:.4}.swipe-card-info{padding:16px}.swipe-card-info h2{font-size:1.25rem;margin-bottom:8px}.swipe-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.tag{font-size:.75rem;padding:4px 8px;border-radius:4px;background:var(--border);color:var(--text-muted)}.tag.price{color:var(--success)}.tag.rating{color:#ffc107}.swipe-card-address,.swipe-card-description{font-size:.85rem;color:var(--text-muted)}.swipe-deck-counter{margin-top:12px;font-size:.8rem;color:var(--text-muted);flex-shrink:0}.deck-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.deck-empty-title{margin:0 0 8px;font-size:1rem;font-weight:600;color:var(--text-primary)}.deck-empty-subtitle{margin:0;font-size:.875rem;color:var(--text-muted)}.deck-loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.15);border-top-color:#fff9;border-radius:50%;animation:spin .8s linear infinite;margin-top:16px}@keyframes spin{to{transform:rotate(360deg)}}.swipe-error-toast{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#ed2c6be6;color:#fff;font-size:.85rem;font-weight:600;padding:10px 20px;border-radius:20px;white-space:nowrap;z-index:50;animation:toast-fade 2.5s ease-in-out forwards}@keyframes toast-fade{0%{opacity:0;transform:translate(-50%) translateY(8px)}10%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0}}.session-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:380px;margin-bottom:8px;flex-shrink:0}.session-empty{text-align:center;color:var(--text-muted)}.invite-code{display:inline-block;margin-top:12px;padding:12px 24px;background:var(--bg-card);border-radius:var(--radius-sm);font-size:1.5rem;font-weight:700;letter-spacing:.15em}.invite-code-clickable{cursor:pointer;transition:background .15s}.invite-code-clickable:hover{background:var(--border)}.participant-status{display:flex;gap:8px}.participant-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.8rem;background:var(--border)}.participant-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.participant-label{margin-left:3px;opacity:.65;font-size:.72rem}.participant-badge.swiping .participant-dot{background:var(--accent)}.participant-badge.done .participant-dot{background:var(--success)}.participant-badge.done{background:var(--success);color:#fff}.participant-badge.done .participant-dot{background:#fff}.btn-copy{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;background:var(--border);color:var(--text);border:none;cursor:pointer;transition:background .15s}.btn-copy:hover{background:#444}.btn-copy:active{background:var(--accent)}.match-reveal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100}.match-reveal-content{text-align:center;padding:32px;max-width:340px}.match-reveal-title{font-size:2.5rem;font-weight:800;color:var(--accent);margin-bottom:24px}.match-reveal-image{width:200px;height:200px;object-fit:cover;border-radius:var(--radius);margin-bottom:16px}.match-reveal-details{display:flex;flex-direction:column;gap:4px;margin-top:8px}.match-reveal-cuisine{color:var(--text-muted);font-size:.85rem}.match-reveal-meta{display:flex;justify-content:center;gap:12px;color:var(--text-muted);font-size:.85rem}.match-reveal-address{color:var(--text-muted);font-size:.8rem;margin-top:4px}.match-reveal-directions{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;width:100%;text-decoration:none}.match-reveal-dismiss{margin-top:10px;width:100%}.results h1{margin-bottom:24px}.match-list{list-style:none;width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px}.match-item{display:flex;gap:12px;align-items:center;background:var(--bg-card);border-radius:var(--radius-sm);overflow:hidden}.match-thumb{width:80px;height:80px;object-fit:cover;flex-shrink:0}.match-info{padding:12px 0;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.match-info h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-info p{color:var(--text-muted);font-size:.85rem}.match-item-meta{display:flex;gap:8px;color:var(--text-muted);font-size:.75rem;margin-top:2px}.match-item-address{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.75rem!important;margin-top:2px}.match-item-link{display:flex;align-items:center;justify-content:center;padding:12px 16px;color:var(--accent);flex-shrink:0;transition:color .15s}.match-item-link:hover{color:var(--accent-hover)}.error-text{color:var(--accent);font-size:.85rem}.zip-fallback{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.zip-fallback-message{color:var(--text-muted);font-size:.9rem;text-align:center;line-height:1.4}.zip-form{display:flex;gap:10px;width:100%}.zip-form input{flex:1;min-width:0;text-align:center;font-size:1.1rem;letter-spacing:.1em}.zip-form .btn{flex:1.5}.swipe-label{position:absolute;top:24px;z-index:10;padding:8px 20px;border-radius:8px;font-size:1.75rem;font-weight:800;letter-spacing:.1em;border:3px solid;pointer-events:none}.swipe-label-nope{left:16px;color:var(--accent);border-color:var(--accent);transform:rotate(-15deg)}.swipe-label-like{right:16px;color:var(--success);border-color:var(--success);transform:rotate(15deg)}.swiping-indicator{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;background:var(--bg-card);font-size:.8rem;color:var(--text-muted);margin-bottom:8px;flex-shrink:0}.swiping-pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.participant-badge.swiping .participant-dot{animation:pulse 1.5s ease-in-out infinite}.no-matches{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.no-matches h2{font-size:1.5rem}.no-matches p{color:var(--text-muted);max-width:280px}.no-matches .btn{max-width:240px}.invite-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.invite-overlay-content{text-align:center;padding:32px 24px;max-width:340px;width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.invite-overlay-content h2{font-size:1.5rem;font-weight:700;margin-bottom:4px}.invite-overlay-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:8px}.invite-overlay-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:20px}.btn-share{background:var(--accent);color:#fff;font-size:1.05rem;padding:14px 24px}.btn-share:hover{background:var(--accent-hover)}.btn-share.secondary{background:var(--border);color:var(--text)}.btn-share.secondary:hover{background:#444}.btn-start-swiping{background:none;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:.9rem;padding:10px 24px;width:auto;margin-top:12px}.btn-start-swiping:hover:not(:disabled){border-color:#ffffffb3}.swipe-card-details{margin-top:10px;display:flex;flex-direction:column;gap:8px}.card-detail-row{display:flex;align-items:center;gap:8px;font-size:.85rem}.card-detail-icon{flex-shrink:0;font-size:.9rem}.card-detail-text{color:var(--text-muted)}.card-detail-link{color:var(--accent);text-decoration:none}.card-detail-link:hover{text-decoration:underline}.card-detail-link-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.card-open-badge{display:inline-block;font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:10px;text-transform:uppercase;flex-shrink:0}.card-open-badge.open{background:#4caf5033;color:var(--success)}.card-open-badge.closed{background:#ed2c6b26;color:var(--accent)}.card-detail-skeleton{height:14px;width:85%;background:linear-gradient(90deg,#2a2a2a 25%,#333,#2a2a2a 75%);background-size:800px 100%;border-radius:4px;animation:shimmer 1.4s infinite linear}.card-photo-strip{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:4px 0 2px}.card-photo-strip::-webkit-scrollbar{display:none}.card-photo-strip-img{width:100px;height:72px;object-fit:cover;border-radius:8px;flex-shrink:0}.card-photo-gallery{display:flex;flex-direction:column;gap:6px;margin:6px 0 2px}.card-photo-tabs{display:flex;gap:8px;margin-bottom:2px}.card-photo-tab{background:none;border:none;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;padding:0;transition:color .15s}.card-photo-tab.active{color:var(--accent)}.photo-lightbox{position:fixed;inset:0;z-index:1000;background:#0000008c;display:flex;align-items:center;justify-content:center;cursor:zoom-out;padding:24px}.photo-lightbox-inner{position:relative;background:#000000e6;border-radius:12px;padding:10px;cursor:default;max-width:100%}.photo-lightbox-close{position:absolute;top:8px;right:8px;background:#ffffff26;border:none;color:#fff;font-size:1rem;line-height:1;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.photo-lightbox-img{display:block;max-width:100%;max-height:70vh;object-fit:contain;border-radius:4px}.card-photo-gallery-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.card-photo-gallery-label-menu{color:#888;font-style:italic}.card-photo-strip-img-menu{height:90px;width:auto;max-width:120px}.card-editorial-summary{font-size:.82rem;color:var(--text-muted);line-height:1.45;margin:4px 0 2px}.detail-sheet-overlay{position:fixed;inset:0;background:#0009;z-index:90}.detail-sheet{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;background:var(--bg-card);border-radius:20px 20px 0 0;max-height:90vh;overflow-y:auto;overscroll-behavior:contain;z-index:91;padding-bottom:env(safe-area-inset-bottom,0px)}.detail-sheet-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:12px auto 8px}.detail-photo-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;height:220px;gap:0;scrollbar-width:none}.detail-photo-carousel::-webkit-scrollbar{display:none}.detail-photo-item{flex:0 0 100%;scroll-snap-align:start;width:100%;height:220px;object-fit:cover}.detail-photo-skeleton{flex:0 0 100%;height:220px}.detail-photo-placeholder{flex:0 0 100%;height:220px;display:flex;align-items:center;justify-content:center;background:#1a1a1a}.detail-header{padding:16px 16px 0}.detail-name{font-size:1.3rem;font-weight:700;margin-bottom:8px}.detail-tags-row{display:flex;flex-wrap:wrap;gap:6px}.detail-action-row{display:flex;gap:12px;padding:16px}.detail-action-btn{flex:1;padding:14px;border-radius:var(--radius);font-size:1rem;font-weight:700;cursor:pointer;border:2px solid var(--accent);transition:background .15s,color .15s}.detail-action-no{background:transparent;color:var(--accent)}.detail-action-no:hover{background:#ed2c6b1a}.detail-action-yes{background:var(--accent);color:#fff}.detail-action-yes:hover{background:var(--accent-hover)}.detail-info-section{padding:4px 16px 12px;display:flex;flex-direction:column;gap:10px}.detail-info-row{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.4}.detail-info-icon{flex-shrink:0;width:20px;text-align:center}.detail-link{color:var(--accent);text-decoration:none}.detail-link:hover{text-decoration:underline}.detail-link-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.detail-open-badge{display:inline-block;font-size:.78rem;font-weight:700;padding:2px 7px;border-radius:10px;text-transform:uppercase}.detail-open-badge.open{background:#4caf5033;color:var(--success)}.detail-open-badge.closed{background:#ed2c6b26;color:var(--accent)}.detail-hours-today{color:var(--text-muted)}.detail-expand-btn{background:none;border:none;color:var(--accent);font-size:.82rem;cursor:pointer;padding:0;margin-left:4px}.detail-hours-list{list-style:none;margin-top:6px;display:flex;flex-direction:column;gap:2px;color:var(--text-muted);font-size:.82rem}.detail-no-info{color:var(--text-muted);font-size:.9rem;font-style:italic}.detail-reviews-section{padding:4px 16px 0}.detail-section-title{font-size:1rem;font-weight:600;margin-bottom:10px}.detail-review{border-top:1px solid var(--border);padding:10px 0}.detail-review-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.detail-review-author{font-size:.88rem}.detail-stars{font-size:.78rem;letter-spacing:1px}.detail-review-time{font-size:.78rem;color:var(--text-muted);margin-left:auto}.detail-review-text{font-size:.85rem;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.detail-review-text.expanded{display:block;overflow:visible;-webkit-line-clamp:unset}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.detail-loading-skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#333,#2a2a2a 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--radius-sm)}