.logo{display:flex;flex-direction:column;align-items:center;gap:0}.logo-icon{position:relative;margin-bottom:.5rem}.logo-ai-icon{display:block;filter:drop-shadow(0 4px 12px rgba(124,58,237,.35))}.logo-text{display:flex;align-items:baseline;gap:0;font-family:var(--font-display);font-weight:700}.logo-silver{background:linear-gradient(90deg,var(--silver-400) 0%,var(--silver-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-spoon-text{background:linear-gradient(90deg,var(--silver-500) 0%,var(--purple-500) 50%,var(--purple-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-ai{font-family:var(--font-display);font-size:.35em;font-weight:700;margin-left:6px;padding:3px 8px;background:linear-gradient(135deg,var(--purple-600) 0%,var(--purple-800) 100%);color:#fff;border-radius:var(--radius-sm);-webkit-text-fill-color:white;position:relative;top:-.6em}.logo-small .logo-text{font-size:var(--text-xl)}.logo-medium .logo-text{font-size:var(--text-4xl)}.logo-large .logo-text{font-size:2.5rem}.logo-hero .logo-text{font-size:6rem}.logo-hero .logo-ai{font-size:.35em;padding:5px 12px}.logo-text-only{gap:0}.logo-text-only .logo-icon{display:none}@media (max-width: 480px){.logo-hero .logo-text{font-size:3.5rem}.logo-hero .logo-ai{font-size:.4em;padding:3px 8px}}@media (max-width: 360px){.logo-hero .logo-text{font-size:var(--text-6xl)}}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-lg);text-align:center;min-height:280px}.empty-state-container.compact{min-height:180px;padding:var(--space-lg)}.empty-state-illustration{width:120px;height:120px;margin-bottom:var(--space-lg)}.empty-state-container.compact .empty-state-illustration{width:80px;height:80px;margin-bottom:var(--space-md)}.empty-state-illustration svg{width:100%;height:100%}.empty-state-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm);line-height:1.3}.empty-state-container.compact .empty-state-title{font-size:var(--text-base)}.empty-state-message{font-size:var(--text-body);color:var(--text-muted);margin:0;max-width:280px;line-height:1.5}.empty-state-container.compact .empty-state-message{font-size:var(--text-body-sm);max-width:240px}.empty-state-actions{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg);width:100%;max-width:240px}.empty-state-container.compact .empty-state-actions{margin-top:var(--space-md);max-width:200px}.empty-state-btn{padding:.875rem 1.5rem;border-radius:var(--radius-lg);font-size:var(--text-body);font-weight:600;cursor:pointer;transition:all .2s ease;border:none;width:100%}.empty-state-btn.primary{background:var(--accent-primary);color:#fff}.empty-state-btn.primary:hover{background:var(--accent-primary-hover);transform:translateY(-1px)}.empty-state-btn.primary:active{transform:translateY(0)}.empty-state-btn.secondary{background:var(--surface-card);color:var(--text-primary);border:1px solid var(--border-subtle)}.empty-state-btn.secondary:hover{background:var(--surface-hover);border-color:var(--text-muted)}@media (min-width: 400px){.empty-state-actions{flex-direction:row;max-width:320px}.empty-state-container.compact .empty-state-actions{max-width:280px}.empty-state-btn{flex:1;padding:.75rem 1rem}}html.dark-mode .empty-state-illustration svg circle[fill="var(--surface-card)"]{opacity:.8}@media (prefers-reduced-motion: reduce){.empty-state-container,.empty-state-illustration,.empty-state-title,.empty-state-message,.empty-state-actions{animation:none;transition:none}}.notification-bell-container{position:relative}.notification-bell-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:background .2s;position:relative}.notification-bell-btn:hover{background:#0000000d}.notification-bell-btn svg{width:24px;height:24px;color:var(--text-primary)}.notification-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;background:#ff3b30;border-radius:9px;font-size:var(--text-xs);font-weight:600;color:var(--surface);display:flex;align-items:center;justify-content:center;border:2px solid #fff}.notification-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:360px;max-height:min(480px,calc(100vh - 200px));background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000026;overflow:hidden;z-index:1000;display:flex;flex-direction:column}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.notification-header h3{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin:0}.notification-header-actions{display:flex;align-items:center;gap:8px}.mark-all-read{padding:6px 12px;background:transparent;border:none;font-size:var(--text-caption);font-weight:500;color:var(--primary);cursor:pointer;border-radius:6px;transition:background .2s}.mark-all-read:hover{background:#f5f5f7}.clear-all-btn{padding:6px 12px;background:transparent;border:none;font-size:var(--text-caption);font-weight:500;color:var(--error);cursor:pointer;border-radius:6px;transition:background .2s}.clear-all-btn:hover{background:#fff2f0}.notification-list{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.notification-empty{padding:48px 24px;text-align:center}.notification-empty svg{width:48px;height:48px;color:#d2d2d7;margin-bottom:12px}.notification-empty p{font-size:var(--text-body);color:var(--text-secondary)}.notification-item{display:flex;align-items:stretch;width:100%;background:transparent;transition:background .15s;position:relative;border-bottom:1px solid #f0f0f0}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f5f5f7}.notification-item.unread{background:#f0f7ff}.notification-item.unread:hover{background:#e5f0fa}.notification-item-main{flex:1;display:flex;align-items:flex-start;gap:14px;padding:16px 12px 16px 20px;background:transparent;border:none;text-align:left;cursor:pointer;min-width:0}.notification-dismiss-btn{display:flex;align-items:center;justify-content:center;width:44px;background:transparent;border:none;cursor:pointer;opacity:0;transition:opacity .15s,background .15s;flex-shrink:0}.notification-item:hover .notification-dismiss-btn{opacity:1}.notification-dismiss-btn:hover{background:#ff3b301a}.notification-dismiss-btn svg{width:16px;height:16px;color:var(--text-secondary)}.notification-dismiss-btn:hover svg{color:var(--error)}.notification-item-icon{width:40px;height:40px;background:linear-gradient(180deg,#f5f5f7,#e8e8ed);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-item.unread .notification-item-icon{background:linear-gradient(180deg,#e5f0ff,#cce0ff)}.notification-item-icon svg{width:20px;height:20px;color:var(--text-secondary)}.notification-item.unread .notification-item-icon svg{color:var(--primary)}.notification-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notification-item-title{font-size:var(--text-body);font-weight:600;color:var(--text-primary)}.notification-item-message{font-size:var(--text-body-sm);color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-item-time{font-size:var(--text-sm);color:#aeaeb2;margin-top:4px}.notification-unread-dot{width:8px;height:8px;background:#06c;border-radius:50%;flex-shrink:0;margin-top:6px}@media (max-width: 600px){.notification-dropdown{position:fixed;top:auto;right:8px;left:8px;bottom:calc(82px + env(safe-area-inset-bottom,0px));width:auto;max-height:calc(100vh - 154px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 154px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:20px}.notification-bell-btn{width:40px;height:40px}.notification-bell-btn svg{width:22px;height:22px}.notification-badge{top:4px;right:4px;min-width:16px;height:16px;font-size:var(--text-2xs)}.notification-header{padding:14px 16px}.notification-header-actions{gap:4px}.mark-all-read,.clear-all-btn{padding:6px 10px;font-size:var(--text-sm)}.notification-item-main{padding:14px 8px 14px 16px;gap:12px}.notification-item-icon{width:36px;height:36px}.notification-item-icon svg{width:18px;height:18px}.notification-dismiss-btn{opacity:.6;width:40px}.notification-list{padding-bottom:env(safe-area-inset-bottom,0px)}}.social-proof{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#4f46e514,#c79d6114);border-radius:16px;margin-bottom:20px}.sp-main{display:flex;align-items:center;gap:8px}.sp-live-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse-live 2s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.sp-counter{font-size:var(--text-xl);font-weight:700;color:var(--purple-700);font-variant-numeric:tabular-nums}.sp-label{font-size:var(--text-body-sm);color:var(--silver-500)}.sp-activity{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;border-radius:100px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.sp-activity-icon{font-size:var(--text-body-sm)}.sp-activity-text{font-size:var(--text-caption);color:var(--silver-500)}.sp-activity-text strong{color:var(--silver-800);font-weight:600}.social-proof-minimal{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:#4f46e50f;border-radius:100px}.social-proof-minimal .sp-counter{font-size:var(--text-body-sm);font-weight:700;color:var(--purple-700)}.social-proof-minimal .sp-label{font-size:var(--text-caption);color:var(--silver-500)}html.dark-mode .social-proof{background:linear-gradient(135deg,#4f46e526,#c79d6126)}html.dark-mode .sp-activity{background:#ffffff1a}html.dark-mode .sp-activity-text{color:var(--silver-400)}html.dark-mode .sp-activity-text strong{color:var(--surface)}html.dark-mode .sp-label{color:var(--silver-400)}html.dark-mode .social-proof-minimal{background:#4f46e526}html.dark-mode .social-proof-minimal .sp-label{color:var(--silver-400)}.voice-input{position:relative;display:inline-flex;align-items:center;justify-content:center}.voice-input-btn{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;background:#f2f2f7;color:var(--silver-500);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.voice-input-btn:hover{background:#e5e5ea}.voice-input-btn:active{transform:scale(.95)}.voice-input-btn.listening{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 4px 14px #7c3aed59}.voice-input-btn.processing{background:#7c3aed;color:#fff;opacity:.8}.voice-input-btn.error{background:#fef2f2;color:var(--error)}.mic-icon{width:20px;height:20px;position:relative;z-index:2}.listening-ring{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:#7c3aed4d;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.voice-status{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:var(--text-sm);font-weight:500;padding:4px 10px;border-radius:12px;z-index:10;max-width:200px;overflow:hidden;text-overflow:ellipsis}.voice-status.listening,.voice-status.processing{background:#7c3aed1a;color:var(--purple-700)}.voice-status.error{background:#fef2f2;color:var(--error)}.voice-input.compact .voice-input-btn{width:36px;height:36px}.voice-input.compact .mic-icon{width:16px;height:16px}.voice-input.compact .voice-status{bottom:-24px;font-size:var(--text-xs);padding:3px 8px}html.dark-mode .voice-input-btn{background:#2c2c2e;color:#a1a1a6}html.dark-mode .voice-input-btn:hover{background:#3a3a3c}html.dark-mode .voice-input-btn.error{background:#dc262626;color:#f87171}html.dark-mode .voice-status.listening,html.dark-mode .voice-status.processing{background:#7c3aed33;color:#a78bfa}html.dark-mode .voice-status.error{background:#dc262626;color:#f87171}.voice-input-btn:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}@media (prefers-reduced-motion: reduce){.voice-input-btn{transition:none}.listening-ring{animation:none}}.booking-button-container{position:relative;width:100%}.booking-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#34c759,#28a745);border:none;border-radius:12px;color:var(--surface);font-size:var(--text-body);font-weight:600;cursor:pointer;transition:all .2s ease}.booking-button:hover{background:linear-gradient(135deg,#28a745,#1e7e34);transform:translateY(-1px);box-shadow:0 4px 12px #34c7594d}.booking-button:active{transform:translateY(0)}.booking-icon{width:18px;height:18px;flex-shrink:0}.booking-chevron{width:16px;height:16px;flex-shrink:0;transition:transform .2s ease}.booking-chevron.open{transform:rotate(180deg)}.booking-options{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d;overflow:hidden;z-index:100}.booking-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:transparent;border:none;border-bottom:1px solid rgba(0,0,0,.06);color:var(--text-primary);font-size:var(--text-body);font-weight:500;text-align:left;cursor:pointer;transition:background .15s ease}.booking-option:last-child{border-bottom:none}.booking-option:hover{background:#f5f5f7}.booking-option:active{background:#e8e8ed}.booking-option-icon{font-size:var(--text-lg);flex-shrink:0}.booking-option-fallback{color:var(--text-secondary);font-size:var(--text-body-sm)}html.dark-mode .booking-options{background:#2c2c2e;box-shadow:0 4px 20px #0006}html.dark-mode .booking-option{color:#f5f5f7;border-bottom-color:#ffffff14}html.dark-mode .booking-option:hover{background:#3a3a3c}html.dark-mode .booking-option:active{background:#48484a}html.dark-mode .booking-option-fallback{color:var(--text-muted)}@media (max-width: 600px){.booking-button{padding:14px 16px;font-size:var(--text-base)}.booking-option{padding:16px}}.ai-concierge{display:flex;flex-direction:column;height:100%;max-height:100vh;max-height:100dvh;background:linear-gradient(180deg,#fafafa,#f5f5f7);overflow:hidden}.ai-concierge.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.concierge-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:calc(env(safe-area-inset-top,0) + 16px);background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}.concierge-brand{display:flex;align-items:center;gap:12px}.concierge-avatar{width:44px;height:44px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4f46e54d}.avatar-sparkle{font-size:var(--text-xl)}.concierge-info h2{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin:0}.concierge-status{display:flex;align-items:center;gap:6px;font-size:var(--text-body-sm);color:var(--text-secondary)}.status-dot{width:8px;height:8px;background:#34c759;border-radius:50%;animation:pulse-live 2s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.5}}.concierge-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;transition:background .2s}.concierge-close:hover{background:#0000001a}.concierge-close svg{width:20px;height:20px;stroke:#1d1d1f}.concierge-chat{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:24px 24px 100px;display:flex;flex-direction:column;gap:20px;width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.chat-message{display:flex;gap:12px;max-width:90%;animation:message-in .3s ease-out}@keyframes message-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{flex-direction:row-reverse;align-self:flex-end}.chat-message.assistant{align-self:flex-start}.chat-message.system{align-self:center;max-width:80%}.message-avatar{width:32px;height:32px;min-width:32px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-body-sm)}.message-content{display:flex;flex-direction:column;gap:12px;max-width:100%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.chat-message.user .message-content{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:var(--surface);padding:12px 16px;border-radius:20px 20px 4px;box-shadow:0 2px 8px #4f46e533}.chat-message.assistant .message-content{background:#fff;color:var(--text-primary);padding:12px 16px;border-radius:20px 20px 20px 4px;box-shadow:0 2px 8px #0000000f}.chat-message.system .message-content{background:#34c7591a;color:#2e7d32;padding:10px 16px;border-radius:100px;font-size:var(--text-body-sm);font-weight:500}.message-content p{margin:0;font-size:var(--text-body);line-height:1.5;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{width:8px;height:8px;background:#86868b;border-radius:50%;animation:typing-bounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.message-recommendations{display:flex;flex-direction:column;gap:12px;margin-top:8px}.recommendation-card{display:flex;flex-wrap:wrap;gap:12px;padding:16px;background:#f5f5f7;border-radius:16px;transition:all .2s}.recommendation-card:hover{background:#ebebed;transform:translate(4px)}.rec-photo{position:relative;width:90px;height:90px;min-width:90px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#e8e8ed,#d1d1d6)}.rec-photo img{width:100%;height:100%;object-fit:cover}.rec-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--text-4xl)}.rec-match-badge{position:absolute;top:6px;left:6px;padding:4px 8px;background:#000000b3;color:var(--surface);font-size:var(--text-sm);font-weight:600;border-radius:100px}.rec-info{flex:1 1 calc(100% - 110px);min-width:0}.rec-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rec-meta{font-size:var(--text-body-sm);color:var(--text-secondary);margin:0 0 6px}.rec-distance{font-size:var(--text-caption);color:var(--text-secondary);margin:0 0 6px}.rec-reason{font-size:var(--text-caption);color:var(--purple-700);font-style:italic;margin:0;line-height:1.4}.rec-booking{width:100%;margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.06)}.rec-actions{display:flex;flex-direction:row;gap:8px;width:100%;justify-content:flex-end;margin-top:4px;padding-top:12px;border-top:1px solid rgba(0,0,0,.06)}.rec-action{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;cursor:pointer;transition:all .2s}.rec-action:hover{transform:scale(1.1)}.rec-action svg{width:20px;height:20px;stroke:#86868b}.rec-action.save:hover svg{stroke:#4f46e5}.rec-action.plan:hover svg{stroke:#7c3aed}.rec-action.details:hover svg{stroke:#1d1d1f}.message-followups{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.followup-chip{padding:10px 16px;background:#4f46e51a;border:1px solid rgba(79,70,229,.2);border-radius:100px;color:var(--purple-700);font-size:var(--text-body-sm);font-weight:500;cursor:pointer;transition:all .2s}.followup-chip:hover{background:#4f46e533;transform:translateY(-2px)}.retry-btn{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:10px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:100px;font-size:var(--text-body-sm);font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #ef44444d}.retry-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.retry-btn:disabled{opacity:.7;cursor:not-allowed}.retry-btn svg{flex-shrink:0}.quick-suggestions{flex-shrink:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 20px 16px}.quick-suggestion{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;font-size:var(--text-body-sm);font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.quick-suggestion:hover{background:#f5f5f7;border-color:#4f46e54d;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.suggestion-icon{font-size:var(--text-lg)}.concierge-input{flex-shrink:0;padding:12px 20px;padding-bottom:calc(82px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid rgba(0,0,0,.06)}.ai-concierge[style*=height] .concierge-input{padding-bottom:8px}.input-wrapper{display:flex;align-items:flex-end;gap:12px;background:#f5f5f7;border-radius:24px;padding:12px 16px;transition:all .2s}.input-wrapper:focus-within{background:#fff;box-shadow:0 0 0 2px #4f46e54d}.input-wrapper textarea{flex:1;border:none;background:transparent;font-size:var(--text-base);font-family:inherit;color:var(--text-primary);resize:none;max-height:120px;line-height:1.5}.input-wrapper textarea::placeholder{color:var(--text-secondary)}.input-wrapper textarea:focus{outline:none}.send-button{width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:50%;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #4f46e54d}.send-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #4f46e566}.send-button:disabled{opacity:.5;cursor:not-allowed}.send-button svg{width:18px;height:18px;stroke:#fff}.concierge-voice-btn{flex-shrink:0}.concierge-voice-btn .voice-input-btn{background:transparent}.concierge-voice-btn .voice-input-btn:hover{background:#7c3aed1a}.concierge-voice-btn .voice-status{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:8px 16px;border-radius:20px;font-size:var(--text-body-sm);max-width:80%;z-index:1000}.concierge-voice-btn .voice-status.error{background:#dc2626}.input-hint{margin:8px 0 0;font-size:var(--text-sm);color:var(--text-secondary);text-align:center}html.dark-mode .ai-concierge{background:linear-gradient(180deg,#1a1a1a,#0d0d0d)}html.dark-mode .concierge-header{background:#1a1a1ae6;border-bottom-color:#ffffff0f}html.dark-mode .concierge-info h2{color:var(--surface)}html.dark-mode .concierge-status{color:var(--silver-400)}html.dark-mode .concierge-close{background:#ffffff1a}html.dark-mode .concierge-close svg{stroke:#fff}html.dark-mode .chat-message.assistant .message-content{background:#2a2a2a;color:var(--surface)}html.dark-mode .chat-message.system .message-content{background:#34c75933}html.dark-mode .recommendation-card{background:#2a2a2a}html.dark-mode .recommendation-card:hover{background:#333}html.dark-mode .rec-name{color:var(--surface)}html.dark-mode .rec-meta,html.dark-mode .rec-distance{color:var(--silver-400)}html.dark-mode .rec-action{background:#1a1a1a;border-color:#ffffff1a}html.dark-mode .rec-action svg{stroke:#9ca3af}html.dark-mode .quick-suggestion{background:#2a2a2a;border-color:#ffffff1a;color:var(--surface)}html.dark-mode .quick-suggestion:hover{background:#333;border-color:#4f46e580}html.dark-mode .concierge-input{background:#1a1a1a;border-top-color:#ffffff0f}html.dark-mode .input-wrapper{background:#2a2a2a}html.dark-mode .input-wrapper:focus-within{background:#333}html.dark-mode .input-wrapper textarea{color:var(--surface)}html.dark-mode .input-wrapper textarea::placeholder{color:var(--silver-500)}.ai-concierge.fullscreen .concierge-input{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px)}.signup-gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.signup-gate-modal{background:#fff;border-radius:24px;padding:32px 24px;max-width:360px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d}.signup-gate-icon{font-size:var(--text-6xl);margin-bottom:16px}.signup-gate-modal h3{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0 0 12px}.signup-gate-modal p{font-size:var(--text-body);color:var(--silver-500);margin:0 0 20px;line-height:1.5}.signup-gate-benefits{background:#f5f5f7;border-radius:12px;padding:16px;margin-bottom:24px;text-align:left}.signup-gate-benefits .benefit{font-size:var(--text-body-sm);color:var(--text-primary);padding:6px 0}.signup-gate-btn{width:100%;padding:16px 24px;border:none;border-radius:14px;font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:12px}.signup-gate-btn.primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:var(--surface);box-shadow:0 4px 12px #4f46e54d}.signup-gate-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4f46e566}.signup-gate-btn.secondary{background:transparent;color:var(--purple-700);margin-bottom:0}.signup-gate-btn.secondary:hover{background:#4f46e51a}html.dark-mode .signup-gate-modal{background:#1a1a1a}html.dark-mode .signup-gate-modal h3{color:var(--surface)}html.dark-mode .signup-gate-modal p{color:var(--silver-400)}html.dark-mode .signup-gate-benefits{background:#2a2a2a}html.dark-mode .signup-gate-benefits .benefit{color:var(--surface)}@media (min-width: 1024px){.concierge-input{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px)}}@media (max-width: 600px){.concierge-header{padding:12px 16px}.concierge-chat{padding:16px 16px 80px}.chat-message{max-width:95%}.quick-suggestions{grid-template-columns:1fr;padding:0 16px 12px}.concierge-input{padding:10px 16px;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.rec-photo{width:70px;height:70px;min-width:70px}.rec-info{flex:1 1 calc(100% - 85px)}.rec-action{width:36px;height:36px}.rec-action svg{width:16px;height:16px}}.trending-section{margin:var(--space-lg) 0;padding:0 var(--space-md)}.trending-header{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.trending-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0}.trending-tabs{display:flex;gap:var(--space-xs)}.trending-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-body-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.trending-tab:hover{background:var(--silver-100)}.trending-tab.active{background:var(--purple-100);border-color:var(--purple-300);color:var(--purple-700)}.tab-icon{font-size:var(--text-body-sm)}.trending-scroll-container{overflow-x:auto;overflow-y:hidden;margin:0 calc(-1 * var(--space-md));padding:0 var(--space-md);scrollbar-width:none;-ms-overflow-style:none}.trending-scroll-container::-webkit-scrollbar{display:none}.trending-cards{display:flex;gap:var(--space-md);padding-bottom:var(--space-xs)}.trending-card{flex:0 0 160px;background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow var(--transition-fast)}.trending-card:hover{box-shadow:var(--shadow-md)}.trending-card-image{position:relative;width:100%;height:100px;overflow:hidden}.trending-card-image img{width:100%;height:100%;object-fit:cover}.trending-badge{position:absolute;top:var(--space-xs);left:var(--space-xs);padding:2px 6px;font-size:var(--text-2xs);font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase}.trending-badge.hot{background:#ef4444e6;color:#fff}.trending-badge.gem{background:#7c3aede6;color:#fff}.trending-card-content{padding:var(--space-sm)}.trending-card-name{font-size:var(--text-body-sm);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trending-card-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:2px}.trending-rating{display:flex;align-items:center;gap:2px;font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.review-count{color:var(--text-muted);font-weight:400;font-size:var(--text-2xs)}.trending-price{font-size:var(--text-sm);color:var(--success);font-weight:500}.trending-card-type{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.trending-empty{flex:1;min-width:200px;padding:var(--space-lg);text-align:center;color:var(--text-muted);font-size:var(--text-body-sm)}.trending-skeleton{display:flex;gap:var(--space-md);overflow:hidden}.trending-card-skeleton{flex:0 0 160px;background:var(--surface);border-radius:var(--radius-lg);overflow:hidden}.skeleton-image{width:100%;height:100px;background:linear-gradient(90deg,var(--silver-100) 25%,var(--silver-200) 50%,var(--silver-100) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.skeleton-content{padding:var(--space-sm)}.skeleton-title{height:14px;width:80%;background:linear-gradient(90deg,var(--silver-100) 25%,var(--silver-200) 50%,var(--silver-100) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm);margin-bottom:var(--space-xs)}.skeleton-subtitle{height:10px;width:60%;background:linear-gradient(90deg,var(--silver-100) 25%,var(--silver-200) 50%,var(--silver-100) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (min-width: 768px){.trending-header{flex-direction:row;justify-content:space-between;align-items:center}.trending-card{flex:0 0 180px}.trending-card-image{height:120px}}.seasonal-banner{position:relative;background:linear-gradient(135deg,#7c3aed,#6d28d9);padding:12px 16px;border-radius:var(--radius-lg, 12px);margin:0 auto;max-width:400px;width:100%}.banner-content{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.banner-icon{font-size:var(--text-lg);line-height:1}.banner-message{color:#fff;font-size:var(--text-body-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}@media (max-width: 360px){.banner-message{max-width:140px}}.banner-cta{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--silver-800);border:none;padding:6px 12px;border-radius:100px;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;min-height:32px}.banner-cta:hover{transform:translateY(-1px);box-shadow:0 2px 8px #fbbf2466}.banner-cta:active{transform:translateY(0)}.cta-arrow{font-size:var(--text-body-sm);transition:transform .15s ease}.banner-cta:hover .cta-arrow{transform:translate(2px)}.banner-dismiss{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;font-size:var(--text-xl);line-height:1;cursor:pointer;transition:background-color .15s ease;min-width:44px;min-height:44px;margin:-6px}.banner-dismiss:hover{background:#ffffff40}.seasonal-banner.theme-romantic{background:linear-gradient(135deg,#ec4899,#be185d)}.seasonal-banner.theme-festive{background:linear-gradient(135deg,#10b981,#047857)}.seasonal-banner.theme-spring{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.seasonal-banner.theme-elegant{background:linear-gradient(135deg,#f472b6,#ec4899)}.seasonal-banner.theme-classic{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.seasonal-banner.theme-patriotic{background:linear-gradient(90deg,#3b82f6,#7c3aed,#ef4444)}.seasonal-banner.theme-spooky{background:linear-gradient(135deg,#f97316,#c2410c)}.seasonal-banner.theme-harvest{background:linear-gradient(135deg,var(--gold-dark),var(--gold-800))}.seasonal-banner.theme-winter{background:linear-gradient(135deg,#0ea5e9,#0369a1)}.seasonal-banner.theme-celebration{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}@media (max-width: 360px){.seasonal-banner{padding:10px 12px}.banner-content{gap:6px}.banner-message{font-size:var(--text-caption)}.banner-cta{padding:5px 10px;font-size:var(--text-xs)}.banner-dismiss{right:8px}}.seasonal-banner-exit{animation:bannerSlideUp .2s ease-out forwards}@keyframes bannerSlideUp{0%{opacity:1}to{opacity:0;padding-top:0;padding-bottom:0}}@media (prefers-reduced-motion: reduce){.seasonal-banner,.banner-cta,.cta-arrow{transition:none}}html.dark-mode .banner-cta{background:linear-gradient(135deg,#fcd34d,#fbbf24)}.city-leaderboard{background:linear-gradient(135deg,#faf5ff,var(--gold-50));border:1px solid #e9d5ff;border-radius:16px;padding:16px;max-height:160px;overflow:hidden}.city-leaderboard.compact{padding:12px 16px}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.header-left{display:flex;align-items:center;gap:8px}.header-icon{font-size:var(--text-xl)}.header-text{display:flex;flex-direction:column}.header-title{font-size:var(--text-body-sm);font-weight:700;color:#111827;margin:0;line-height:1.2}.header-subtitle{font-size:var(--text-xs);color:var(--silver-500)}.expand-btn{background:transparent;border:none;font-size:var(--text-sm);font-weight:600;color:var(--purple-700);cursor:pointer;padding:6px 10px;border-radius:6px;transition:background-color .15s ease;min-height:44px;display:flex;align-items:center}.expand-btn:hover{background:#7c3aed1a}.leaderboard-podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;margin-bottom:8px}.podium-user{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;max-width:100px}.podium-user.first{order:2}.podium-user.second{order:1}.podium-user.third{order:3}.podium-user.current-user{position:relative}.podium-user.current-user:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid var(--purple-700);border-radius:12px;pointer-events:none}.user-avatar-wrapper{position:relative;margin-bottom:4px}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 2px 8px #0000001a}.podium-user.first .user-avatar{width:48px;height:48px}.user-avatar.placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;font-size:var(--text-base);font-weight:600}.podium-user.first .user-avatar.placeholder{font-size:var(--text-lg)}.medal-badge{position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);border:2px solid white;box-shadow:0 1px 4px #00000026}.user-name{font-size:var(--text-xs);font-weight:600;color:var(--silver-700);max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.user-score{font-size:var(--text-2xs);color:var(--silver-500)}.user-rank-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#7c3aed1a;border-radius:8px;margin-top:4px}.your-rank-label{font-size:var(--text-xs);color:var(--silver-500)}.your-rank-info{display:flex;align-items:center;gap:8px}.your-rank-number{font-size:var(--text-caption);font-weight:700;color:var(--purple-700)}.your-rank-score{font-size:var(--text-xs);color:var(--silver-500)}.city-leaderboard.skeleton{padding:16px}.skeleton-header{height:24px;width:60%;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px;margin-bottom:16px}.skeleton-podium{display:flex;align-items:flex-end;justify-content:center;gap:12px}.skeleton-user{width:60px;height:60px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-user.tall{height:72px}.leaderboard-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:1000}.leaderboard-modal{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:500px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #f3f4f6}.modal-title-section{display:flex;align-items:center;gap:8px}.modal-icon{font-size:var(--text-3xl)}.modal-header h2{font-size:var(--text-lg);font-weight:700;color:#111827;margin:0}.close-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;font-size:var(--text-lg);color:var(--silver-500);cursor:pointer;transition:background-color .15s ease}.close-btn:hover{background:#e5e7eb}.period-filter{display:flex;gap:8px;padding:12px 20px;background:#f9fafb}.period-btn{flex:1;padding:8px 12px;background:#fff;border:1px solid var(--border);border-radius:8px;font-size:var(--text-sm);font-weight:500;color:var(--silver-500);cursor:pointer;transition:all .15s ease}.period-btn.active{background:#7c3aed;border-color:var(--purple-700);color:#fff}.period-btn:hover:not(.active){border-color:var(--purple-700);color:var(--purple-700)}.your-position{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:linear-gradient(135deg,#f5f3ff,var(--gold-50));border-bottom:1px solid #e9d5ff}.position-label{font-size:var(--text-sm);color:var(--silver-500);font-weight:500}.position-info{display:flex;align-items:center;gap:12px}.position-rank{font-size:var(--text-lg);font-weight:700;color:var(--purple-700)}.position-score{font-size:var(--text-caption);color:var(--silver-500)}.leaderboard-list{flex:1;overflow-y:auto;padding:8px 0;-webkit-overflow-scrolling:touch}.list-entry{display:flex;align-items:center;gap:12px;padding:10px 20px;transition:background-color .15s ease}.list-entry.current-user{background:linear-gradient(135deg,#f5f3ff,#fefce8)}.list-entry:hover{background:#f9fafb}.entry-rank{width:32px;text-align:center}.rank-medal{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:var(--text-body-sm)}.rank-number{font-size:var(--text-body-sm);font-weight:600;color:var(--silver-500)}.entry-user{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.entry-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.entry-avatar.placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;font-size:var(--text-body-sm);font-weight:600}.entry-name{font-size:var(--text-body-sm);font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-score{font-size:var(--text-body-sm);font-weight:600;color:var(--purple-700);min-width:50px;text-align:right}@media (max-width: 360px){.city-leaderboard{padding:12px}.header-title{font-size:var(--text-caption)}.podium-user{max-width:80px}.user-avatar{width:36px;height:36px}.podium-user.first .user-avatar{width:42px;height:42px}}@media (min-width: 768px){.leaderboard-modal-overlay{align-items:center;padding:20px}.leaderboard-modal{border-radius:24px;max-height:80vh}}html.dark-mode .city-leaderboard{background:linear-gradient(135deg,#1f1f2e,#2d2918);border-color:#3f3f5a}html.dark-mode .header-title{color:#f9fafb}html.dark-mode .user-name{color:#e5e7eb}html.dark-mode .leaderboard-modal{background:#1f2937}html.dark-mode .modal-header{border-color:var(--silver-700)}html.dark-mode .modal-header h2{color:#f9fafb}html.dark-mode .period-filter{background:#111827}html.dark-mode .period-btn{background:#1f2937;border-color:var(--silver-700);color:var(--silver-400)}html.dark-mode .list-entry.current-user{background:linear-gradient(135deg,#2e1065,#422006)}html.dark-mode .entry-name{color:#f9fafb}.home-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--background);overflow-x:hidden;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}.home-screen.discovery-mode{background-color:var(--purple-50);background-image:linear-gradient(180deg,var(--purple-50) 0%,var(--background) 30%)}.home-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-md) var(--space-lg);gap:var(--space-sm)}.header-right{display:flex;align-items:center;gap:var(--space-md)}.location-btn-simple{display:flex;align-items:center;gap:6px;padding:0;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:var(--text-body);font-weight:500;color:var(--text-secondary);transition:color var(--transition-fast)}.location-btn-simple:hover{color:var(--purple-600)}.location-btn-simple svg{width:18px;height:18px;color:var(--purple-500)}.trial-badge-header{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;font-family:var(--font-body);font-size:var(--text-caption);font-weight:500;color:var(--gold-dark);background:linear-gradient(135deg,var(--gold-50),var(--gold-100));border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.trial-badge-header:hover{background:linear-gradient(135deg,var(--gold-100),var(--gold-200))}.trial-badge-header strong{font-weight:700}.trial-badge-header.trial-warning{color:#b45309;background:linear-gradient(135deg,#fef3c7,#fde68a)}.trial-badge-header.trial-urgent{color:var(--error);background:linear-gradient(135deg,#fee2e2,#fecaca);animation:pulse-urgent 2s ease-in-out infinite}@keyframes pulse-urgent{0%,to{opacity:1}50%{opacity:.7}}.streak-mini{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-family:var(--font-body);font-size:var(--text-caption);font-weight:600;color:#ea580c;background:linear-gradient(135deg,#ffedd5,#fed7aa);border-radius:var(--radius-full);cursor:default}.profile-avatar-btn{width:36px;height:36px;padding:0;border:2px solid var(--purple-200);border-radius:50%;background:linear-gradient(135deg,var(--purple-100) 0%,var(--purple-200) 100%);cursor:pointer;overflow:visible;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;position:relative}.premium-crown{position:absolute;top:-8px;right:-8px;font-size:var(--text-body-sm);filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));animation:crown-bounce 2s ease-in-out infinite}@keyframes crown-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.profile-avatar-btn:hover{border-color:var(--purple-400);transform:scale(1.05);box-shadow:0 2px 8px #7c3aed40}.profile-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar-initial{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--purple-600)}.header-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-full);border:2px solid var(--border);background:var(--surface);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body);font-size:var(--text-md);font-weight:600;color:var(--text-primary);position:relative}.header-btn:hover{box-shadow:var(--shadow-md);border-color:var(--purple-400);background:var(--purple-50)}.header-btn svg{width:24px;height:24px;color:var(--purple-600)}.header-btn .badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;font-size:var(--text-xs);font-weight:700;color:#fff;background:var(--purple-600);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.my-places-btn:hover svg{color:var(--purple-600)}.home-main{flex:1;min-height:0;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-sm) var(--space-xl);padding-top:var(--space-md);overflow-y:auto}.home-center{display:flex;flex-direction:column;align-items:center;width:100%;max-width:540px}.home-center .logo{margin-bottom:var(--space-md)}.trial-status-home{display:flex;align-items:center;gap:var(--space-xs);padding:4px var(--space-sm);margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--gold-50) 0%,var(--gold-100) 100%);border:1px solid var(--gold);border-radius:var(--radius-full)}.trial-status-home .trial-text{font-size:var(--text-sm);color:var(--gold-800)}.trial-status-home .trial-text strong{font-weight:600;color:var(--gold-900)}.trial-details-btn{padding:3px 8px;font-size:var(--text-xs);font-weight:600;color:#fff;background:var(--gold);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast)}.trial-details-btn:hover{background:var(--gold-dark)}.trial-promo-home{display:flex;align-items:center;gap:var(--space-sm);width:100%;max-width:320px;padding:var(--space-md);margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--purple-50) 0%,var(--purple-100) 100%);border:2px solid var(--purple-300);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast)}.trial-promo-home:hover:not(:disabled){border-color:var(--purple-500);background:linear-gradient(135deg,var(--purple-100) 0%,var(--purple-200) 100%);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.trial-promo-home:disabled{opacity:.7;cursor:not-allowed}.trial-promo-home .promo-icon{font-size:var(--text-3xl)}.trial-promo-home .promo-text{flex:1;display:flex;flex-direction:column;text-align:left}.trial-promo-home .promo-text strong{font-size:var(--text-body);font-weight:600;color:var(--purple-700)}.trial-promo-home .promo-text span{font-size:var(--text-sm);color:var(--purple-600)}.trial-promo-home .promo-arrow{font-size:var(--text-xl);color:var(--purple-500)}.group-sessions-hero{display:flex;align-items:center;gap:var(--space-md);width:100%;max-width:360px;padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--purple-800) 0%,var(--purple-700) 50%,var(--purple-500) 100%);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 20px #4f46e54d}.group-sessions-hero:hover{transform:translateY(-2px);box-shadow:0 8px 30px #4f46e566}.group-hero-icon{width:44px;height:44px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.group-hero-icon svg{width:24px;height:24px;stroke:#fff}.group-hero-content{flex:1;display:flex;flex-direction:column;text-align:left;gap:2px}.group-hero-title{font-size:var(--text-base);font-weight:700;color:var(--surface)}.group-hero-subtitle{font-size:var(--text-caption);color:#ffffffd9;font-weight:400}.group-hero-arrow{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.group-hero-arrow svg{width:20px;height:20px;stroke:#ffffffe6}.tagline{font-family:var(--font-body);font-size:1.35rem;font-weight:500;color:var(--text-primary);text-align:center;line-height:1.5;letter-spacing:.01em;margin:0;margin-top:-.25rem;margin-bottom:var(--space-xl);padding:0 var(--space-md);width:100%;box-sizing:border-box}.tagline-sub{display:block;font-size:var(--text-base);font-weight:400;color:var(--text-tertiary);margin-top:.5rem}.premium-text-indicator{display:inline-block;padding:var(--space-xs) var(--space-lg);margin-bottom:var(--space-lg);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:600;color:var(--purple-700);background:linear-gradient(135deg,var(--purple-50) 0%,var(--purple-100) 100%);border:1px solid var(--purple-200);border-radius:var(--radius-full);letter-spacing:.05em}.discovery-stats{display:flex;justify-content:center;gap:var(--space-xl);padding:var(--space-xs) var(--space-md);background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-sm)}.discovery-stats .stat{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative}.discovery-stats .stat-number{font-family:var(--font-body);font-size:var(--text-3xl);font-weight:700;color:var(--purple-600)}.discovery-stats .stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.clear-skipped{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:var(--text-2xs);color:var(--purple-600);background:transparent;border:none;cursor:pointer;text-decoration:underline;white-space:nowrap}.discovery-mode-toggle{display:flex;gap:8px;padding:4px;background:var(--surface-secondary, #f3f4f6);border-radius:var(--radius-lg);margin-bottom:var(--space-xs);width:100%;max-width:320px}.mode-btn{flex:1;padding:8px 16px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s;font-family:var(--font-body);font-size:var(--text-body-sm)}.mode-btn.active{background:var(--purple-500);color:#fff}.cuisine-nudge-chip{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:6px 14px;background:#d9770614;border:1px solid rgba(217,119,6,.2);border-radius:20px;cursor:pointer;font-size:.82rem;color:var(--gold-dark);font-weight:500;transition:background .2s}.cuisine-nudge-chip:hover{background:#d9770626}.nudge-chip-sub{font-size:.68rem;color:var(--text-tertiary, #888);font-weight:400}.mood-section{width:100%;max-width:400px;margin:var(--space-md) auto var(--space-lg)}.mood-label-text{display:block;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--purple-600);text-align:center;margin-bottom:var(--space-md);letter-spacing:.01em}.mood-dropdown-wrapper{position:relative;width:100%}.mood-dropdown{width:100%;padding:16px 48px 16px 20px;font-family:var(--font-body);font-size:1.1rem;font-weight:500;color:var(--text-primary);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all var(--transition-fast)}.mood-dropdown:hover{border-color:var(--purple-300)}.mood-dropdown:focus{outline:none;border-color:var(--purple-500);box-shadow:0 0 0 3px #7c3aed26}.mood-dropdown option{padding:12px;font-size:var(--text-base)}.dropdown-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--purple-500);pointer-events:none}.mood-prompt{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--purple-600);text-align:center;margin-bottom:var(--space-lg);letter-spacing:.01em}.home-screen .mood-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%}.home-screen .mood-card{display:flex;align-items:center;justify-content:center;padding:8px 4px;min-width:0;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.home-screen .mood-card:hover{border-color:var(--purple-400);background:var(--purple-50)}.home-screen .mood-card.selected{border-color:var(--purple-500);background:linear-gradient(135deg,var(--purple-500) 0%,var(--purple-600) 100%);box-shadow:0 2px 8px #7c3aed40}.mood-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.mood-icon{width:24px;height:24px;color:var(--purple-600);transition:color var(--transition-fast)}.mood-card:hover .mood-icon{color:var(--purple-700)}.mood-card.selected .mood-icon{color:#fff}.home-screen .mood-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-screen .mood-card.selected .mood-label{color:#fff;font-weight:600}.home-screen .mood-card-custom{grid-column:1 / -1;justify-self:center;width:auto;min-width:120px;border-style:dashed;border-color:var(--purple-300)}.home-screen .mood-card-custom:hover{border-style:dashed}.home-screen .mood-card-custom.selected{border-style:solid}.custom-mood-input-wrapper{width:100%;display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);position:relative}.custom-mood-input{flex:1;padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:var(--text-body);color:var(--text-primary);background:var(--surface);border:2px solid var(--purple-300);border-radius:var(--radius-lg);outline:none;transition:border-color var(--transition-fast)}.custom-mood-input:focus{border-color:var(--purple-500)}.custom-mood-input::placeholder{color:var(--text-muted)}.custom-mood-clear{position:absolute;right:var(--space-sm);width:24px;height:24px;padding:0;font-size:var(--text-xl);font-weight:300;line-height:1;color:var(--text-muted);background:var(--silver-100);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.custom-mood-clear:hover{background:var(--silver-200);color:var(--text-secondary)}.custom-mood-voice-btn{position:absolute;right:36px;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--purple-500);opacity:.7;transition:opacity var(--transition-fast)}.custom-mood-voice-btn:hover{opacity:1}.mood-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.mood-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.mood-btn:hover{border-color:var(--purple-300);background:var(--purple-50)}.mood-btn.selected{border-color:var(--purple-500);background:linear-gradient(135deg,var(--purple-500) 0%,var(--purple-600) 100%);box-shadow:0 2px 8px #7c3aed40}.mood-btn .mood-label{font-family:var(--font-body);font-size:var(--text-caption);font-weight:500;color:var(--text-primary);text-align:center}.mood-btn.selected .mood-label{color:#fff;font-weight:600}.mood-btn.locked{position:relative;background:var(--silver-50);border-color:var(--silver-200);opacity:.85}.mood-btn.locked:hover{border-color:var(--purple-300);background:var(--purple-50);opacity:1}.mood-btn.locked .mood-label{color:var(--text-secondary)}.mood-lock{position:absolute;top:-8px;right:-8px;padding:2px 6px;font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#fff;background:linear-gradient(135deg,var(--purple-500) 0%,var(--purple-700) 100%);border-radius:var(--radius-full);box-shadow:0 2px 4px #8b5cf64d}.search-settings{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);margin-bottom:var(--space-md);width:100%}.location-display{display:flex;align-items:center;gap:var(--space-sm)}.location-display .location-text{font-family:var(--font-body);font-size:var(--text-body);color:var(--text-secondary)}.location-change{font-family:var(--font-body);font-size:var(--text-caption);color:var(--purple-600);background:transparent;border:none;cursor:pointer;text-decoration:underline;padding:0}.location-change:hover{color:var(--purple-700)}.location-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-lg)}.location-edit-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:320px}.location-edit-title{font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.location-option{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:500;color:var(--purple-700);background:var(--purple-50);border:1px solid var(--purple-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.location-option:hover:not(:disabled){background:var(--purple-100)}.location-option:disabled{opacity:.6;cursor:not-allowed}.location-option.location-reset{background:transparent;border:1px dashed var(--purple-300);color:var(--text-muted);font-size:.8rem}.location-option.location-reset:hover{background:var(--purple-50);color:var(--purple-600)}.location-or{font-size:var(--text-sm);color:var(--text-muted)}.location-form{display:flex;gap:var(--space-xs);width:100%}.location-input{flex:1;padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--text-primary);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);outline:none}.location-input:focus{border-color:var(--purple-300)}.location-input::placeholder{color:var(--text-muted)}.location-go{padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:500;color:#fff;background:var(--purple-600);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.location-go:hover:not(:disabled){background:var(--purple-700)}.location-go:disabled{opacity:.6;cursor:not-allowed}.location-cancel{padding:var(--space-xs);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);background:transparent;border:none;cursor:pointer}.location-cancel:hover{color:var(--text-secondary)}.location-error{width:100%;margin:0;padding:var(--space-xs) var(--space-sm);font-size:var(--text-caption);color:var(--error);background:var(--error-light);border:1px solid var(--error-border);border-radius:var(--radius-md);text-align:center}.radius-section{width:100%;display:flex;justify-content:center;margin-bottom:var(--space-lg)}.radius-slider-container{width:100%;max-width:280px}.radius-header{text-align:center;margin-bottom:var(--space-xs)}.radius-value{font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:500;color:var(--text-secondary)}.radius-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--silver-200);border-radius:2px;outline:none;cursor:pointer}.radius-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--purple-600);border-radius:50%;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 6px #7c3aed4d}.radius-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 10px #7c3aed66}.radius-slider::-moz-range-thumb{width:20px;height:20px;background:var(--purple-600);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #7c3aed4d}.radius-labels{display:flex;justify-content:space-between;margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--text-muted)}.action-buttons{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;margin-top:clamp(1rem,3vh,2.5rem);margin-bottom:var(--space-lg)}.btn-discover,.btn-similar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);text-align:left}.btn-discover{background:linear-gradient(135deg,var(--purple-500) 0%,var(--purple-700) 100%);border:none;box-shadow:0 4px 20px #7c3aed59;justify-content:center;text-align:center;padding:var(--space-lg) var(--space-xl)}.btn-discover:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7c3aed73}.btn-discover .btn-icon{width:48px;height:48px;background:#fff3;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.btn-discover .btn-icon svg{width:24px;height:24px;color:#fff}.btn-discover .btn-main{font-family:var(--font-body);font-size:var(--text-3xl);font-weight:700;color:#fff;letter-spacing:.02em}.current-location-hint{display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-body);font-size:var(--text-caption);color:var(--text-muted);margin:var(--space-sm) 0 var(--space-md) 0}.current-location-hint svg{flex-shrink:0;color:var(--text-muted)}.btn-similar{background:var(--surface);border:2px solid var(--purple-200)}.btn-similar:hover{border-color:var(--purple-400);background:var(--purple-50);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-similar .btn-icon{width:48px;height:48px;background:var(--purple-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.btn-similar .btn-icon svg{width:24px;height:24px;color:var(--purple-600)}.btn-similar .btn-text{display:flex;flex-direction:column;gap:2px}.btn-similar .btn-main{font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.btn-similar .btn-sub{font-family:var(--font-body);font-size:var(--text-caption);color:var(--text-secondary)}.btn-search-outline{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;color:var(--purple-600);background:var(--surface);border:2px solid var(--purple-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast)}.btn-search-outline:hover{background:var(--purple-50);border-color:var(--purple-400)}.btn-search-outline svg{color:var(--purple-500)}.btn-plan-hero{display:flex;align-items:center;gap:var(--space-lg);width:100%;padding:var(--space-xl) var(--space-xl);background:linear-gradient(135deg,var(--purple-500) 0%,var(--purple-700) 100%);border:none;border-radius:var(--radius-2xl);cursor:pointer;box-shadow:0 8px 32px #7c3aed66;transition:all var(--transition-fast);position:relative;overflow:hidden}.btn-plan-hero:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer-hero 3s infinite}@keyframes shimmer-hero{0%{left:-100%}to{left:100%}}.btn-plan-hero:hover{transform:translateY(-3px);box-shadow:0 12px 40px #7c3aed80}.btn-plan-hero .hero-icon{width:56px;height:56px;background:#fff3;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-plan-hero .hero-icon svg{width:28px;height:28px;color:#fff}.btn-plan-hero .hero-content{flex:1;display:flex;flex-direction:column;text-align:left;gap:4px}.btn-plan-hero .hero-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:#fff;letter-spacing:-.01em}.btn-plan-hero .hero-subtitle{font-family:var(--font-body);font-size:var(--text-body-sm);color:#ffffffd9}.btn-plan-hero .hero-arrow{color:#ffffffb3;flex-shrink:0}.btn-tonight{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);margin-top:var(--space-sm);background:linear-gradient(135deg,var(--gold-50) 0%,var(--gold-100) 100%);border:2px solid var(--gold);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);position:relative}.btn-tonight:hover{background:linear-gradient(135deg,var(--gold-100) 0%,var(--gold-200) 100%);transform:translateY(-2px);box-shadow:0 4px 16px #f59e0b4d}.tonight-badge{padding:4px 10px;background:var(--gold);color:#fff;font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;border-radius:var(--radius-full)}.tonight-text{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--gold-800)}.tonight-subtitle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--gold-dark);margin-left:auto}.action-buttons-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);width:100%;margin-top:var(--space-lg);margin-bottom:var(--space-md)}.btn-action-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast)}.btn-action-card:hover{border-color:var(--purple-300);background:var(--purple-50);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.action-card-icon.ai{background:linear-gradient(135deg,var(--purple-800) 0%,var(--purple-700) 100%)}.action-card-icon.browse{background:linear-gradient(135deg,#ec4899,#f472b6)}.action-card-icon.surprise{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%)}.action-card-icon svg{width:24px;height:24px;color:#fff}.action-card-label{font-family:var(--font-body);font-size:var(--text-caption);font-weight:600;color:var(--text-primary);text-align:center}.btn-plan-with-friends{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);margin-top:var(--space-sm);background:linear-gradient(135deg,var(--purple-50) 0%,var(--purple-100) 100%);border:2px solid var(--purple-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast)}.btn-plan-with-friends:hover{background:linear-gradient(135deg,var(--purple-100) 0%,var(--purple-200) 100%);border-color:var(--purple-400);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.btn-plan-with-friends .pwf-icon{width:44px;height:44px;background:var(--purple-200);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-plan-with-friends .pwf-icon svg{width:22px;height:22px;color:var(--purple-700)}.btn-plan-with-friends .pwf-content{flex:1;display:flex;flex-direction:column;text-align:left}.btn-plan-with-friends .pwf-title{font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--purple-800)}.btn-plan-with-friends .pwf-subtitle{font-family:var(--font-body);font-size:var(--text-caption);color:var(--purple-600)}.btn-plan-with-friends .pwf-arrow{color:var(--purple-500);flex-shrink:0}.btn-primary-cta{display:flex;align-items:center;justify-content:center;gap:var(--space-md);width:100%;margin-top:var(--space-lg);padding:var(--space-lg) var(--space-xl);background:linear-gradient(135deg,var(--purple-500) 0%,var(--purple-700) 100%);border:none;border-radius:var(--radius-2xl);cursor:pointer;box-shadow:0 8px 32px #7c3aed66;transition:all var(--transition-fast);position:relative;overflow:hidden}.btn-primary-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmer-cta 2.5s infinite}@keyframes shimmer-cta{0%{left:-100%}to{left:100%}}.btn-primary-cta:hover{transform:translateY(-3px);box-shadow:0 12px 40px #7c3aed80}.btn-primary-cta:active{transform:translateY(-1px)}.primary-cta-text{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:#fff;letter-spacing:-.01em}.btn-primary-cta svg{color:#fff;flex-shrink:0}.secondary-options{display:flex;justify-content:center;gap:var(--space-sm);width:100%;margin-top:0;padding-top:var(--space-lg);border-top:1px solid var(--border);flex-wrap:nowrap}.btn-secondary-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 10px;min-width:64px;background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-xl);box-shadow:0 2px 8px #0000000a;flex:1;max-width:80px}.btn-secondary-option:hover{background:var(--purple-50);border-color:var(--purple-200);transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed26}.btn-secondary-option svg{color:var(--purple-500);flex-shrink:0;width:22px;height:22px}.btn-secondary-option span{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--text-primary);text-align:center;line-height:1.2}.btn-secondary-option:hover span{color:var(--purple-700)}.ai-concierge-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000}.ai-concierge-modal{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--background)}.home-footer{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border)}.footer-left{display:flex;align-items:center}.footer-right{display:flex;flex-direction:column;align-items:flex-end}.footer-app-store,.footer-app-store img{display:block}.home-footer span{font-size:var(--text-sm);color:var(--text-muted)}.footer-links{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs)}.footer-link{background:none;border:none;color:var(--text-muted);font-size:.7rem;cursor:pointer;padding:0;transition:color .2s ease}.footer-link:hover{color:var(--purple-500)}.footer-divider{color:var(--text-muted);font-size:.6rem}@media (max-width: 768px){.home-screen .mood-grid{grid-template-columns:repeat(4,1fr)}.home-screen .mood-card-custom{grid-column:1 / -1}.home-header{padding:var(--space-sm) var(--space-md)}.header-btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-body)}.header-btn span{display:none}.header-btn svg{width:22px;height:22px}.header-user-section{padding:4px 4px 4px var(--space-sm)}.location-text-btn span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width: 480px){.home-header{padding:8px 12px;padding-top:calc(env(safe-area-inset-top,0px) + 8px);align-items:center}.header-right{gap:8px}.location-btn-simple{font-size:var(--text-caption);max-width:120px}.location-btn-simple span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-btn-simple svg{width:16px;height:16px;flex-shrink:0}.trial-badge-header,.streak-mini{padding:5px 10px;font-size:var(--text-sm)}.home-main{padding:8px 16px 12px}.home-center{padding:0}.home-center .logo{margin-bottom:8px}.tagline{font-size:var(--text-base);font-weight:300;margin-top:-4px;margin-bottom:var(--space-lg);line-height:1.4}.trial-promo-home{padding:10px 12px;max-width:100%;margin-bottom:12px}.trial-promo-home .promo-text strong{font-size:var(--text-caption)}.trial-promo-home .promo-text span{font-size:var(--text-xs)}.group-sessions-hero{padding:12px 14px;max-width:100%;margin-bottom:14px;gap:10px}.group-hero-icon{width:40px;height:40px}.group-hero-icon svg{width:20px;height:20px}.group-hero-title{font-size:var(--text-body)}.group-hero-subtitle{font-size:var(--text-sm)}.discovery-mode-toggle{margin-bottom:12px;max-width:280px}.mode-btn{padding:6px 12px;font-size:var(--text-caption)}.mood-section{margin-top:16px;margin-bottom:16px}.mood-prompt{font-size:var(--text-base);margin-bottom:10px}.home-screen .mood-grid{grid-template-columns:repeat(2,1fr);gap:8px}.home-screen .mood-card{padding:12px 8px;min-height:44px}.home-screen .mood-card .mood-label{font-size:var(--text-caption);font-weight:500}.home-screen .mood-card-custom{grid-column:1 / -1;min-height:40px}.custom-mood-input-wrapper{margin-top:10px}.custom-mood-input{padding:10px 12px;font-size:var(--text-body-sm)}.btn-primary-cta{padding:18px 24px;border-radius:18px}.primary-cta-text{font-size:var(--text-xl)}.secondary-options{gap:6px;margin-top:var(--space-md);padding-top:var(--space-md);justify-content:center}.btn-secondary-option{padding:10px 6px;gap:4px;min-width:58px;max-width:72px}.btn-secondary-option svg{width:20px;height:20px}.btn-secondary-option span{font-size:var(--text-2xs)}.radius-section{margin-bottom:16px}.radius-slider-container{max-width:100%;padding:0}.radius-value{font-size:var(--text-caption)}.radius-slider{height:6px}.radius-slider::-webkit-slider-thumb{width:24px;height:24px}.action-buttons{gap:10px;margin-top:8px;margin-bottom:12px}.btn-discover{padding:16px 20px;border-radius:16px}.btn-discover .btn-main{font-size:var(--text-2xl)}.btn-search-outline{padding:12px 16px;font-size:var(--text-body-sm);border-radius:14px}.btn-plan-with-friends{padding:12px 14px;margin-top:4px;border-radius:14px}.btn-plan-with-friends .pwf-icon{width:38px;height:38px;border-radius:10px}.btn-plan-with-friends .pwf-icon svg{width:18px;height:18px}.btn-plan-with-friends .pwf-title{font-size:var(--text-body)}.btn-plan-with-friends .pwf-subtitle{font-size:var(--text-sm)}.header-btn{padding:8px 12px;font-size:var(--text-caption);border-radius:12px}.header-btn svg{width:20px;height:20px}.my-places-btn span{display:none}.profile-avatar-btn{width:32px;height:32px}.home-footer{padding:12px 16px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}.home-footer span{font-size:var(--text-xs)}.footer-app-store img{height:34px}.location-edit-panel{padding:20px 16px;border-radius:20px}.location-edit-title{font-size:var(--text-lg);margin-bottom:12px}.location-option{padding:14px 16px;font-size:var(--text-body)}}@media (max-width: 360px){.home-header{padding:6px 10px;padding-top:calc(env(safe-area-inset-top,0px) + 6px)}.header-right{gap:6px}.location-btn-simple{font-size:var(--text-sm);max-width:90px}.location-btn-simple svg{width:14px;height:14px}.trial-badge-header,.streak-mini{padding:4px 8px;font-size:var(--text-xs)}.profile-avatar-btn{width:28px;height:28px}.profile-avatar-initial{font-size:var(--text-body-sm)}.home-main{padding:6px 12px 10px}.home-center .logo{margin-bottom:6px}.tagline{font-size:var(--text-body);font-weight:300;margin-top:-2px;margin-bottom:var(--space-md);line-height:1.3}.premium-text-indicator{font-size:var(--text-2xs);padding:4px 12px;margin-bottom:10px}.trial-promo-home{padding:8px 10px;margin-bottom:10px;gap:8px}.trial-promo-home .promo-icon{font-size:var(--text-xl)}.trial-promo-home .promo-text strong{font-size:var(--text-sm)}.trial-promo-home .promo-text span{font-size:var(--text-2xs)}.group-sessions-hero{padding:10px 12px;margin-bottom:12px;gap:8px}.group-hero-icon{width:36px;height:36px}.group-hero-icon svg{width:18px;height:18px}.group-hero-title{font-size:var(--text-body-sm)}.group-hero-subtitle{font-size:var(--text-xs)}.group-hero-arrow svg{width:16px;height:16px}.discovery-mode-toggle{margin-bottom:10px;max-width:240px}.mode-btn{padding:5px 10px;font-size:var(--text-sm)}.mood-section{margin-top:12px;margin-bottom:12px}.mood-prompt{font-size:var(--text-body);margin-bottom:8px}.home-screen .mood-grid{grid-template-columns:repeat(2,1fr);gap:6px}.home-screen .mood-card{padding:10px 6px;min-height:44px}.home-screen .mood-card .mood-label{font-size:var(--text-sm)}.mood-icon-wrapper{width:28px;height:28px}.mood-icon{width:20px;height:20px}.home-screen .mood-card-custom{grid-column:1 / -1;min-height:38px}.mood-options{gap:6px}.mood-btn{padding:8px}.mood-label{font-size:var(--text-xs)}.custom-mood-input-wrapper{margin-top:8px}.custom-mood-input{padding:8px 10px;font-size:var(--text-caption)}.radius-section{margin-bottom:12px}.radius-value{font-size:var(--text-sm)}.radius-slider::-webkit-slider-thumb{width:22px;height:22px}.action-buttons{gap:8px;margin-top:6px;margin-bottom:10px}.btn-discover{padding:14px 16px;border-radius:14px}.btn-discover .btn-main{font-size:var(--text-xl)}.btn-discover .btn-icon{width:40px;height:40px}.btn-discover .btn-icon svg{width:20px;height:20px}.btn-search-outline{padding:10px 14px;font-size:var(--text-caption);border-radius:12px}.btn-plan-with-friends{padding:10px 12px;margin-top:2px;border-radius:12px;gap:10px}.btn-plan-with-friends .pwf-icon{width:34px;height:34px;border-radius:8px}.btn-plan-with-friends .pwf-icon svg{width:16px;height:16px}.btn-plan-with-friends .pwf-title{font-size:var(--text-body-sm)}.btn-plan-with-friends .pwf-subtitle{font-size:var(--text-xs)}.trial-status-home{flex-wrap:wrap;justify-content:center;text-align:center;padding:3px 8px}.trial-status-home .trial-text{font-size:var(--text-xs)}.trial-details-btn{font-size:var(--text-2xs);padding:2px 6px}.location-edit-panel{padding:16px 14px;border-radius:16px}.location-edit-title{font-size:var(--text-base);margin-bottom:10px}.location-option{padding:12px 14px;font-size:var(--text-body-sm)}.home-footer{padding:10px 14px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px)}.footer-app-store img{height:30px}.home-footer span{font-size:var(--text-2xs)}.header-btn{padding:6px 10px;font-size:var(--text-sm);border-radius:10px}.header-btn svg{width:18px;height:18px}}.referral-teaser{width:100%;max-width:400px;margin-top:var(--space-lg)}.referral-teaser-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.referral-teaser-left{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary)}.referral-teaser-left svg{color:var(--accent-primary);flex-shrink:0}.referral-teaser-text{font-size:var(--text-caption);font-weight:500;white-space:nowrap}.referral-teaser-right{display:flex;align-items:center;gap:var(--space-xs)}.referral-teaser-code{font-family:var(--font-mono, "SF Mono", "Monaco", monospace);font-size:var(--text-caption);font-weight:600;color:var(--accent-primary);background:var(--purple-50);padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-sm);letter-spacing:.03em}.referral-teaser-copy{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all .15s ease}.referral-teaser-copy:hover{background:var(--surface-card);color:var(--accent-primary)}.referral-teaser-copy:active{transform:scale(.95)}.referral-teaser-copy.copied{color:var(--success)}@media (max-width: 380px){.referral-teaser-content{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.referral-teaser-left,.referral-teaser-right{justify-content:center}}.have-code-link{display:inline-block;margin-top:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-xs) var(--space-sm);font-family:var(--font-body);font-size:var(--text-caption);font-weight:500;color:var(--purple-600);background:transparent;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.have-code-link:hover{color:var(--purple-700)}@media (min-width: 768px){.home-center{max-width:680px}.vibe-selector,.quick-actions-grid{max-width:600px}.group-sessions-hero{max-width:500px}.trial-promo-home{max-width:440px}}@media (min-width: 1024px){.home-center{max-width:800px}.vibe-selector{max-width:700px}.vibe-label{font-size:var(--text-lg)}.radius-slider-container{max-width:500px}.quick-actions-grid{max-width:700px;gap:var(--space-lg)}.quick-action-btn{padding:var(--space-lg)}.quick-action-btn span{font-size:var(--text-body)}.group-sessions-hero{max-width:600px;padding:var(--space-lg) var(--space-xl)}.group-hero-content h3{font-size:var(--text-xl)}.trial-promo-home{max-width:500px}.surprise-btn{max-width:500px;padding:var(--space-lg) var(--space-xl);font-size:var(--text-xl)}.social-proof{max-width:600px}}@media (min-width: 1200px){.home-center{max-width:900px}.vibe-selector,.quick-actions-grid{max-width:800px}.group-sessions-hero{max-width:700px}.surprise-btn{max-width:600px}}.pending-invite-banner{position:relative;display:flex;align-items:center;padding:14px 16px;margin:16px auto;max-width:400px;background:linear-gradient(135deg,#7c3aed1f,#a855f714);border:1px solid rgba(124,58,237,.25);border-radius:14px;cursor:pointer;transition:all .2s ease;overflow:hidden}.pending-invite-banner:hover{border-color:var(--primary);box-shadow:0 4px 16px #7c3aed33;transform:translateY(-1px)}.invite-banner-pulse{position:absolute;top:12px;left:12px;width:8px;height:8px;background:var(--primary);border-radius:50%;animation:invitePulse 2s ease-in-out infinite}@keyframes invitePulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #7c3aed66}50%{opacity:.8;transform:scale(1.1);box-shadow:0 0 0 6px #7c3aed00}}.invite-banner-content{display:flex;align-items:center;gap:12px;width:100%;padding-left:12px}.invite-banner-icon{font-size:var(--text-4xl);flex-shrink:0}.invite-banner-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.invite-banner-text strong{font-size:var(--text-body-sm);font-weight:600;color:var(--text-primary)}.invite-banner-text span{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-banner-arrow{font-size:var(--text-lg);color:var(--primary);font-weight:600;flex-shrink:0}.home-loading-state{justify-content:center;min-height:60vh;gap:var(--space-xl)}.home-loading-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.home-loading-dots{display:flex;gap:8px}.home-dot{width:10px;height:10px;border-radius:50%;background:var(--purple-400);animation:home-dot-bounce 1.4s ease-in-out infinite}.home-dot:nth-child(2){animation-delay:.16s}.home-dot:nth-child(3){animation-delay:.32s}@keyframes home-dot-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.home-loading-text{font-size:var(--text-body);font-weight:500;color:var(--text-muted);letter-spacing:.01em}.favorite-btn{display:flex;align-items:center;justify-content:center;background:var(--surface);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);color:var(--silver-400)}.favorite-btn:hover{color:var(--purple-500);transform:scale(1.1)}.favorite-btn.favorited{color:var(--error)}.favorite-btn.animating{animation:heartPop .3s ease}.favorite-btn.small{width:32px;height:32px;padding:var(--space-xs)}.favorite-btn.small .heart-icon{width:16px;height:16px}.favorite-btn.medium{width:40px;height:40px;padding:var(--space-sm);box-shadow:var(--shadow-sm)}.favorite-btn.medium .heart-icon{width:20px;height:20px}.favorite-btn.large{width:48px;height:48px;padding:var(--space-sm);box-shadow:var(--shadow-md)}.favorite-btn.large .heart-icon{width:24px;height:24px}.heart-icon{transition:transform var(--transition-fast)}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.restaurant-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;height:100%;transition:box-shadow .2s ease}.restaurant-card:hover{box-shadow:var(--shadow-lg)}.restaurant-card:focus{outline:2px solid var(--primary);outline-offset:2px}.card-hero{position:relative;width:100%;height:200px;background:var(--silver-100);overflow:hidden}.card-hero img{width:100%;height:100%;object-fit:cover}.card-hero-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--purple-50) 0%,var(--silver-100) 100%)}.placeholder-icon{font-size:var(--text-6xl);opacity:.5}.card-rank{position:absolute;top:var(--space-sm);left:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:#fff;background:var(--purple-600);border-radius:var(--radius-full)}.card-favorite{position:absolute;top:var(--space-sm);right:var(--space-sm)}.card-content{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.card-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-type{font-size:var(--text-body-sm);color:var(--text-secondary);margin:0}.card-stats-line{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-body-sm);color:var(--text-muted);margin-top:auto;padding-top:var(--space-sm)}.stat-rating{color:var(--purple-600);font-weight:600}.stat-separator{color:var(--text-muted);opacity:.5}.stat-distance{color:var(--text-secondary)}.stat-price{color:var(--success);font-weight:500}.stat-groups{display:inline-flex;align-items:center;color:var(--purple-600);font-size:var(--text-sm);font-weight:500;background:var(--purple-50);padding:2px 6px;border-radius:var(--radius-full)}.stat-groups svg{flex-shrink:0}.card-dietary-warning{display:flex;align-items:center;gap:4px;margin-top:6px;padding:3px 8px;font-size:var(--text-2xs);font-weight:500;color:#b45309;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-sm)}.dietary-warning-icon{font-size:var(--text-xs);line-height:1}.dietary-warning-text{line-height:1.3}@media (max-width: 768px){.card-hero{height:180px}.card-name{font-size:var(--text-base)}.card-content{padding:var(--space-sm)}}@media (max-width: 480px){.card-hero{height:160px}.card-stats-line{font-size:var(--text-caption)}}.restaurant-list-screen{min-height:100vh;background:var(--background)}.list-header{position:sticky;top:0;z-index:100;background:var(--surface);padding:var(--space-md);border-bottom:1px solid var(--border)}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.back-btn{padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:500;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.back-btn:hover{color:var(--primary)}.header-logo{cursor:pointer;flex:1;display:flex;justify-content:center}.header-logo .logo{transform:scale(1.1)}.location-badge{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:var(--silver-100);border-radius:var(--radius-full)}.location-icon{font-size:var(--text-body-sm)}.header-content{margin-bottom:var(--space-md)}.search-form{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.search-input{flex:1;padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--background);border:2px solid var(--border);border-radius:var(--radius-lg);outline:none;transition:border-color var(--transition-fast)}.search-input:focus{border-color:var(--purple-400)}.search-input::placeholder{color:var(--text-muted)}.search-btn{padding:var(--space-sm) var(--space-lg);font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:600;color:#fff;background:var(--purple-600);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast)}.search-btn:hover:not(:disabled){background:var(--purple-700)}.header-content h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-xs)}.results-count{font-size:var(--text-body-sm);color:var(--text-secondary);margin:0}.dietary-filter-notice{font-size:var(--text-xs);font-weight:500;color:var(--purple-600);background:#8b5cf60f;border-radius:var(--radius-full);padding:3px 12px;margin-top:var(--space-sm);text-transform:capitalize}.filter-controls{display:flex;flex-wrap:wrap;gap:var(--space-md)}.filter-group{display:flex;align-items:center;gap:var(--space-sm)}.filter-label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.filter-buttons{display:flex;gap:var(--space-xs)}.filter-btn{padding:var(--space-xs) var(--space-sm);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:var(--silver-100);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{background:var(--silver-200)}.filter-btn.active{background:var(--primary);color:#fff}.list-content{padding:var(--space-lg);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl) var(--space-lg);max-width:900px;margin:0 auto;align-items:stretch}.list-content>div{height:100%}@media (max-width: 768px){.list-content{grid-template-columns:1fr;max-width:500px}}.restaurant-link{display:block;text-decoration:none;color:inherit;cursor:pointer;height:100%}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;min-height:300px}.loading-state p,.error-state p,.empty-state p{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-lg)}.error-state button,.empty-state button{padding:var(--space-sm) var(--space-xl);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.error-state button:hover,.empty-state button:hover{background:var(--purple-700)}.load-more-container{display:flex;justify-content:center;padding:var(--space-lg) 0;grid-column:1 / -1}.load-more-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:600;color:var(--primary);background:var(--surface);border:2px solid var(--primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);min-width:200px}.load-more-btn:hover:not(:disabled){background:var(--primary);color:#fff}.load-more-btn:disabled{opacity:.7;cursor:not-allowed}.loading-spinner-small{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.featured-section{grid-column:1 / -1;margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.featured-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.featured-icon{font-size:var(--text-xl)}.featured-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.featured-badge{padding:2px 8px;font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--purple-700);background:var(--purple-100);border-radius:var(--radius-full)}.featured-scroll{display:flex;gap:var(--space-md);overflow-x:auto;padding-bottom:var(--space-sm);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.featured-scroll::-webkit-scrollbar{height:4px}.featured-scroll::-webkit-scrollbar-track{background:var(--silver-100);border-radius:2px}.featured-scroll::-webkit-scrollbar-thumb{background:var(--purple-300);border-radius:2px}.featured-card{flex:0 0 280px;scroll-snap-align:start;background:var(--surface);border:2px solid var(--purple-200);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all var(--transition-fast)}.featured-card:hover{border-color:var(--purple-400);transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf626}.featured-image{position:relative;width:100%;height:140px;background:linear-gradient(135deg,var(--purple-100),var(--purple-200))}.featured-image img{width:100%;height:100%;object-fit:cover}.featured-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-6xl);font-weight:700;color:var(--purple-400)}.featured-tag{position:absolute;top:var(--space-sm);left:var(--space-sm);padding:4px 10px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,var(--purple-500),var(--purple-700));border-radius:var(--radius-full);box-shadow:0 2px 8px #8b5cf64d}.featured-info{padding:var(--space-md)}.featured-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.featured-rating{font-size:var(--text-caption);font-weight:600;color:var(--gold)}.featured-type{font-size:var(--text-sm);color:var(--text-secondary)}.featured-promo{font-size:var(--text-sm);color:var(--purple-600);font-weight:500;margin:0}@media (max-width: 480px){.featured-card{flex:0 0 240px}.featured-image{height:120px}}.upgrade-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:1000}.upgrade-modal{position:relative;background:#fff;border-radius:var(--radius-xl);padding:var(--space-2xl);max-width:400px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000040}.upgrade-close{position:absolute;top:var(--space-md);right:var(--space-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--silver-100);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.upgrade-close:hover{background:var(--silver-200)}.upgrade-close svg{width:18px;height:18px;color:var(--text-secondary)}.upgrade-icon{font-size:4rem;margin-bottom:var(--space-md);animation:bounce 2s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.upgrade-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.upgrade-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-xl) 0}.upgrade-features{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl);text-align:left}.upgrade-feature{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-body);color:var(--text-primary)}.feature-check{color:var(--success);font-weight:600}.upgrade-pricing{margin-bottom:var(--space-lg)}.upgrade-price{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--purple-600)}.upgrade-period{font-size:var(--text-base);color:var(--text-secondary)}.upgrade-cta{width:100%;padding:var(--space-md) var(--space-xl);font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;color:#fff;background:linear-gradient(135deg,var(--purple-500) 0%,var(--purple-700) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 14px #8b5cf666}.upgrade-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.upgrade-skip{margin-top:var(--space-md);padding:var(--space-sm);font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.upgrade-skip:hover{color:var(--text-secondary)}.upgrade-inline{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--purple-50) 0%,var(--purple-100) 100%);border:1px solid var(--purple-200);border-radius:var(--radius-lg);margin:var(--space-md) 0}.upgrade-inline-icon{font-size:var(--text-3xl)}.upgrade-inline-text{flex:1;display:flex;flex-direction:column;gap:2px}.upgrade-inline-title{font-weight:600;font-size:var(--text-body-sm);color:var(--purple-700)}.upgrade-inline-subtitle{font-size:var(--text-sm);color:var(--purple-600)}.upgrade-inline-btn{padding:var(--space-xs) var(--space-md);font-family:var(--font-body);font-size:var(--text-caption);font-weight:600;color:#fff;background:var(--purple-600);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.upgrade-inline-btn:hover{background:var(--purple-700)}.upgrade-inline.trial-mode{background:linear-gradient(135deg,var(--gold-50) 0%,var(--gold-100) 100%);border-color:var(--gold)}.upgrade-inline.trial-mode .upgrade-inline-title{color:var(--gold-800)}.upgrade-inline.trial-mode .upgrade-inline-subtitle{color:var(--gold-900)}.upgrade-inline-btn.trial{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%)}.upgrade-inline-btn.trial:hover:not(:disabled){background:linear-gradient(135deg,var(--gold-dark) 0%,var(--gold-600) 100%)}.upgrade-inline-btn.trial:disabled{opacity:.7;cursor:not-allowed}.upgrade-trial-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--gold-50) 0%,var(--gold-100) 100%);border:2px solid var(--gold);border-radius:var(--radius-lg)}.trial-badge-icon{font-size:var(--text-3xl)}.trial-badge-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--gold-800)}.upgrade-cta.trial{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);box-shadow:0 4px 14px #f59e0b66}.upgrade-cta.trial:hover:not(:disabled){box-shadow:0 6px 20px #f59e0b80}.upgrade-cta.trial:disabled{opacity:.7;cursor:not-allowed}.upgrade-trial-note{font-size:var(--text-body-sm);color:var(--text-secondary);margin:var(--space-sm) 0 0 0}@media (max-width: 480px){.upgrade-modal{padding:var(--space-lg);margin:var(--space-md)}.upgrade-icon{font-size:var(--text-6xl)}.upgrade-title{font-size:var(--text-2xl)}.upgrade-subtitle{font-size:var(--text-body);margin-bottom:var(--space-lg)}.upgrade-feature{font-size:var(--text-body-sm)}.upgrade-price{font-size:var(--text-5xl)}.upgrade-cta{padding:var(--space-md);font-size:var(--text-base)}.upgrade-inline{flex-wrap:wrap;padding:var(--space-sm) var(--space-md)}.upgrade-inline-icon{font-size:var(--text-xl)}.upgrade-inline-title{font-size:var(--text-caption)}.upgrade-inline-subtitle{font-size:var(--text-xs)}.upgrade-inline-btn{width:100%;margin-top:var(--space-sm)}.upgrade-trial-banner{padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md)}.trial-badge-icon{font-size:var(--text-xl)}.trial-badge-text{font-size:var(--text-base)}.upgrade-trial-note{font-size:var(--text-caption)}}.upgrade-legal-links{margin-top:var(--space-lg);font-size:var(--text-sm);color:var(--text-muted)}.upgrade-legal-links a{color:var(--text-secondary);text-decoration:underline;transition:color var(--transition-fast)}.upgrade-legal-links a:hover{color:var(--purple-600)}.dish-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-normal);border:2px solid transparent}.dish-card.expanded{box-shadow:var(--shadow-lg)}.dish-card.rec-order{border-color:#10b9814d}.dish-card.rec-skip{border-color:#ef444433;opacity:.85}.dish-image-container{position:relative;width:100%;height:140px;overflow:hidden}.dish-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.dish-card:hover .dish-image{transform:scale(1.05)}.recommendation-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:var(--space-xs) var(--space-md);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;letter-spacing:.1em;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.recommendation-badge.rec-order{background:#10b981e6;color:#fff}.recommendation-badge.rec-skip{background:#ef4444e6;color:#fff}.recommendation-badge.rec-neutral{background:#6b7280e6;color:#fff}.dish-card-header{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);cursor:pointer}.dish-rank-score{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.dish-rank{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--text-muted)}.dish-main{flex:1;min-width:0}.dish-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.dish-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-sm)}.dish-mentions{color:var(--text-muted)}.dish-positive{font-weight:500}.dish-positive.high{color:var(--success)}.dish-positive.medium{color:var(--gold)}.dish-positive.low{color:var(--error)}.dish-confidence{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.05em}.dish-confidence.high{color:var(--success)}.dish-confidence.low{color:var(--text-muted)}.ai-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;font-size:var(--text-2xs);font-weight:700;letter-spacing:.05em;color:#fff;background:linear-gradient(135deg,var(--purple-600) 0%,var(--purple-800) 100%);border-radius:var(--radius-full);box-shadow:0 1px 3px #7c3aed4d}.ai-icon{width:10px;height:10px}.ai-badge:hover{transform:scale(1.05);box-shadow:0 2px 6px #7c3aed66}.dish-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.dish-tag{padding:2px 8px;font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);background:var(--silver-200);color:var(--text-secondary)}.dish-tag.tag-order-this{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.dish-tag.tag-must-try{background:var(--purple-600);color:#fff}.dish-tag.tag-maybe-skip{background:#ef4444cc;color:#fff}.dish-tag.tag-popular,.dish-tag.tag-signature{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:var(--silver-900)}.dish-tag.tag-recommended{background:var(--purple-200);color:var(--purple-800)}.dish-tag.tag-fresh{background:#d1fae5;color:var(--success)}.dish-tag.tag-spicy{background:#fee2e2;color:var(--error)}.dish-tag.tag-viral{background:linear-gradient(135deg,#ec4899,#f43f5e);color:#fff}.dish-tag.tag-classic{background:var(--silver-700);color:#fff}.dish-tag.tag-shareable{background:var(--purple-200);color:var(--purple-800)}.dish-tag.tag-healthy,.dish-tag.tag-healthy-ish,.dish-tag.tag-vegetarian{background:#d1fae5;color:var(--success)}.dish-tag.tag-experience{background:var(--purple-100);color:var(--purple-700)}.dish-tag.tag-seasonal{background:var(--gold-50);color:var(--gold-dark)}.dish-tag.tag-comfort-food{background:var(--gold-100);color:var(--gold-800)}.dish-tag.tag-staff-pick{background:#dbeafe;color:#2563eb}.dish-tag.tag-refreshing{background:#cffafe;color:#0891b2}.dish-tag.tag-happy-hour{background:#f3e8ff;color:var(--purple-700)}.dish-tag.tag-value{background:#d1fae5;color:var(--success)}.dish-tag.tag-indulgent{background:#fce7f3;color:#be185d}.dish-tag.tag-hearty{background:#fed7aa;color:#c2410c}.dish-tag.tag-filling{background:#e5e7eb;color:var(--silver-700)}.dish-score{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0}.dish-score.score-excellent{background:linear-gradient(135deg,#10b981,#059669)}.dish-score.score-great{background:linear-gradient(135deg,var(--purple-600) 0%,var(--purple-800) 100%)}.dish-score.score-good{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%)}.dish-score.score-average{background:var(--silver-400)}.score-number{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:#fff}.dish-score-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-top:2px}.dish-card-content{padding:0 var(--space-md);overflow:hidden}.dish-description{font-size:var(--text-body-sm);line-height:1.6;color:var(--text-secondary);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--silver-50);border-radius:var(--radius-md);border-left:3px solid var(--purple-400)}.dish-stats{display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-md);background:var(--silver-50);border-radius:var(--radius-lg);margin-bottom:var(--space-md)}.dish-stat{display:flex;align-items:center;gap:var(--space-xs)}.dish-stat .stat-icon{font-size:var(--text-body-sm)}.dish-stat .stat-value{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.dish-reviews{margin-bottom:var(--space-md)}.reviews-title{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.reviews-icon{font-size:var(--text-base)}.reviews-list{display:flex;flex-direction:column;gap:var(--space-sm)}.review-item{padding:var(--space-sm) var(--space-md);background:var(--purple-50);border-left:3px solid var(--purple-400);border-radius:0 var(--radius-md) var(--radius-md) 0}.review-item.positive{background:#10b9811a;border-left-color:var(--success)}.review-item.negative{background:#ef44441a;border-left-color:var(--error)}.review-item.neutral{background:var(--silver-50);border-left-color:var(--silver-400)}.review-quote{font-size:var(--text-caption);font-style:italic;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-xs)}.review-source{display:flex;justify-content:space-between;align-items:center}.source-name{font-size:var(--text-xs);font-weight:500;color:var(--text-muted)}.source-rating{font-size:var(--text-2xs);color:var(--gold)}.no-reviews{padding:var(--space-md);text-align:center;color:var(--text-muted);font-size:var(--text-body-sm);font-style:italic}.expand-btn{width:100%;padding:var(--space-sm);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--primary);background:var(--purple-50);border:none;cursor:pointer;transition:background var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.expand-btn:hover{background:var(--purple-100)}.review-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:var(--text-xs);font-weight:700;color:#fff;background:var(--purple-600);border-radius:var(--radius-full)}.expand-arrow{margin-left:2px}@media (max-width: 768px){.dish-image-container{height:120px}.dish-name{font-size:var(--text-base)}.dish-meta{font-size:var(--text-xs)}.dish-score{width:36px;height:36px}.score-number{font-size:var(--text-base)}.dish-score-label{font-size:8px}.dish-tag{font-size:.5625rem;padding:2px 6px}}@media (max-width: 480px){.dish-card-header{padding:var(--space-sm)}.dish-image-container{height:100px}.dish-name{font-size:var(--text-body)}.dish-score{width:32px;height:32px}.score-number{font-size:var(--text-body-sm)}.dish-score-label{font-size:7px}.expand-btn{padding:var(--space-xs);font-size:var(--text-xs)}}.star-rating{display:flex;gap:var(--space-xs);align-items:center}.star-rating.interactive{gap:var(--space-sm)}.star-btn{background:none;border:none;padding:0;cursor:pointer;transition:all var(--transition-fast);color:#facc15;display:flex;align-items:center;justify-content:center}.star-btn:disabled{cursor:default}.star-btn.empty{color:var(--silver-300)}.star-rating.interactive .star-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.star-rating.interactive .star-btn:hover:not(:disabled){transform:scale(1.1)}.star-rating.interactive .star-btn:active:not(:disabled){transform:scale(.95)}.star-rating-small .star-btn svg{width:16px;height:16px}.star-rating-medium .star-btn svg{width:24px;height:24px}.star-rating-large .star-btn svg{width:32px;height:32px}.star-rating.read-only .star-btn{cursor:default}.star-rating.read-only{gap:4px}.photo-uploader{display:flex;flex-direction:column;gap:var(--space-md)}.photo-uploader-header{display:flex;align-items:center;justify-content:space-between}.photo-uploader-label{font-size:var(--text-body-sm);font-weight:600;color:var(--text-primary)}.photo-count{font-size:var(--text-sm);font-weight:500;color:var(--text-muted);padding:4px 10px;background:var(--silver-100);border-radius:var(--radius-full)}.photo-uploader-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#fee;border:1px solid #fcc;border-radius:var(--radius-lg);color:#c33;font-size:var(--text-body-sm)}.photo-uploader-error svg{width:20px;height:20px;flex-shrink:0}.photo-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-md)}.photo-preview-item{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background:var(--silver-100);border:2px solid var(--border);transition:all var(--transition-fast)}.photo-preview-item:hover{border-color:var(--purple-400);box-shadow:0 4px 12px #0000001a}.photo-preview-item img{width:100%;height:100%;object-fit:cover}.photo-remove-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;border-radius:50%;background:#000000b3;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all var(--transition-fast);z-index:2}.photo-preview-item:hover .photo-remove-btn{opacity:1}.photo-remove-btn:hover{background:#dc2626e6;transform:scale(1.1)}.photo-remove-btn:disabled{opacity:.5;cursor:not-allowed}.photo-remove-btn svg{width:16px;height:16px}.photo-preview-overlay{position:absolute;bottom:0;left:0;right:0;padding:6px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;font-size:var(--text-sm);font-weight:500;text-align:center;opacity:0;transition:opacity var(--transition-fast)}.photo-preview-item:hover .photo-preview-overlay{opacity:1}.photo-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);border:2px dashed var(--border);border-radius:var(--radius-lg);background:var(--silver-50);cursor:pointer;transition:all var(--transition-fast);min-height:180px}.photo-upload-area:hover:not(.disabled){border-color:var(--purple-400);background:var(--purple-50)}.photo-upload-area.drag-active{border-color:var(--purple-500);background:var(--purple-100);transform:scale(1.02)}.photo-upload-area.disabled{opacity:.5;cursor:not-allowed}.photo-upload-icon{width:48px;height:48px;color:var(--purple-500)}.photo-upload-icon svg{width:100%;height:100%}.photo-upload-text{text-align:center}.photo-upload-primary{font-size:var(--text-body);font-weight:600;color:var(--text-primary);margin:0 0 4px}.photo-upload-secondary{font-size:var(--text-caption);color:var(--text-muted);margin:0}.photo-limit-message{text-align:center;font-size:var(--text-body-sm);color:var(--text-muted);padding:var(--space-md);background:var(--silver-100);border-radius:var(--radius-lg);margin:0}@media (max-width: 480px){.photo-previews{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-sm)}.photo-upload-area{padding:var(--space-lg);min-height:150px}.photo-upload-icon{width:40px;height:40px}.photo-upload-primary{font-size:var(--text-body-sm)}.photo-upload-secondary{font-size:var(--text-sm)}.photo-remove-btn{opacity:1}}.review-form{display:flex;flex-direction:column;gap:var(--space-xl)}.review-form-section{display:flex;flex-direction:column;gap:var(--space-sm)}.review-form-label{font-size:var(--text-body-sm);font-weight:600;color:var(--text-primary)}.review-textarea{width:100%;padding:var(--space-md);font-family:var(--font-body);font-size:var(--text-body);line-height:1.6;color:var(--text-primary);background:var(--background);border:2px solid var(--border);border-radius:var(--radius-lg);resize:vertical;min-height:120px;transition:border-color var(--transition-fast)}.review-textarea:focus{outline:none;border-color:var(--purple-400)}.review-textarea::placeholder{color:var(--text-muted)}.char-counter{font-size:var(--text-sm);color:var(--text-muted);text-align:right}.review-date-input{padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:var(--text-body);color:var(--text-primary);background:var(--background);border:2px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast)}.review-date-input:focus{outline:none;border-color:var(--purple-400)}.review-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.review-tag{padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:var(--text-caption);font-weight:500;color:var(--text-secondary);background:var(--silver-100);border:1.5px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.review-tag:hover{background:var(--silver-200);border-color:var(--purple-300)}.review-tag.selected{background:var(--purple-50);border-color:var(--purple-500);color:var(--purple-700)}.review-recommend-label{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--silver-50);border-radius:var(--radius-lg);cursor:pointer;position:relative}.review-recommend-label input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.review-recommend-checkbox{width:24px;height:24px;border:2px solid var(--border);border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast);position:relative}.review-recommend-checkbox:after{content:"";position:absolute;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform var(--transition-fast)}.review-recommend-label input[type=checkbox]:checked+.review-recommend-checkbox{background:var(--purple-600);border-color:var(--purple-600)}.review-recommend-label input[type=checkbox]:checked+.review-recommend-checkbox:after{transform:rotate(45deg) scale(1)}.review-recommend-text{font-size:var(--text-body);font-weight:500;color:var(--text-primary)}.review-form-actions{display:flex;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border)}.review-form-btn{flex:1;padding:var(--space-md) var(--space-lg);font-family:var(--font-body);font-size:var(--text-body);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.submit-btn{background:var(--purple-600);color:#fff}.submit-btn:hover:not(:disabled){background:var(--purple-700)}.review-form-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.review-form{gap:var(--space-lg)}.review-tags{gap:var(--space-xs)}.review-tag{font-size:var(--text-sm);padding:6px 12px}}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-md);margin-top:var(--space-sm)}.photo-gallery-item{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;background:var(--silver-100);transition:all var(--transition-fast)}.photo-gallery-item:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000026;z-index:1}.photo-gallery-item img{width:100%;height:100%;object-fit:cover;transition:opacity var(--transition-fast)}.photo-gallery-item:hover img{opacity:.9}.photo-gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity var(--transition-fast)}.photo-gallery-item:hover .photo-gallery-overlay{opacity:1}.photo-gallery-overlay svg{width:32px;height:32px;color:#fff}.photo-lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--space-xl);animation:fadeIn .2s ease-out}.photo-lightbox-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border:none;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10002;transition:all var(--transition-fast)}.photo-lightbox-close:hover{background:#ffffff4d;transform:scale(1.1)}.photo-lightbox-close svg{width:24px;height:24px}.photo-lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.photo-lightbox-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000080}.photo-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10001;transition:all var(--transition-fast)}.photo-lightbox-nav:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.photo-lightbox-prev{left:-60px}.photo-lightbox-next{right:-60px}.photo-lightbox-nav svg{width:24px;height:24px}.photo-lightbox-counter{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);padding:8px 16px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:var(--text-body-sm);font-weight:600;border-radius:var(--radius-full);white-space:nowrap}@media (max-width: 768px){.photo-gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-sm)}.photo-lightbox-overlay{padding:var(--space-md)}.photo-lightbox-prev{left:10px}.photo-lightbox-next{right:10px}.photo-lightbox-nav{width:40px;height:40px}.photo-lightbox-nav svg{width:20px;height:20px}.photo-lightbox-counter{bottom:10px}}@media (max-width: 480px){.photo-gallery{grid-template-columns:repeat(3,1fr)}.photo-lightbox-close{top:10px;right:10px;width:36px;height:36px}.photo-lightbox-close svg{width:20px;height:20px}.photo-gallery-overlay{opacity:1;background:#0000004d}.photo-gallery-overlay svg{width:24px;height:24px}}.user-review-card{padding:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-md)}.user-review-header{display:flex;gap:var(--space-md)}.user-review-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.user-review-avatar img{width:100%;height:100%;object-fit:cover}.user-review-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--purple-400),var(--purple-600));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:#fff}.user-review-info{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.user-review-name-row{display:flex;align-items:center;gap:var(--space-sm)}.user-review-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.silverspoon-badge{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--purple-600)}.silverspoon-badge svg{width:100%;height:100%}.user-review-meta{display:flex;align-items:center;gap:var(--space-md)}.user-review-date{font-size:var(--text-caption);color:var(--text-muted)}.user-review-text{font-size:var(--text-body);line-height:1.6;color:var(--text-primary);margin:0;white-space:pre-wrap}.user-review-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.user-review-tag{padding:4px 10px;font-size:var(--text-sm);font-weight:500;color:var(--purple-700);background:var(--purple-50);border:1px solid var(--purple-200);border-radius:var(--radius-full)}.user-review-recommend{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-caption);font-weight:500;color:var(--success);background:#d1fae5;border:1px solid #6ee7b7;border-radius:var(--radius-full);width:fit-content}.user-review-recommend svg{width:16px;height:16px}.user-review-visit-date{font-size:var(--text-sm);color:var(--text-muted);font-style:italic}@media (max-width: 480px){.user-review-card{padding:var(--space-md)}.user-review-avatar{width:40px;height:40px}.user-review-name{font-size:var(--text-body)}.user-review-text{font-size:var(--text-body-sm)}}.atq-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001;display:flex;align-items:flex-end;justify-content:center;padding:0;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}@media (min-width: 768px) and (max-width: 1023px){.atq-overlay{align-items:center;padding:20px;padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}@media (min-width: 1024px){.atq-overlay{align-items:center;padding:20px}}.atq-modal{background:#fff;width:100%;max-width:420px;max-height:calc(100vh - 90px - env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;overflow:hidden;display:flex;flex-direction:column}@media (min-width: 768px){.atq-modal{border-radius:24px}}.atq-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #f0f0f0}.atq-restaurant-info{display:flex;align-items:center;gap:12px}.atq-restaurant-photo{width:48px;height:48px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#7c3aed,#a855f7);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--text-lg)}.atq-restaurant-photo img{width:100%;height:100%;object-fit:cover}.atq-restaurant-name{font-size:var(--text-base);font-weight:600;color:var(--silver-900);margin:0}.atq-restaurant-type{font-size:var(--text-caption);color:var(--silver-500);margin:2px 0 0}.atq-close{width:44px;height:44px;border-radius:50%;border:none;background:#f5f5f5;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,box-shadow .2s}.atq-close:hover{background:#e5e5e5}.atq-close:focus-visible{outline:none;box-shadow:0 0 0 3px #7c3aed66}.atq-close svg{width:20px;height:20px;color:var(--silver-500)}.atq-steps{display:flex;align-items:center;justify-content:center;padding:16px 20px;gap:8px}.atq-step{display:flex;align-items:center;gap:6px;opacity:.4}.atq-step.active,.atq-step.done{opacity:1}.atq-step-num{width:24px;height:24px;border-radius:50%;background:#e5e5e5;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;color:var(--silver-500)}.atq-step.active .atq-step-num{background:#7c3aed;color:#fff}.atq-step.done .atq-step-num{background:#10b981;color:#fff}.atq-step-label{font-size:var(--text-caption);font-weight:500;color:var(--silver-500)}.atq-step.active .atq-step-label{color:var(--purple-700)}.atq-step-line{width:40px;height:2px;background:#e5e5e5}.atq-content{flex:1;padding:0 20px 20px;overflow-y:auto}.atq-prompt{font-size:var(--text-body);font-weight:500;color:var(--silver-900);margin:0 0 16px;text-align:center}.atq-occasions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.atq-occasion-btn{padding:14px 16px;border-radius:12px;border:2px solid #e5e5e5;background:#fff;cursor:pointer;transition:all .2s;text-align:center}.atq-occasion-btn:hover{border-color:var(--occasion-color, #7c3aed);background:color-mix(in srgb,var(--occasion-color, #7c3aed) 10%,white)}.atq-occasion-btn:focus-visible{outline:none;border-color:var(--occasion-color, #7c3aed);box-shadow:0 0 0 3px #7c3aed4d}.atq-occasion-btn.selected{border-color:var(--occasion-color, #7c3aed);background:color-mix(in srgb,var(--occasion-color, #7c3aed) 15%,white)}.atq-occasion-btn.custom{border-style:dashed;color:var(--silver-500)}.atq-occasion-label{font-size:var(--text-body-sm);font-weight:500;color:inherit}.atq-custom-input{text-align:center}.atq-custom-input input{width:100%;padding:14px 16px;border:2px solid #e5e5e5;border-radius:12px;font-size:var(--text-body);margin-bottom:16px;transition:border-color .2s}.atq-custom-input input:focus{outline:none;border-color:var(--purple-700)}.atq-custom-actions{display:flex;gap:10px}.atq-custom-actions button{flex:1;padding:12px;border-radius:10px;font-size:var(--text-body-sm);font-weight:500;cursor:pointer;border:none;background:#f5f5f5;color:var(--silver-500);transition:all .2s}.atq-custom-actions button.primary{background:#7c3aed;color:#fff}.atq-custom-actions button:focus-visible{outline:none;box-shadow:0 0 0 3px #7c3aed66}.atq-custom-actions button:disabled{opacity:.5;cursor:not-allowed}.atq-quick-dates{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.atq-quick-btn{padding:10px 8px;border-radius:10px;border:2px solid #e5e5e5;background:#fff;font-size:var(--text-sm);font-weight:500;color:var(--silver-500);cursor:pointer;transition:all .2s}.atq-quick-btn:hover{border-color:var(--purple-700);color:var(--purple-700)}.atq-quick-btn.selected{border-color:var(--purple-700);background:#7c3aed;color:#fff}.atq-quick-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #7c3aed66}.atq-quick-btn.small{padding:8px 6px;font-size:var(--text-xs)}.atq-date-input{width:100%;padding:12px 14px;border:2px solid #e5e5e5;border-radius:10px;font-size:var(--text-body-sm);color:var(--silver-800);margin-bottom:8px}.atq-date-input:focus{outline:none;border-color:var(--purple-700)}.atq-date-preview{text-align:center;font-size:var(--text-body-sm);font-weight:500;color:var(--purple-700);margin:8px 0 16px}.atq-quick-times{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.atq-reminder{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f8f5ff;border-radius:10px;cursor:pointer;font-size:var(--text-caption);color:var(--purple-700)}.atq-reminder input{width:18px;height:18px;accent-color:var(--purple-700)}.atq-reminder svg{width:18px;height:18px}.atq-actions{display:flex;gap:10px;padding:16px 20px;border-top:1px solid #f0f0f0;flex-shrink:0}.atq-skip{flex:1;padding:14px;border:none;background:transparent;color:var(--silver-500);font-size:var(--text-body-sm);font-weight:500;cursor:pointer;text-decoration:underline;border-radius:8px;transition:box-shadow .2s}.atq-skip:focus-visible{outline:none;box-shadow:0 0 0 3px #7c3aed4d}.atq-back{padding:14px 20px;border:2px solid #e5e5e5;border-radius:12px;background:#fff;color:var(--silver-500);font-size:var(--text-body-sm);font-weight:500;cursor:pointer;transition:box-shadow .2s}.atq-back:focus-visible{outline:none;box-shadow:0 0 0 3px #7c3aed66}.atq-confirm{flex:1;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-size:var(--text-body-sm);font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.atq-confirm:focus-visible{outline:none;box-shadow:0 0 0 3px #7c3aed80}.atq-confirm:active{transform:scale(.98)}.atmosphere-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.atmosphere-tags-clean .atmosphere-tag{padding:6px 12px;background:var(--silver-50);border:1px solid var(--silver-200)}.atmosphere-tags-clean .atmosphere-tag-label{font-size:var(--text-sm);font-weight:500;letter-spacing:.01em}.atmosphere-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--silver-100);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-caption);color:var(--text-secondary);transition:all var(--transition-fast)}.atmosphere-tag:hover{background:var(--purple-50);color:var(--primary)}.atmosphere-tag-icon{font-size:var(--text-body-sm);line-height:1}.atmosphere-tag-label{font-weight:450;letter-spacing:-.01em}.atmosphere-tags-compact{gap:6px}.atmosphere-tags-compact .atmosphere-tag{padding:6px 10px;border-radius:var(--radius-md)}.atmosphere-tags-compact .atmosphere-tag-icon{font-size:var(--text-caption)}.atmosphere-tag-more{font-size:var(--text-sm);font-weight:500;color:var(--text-muted);background:transparent;padding:6px 8px}.atmosphere-section{margin-top:var(--space-xl)}.atmosphere-section-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.atmosphere-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0}.service-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--silver-50);border:1px solid var(--silver-200);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.service-badge.active{background:var(--success);background:linear-gradient(135deg,var(--success) 0%,#059669 100%);border-color:transparent;color:#fff}.meal-types{display:flex;gap:6px;flex-wrap:wrap}.meal-type-pill{padding:4px 12px;background:var(--purple-50);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--primary)}.neighborhood-context{padding:var(--space-md) 0;margin-bottom:var(--space-xl)}.neighborhood-landmark{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.neighborhood-icon{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.neighborhood-landmark-text{font-size:var(--text-body-sm);font-weight:500;color:var(--text-secondary)}.neighborhood-summary{font-size:var(--text-body-sm);line-height:1.6;color:var(--text-muted);margin:0}.neighborhood-nearby{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border)}.nearby-item{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-muted)}.nearby-distance{color:var(--text-muted);opacity:.7}.location-hint{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:4px 0;width:fit-content}.location-hint-icon{width:13px;height:13px;color:var(--text-muted, #9ca3af);flex-shrink:0;opacity:.7}.location-hint-text{font-size:var(--text-sm);font-weight:400;color:var(--text-muted, #9ca3af);letter-spacing:-.01em}html.dark-mode .location-hint-icon,html.dark-mode .location-hint-text{color:var(--text-muted, rgba(255, 255, 255, .5))}.relocation-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background:var(--gold-50);border:1px solid var(--gold);border-radius:var(--radius-lg);margin-bottom:var(--space-md)}.relocation-content{display:flex;align-items:flex-start;gap:var(--space-sm);flex:1;min-width:0}.relocation-icon{width:20px;height:20px;color:var(--gold-dark);flex-shrink:0;margin-top:1px}.relocation-text{display:flex;flex-direction:column;gap:2px;min-width:0}.relocation-title{font-size:var(--text-body-sm);font-weight:600;color:var(--gold-800)}.relocation-detail{font-size:var(--text-caption);color:#a16207;line-height:1.4}.relocation-action{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:#fbbf24;border:none;border-radius:var(--radius-md);font-size:var(--text-caption);font-weight:500;color:var(--gold-900);cursor:pointer;transition:background .15s ease;white-space:nowrap;flex-shrink:0}.relocation-action:hover{background:var(--gold)}.relocation-action svg{width:12px;height:12px}@media (max-width: 480px){.relocation-banner{flex-direction:column;align-items:flex-start}.relocation-action{align-self:flex-end;margin-top:var(--space-xs)}}.menu-highlights{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border-subtle, rgba(0, 0, 0, .06))}.menu-highlights-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.menu-highlights-title{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.gemini-badge{display:inline-flex;align-items:center;padding:2px}.gemini-icon{width:18px;height:18px}.menu-highlights-list{display:flex;flex-direction:column;gap:var(--space-sm)}.menu-highlight-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle, rgba(0, 0, 0, .04))}.menu-highlight-item:last-child{border-bottom:none;padding-bottom:0}.menu-highlight-name{font-family:var(--font-body);font-size:var(--text-body);font-weight:500;color:var(--text-primary)}.menu-highlight-count{font-family:var(--font-body);font-size:var(--text-caption);color:var(--text-secondary);background:var(--silver-100);padding:4px 10px;border-radius:var(--radius-full)}.gemini-attribution{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-md);text-align:center}.menu-highlights-compact{margin-top:0;padding:var(--space-sm);background:transparent;border:none;border-radius:0}.menu-highlights-compact .menu-highlights-list{flex-direction:row;flex-wrap:wrap;gap:6px}.menu-highlights-compact .menu-highlight-item{padding:4px 10px;background:var(--silver-100);border-radius:var(--radius-full);border-bottom:none}.menu-highlights-compact .menu-highlight-name{font-size:var(--text-caption)}.menu-highlights-compact .menu-highlight-count{font-size:var(--text-xs);background:transparent;padding:0 0 0 6px;color:var(--text-muted)}.gemini-summary{margin-top:var(--space-lg);padding:var(--space-lg);background:linear-gradient(135deg,var(--purple-50) 0%,rgba(124,58,237,.04) 100%);border-radius:var(--radius-xl);border:1px solid var(--purple-100)}.gemini-summary-content{display:flex;gap:var(--space-sm);align-items:flex-start}.gemini-summary-content .gemini-icon{flex-shrink:0;margin-top:2px}.gemini-summary-text{font-family:var(--font-body);font-size:var(--text-body);line-height:1.6;color:var(--text-primary);margin:0}.gemini-summary .gemini-attribution{text-align:left;margin-top:var(--space-sm);padding-left:26px}.venue-details{display:flex;flex-direction:column;gap:var(--space-md);margin:0 0 40px}.hours-card{background:var(--surface-secondary, #f8f9fa);border-radius:var(--radius-lg);padding:var(--space-md);overflow:hidden}.hours-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:0;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-light, rgba(0, 0, 0, .06))}.hours-toggle{width:100%;background:none;border:none;cursor:pointer}.hours-chevron{transition:transform .2s ease;color:var(--text-muted);flex-shrink:0}.hours-chevron.expanded{transform:rotate(180deg)}.hours-today-summary{display:flex;justify-content:space-between;align-items:center;padding:10px 10px 4px}.hours-today-label{font-size:var(--text-caption);font-weight:600;color:var(--text-primary)}.hours-today-time{font-size:var(--text-caption);font-weight:500;color:var(--text-secondary)}.hours-grid{margin-top:var(--space-sm)}.hours-card-header .venue-icon{width:18px;height:18px;color:var(--text-muted)}.hours-card-title{font-size:var(--text-body);font-weight:600;color:var(--text-primary);flex:1}.hours-status{font-size:var(--text-sm);font-weight:600;padding:4px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px}.hours-status.open{background:#22c55e1f;color:#15803d}.hours-status.closed{background:#ef44441a;color:var(--error)}.hours-grid{display:grid;gap:2px}.hours-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:var(--radius-sm);transition:background .15s ease}.hours-row:hover{background:#00000005}.hours-row-today{background:#6b21a80a;border-left:2px solid rgba(124,58,237,.5);font-weight:500}.hours-row-today:hover{background:#6b21a80f}.hours-row .hours-day{font-size:var(--text-caption);font-weight:500;color:var(--text-secondary);min-width:36px}.hours-row-today .hours-day{color:var(--text-primary);font-weight:600}.hours-row .hours-time{font-size:var(--text-caption);color:var(--text-muted);text-align:right}.hours-row-today .hours-time{color:var(--text-primary);font-weight:500}.special-hours{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-light, rgba(0, 0, 0, .06));display:flex;flex-direction:column;gap:var(--space-xs)}.special-hours-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#6b21a80a;border-radius:var(--radius-sm)}.special-hours-type{font-size:var(--text-caption);font-weight:600;color:var(--primary)}.special-hours-time{font-size:var(--text-caption);color:var(--text-muted)}.venue-info-pills{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.info-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--surface-secondary, #f8f9fa);border-radius:var(--radius-full);font-size:var(--text-caption);color:var(--text-secondary)}.info-pill .venue-icon{width:14px;height:14px;color:var(--text-muted)}.info-pill-warning{background:var(--gold-50);color:var(--gold-800);font-weight:500}.info-pill-warning .venue-icon{color:var(--gold-600)}.accessibility-section{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--surface-secondary, #f8f9fa);border-radius:var(--radius-md);font-size:var(--text-caption);color:var(--text-muted);line-height:1.4}.accessibility-section .venue-icon{width:16px;height:16px;color:var(--text-muted);flex-shrink:0;margin-top:1px}.venue-icon{flex-shrink:0}html.dark-mode .price-range-display{background:linear-gradient(135deg,#a78bfa1a,#8b5cf60f);border-color:#a78bfa26}html.dark-mode .hours-card{background:var(--surface-secondary, rgba(255, 255, 255, .06))}html.dark-mode .hours-card-header{border-bottom-color:#ffffff14}html.dark-mode .hours-status.open{background:#22c55e26;color:#4ade80}html.dark-mode .hours-status.closed{background:#ef444426;color:#f87171}html.dark-mode .hours-row:hover{background:#ffffff08}html.dark-mode .hours-row-today{background:#6b21a814;border-left:2px solid rgba(167,139,250,.6)}html.dark-mode .info-pill{background:var(--surface-secondary, rgba(255, 255, 255, .06))}html.dark-mode .info-pill-warning{background:#fbbf2426;color:var(--gold-light)}html.dark-mode .accessibility-section{background:var(--surface-secondary, rgba(255, 255, 255, .06))}@media (max-width: 480px){.hours-card{padding:var(--space-sm) var(--space-md)}.hours-row{padding:6px 8px}.hours-row .hours-day,.hours-row .hours-time{font-size:var(--text-sm)}.venue-info-pills{gap:var(--space-xs)}.info-pill{padding:6px 12px;font-size:var(--text-sm)}}.restaurant-detail{min-height:100vh;min-height:100dvh;background:var(--background)}.detail-header-minimal{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);padding-top:calc(env(safe-area-inset-top,16px) + var(--space-sm, 8px));z-index:100;pointer-events:none}.back-btn-floating{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fffffffa;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 16px #00000026;transition:all var(--transition-fast);pointer-events:auto}.back-btn-floating:hover{transform:scale(1.08);box-shadow:0 6px 20px #0003}.back-btn-floating svg{width:28px;height:28px;color:var(--text-primary);stroke-width:2.5}.not-feeling-it-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);margin-top:var(--space-md);font-family:var(--font-body);font-size:var(--text-body);font-weight:500;color:var(--error);background:linear-gradient(135deg,var(--error-light) 0%,#fee2e2 100%);border:2px solid var(--error-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.not-feeling-it-btn:hover{background:linear-gradient(135deg,#fee2e2 0%,var(--error-border) 100%);border-color:#f87171;transform:translateY(-1px);box-shadow:0 4px 12px #dc262626}.not-feeling-it-btn svg{width:18px;height:18px;flex-shrink:0}.not-feeling-it-btn span{line-height:1.2}.detail-main{padding:var(--space-lg) var(--space-xl);padding-top:60px;max-width:900px;margin:0 auto}.hero-image-section{margin:0 calc(-1 * var(--space-xl));margin-top:-60px;margin-bottom:36px}.hero-carousel{position:relative}.hero-image-container{position:relative;width:100%;height:70vh;min-height:420px;max-height:600px;overflow:hidden;cursor:pointer}.hero-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.hero-image-container:hover .hero-image{transform:scale(1.02)}.photo-click-hint{position:absolute;top:var(--space-md);right:var(--space-md);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:50%;opacity:0;transition:opacity .2s ease}.photo-click-hint svg{width:18px;height:18px;color:#fff}.hero-image-container:hover .photo-click-hint{opacity:1}.hero-overlay-badge{position:absolute;bottom:var(--space-md);left:var(--space-md);padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);font-weight:600;color:#fff;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full)}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 12px #0003;transition:all var(--transition-fast);z-index:10}.carousel-btn:hover{background:#fff;transform:translateY(-50%) scale(1.05)}.carousel-btn svg{width:20px;height:20px;color:var(--text-primary)}.carousel-prev{left:var(--space-md)}.carousel-next{right:var(--space-md)}.carousel-dots{position:absolute;bottom:var(--space-md);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:#00000080;border-radius:var(--radius-full)}.carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;transition:all var(--transition-fast);padding:10px;background-clip:content-box;-webkit-background-clip:content-box}.carousel-dot:hover,.carousel-dot.active{background:#fff;transform:scale(1.2)}.carousel-more{font-size:var(--text-xs);color:#fffc;margin-left:2px}.hero-emoji-large{display:flex;align-items:center;justify-content:center;height:200px;font-size:5rem;background:linear-gradient(135deg,var(--purple-50) 0%,var(--purple-100) 100%);border-radius:var(--radius-xl);margin:0 var(--space-md)}.restaurant-name-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-sm)}.restaurant-name-row .restaurant-name{margin:0}.restaurant-name{font-family:var(--font-display);font-size:3.5rem;font-weight:800;color:var(--text-primary);margin:0 0 10px;line-height:1.05;letter-spacing:-.03em;overflow-wrap:break-word;word-break:break-word}.featured-badge-detail{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--gold-dark);background:linear-gradient(135deg,var(--gold-50),var(--gold-100));border:1px solid var(--gold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.featured-badge-detail svg{width:12px;height:12px;color:var(--gold)}.restaurant-address{font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--text-muted);margin:0 0 var(--space-md) 0;line-height:1.4}.section-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.06) 20%,rgba(0,0,0,.06) 80%,transparent 100%);margin:var(--space-lg) 0}.why-this-pick-wrapper{margin:0 0 36px}.why-this-pick-wrapper.why-this-pick-top{margin-top:20px;margin-bottom:32px;padding:16px 18px;background:var(--surface-secondary, #f8f9fa);border-radius:12px}.why-this-pick-wrapper.ai-enhanced{display:flex;align-items:flex-start;gap:var(--space-sm)}.why-this-pick-wrapper .ai-badge-small{font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--purple-600);background:linear-gradient(135deg,#8b5cf626,#6366f126);padding:2px 6px;border-radius:var(--radius-full);flex-shrink:0;margin-top:2px}.why-this-pick{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-secondary);line-height:1.5;margin:0}.vibe-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.vibe-chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-size:var(--text-caption);font-weight:500;color:var(--purple-700);background:var(--purple-100);border-radius:var(--radius-full)}.vibe-icon{font-size:var(--text-body-sm)}.vibe-label{font-weight:600}.service-options-row{margin:var(--space-md) 0}.rating-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-sm)}.rating-badge{display:inline-flex;align-items:center;gap:2px;padding:var(--space-xs) var(--space-sm);background:var(--gold-50);border-radius:var(--radius-md)}.rating-star{color:var(--gold);font-size:var(--text-body-sm)}.rating-value{font-family:var(--font-display);font-size:var(--text-body);font-weight:700;color:var(--gold-800)}.review-count{font-size:var(--text-body-sm);color:var(--text-muted)}.price-badge{font-size:var(--text-body-sm);font-weight:600;color:var(--success)}.status-badge{font-size:var(--text-sm);font-weight:600;padding:2px var(--space-sm);border-radius:var(--radius-full)}.status-badge.open{color:#065f46;background:#d1fae5}.status-badge.closed{color:#991b1b;background:#fee2e2}.distance-eta{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-body);color:var(--text-secondary);margin:0 0 var(--space-sm) 0}.distance-icon{width:16px;height:16px;color:var(--text-muted)}.context-nudge{font-size:var(--text-body-sm);font-weight:500;font-style:italic;color:var(--purple-600);margin:0 0 var(--space-lg) 0}.context-nudge-inline{font-style:italic;color:var(--purple-600);font-weight:500}.at-a-glance-card{background:var(--surface);border-radius:16px;padding:20px 24px;margin-bottom:56px;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008;border:1px solid rgba(0,0,0,.04)}.glance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}.glance-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(0,0,0,.06)}.glance-chip{font-size:.75rem;font-weight:500;color:var(--text-muted);padding:4px 10px;background:#0000000a;border-radius:100px;white-space:nowrap}.glance-chip-warning{background:#dc35451a;color:#c0392b;font-weight:600}html.dark-mode .glance-chip-warning{background:#dc354533;color:#e74c3c}.glance-chip-friends{background:#7c3aed1a;color:#7c3aed;font-weight:600}html.dark-mode .glance-chip-friends{background:#7c3aed33;color:#a78bfa}.glance-chips .atmosphere-tags{display:contents}.glance-chips .atmosphere-tag{font-size:.75rem;font-weight:500;color:var(--text-muted);padding:4px 10px;background:#0000000a;border-radius:100px;border:none}.glance-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:12px;transition:background .15s ease}.glance-item:hover{background:#00000005}.glance-value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;display:flex;align-items:center;gap:2px}.glance-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.glance-rating .glance-value{color:var(--text-primary)}.glance-rating .rating-star{color:#ffb800;font-size:var(--text-base);margin-right:2px}.glance-status.status-open .glance-value{color:var(--success)}.glance-status.status-closed .glance-value{color:var(--error)}@media (max-width: 480px){.glance-grid{grid-template-columns:repeat(2,1fr);gap:12px}.glance-value{font-size:var(--text-lg)}.glance-label{font-size:var(--text-xs)}.at-a-glance-card{padding:16px 20px}}.know-before-you-go-v2{background:var(--surface);border-radius:16px;padding:20px 24px;margin-bottom:56px;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008;border:1px solid rgba(0,0,0,.04)}.know-before-you-go-v2 .kbyg-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.know-before-you-go-v2 .kbyg-tips{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.know-before-you-go-v2 .kbyg-tip{display:flex;align-items:flex-start;gap:14px;font-size:var(--text-body);color:#3c3c43;line-height:1.5}.know-before-you-go-v2 .kbyg-tip .tip-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;flex-shrink:0;background:#7c3aed0f;border-radius:10px}.know-before-you-go-v2 .kbyg-tip .tip-icon svg{width:18px;height:18px;color:var(--text-secondary)}.know-before-you-go-v2 .kbyg-tip .tip-text{flex:1;color:var(--text-primary);font-weight:400}.know-before-you-go-v2 .kbyg-tip .tip-text strong{font-weight:600}@media (max-width: 480px){.know-before-you-go-v2{padding:16px 20px}.know-before-you-go-v2 .kbyg-tip{font-size:var(--text-body-sm)}.know-before-you-go-v2 .kbyg-tip .tip-icon{width:32px;height:32px;min-width:32px}}.kbyg-venue-divider{height:1px;background:#0000000f;margin:18px 0}.know-before-you-go-v2 .venue-details{margin:0}.know-before-you-go-v2 .hours-card{background:transparent;padding:0;box-shadow:none}.know-before-you-go-v2 .kbyg-tips.collapsed{position:relative;overflow:hidden}.know-before-you-go-v2 .kbyg-tips.collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:48px;background:linear-gradient(transparent,var(--surface, #fff));pointer-events:none}.kbyg-expand-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 0 2px;background:none;border:none;cursor:pointer;font-size:var(--text-caption);font-weight:600;color:var(--purple-600, #7c3aed);letter-spacing:.01em}.kbyg-expand-btn:hover{color:var(--purple-700, #6d28d9)}.vibe-atmosphere-section{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.vibe-atmosphere-section .vibe-chips{margin-bottom:0}.know-before-you-go{background:var(--surface);border-radius:16px;padding:20px;margin-bottom:var(--space-lg);box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008;border:1px solid rgba(0,0,0,.04)}.kbyg-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.kbyg-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#7c3aed14;border-radius:8px}.kbyg-icon svg{width:18px;height:18px;color:var(--text-secondary)}.kbyg-title{font-family:var(--font-display);font-size:var(--text-body);font-weight:600;color:var(--text-primary);flex:1;letter-spacing:-.01em}.kbyg-header .ai-badge-small{font-size:var(--text-xs);padding:4px 8px;background:#0000000a;color:var(--text-secondary);border-radius:6px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.kbyg-tips{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.kbyg-tip{display:flex;align-items:flex-start;gap:12px;font-size:var(--text-body-sm);color:var(--text-primary);line-height:1.5}.kbyg-tip .tip-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;flex-shrink:0;background:#7c3aed14;border-radius:8px}.kbyg-tip .tip-icon svg{width:18px;height:18px;color:var(--text-secondary)}.kbyg-tip .tip-text{flex:1;color:#3c3c43}.primary-actions{margin-bottom:var(--space-xl)}.primary-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;font-family:var(--font-display);font-size:var(--text-md);font-weight:600;letter-spacing:-.01em;color:#fff;background:#007aff;border:none;border-radius:14px;text-decoration:none;cursor:pointer;box-shadow:none;transition:all .15s ease;margin-bottom:var(--space-md)}.primary-cta:hover{background:#0066d6;transform:none}.primary-cta:active{background:#0055b3;transform:scale(.98)}.primary-cta svg{width:20px;height:20px}.actions-section{display:flex;flex-direction:column;gap:0;margin-bottom:56px}.cta-stack{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.cta-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px 24px;font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:#fff;background:var(--primary-purple, #7c3aed);border:none;border-radius:16px;text-decoration:none;cursor:pointer;transition:all .15s ease}.cta-primary svg{width:20px;height:20px}.cta-primary:hover{background:var(--purple-700, #6d28d9)}.cta-primary:active{background:var(--purple-800, #5b21b6);transform:scale(.98)}.cta-secondary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);background:transparent;border:1.5px solid #d1d1d6;border-radius:16px;text-decoration:none;cursor:pointer;transition:all .15s ease}.cta-secondary svg{width:18px;height:18px;color:var(--primary-purple, #7c3aed)}.cta-secondary:hover{background:#f8f8fa;border-color:#c0c0c5}.cta-secondary:active{background:#f0f0f5;transform:scale(.98)}.cta-scan-menu{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--primary-purple, #7c3aed);background:#7c3aed14;border:1.5px solid rgba(124,58,237,.25);border-radius:16px;cursor:pointer;transition:all .15s ease}.cta-scan-menu svg{width:18px;height:18px;flex-shrink:0}.cta-scan-menu-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.cta-scan-menu-subtitle{font-size:.75rem;font-weight:400;opacity:.7}.cta-scan-menu:hover{background:#7c3aed24;border-color:#7c3aed66}.cta-scan-menu:active{transform:scale(.98)}.cta-scan-menu:disabled{opacity:.6;cursor:wait}html.dark-mode .cta-scan-menu{background:#7c3aed26;border-color:#7c3aed4d;color:#a78bfa}.menu-scan-results{background:var(--card-bg, #fff);border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:20px;margin-top:16px}.menu-scan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.menu-scan-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.menu-scan-type{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--primary-purple, #7c3aed);background:#7c3aed14;padding:3px 10px;border-radius:100px}.menu-scan-summary{font-size:.85rem;color:var(--text-secondary);margin:0 0 18px;line-height:1.45}.menu-scan-dishes{display:flex;flex-direction:column;gap:0}.menu-scan-dish{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid rgba(0,0,0,.05);flex-wrap:wrap}.menu-scan-dish-photo{width:100%;height:120px;border-radius:10px;overflow:hidden;margin-bottom:4px}.menu-scan-dish-photo img{width:100%;height:100%;object-fit:cover}.menu-scan-dish:last-child{padding-bottom:0;border-bottom:none}.menu-scan-dish-rank{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--text-muted);background:#0000000a;border-radius:50%;margin-top:2px}.menu-scan-top-pick .menu-scan-dish-rank{color:#fff;background:var(--primary-purple, #7c3aed)}.menu-scan-dish-content{flex:1;min-width:0}.menu-scan-top-label{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-purple, #7c3aed);margin-bottom:2px}.menu-scan-dish-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px}.menu-scan-dish-name{font-size:.95rem;font-weight:700;color:var(--text-primary)}.menu-scan-dish-price{font-size:.85rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.menu-scan-dish-reason{font-size:.82rem;color:var(--text-secondary);margin:0;line-height:1.45}.menu-scan-flags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.menu-scan-flag{font-size:.72rem;font-weight:500;color:#c0392b;background:#dc354514;padding:2px 8px;border-radius:100px}.menu-scan-error{font-size:.85rem;color:#c0392b;text-align:center;margin:12px 0 0}html.dark-mode .menu-scan-results{background:var(--card-bg, #1c1c1e);border-color:#ffffff1a}html.dark-mode .menu-scan-dish{border-color:#ffffff14}html.dark-mode .menu-scan-dish-rank{background:#ffffff14}html.dark-mode .menu-scan-flag{background:#dc354526;color:#e74c3c}html.dark-mode .menu-scan-type{background:#7c3aed33}.try-another-link{text-align:center;font-size:.9rem;color:var(--text-muted, #8e8e93);margin:4px 0 0}.try-another-btn{background:none;border:none;color:var(--primary-purple, #7c3aed);font-size:.9rem;font-weight:600;font-style:italic;cursor:pointer;padding:0;transition:opacity .15s ease}.try-another-btn:hover{opacity:.7}.actions-divider{height:1px;background:#e5e5ea;margin:32px 0}.actions-group{display:flex;flex-direction:column;gap:14px}.actions-group-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0}.actions-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 10px;font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--text-primary);background:#f2f2f7;border:none;border-radius:14px;text-decoration:none;cursor:pointer;transition:all .15s ease;min-height:auto}.action-card svg{width:20px;height:20px;color:var(--text-primary);transition:all .15s ease}.action-card:hover:not(:disabled){background:#e5e5ea;transform:none}.action-card:active:not(:disabled){background:#d1d1d6;transform:scale(.97)}.action-card:hover:not(:disabled) svg{color:var(--text-primary)}.action-card.active{color:var(--purple-700);background:#7c3aed1a}.action-card.active svg{color:var(--purple-600);fill:var(--purple-600)}.action-card:disabled,.action-card.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.action-card.reserve{color:var(--purple-700);background:#7c3aed14}.action-card.reserve svg{color:var(--purple-600)}.action-card.reserve:hover{background:#7c3aed26}.action-card.exclude{color:var(--text-primary)}.action-card.exclude svg{color:var(--text-primary)}.action-card.exclude:hover{color:var(--error);background:#ff3b3014}.action-card.exclude:hover svg{color:var(--error)}.primary-actions-row{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);min-height:52px;font-family:var(--font-display);font-size:.9rem;font-weight:600;border:2px solid;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.action-btn svg{width:18px;height:18px}.action-been{color:var(--purple-700);background:#fff;border-color:var(--purple-400)}.action-been:hover:not(:disabled){background:var(--purple-50);border-color:var(--purple-500);transform:translateY(-1px);box-shadow:0 2px 8px #7c3aed26}.action-been.active,.action-been:disabled{color:var(--success);background:#ecfdf5;border-color:var(--success);cursor:default}.action-been.active svg,.action-been:disabled svg{color:var(--success)}.action-another{color:var(--purple-700);background:#fff;border-color:var(--purple-400)}.action-another:hover{background:var(--purple-50);border-color:var(--purple-600);transform:translateY(-1px);box-shadow:0 2px 8px #7c3aed33}.secondary-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-xs);margin-bottom:var(--space-2xl, 3rem);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.secondary-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--space-sm) var(--space-xs);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);min-height:70px}.secondary-btn svg{width:24px;height:24px;color:var(--purple-500);transition:all var(--transition-fast)}.secondary-btn:hover{background:var(--purple-50);border-color:var(--purple-200);transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed1a}.secondary-btn:hover svg{color:var(--purple-600);transform:scale(1.1)}.secondary-btn.active{background:var(--purple-50);border-color:var(--purple-300)}.secondary-btn.active svg{color:var(--purple-600)}.secondary-btn:disabled{opacity:.5;cursor:default}.secondary-btn:disabled:hover{transform:none;box-shadow:none}.view-queue-card{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);margin-bottom:40px;background:linear-gradient(135deg,var(--purple-50) 0%,#f3e8ff 100%);border:1px solid var(--purple-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.view-queue-card:hover{background:linear-gradient(135deg,var(--purple-100) 0%,#ede4ff 100%);border-color:var(--purple-300);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed26}.queue-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--purple-600);border-radius:var(--radius-md);flex-shrink:0}.queue-card-icon svg{width:20px;height:20px;color:#fff}.queue-card-content{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.queue-card-title{font-family:var(--font-body);font-size:var(--text-body);font-weight:600;color:var(--purple-700)}.queue-card-subtitle{font-family:var(--font-body);font-size:var(--text-caption);color:var(--purple-500)}.queue-card-arrow{width:20px;height:20px;color:var(--purple-400);flex-shrink:0;transition:transform var(--transition-fast)}.view-queue-card:hover .queue-card-arrow{transform:translate(3px);color:var(--purple-600)}.secondary-btn.reserve-btn{background:linear-gradient(135deg,#da3743,#c62d38);color:#fff;border:none}.secondary-btn.reserve-btn svg{color:#fff}.secondary-btn.reserve-btn:hover{background:linear-gradient(135deg,#c62d38,#b02530);transform:translateY(-2px);box-shadow:0 4px 12px #da37434d}.secondary-btn.exclude-btn{color:var(--text-muted)}.secondary-btn.exclude-btn svg{color:var(--text-muted)}.secondary-btn.exclude-btn:hover{background:color-mix(in srgb,#ef4444 10%,var(--bg-primary));border-color:var(--error);color:var(--error)}.secondary-btn.exclude-btn:hover svg{color:var(--error)}.section-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;display:flex;align-items:center;gap:var(--space-sm);color:var(--text-primary);margin:0 0 var(--space-md) 0}.photo-gallery-section{margin:var(--space-2xl, 3rem) 0;padding-bottom:var(--space-xl);border-bottom:1px solid var(--border)}.photo-gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.gallery-photo-item{position:relative;aspect-ratio:4/3;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);cursor:pointer;min-height:140px}.gallery-photo-item.gallery-photo-large{grid-column:span 2;aspect-ratio:16/9;min-height:200px}.gallery-photo-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-photo-item:hover img{transform:scale(1.05)}.gallery-zoom-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0009;border-radius:50%;opacity:0;transition:opacity .2s ease}.gallery-zoom-hint svg{width:20px;height:20px;color:#fff}.gallery-photo-item:hover .gallery-zoom-hint{opacity:1}.gallery-more-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.reviews-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-xl);margin:var(--space-2xl, 3rem) 0}.people-love-section{align-self:start}.popular-items{display:flex;flex-direction:column;gap:var(--space-sm)}.popular-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-body);font-weight:500;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.popular-item:hover{border-color:var(--purple-200);background:var(--purple-50)}.popular-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:var(--text-sm);color:#fff;background:var(--purple-500);border-radius:50%}.what-people-love-section{margin:var(--space-xl) 0;padding:var(--space-xl);background:var(--surface);border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008}.what-people-love-title{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)!important}.what-people-love-title .ai-badge{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--text-secondary);background:#0000000a;padding:4px 8px;border-radius:6px;animation:none}.guest-insights-summary{font-size:var(--text-body);line-height:1.65;color:var(--text-secondary);margin:0 0 var(--space-xl) 0}.insights-subsection{margin-bottom:var(--space-xl)}.insights-subsection:last-child{margin-bottom:0}.insights-subsection-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 var(--space-sm) 0}.insights-headsup{background:linear-gradient(135deg,#fffbeb 0%,var(--gold-50) 100%);margin-left:calc(-1 * var(--space-xl));margin-right:calc(-1 * var(--space-xl));padding-left:var(--space-xl);padding-right:var(--space-xl);padding-top:var(--space-md);border-bottom:none}.insights-headsup .insights-subsection-title{color:var(--gold-dark)}.consensus-concerns-tags{display:flex;flex-wrap:wrap;gap:8px}.insights-footer{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid rgba(0,0,0,.06)}.read-all-reviews-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-caption);font-weight:500;color:var(--purple-600);text-decoration:none;transition:color .15s ease}.read-all-reviews-link:hover{color:var(--purple-700)}.read-all-reviews-link svg{width:14px;height:14px;transition:transform .15s ease}.read-all-reviews-link:hover svg{transform:translate(2px)}.reviews-count-text{font-size:var(--text-caption);color:var(--text-muted)}.recent-favs-section{margin:var(--space-xl) 0;padding:var(--space-lg);background:linear-gradient(135deg,var(--error-light) 0%,#fff7ed 50%,#fffbeb 100%);border-radius:var(--radius-xl);border:1px solid var(--error-border)}.recent-favs-title{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)!important}.recent-favs-title .title-icon{font-size:var(--text-xl);animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.recent-favs-subtitle{font-size:var(--text-body-sm);color:var(--text-secondary);margin:0 0 var(--space-lg) 0;font-style:italic}.recent-favs-list{display:flex;flex-direction:column;gap:var(--space-md)}.social-consensus{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid rgba(254,202,202,.5)}.consensus-praises{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.praise-tag{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#dcfce7,#d1fae5);border:1px solid #86efac;border-radius:20px;font-size:.8rem;color:#166534;font-weight:500}.praise-icon{font-size:var(--text-sm)}.consensus-vibes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-md)}.vibe-tag-small{padding:4px 10px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-radius:12px;font-size:var(--text-sm);color:#0369a1;font-weight:500}.consensus-concerns{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.concern-label{font-size:var(--text-sm);color:var(--gold-dark);font-weight:600}.concern-tag{padding:4px 10px;background:linear-gradient(135deg,var(--gold-50) 0%,var(--gold-100) 100%);border:1px solid #fcd34d;border-radius:12px;font-size:var(--text-sm);color:var(--gold-800)}.consensus-section{margin-bottom:var(--space-xl)}.consensus-section:last-child{margin-bottom:0}.consensus-section-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-md) 0;letter-spacing:-.01em}.consensus-list{display:flex;flex-direction:column;gap:var(--space-md)}.consensus-item{font-size:var(--text-body);color:var(--text-secondary);line-height:1.6;padding:0}.consensus-item strong{color:var(--text-primary);font-weight:600}.consensus-warnings{background:linear-gradient(135deg,#fffbeb 0%,var(--gold-50) 100%);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin-top:var(--space-md);border:1px solid #fcd34d;border-bottom:1px solid #fcd34d}.consensus-warnings .consensus-section-title{color:var(--gold-dark)}.consensus-warnings .consensus-item strong{color:var(--gold-800)}.warning-item{padding:0}.consensus-popular-dishes{margin-bottom:var(--space-lg)}.popular-dishes-title{font-size:var(--text-body-sm);font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-sm) 0}.popular-dishes-list{display:flex;flex-wrap:wrap;gap:8px}.popular-dish-tag{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:20px;font-size:.85rem;color:#c2410c;font-weight:500}.dish-icon{font-size:.9rem}.dishes-section{margin:var(--space-xl) 0;padding-bottom:var(--space-xl);border-bottom:1px solid var(--border)}.dishes-section .section-title{display:flex;align-items:center;gap:var(--space-sm)}.dishes-section .title-icon{font-size:var(--text-xl)}.dishes-subtitle{font-size:var(--text-body-sm);color:var(--text-secondary);margin-bottom:var(--space-lg)}.dishes-list{display:flex;flex-direction:column;gap:var(--space-md)}.reviews-section{margin:var(--space-xl) 0;padding-bottom:var(--space-xl);border-bottom:1px solid var(--border)}.reviews-list{display:flex;flex-direction:column;gap:var(--space-lg)}.review-card{padding:var(--space-lg);background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border)}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.review-author{display:flex;align-items:center;gap:var(--space-sm)}.author-photo{width:40px;height:40px;border-radius:50%;object-fit:cover}.author-photo-placeholder{width:40px;height:40px;border-radius:50%;background:var(--purple-100);color:var(--purple-600);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-base)}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{font-weight:600;color:var(--text-primary);font-size:var(--text-body)}.review-date{font-size:var(--text-caption);color:var(--text-muted)}.review-rating{font-size:var(--text-body-sm);color:var(--gold);letter-spacing:1px}.review-text{font-size:var(--text-body);color:var(--text-secondary);line-height:1.6;margin:0}.loading-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl)}.loading-section p{font-size:var(--text-body-sm);color:var(--text-muted);margin:0}.loading-spinner-small{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.ai-loading-dishes{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);color:var(--text-muted);font-size:var(--text-body-sm)}.ai-badge{margin-left:var(--space-xs);font-size:var(--text-body-sm);animation:pulse 2s ease-in-out infinite}.ai-gated-section{position:relative;background:var(--card-bg);border-radius:var(--radius-lg);margin:var(--space-lg) 0;overflow:hidden;border:1px solid var(--border)}.ai-gated-blur{padding:var(--space-xl);background:linear-gradient(135deg,#8a73ff14,#ffc67d14);filter:blur(2px);opacity:.6}.ai-gated-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.ai-gated-placeholder .placeholder-emoji{font-size:2.5rem}.ai-gated-placeholder .placeholder-text{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary)}.ai-gated-cta{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ai-gated-cta .ai-badge{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ai-gated-cta p{margin:0;color:var(--text-secondary);font-size:var(--text-body);text-align:center}.sign-in-cta{margin-top:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-weight:600;font-size:var(--text-body);cursor:pointer;transition:all var(--transition-fast)}.sign-in-cta:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #8a73ff4d}.address-section{padding:var(--space-lg) 0;border-top:1px solid var(--border);margin-top:var(--space-lg)}.address-text{font-size:var(--text-body-sm);color:var(--text-muted);text-align:center;margin:0}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-lg);padding:var(--space-lg)}.not-found h2{font-family:var(--font-display);color:var(--text-primary)}.not-found button{padding:var(--space-md) var(--space-xl);font-family:var(--font-body);font-weight:600;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer}@media (max-width: 768px){.detail-main{padding:var(--space-md);padding-top:60px}.reviews-grid{grid-template-columns:1fr;gap:var(--space-lg)}.photo-gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-photo-item.gallery-photo-large{grid-column:span 2;grid-row:span 1}.action-card{padding:14px 8px;font-size:.85rem;border-radius:12px}.action-card svg{width:20px;height:20px}}@media (max-width: 480px){.hero-image-container{min-height:360px;max-height:500px}.restaurant-name{font-size:2.75rem}.back-btn-floating{width:44px;height:44px}.back-btn-floating svg{width:22px;height:22px}.not-feeling-it-btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-caption)}.primary-cta{padding:var(--space-md);font-size:var(--text-base)}.actions-section{gap:10px}.cta-card{padding:12px 10px;font-size:var(--text-caption);border-radius:10px}.cta-card svg{width:16px;height:16px}.actions-grid{grid-template-columns:repeat(4,1fr);gap:6px}.action-card{font-size:var(--text-2xs);padding:var(--space-sm);border-radius:10px;min-height:64px;gap:4px}.action-card svg{width:18px;height:18px}.primary-actions-row{flex-direction:row;gap:var(--space-sm)}.action-btn{padding:var(--space-md) var(--space-sm);min-height:48px;font-size:var(--text-body-sm)}.secondary-actions{grid-template-columns:repeat(6,1fr);gap:3px}.secondary-btn{min-height:60px;padding:6px 2px;font-size:.5625rem}.secondary-btn svg{width:18px;height:18px}.photo-gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-photo-item.gallery-photo-large{grid-column:span 2;grid-row:span 1}.carousel-btn{width:36px;height:36px}.carousel-btn svg{width:16px;height:16px}}@media (max-width: 375px){.restaurant-name{font-size:2.25rem}.cta-primary,.cta-secondary{padding:14px 16px;font-size:1rem}}@media (min-width: 768px){.hero-image-container{min-height:480px;max-height:700px;border-radius:var(--radius-xl);margin:0 var(--space-md)}.detail-main{padding-top:80px}}.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-close{position:absolute;top:var(--space-lg);right:var(--space-lg);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);z-index:1001}.lightbox-close:hover{background:#fff3;transform:scale(1.1)}.lightbox-close svg{width:24px;height:24px;color:#fff}.lightbox-content{position:relative;display:flex;align-items:center;justify-content:center;padding:40px}.lightbox-image{max-width:95vw;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 25px 80px #0009;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #0000004d;z-index:1002}.lightbox-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.lightbox-nav:active{transform:translateY(-50%) scale(.95)}.lightbox-nav svg{width:28px;height:28px;color:var(--text-primary)}.lightbox-prev{left:max(20px,env(safe-area-inset-left,20px))}.lightbox-next{right:max(20px,env(safe-area-inset-right,20px))}.lightbox-counter{position:fixed;bottom:40px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--surface);background:#0009;padding:8px 20px;border-radius:20px;z-index:1002}@media (max-width: 768px){.lightbox-nav{width:50px;height:50px}.lightbox-nav svg{width:24px;height:24px}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-close{top:16px;right:16px;width:44px;height:44px}.lightbox-counter{bottom:30px}.lightbox-image{max-width:98vw;max-height:85vh}}.silverspoon-reviews-section{margin-bottom:var(--space-2xl);padding:var(--space-xl);background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:2px solid var(--purple-200);border-radius:var(--radius-xl)}.section-header-with-action{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.write-review-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:600;color:#fff;background:var(--purple-600);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.write-review-btn:hover{background:var(--purple-700);transform:translateY(-1px)}.write-review-btn svg{width:16px;height:16px}.review-form-container{background:#fff;padding:var(--space-xl);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);box-shadow:0 2px 8px #0000000d}.user-reviews-list{display:flex;flex-direction:column;gap:var(--space-md)}.no-reviews-message{text-align:center;padding:var(--space-xl);font-size:var(--text-body);color:var(--text-secondary);font-style:italic;margin:0}.silverspoon-badge-inline{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--purple-600);margin-left:var(--space-xs)}.silverspoon-badge-inline svg{width:100%;height:100%}.user-photos-section{margin-bottom:var(--space-2xl)}.share-btn-prominent{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;color:#fff!important;border:none!important;position:relative;overflow:hidden}.share-btn-prominent:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:share-shimmer 2s infinite}@keyframes share-shimmer{0%{left:-100%}to{left:100%}}.share-btn-prominent svg{color:#fff!important;stroke:#fff!important}.share-btn-prominent span{color:#fff!important;font-weight:600!important}.share-btn-prominent:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed59}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--purple-50) 0%,var(--surface) 100%)}.loading-background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.loading-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:pulse-orb 3s ease-in-out infinite}.orb-1{width:200px;height:200px;background:var(--purple-400);top:20%;left:10%}.orb-2{width:250px;height:250px;background:var(--purple-300);bottom:20%;right:10%;animation-delay:1.5s}@keyframes pulse-orb{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.2);opacity:.6}}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xl);padding:var(--space-xl);text-align:center;position:relative;z-index:1}.loading-animation{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.pulse-ring{position:absolute;width:100%;height:100%;border:2px solid var(--purple-300);border-radius:50%;animation:pulse-ring 2s ease-out infinite}.pulse-ring.delay-1{animation-delay:.6s}.pulse-ring.delay-2{animation-delay:1.2s}@keyframes pulse-ring{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.loading-icon{font-size:var(--text-6xl);z-index:1}.loading-text-container{min-height:60px;display:flex;align-items:center;justify-content:center}.loading-step{display:flex;align-items:center;gap:var(--space-sm)}.step-icon{font-size:var(--text-3xl)}.step-text{font-size:var(--text-lg);font-weight:500;color:var(--text-secondary)}.progress-container{width:100%;max-width:280px;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.progress-bar{width:100%;height:8px;background:var(--silver-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--purple-500) 0%,var(--purple-700) 100%);border-radius:var(--radius-full);box-shadow:0 0 10px #9333ea66}.progress-text{font-size:var(--text-body-sm);font-weight:600;color:var(--purple-700)}.loading-sources{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.sources-label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.sources-list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.source{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-weight:500;background:var(--surface);color:var(--text-secondary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);animation:source-pulse 2s ease-in-out infinite}.source:nth-child(2){animation-delay:.2s}.source:nth-child(3){animation-delay:.4s}.source:nth-child(4){animation-delay:.6s}.source:nth-child(5){animation-delay:.8s}@keyframes source-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.auth-screen{min-height:100vh;min-height:100dvh;width:100%;max-width:100vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--background) 0%,var(--silver-50) 100%);padding:var(--space-xl);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.auth-container{width:100%;max-width:540px;display:flex;flex-direction:column;align-items:center;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,20px);padding-left:var(--space-md);padding-right:var(--space-md);box-sizing:border-box;overflow:hidden}.auth-hero{text-align:center;margin-bottom:var(--space-2xl);width:100%;max-width:100%;overflow:hidden}.auth-logo{margin-bottom:var(--space-xl);display:flex;justify-content:center}.auth-app-icon{width:96px;height:96px;border-radius:22px;box-shadow:0 4px 16px #7c3aed33,0 0 0 3px #7c3aed14}.auth-headline{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--text-primary);line-height:1.4;margin:0;letter-spacing:-.01em}.auth-headline-sub{font-weight:400;color:var(--purple-600)}.auth-version{display:block;font-family:var(--font-body);font-size:var(--text-xs, 11px);color:var(--text-tertiary, #aaa);margin-top:var(--space-md);letter-spacing:.02em;width:100%;max-width:100%;box-sizing:border-box;text-align:center}.auth-value-props{width:100%;display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-2xl)}.value-prop{padding:var(--space-md) var(--space-lg);background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);border-left:3px solid var(--purple-400, #a78bfa);transition:all var(--transition-fast)}.value-prop:hover{background:var(--silver-50);border-color:var(--silver-200);border-left-color:var(--purple-600, #7c3aed)}.value-content{display:flex;flex-direction:column;gap:2px}.value-icon{font-size:18px;line-height:1;margin-right:6px}.value-title{font-weight:600;font-size:var(--text-md);color:var(--text-primary);display:flex;align-items:center}.value-desc{font-size:var(--text-body);color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.auth-cta{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.apple-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-md);width:100%;padding:var(--space-lg) var(--space-xl);background:#000;border:2px solid #000;border-radius:var(--radius-xl);font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;color:var(--surface);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #00000026}.apple-btn:hover:not(:disabled){background:#1a1a1a;box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.apple-btn:active:not(:disabled){transform:translateY(0)}.apple-btn:disabled{opacity:.6;cursor:not-allowed}.apple-icon{width:20px;height:20px}.google-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-md);width:100%;padding:var(--space-lg) var(--space-xl);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-xl);font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #0000000f}.google-btn:hover:not(:disabled){background:var(--silver-50);border-color:var(--silver-300);box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.google-btn:active:not(:disabled){transform:translateY(0)}.google-btn:disabled{opacity:.6;cursor:not-allowed}.google-icon{width:24px;height:24px}.auth-error{color:var(--error, #ef4444);font-size:var(--text-body);font-weight:500;padding:var(--space-sm) var(--space-md);background:#ef44441a;border-radius:var(--radius-md)}.auth-terms{font-size:var(--text-caption);color:var(--text-muted);text-align:center;max-width:300px;line-height:1.5}.skip-btn{background:transparent;border:none;padding:var(--space-md);font-family:var(--font-body);font-size:var(--text-body);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast)}.skip-btn:hover{color:var(--primary)}@media (max-width: 480px){.auth-screen{padding:var(--space-md);padding-top:max(env(safe-area-inset-top,16px),16px);align-items:flex-start;justify-content:flex-start}.auth-container{padding-top:var(--space-lg)}.auth-hero{margin-bottom:var(--space-xl)}.auth-logo{margin-bottom:var(--space-md)}.auth-app-icon{width:80px;height:80px;border-radius:18px}.auth-headline{font-size:var(--text-lg);white-space:normal;line-height:1.4}.auth-value-props{gap:var(--space-sm);margin-bottom:var(--space-xl)}.value-prop{padding:var(--space-sm) var(--space-md)}.value-title{font-size:var(--text-body)}.value-desc{font-size:var(--text-caption)}.auth-cta{margin-bottom:var(--space-md)}.apple-btn,.google-btn{padding:var(--space-md) var(--space-lg);font-size:var(--text-base)}.auth-terms{font-size:var(--text-sm)}.skip-btn{font-size:var(--text-body-sm);padding:var(--space-sm)}}@media (max-height: 667px){.auth-hero{margin-bottom:var(--space-lg)}.auth-logo{margin-bottom:var(--space-sm)}.auth-app-icon{width:64px;height:64px;border-radius:15px}.auth-headline{font-size:var(--text-base)}.auth-value-props{gap:var(--space-xs);margin-bottom:var(--space-lg)}.value-prop{padding:var(--space-xs) var(--space-sm)}}.share-queue-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.share-queue-modal{background:#fff;border-radius:20px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.06)}.share-modal-header h2{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0}.share-modal-header .close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0000000a;border:none;border-radius:50%;cursor:pointer;transition:background .2s}.share-modal-header .close-btn:hover{background:#00000014}.share-modal-header .close-btn svg{width:20px;height:20px;color:#6e6e73}.share-modal-content{padding:24px;display:flex;flex-direction:column;gap:24px}.share-preview{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:16px}.share-preview-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--purple-700) 0%,#a855f7 100%);border-radius:12px;display:flex;align-items:center;justify-content:center}.share-preview-icon svg{width:24px;height:24px;color:#fff}.share-preview-text{flex:1}.share-preview-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 4px}.share-preview-count{font-size:var(--text-body-sm);color:#6e6e73;margin:0}.qr-code-section{display:flex;flex-direction:column;align-items:center;gap:12px}.qr-code-label{font-size:var(--text-body-sm);font-weight:600;color:var(--text-primary);text-align:center}.qr-code-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px}.qr-code-frame{padding:16px;background:#fff;border:3px solid var(--purple-700);border-radius:20px;box-shadow:0 4px 20px #7c3aed26}.qr-code-hint{font-size:var(--text-sm);color:#6e6e73;text-align:center;margin:0;max-width:200px}.wallet-section{display:flex;flex-direction:column;align-items:center;gap:8px}.wallet-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:280px;padding:14px 24px;font-size:var(--text-base);font-weight:600;color:#fff;background:linear-gradient(135deg,#1d1d1f,#3a3a3c);border:none;border-radius:14px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0003}.wallet-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.wallet-btn:active:not(:disabled){transform:translateY(0)}.wallet-btn:disabled{opacity:.6;cursor:not-allowed}.wallet-icon{width:24px;height:24px}.wallet-loading{font-weight:500}.wallet-error{font-size:var(--text-sm);color:var(--error);text-align:center;margin:0}.visibility-section{display:flex;flex-direction:column;gap:12px}.visibility-label{font-size:var(--text-body-sm);font-weight:600;color:var(--text-primary)}.saving-indicator{font-weight:400;color:var(--purple-700);font-size:var(--text-sm)}.visibility-options{display:flex;gap:8px}.visibility-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#f5f5f7;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s}.visibility-btn:hover{background:#ede9fe}.visibility-btn.active{background:#f5f3ff;border-color:var(--purple-700)}.visibility-btn svg{width:24px;height:24px;color:#6e6e73}.visibility-btn.active svg{color:var(--purple-700)}.visibility-btn span{font-size:var(--text-sm);font-weight:500;color:#6e6e73}.visibility-btn.active span{color:var(--purple-700)}.visibility-btn:disabled{opacity:.6;cursor:not-allowed}.share-link-section{display:flex;flex-direction:column;gap:8px}.share-link-label{font-size:var(--text-body-sm);font-weight:600;color:var(--text-primary)}.share-link-row{display:flex;gap:8px}.share-link-input{flex:1;padding:12px 16px;font-size:var(--text-body-sm);color:var(--text-primary);background:#f5f5f7;border:1px solid #e5e5e7;border-radius:12px;outline:none}.share-link-input:focus{border-color:var(--purple-700)}.copy-btn{display:flex;align-items:center;gap:6px;padding:12px 16px;font-size:var(--text-body-sm);font-weight:500;color:#fff;background:linear-gradient(135deg,var(--purple-700) 0%,#a855f7 100%);border:none;border-radius:12px;cursor:pointer;transition:all .2s;white-space:nowrap}.copy-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.copy-btn.copied{background:#10b981}.copy-btn svg{width:18px;height:18px}.share-actions{display:flex;gap:12px}.share-native-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;font-size:var(--text-base);font-weight:600;color:var(--purple-700);background:#f5f3ff;border:2px solid var(--purple-700);border-radius:12px;cursor:pointer;transition:all .2s}.share-native-btn:hover{background:#ede9fe}.share-native-btn svg{width:20px;height:20px}.private-note{font-size:var(--text-body-sm);color:#6e6e73;text-align:center;padding:16px;background:#f5f5f7;border-radius:12px;margin:0}.user-avatar{position:relative;border-radius:50%;overflow:hidden;flex-shrink:0}.user-avatar.clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.user-avatar.clickable:hover{transform:scale(1.02)}.user-avatar.clickable:active{transform:scale(.98)}.user-avatar-sm{width:32px;height:32px}.user-avatar-md{width:48px;height:48px}.user-avatar-lg{width:80px;height:80px}.user-avatar-xl{width:120px;height:120px}.user-avatar-image{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease}.user-avatar-image.loaded{opacity:1}.user-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#7c3aed,#9333ea);color:#fff}.user-avatar-placeholder.loading{background:linear-gradient(145deg,#e5e7eb,#d1d5db)}.user-avatar-placeholder.initials span{font-weight:600;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:-.01em}.user-avatar-sm .user-avatar-placeholder.initials span{font-size:var(--text-sm)}.user-avatar-md .user-avatar-placeholder.initials span{font-size:var(--text-base)}.user-avatar-lg .user-avatar-placeholder.initials span{font-size:var(--text-4xl)}.user-avatar-xl .user-avatar-placeholder.initials span{font-size:40px}.user-avatar-icon{color:#fff}.user-avatar-sm .user-avatar-icon{width:16px;height:16px}.user-avatar-md .user-avatar-icon{width:24px;height:24px}.user-avatar-lg .user-avatar-icon{width:40px;height:40px}.user-avatar-xl .user-avatar-icon{width:60px;height:60px}.user-avatar-spinner{border:2px solid rgba(124,58,237,.2);border-top-color:var(--purple-700);border-radius:50%;animation:avatar-spin .8s linear infinite}.user-avatar-sm .user-avatar-spinner{width:14px;height:14px}.user-avatar-md .user-avatar-spinner{width:20px;height:20px}.user-avatar-lg .user-avatar-spinner{width:32px;height:32px}.user-avatar-xl .user-avatar-spinner{width:48px;height:48px}@keyframes avatar-spin{to{transform:rotate(360deg)}}.user-avatar-camera-overlay{position:absolute;bottom:0;right:0;background:linear-gradient(135deg,#7c3aed,#9333ea);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #7c3aed66;border:2px solid white}.user-avatar-camera-overlay svg{color:#fff}.user-avatar-sm .user-avatar-camera-overlay{width:14px;height:14px;padding:2px}.user-avatar-sm .user-avatar-camera-overlay svg{width:8px;height:8px}.user-avatar-md .user-avatar-camera-overlay{width:18px;height:18px;padding:3px}.user-avatar-md .user-avatar-camera-overlay svg{width:10px;height:10px}.user-avatar-lg .user-avatar-camera-overlay{width:26px;height:26px;padding:4px}.user-avatar-lg .user-avatar-camera-overlay svg{width:14px;height:14px}.user-avatar-xl .user-avatar-camera-overlay{width:36px;height:36px;padding:6px}.user-avatar-xl .user-avatar-camera-overlay svg{width:18px;height:18px}.user-avatar:has(.user-avatar-image.loaded){box-shadow:0 4px 12px #7c3aed33}.user-avatar:has(.user-avatar-placeholder:not(.loading)){box-shadow:0 4px 12px #7c3aed4d}.tier-badge-container{display:inline-flex;flex-direction:column;align-items:center;gap:6px}.tier-badge-xs{width:22px}.tier-badge-sm{width:36px}.tier-badge-md{width:52px}.tier-badge-lg{width:80px}.tier-badge-xl{width:110px}.tier-badge-seal{width:100%;aspect-ratio:1;position:relative;cursor:default}.seal-svg{width:100%;height:100%;display:block;overflow:visible}.seal-text-main{font-family:SF Pro Display,Helvetica Neue,Arial,sans-serif;font-weight:800;letter-spacing:-.02em;text-transform:uppercase;pointer-events:none}.tier-badge-xs .seal-text-main{font-size:var(--text-5xl)}.tier-badge-sm .seal-text-main{font-size:var(--text-base)}.tier-badge-md .seal-text-main{font-size:var(--text-caption)}.tier-badge-lg .seal-text-main{font-size:var(--text-xs)}.tier-badge-xl .seal-text-main{font-size:var(--text-2xs)}.seal-text-main.bronze{fill:#4a2800;filter:drop-shadow(0 1px 0 rgba(255,220,180,.8))}.seal-text-main.silver{fill:#2a2a2a;filter:drop-shadow(0 1px 0 rgba(255,255,255,.9))}.seal-text-main.gold{fill:#5c3d00;filter:drop-shadow(0 1px 0 rgba(255,248,220,.9))}.seal-text-main.platinum{fill:#1a1a1a;filter:drop-shadow(0 1px 0 rgba(255,255,255,.95))}.seal-text-main.diamond{fill:#0a3d4a;filter:drop-shadow(0 1px 0 rgba(255,255,255,.95))}.seal-text-main.emerald{fill:#0a3d0a;filter:drop-shadow(0 1px 0 rgba(178,255,214,.9))}.seal-text-main.obsidian{fill:#ccd;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6))}.tier-badge-seal.bronze{filter:drop-shadow(0 3px 8px rgba(139,69,19,.35))}.tier-badge-seal.silver{filter:drop-shadow(0 3px 8px rgba(128,128,128,.35))}.tier-badge-seal.gold{filter:drop-shadow(0 3px 12px rgba(218,165,32,.45))}.tier-badge-seal.platinum{filter:drop-shadow(0 3px 14px rgba(180,180,180,.45))}.tier-badge-seal.diamond{filter:drop-shadow(0 3px 16px rgba(93,173,226,.5));animation:diamondGlow 3s ease-in-out infinite}.tier-badge-seal.emerald{filter:drop-shadow(0 3px 16px rgba(80,200,120,.5));animation:emeraldGlow 3s ease-in-out infinite}.tier-badge-seal.obsidian{filter:drop-shadow(0 3px 20px rgba(54,69,79,.6));animation:obsidianGlow 4s ease-in-out infinite}@keyframes diamondGlow{0%,to{filter:drop-shadow(0 3px 16px rgba(93,173,226,.5))}50%{filter:drop-shadow(0 5px 24px rgba(185,242,255,.7))}}@keyframes emeraldGlow{0%,to{filter:drop-shadow(0 3px 16px rgba(80,200,120,.5))}50%{filter:drop-shadow(0 5px 24px rgba(80,200,120,.75))}}@keyframes obsidianGlow{0%,to{filter:drop-shadow(0 3px 20px rgba(54,69,79,.6))}50%{filter:drop-shadow(0 5px 28px rgba(74,74,94,.8))}}.tier-badge-seal.diamond:after,.tier-badge-seal.emerald:after,.tier-badge-seal.obsidian:after{content:"";position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;background:linear-gradient(125deg,transparent 20%,rgba(255,255,255,.5) 35%,transparent 50%,rgba(255,255,255,.3) 65%,transparent 80%);background-size:200% 200%;animation:shimmerMove 2.5s ease-in-out infinite;pointer-events:none;border-radius:50%}@keyframes shimmerMove{0%{background-position:200% 200%}to{background-position:-100% -100%}}.tier-badge-inline-seal{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;vertical-align:middle;margin:0 4px}.seal-svg-inline{width:100%;height:100%;display:block;overflow:visible}.seal-text-inline{font-family:SF Pro Display,Helvetica Neue,Arial,sans-serif;font-weight:800;font-size:var(--text-5xl);text-anchor:middle;dominant-baseline:middle}.seal-text-inline.bronze{fill:#4a2800}.seal-text-inline.silver{fill:#2a2a2a}.seal-text-inline.gold{fill:#5c3d00}.seal-text-inline.platinum{fill:#1a1a1a}.seal-text-inline.diamond{fill:#0a3d4a}.seal-text-inline.emerald{fill:#0a3d0a}.seal-text-inline.obsidian{fill:#ccd}.tier-badge-inline-seal.bronze{filter:drop-shadow(0 1px 3px rgba(139,69,19,.3))}.tier-badge-inline-seal.silver{filter:drop-shadow(0 1px 3px rgba(128,128,128,.3))}.tier-badge-inline-seal.gold{filter:drop-shadow(0 1px 4px rgba(218,165,32,.4))}.tier-badge-inline-seal.platinum{filter:drop-shadow(0 1px 4px rgba(180,180,180,.4))}.tier-badge-inline-seal.diamond{filter:drop-shadow(0 1px 5px rgba(93,173,226,.5));animation:inlineDiamondGlow 3s ease-in-out infinite}.tier-badge-inline-seal.emerald{filter:drop-shadow(0 1px 5px rgba(80,200,120,.5))}.tier-badge-inline-seal.obsidian{filter:drop-shadow(0 1px 5px rgba(54,69,79,.5))}@keyframes inlineDiamondGlow{0%,to{filter:drop-shadow(0 1px 5px rgba(93,173,226,.5))}50%{filter:drop-shadow(0 2px 8px rgba(185,242,255,.7))}}.tier-label{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.tier-name{font-size:var(--text-caption);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary)}.tier-points{font-size:var(--text-xs);color:var(--silver-500);font-weight:500}.tier-progress-info{text-align:center;margin-top:4px}.progress-text{font-size:var(--text-2xs);color:var(--silver-400);font-weight:500}.tier-progress-bar-container{width:100%;display:flex;flex-direction:column;gap:8px}.tier-progress-bar-wrapper{display:flex;align-items:center;gap:8px;width:100%}.tier-endpoint{flex-shrink:0;display:flex;align-items:center;justify-content:center}.tier-endpoint .tier-badge-inline-seal{width:26px;height:26px}.tier-progress-bar{flex:1;height:10px;background:#e5e7eb;border-radius:5px;overflow:hidden}.tier-progress-fill{height:100%;border-radius:5px;transition:width .8s ease-out}.tier-progress-fill.bronze{background:linear-gradient(90deg,#8b4513,peru 30%,wheat,peru 70%,#8b4513)}.tier-progress-fill.silver{background:linear-gradient(90deg,gray,silver 30%,#fff,silver 70%,gray)}.tier-progress-fill.gold{background:linear-gradient(90deg,#b8860b,#daa520 30%,gold,#daa520 70%,#b8860b)}.tier-progress-fill.platinum{background:linear-gradient(90deg,#8e8e8e,#c9c9c9 30%,#fff,#c9c9c9 70%,#8e8e8e)}.tier-progress-fill.diamond{background:linear-gradient(90deg,#5dade2,#87ceeb 30%,#e0ffff,#87ceeb 70%,#5dade2)}.tier-progress-fill.emerald{background:linear-gradient(90deg,#2e8b57,#3cb371 30%,#90ee90,#3cb371 70%,#2e8b57)}.tier-progress-fill.obsidian{background:linear-gradient(90deg,#1a1a2e,#36454f 30%,#6b6b80,#36454f 70%,#1a1a2e)}.tier-progress-footer{display:flex;justify-content:space-between;align-items:center}.current-points{font-size:var(--text-body-sm);font-weight:600;color:var(--text-primary)}.points-needed{font-size:var(--text-sm);color:var(--silver-400);font-weight:500}.max-tier-label{font-size:var(--text-sm);font-weight:700;color:#0a3d4a;background:linear-gradient(135deg,#b9f2ff,#87ceeb);padding:3px 12px;border-radius:100px;border:1px solid rgba(93,173,226,.3)}.tier-badge-seal{transition:transform .2s ease}html.dark-mode .tier-name{color:#f9fafb}html.dark-mode .tier-name-small{color:#d1d5db}html.dark-mode .next-tier .tier-name-small{color:var(--silver-500)}html.dark-mode .tier-progress-bar{background:#374151}html.dark-mode .current-points{color:#f9fafb}html.dark-mode .seal-text-main.bronze,html.dark-mode .seal-text-inline.bronze{fill:#6b3d00}html.dark-mode .seal-text-main.silver,html.dark-mode .seal-text-inline.silver{fill:#404040}html.dark-mode .seal-text-main.gold,html.dark-mode .seal-text-inline.gold{fill:#7a5000}html.dark-mode .seal-text-main.platinum,html.dark-mode .seal-text-inline.platinum{fill:#303030}html.dark-mode .seal-text-main.diamond,html.dark-mode .seal-text-inline.diamond{fill:#0d5066}html.dark-mode .max-tier-label{color:#e0ffff;background:linear-gradient(135deg,#0891b2,#06b6d4);border-color:#06b6d44d}@media (prefers-reduced-motion: reduce){.tier-badge-seal.diamond,.tier-badge-seal.diamond:after,.tier-badge-inline-seal.diamond{animation:none}.tier-progress-fill,.tier-badge-seal{transition:none}}.profile-screen{min-height:100vh;background:#f8f7fc;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.profile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8f7fceb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(0,0,0,.04)}.profile-header h1{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin:0}.profile-header .back-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;border-radius:12px;color:var(--primary-purple, #7c3aed);transition:background-color .15s ease}.profile-header .back-btn:hover{background:#7c3aed14}.profile-header .back-btn:active{background:#7c3aed1f}.profile-content{padding:0 16px 120px;max-width:600px;margin:0 auto}.profile-signin-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;min-height:60vh}.profile-signin-prompt h2{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin:24px 0 8px}.profile-signin-prompt p{font-size:var(--text-body);color:var(--silver-500);margin:0 0 24px}.google-signin-btn{display:flex;align-items:center;gap:12px;padding:14px 24px;background:#fff;border:1px solid var(--border);border-radius:12px;font-size:var(--text-base);font-weight:500;color:var(--text-primary);cursor:pointer;box-shadow:0 1px 3px #00000014;transition:all .2s ease}.google-signin-btn:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.google-signin-btn:active{transform:scale(.98)}.google-signin-btn:disabled{opacity:.6;cursor:not-allowed}.profile-identity{display:flex;flex-direction:column;align-items:center;padding:32px 0;text-align:center}.identity-avatar-wrapper{position:relative;width:100px;height:100px;margin-bottom:16px}.identity-avatar-wrapper .user-avatar{width:100px;height:100px}.identity-avatar-wrapper .user-avatar.uploading{opacity:.7}.identity-avatar-wrapper .avatar-upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:#0006;display:flex;align-items:center;justify-content:center}.identity-avatar-wrapper .avatar-upload-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.identity-name{font-size:var(--text-3xl);font-weight:600;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.02em;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .15s ease}.identity-name:hover{color:var(--primary, #6b21a8)}.identity-name:focus{outline:2px solid var(--primary, #6b21a8);outline-offset:4px;border-radius:4px}.identity-name-edit{opacity:0;transition:opacity .15s ease;color:var(--text-muted, #9ca3af)}.identity-name:hover .identity-name-edit{opacity:1}.identity-name-placeholder{color:var(--primary, #6b21a8);font-style:italic}.identity-email{font-size:var(--text-body-sm);color:var(--silver-500);margin:0}.identity-photo-error{font-size:var(--text-caption);color:var(--error);margin-top:8px}.identity-name-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:4px}.tier-progress-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(145deg,#faf5ff,#f5f3ff);border-radius:20px;margin-bottom:16px;box-shadow:0 2px 20px #7c3aed1a,0 1px 3px #0000000a;border:1px solid rgba(124,58,237,.1)}.tier-progress-card .tier-progress-header{display:flex;justify-content:center}.tier-progress-card .tier-progress-bar-container{width:100%}.tier-warning{font-size:var(--text-sm);font-weight:500;color:var(--gold-600);background:var(--gold-50);padding:8px 12px;border-radius:8px;text-align:center;width:100%}.tier-reset-info{font-size:var(--text-xs);color:var(--silver-500);text-align:center;margin:0}.profile-stats-row{display:flex;align-items:center;justify-content:center;padding:16px 24px;background:linear-gradient(145deg,#fff,#fafafe);border-radius:20px;margin-bottom:16px;box-shadow:0 2px 20px #7c3aed14,0 1px 3px #0000000a}.stat-item{display:flex;flex-direction:column;align-items:center;flex:1;padding:8px;background:transparent;border:none;cursor:default;min-width:0}.stat-item.stat-clickable{cursor:pointer;border-radius:12px;transition:background-color .15s ease}.stat-item.stat-clickable:hover{background:#7c3aed0f}.stat-item.stat-clickable:active{background:#7c3aed1a}.stat-value{font-size:var(--text-3xl);font-weight:700;color:var(--primary-purple, #7c3aed);line-height:1.2}.stat-label{font-size:var(--text-xs);font-weight:600;color:var(--silver-400);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.stat-divider{width:1px;height:32px;background:#00000014}.gamification-card{background:linear-gradient(145deg,#fff,#fafafe);border-radius:20px;padding:16px 20px;margin-bottom:24px;box-shadow:0 2px 20px #7c3aed14,0 1px 3px #0000000a}.gamification-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.streak-display{display:flex;align-items:center;gap:10px}.streak-flame{font-size:var(--text-3xl);line-height:1}.streak-text{display:flex;flex-direction:column}.streak-count{font-size:var(--text-body);font-weight:600;color:var(--text-primary)}.streak-best{font-size:var(--text-sm);color:var(--silver-400)}.view-achievements-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;background:transparent;border:none;font-size:var(--text-body-sm);font-weight:600;color:var(--primary-purple, #7c3aed);cursor:pointer;border-radius:8px;transition:background-color .15s ease}.view-achievements-btn:hover{background:#7c3aed14}.view-achievements-btn svg{flex-shrink:0}.achievements-preview{padding-top:12px;border-top:1px solid rgba(0,0,0,.05)}.achievements-label{font-size:var(--text-sm);font-weight:600;color:var(--silver-500);text-transform:uppercase;letter-spacing:.05em}.badges-row{display:flex;align-items:center;gap:8px;margin-top:10px}.badge-preview{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid rgba(124,58,237,.2);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl)}.badge-preview.more{font-size:var(--text-sm);font-weight:600;color:var(--silver-500);background:#f4f4f8;border-color:transparent}.no-badges-text{font-size:var(--text-caption);color:var(--silver-400)}.section-label{font-size:var(--text-sm);font-weight:600;color:var(--silver-400);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px 4px}.settings-section{margin-bottom:24px}.settings-card{background:linear-gradient(145deg,#fff,#fafafe);border-radius:20px;overflow:hidden;box-shadow:0 2px 20px #7c3aed14,0 1px 3px #0000000a}.settings-row{display:flex;align-items:center;width:100%;padding:16px 20px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background-color .15s ease}.settings-row:not(:last-child){border-bottom:1px solid rgba(0,0,0,.05)}.settings-row:hover{background:#7c3aed0a}.settings-row:active{background:#7c3aed14}.settings-row-disabled{opacity:.5;cursor:default}.settings-row-disabled .toggle-slider{pointer-events:none}.notif-phone-prompt{display:block;width:100%;padding:12px 20px;background:#7c3aed0a;border:none;border-top:1px solid rgba(0,0,0,.05);font-family:var(--font-body);font-size:var(--text-caption);color:var(--purple-600, #7c3aed);line-height:1.5;text-align:left;cursor:pointer;transition:background .15s ease}.notif-phone-prompt:hover{background:#7c3aed14}.settings-row-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#f5f3ff,#ede9fe);display:flex;align-items:center;justify-content:center;margin-right:14px;flex-shrink:0}.settings-row-icon svg{color:var(--primary-purple, #7c3aed)}.settings-row-content{flex:1;min-width:0}.settings-row-label{display:block;font-size:var(--text-base);font-weight:500;color:var(--text-primary)}.settings-row-value{display:block;font-size:var(--text-body-sm);color:var(--silver-400);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-row-chevron{color:#c7c7cc;flex-shrink:0;margin-left:8px}.settings-row-icon.share-icon{background:linear-gradient(135deg,#7c3aed,#a855f7)}.settings-row-icon.share-icon svg{color:#fff}.settings-row-icon.wallet-icon{background:linear-gradient(135deg,#1d1d1f,#3a3a3c)}.settings-row-icon.wallet-icon svg{color:#fff}.wallet-row:disabled{opacity:.7;cursor:not-allowed}.wallet-row:disabled:hover{background-color:transparent}.settings-row-spinner{width:20px;height:20px;border:2px solid rgba(124,58,237,.2);border-top-color:var(--purple-700);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0;margin-left:8px}.wallet-error-message{font-size:var(--text-caption);color:var(--error);padding:8px 16px;margin:0;background:#ef44440d;border-radius:0 0 16px 16px}.subscription-card{width:100%;padding:20px;background:linear-gradient(145deg,#fff,#fafafe);border:none;border-radius:20px;cursor:pointer;text-align:left;transition:all .2s ease;box-shadow:0 2px 20px #7c3aed14,0 1px 3px #0000000a}.subscription-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7c3aed26,0 2px 6px #0000000f}.subscription-card:active{transform:scale(.99)}.subscription-card.active{background:linear-gradient(145deg,#f5f0ff,#ede5ff);border:1px solid rgba(124,58,237,.15)}.subscription-badge{display:inline-flex;padding:6px 12px;background:linear-gradient(135deg,#7c3aed,#9333ea);border-radius:100px;color:#fff;font-size:var(--text-sm);font-weight:600;margin-bottom:8px}.subscription-status{font-size:var(--text-base);font-weight:600;color:var(--primary-purple, #7c3aed);margin:0}.subscription-title{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin:0 0 6px}.subscription-description{font-size:var(--text-body-sm);color:var(--silver-500);margin:0 0 12px;line-height:1.4}.subscription-cta{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-body-sm);font-weight:600;color:var(--primary-purple, #7c3aed);margin-top:8px}.subscription-cta svg{flex-shrink:0}.subscription-card.trial-offer{background:linear-gradient(145deg,#fef9c3,#fef08a);position:relative;overflow:hidden}.trial-badge{position:absolute;top:12px;right:-24px;padding:4px 32px;background:var(--gold);color:#fff;font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;transform:rotate(30deg)}.trial-title{font-size:var(--text-md);font-weight:600;color:var(--gold-900);margin:0 0 6px}.trial-description{font-size:var(--text-body-sm);color:var(--gold-800);margin:0 0 12px}.trial-cta-btn{width:100%;padding:14px;background:var(--gold);color:#fff;font-size:var(--text-base);font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:opacity .15s ease}.trial-cta-btn:active{opacity:.8}.trial-cta-btn:disabled{opacity:.5}.trial-learn-more{width:100%;margin-top:8px;padding:8px;background:transparent;border:none;font-size:var(--text-body-sm);font-weight:500;color:var(--gold-800);cursor:pointer}.preferences-card{background:linear-gradient(145deg,#fff,#fafafe);border-radius:20px;padding:20px;margin-bottom:12px;box-shadow:0 2px 20px #7c3aed0f,0 1px 3px #00000008}.preferences-card.premium-locked{opacity:.6;filter:grayscale(20%)}.preferences-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.preferences-title{font-size:var(--text-body);font-weight:600;color:var(--text-primary)}.premium-badge-small{padding:4px 8px;font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--primary-purple, #7c3aed);background:linear-gradient(135deg,#f3e8ff,#ede5ff);border-radius:100px}.preferences-hint{font-size:var(--text-caption);color:var(--silver-400);margin:0 0 14px}.options-grid{display:flex;flex-wrap:wrap;gap:8px}.option-pill{padding:10px 16px;font-size:var(--text-body-sm);font-weight:500;color:var(--silver-700);background:#f4f4f8;border:1.5px solid transparent;border-radius:100px;cursor:pointer;transition:all .2s ease}.option-pill:hover{background:#eeeef3;border-color:#7c3aed33}.option-pill:active{transform:scale(.96)}.option-pill.selected{background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff;border-color:transparent;box-shadow:0 2px 8px #7c3aed4d}.price-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.price-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;background:#f4f4f8;border:1.5px solid transparent;border-radius:14px;cursor:pointer;transition:all .2s ease}.price-btn:hover{background:#eeeef3;border-color:#7c3aed33}.price-btn:active{transform:scale(.96)}.price-btn.selected{background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff;border-color:transparent;box-shadow:0 4px 12px #7c3aed59}.price-symbol{font-size:var(--text-lg);font-weight:700}.price-desc{font-size:var(--text-2xs);font-weight:500;color:var(--silver-400);text-align:center}.price-btn.selected .price-desc{color:#ffffffd9}.save-preferences-btn{width:100%;padding:16px;margin-top:8px;font-size:var(--text-base);font-weight:600;color:#fff;background:linear-gradient(135deg,#7c3aed,#9333ea);border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #7c3aed59}.save-preferences-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed73}.save-preferences-btn:active:not(:disabled){transform:scale(.98)}.save-preferences-btn:disabled{opacity:.5;cursor:not-allowed}.custom-instructions-input{width:100%;padding:12px 14px;font-family:var(--font-body);font-size:var(--text-body-sm);line-height:1.5;color:var(--text-primary);background:#f9f8fc;border:1.5px solid rgba(124,58,237,.15);border-radius:12px;resize:vertical;min-height:80px;max-height:160px;transition:border-color .2s ease;box-sizing:border-box}.custom-instructions-input:focus{outline:none;border-color:var(--purple-500, #a855f7);box-shadow:0 0 0 3px #a855f71a}.custom-instructions-input::placeholder{color:var(--silver-400);font-style:italic}.char-count{display:block;text-align:right;font-size:var(--text-2xs);color:var(--silver-400);margin-top:6px}.custom-moods-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.custom-mood-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f9f8fc;border:1px solid rgba(124,58,237,.12);border-radius:12px;font-size:var(--text-body-sm);font-weight:500;color:var(--text-primary)}.remove-mood-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ef444414;border:none;border-radius:8px;font-size:var(--text-lg);color:#ef4444;cursor:pointer;transition:background .15s ease;line-height:1}.remove-mood-btn:hover{background:#ef444429}.add-mood-row{display:flex;gap:8px;align-items:center}.add-mood-input{flex:1;padding:10px 14px;font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--text-primary);background:#f9f8fc;border:1.5px solid rgba(124,58,237,.15);border-radius:12px;transition:border-color .2s ease}.add-mood-input:focus{outline:none;border-color:var(--purple-500, #a855f7);box-shadow:0 0 0 3px #a855f71a}.add-mood-input::placeholder{color:var(--silver-400)}.add-mood-btn{padding:10px 16px;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:var(--text-body-sm);font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap}.add-mood-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #a855f74d}.add-mood-btn:disabled{opacity:.4;cursor:not-allowed}.hidden-moods-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.hidden-mood-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;border:1.5px solid;cursor:pointer;transition:all .2s ease}.hidden-mood-chip-on{background:#f3f0ff;border-color:#7c3aed;color:#5b21b6}.hidden-mood-chip-on:hover{background:#ede9fe}.hidden-mood-chip-off{background:#f5f5f5;border-color:#d4d4d4;color:#a3a3a3;text-decoration:line-through}.hidden-mood-chip-off:hover{background:#e5e5e5;border-color:#b0b0b0}.hidden-mood-toggle{font-size:10px;font-weight:700;letter-spacing:.5px;opacity:.7}.hidden-mood-label{white-space:nowrap}.referral-card{background:var(--card-bg, #fff);border-radius:16px;padding:20px;border:1px solid rgba(0,0,0,.06)}.referral-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.referral-header svg{color:var(--primary, #7c3aed);flex-shrink:0;margin-top:2px}.referral-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.referral-subtitle{font-size:.82rem;color:var(--text-muted);margin:0;line-height:1.4}.referral-code-row{display:flex;align-items:center;gap:10px;background:#00000008;border-radius:10px;padding:10px 14px}.referral-code{font-family:var(--font-mono, monospace);font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:.5px;flex:1}.referral-copy-btn{background:var(--primary, #7c3aed);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s}.referral-copy-btn:active{opacity:.8}.referral-stats{font-size:.78rem;color:var(--text-muted);margin:12px 0 0;text-align:center}html.dark-mode .referral-card{background:var(--card-bg, #1c1c1e);border-color:#ffffff1a}html.dark-mode .referral-code-row{background:#ffffff0f}.danger-zone{display:flex;flex-direction:column;align-items:center;padding:32px 0;gap:12px}.signout-btn{padding:12px 24px;font-size:var(--text-base);font-weight:500;color:var(--error);background:transparent;border:none;cursor:pointer;border-radius:12px;transition:background-color .15s ease}.signout-btn:hover{background:#ef444414}.signout-btn:active{background:#ef44441f}.export-btn{padding:12px 24px;font-size:var(--text-body-sm);font-weight:500;color:var(--silver-400);background:transparent;border:1px solid var(--silver-200);cursor:pointer;border-radius:12px;transition:all .15s ease}.export-btn:hover{color:var(--accent-purple);border-color:var(--accent-purple);background:#8b5cf60f}.export-btn:disabled{opacity:.5;cursor:not-allowed}.delete-btn{padding:12px 24px;font-size:var(--text-body-sm);font-weight:500;color:var(--silver-400);background:transparent;border:none;cursor:pointer;border-radius:12px;transition:all .15s ease}.delete-btn:hover{color:var(--error);background:#ef44440f}.edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:20px;padding-top:max(60px,env(safe-area-inset-top,20px) + 40px);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.edit-modal{background:#fff;border-radius:20px;width:100%;max-width:380px;max-height:calc(100vh - 120px);overflow-y:auto;box-shadow:0 20px 60px #0000004d}.edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid rgba(0,0,0,.05)}.edit-modal-header h2{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.edit-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f4f4f8;border:none;border-radius:50%;color:var(--silver-500);cursor:pointer;transition:background-color .15s ease}.edit-modal-close:hover{background:#eeeef3}.edit-modal-content{padding:20px}.edit-modal-input{width:100%;padding:14px 16px;font-size:var(--text-base);color:var(--text-primary);background:#f4f4f8;border:1.5px solid transparent;border-radius:12px;outline:none;transition:all .2s ease}.edit-modal-input:focus{background:#fff;border-color:var(--primary-purple, #7c3aed);box-shadow:0 0 0 3px #7c3aed1a}.edit-modal-input.error{background:#fef2f2;border-color:var(--error)}.edit-modal-textarea{width:100%;padding:14px 16px;font-size:var(--text-base);color:var(--text-primary);background:#f4f4f8;border:1.5px solid transparent;border-radius:12px;outline:none;resize:none;font-family:inherit;line-height:1.5;transition:all .2s ease}.edit-modal-textarea:focus{background:#fff;border-color:var(--primary-purple, #7c3aed);box-shadow:0 0 0 3px #7c3aed1a}.edit-modal-counter{text-align:right;font-size:var(--text-sm);color:var(--silver-400);margin-top:6px}.edit-modal-counter.warning{color:var(--gold)}.edit-modal-counter.error{color:var(--error)}.bio-preview{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--text-body-sm);color:var(--silver-500)}.edit-modal-input.with-prefix{padding-left:32px}.username-input-wrapper{position:relative}.username-prefix{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:var(--text-base);color:var(--silver-400);pointer-events:none;font-weight:500}.edit-modal-hint{font-size:var(--text-caption);color:var(--silver-400);margin:0 0 12px;line-height:1.5}.edit-modal-error{font-size:var(--text-caption);color:var(--error);margin:8px 0 0}.edit-modal-actions{display:flex;gap:12px;padding:16px 20px 20px}.edit-modal-cancel{flex:1;padding:14px;font-size:var(--text-base);font-weight:500;color:var(--silver-700);background:#f3f4f6;border:none;border-radius:12px;cursor:pointer;transition:background-color .15s ease}.edit-modal-cancel:hover:not(:disabled){background:#e5e7eb}.edit-modal-cancel:disabled{opacity:.5}.edit-modal-save{flex:1;padding:14px;font-size:var(--text-base);font-weight:600;color:#fff;background:linear-gradient(135deg,#7c3aed,#9333ea);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.edit-modal-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed66}.edit-modal-save:disabled{opacity:.5;cursor:not-allowed}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.delete-modal{background:#fff;border-radius:20px;max-width:420px;width:100%;overflow:hidden;box-shadow:0 20px 60px #0000004d}.delete-modal-header{display:flex;flex-direction:column;align-items:center;padding:28px 24px 16px;background:linear-gradient(135deg,#fef2f2,#fff5f5);border-bottom:1px solid rgba(239,68,68,.1)}.delete-modal-icon{color:var(--error);margin-bottom:12px}.delete-modal-header h2{font-size:var(--text-xl);font-weight:600;color:var(--silver-800);margin:0}.delete-modal-content{padding:20px 24px}.delete-warning{font-size:var(--text-body);color:#4b5563;line-height:1.5;margin:0 0 16px}.delete-data-list{margin:0 0 16px;padding-left:20px;color:var(--silver-500);font-size:var(--text-body-sm);line-height:1.7}.delete-data-list li{margin-bottom:4px}.delete-premium-warning{background:var(--gold-50);border:1px solid var(--gold-200);border-radius:10px;padding:12px 14px;font-size:var(--text-caption);color:var(--gold-800);margin-bottom:16px;line-height:1.5}.delete-confirm-input{margin-top:16px}.delete-confirm-input label{display:block;font-size:var(--text-body-sm);color:var(--silver-700);margin-bottom:8px}.delete-confirm-input input{width:100%;padding:14px 16px;font-size:var(--text-base);border:1px solid var(--border);border-radius:12px;outline:none;transition:all .2s ease;text-transform:uppercase;letter-spacing:2px;text-align:center}.delete-confirm-input input:focus{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.delete-confirm-input input:disabled{background:#f9fafb;color:var(--silver-400)}.delete-error{color:var(--error);font-size:var(--text-caption);margin:12px 0 0;text-align:center}.delete-modal-actions{display:flex;gap:12px;padding:16px 24px 24px}.delete-modal-cancel{flex:1;padding:14px;font-size:var(--text-base);font-weight:500;color:var(--silver-700);background:#f3f4f6;border:none;border-radius:12px;cursor:pointer;transition:background-color .15s ease}.delete-modal-cancel:hover:not(:disabled){background:#e5e7eb}.delete-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.delete-modal-confirm{flex:1;padding:14px;font-size:var(--text-base);font-weight:600;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.delete-modal-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.delete-modal-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.photo-options-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:16px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.photo-options-sheet{background:#fff;border-radius:16px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 -4px 30px #00000026;margin-bottom:env(safe-area-inset-bottom,0)}.photo-options-header{padding:16px 20px 12px;border-bottom:1px solid rgba(0,0,0,.08);text-align:center}.photo-options-header h3{font-size:var(--text-body-sm);font-weight:600;color:var(--silver-500);margin:0;text-transform:uppercase;letter-spacing:.03em}.photo-options-list{padding:8px 0}.photo-option-btn{width:100%;display:flex;align-items:center;gap:14px;padding:16px 20px;font-size:var(--text-md);font-weight:500;color:var(--text-primary);background:transparent;border:none;cursor:pointer;transition:background-color .15s ease;text-align:left}.photo-option-btn:hover{background-color:#7c3aed0d}.photo-option-btn:active{background-color:#7c3aed1a}.photo-option-btn svg{color:var(--primary-purple, #7c3aed);flex-shrink:0}.photo-option-btn.danger{color:var(--error)}.photo-option-btn.danger svg{color:var(--error)}.photo-option-btn.danger:hover{background-color:#ef44440d}.photo-option-btn.danger:active{background-color:#ef44441a}.photo-option-cancel{width:100%;padding:16px 20px;font-size:var(--text-md);font-weight:600;color:var(--primary-purple, #7c3aed);background:#f8f7fc;border:none;border-top:1px solid rgba(0,0,0,.08);cursor:pointer;transition:background-color .15s ease}.photo-option-cancel:hover{background-color:#f3f0fc}.photo-option-cancel:active{background-color:#ede9fc}.achievements-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:1100;padding:0}.achievements-modal{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:500px;max-height:calc(92vh - env(safe-area-inset-bottom,0px));overflow:hidden;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0px)}.achievements-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px;border-bottom:1px solid rgba(0,0,0,.05)}.achievements-modal-header h2{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0}.achievements-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f4f4f8;border:none;border-radius:50%;color:var(--silver-500);cursor:pointer;transition:background-color .15s ease}.achievements-modal-close:hover{background:#eeeef3}.achievements-modal-stats{display:flex;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#f5f3ff,#fafafe)}.achievements-stat{flex:1;text-align:center}.achievements-stat-value{display:block;font-size:var(--text-3xl);font-weight:700;color:var(--primary-purple, #7c3aed)}.achievements-stat-label{font-size:var(--text-xs);font-weight:600;color:var(--silver-500);text-transform:uppercase;letter-spacing:.05em}.achievements-modal-content{flex:1;overflow-y:auto;padding:16px 20px calc(32px + env(safe-area-inset-bottom,20px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.achievements-grid{display:flex;flex-direction:column;gap:12px}.achievement-item{display:flex;align-items:flex-start;gap:14px;padding:14px;background:linear-gradient(145deg,#faf5ff,#f5f3ff);border:1px solid rgba(124,58,237,.15);border-radius:16px}.achievement-item .achievement-icon{width:44px;height:44px;border-radius:12px;background:#7c3aed1a;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);flex-shrink:0}.achievement-item .achievement-info{flex:1;min-width:0}.achievement-item .achievement-title{display:block;font-size:var(--text-body);font-weight:600;color:var(--text-primary);margin-bottom:2px}.achievement-item .achievement-desc{display:block;font-size:var(--text-caption);color:var(--silver-500);line-height:1.4}.achievements-section-label{font-size:var(--text-xs);font-weight:700;color:var(--silver-500);text-transform:uppercase;letter-spacing:.08em;padding:8px 0 4px}.achievement-points{display:inline-block;font-size:var(--text-xs);font-weight:600;color:var(--primary-purple, #7c3aed);margin-top:4px}.achievement-locked{background:linear-gradient(145deg,#f8f8fa,#f0f0f4);border-color:#00000014;opacity:.75}.achievement-locked .achievement-title{color:var(--silver-500)}.achievement-icon-locked{filter:grayscale(.7);opacity:.5}.achievement-locked .achievement-points{color:var(--silver-400)}.achievement-progress-bar{width:100%;height:4px;background:#0000000f;border-radius:2px;margin-top:6px;overflow:hidden}.achievement-progress-fill{height:100%;background:var(--primary-purple, #7c3aed);border-radius:2px;transition:width .3s ease}.achievements-empty{text-align:center;padding:40px 20px}.achievements-empty p{font-size:var(--text-body);color:var(--silver-400);margin:0}@media (max-width: 480px){.price-options{grid-template-columns:repeat(2,1fr)}.delete-modal-actions{flex-direction:column-reverse}}@media (min-width: 768px){.profile-content{padding:24px 32px 120px}.profile-identity{padding:40px 0}.identity-avatar-wrapper,.identity-avatar-wrapper .user-avatar{width:120px;height:120px}.identity-name{font-size:var(--text-4xl)}.achievements-modal-overlay{align-items:center;padding:20px}.achievements-modal{border-radius:24px;max-height:80vh}}.dark-mode-toggle{position:relative;display:inline-block;width:48px;height:28px;flex-shrink:0;cursor:pointer}.dark-mode-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--silver-300, #d1d5db);border-radius:28px;transition:background .25s ease}.toggle-slider:before{content:"";position:absolute;height:22px;width:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .25s ease;box-shadow:0 1px 3px #0003}.dark-mode-toggle input:checked+.toggle-slider{background:var(--purple-600, #7c3aed)}.dark-mode-toggle input:checked+.toggle-slider:before{transform:translate(20px)}.dark-mode-toggle input:focus-visible+.toggle-slider{outline:2px solid var(--purple-600, #7c3aed);outline-offset:2px}.usage-dashboard{background:linear-gradient(145deg,#fff,#fafafe);border-radius:20px;padding:20px;box-shadow:0 2px 20px #7c3aed0f,0 1px 3px #00000008}.usage-group{margin-bottom:16px}.usage-group:last-of-type{margin-bottom:0}.usage-group-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #9ca3af);margin-bottom:8px}.usage-row{margin-bottom:12px}.usage-row:last-child{margin-bottom:0}.usage-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.usage-label{font-size:.85rem;font-weight:500;color:var(--text-primary, #1f2937)}.usage-count{font-size:.8rem;font-weight:600;color:var(--text-secondary, #6b7280);font-variant-numeric:tabular-nums}.usage-unlimited{color:var(--purple-600, #7c3aed);font-weight:500;font-size:.8rem}.usage-bar{height:4px;border-radius:2px;background:#7c3aed14;overflow:hidden}.usage-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#7c3aed,#a78bfa);min-width:0}.usage-fill-warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.usage-fill-full{background:linear-gradient(90deg,#ef4444,#f87171)}.usage-upgrade-hint{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;margin-top:16px;padding:10px;border:none;border-radius:12px;background:#7c3aed0f;color:var(--purple-600, #7c3aed);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.usage-upgrade-hint:hover{background:#7c3aed1f}html.dark-mode .usage-dashboard{background:linear-gradient(145deg,#1f2937,#1a1f2e);box-shadow:0 2px 20px #0000004d,0 1px 3px #0003}html.dark-mode .usage-label{color:#e5e7eb}html.dark-mode .usage-count{color:#9ca3af}html.dark-mode .usage-bar{background:#7c3aed26}html.dark-mode .usage-upgrade-hint{background:#7c3aed26;color:#a78bfa}html.dark-mode .usage-upgrade-hint:hover{background:#7c3aed40}.app-version-info{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:1.5rem 1rem 2rem;font-size:.7rem;color:var(--text-secondary, #9ca3af);opacity:.6}.app-version-info .version-separator{font-size:.5rem}html.dark-mode .app-version-info{color:#6b7280}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.map-screen{height:calc(100vh - 70px - env(safe-area-inset-bottom,0px));height:calc(100dvh - 70px - env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;background:var(--background)}.map-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--surface);border-bottom:1px solid var(--border);z-index:1000}.map-header h1{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.map-header .back-btn{padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--text-secondary);background:transparent;border:none;cursor:pointer}.map-header .back-btn:hover{color:var(--primary)}.restaurant-count{font-size:var(--text-body-sm);color:var(--text-muted)}.map-container{flex:1;position:relative;min-height:300px}.leaflet-map{width:100%;height:100%;z-index:1}.map-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.custom-marker{background:transparent;border:none}.marker-content{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);background:var(--surface);border-radius:50%;box-shadow:var(--shadow-md);border:2px solid var(--purple-500)}.marker-popup{min-width:200px}.marker-popup h3{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-xs)}.popup-type{font-size:var(--text-body-sm);color:var(--text-secondary);margin-bottom:var(--space-sm)}.popup-meta{display:flex;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-md)}.popup-actions{display:flex;gap:var(--space-xs)}.popup-btn{flex:1;padding:var(--space-xs) var(--space-sm);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.popup-btn.primary{background:var(--purple-600);border:none;color:#fff}.popup-btn.primary:hover{background:var(--purple-700)}.popup-btn.secondary{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.popup-btn.secondary:hover{background:var(--silver-100)}.map-list-panel{background:var(--surface);border-top:1px solid var(--border);padding:var(--space-md);max-height:250px;overflow-y:auto}.map-list-panel h2{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-md)}.map-list{display:flex;flex-direction:column;gap:var(--space-sm)}.map-list-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.map-list-item:hover{border-color:var(--purple-300);background:var(--purple-50)}.item-emoji{font-size:var(--text-3xl)}.item-info{flex:1;display:flex;flex-direction:column}.item-name{font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:500;color:var(--text-primary)}.item-meta{font-size:var(--text-sm);color:var(--text-muted)}.item-rating{font-size:var(--text-body-sm);font-weight:500;color:var(--text-secondary)}@media (min-width: 768px){.map-screen{flex-direction:row;flex-wrap:wrap}.map-header{width:100%}.map-container{flex:2;min-height:auto;height:calc(100vh - 60px)}.map-list-panel{flex:1;max-width:350px;max-height:none;height:calc(100vh - 60px);border-top:none;border-left:1px solid var(--border)}}.occasion-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.occasion-picker-modal{background:var(--bg-primary);border-radius:var(--radius-xl);width:100%;max-width:360px;padding:var(--space-lg);box-shadow:0 20px 40px #0003}.occasion-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.occasion-picker-header h3{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.occasion-picker-close{background:none;border:none;padding:var(--space-xs);cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-full);transition:all .2s ease}.occasion-picker-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.occasion-picker-close svg{width:20px;height:20px}.occasion-labels-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.occasion-label-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-align:left}.occasion-label-btn:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.occasion-label-btn.selected{border-color:var(--occasion-color, var(--primary-purple));background:color-mix(in srgb,var(--occasion-color, var(--primary-purple)) 10%,var(--bg-secondary))}.occasion-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--occasion-color, var(--text-secondary));flex-shrink:0}.occasion-icon svg{width:18px;height:18px}.occasion-label-btn.selected .occasion-icon{color:var(--occasion-color, var(--primary-purple))}.occasion-text{font-size:var(--text-body-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.occasion-label-btn.custom-btn{--occasion-color: var(--text-secondary)}.occasion-clear-btn{width:100%;margin-top:var(--space-md);padding:var(--space-sm);background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-body-sm);cursor:pointer;transition:all .2s ease}.occasion-clear-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.occasion-custom-input{display:flex;flex-direction:column;gap:var(--space-md)}.occasion-custom-input input{width:100%;padding:var(--space-md);font-size:var(--text-base);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);outline:none;transition:all .2s ease}.occasion-custom-input input:focus{border-color:var(--primary-purple);box-shadow:0 0 0 3px #7c3aed1a}.occasion-custom-actions{display:flex;gap:var(--space-sm)}.occasion-btn-cancel,.occasion-btn-save{flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-body-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.occasion-btn-cancel{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.occasion-btn-cancel:hover{background:var(--bg-tertiary)}.occasion-btn-save{background:var(--primary-purple);border:none;color:#fff}.occasion-btn-save:hover:not(:disabled){background:var(--primary-purple-dark)}.occasion-btn-save:disabled{opacity:.5;cursor:not-allowed}.occasion-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:color-mix(in srgb,var(--badge-color, var(--primary-purple)) 15%,transparent);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--badge-color, var(--primary-purple))}.occasion-badge svg{width:12px;height:12px}.time-picker-wrapper{position:relative;width:100%}.time-picker-button{width:100%;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-body);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:left}.time-picker-button:hover{background:var(--bg-tertiary)}.time-picker-button:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #7c3aed1a}.time-picker-button:focus-visible{outline:2px solid var(--primary-purple);outline-offset:2px;border-color:var(--primary-purple);box-shadow:0 0 0 3px #7c3aed33}.time-picker-button span{flex:1}.time-picker-button span.placeholder{color:var(--text-secondary)}.time-picker-icon{width:18px;height:18px;flex-shrink:0;color:var(--text-secondary)}.time-picker-chevron{width:16px;height:16px;flex-shrink:0;color:var(--text-secondary);transition:transform .2s ease}.time-picker-button[aria-expanded=true] .time-picker-chevron{transform:rotate(180deg)}.time-picker-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-xs);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000026;z-index:1000;overflow:hidden;animation:timePickerSlideIn .15s ease-out}@keyframes timePickerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.time-picker-columns{display:flex}.time-picker-column{flex:1;min-width:0;border-right:1px solid var(--border-color)}.time-picker-column:last-child{border-right:none}.time-picker-column.period-column{flex:.8}.time-picker-column-label{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);background:var(--bg-secondary);text-align:center;border-bottom:1px solid var(--border-color)}.time-picker-scroll{max-height:180px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.time-picker-scroll.period-scroll{max-height:none;overflow:visible}.time-picker-option{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-body);background:none;border:none;color:var(--text-primary);cursor:pointer;transition:all .15s ease;text-align:center}.time-picker-option:hover{background:var(--bg-secondary)}.time-picker-option:focus-visible{outline:2px solid var(--primary-purple);outline-offset:-2px;background:var(--bg-secondary)}.time-picker-option.selected{background:color-mix(in srgb,var(--primary-purple) 15%,transparent);color:var(--primary-purple);font-weight:600}.time-picker-option.period-option{padding:var(--space-md) var(--space-sm);font-weight:500}.time-picker-scroll::-webkit-scrollbar{width:4px}.time-picker-scroll::-webkit-scrollbar-track{background:transparent}.time-picker-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.time-picker-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 480px){.time-picker-dropdown{position:fixed;bottom:0;left:0;right:0;top:auto;margin:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:none;border-top:1px solid var(--border-color);box-shadow:0 -8px 24px #0003;animation:timePickerSlideUp .2s ease-out}@keyframes timePickerSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.time-picker-scroll{max-height:240px}.time-picker-option{padding:var(--space-md);font-size:var(--text-base)}.time-picker-option.period-option{padding:var(--space-lg) var(--space-md)}}.time-picker-wrapper.inline-style .time-picker-button{margin-top:var(--space-sm)}.date-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.date-picker-modal{background:var(--bg-primary);border-radius:var(--radius-xl);width:100%;max-width:380px;max-height:90vh;overflow-y:auto;padding:var(--space-lg);box-shadow:0 20px 40px #0003}.date-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.date-picker-header h3{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.date-picker-close{background:none;border:none;padding:var(--space-xs);cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-full);transition:all .2s ease}.date-picker-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.date-picker-close svg{width:20px;height:20px}.date-picker-section{margin-bottom:var(--space-lg)}.date-picker-label{display:block;font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--space-sm)}.quick-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-bottom:var(--space-sm)}.quick-option-btn{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-md);font-size:var(--text-body-sm);font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.quick-option-btn:hover{background:var(--bg-tertiary)}.quick-option-btn.selected{border-color:var(--primary-purple);background:color-mix(in srgb,var(--primary-purple) 10%,var(--bg-secondary));color:var(--primary-purple)}.date-input,.time-input{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-body);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);outline:none;transition:all .2s ease}.date-input:focus,.time-input:focus{border-color:var(--primary-purple);box-shadow:0 0 0 3px #7c3aed1a}.time-input{margin-top:var(--space-sm)}.date-preview{margin-top:var(--space-xs);font-size:var(--text-body-sm);color:var(--primary-purple);font-weight:500}.reminder-section{padding-top:var(--space-md);border-top:1px solid var(--border-color)}.reminder-toggle{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.reminder-toggle input{display:none}.reminder-toggle-slider{width:44px;height:24px;background:var(--bg-tertiary);border-radius:var(--radius-full);position:relative;transition:all .2s ease;flex-shrink:0}.reminder-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .2s ease;box-shadow:0 1px 3px #0003}.reminder-toggle input:checked+.reminder-toggle-slider{background:var(--primary-purple)}.reminder-toggle input:checked+.reminder-toggle-slider:after{left:22px}.reminder-toggle-label{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-body);color:var(--text-primary)}.reminder-toggle-label svg{width:18px;height:18px;color:var(--text-secondary)}.date-picker-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.date-picker-clear{flex:1;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-body-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.date-picker-clear:hover{background:var(--bg-tertiary)}.date-picker-save{flex:2;padding:var(--space-sm) var(--space-md);background:var(--primary-purple);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-body-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.date-picker-save:hover{background:var(--primary-purple-dark)}.planned-date-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:color-mix(in srgb,var(--primary-purple) 12%,transparent);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--primary-purple)}.planned-date-badge svg{width:12px;height:12px}.planned-date-badge.with-reminder{background:linear-gradient(135deg,color-mix(in srgb,var(--primary-purple) 12%,transparent),color-mix(in srgb,#ff6b6b 12%,transparent))}.list-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.list-picker-modal{background:var(--bg-primary);border-radius:var(--radius-xl);width:100%;max-width:340px;padding:var(--space-lg);box-shadow:0 20px 40px #0003}.list-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.list-picker-header h3{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.list-picker-close{background:none;border:none;padding:var(--space-xs);cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-full);transition:all .2s ease}.list-picker-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.list-picker-close svg{width:20px;height:20px}.list-picker-items{display:flex;flex-direction:column;gap:var(--space-xs)}.list-picker-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.list-picker-item:hover{background:var(--bg-tertiary)}.list-picker-item.selected{border-color:var(--primary-purple);background:color-mix(in srgb,var(--primary-purple) 10%,var(--bg-secondary))}.list-picker-item.create-new{border:2px dashed var(--border-color);background:transparent;color:var(--text-secondary)}.list-picker-item.create-new:hover{border-color:var(--primary-purple);color:var(--primary-purple)}.list-picker-icon{font-size:var(--text-xl);width:28px;text-align:center;flex-shrink:0}.list-picker-name{font-size:var(--text-body-sm);font-weight:500;color:var(--text-primary);flex:1}.list-picker-check{width:18px;height:18px;color:var(--primary-purple);flex-shrink:0}.list-picker-limit{font-size:var(--text-sm);color:var(--text-tertiary);text-align:center;margin:var(--space-sm) 0 0;padding:0}.list-clear-btn{width:100%;margin-top:var(--space-md);padding:var(--space-sm);background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-body-sm);cursor:pointer;transition:all .2s ease}.list-clear-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.list-create-input{display:flex;flex-direction:column;gap:var(--space-md)}.list-create-input input{width:100%;padding:var(--space-md);font-size:var(--text-base);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);outline:none;transition:all .2s ease}.list-create-input input:focus{border-color:var(--primary-purple);box-shadow:0 0 0 3px #7c3aed1a}.list-create-actions{display:flex;gap:var(--space-sm)}.list-btn-cancel,.list-btn-save{flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-body-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.list-btn-cancel{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.list-btn-cancel:hover{background:var(--bg-tertiary)}.list-btn-save{background:var(--primary-purple);border:none;color:#fff}.list-btn-save:hover:not(:disabled){background:var(--primary-purple-dark)}.list-btn-save:disabled{opacity:.5;cursor:not-allowed}.add-note-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-family:var(--font-body);font-size:var(--text-caption);font-weight:500;color:var(--text-muted);background:transparent;border:1px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.add-note-btn:hover{color:var(--purple-600);border-color:var(--purple-300);background:var(--purple-50)}.add-note-btn svg{width:14px;height:14px}.note-display{padding:var(--space-sm);background:#fffbeb;border:1px solid #fcd34d;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.note-display:hover{background:var(--gold-50);border-color:var(--gold-light)}.note-icon{width:14px;height:14px;color:var(--gold-800);margin-bottom:var(--space-xs)}.note-text{font-size:var(--text-caption);line-height:1.5;color:var(--gold-900);margin:0;white-space:pre-wrap;word-break:break-word}.note-editor{display:flex;flex-direction:column;gap:var(--space-xs)}.note-textarea{width:100%;padding:var(--space-sm);font-family:var(--font-body);font-size:var(--text-caption);line-height:1.5;color:var(--text-primary);background:#fff;border:2px solid var(--purple-300);border-radius:var(--radius-md);resize:vertical;min-height:60px;transition:border-color var(--transition-fast)}.note-textarea:focus{outline:none;border-color:var(--purple-500)}.note-textarea::placeholder{color:var(--text-muted)}.note-editor-footer{display:flex;align-items:center;justify-content:space-between}.note-char-count{font-size:var(--text-sm);color:var(--text-muted)}.note-editor-actions{display:flex;gap:var(--space-xs)}.note-btn{padding:4px 12px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.cancel-btn{background:var(--silver-200);color:var(--text-primary)}.cancel-btn:hover:not(:disabled){background:var(--silver-300)}.save-btn{background:var(--purple-600);color:#fff}.save-btn:hover:not(:disabled){background:var(--purple-700)}.note-btn:disabled{opacity:.5;cursor:not-allowed}.queue-item-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.08);overflow:hidden;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.queue-item-card:hover{border-color:var(--primary-purple);box-shadow:0 8px 24px #7c3aed26;transform:translateY(-2px)}.queue-item-top{display:flex;gap:20px;padding:20px}.queue-item-photo{width:120px;height:120px;border-radius:14px;overflow:hidden;flex-shrink:0}.queue-item-photo img{width:100%;height:100%;object-fit:cover}.queue-item-photo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-light) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-5xl);font-weight:600}.queue-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;justify-content:center}.queue-item-name{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.queue-item-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.queue-item-rating{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-body-sm);font-weight:600;color:var(--text-primary);background:var(--gold-50);padding:4px 10px;border-radius:100px}.queue-item-rating .star-icon{color:var(--gold);font-size:var(--text-caption)}.queue-item-price{font-size:var(--text-body-sm);font-weight:600;color:var(--success)}.queue-item-type{font-size:var(--text-body-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item-added{margin:4px 0 0;font-size:var(--text-caption);color:var(--text-secondary)}.queue-item-tags{display:flex;flex-direction:column;gap:8px;flex-shrink:0;align-items:flex-end}.queue-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#f5f5f7;border:1px solid rgba(0,0,0,.08);border-radius:100px;font-size:var(--text-caption);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.queue-tag:hover{background:#ebebed;border-color:var(--primary-purple);color:var(--primary-purple)}.queue-tag svg{width:16px;height:16px}.queue-tag .occasion-icon-svg{width:16px;height:16px}.occasion-tag{--tag-color: var(--text-secondary)}.occasion-tag:has(span:not(:only-child)){background:color-mix(in srgb,var(--tag-color) 15%,white);border-color:color-mix(in srgb,var(--tag-color) 40%,transparent);color:var(--tag-color)}.date-tag.has-date{background:color-mix(in srgb,var(--primary-purple) 15%,white);border-color:color-mix(in srgb,var(--primary-purple) 40%,transparent);color:var(--primary-purple)}.list-tag.has-list{background:color-mix(in srgb,#10b981 15%,white);border-color:color-mix(in srgb,#10b981 40%,transparent);color:var(--success)}.list-tag .list-tag-icon{font-size:var(--text-body-sm);line-height:1}.date-tag.has-reminder .reminder-icon{width:14px;height:14px;color:var(--error)}.queue-item-note{padding:0 var(--space-md);padding-bottom:var(--space-sm)}.queue-item-actions{display:flex;border-top:1px solid rgba(0,0,0,.08)}.queue-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;background:transparent;border:none;font-size:var(--text-body);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.queue-action-btn svg{width:18px;height:18px}.queue-action-btn:first-child{border-right:1px solid rgba(0,0,0,.08)}.queue-action-btn.been-here-btn{color:var(--success);background:#10b9810d}.queue-action-btn.been-here-btn:hover{background:#10b9811f}.queue-action-btn.remove-btn{color:var(--text-secondary)}.queue-action-btn.remove-btn:hover{background:#ef444414;color:var(--error)}@media (max-width: 480px){.queue-item-top{padding:16px;flex-wrap:wrap}.queue-item-photo{width:90px;height:90px}.queue-item-name{font-size:var(--text-base)}.queue-item-content{flex:1;min-width:120px}.queue-item-tags{flex-direction:row;flex-wrap:wrap;width:100%;align-items:flex-start;margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.06)}.queue-action-btn{padding:12px;font-size:var(--text-caption)}.queue-action-btn svg{width:16px;height:16px}}.queue-item-card.trip-item{border-left:4px solid var(--primary-purple)}.trip-icon-photo{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-dark) 100%);display:flex;align-items:center;justify-content:center}.trip-icon-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.trip-icon-container svg{width:40px;height:40px;color:#fff}.trip-destination{color:var(--primary-purple);font-weight:500}.trip-stats{color:var(--text-muted);font-size:var(--text-caption)}.queue-tag.trip-tag{background:#8a4fff1a;color:var(--primary-purple);border:1px solid rgba(138,79,255,.2)}.queue-tag.trip-tag svg{width:14px;height:14px}.view-trip-btn{background:#8a4fff14;color:var(--primary-purple)}.view-trip-btn:hover{background:#8a4fff26}.trip-date-tag{background:linear-gradient(135deg,#8a4fff1f,#6366f11f);border-color:#8a4fff4d;color:var(--primary-purple);font-weight:500}.trip-destination{display:inline-flex;align-items:center;color:var(--primary-purple);font-weight:500}.trip-destination svg{flex-shrink:0}.queue-item-card.trip-meal-card{border-left:4px solid #10b981;background:linear-gradient(135deg,#10b98105,#fff 50%)}.queue-item-card.trip-meal-card:hover{border-color:var(--success);box-shadow:0 8px 24px #10b98126}.trip-meal-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;background:linear-gradient(135deg,#10b9811f,#05966914);border-radius:8px;font-size:var(--text-sm);font-weight:500;color:var(--success)}.trip-meal-badge svg{width:14px;height:14px;flex-shrink:0}.trip-badge-text{display:flex;align-items:center;flex-wrap:wrap;gap:0}.trip-badge-name{font-weight:600}.trip-badge-divider{margin:0 4px;color:var(--success);opacity:.6}.trip-badge-day{font-weight:500}.trip-badge-meal{font-weight:600;color:#047857}.date-tag.trip-meal-date-tag,.date-tag.trip-meal-date-tag:hover{background:linear-gradient(135deg,#10b98126,#0596691a);border-color:#10b9814d;color:var(--success)}.date-meal-divider{opacity:.6}.queue-item-card.group-pick-card{border-left:3px solid #7c3aed;background:linear-gradient(135deg,#7c3aed0a,#4f46e505)}.group-pick-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;background:linear-gradient(135deg,#7c3aed1f,#4f46e514);border-radius:8px;font-size:var(--text-sm);font-weight:500;color:var(--purple-700)}.group-pick-badge svg{width:14px;height:14px;flex-shrink:0}.group-badge-text{display:flex;align-items:center;flex-wrap:wrap;gap:0}.group-badge-name{font-weight:600}.group-badge-divider{margin:0 4px;color:var(--purple-700);opacity:.6}.group-badge-date{font-weight:500;color:#6d28d9}.visited-memory-card{position:relative;background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 12px #0000000f}.visited-memory-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.memory-photo-container{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden}.memory-photo{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.visited-memory-card:hover .memory-photo{transform:scale(1.03)}.memory-photo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-purple, #7c3aed) 0%,#a855f7 50%,#c084fc 100%);display:flex;align-items:center;justify-content:center}.placeholder-letter{font-size:4rem;font-weight:700;color:#ffffffe6;text-transform:uppercase}.memory-favorite-btn{position:absolute;top:12px;right:12px;width:40px;height:40px;background:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px #00000026}.memory-favorite-btn svg{width:20px;height:20px;color:var(--silver-400);transition:all .2s ease}.memory-favorite-btn:hover{transform:scale(1.1);background:#fff}.memory-favorite-btn:hover svg{color:#e91e63}.memory-favorite-btn.active svg{color:#e91e63;fill:#e91e63}.memory-favorite-btn.active:hover{background:#fce7f3}.memory-options-btn{position:absolute;top:60px;right:12px;width:36px;height:36px;background:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px #0000001f}.memory-options-btn svg{width:16px;height:16px;color:var(--silver-500)}.memory-options-btn:hover{transform:scale(1.1);background:#fff}.memory-options-btn:hover svg{color:var(--silver-700)}.memory-options-menu{position:absolute;top:100px;right:12px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;z-index:20;min-width:180px}.memory-option-item{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;background:transparent;border:none;font-size:var(--text-body);font-weight:500;color:var(--silver-700);cursor:pointer;transition:background .15s ease;text-align:left}.memory-option-item svg{width:18px;height:18px;flex-shrink:0}.memory-option-item:hover{background:#f3f4f6}.memory-option-item.remove{color:var(--error)}.memory-option-item.remove:hover{background:#fef2f2}.memory-option-item.remove svg{color:var(--error)}.memory-options-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:5}.memory-overlay{position:absolute;bottom:0;left:0;right:0;padding:48px 16px 16px;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.5) 40%,transparent 100%);pointer-events:none}.memory-info{display:flex;flex-direction:column;gap:6px}.memory-name{margin:0;font-size:var(--text-xl);font-weight:700;color:#fff;line-height:1.25;text-shadow:0 1px 3px rgba(0,0,0,.3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.memory-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--text-body-sm);color:#ffffffe6}.memory-rating{display:inline-flex;align-items:center;gap:3px;font-weight:600;color:#fff}.memory-rating .star{color:var(--gold-light)}.memory-type{color:#ffffffd9}.memory-type:before{content:"·";margin-right:8px;opacity:.6}.memory-location{color:#ffffffd9}.memory-location:before{content:"·";margin-right:8px;opacity:.6}.memory-date{color:#ffffffbf;font-size:var(--text-caption)}.memory-date:before{content:"·";margin-right:8px;opacity:.6}.memory-note{padding:12px 16px 16px;background:#fafafa;border-top:1px solid rgba(0,0,0,.05)}@media (min-width: 768px){.memory-photo-container{aspect-ratio:16 / 9}.memory-name{font-size:var(--text-2xl)}.memory-overlay{padding:56px 20px 20px}}@media (max-width: 480px){.visited-memory-card{border-radius:14px}.memory-photo-container{aspect-ratio:4 / 3}.memory-favorite-btn{width:36px;height:36px;top:10px;right:10px}.memory-favorite-btn svg{width:18px;height:18px}.memory-options-btn{width:32px;height:32px;top:52px;right:10px}.memory-options-btn svg{width:14px;height:14px}.memory-options-menu{top:88px;right:10px}.memory-overlay{padding:40px 14px 14px}.memory-name{font-size:var(--text-md)}.memory-meta{font-size:var(--text-caption);gap:6px}.memory-date{font-size:var(--text-sm)}.placeholder-letter{font-size:var(--text-6xl)}}@media (min-width: 640px){.places-list:has(.visited-memory-card){display:grid;grid-template-columns:repeat(2,1fr);gap:16px}}@media (min-width: 1024px){.places-list:has(.visited-memory-card){grid-template-columns:repeat(3,1fr);gap:20px}}.excluded-item-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.08);overflow:hidden;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.excluded-item-card:hover{border-color:var(--primary-purple);box-shadow:0 8px 24px #7c3aed26;transform:translateY(-2px)}.excluded-item-top{display:flex;gap:16px;padding:20px}.excluded-item-photo{width:100px;height:100px;border-radius:12px;overflow:hidden;flex-shrink:0}.excluded-item-photo img{width:100%;height:100%;object-fit:cover}.excluded-item-photo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-light) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-5xl);font-weight:600}.excluded-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;justify-content:center}.excluded-item-name{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.excluded-item-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.excluded-item-rating{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-body-sm);font-weight:600;color:var(--text-primary);background:var(--gold-50);padding:4px 10px;border-radius:100px}.excluded-item-rating .star-icon{color:var(--gold);font-size:var(--text-caption)}.excluded-item-price{font-size:var(--text-body-sm);font-weight:600;color:var(--success)}.excluded-item-type{font-size:var(--text-body-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.excluded-item-date{margin:4px 0 0;font-size:var(--text-caption);color:var(--text-secondary)}.excluded-item-actions{display:flex;border-top:1px solid rgba(0,0,0,.08)}.excluded-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;background:transparent;border:none;font-size:var(--text-body);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.excluded-action-btn svg{width:18px;height:18px}.excluded-action-btn:not(:last-child){border-right:1px solid rgba(0,0,0,.08)}.excluded-action-btn.restore-btn{color:var(--success);background:#10b9810d}.excluded-action-btn.restore-btn:hover{background:#10b9811f}.excluded-action-btn.review-btn{color:#fff;background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.excluded-action-btn.review-btn:hover{background:linear-gradient(135deg,#6d28d9,#7c3aed)}.excluded-action-btn.remove-btn{color:var(--text-secondary)}.excluded-action-btn.remove-btn:hover{background:#ef444414;color:var(--error)}@media (max-width: 480px){.excluded-item-top{padding:16px}.excluded-item-photo{width:80px;height:80px}.excluded-item-name{font-size:var(--text-base)}.excluded-action-btn{padding:12px 8px;font-size:var(--text-sm);gap:4px}.excluded-action-btn svg{width:14px;height:14px}.excluded-action-btn span{font-size:var(--text-xs)}}@media (max-width: 360px){.excluded-action-btn span{display:none}}.post-visit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.post-visit-modal{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-xl);position:relative;box-shadow:0 20px 50px #0003}.post-visit-close{position:absolute;top:var(--space-md);right:var(--space-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--silver-100);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.post-visit-close:hover{background:var(--silver-200)}.post-visit-close svg{width:18px;height:18px;color:var(--text-secondary)}.post-visit-header{text-align:center;margin-bottom:var(--space-xl)}.post-visit-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;margin:0 0 var(--space-sm) 0;color:var(--text-primary)}.post-visit-restaurant{font-size:var(--text-body);color:var(--text-secondary);margin:0}.post-visit-content{display:flex;flex-direction:column;gap:var(--space-xl);margin-bottom:var(--space-xl)}.rating-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.section-label{font-size:var(--text-body-sm);font-weight:500;color:var(--text-secondary)}.options-section{display:flex;flex-direction:column;gap:var(--space-md)}.checkbox-label{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--silver-50);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative}.checkbox-label:hover{border-color:var(--purple-300);background:var(--purple-50)}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.checkbox-custom{width:24px;height:24px;border:2px solid var(--border);border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast);position:relative}.checkbox-custom:after{content:"";position:absolute;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform var(--transition-fast)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--purple-600);border-color:var(--purple-600)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{transform:rotate(45deg) scale(1)}.checkbox-text{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-body);font-weight:500;color:var(--text-primary);flex:1}.checkbox-icon{width:20px;height:20px;color:var(--purple-600)}.checkbox-icon svg{width:100%;height:100%}.checkbox-icon.exclude{color:var(--error)}.post-visit-actions{display:flex;gap:var(--space-md)}.post-visit-btn{flex:1;padding:var(--space-md) var(--space-lg);font-family:var(--font-body);font-size:var(--text-body);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.done-btn{background:var(--silver-200);color:var(--text-primary)}.done-btn:hover{background:var(--silver-300)}.review-btn{background:var(--purple-600);color:#fff}.review-btn:hover{background:var(--purple-700)}@media (max-width: 480px){.post-visit-modal{max-width:100%;margin:var(--space-md);padding:var(--space-lg)}.post-visit-actions{flex-direction:column}.post-visit-btn{width:100%}}.clm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.clm-modal{background:var(--bg-card, #1e1e2e);border-radius:16px;padding:24px;width:100%;max-width:360px}.clm-modal h3{margin:0 0 16px;font-size:1.2rem;color:var(--text-primary)}.clm-input{width:100%;padding:12px 14px;background:var(--bg-secondary, #2a2a3e);border:1px solid var(--border-color, #3a3a4e);border-radius:10px;color:var(--text-primary);font-size:var(--text-base);outline:none;margin-bottom:16px}.clm-input:focus{border-color:var(--purple-500)}.clm-icons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.clm-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:var(--bg-secondary, #2a2a3e);border:2px solid transparent;border-radius:10px;cursor:pointer;transition:border-color .2s}.clm-icon-btn.selected{border-color:var(--purple-500);background:#9333ea26}.clm-actions{display:flex;gap:10px}.clm-btn{flex:1;padding:12px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;border:none}.clm-btn-cancel{background:var(--bg-secondary, #2a2a3e);color:var(--text-secondary)}.clm-btn-create{background:var(--purple-500);color:#fff}.clm-btn-create:disabled{opacity:.4;cursor:not-allowed}.my-places{min-height:100vh;background:#f5f5f7;display:flex;flex-direction:column;padding-bottom:100px}.my-places-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;z-index:100}.my-places-header h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.my-places-header .back-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#0000000a;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.my-places-header .back-btn:hover{background:#00000014;transform:scale(1.05)}.my-places-header .back-btn svg{width:28px;height:28px}.my-places-header .header-spacer,.my-places-header .add-btn{width:40px;height:40px}.my-places-header .add-btn{display:flex;align-items:center;justify-content:center;background:var(--primary-purple);border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.my-places-header .add-btn:hover{background:var(--primary-purple-dark);transform:scale(1.05)}.my-places-header .add-btn svg{width:20px;height:20px;color:#fff}.header-actions{display:flex;align-items:center;gap:8px}.my-places-header .share-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0000000a;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.my-places-header .share-btn:hover{background:#7c3aed1a;transform:scale(1.05)}.my-places-header .share-btn svg{width:20px;height:20px;color:var(--purple-700)}.plan-with-friends-btn{display:flex;align-items:center;gap:12px;margin:16px 20px 0;padding:14px 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;text-align:left}.plan-with-friends-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f14d}.plan-with-friends-btn:active{transform:translateY(0)}.pwf-icon{width:44px;height:44px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pwf-icon svg{width:24px;height:24px;color:#fff}.pwf-content{flex:1;display:flex;flex-direction:column;gap:2px}.pwf-title{font-size:var(--text-base);font-weight:600;color:#fff}.pwf-subtitle{font-size:.85rem;color:#fffc}.pwf-arrow{width:20px;height:20px;color:#ffffffb3}.active-sessions-btn{display:flex;align-items:center;gap:12px;margin:12px 20px 0;padding:12px 16px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;text-align:left}.active-sessions-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0ea5e94d}.asb-badge{width:32px;height:32px;background:#ffffff40;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:700;color:#fff;flex-shrink:0}.asb-content{flex:1;display:flex;flex-direction:column;gap:1px}.asb-title{font-size:.9rem;font-weight:600;color:#fff}.asb-subtitle{font-size:.8rem;color:#fffc}.asb-arrow{width:18px;height:18px;color:#ffffffb3}.segment-control{display:flex;gap:0;margin:16px 20px 0;padding:3px;background:#7676801f;border-radius:10px}.segment{flex:1;padding:10px 16px;font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:500;color:var(--text-primary);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.segment:hover:not(.active){color:var(--text-primary)}.segment.active{background:#fff;box-shadow:0 1px 3px #00000014,0 2px 8px #0000000a;font-weight:600}.places-summary{margin:16px 20px 0;font-family:var(--font-body);font-size:var(--text-body);color:var(--text-secondary);line-height:1.5}.hidden-history-banner{margin:12px 20px 0;padding:10px 16px;background:linear-gradient(135deg,#6b4edd26,#d4af371a);border:1px solid rgba(107,78,221,.3);border-radius:10px;cursor:pointer;text-align:center;font-family:var(--font-body);font-size:13px;color:var(--text-secondary);transition:all .2s ease}.hidden-history-banner:hover{background:linear-gradient(135deg,#6b4edd40,#d4af3726);border-color:var(--primary-purple)}.filter-pills{display:flex;gap:10px;margin:16px 20px 0}.pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-family:var(--font-body);font-size:var(--text-caption);font-weight:500;color:var(--text-secondary);background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:100px;cursor:pointer;transition:all .2s ease}.pill:hover{background:#f5f5f7}.pill.active{background:#1d1d1f;border-color:var(--text-primary);color:#fff}.pill.favorites svg{width:14px;height:14px;color:#e91e63}.pill.favorites.active svg{color:#fff}.filter-pills.occasion-pills{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.filter-pills.occasion-pills::-webkit-scrollbar{display:none}.filter-pills.occasion-pills .pill{flex-shrink:0;white-space:nowrap}.filter-pills.occasion-pills .pill.occasion.active{background:var(--primary-purple);border-color:var(--primary-purple)}.list-filter-row{display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-md) var(--space-sm)}.list-filter-dropdown{flex:1;padding:8px 32px 8px 12px;font-size:var(--text-body-sm);font-weight:500;color:var(--text-primary);background:var(--bg-secondary);border:1px solid rgba(0,0,0,.08);border-radius:100px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;transition:all .2s ease}.list-filter-dropdown:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #7c3aed1a}.list-manage-btn{padding:8px 14px;font-size:var(--text-caption);font-weight:600;color:var(--primary-purple);background:color-mix(in srgb,var(--primary-purple) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary-purple) 30%,transparent);border-radius:100px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.list-manage-btn:hover:not(:disabled){background:color-mix(in srgb,var(--primary-purple) 20%,transparent)}.list-manage-btn:disabled{opacity:.5;cursor:not-allowed}.search-bar{display:flex;align-items:center;gap:10px;margin:16px 20px 0;padding:12px 16px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;transition:border-color .2s ease,box-shadow .2s ease}.search-bar:focus-within{border-color:var(--primary-purple);box-shadow:0 0 0 3px #7c3aed1a}.search-bar svg{width:18px;height:18px;color:var(--text-secondary);flex-shrink:0}.search-bar input{flex:1;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:transparent;border:none;outline:none}.search-bar input::placeholder{color:var(--text-secondary)}.search-bar .clear-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#00000014;border:none;border-radius:50%;cursor:pointer;transition:background .2s ease}.search-bar .clear-btn:hover{background:#0000001f}.search-bar .clear-btn svg{width:14px;height:14px;color:var(--text-secondary)}.places-content{flex:1;padding:20px}.places-list{display:flex;flex-direction:column;gap:20px;width:100%}@media (min-width: 768px){.places-list{max-width:100%;margin:0 auto;padding:0 32px}}@media (min-width: 1200px){.places-list{max-width:1100px;padding:0 40px}}.lists-tab-content{padding:0 16px}.create-list-btn{width:100%;padding:14px;background:var(--bg-secondary, #2a2a3e);border:2px dashed var(--border-color, #3a3a4e);border-radius:12px;color:var(--purple-400, #a78bfa);font-size:.95rem;font-weight:600;cursor:pointer;margin-bottom:16px;transition:border-color .2s}.create-list-btn:hover{border-color:var(--purple-500)}.create-list-btn:disabled{opacity:.5;cursor:not-allowed}.lists-grid{display:flex;flex-direction:column;gap:12px}.list-card{background:var(--bg-card, #1e1e2e);border:1px solid var(--border-color, #3a3a4e);border-radius:12px;padding:14px}.list-card-header{display:flex;align-items:center;gap:10px}.list-card-icon{font-size:var(--text-3xl)}.list-card-info{flex:1}.list-card-name{display:block;font-weight:600;color:var(--text-primary);font-size:.95rem}.list-card-count{font-size:var(--text-sm);color:var(--text-secondary)}.list-card-delete{background:none;border:none;padding:6px;cursor:pointer;color:var(--text-secondary);opacity:.5;transition:opacity .2s}.list-card-delete:hover{opacity:1;color:var(--error)}.list-card-preview{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color, #3a3a4e)}.list-preview-item{display:block;font-size:.8rem;color:var(--text-secondary);line-height:1.6}.list-preview-more{font-size:var(--text-sm);color:var(--purple-400, #a78bfa)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;min-height:400px}.empty-state svg{width:56px;height:56px;color:#d1d1d6;margin-bottom:20px}.empty-state h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 8px}.empty-state p{font-family:var(--font-body);font-size:var(--text-body);color:var(--text-secondary);margin:0 0 24px;max-width:260px;line-height:1.5}.discover-btn{padding:14px 28px;font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:#fff;background:var(--primary-purple);border:none;border-radius:100px;cursor:pointer;transition:all .2s ease}.discover-btn:hover{background:var(--primary-purple-dark);transform:translateY(-1px)}.sign-in-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;min-height:60vh}.sign-in-prompt h2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin:24px 0 8px}.sign-in-prompt p{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-secondary);margin:0 0 24px}.google-sign-in-btn{display:flex;align-items:center;gap:12px;padding:14px 24px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:12px;font-family:var(--font-body);font-size:var(--text-base);font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.google-sign-in-btn:hover{background:#f5f5f7;box-shadow:0 4px 12px #00000014}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.add-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #0003;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.06)}.modal-header h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0000000f;border:none;border-radius:50%;cursor:pointer;transition:background .2s ease}.close-btn:hover{background:#0000001a}.close-btn svg{width:16px;height:16px;color:var(--text-secondary)}.modal-subtitle{padding:12px 24px 0;font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--text-secondary);margin:0}.schedule-date-picker{padding:16px 24px 0}.schedule-date-picker .date-time-row{display:flex;gap:12px}.schedule-date-picker .date-input-group,.schedule-date-picker .time-input-group{flex:1;display:flex;flex-direction:column;gap:6px}.schedule-date-picker label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.schedule-date-picker input{padding:12px 14px;font-family:var(--font-body);font-size:var(--text-body);color:var(--text-primary);background:#f5f5f7;border:1px solid transparent;border-radius:10px;outline:none;transition:all .2s ease}.schedule-date-picker input:focus{background:#fff;border-color:var(--primary-purple);box-shadow:0 0 0 3px #7c3aed1a}.search-form{display:flex;gap:10px;padding:16px 24px}.search-form input{flex:1;padding:14px 16px;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:#f5f5f7;border:1px solid transparent;border-radius:12px;outline:none;transition:all .2s ease}.search-form input:focus{background:#fff;border-color:var(--primary-purple);box-shadow:0 0 0 3px #7c3aed1a}.search-form input::placeholder{color:var(--text-secondary)}.search-form button{padding:14px 24px;font-family:var(--font-body);font-size:var(--text-body);font-weight:600;color:#fff;background:var(--primary-purple);border:none;border-radius:12px;cursor:pointer;transition:background .2s ease}.search-form button:hover:not(:disabled){background:var(--primary-purple-dark)}.search-form button:disabled{opacity:.6;cursor:not-allowed}.search-results{flex:1;overflow-y:auto;padding:0 24px 24px;min-height:200px;max-height:400px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px}.spinner{width:32px;height:32px;border:3px solid rgba(0,0,0,.08);border-top-color:var(--primary-purple);border-radius:50%;animation:spin 1s linear infinite}.loading p{font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--text-secondary);margin:16px 0 0}.no-results,.empty-search{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center}.no-results p,.empty-search p{font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--text-secondary);margin:12px 0 0}.empty-search svg{width:40px;height:40px;color:#d1d1d6}.results-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.result-item{display:flex;align-items:center;gap:14px;padding:12px;background:#f5f5f7;border-radius:14px;transition:background .2s ease}.result-item:hover{background:#ebebed}.result-photo{width:52px;height:52px;border-radius:10px;overflow:hidden;flex-shrink:0}.result-photo img{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-light) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:#fff}.result-info{flex:1;min-width:0}.result-info h4{font-family:var(--font-display);font-size:var(--text-body);font-weight:600;color:var(--text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-info p{font-family:var(--font-body);font-size:var(--text-caption);color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-result-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary-purple);border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0}.add-result-btn svg{width:18px;height:18px;color:#fff}.add-result-btn:hover:not(:disabled){background:var(--primary-purple-dark);transform:scale(1.05)}.add-result-btn.added{background:#10b981;cursor:default}.add-result-btn:disabled{opacity:1}@media (max-width: 480px){.my-places-header{padding:12px 16px}.my-places-header h1{font-size:var(--text-xl)}.segment-control{margin:12px 16px 0}.segment{padding:8px 12px;font-size:var(--text-caption)}.places-summary{margin:12px 16px 0;font-size:var(--text-body-sm)}.filter-pills{margin:12px 16px 0}.search-bar{margin:12px 16px 0;padding:10px 14px}.places-content{padding:16px}.places-grid{gap:12px}.empty-state{padding:40px 20px}.empty-state h3{font-size:var(--text-lg)}.empty-state p{font-size:var(--text-body-sm)}.add-modal{max-height:90vh;border-radius:16px}.modal-header{padding:16px 20px}.modal-subtitle{padding:8px 20px 0}.search-form{padding:12px 20px}.search-form input{padding:12px 14px}.search-form button{padding:12px 20px}.search-results{padding:0 20px 20px}.result-photo{width:44px;height:44px}.result-info h4{font-size:var(--text-body-sm)}.result-info p{font-size:var(--text-sm)}}.saved-event-card{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:12px;margin-bottom:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a;position:relative}.saved-event-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.saved-event-image{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#f5f5f7,#e8e8ed)}.saved-event-image img{width:100%;height:100%;object-fit:cover}.event-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,#9333ea 100%)}.event-image-placeholder svg{width:32px;height:32px;color:#fff;opacity:.8}.saved-event-content{flex:1;min-width:0;padding-right:32px}.saved-event-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.saved-event-datetime,.saved-event-venue{display:flex;align-items:center;gap:6px;font-size:var(--text-caption);color:var(--text-secondary);margin-bottom:4px}.saved-event-datetime svg,.saved-event-venue svg{width:14px;height:14px;flex-shrink:0}.saved-event-datetime{color:var(--primary);font-weight:500}.saved-event-datetime svg{color:var(--primary)}.remove-event-btn{position:absolute;top:12px;right:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0000000f;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.remove-event-btn:hover{background:#ff3b301a}.remove-event-btn svg{width:14px;height:14px;color:var(--text-secondary)}.remove-event-btn:hover svg{color:var(--error)}@media (max-width: 480px){.saved-event-image{width:70px;height:70px}.saved-event-name{font-size:var(--text-body)}.saved-event-datetime,.saved-event-venue{font-size:var(--text-sm)}}.groups-content{padding:0 16px 20px;display:flex;flex-direction:column;gap:16px}.groups-welcome{display:flex;flex-direction:column;gap:24px;padding-top:8px}.groups-welcome-header{text-align:center}.groups-welcome-header h2{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin:0 0 4px}.groups-welcome-header p{font-size:var(--text-body);color:var(--text-secondary);margin:0}.groups-action-cards{display:flex;gap:12px}.group-card-action{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;border-radius:20px;border:none;cursor:pointer;transition:all .2s ease}.group-card-action.create{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 4px 20px #7c3aed4d}.group-card-action.join{background:#fff;border:2px solid #e5e7eb}.group-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:16px}.group-card-action.create .group-card-icon{background:#fff3}.group-card-action.create .group-card-icon svg{width:28px;height:28px;stroke:#fff}.group-card-action.join .group-card-icon{background:#7c3aed1a}.group-card-action.join .group-card-icon svg{width:28px;height:28px;stroke:#7c3aed}.group-card-text{display:flex;flex-direction:column;align-items:center;gap:2px}.group-card-title{font-size:var(--text-base);font-weight:600}.group-card-action.create .group-card-title{color:var(--surface)}.group-card-action.join .group-card-title{color:var(--text-primary)}.group-card-desc{font-size:var(--text-caption)}.group-card-action.create .group-card-desc{color:#fffc}.group-card-action.join .group-card-desc{color:var(--text-secondary)}.groups-how-it-works{background:#f5f5f7;border-radius:16px;padding:20px}.groups-how-it-works h3{font-size:var(--text-body-sm);font-weight:600;color:var(--text-secondary);margin:0 0 16px;text-transform:uppercase;letter-spacing:.05em}.how-steps{display:flex;flex-direction:column;gap:12px}.how-step{display:flex;align-items:center;gap:12px;font-size:var(--text-body);color:var(--text-primary)}.step-num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed,#a855f7);color:var(--surface);font-size:var(--text-sm);font-weight:600;border-radius:50%}.group-actions-compact{display:flex;gap:10px;margin-bottom:20px}.group-btn-compact{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:12px;font-size:var(--text-body-sm);font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.group-btn-compact svg{width:16px;height:16px}.group-btn-compact.primary{background:linear-gradient(135deg,#7c3aed,#a855f7);color:var(--surface)}.group-btn-compact.secondary{background:#f5f5f7;color:var(--text-primary)}.groups-empty-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px}.groups-empty-actions .discover-btn.secondary{background:transparent;color:var(--purple-700);border:2px solid var(--purple-700)}.join-code-btn,.create-session-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:#fff;border:2px dashed #d1d5db;border-radius:16px;font-size:var(--text-body);font-weight:600;color:var(--silver-500);cursor:pointer;transition:all .2s ease}.join-code-btn:hover,.create-session-btn:hover{border-color:var(--purple-700);color:var(--purple-700);background:#7c3aed0a}.join-code-btn svg,.create-session-btn svg{width:20px;height:20px}.sessions-list{display:flex;flex-direction:column;gap:12px}.session-card{background:#fff;border-radius:16px;padding:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000f}.session-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.session-card.pending-approval{border:2px dashed #3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);opacity:.9}.session-card.pending-approval:hover{transform:none;cursor:default}.session-header{display:flex;align-items:center;gap:12px}.session-mood-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);background:linear-gradient(135deg,#7c3aed1a,#a855f71a);border-radius:12px}.session-info{flex:1;min-width:0}.session-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-meta{display:flex;align-items:center;gap:10px}.session-participants{display:flex;align-items:center;gap:4px;font-size:var(--text-caption);color:var(--silver-500)}.session-participants svg{width:14px;height:14px}.session-host-badge{font-size:var(--text-xs);font-weight:600;color:var(--purple-700);background:#7c3aed1a;padding:2px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.03em}.session-status{font-size:var(--text-sm);font-weight:600;padding:6px 12px;border-radius:8px;text-transform:uppercase;letter-spacing:.03em}.session-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f2}.session-code{font-size:var(--text-caption);font-weight:500;color:var(--text-secondary);font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;letter-spacing:.05em}.session-arrow{width:20px;height:20px;color:#c7c7cc}.group-actions{display:flex;gap:12px;margin-bottom:24px}.group-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border-radius:14px;font-size:var(--text-body);font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.group-action-btn.primary{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 4px 12px #7c3aed4d}.group-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7c3aed66}.group-action-btn.secondary{background:#fff;color:var(--purple-700);border:2px solid #e5e7eb}.group-action-btn.secondary:hover{border-color:var(--purple-700);background:#7c3aed0a}.group-action-btn svg{width:18px;height:18px}.sessions-section{margin-bottom:24px}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:0 4px}.section-label{font-size:var(--text-sm);font-weight:700;color:var(--text-secondary);letter-spacing:.1em}.section-count{font-size:var(--text-xs);font-weight:600;color:var(--purple-700);background:#7c3aed1a;padding:2px 8px;border-radius:10px}.session-card-content{display:flex;align-items:center;gap:12px}.session-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.session-code-inline{font-size:var(--text-sm);color:var(--text-secondary);font-family:SF Mono,SFMono-Regular,ui-monospace,monospace}.session-winner{font-size:var(--text-sm);color:var(--success);font-weight:500}.session-status.completed{background:#10b9811a;color:var(--success)}.session-card.past{opacity:.85}.session-card.past:hover{opacity:1}.session-delete-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--silver-400);cursor:pointer;transition:all .2s ease}.session-delete-btn:hover{background:#fef2f2;color:var(--error)}.session-delete-btn svg{width:16px;height:16px}.groups-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px}.groups-empty .empty-icon{font-size:var(--text-6xl);margin-bottom:16px}.groups-empty h3{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 8px}.groups-empty p{font-size:var(--text-body);color:var(--text-secondary);margin:0;max-width:280px;line-height:1.5}.delete-modal{background:#fff;border-radius:24px;width:90%;max-width:360px;padding:32px 24px;text-align:center}.delete-modal-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#fef2f2;border-radius:50%;margin:0 auto 20px}.delete-modal-icon svg{width:28px;height:28px;color:var(--error)}.delete-modal h3{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0 0 8px}.delete-modal p{font-size:var(--text-body);color:var(--silver-500);margin:0 0 24px;line-height:1.5}.delete-modal-actions{display:flex;gap:12px}.delete-cancel-btn,.delete-confirm-btn{flex:1;padding:14px 20px;font-size:var(--text-body);font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s ease}.delete-cancel-btn{background:#f3f4f6;color:var(--silver-700);border:none}.delete-cancel-btn:hover{background:#e5e7eb}.delete-confirm-btn{background:#ef4444;color:#fff;border:none}.delete-confirm-btn:hover{background:#dc2626}.delete-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.join-modal{background:#fff;border-radius:24px;width:90%;max-width:400px;overflow:hidden;padding:24px}.join-code-input-container{margin:20px 0}.join-code-input{width:100%;padding:16px 20px;font-size:var(--text-3xl);font-weight:600;text-align:center;letter-spacing:.3em;border:2px solid #e5e5e7;border-radius:16px;background:#f9fafb;font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;transition:all .2s ease}.join-code-input:focus{outline:none;border-color:var(--purple-700);background:#fff;box-shadow:0 0 0 4px #7c3aed1a}.join-code-input::placeholder{color:#c7c7cc;letter-spacing:.2em}.join-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border-radius:12px;margin-bottom:16px}.join-error svg{width:18px;height:18px;color:var(--error);flex-shrink:0}.join-error span{font-size:var(--text-body-sm);color:var(--error)}.join-submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:var(--surface);border:none;border-radius:14px;font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .2s ease}.join-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #7c3aed66}.join-submit-btn:disabled{opacity:.5;cursor:not-allowed}.join-submit-btn svg{width:20px;height:20px}.btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--surface);border-radius:50%;animation:spin .8s linear infinite}.upcoming-list{display:flex;flex-direction:column;gap:24px}.upcoming-section{display:flex;flex-direction:column;gap:12px}.upcoming-section-title{font-size:var(--text-caption);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6e6e73;margin:0;padding:0 4px}.upcoming-section .places-list{gap:12px}.rankings-tab{display:flex;flex-direction:column;gap:24px;padding:0 4px}.rankings-divider{height:1px;background:#8e8e9333;margin:8px 0}.trip-detail-modal{background:#fff;border-radius:24px;width:min(95vw,500px);max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.trip-detail-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.08)}.trip-detail-modal .modal-header h2{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0}.trip-detail-content{padding:16px 24px 24px;overflow-y:auto;flex:1}.trip-info-header{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.06)}.trip-destination,.trip-dates{display:flex;align-items:center;gap:8px;font-size:var(--text-body);color:#6e6e73}.trip-destination svg,.trip-dates svg{width:18px;height:18px;color:var(--primary-purple);flex-shrink:0}.trip-days-list{display:flex;flex-direction:column;gap:16px}.trip-day-card{background:#f9f9fb;border-radius:16px;padding:16px}.trip-day-header{font-size:var(--text-body);font-weight:600;color:var(--text-primary);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.06)}.trip-meal-item{display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .2s ease;border-radius:8px;margin:0 -8px;padding:10px 8px}.trip-meal-item:hover{background:#0000000a}.meal-type-label{font-size:var(--text-sm);font-weight:600;text-transform:capitalize;color:#6e6e73;width:60px;flex-shrink:0}.meal-restaurant{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.meal-photo{width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0}.meal-info{display:flex;flex-direction:column;gap:2px;min-width:0}.meal-name{font-size:var(--text-body-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meal-rating{font-size:var(--text-sm);color:#f5a623}.trip-events-section{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(0,0,0,.1)}.events-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);display:block;margin-bottom:8px}.trip-event-item{display:flex;flex-direction:column;gap:2px;padding:8px 0}.trip-event-item .event-name{font-size:var(--text-caption);font-weight:500;color:var(--text-primary)}.trip-event-item .event-venue{font-size:var(--text-sm);color:var(--text-muted)}.premium-screen{min-height:100vh;padding-top:64px;background:linear-gradient(180deg,#f8f7fc,#fafafa 40%,#fff)}.premium-header{display:flex;align-items:center;gap:12px;padding:14px 16px;position:fixed;top:0;left:0;width:100%;background:#f8f7fceb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.04);z-index:100;box-sizing:border-box}.premium-header .back-btn{background:none;border:none;cursor:pointer;padding:4px;color:#333}.premium-header .back-btn svg{width:24px;height:24px;color:var(--text-primary);stroke-width:2.5}.premium-header-icon{border-radius:8px;box-shadow:0 2px 6px #7c3aed1f}.premium-header-title{font-size:1rem;font-weight:600;color:#1a1a2e;letter-spacing:-.01em}.premium-content{padding:var(--space-xl);max-width:600px;margin:0 auto}.premium-hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 36px 44px;margin-top:24px;background:linear-gradient(180deg,#f8f5ff80,#fff 20%,#fff);border-radius:24px;border:1.5px solid transparent;background-clip:padding-box;box-shadow:0 1px 2px #0000000a,0 4px 12px #7c3aed14,0 12px 32px #7c3aed1a,0 24px 60px #7c3aed0f}.premium-hero:before{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:25px;background:linear-gradient(160deg,#9333ea59,#c484fc26,#7c3aed0f,#c484fc33,#9333ea4d);z-index:-1}.premium-hero-icon{display:block;margin:0 auto 28px;width:104px;height:104px;border-radius:24px;box-shadow:0 4px 12px #8b5cf633,0 8px 24px #8b5cf61a}.premium-hero h2{font-size:1.85rem;font-weight:700;color:#1a1a2e;margin:0 0 10px;letter-spacing:-.025em}.premium-hero p{color:#555;font-size:1.02rem;margin:0 0 32px;line-height:1.55;max-width:380px}.hero-trial-badge{display:inline-block;padding:var(--space-xs) var(--space-lg);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:linear-gradient(135deg,var(--purple-500) 0%,var(--purple-700) 100%);border-radius:var(--radius-full)}.features-section{margin-bottom:var(--space-2xl)}.features-grid{display:flex;flex-direction:column;gap:var(--space-md)}.feature-card{position:relative;display:flex;align-items:flex-start;gap:var(--space-lg);background:#fff;border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-xl);box-shadow:0 1px 3px #0000000a,0 4px 12px #8b5cf60f;transition:all var(--transition-normal)}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,#8b5cf64d,#c084fc26,#e9d5ff1a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.feature-card:hover{transform:translateY(-2px);box-shadow:0 2px 6px #0000000a,0 8px 20px #8b5cf61a}.feature-icon-svg{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--purple-50),var(--purple-100));color:var(--purple-600)}.feature-icon-svg svg{width:24px;height:24px}.feature-text h4{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-xs) 0;color:var(--text-primary)}.feature-text p{font-size:var(--text-body-sm);color:var(--text-secondary);margin:0;line-height:1.5}.coming-soon-badge{display:inline-block;font-size:var(--text-2xs, 10px);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-purple, #7c3aed);background:linear-gradient(135deg,#f5f3ff,#ede9fe);padding:2px 8px;border-radius:100px;margin-left:8px;vertical-align:middle}.coming-soon-inline{font-size:var(--text-xs);font-weight:600;color:var(--primary-purple, #7c3aed);opacity:.8}.pricing-section{margin-bottom:var(--space-xl)}.comparison-section h3,.features-section h3,.pricing-section h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;text-align:center;margin:0 0 var(--space-lg) 0}.pricing-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.pricing-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--space-xl) var(--space-lg);background:#fff;border:2px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal)}.pricing-card:hover{border-color:var(--purple-300)}.pricing-card.selected{border-color:transparent;background:var(--purple-50);box-shadow:0 0 0 2px var(--purple-500),0 4px 16px #8b5cf626,0 0 40px #8b5cf614}.best-value{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:linear-gradient(135deg,var(--purple-500) 0%,var(--purple-700) 100%);border-radius:var(--radius-full);white-space:nowrap}.plan-name{font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-xs)}.plan-price{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:700;color:var(--text-primary)}.plan-period{font-size:var(--text-body-sm);color:var(--text-muted)}.plan-savings{margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-weight:600;color:var(--success);background:#10b9811a;border-radius:var(--radius-sm)}.cta-section{margin-bottom:var(--space-2xl)}.subscribe-btn{width:100%;padding:var(--space-lg) var(--space-xl);font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;color:#fff;background:linear-gradient(135deg,var(--purple-500) 0%,var(--purple-700) 100%);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 14px #8b5cf666,0 1px 3px #0000001a}.subscribe-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680,0 2px 6px #0000001a}.subscribe-btn:disabled{opacity:.7;cursor:not-allowed}.subscribe-btn .processing{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.subscribe-btn .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.terms{text-align:center;font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-md)}.trial-terms{text-align:center;font-size:var(--text-caption);color:var(--text-secondary);margin-top:var(--space-sm)}.or-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--border)}.or-divider span{font-size:var(--text-body-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.subscribe-btn.secondary{background:#fff;color:var(--purple-600);border:2px solid var(--purple-300);box-shadow:none}.subscribe-btn.secondary:hover:not(:disabled){background:var(--purple-50);border-color:var(--purple-500);transform:translateY(-2px);box-shadow:var(--shadow-md)}.subscribe-btn.retry-btn{background:#fff;color:var(--purple-600);border:2px solid var(--purple-300);box-shadow:none}.comparison-section{margin-bottom:var(--space-2xl)}.comparison-table{background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000a}.comparison-row{display:grid;grid-template-columns:1fr 80px 80px;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border)}.comparison-row:last-child{border-bottom:none}.comparison-row.header{background:linear-gradient(135deg,var(--purple-50),var(--silver-100));font-weight:600;font-size:var(--text-body-sm);color:var(--text-secondary)}.comparison-row.header span:last-child{color:var(--purple-600);font-weight:700}.comparison-row:not(.header):nth-child(odd){background:#8b5cf605}.comparison-row span:not(:first-child){text-align:center}.premium-value{color:var(--purple-600);font-weight:600}.comparison-row .no{color:var(--silver-400)}.comparison-row .yes{color:var(--success)}.trust-section{display:flex;justify-content:center;gap:var(--space-xl);padding:var(--space-lg) 0;border-top:1px solid var(--border)}.trust-item{display:flex;align-items:center;gap:6px;font-size:var(--text-caption);color:var(--text-secondary)}.trust-item svg{color:var(--purple-500);flex-shrink:0}.legal-links{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);padding:var(--space-md);background:var(--silver-50);border-radius:var(--radius-md)}.legal-link-btn{background:none;border:none;color:var(--primary);font-size:var(--text-body);font-weight:500;cursor:pointer;text-decoration:underline;padding:var(--space-xs) var(--space-sm);transition:color .2s ease}.legal-link-btn:hover{color:var(--primary-dark)}.legal-link-btn:active{opacity:.7}.legal-divider{color:var(--text-muted);font-size:var(--text-body-sm)}.premium-active-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;box-shadow:var(--shadow-lg)}.premium-badge-large{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:var(--text-xl);font-weight:600;color:var(--purple-700);background:linear-gradient(135deg,var(--purple-100) 0%,var(--purple-50) 100%);border-radius:var(--radius-full);margin-bottom:var(--space-xl)}.premium-badge-large .crown{font-size:var(--text-3xl)}.subscription-details{margin-bottom:var(--space-xl)}.plan-info{font-size:var(--text-lg);margin:0 0 var(--space-xs) 0}.expires-info{font-size:var(--text-body-sm);color:var(--text-secondary);margin:0}.premium-benefits-active{text-align:left;padding:var(--space-lg);background:var(--silver-50);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.premium-benefits-active h3{font-size:var(--text-base);margin:0 0 var(--space-md) 0;text-align:left}.premium-benefits-active ul{list-style:none;padding:0;margin:0}.premium-benefits-active li{padding:var(--space-xs) 0;padding-left:var(--space-lg);position:relative;font-size:var(--text-body)}.premium-benefits-active li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:600}.cancel-btn{padding:var(--space-sm) var(--space-lg);font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--text-muted);background:none;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.cancel-btn:hover{color:var(--error);border-color:var(--error)}.premium-active-card.trial-mode{background:linear-gradient(135deg,#fefce8,#fff);border:2px solid var(--gold-100)}.premium-badge-large.trial-badge{color:var(--gold-800);background:linear-gradient(135deg,var(--gold-100) 0%,var(--gold-50) 100%)}.trial-status-banner{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-lg);margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);border-radius:var(--radius-lg);color:#fff}.trial-days{font-family:var(--font-display);font-size:var(--text-6xl);font-weight:700;line-height:1}.trial-label{font-size:var(--text-base);font-weight:500;opacity:.9}.trial-upgrade-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border)}.trial-upgrade-text{font-size:var(--text-body);color:var(--text-secondary);margin:0 0 var(--space-md) 0}.restore-section{text-align:center;padding:var(--space-xl) 0;margin-top:var(--space-lg);border-top:1px solid var(--border)}.restore-btn{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-body-sm);cursor:pointer;transition:all .2s ease}.restore-btn:hover:not(:disabled){background:#0000000d;border-color:var(--text-secondary)}.restore-btn:disabled{opacity:.5;cursor:not-allowed}.restore-note{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--text-muted)}.type-badge{font-size:.7rem;font-weight:600;color:#fff;padding:2px 8px;border-radius:10px;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 480px){.premium-content{padding:var(--space-lg)}.premium-hero h2{font-size:var(--text-3xl)}.premium-hero-icon{display:block;margin:0 auto var(--space-md);width:64px;height:64px;border-radius:16px}.feature-card{padding:var(--space-md) var(--space-lg)}.pricing-options{grid-template-columns:1fr}.trust-section{flex-direction:column;align-items:center;gap:var(--space-md)}.comparison-row{grid-template-columns:1fr 60px 60px;font-size:var(--text-body-sm);padding:var(--space-sm) var(--space-md)}.trial-status-banner{padding:var(--space-md)}.trial-days{font-size:2.5rem}.trial-label{font-size:var(--text-body-sm)}.premium-badge-large{padding:var(--space-sm) var(--space-lg);font-size:var(--text-base)}.or-divider{margin:var(--space-md) 0}}@media (min-width: 768px) and (max-width: 1023px){.premium-content{max-width:700px;padding:32px 48px}.pricing-options{gap:24px}.subscribe-btn{max-width:500px;margin:0 auto}.premium-hero h2{font-size:var(--text-5xl)}}html.dark-mode .premium-screen{background:linear-gradient(180deg,rgba(139,92,246,.08) 0%,var(--background) 30%)}html.dark-mode .premium-header{background:#0d0d1aeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:#ffffff0f}html.dark-mode .premium-header .back-btn{color:#ccc}html.dark-mode .premium-header-title{color:#f0f0f5}html.dark-mode .feature-card{background:var(--surface);box-shadow:0 2px 8px #0003}html.dark-mode .feature-card:before{background:linear-gradient(135deg,rgba(139,92,246,.4),rgba(192,132,252,.2),transparent)}html.dark-mode .feature-icon-svg{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:var(--purple-400)}html.dark-mode .feature-text h4{color:var(--text-primary)}html.dark-mode .pricing-card{background:var(--surface);border-color:var(--border)}html.dark-mode .pricing-card.selected{background:#8b5cf61a;box-shadow:0 0 0 2px var(--purple-500),0 4px 16px #8b5cf633,0 0 40px #8b5cf61a}html.dark-mode .comparison-table{background:var(--surface)}html.dark-mode .comparison-row.header{background:#8b5cf61a}html.dark-mode .comparison-row:not(.header):nth-child(odd){background:#8b5cf60a}html.dark-mode .premium-active-card{background:var(--surface)}html.dark-mode .premium-benefits-active,html.dark-mode .legal-links{background:#0003}html.dark-mode .subscribe-btn.secondary{background:var(--surface);color:var(--purple-400);border-color:var(--purple-700)}html.dark-mode .subscribe-btn.secondary:hover:not(:disabled){background:#8b5cf61a}html.dark-mode .subscribe-btn.retry-btn{background:var(--surface);color:var(--purple-400);border-color:var(--purple-700)}.event-card{background:var(--surface);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .2s ease;border:1px solid var(--border)}.event-card:hover{box-shadow:0 8px 24px #0000001a}.event-card-image{position:relative;width:100%;padding-top:56.25%;background:var(--background);overflow:hidden}.event-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.event-card-image.no-image{background:linear-gradient(135deg,var(--background) 0%,var(--surface) 100%)}.event-card-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.event-card-placeholder svg{width:48px;height:48px;color:var(--text-tertiary, #888);opacity:.4}.sold-out-badge,.online-badge{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:8px;font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sold-out-badge{background:#ef4444e6;color:#fff}.online-badge{background:#3b82f6e6;color:#fff}.event-source-badge{position:absolute;bottom:12px;left:12px;padding:4px 8px;border-radius:6px;font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.event-source-badge.source-ticketmaster{background:#0066cce6;color:#fff}.event-source-badge.source-seatgeek{background:#1777ffe6;color:#fff}.event-source-badge.source-eventbrite{background:#f6683de6;color:#fff}.event-card-content{padding:1.25rem}.event-card-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.event-name{flex:1;font-size:var(--text-lg);font-weight:600;color:var(--text);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-save-btn{flex-shrink:0;width:32px;height:32px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.event-save-btn:hover{background:var(--background);color:var(--primary)}.event-save-btn.saved{color:var(--primary)}.event-save-btn svg{width:20px;height:20px}.event-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.event-date,.event-venue{display:flex;align-items:center;gap:.5rem;font-size:var(--text-body-sm);color:var(--text-muted)}.event-date svg,.event-venue svg{width:16px;height:16px;flex-shrink:0}.event-venue span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.event-price{font-size:var(--text-body-sm);font-weight:600;color:var(--primary)}.event-category{font-size:var(--text-sm);color:var(--text-muted);padding:4px 8px;background:var(--background);border-radius:6px;text-transform:capitalize}.event-saved-indicator{display:flex;align-items:center;gap:6px;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:var(--text-caption);font-weight:500;color:#22c55e}.event-saved-indicator svg{width:16px;height:16px}@media (max-width: 768px){.event-card-content{padding:1rem}.event-name{font-size:var(--text-base)}.event-date,.event-venue{font-size:var(--text-caption)}}.weather-badge-wrapper{position:relative;display:inline-flex;align-items:center;margin-left:6px}.weather-badge{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold-50),var(--gold-100));border:none;border-radius:50%;cursor:pointer;padding:0;transition:transform .15s ease,box-shadow .15s ease}.weather-badge:hover{transform:scale(1.1);box-shadow:0 2px 8px #fbbf2466}.weather-badge:active{transform:scale(.95)}.weather-emoji{font-size:var(--text-body-sm);line-height:1}.weather-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;z-index:100}.tooltip-content{display:flex;align-items:center;gap:6px;background:#1f2937;color:#fff;padding:8px 12px;border-radius:8px;font-size:var(--text-sm);white-space:nowrap;box-shadow:0 4px 12px #00000026}.tooltip-emoji{font-size:var(--text-base)}.tooltip-temp{font-weight:600;color:var(--gold-light)}.tooltip-desc{color:#d1d5db}.tooltip-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #1f2937}@media (max-width: 360px){.weather-tooltip{left:auto;right:-10px;transform:none}.tooltip-arrow{left:auto;right:16px}}@media (prefers-reduced-motion: reduce){.weather-badge{transition:none}}.events-screen{min-height:100vh;min-height:100dvh;background:var(--background);padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.events-header{display:flex;align-items:center;gap:1rem;padding:1rem;padding-top:calc(env(safe-area-inset-top,0) + 1rem);background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.back-btn{width:40px;height:40px;border:none;background:transparent;color:var(--text);cursor:pointer;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.back-btn:hover{background:var(--background)}.back-btn svg{width:24px;height:24px}.events-header-content{flex:1}.events-title{font-size:var(--text-xl);font-weight:700;color:var(--text);margin:0}.events-subtitle-row{display:flex;align-items:center;gap:.5rem}.events-subtitle{font-size:var(--text-body-sm);color:var(--text-muted);margin:0}.filter-toggle-btn{position:relative;height:40px;padding:0 14px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.filter-toggle-btn svg{width:18px;height:18px}.filter-toggle-btn .filter-text{font-size:var(--text-body-sm);font-weight:600}.filter-toggle-btn:hover,.filter-toggle-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-badge{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--accent);border-radius:50%;border:2px solid var(--surface)}.filters-panel{background:var(--surface);border-bottom:1px solid var(--border);padding:1rem;overflow:hidden}.filter-section{margin-bottom:1.5rem}.filter-section:last-child{margin-bottom:0}.filter-label{font-size:var(--text-body-sm);font-weight:600;color:var(--text);margin:0 0 .75rem}.filter-options{display:flex;flex-wrap:wrap;gap:.5rem}.filter-option{padding:8px 16px;border:1px solid var(--border);background:var(--background);color:var(--text);border-radius:20px;font-size:var(--text-body-sm);cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-option:hover{border-color:var(--primary);color:var(--primary)}.filter-option.active{background:var(--primary);color:#fff;border-color:var(--primary)}.clear-filters-btn{width:100%;padding:12px;border:1px solid var(--border);background:transparent;color:var(--text);border-radius:12px;font-size:var(--text-body-sm);font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem}.clear-filters-btn:hover{background:var(--background);border-color:var(--text-muted)}.events-main{padding:1rem}.events-count{font-size:var(--text-body-sm);color:var(--text-muted);margin-bottom:1rem}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.events-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;text-align:center}.spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.events-loading p{color:var(--text-muted);font-size:var(--text-body-sm)}.events-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;text-align:center}.events-error svg{width:64px;height:64px;color:var(--text-muted);margin-bottom:1rem}.events-error p{color:var(--text-muted);margin-bottom:1.5rem}.retry-btn{padding:12px 24px;border:none;background:var(--primary);color:#fff;border-radius:12px;font-size:var(--text-body-sm);font-weight:600;cursor:pointer;transition:opacity .2s ease}.events-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;text-align:center}.events-empty svg{width:64px;height:64px;color:var(--text-muted);margin-bottom:1rem}.events-empty h3{font-size:var(--text-xl);color:var(--text);margin:0 0 .5rem}.events-empty p{color:var(--text-muted);margin:0 0 1.5rem}.radius-expand-section{background:var(--background);border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.5rem;width:100%;max-width:320px}.radius-expand-label{font-size:var(--text-body-sm);font-weight:600;color:var(--text);margin:0 0 .75rem}.radius-expand-options{display:flex;gap:.5rem;justify-content:center}.radius-expand-btn{padding:10px 16px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:20px;font-size:var(--text-body-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.radius-expand-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.radius-expand-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);cursor:default}.radius-expand-btn:disabled{opacity:.7}@media (max-width: 768px){.events-grid{grid-template-columns:1fr}.events-header{padding:.75rem}.events-title{font-size:var(--text-lg)}.filter-options{gap:.375rem}.filter-option{padding:6px 12px;font-size:var(--text-caption)}}.event-detail-screen{min-height:100vh;background:var(--background);padding-bottom:80px}.event-detail-header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1rem;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 100%);z-index:100}.event-detail-header .back-btn,.event-detail-header .save-btn{width:52px;height:52px;border:none;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.event-detail-header .back-btn:hover,.event-detail-header .save-btn:hover{transform:scale(1.05)}.event-detail-header .back-btn:active,.event-detail-header .save-btn:active{transform:scale(.95)}.event-detail-header .save-btn.saved{color:var(--primary)}.event-detail-header .back-btn svg,.event-detail-header .save-btn svg{width:26px;height:26px}.event-hero-image{position:relative;width:100%;height:400px;background:#1a1a2e;overflow:hidden}.event-hero-image img{width:100%;height:100%;object-fit:cover;object-position:top center}.sold-out-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;font-size:var(--text-5xl);font-weight:700;color:#fff;text-transform:uppercase}.online-badge{position:absolute;top:1rem;right:1rem;padding:8px 16px;background:#3b82f6f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:8px;font-size:var(--text-body-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.event-source-badge{position:absolute;bottom:1rem;left:1rem;padding:6px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:8px;font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.event-source-badge.source-ticketmaster{background:#0066ccf2}.event-source-badge.source-seatgeek{background:#1777fff2}.event-source-badge.source-eventbrite{background:#f6683df2}.event-detail-main{padding:1.5rem 1rem}.event-detail-content{max-width:800px;margin:0 auto}.event-detail-title{font-size:var(--text-4xl);font-weight:700;color:var(--text);line-height:1.3;margin:0 0 1.5rem}.event-info-grid{display:grid;gap:1rem;margin-bottom:2rem}.event-info-item{display:flex;gap:1rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:12px}.event-info-item svg{width:24px;height:24px;color:var(--primary);flex-shrink:0;margin-top:2px}.event-info-item>div{flex:1}.info-label{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.info-value{font-size:var(--text-base);font-weight:600;color:var(--text);line-height:1.4}.info-subtext{font-size:var(--text-body-sm);color:var(--text-muted);margin-top:.25rem}.event-description-section{margin-bottom:2rem}.section-title{font-size:var(--text-xl);font-weight:700;color:var(--text);margin:0 0 1rem}.event-description{color:var(--text-secondary);line-height:1.7;max-height:200px;overflow:hidden;position:relative;font-size:var(--text-base)}.event-description.expanded{max-height:none}.event-description:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,var(--background));pointer-events:none}.event-description.expanded:after{display:none}.show-more-btn{margin-top:.5rem;padding:8px 16px;border:1px solid var(--border);background:transparent;color:var(--primary);border-radius:8px;font-size:var(--text-body-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.show-more-btn:hover{background:var(--surface)}.show-more-btn:active{transform:scale(.98)}.get-tickets-btn{width:100%;padding:1rem;border:none;background:var(--primary);color:#fff;border-radius:12px;font-size:var(--text-base);font-weight:600;cursor:pointer;transition:opacity .2s ease;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.get-tickets-btn:hover{opacity:.9}.get-tickets-btn:active{transform:scale(.98)}.get-tickets-btn svg{width:20px;height:20px}.meal-recommendations-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.meal-recommendations-section .section-header{margin-bottom:1.25rem}.ai-badge-header{display:flex;align-items:center;gap:.5rem}.ai-badge-header .ai-sparkle{width:20px;height:20px;color:var(--primary)}.meal-recommendations-section .section-title{font-size:var(--text-xl);font-weight:700;margin:0;color:var(--text)}.meal-recommendations-section .section-subtitle{font-size:var(--text-body-sm);color:var(--text-muted);margin:.25rem 0 0}.meals-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:var(--text-muted);gap:.75rem}.meals-loading p{font-size:var(--text-body-sm);margin:0}.meal-cards-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.meal-recommendation-card{background:var(--surface);border-radius:16px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;box-shadow:0 2px 8px #0000000f}.meal-recommendation-card:hover{box-shadow:0 8px 24px #0000001f}.meal-recommendation-card.before{border-color:#3b82f64d}.meal-recommendation-card.before:hover{border-color:#3b82f6}.meal-recommendation-card.after{border-color:#a855f74d}.meal-recommendation-card.after:hover{border-color:var(--purple-500)}.meal-card-badge{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.meal-recommendation-card.before .meal-card-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.meal-recommendation-card.after .meal-card-badge{background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff}.meal-card-badge svg{width:14px;height:14px}.meal-card-photo{width:100%;aspect-ratio:16/9;max-height:180px;background:var(--background);overflow:hidden}.meal-card-photo img{width:100%;height:100%;object-fit:cover}.meal-card-photo .photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);color:#fff;font-size:var(--text-3xl);font-weight:700}.meal-card-content{padding:1rem 1rem 1.25rem}.meal-card-name{font-size:var(--text-md);font-weight:600;color:var(--text);margin:0 0 .25rem}.meal-card-meta{font-size:var(--text-caption);color:var(--text-muted);margin:0 0 .5rem}.meal-card-hours{display:flex;align-items:center;gap:.375rem;font-size:var(--text-caption);color:var(--primary);margin:0 0 .5rem;font-weight:500}.meal-card-hours svg{width:14px;height:14px;flex-shrink:0}.meal-card-reason{display:flex;align-items:flex-start;gap:.5rem;font-size:var(--text-body);color:var(--text);margin:.75rem 0 0;line-height:1.5;padding:.75rem;background:linear-gradient(135deg,#7c3aed14,#a855f70d);border-radius:8px;border-left:3px solid var(--primary)}.meal-card-reason .ai-sparkle-mini{width:16px;height:16px;flex-shrink:0;color:var(--primary);margin-top:2px}.meal-card-reason span{font-style:italic}@media (max-width: 520px){.meal-cards-container{display:flex;flex-direction:column;gap:1rem}.meal-recommendation-card{display:block}.meal-card-photo{aspect-ratio:16/9;max-height:160px}.meal-card-content{padding:1rem}.meal-card-name{font-size:var(--text-base)}.meal-card-reason{font-size:var(--text-body-sm);padding:.625rem;gap:.375rem}.meal-card-reason .ai-sparkle-mini{width:14px;height:14px}}.nearby-restaurants-section{margin-top:3rem}.section-header{margin-bottom:1.5rem}.section-subtitle{font-size:var(--text-body-sm);color:var(--text-muted);margin:.25rem 0 0}.restaurants-loading,.restaurants-empty{padding:2rem;text-align:center;color:var(--text-muted)}.spinner-small{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto .75rem}.restaurants-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.restaurant-mini-card{background:var(--surface);border:1px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.restaurant-mini-card:hover{box-shadow:0 8px 24px #7c3aed26;border-color:var(--primary);transform:translateY(-2px)}.restaurant-mini-photo{width:100%;padding-top:56%;position:relative;background:linear-gradient(135deg,#f5f5f7,#e8e8ed);overflow:hidden}.restaurant-mini-photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.restaurant-mini-photo .photo-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,#9333ea 100%);color:#fff;font-size:var(--text-5xl);font-weight:700}.restaurant-mini-content{padding:1rem}.restaurant-mini-name{font-size:var(--text-base);font-weight:600;color:var(--text);margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.restaurant-mini-meta{display:flex;align-items:center;gap:.5rem;font-size:var(--text-body-sm);color:var(--text-muted);margin-bottom:.5rem}.meta-dot{opacity:.5}.restaurant-mini-stats{display:flex;align-items:center;gap:.75rem;font-size:var(--text-body-sm)}.stat-rating{display:flex;align-items:center;gap:.25rem;color:var(--text);font-weight:600}.stat-rating svg{width:14px;height:14px;color:var(--gold-light)}.stat-distance{display:flex;align-items:center;gap:.25rem;color:var(--text-muted);font-size:var(--text-caption)}.stat-distance svg{width:12px;height:12px;color:var(--primary)}.search-more-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1.25rem;padding:1rem;border:2px solid var(--primary);background:transparent;color:var(--primary);border-radius:12px;font-size:var(--text-body);font-weight:600;cursor:pointer;transition:all .2s ease}.search-more-btn:hover{background:var(--primary);color:#fff}.search-more-btn:active{transform:scale(.98)}.search-more-btn svg{width:18px;height:18px}.event-detail-header-loading{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;padding:1rem;padding-top:calc(env(safe-area-inset-top,0) + 1rem);background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 100%);z-index:100}.event-detail-header-loading .back-btn{width:52px;height:52px;border:none;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.event-detail-header-loading .back-btn:hover{transform:scale(1.05)}.event-detail-header-loading .back-btn:active{transform:scale(.95)}.event-detail-header-loading .back-btn svg{width:26px;height:26px}.event-detail-loading,.event-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;padding-top:calc(80px + env(safe-area-inset-top,0));text-align:center}.event-detail-loading .spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.event-detail-loading .timeout-icon{width:64px;height:64px;color:var(--text-muted);margin-bottom:1rem}.event-detail-loading p{color:var(--text-muted);font-size:var(--text-body);margin:0 0 1.5rem}.loading-actions,.error-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:280px}.retry-btn{padding:14px 24px;border:none;background:var(--primary);color:#fff;border-radius:12px;font-size:var(--text-body);font-weight:600;cursor:pointer;transition:opacity .2s ease}.retry-btn:hover{opacity:.9}.retry-btn:active{transform:scale(.98)}.back-link-btn{padding:12px 24px;border:1px solid var(--border);background:transparent;color:var(--text);border-radius:12px;font-size:var(--text-body-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.back-link-btn:hover{background:var(--background);border-color:var(--text-muted)}.back-link-btn:active{transform:scale(.98)}.event-detail-error svg{width:64px;height:64px;color:var(--text-muted);margin-bottom:1rem}.event-detail-error p{color:var(--text-muted);margin-bottom:1.5rem}.back-to-events-btn{padding:12px 24px;border:1px solid var(--border);background:transparent;color:var(--text);border-radius:12px;font-size:var(--text-body-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.back-to-events-btn:hover{background:var(--background);border-color:var(--text-muted)}.back-to-events-btn:active{transform:scale(.98)}@media (max-width: 768px){.event-hero-image{height:280px}.event-detail-title{font-size:var(--text-3xl)}.restaurants-grid{grid-template-columns:1fr;gap:.875rem}.restaurant-mini-photo{padding-top:50%}.restaurant-mini-content{padding:.875rem}}@media (min-width: 769px){.restaurants-grid{grid-template-columns:repeat(3,1fr)}}.legal-page{min-height:100vh;min-height:100dvh;background:#0a0a0a;color:var(--surface)}.legal-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;padding-top:calc(env(safe-area-inset-top,0) + 1rem);background:linear-gradient(to bottom,rgba(0,0,0,.9),transparent);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.legal-header .back-btn{width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.legal-header .back-btn:hover{background:#fff3}.legal-header .back-btn svg{width:24px;height:24px;color:var(--surface)}.legal-header h1{font-size:var(--text-xl);font-weight:600;margin:0}.legal-content{padding:1.5rem;max-width:800px;margin:0 auto;padding-bottom:100px}.last-updated{color:#ffffff80;font-size:var(--text-body-sm);margin-bottom:1.5rem}.trust-banner{display:flex;align-items:flex-start;gap:1rem;background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:1.25rem;margin-bottom:2rem}.trust-icon{font-size:var(--text-3xl);flex-shrink:0}.trust-banner p{margin:0;font-size:.95rem;line-height:1.6;color:#ffffffe6}.trust-banner strong{color:#22c55e}.legal-content section{margin-bottom:2rem}.legal-content h2{font-size:var(--text-xl);font-weight:600;margin-bottom:1rem;color:#c9a227}.legal-content h3{font-size:var(--text-base);font-weight:600;margin-top:1.25rem;margin-bottom:.75rem;color:#ffffffe6}.legal-content p{color:#fffc;line-height:1.7;margin-bottom:1rem}.legal-content ul{list-style:none;padding:0;margin:0 0 1rem}.legal-content li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:#fffc;line-height:1.6}.legal-content li:before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:#c9a227}.legal-content li strong{color:var(--surface)}.contact-info{background:#ffffff0d;padding:1.25rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.contact-info strong{color:#c9a227}@media (max-width: 480px){.legal-header,.legal-content{padding:1rem}.legal-content h2{font-size:var(--text-lg)}}.gc-page{min-height:100vh;background:#fafafa;display:flex;flex-direction:column}.gc-nav{position:sticky;top:0;z-index:100;padding:16px 24px;background:#fafafacc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.gc-back{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:background .2s}.gc-back:hover{background:#0000000d}.gc-back svg{width:22px;height:22px;color:var(--text-primary)}.gc-auth{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.gc-auth-icon{width:88px;height:88px;background:linear-gradient(180deg,#f5f5f7,#e8e8ed);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:32px}.gc-auth-icon svg{width:44px;height:44px;color:var(--text-primary)}.gc-auth h1{font-size:var(--text-5xl);font-weight:600;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:12px}.gc-auth p{font-size:var(--text-md);color:var(--text-secondary);line-height:1.5;max-width:320px;margin-bottom:40px}.gc-google-btn{display:inline-flex;align-items:center;gap:12px;padding:14px 28px;background:#fff;border:1px solid #d2d2d7;border-radius:12px;font-size:var(--text-md);font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.gc-google-btn:hover{background:#f5f5f7}.gc-google-btn:disabled{opacity:.5;cursor:not-allowed}.gc-header{text-align:center;padding:24px 24px 48px}.gc-logo{display:flex;justify-content:center;margin-bottom:20px;cursor:pointer}.gc-header h1{font-size:var(--text-6xl);font-weight:600;color:var(--text-primary);letter-spacing:-1px;margin-bottom:12px}.gc-header p{font-size:21px;color:var(--text-secondary);font-weight:400}.gc-main{flex:1;max-width:980px;width:100%;margin:0 auto;padding:0 24px 180px}.gc-section{margin-bottom:64px}.gc-section h2{font-size:var(--text-body-sm);font-weight:600;color:var(--primary-purple, #7c3aed);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.gc-section-hint{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:20px}.gc-name-input{position:relative}.gc-session-name{width:100%;padding:16px 70px 16px 20px;font-size:var(--text-md);font-family:inherit;color:var(--text-primary);background:#fff;border:2px solid transparent;border-radius:14px;outline:none;box-shadow:0 2px 8px #0000000a;transition:all .2s}.gc-session-name:focus{border-color:var(--primary-purple, #7c3aed);box-shadow:0 4px 16px #0066cc26}.gc-session-name::placeholder{color:var(--text-secondary)}.gc-name-count{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:var(--text-body-sm);color:var(--text-secondary);pointer-events:none}.gc-moods{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.gc-mood{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 16px;background:#fff;border:none;border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.25,.1,.25,1);box-shadow:0 2px 8px #0000000a}.gc-mood:hover{transform:scale(1.02);box-shadow:0 8px 24px #00000014}.gc-mood.selected{background:#1d1d1f;transform:scale(1.02);box-shadow:0 8px 32px #0003}.gc-mood-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.gc-mood-icon svg{width:40px;height:40px;color:var(--text-primary);transition:color .3s}.gc-mood.selected .gc-mood-icon svg{color:var(--surface)}.gc-mood span{font-size:var(--text-md);font-weight:500;color:var(--text-primary);transition:color .3s}.gc-mood.selected span{color:var(--surface)}.gc-location-set{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a}.gc-location-info{display:flex;align-items:center;gap:16px}.gc-location-info svg{width:24px;height:24px;color:var(--primary-purple, #7c3aed)}.gc-location-info span{font-size:var(--text-md);font-weight:500;color:var(--text-primary)}.gc-change{padding:10px 20px;background:#f5f5f7;border:none;border-radius:980px;font-size:var(--text-body);font-weight:500;color:var(--primary-purple, #7c3aed);cursor:pointer;transition:background .2s}.gc-change:hover{background:#e8e8ed}.gc-location-buttons{display:flex;gap:12px}.gc-location-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 24px;background:var(--primary-purple, #7c3aed);border:none;border-radius:16px;font-size:var(--text-md);font-weight:500;color:var(--surface);cursor:pointer;transition:all .2s}.gc-location-btn:hover{background:var(--primary-purple-dark, #6d28d9)}.gc-location-btn.secondary{background:#fff;color:var(--text-primary);box-shadow:0 2px 8px #0000000a}.gc-location-btn.secondary:hover{background:#f5f5f7}.gc-location-btn:disabled{opacity:.5;cursor:not-allowed}.gc-location-btn svg{width:22px;height:22px}.gc-address-input{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000a}.gc-input-wrapper{position:relative;margin-bottom:16px}.gc-input-row{display:flex;align-items:center;gap:0;position:relative}.gc-input-icon{position:absolute;left:16px;width:20px;height:20px;color:var(--text-secondary);pointer-events:none}.gc-input-row input{flex:1;padding:14px 44px 14px 48px;background:#f5f5f7;border:none;border-radius:12px;font-size:var(--text-md);color:var(--text-primary);outline:none;transition:background .2s}.gc-input-row input:focus{background:#e8e8ed}.gc-input-row input::placeholder{color:var(--text-secondary)}.gc-clear-btn{position:absolute;right:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#00000014;border:none;border-radius:50%;cursor:pointer;transition:background .2s}.gc-clear-btn:hover{background:#0000001f}.gc-clear-btn svg{width:14px;height:14px;color:var(--text-secondary)}.gc-predictions{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001f;overflow:hidden;z-index:100}.gc-prediction-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:transparent;border:none;text-align:left;cursor:pointer;transition:background .15s}.gc-prediction-item:hover{background:#f5f5f7}.gc-prediction-item:disabled{opacity:.5;cursor:not-allowed}.gc-prediction-item svg{width:20px;height:20px;color:var(--primary-purple, #7c3aed);flex-shrink:0}.gc-prediction-item span{font-size:var(--text-body);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gc-prediction-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;font-size:var(--text-body);color:var(--text-secondary)}.gc-prediction-loading .gc-mini-spinner{border-color:#06c3;border-top-color:var(--primary-purple, #7c3aed)}.gc-search-btn{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--primary-purple, #7c3aed);border:none;border-radius:12px;cursor:pointer;transition:background .2s}.gc-search-btn:hover:not(:disabled){background:var(--primary-purple-dark, #6d28d9)}.gc-search-btn:disabled{opacity:.5;cursor:not-allowed}.gc-search-btn svg{width:22px;height:22px;color:var(--surface)}.gc-mini-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--surface);border-radius:50%;animation:spin .8s linear infinite}.gc-location-options{display:flex;gap:12px}.gc-option-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#f5f5f7;border:none;border-radius:10px;font-size:var(--text-body);font-weight:500;color:var(--text-primary);cursor:pointer;transition:background .2s}.gc-option-btn:hover:not(:disabled){background:#e8e8ed}.gc-option-btn:disabled{opacity:.5;cursor:not-allowed}.gc-option-btn svg{width:18px;height:18px;color:var(--primary-purple, #7c3aed)}.gc-option-btn.secondary{background:transparent;color:var(--text-secondary)}.gc-option-btn.secondary:hover{background:#f5f5f7}.gc-error{margin-top:12px;font-size:var(--text-body);color:var(--error)}.gc-radius-slider{max-width:400px;margin:0 auto;padding:24px 32px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a}.gc-radius-value{text-align:center;font-size:var(--text-md);font-weight:500;color:var(--text-primary);margin-bottom:20px}.gc-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e8e8ed;border-radius:3px;outline:none;margin-bottom:12px}.gc-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:var(--primary-purple, #7c3aed);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0066cc4d;transition:transform .15s,box-shadow .15s}.gc-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #06c6}.gc-slider::-moz-range-thumb{width:24px;height:24px;background:var(--primary-purple, #7c3aed);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #0066cc4d}.gc-radius-labels{display:flex;justify-content:space-between;font-size:var(--text-body-sm);color:var(--text-secondary)}.gc-error-banner{padding:16px 20px;background:#fff2f2;border-radius:12px;color:var(--error);font-size:var(--text-body)}.gc-footer{position:fixed;bottom:80px;left:0;right:0;padding:20px 24px;padding-bottom:calc(20px + env(safe-area-inset-bottom));background:#fafafacc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.gc-footer-inner{max-width:600px;margin:0 auto;text-align:center}.gc-create{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:18px 32px;background:#d2d2d7;border:none;border-radius:14px;font-size:var(--text-md);font-weight:600;color:var(--surface);cursor:not-allowed;transition:all .3s cubic-bezier(.25,.1,.25,1)}.gc-create.active{background:var(--primary-purple, #7c3aed);cursor:pointer}.gc-create.active:hover{background:var(--primary-purple-dark, #6d28d9);transform:scale(1.01)}.gc-create svg{width:20px;height:20px}.gc-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--surface);border-radius:50%;animation:spin .8s linear infinite}.gc-hint{display:block;margin-top:12px;font-size:var(--text-body);color:var(--text-secondary)}@media (max-width: 840px){.gc-header h1{font-size:40px}.gc-moods{grid-template-columns:repeat(3,1fr)}}.gc-datetime-row{display:flex;gap:16px}.gc-datetime-field{flex:1;display:flex;flex-direction:column;gap:8px}.gc-datetime-field label{font-size:var(--text-body-sm);font-weight:500;color:var(--text-secondary)}.gc-date-input,.gc-time-input{width:100%;padding:14px 16px;font-size:var(--text-base);font-family:inherit;color:var(--text-primary);background:#f5f5f7;border:2px solid transparent;border-radius:12px;outline:none;transition:all .2s;-webkit-appearance:none}.gc-date-input:focus,.gc-time-input:focus{background:#fff;border-color:var(--primary-purple, #7c3aed)}.gc-date-input::-webkit-calendar-picker-indicator,.gc-time-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.gc-datetime-preview{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;background:linear-gradient(135deg,#f0f7ff,#e8f4ff);border-radius:12px;border:1px solid #cce0ff}.gc-datetime-preview svg{width:20px;height:20px;color:var(--primary-purple, #7c3aed);flex-shrink:0}.gc-datetime-preview span{flex:1;font-size:var(--text-body);font-weight:500;color:var(--text-primary)}.gc-clear-date{padding:6px 12px;font-size:var(--text-body-sm);font-weight:500;color:var(--text-secondary);background:#fff;border:1px solid #d2d2d7;border-radius:8px;cursor:pointer;transition:all .2s}.gc-clear-date:hover{color:var(--error);border-color:var(--error)}@media (max-width: 600px){.gc-nav{padding:12px 16px}.gc-header{padding:24px 16px 40px}.gc-header h1{font-size:var(--text-5xl);letter-spacing:-.5px}.gc-header p{font-size:var(--text-md)}.gc-main{padding:0 16px 160px}.gc-section{margin-bottom:48px}.gc-moods{grid-template-columns:repeat(2,1fr);gap:12px}.gc-mood{padding:24px 12px;border-radius:16px}.gc-mood-icon svg{width:32px;height:32px}.gc-mood span{font-size:var(--text-body)}.gc-location-buttons{flex-direction:column}.gc-location-btn{padding:16px 20px;font-size:var(--text-body)}.gc-address-input{padding:16px}.gc-input-row input{padding:12px 14px;font-size:var(--text-base)}.gc-search-btn{width:48px;height:48px}.gc-option-btn{padding:10px 12px;font-size:var(--text-body-sm)}.gc-radius-slider{padding:20px 24px;max-width:100%}.gc-footer{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.gc-create{padding:16px 24px}}@media (max-width: 380px){.gc-header h1{font-size:var(--text-4xl)}.gc-moods{grid-template-columns:1fr 1fr}}.gc-sessions-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1px solid #0ea5e9;border-radius:16px;padding:14px 16px;margin:0 24px 16px;cursor:pointer;transition:all .2s ease}.gc-sessions-banner:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e933}.gc-sessions-icon{width:40px;height:40px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gc-sessions-icon svg{width:22px;height:22px;stroke:#0284c7}.gc-sessions-info{flex:1;display:flex;flex-direction:column;gap:2px}.gc-sessions-count{font-size:var(--text-body);font-weight:600;color:#0c4a6e}.gc-sessions-action{font-size:var(--text-body-sm);color:#0369a1}.gc-sessions-chevron{width:20px;height:20px;stroke:#0284c7;flex-shrink:0}@media (max-width: 480px){.gc-sessions-banner{margin:0 16px 16px}}.gc-limit-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--gold-50) 0%,var(--gold-100) 100%);border:1px solid var(--gold);border-radius:16px;padding:16px;margin:0 24px 16px}.gc-limit-banner>svg{width:24px;height:24px;min-width:24px;stroke:var(--gold-dark)}.gc-limit-content{flex:1}.gc-limit-title{font-size:var(--text-body);font-weight:600;color:var(--gold-800);margin:0 0 4px}.gc-limit-text{font-size:var(--text-body-sm);color:var(--gold-600);margin:0}.gc-limit-btn{background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:var(--text-body-sm);font-weight:600;cursor:pointer;white-space:nowrap}.gc-limit-view{background:#fff;color:var(--gold-800);border:1px solid var(--gold);border-radius:10px;padding:8px 16px;font-size:var(--text-body-sm);font-weight:600;cursor:pointer;white-space:nowrap}@media (max-width: 480px){.gc-limit-banner{flex-wrap:wrap;margin:0 16px 16px}.gc-limit-content{flex:1 1 100%;margin-bottom:8px}.gc-limit-btn,.gc-limit-view{flex:1;text-align:center}}.gi-page{min-height:100vh;background:#fafafa;display:flex;flex-direction:column}.gi-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fafafacc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.gi-back{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:background .2s}.gi-back:hover{background:#0000000d}.gi-back svg{width:22px;height:22px;color:var(--text-primary)}.gi-nav h1{font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.gi-nav-spacer{width:44px}.gi-leave-btn{background:#fef2f2;color:var(--error);border:none;border-radius:8px;padding:8px 14px;font-size:var(--text-body-sm);font-weight:600;cursor:pointer;transition:background .2s}.gi-leave-btn:hover{background:#fee2e2}.gi-nav-actions{display:flex;align-items:center;gap:8px}.gi-sessions-btn{width:40px;height:40px;border-radius:10px;border:none;background:#f0f0f5;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.gi-sessions-btn:hover{background:#e5e5ea}.gi-sessions-btn svg{width:20px;height:20px;color:var(--purple-700)}.gi-branding{text-align:center;padding:24px 0 16px}.gi-branding .logo{justify-content:center}.gi-tagline{font-size:var(--text-body-sm);color:var(--text-secondary);margin-top:8px;letter-spacing:.3px}.gi-members-snapshot{background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #0000000a}.gi-snapshot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.gi-snapshot-header h3{font-size:var(--text-body);font-weight:600;color:var(--text-primary);margin:0}.gi-snapshot-expand{background:none;border:none;color:#007aff;font-size:var(--text-body-sm);font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.gi-snapshot-expand:hover{background:#007aff1a}.gi-snapshot-avatars{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.gi-snapshot-avatar{position:relative;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.gi-snapshot-avatar img{width:100%;height:100%;object-fit:cover}.gi-snapshot-avatar span{color:var(--surface);font-size:var(--text-lg);font-weight:600}.gi-snapshot-host-badge{position:absolute;bottom:-2px;right:-2px;background:gold;color:var(--text-primary);font-size:8px;font-weight:700;padding:2px 4px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.gi-snapshot-pending{position:absolute;top:0;right:0;width:12px;height:12px;background:#ff9500;border:2px solid #fff;border-radius:50%}.gi-snapshot-more{width:48px;height:48px;border-radius:50%;background:#f5f5f7;display:flex;align-items:center;justify-content:center;font-size:var(--text-caption);font-weight:600;color:var(--text-secondary)}.gi-snapshot-pending-alert{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;background:#fff3cd;border-radius:10px;font-size:var(--text-body-sm);color:#856404}.gi-snapshot-pending-alert svg{width:18px;height:18px;flex-shrink:0}.gi-snapshot-pending-alert button{margin-left:auto;background:none;border:none;color:#007aff;font-size:var(--text-body-sm);font-weight:500;cursor:pointer}.gi-main{flex:1;max-width:680px;width:100%;margin:0 auto;padding:32px 24px 100px}.gi-session-info{text-align:center;margin-bottom:48px}.gi-session-name{font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);margin:0 0 16px;letter-spacing:-.5px}.gi-mood-badge{display:inline-block;padding:12px 24px;background:#1d1d1f;color:var(--surface);border-radius:980px;font-size:var(--text-md);font-weight:600;margin-bottom:16px}.gi-location{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary);font-size:var(--text-body)}.gi-location svg{width:18px;height:18px}.gi-section{margin-bottom:48px}.gi-section h3{font-size:var(--text-body);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.gi-code-card{display:flex;flex-direction:column;align-items:center;padding:32px;background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000000a;margin-bottom:20px}.gi-code-label{font-size:var(--text-body-sm);color:var(--text-secondary);margin-bottom:12px}.gi-code-value{font-size:var(--text-6xl);font-weight:600;letter-spacing:.2em;color:var(--text-primary)}.gi-share-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gi-share-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 16px;background:#fff;border:none;border-radius:16px;font-size:var(--text-body);font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000000a}.gi-share-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.gi-share-btn svg{width:24px;height:24px;color:var(--text-primary)}.gi-share-btn.primary{background:#06c;color:var(--surface)}.gi-share-btn.primary svg{color:var(--surface)}.gi-share-btn.primary:hover{background:#0055b3}.gi-dietary-section{background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #0000000a}.gi-dietary-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.gi-dietary-header svg{width:20px;height:20px;color:var(--purple-700);flex-shrink:0}.gi-dietary-header h3{font-size:var(--text-body);font-weight:600;color:var(--text-primary);margin:0}.gi-dietary-list{display:flex;flex-direction:column;gap:12px}.gi-dietary-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#f5f5f7;border-radius:12px}.gi-dietary-name{font-size:var(--text-body);font-weight:500;color:var(--text-primary);flex-shrink:0}.gi-dietary-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.gi-dietary-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#7c3aed1a;border-radius:100px;font-size:var(--text-caption);font-weight:500;color:var(--purple-700);white-space:nowrap}.gi-dietary-emoji{font-size:var(--text-body-sm);line-height:1}.gi-dietary-none{font-size:var(--text-body-sm);color:var(--text-secondary);text-align:center;padding:8px 0;margin:0}.gi-tabs{display:flex;gap:4px;padding:4px;background:#0000000d;border-radius:12px;margin-bottom:24px}.gi-tab{flex:1;padding:12px 16px;background:transparent;border:none;border-radius:10px;font-size:var(--text-body);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.gi-tab.active{background:#fff;color:var(--text-primary);box-shadow:0 2px 8px #00000014}.gi-contacts-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 20px;margin-bottom:20px;background:#fff;border:2px dashed #d2d2d7;border-radius:14px;font-size:var(--text-body);font-weight:500;color:var(--primary);cursor:pointer;transition:all .2s}.gi-contacts-btn:hover{background:#f5f5f7;border-color:var(--primary)}.gi-contacts-btn:disabled{opacity:.6;cursor:not-allowed}.gi-contacts-btn svg{width:20px;height:20px}.gi-contacts-section{margin-bottom:24px}.gi-contacts-label{display:block;font-size:var(--text-body-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.gi-search-box{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000a;margin-bottom:20px}.gi-search-box svg{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0}.gi-search-box input{flex:1;border:none;background:none;font-size:var(--text-md);color:var(--text-primary);outline:none}.gi-search-box input::placeholder{color:var(--text-secondary)}.gi-clear-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f5f5f7;border:none;border-radius:50%;cursor:pointer;color:var(--text-secondary)}.gi-clear-btn svg{width:14px;height:14px}.gi-search-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px;color:var(--text-secondary);font-size:var(--text-body)}.gi-spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-top-color:var(--text-primary);border-radius:50%;animation:gi-spin .8s linear infinite}.gi-list{display:flex;flex-direction:column;gap:12px}.gi-user-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a}.gi-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:linear-gradient(180deg,#f5f5f7,#e8e8ed);display:flex;align-items:center;justify-content:center;flex-shrink:0}.gi-avatar img{width:100%;height:100%;object-fit:cover}.gi-avatar span{font-size:var(--text-xl);font-weight:600;color:var(--text-secondary)}.gi-user-info{flex:1;min-width:0}.gi-user-name{display:flex;align-items:center;gap:8px;font-size:var(--text-md);font-weight:500;color:var(--text-primary)}.gi-host-badge{font-size:var(--text-sm);font-weight:600;padding:4px 8px;background:#1d1d1f;color:var(--surface);border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.gi-username{font-size:var(--text-body);color:var(--text-secondary)}.gi-status{font-size:var(--text-body-sm);font-weight:500;padding:6px 12px;border-radius:980px}.gi-status.joined{background:#e8f5e9;color:#2e7d32}.gi-status.pending{background:#fff3e0;color:#ef6c00}.gi-status.requesting{background:#e3f2fd;color:#1565c0}.gi-pending-section{margin-bottom:20px;padding:16px;background:linear-gradient(135deg,#fff8e1,#ffecb3);border-radius:16px;border:1px solid rgba(255,193,7,.3)}.gi-pending-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:var(--text-body);font-weight:600;color:#f57c00}.gi-pending-title svg{width:18px;height:18px}.gi-user-card.requesting{background:#fff;border:1px solid rgba(255,193,7,.3)}.gi-request-actions{display:flex;gap:8px}.gi-approve-btn,.gi-deny-btn{width:44px;height:44px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.gi-approve-btn{background:#e8f5e9;color:#2e7d32}.gi-approve-btn:hover:not(:disabled){background:#c8e6c9;transform:scale(1.05)}.gi-deny-btn{background:#ffebee;color:#c62828}.gi-deny-btn:hover:not(:disabled){background:#ffcdd2;transform:scale(1.05)}.gi-approve-btn:disabled,.gi-deny-btn:disabled{opacity:.6;cursor:not-allowed}.gi-approve-btn svg,.gi-deny-btn svg{width:20px;height:20px}.gi-invite-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#06c;border:none;border-radius:980px;font-size:var(--text-body);font-weight:500;color:var(--surface);cursor:pointer;transition:background .2s}.gi-invite-btn:hover{background:#0055b3}.gi-invite-btn svg{width:16px;height:16px}.gi-remove-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;color:var(--text-secondary);transition:all .2s}.gi-remove-btn:hover{background:#fee2e2;color:var(--error)}.gi-remove-btn svg{width:18px;height:18px}.gi-member-actions{display:flex;align-items:center;gap:8px}.gi-resend-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;color:var(--text-secondary);transition:all .2s}.gi-resend-btn:hover:not(:disabled){background:#e0f2fe;color:#0284c7}.gi-resend-btn:disabled{opacity:.6;cursor:not-allowed}.gi-resend-btn svg{width:16px;height:16px}.gi-mini-spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-top-color:#0284c7;border-radius:50%;animation:gi-spin .8s linear infinite}.gi-toast{position:fixed;bottom:calc(100px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:14px 24px;background:#1d1d1f;color:var(--surface);border-radius:14px;font-size:var(--text-body);font-weight:500;box-shadow:0 8px 32px #0003;z-index:1000}.gi-toast.success svg{width:20px;height:20px;color:var(--success)}.gi-toast.error{background:#dc2626}.gi-toast.error svg{width:20px;height:20px;color:var(--surface)}.gi-toast.info{background:#007aff}.gi-toast.info svg{width:20px;height:20px;color:var(--surface)}.gi-empty{padding:48px 24px;text-align:center;color:var(--text-secondary);font-size:var(--text-body)}.gi-deadline-picker{margin-bottom:24px;padding:16px;background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000a}.gi-deadline-label{display:flex;align-items:center;gap:8px;font-size:var(--text-body);font-weight:600;color:var(--text-primary);margin-bottom:12px}.gi-deadline-label svg{width:18px;height:18px;color:var(--text-secondary)}.gi-deadline-options{display:flex;gap:8px;flex-wrap:wrap}.gi-deadline-option{flex:1;min-width:60px;padding:10px 12px;background:#f5f5f7;border:2px solid transparent;border-radius:10px;font-size:var(--text-body-sm);font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.gi-deadline-option:hover{background:#e8e8ed}.gi-deadline-option.active{background:#4f46e51a;border-color:var(--purple-700);color:var(--purple-700)}.gi-deadline-hint{margin-top:10px;font-size:var(--text-caption);color:var(--text-secondary)}.gi-start-section{margin-top:48px}.gi-dietary-warning{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;margin-bottom:12px;background:#d977061a;border:1px solid rgba(217,119,6,.25);border-radius:10px;font-size:.8rem;color:var(--gold-dark);line-height:1.4}.gi-dietary-warning svg{flex-shrink:0;margin-top:2px;stroke:var(--gold-dark)}.gi-dietary-member{display:block}.gi-start-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px 32px;background:#d2d2d7;border:none;border-radius:14px;font-size:var(--text-md);font-weight:600;color:var(--surface);cursor:not-allowed;transition:all .3s cubic-bezier(.25,.1,.25,1)}.gi-start-btn.active{background:#06c;cursor:pointer}.gi-start-btn.active:hover{background:#0055b3;transform:scale(1.01)}.gi-start-btn:disabled{opacity:.6;cursor:not-allowed}.gi-start-btn svg{width:20px;height:20px}.gi-start-btn .gi-spinner{border-color:#ffffff4d;border-top-color:var(--surface)}.gi-start-hint{display:block;text-align:center;margin-top:12px;font-size:var(--text-body);color:var(--text-secondary)}.gi-waiting{text-align:center;padding:48px 24px;background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000000a;margin-top:48px}.gi-waiting-icon{width:64px;height:64px;margin:0 auto 20px;color:var(--text-secondary);animation:gi-pulse 2s ease-in-out infinite}.gi-waiting-icon svg{width:100%;height:100%}.gi-waiting p{font-size:var(--text-md);color:var(--text-secondary)}@keyframes gi-pulse{0%,to{opacity:1}50%{opacity:.4}}.gi-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.gi-qr-modal{position:relative;background:#fff;border-radius:24px;padding:40px;text-align:center;max-width:360px;width:100%;box-shadow:0 24px 80px #0003}.gi-qr-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f5f5f7;border:none;border-radius:50%;cursor:pointer;color:var(--text-secondary);transition:background .2s}.gi-qr-close:hover{background:#e8e8ed}.gi-qr-close svg{width:18px;height:18px}.gi-qr-branding{margin-bottom:16px}.gi-qr-branding .logo{justify-content:center}.gi-qr-modal h3{font-size:var(--text-3xl);font-weight:600;color:var(--text-primary);margin-bottom:32px}.gi-qr-url{font-size:var(--text-caption);color:var(--text-secondary);margin-top:8px}.gi-qr-container{display:flex;justify-content:center;margin-bottom:24px;padding:16px;background:#fff;border-radius:16px}.gi-qr-code{font-size:var(--text-5xl);font-weight:600;letter-spacing:.15em;color:var(--text-primary)}@media (max-width: 600px){.gi-nav{padding:12px 16px}.gi-main{padding:24px 16px 80px}.gi-session-info{margin-bottom:36px}.gi-mood-badge{padding:10px 20px;font-size:var(--text-body)}.gi-section{margin-bottom:36px}.gi-code-card{padding:24px}.gi-code-value{font-size:36px}.gi-share-buttons{gap:10px}.gi-share-btn{padding:16px 12px;font-size:var(--text-caption)}.gi-share-btn svg{width:22px;height:22px}.gi-user-card{padding:14px 16px}.gi-dietary-item{flex-direction:column;align-items:flex-start;gap:8px}.gi-dietary-tags{justify-content:flex-start}.gi-qr-modal{padding:32px 24px}}.gi-date-display{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;padding:12px 20px;background:#f0f7ff;border-radius:12px;color:var(--primary);font-size:var(--text-body);font-weight:500}.gi-date-display svg{width:18px;height:18px;flex-shrink:0}.gi-propose-date-btn{padding:6px 12px;background:transparent;border:1px solid #0066cc;border-radius:8px;font-size:var(--text-body-sm);font-weight:500;color:var(--primary);cursor:pointer;transition:all .2s}.gi-propose-date-btn:hover{background:#06c;color:var(--surface)}.gi-propose-date-btn.outline{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:12px 20px;background:transparent;border:2px dashed #d2d2d7;border-radius:12px;font-size:var(--text-body);color:var(--text-secondary);width:100%}.gi-propose-date-btn.outline:hover{border-color:var(--primary);color:var(--primary);background:transparent}.gi-propose-date-btn.outline svg{width:18px;height:18px}.gi-proposals{margin-top:20px;padding:16px;background:#fffbeb;border-radius:14px;border:1px solid #fcd34d}.gi-proposals-label{display:block;font-size:var(--text-body-sm);font-weight:600;color:var(--gold-800);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.gi-proposal-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;background:#fff;border-radius:10px;margin-bottom:8px}.gi-proposal-item:last-child{margin-bottom:0}.gi-proposal-from{font-size:var(--text-body-sm);color:var(--text-secondary)}.gi-proposal-date{font-size:var(--text-body);font-weight:600;color:var(--text-primary);flex:1}.gi-accept-btn{padding:8px 16px;background:#059669;border:none;border-radius:8px;font-size:var(--text-body-sm);font-weight:600;color:var(--surface);cursor:pointer;transition:background .2s}.gi-accept-btn:hover{background:#047857}.gi-propose-modal{position:relative;background:#fff;border-radius:24px;padding:40px;max-width:400px;width:100%;box-shadow:0 24px 80px #0003}.gi-propose-modal h3{font-size:var(--text-3xl);font-weight:600;color:var(--text-primary);margin-bottom:8px}.gi-propose-desc{font-size:var(--text-body);color:var(--text-secondary);margin-bottom:28px}.gi-propose-inputs{display:flex;gap:16px;margin-bottom:20px}.gi-propose-field{flex:1}.gi-propose-field label{display:block;font-size:var(--text-body-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.gi-propose-field input{width:100%;padding:14px 16px;font-size:var(--text-base);background:#f5f5f7;border:2px solid transparent;border-radius:12px;color:var(--text-primary);transition:all .2s}.gi-propose-field input:focus{outline:none;border-color:var(--primary);background:#fff}.gi-propose-preview{padding:16px;background:#f0f7ff;border-radius:12px;text-align:center;font-size:var(--text-md);font-weight:500;color:var(--primary);margin-bottom:24px}.gi-propose-submit{width:100%;padding:16px 24px;background:#06c;border:none;border-radius:14px;font-size:var(--text-md);font-weight:600;color:var(--surface);cursor:pointer;transition:background .2s}.gi-propose-submit:hover{background:#0055b3}.gi-propose-submit:disabled{background:#d2d2d7;cursor:not-allowed}@media (max-width: 600px){.gi-propose-modal{padding:28px 20px}.gi-propose-inputs{flex-direction:column;gap:12px}.gi-proposal-item{flex-direction:column;align-items:flex-start;gap:10px}.gi-accept-btn{width:100%}}.gi-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px}.gi-loading-spinner{width:32px;height:32px;border:3px solid #e5e5e5;border-top-color:var(--purple-600, #7c3aed);border-radius:50%;animation:gi-spin .8s linear infinite}@keyframes gi-spin{to{transform:rotate(360deg)}}.gi-loading p{font-size:var(--text-body);color:var(--text-secondary)}.gi-invite-nudge{display:flex;align-items:center;gap:12px;padding:16px;margin-bottom:16px;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #ddd6fe;border-radius:16px;animation:gi-nudge-pulse 2s ease-in-out infinite}@keyframes gi-nudge-pulse{0%,to{box-shadow:0 0 #7c3aed00}50%{box-shadow:0 0 0 4px #7c3aed1a}}.gi-invite-nudge svg{width:24px;height:24px;color:var(--purple-700);flex-shrink:0}.gi-invite-nudge span{flex:1;font-size:var(--text-body-sm);font-weight:500;color:#5b21b6}.gi-nudge-action{background:#7c3aed;color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:var(--text-body-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.gi-nudge-action:hover{background:#6d28d9;transform:scale(1.02)}.gi-nudge-action:active{transform:scale(.98)}.gi-completed-badge{padding:6px 14px;background:#34c759;color:var(--surface);font-size:var(--text-caption);font-weight:600;border-radius:100px}.gi-completed-banner{text-align:center;padding:32px 24px 16px}.gi-completed-icon{width:72px;height:72px;margin:0 auto 16px;background:linear-gradient(135deg,#34c759,#30d158);border-radius:50%;display:flex;align-items:center;justify-content:center}.gi-completed-icon svg{width:36px;height:36px;color:var(--surface)}.gi-completed-banner h2{font-size:var(--text-4xl);font-weight:600;color:var(--text-primary);margin-bottom:4px}.gi-completed-subtitle{font-size:var(--text-md);color:var(--text-secondary)}.gi-winner-card{background:#fff;border-radius:20px;overflow:hidden;margin:16px 24px;box-shadow:0 8px 32px #0000001a}.gi-winner-badge-label{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--surface);font-weight:600;font-size:var(--text-body)}.gi-winner-badge-label svg{width:18px;height:18px}.gi-winner-photo{width:100%;height:200px;background:linear-gradient(180deg,#f5f5f7,#e8e8ed)}.gi-winner-photo img{width:100%;height:100%;object-fit:cover}.gi-winner-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--text-6xl);font-weight:600;color:var(--text-secondary)}.gi-winner-info{padding:20px;text-align:center}.gi-winner-name{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin-bottom:4px}.gi-winner-type{font-size:var(--text-body);color:var(--text-secondary);margin-bottom:12px}.gi-winner-meta{display:flex;justify-content:center;gap:16px}.gi-winner-meta-item{display:flex;align-items:center;gap:4px;font-size:var(--text-body-sm);color:var(--text-secondary)}.gi-winner-meta-item svg{width:14px;height:14px;color:var(--gold-light)}.gi-whos-going{padding:16px 24px}.gi-whos-going h3{font-size:var(--text-body);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.gi-going-list{display:flex;gap:4px}.gi-going-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid #fff;background:linear-gradient(180deg,#f5f5f7,#e8e8ed);display:flex;align-items:center;justify-content:center;margin-left:-8px;box-shadow:0 2px 8px #00000014}.gi-going-avatar:first-child{margin-left:0}.gi-going-avatar img{width:100%;height:100%;object-fit:cover}.gi-going-avatar span{font-size:var(--text-base);font-weight:600;color:var(--text-secondary)}.gi-completed-schedule{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;margin:0 24px 16px;background:#0066cc14;border:1px solid rgba(0,102,204,.2);border-radius:12px;font-size:var(--text-body-sm);font-weight:500;color:var(--primary)}.gi-completed-schedule svg{width:18px;height:18px;flex-shrink:0}.gi-completed-actions{display:flex;flex-direction:column;gap:12px;padding:8px 24px}.gi-completed-action{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:14px;font-size:var(--text-md);font-weight:600;cursor:pointer;transition:all .2s;border:none}.gi-completed-action svg{width:20px;height:20px}.gi-completed-action.primary{background:#06c;color:var(--surface)}.gi-completed-action.primary:hover{background:#0055b3}.gi-completed-action.secondary{background:#fff;color:var(--text-primary);box-shadow:0 2px 8px #0000000f}.gi-completed-action.secondary:hover{box-shadow:0 4px 16px #0000001a}.gi-plan-another{padding:24px;text-align:center}.gi-plan-another-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:transparent;border:2px solid var(--purple-700);border-radius:14px;color:var(--purple-700);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .2s}.gi-plan-another-btn:hover{background:#7c3aed14}.gi-plan-another-btn svg{width:18px;height:18px}.chat-message-system{display:flex;justify-content:center;padding:8px 16px}.chat-message-system span{font-size:var(--text-sm);color:var(--text-secondary);background:#0000000a;padding:6px 12px;border-radius:12px}.chat-message{display:flex;gap:8px;padding:4px 16px;max-width:100%}.chat-message-self{flex-direction:row-reverse}.chat-message-other{flex-direction:row}.chat-message-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#7c3aed,#6366f1);display:flex;align-items:center;justify-content:center}.chat-message-avatar img{width:100%;height:100%;object-fit:cover}.chat-avatar-initial{font-size:var(--text-body-sm);font-weight:600;color:var(--surface)}.chat-message-content{display:flex;flex-direction:column;max-width:75%}.chat-message-self .chat-message-content{align-items:flex-end}.chat-message-other .chat-message-content{align-items:flex-start}.chat-message-name{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:2px;padding-left:12px}.chat-message-bubble{padding:10px 14px;border-radius:18px;max-width:100%;word-wrap:break-word}.chat-message-self .chat-message-bubble{background:linear-gradient(135deg,#7c3aed,#6366f1);border-bottom-right-radius:4px}.chat-message-self .chat-message-bubble p{color:var(--surface)}.chat-message-other .chat-message-bubble{background:#f0f0f5;border-bottom-left-radius:4px}.chat-message-other .chat-message-bubble p{color:var(--text-primary)}.chat-message-bubble p{margin:0;font-size:var(--text-body);line-height:1.4}.chat-message-time{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px;padding:0 12px}html.dark-mode .chat-message-system span{background:#ffffff14;color:var(--text-muted)}html.dark-mode .chat-message-other .chat-message-bubble{background:#2c2c2e}html.dark-mode .chat-message-other .chat-message-bubble p{color:#f5f5f7}html.dark-mode .chat-message-name,html.dark-mode .chat-message-time{color:var(--text-muted)}.chat-fab{position:fixed;bottom:100px;right:20px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;box-shadow:0 4px 12px #7c3aed4d,0 2px 4px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .2s ease}.chat-fab:hover{transform:scale(1.05);box-shadow:0 6px 16px #7c3aed66,0 4px 8px #00000026}.chat-fab svg{width:24px;height:24px;color:var(--surface)}.chat-fab.has-unread{animation:pulse-unread 2s infinite}@keyframes pulse-unread{0%,to{box-shadow:0 4px 12px #7c3aed4d,0 2px 4px #0000001a}50%{box-shadow:0 4px 20px #7c3aed80,0 2px 4px #0000001a,0 0 0 8px #7c3aed1a}}.chat-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;background:#ef4444;border-radius:10px;font-size:var(--text-xs);font-weight:700;color:var(--surface);display:flex;align-items:center;justify-content:center;border:2px solid #fff}.chat-panel{position:fixed;top:0;right:0;width:100%;max-width:380px;height:100%;background:#fff;box-shadow:-4px 0 20px #0000001a;display:flex;flex-direction:column;z-index:1001}.chat-panel-header{padding:16px 20px;background:linear-gradient(135deg,#7c3aed,#6366f1);display:flex;align-items:center;justify-content:space-between}.chat-panel-header h3{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--surface)}.chat-panel-count{font-size:var(--text-caption);color:#fffc}.chat-panel-messages{flex:1;overflow-y:auto;padding:16px 0;background:#fafafa}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center}.chat-empty-icon{font-size:var(--text-6xl);margin-bottom:16px}.chat-empty p{margin:0;font-size:var(--text-md);font-weight:500;color:var(--text-primary)}.chat-empty-hint{margin-top:8px!important;font-size:var(--text-body)!important;font-weight:400!important;color:var(--text-secondary)!important}.chat-panel-input{padding:12px 16px;background:#fff;border-top:1px solid rgba(0,0,0,.06)}.chat-input-wrapper{display:flex;align-items:flex-end;gap:8px;background:#f0f0f5;border-radius:24px;padding:8px 8px 8px 16px}.chat-input-wrapper textarea{flex:1;border:none;background:transparent;font-size:var(--text-body);line-height:1.4;resize:none;max-height:80px;padding:6px 0;color:var(--text-primary)}.chat-input-wrapper textarea:focus{outline:none}.chat-input-wrapper textarea::placeholder{color:var(--text-secondary)}.chat-send-btn{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.chat-send-btn:hover:not(:disabled){transform:scale(1.05)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-send-btn svg{width:18px;height:18px;color:var(--surface)}.chat-char-count{font-size:var(--text-xs);color:var(--text-secondary);text-align:right;margin-top:4px;padding-right:8px}.chat-char-count.over-limit{color:var(--error);font-weight:600}@supports (padding-bottom: env(safe-area-inset-bottom)){.chat-panel-input{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.chat-fab{bottom:calc(100px + env(safe-area-inset-bottom))}}@media (max-width: 420px){.chat-panel{max-width:100%}.chat-fab{bottom:80px;right:16px}}html.dark-mode .chat-panel{background:#1c1c1e}html.dark-mode .chat-panel-messages{background:#000}html.dark-mode .chat-panel-input{background:#1c1c1e;border-top-color:#ffffff14}html.dark-mode .chat-input-wrapper{background:#2c2c2e}html.dark-mode .chat-input-wrapper textarea{color:#f5f5f7}html.dark-mode .chat-input-wrapper textarea::placeholder{color:var(--text-muted)}html.dark-mode .chat-empty p{color:#f5f5f7}html.dark-mode .chat-empty-hint{color:var(--text-muted)!important}html.dark-mode .chat-char-count{color:var(--text-muted)}html.dark-mode .chat-badge{border-color:#1c1c1e}.sr-roadmap{padding:16px 20px;margin:0 16px 16px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f}.sr-roadmap.sr-compact{padding:10px 16px;margin:0 16px 8px}.sr-steps{display:flex;align-items:flex-start;justify-content:space-between;position:relative}.sr-step-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.sr-connector{position:absolute;top:18px;right:50%;width:100%;height:2px;background:#e5e5ea;z-index:0}.sr-compact .sr-connector{top:14px}.sr-connector-active{background:linear-gradient(90deg,#7c3aed,#4f46e5)}.sr-step{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1}.sr-compact .sr-step{gap:4px}.sr-step-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:#f5f5f7;border:2px solid #e5e5ea}.sr-compact .sr-step-circle{width:28px;height:28px}.sr-step-circle svg{width:18px;height:18px;color:var(--text-secondary)}.sr-compact .sr-step-circle svg{width:14px;height:14px}.sr-active .sr-step-circle{background:linear-gradient(135deg,#7c3aed,#4f46e5);border-color:transparent;box-shadow:0 4px 12px #7c3aed4d;animation:sr-pulse 2s ease-in-out infinite}.sr-active .sr-step-circle svg{color:var(--surface)}.sr-completed .sr-step-circle{background:#34c759;border-color:transparent}.sr-completed .sr-step-circle svg{color:var(--surface)}.sr-future .sr-step-circle{background:#f5f5f7;border-color:#e5e5ea}.sr-step-label{font-size:var(--text-caption);font-weight:600;color:var(--text-secondary);text-align:center}.sr-compact .sr-step-label{font-size:var(--text-xs)}.sr-active .sr-step-label{color:var(--purple-700)}.sr-completed .sr-step-label{color:var(--success)}.sr-step-desc{font-size:var(--text-xs);color:#aeaeb2;text-align:center;max-width:100px;line-height:1.3}.sr-active .sr-step-desc{color:var(--purple-700)}.sr-completed .sr-step-desc{color:var(--text-secondary)}@keyframes sr-pulse{0%,to{box-shadow:0 4px 12px #7c3aed4d}50%{box-shadow:0 4px 20px #7c3aed80}}@media (max-width: 600px){.sr-roadmap{margin:0 12px 12px;padding:12px 16px}.sr-compact .sr-roadmap{margin:0 12px 6px;padding:8px 12px}.sr-step-desc{max-width:80px;font-size:var(--text-2xs)}}.gs-page{min-height:100vh;min-height:100dvh;background:#fafafa;display:flex;flex-direction:column}.gs-header{position:sticky;top:0;z-index:100;padding:16px 24px;padding-top:calc(env(safe-area-inset-top,0) + 16px);background:#fafafacc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;gap:16px}.gs-back{width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:12px;cursor:pointer;box-shadow:0 2px 8px #0000000f}.gs-back svg{width:20px;height:20px;stroke:#1d1d1f}.gs-progress-wrapper{flex:1}.gs-header-spacer{width:44px}.gs-invite-nudge{position:relative;display:flex;align-items:center;justify-content:space-between;padding:12px 40px 12px 20px;background:linear-gradient(135deg,#4f46e5,#7c3aed);margin:0 16px 16px;border-radius:14px;box-shadow:0 4px 16px #4f46e540}.gs-nudge-dismiss{position:absolute;top:4px;right:4px;width:44px;height:44px;padding:0;background:#ffffff26;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.gs-nudge-dismiss:hover{background:#ffffff40}.gs-nudge-dismiss svg{width:12px;height:12px;stroke:#fffc}.gs-nudge-content{display:flex;align-items:center;gap:10px}.gs-nudge-icon{width:20px;height:20px;flex-shrink:0;stroke:#fff}.gs-nudge-text{font-size:var(--text-body-sm);font-weight:500;color:var(--surface)}.gs-nudge-btn{padding:8px 16px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:100px;color:var(--surface);font-size:var(--text-body-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.gs-nudge-btn:hover{background:#ffffff4d}.gs-progress-bar{height:6px;background:#00000014;border-radius:3px;overflow:hidden;margin-bottom:12px}.gs-progress-fill{height:100%;background:#06c;border-radius:3px;transition:width .3s ease}.gs-progress-text{text-align:center;font-size:var(--text-body);font-weight:500;color:var(--text-secondary)}.gs-header-title{font-size:var(--text-md);font-weight:600;color:var(--text-primary);text-align:center}.gs-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;padding-bottom:calc(140px + env(safe-area-inset-bottom))}.gs-card{width:100%;max-width:380px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 48px #0000001f}.gs-card-photo{position:relative;width:100%;height:320px;background:linear-gradient(180deg,#f5f5f7,#e8e8ed)}.gs-card-photo img{width:100%;height:100%;object-fit:cover}.gs-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.gs-photo-placeholder svg{width:64px;height:64px;color:var(--text-secondary)}.gs-card-badges{position:absolute;top:16px;left:16px;display:flex;gap:8px}.gs-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:980px;font-size:var(--text-body);font-weight:600;color:var(--surface)}.gs-badge svg{width:16px;height:16px;color:var(--gold-light)}.gs-card-info{padding:24px}.gs-card-name{font-size:var(--text-3xl);font-weight:600;color:var(--text-primary);margin-bottom:6px}.gs-card-type{font-size:var(--text-md);color:var(--text-secondary);margin-bottom:12px}.gs-card-distance{display:flex;align-items:center;gap:8px;font-size:var(--text-body);color:var(--text-secondary)}.gs-card-distance svg{width:18px;height:18px}.gs-actions{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:32px}.gs-action-btn{width:72px;height:72px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.25,.1,.25,1);box-shadow:0 4px 16px #0000001a}.gs-action-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 8px 24px #00000026}.gs-action-btn:disabled{opacity:.5;cursor:not-allowed}.gs-action-btn svg{width:32px;height:32px}.gs-action-btn.skip{background:#fff;border:2px solid #ff3b30}.gs-action-btn.skip svg{color:var(--error)}.gs-action-btn.like{background:#34c759}.gs-action-btn.like svg{color:var(--surface)}.gs-action-btn.superlike{width:56px;height:56px;background:#007aff}.gs-action-btn.superlike svg{width:26px;height:26px;color:var(--surface)}.gs-legend{display:flex;justify-content:center;gap:40px;margin-top:16px;font-size:var(--text-body-sm);color:var(--text-secondary)}.gs-state{text-align:center;padding:48px 24px;max-width:400px}.gs-state-icon{width:96px;height:96px;margin:0 auto 32px;background:linear-gradient(180deg,#f5f5f7,#e8e8ed);border-radius:50%;display:flex;align-items:center;justify-content:center}.gs-state-icon svg{width:48px;height:48px;color:var(--text-primary)}.gs-state-icon.pulse svg{animation:gs-pulse 2s ease-in-out infinite}.gs-state h2{font-size:var(--text-4xl);font-weight:600;color:var(--text-primary);margin-bottom:12px}.gs-state p{font-size:var(--text-md);color:var(--text-secondary);margin-bottom:32px;line-height:1.5}.gs-progress-status{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.gs-progress-count{font-size:var(--text-6xl);font-weight:600;color:var(--primary)}.gs-progress-label{font-size:var(--text-body);color:var(--text-secondary)}.gs-participants{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.gs-participant{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border-radius:980px;font-size:var(--text-body);font-weight:500;color:var(--text-secondary);box-shadow:0 2px 8px #0000000a}.gs-participant.done{background:#e8f5e9;color:#2e7d32}.gs-participant svg{width:18px;height:18px}.gs-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 40px;background:#06c;border:none;border-radius:14px;font-size:var(--text-md);font-weight:600;color:var(--surface);cursor:pointer;transition:all .2s}.gs-submit-btn:hover:not(:disabled){background:#0055b3;transform:scale(1.02)}.gs-submit-btn:disabled{opacity:.6;cursor:not-allowed}.gs-submit-btn svg{width:22px;height:22px}.gs-spinner{width:22px;height:22px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--surface);border-radius:50%;animation:gs-spin .8s linear infinite}@keyframes gs-spin{to{transform:rotate(360deg)}}@keyframes gs-pulse{0%,to{opacity:1}50%{opacity:.4}}.gs-more-options{margin-top:24px;padding-top:24px;border-top:1px solid rgba(0,0,0,.08);text-align:center}.gs-more-text{font-size:var(--text-body);color:var(--text-secondary);margin-bottom:12px}.gs-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;background:#fff;border:2px solid #0066cc;border-radius:12px;font-size:var(--text-base);font-weight:600;color:var(--primary);cursor:pointer;transition:all .2s}.gs-more-btn:hover:not(:disabled){background:#f0f7ff;transform:scale(1.02)}.gs-more-btn:disabled{opacity:.6;cursor:not-allowed}.gs-more-btn svg{width:20px;height:20px}.gs-more-btn .gs-spinner{border-color:#0066cc4d;border-top-color:var(--primary)}.gs-no-more{margin-top:20px;font-size:var(--text-body);color:var(--text-secondary);font-style:italic}@media (max-width: 600px){.gs-header{padding:12px 16px}.gs-content{padding:16px;padding-bottom:calc(120px + env(safe-area-inset-bottom))}.gs-card{border-radius:20px}.gs-card-photo{height:280px}.gs-card-info{padding:20px}.gs-card-name{font-size:var(--text-2xl)}.gs-actions{gap:20px;margin-top:24px}.gs-action-btn{width:64px;height:64px}.gs-action-btn svg{width:28px;height:28px}.gs-action-btn.superlike{width:50px;height:50px}.gs-action-btn.superlike svg{width:22px;height:22px}.gs-state h2{font-size:var(--text-3xl)}.gs-progress-count{font-size:40px}}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:20px}.share-modal{background:#1a1a1a;border-radius:24px 24px 0 0;padding:24px;padding-bottom:max(24px,env(safe-area-inset-bottom));max-width:420px;width:100%;position:relative;max-height:90vh;overflow-y:auto}.share-modal-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.share-modal-close svg{width:18px;height:18px;stroke:#888}.share-modal-close:hover svg{stroke:#fff}.share-format-toggle{display:flex;gap:8px;margin-bottom:16px;justify-content:center}.format-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#888;font-size:var(--text-caption);font-weight:500;cursor:pointer;transition:all .2s ease}.format-btn svg{width:16px;height:16px}.format-btn.active{background:#c79d6126;border-color:#c79d6166;color:#c79d61}.format-btn:hover:not(.active){background:#ffffff1a;color:var(--surface)}.share-card-preview{margin-bottom:16px}.share-card{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.share-card.square{aspect-ratio:1 / 1;display:flex;flex-direction:column}.share-card.square .share-card-image{flex:1;min-height:0}.share-card.square .share-card-content{padding:12px 16px}.share-card.square .share-card-dish{margin-top:8px}.share-card.story{aspect-ratio:9 / 16;display:flex;flex-direction:column;max-height:380px}.share-card.story .share-card-image{flex:1;min-height:0;height:auto}.share-card.story .share-card-content{padding:16px 20px}.share-card.story .share-card-name{font-size:var(--text-3xl)}.share-card.story .share-card-meta{font-size:var(--text-body);margin-top:4px}.share-card.story .share-card-dish{margin-top:12px;padding:12px 14px}.share-card.story .share-dish-name{font-size:var(--text-base)}.share-card.story .share-card-cta{padding:14px 20px}.share-card-brand{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#c79d611a;border-bottom:1px solid rgba(199,157,97,.2)}.share-brand-icon{font-size:var(--text-lg)}.share-brand-name{font-size:var(--text-body-sm);font-weight:600;color:#c79d61;letter-spacing:.5px}.share-card-image{width:100%;height:160px;overflow:hidden}.share-card-image img{width:100%;height:100%;object-fit:cover}.share-card-content{padding:16px}.share-card-name{font-size:var(--text-xl);font-weight:700;color:var(--surface);margin:0 0 6px}.share-card-meta{font-size:var(--text-body-sm);color:#888;margin:0;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.share-card-rating{display:inline-flex;align-items:center;gap:4px;color:#c79d61;margin-left:8px}.share-card-rating svg{fill:#c79d61}.share-card-dish{margin-top:12px;padding:10px 12px;background:#c79d611a;border-radius:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.share-dish-label{font-size:var(--text-sm);color:#888;text-transform:uppercase;letter-spacing:.5px}.share-dish-name{font-size:var(--text-body-sm);font-weight:600;color:var(--surface);flex:1}.share-dish-score{font-size:var(--text-sm);font-weight:700;color:#c79d61;background:#c79d6133;padding:4px 8px;border-radius:6px}.share-card-cta{padding:12px 16px;background:linear-gradient(135deg,#c79d61,#b8894f);display:flex;justify-content:space-between;align-items:center}.share-card-cta span:first-child{font-size:var(--text-sm);color:#000000b3;font-weight:500}.share-card-url{font-size:var(--text-caption);font-weight:700;color:#000}.share-actions-primary{display:flex;gap:12px;margin-bottom:20px}.share-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:12px;font-size:var(--text-body);font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.share-action-btn svg{width:20px;height:20px}.share-action-btn.plan-together{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:var(--surface)}.share-action-btn.plan-together:hover{transform:translateY(-2px);box-shadow:0 4px 20px #4f46e566}.share-action-btn.share-primary{background:linear-gradient(135deg,#c79d61,#b8894f);color:#000}.share-action-btn.share-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #c79d6166}.share-platforms{display:flex;justify-content:center;gap:12px}.share-platform{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease}.share-platform svg{width:22px;height:22px}.share-platform.whatsapp{background:#25d366;color:var(--surface)}.share-platform.sms{background:#34c759;color:var(--surface)}.share-platform.twitter{background:#000;color:var(--surface)}.share-platform.copy{background:#ffffff1a;color:var(--surface)}.share-platform.copy svg{stroke:#fff}.share-platform.copy.copied{background:#34c759}.share-platform:hover{transform:scale(1.1)}.share-platform:active{transform:scale(.95)}.share-save-image-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;margin-bottom:20px;background:linear-gradient(135deg,#e1306c,#c13584,#833ab4);border:none;border-radius:12px;color:var(--surface);font-size:var(--text-body-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.share-save-image-btn svg{width:18px;height:18px}.share-save-image-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #e1306c66}.share-save-image-btn:disabled{opacity:.7;cursor:wait}.share-save-image-btn.generating{background:linear-gradient(135deg,#666,#555)}.save-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--surface);border-radius:50%;animation:spin .8s linear infinite}.share-copied-msg{text-align:center;margin-top:16px;color:var(--success);font-size:var(--text-body-sm);font-weight:500}@media (min-width: 500px){.share-modal-overlay{align-items:center}.share-modal{border-radius:24px}}.gsc-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.gsc-modal{position:relative;max-width:380px;width:100%;max-height:90vh;overflow-y:auto;border-radius:24px;background:#0a0a0f;box-shadow:0 24px 80px #00000080}.gsc-close{position:absolute;top:12px;right:12px;z-index:10;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;transition:background .2s}.gsc-close:hover{background:#fff3}.gsc-close svg{width:18px;height:18px;color:#ffffffb3}.gsc-card{position:relative;padding:28px 24px 20px;text-align:center;color:var(--surface);border-radius:24px 24px 0 0;overflow:hidden}.gsc-glow{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.gsc-brand-bar{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.gsc-brand-logo{opacity:.9}.gsc-mood-pill{font-size:var(--text-xs);font-weight:600;padding:4px 12px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase}.gsc-accent-line{position:relative;height:1px;margin-bottom:24px}.gsc-session-name{position:relative;font-size:38px;font-weight:800;margin-bottom:8px;letter-spacing:-1.5px;text-shadow:0 2px 20px rgba(0,0,0,.5);line-height:1.05}.gsc-tagline{position:relative;font-size:var(--text-body);font-weight:500;margin-bottom:24px;font-style:italic;letter-spacing:.5px}.gsc-photo-wrapper{position:relative;margin-bottom:16px}.gsc-photo{position:relative;width:220px;height:220px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #00000080;border:2px solid rgba(255,255,255,.12);z-index:1}.gsc-photo img{width:100%;height:100%;object-fit:cover}.gsc-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff14;font-size:72px;font-weight:700}.gsc-photo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;z-index:0;pointer-events:none}.gsc-restaurant-name{position:relative;font-size:var(--text-2xl);font-weight:700;margin-bottom:4px;text-shadow:0 1px 8px rgba(0,0,0,.3);letter-spacing:-.3px}.gsc-restaurant-meta{position:relative;font-size:var(--text-body-sm);color:#fff9;margin-bottom:24px;letter-spacing:.3px}.gsc-attendees{position:relative;margin-bottom:20px}.gsc-avatars{display:flex;justify-content:center;margin-bottom:8px}.gsc-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;display:flex;align-items:center;justify-content:center;margin-left:-8px;box-shadow:0 2px 12px #0000004d}.gsc-avatar:first-child{margin-left:0}.gsc-avatar img{width:100%;height:100%;object-fit:cover}.gsc-avatar span{font-size:var(--text-body);font-weight:600;color:var(--surface)}.gsc-avatar-more{background:#ffffff26;font-size:var(--text-sm);font-weight:700;color:var(--surface)}.gsc-attendee-label{font-size:var(--text-caption);color:#ffffff80;font-weight:500;letter-spacing:.3px}.gsc-footer-bar{position:relative;display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid;margin-top:4px}.gsc-footer-tagline{font-size:var(--text-xs);font-weight:500;color:#ffffff59;letter-spacing:.3px}.gsc-footer-url{font-size:var(--text-caption);font-weight:700;letter-spacing:.3px}.gsc-actions{display:flex;gap:10px;padding:16px 20px;background:#0a0a0f}.gsc-action-btn{flex:1;padding:16px;border-radius:14px;font-size:var(--text-body);font-weight:600;cursor:pointer;transition:all .2s;border:none}.gsc-action-btn.primary{background:#fff;color:#0a0a0f}.gsc-action-btn.primary:hover{background:#f0f0f5}.gsc-action-btn.primary:disabled{opacity:.5;cursor:not-allowed}.gsc-action-btn.secondary{background:#ffffff14;color:#fffc;border:1px solid rgba(255,255,255,.1)}.gsc-action-btn.secondary:hover{background:#ffffff1f}@media (max-width: 400px){.gsc-card{padding:24px 16px 16px}.gsc-session-name{font-size:var(--text-4xl)}.gsc-photo{width:180px;height:180px}}.gr-page{min-height:100vh;min-height:100dvh;background:#fafafa;display:flex;flex-direction:column}.gr-header{position:sticky;top:0;z-index:100;padding:20px 24px;padding-top:calc(env(safe-area-inset-top,0) + 20px);background:#fafafacc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-align:center}.gr-header h1{font-size:var(--text-4xl);font-weight:600;color:var(--text-primary)}.gr-share-banner{position:fixed;bottom:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-bottom:max(16px,calc(env(safe-area-inset-bottom) + 16px));background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 -4px 20px #4f46e54d;border-radius:20px 20px 0 0}.gr-share-banner-content{display:flex;align-items:center;gap:10px}.gr-share-banner-icon{font-size:var(--text-3xl);animation:bounce-gentle 1s ease-in-out infinite}@keyframes bounce-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.gr-share-banner-text-group{display:flex;flex-direction:column;gap:2px}.gr-share-banner-title{font-size:var(--text-base);font-weight:700;color:var(--surface)}.gr-share-banner-text{font-size:var(--text-caption);font-weight:500;color:#ffffffe6}.gr-share-banner-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:100px;color:var(--surface);font-size:var(--text-body-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.gr-share-banner-btn:hover{background:#ffffff4d}.gr-share-banner-btn svg{width:16px;height:16px}.gr-content{flex:1;padding:32px 24px;max-width:500px;margin:0 auto;width:100%}.gr-winner-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 48px #0000001a;margin-bottom:32px}.gr-winner-badge{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--surface);font-weight:600;font-size:var(--text-md)}.gr-winner-badge svg{width:20px;height:20px}.gr-winner-photo{width:100%;height:220px;background:linear-gradient(180deg,#f5f5f7,#e8e8ed)}.gr-winner-photo img{width:100%;height:100%;object-fit:cover}.gr-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.gr-photo-placeholder svg{width:64px;height:64px;color:var(--text-secondary)}.gr-winner-info{padding:28px;text-align:center}.gr-winner-name{font-size:var(--text-3xl);font-weight:600;color:var(--text-primary);margin-bottom:8px}.gr-winner-type{font-size:var(--text-md);color:var(--text-secondary);margin-bottom:16px}.gr-winner-meta{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.gr-meta-item{display:flex;align-items:center;gap:6px;font-size:var(--text-body);color:var(--text-secondary)}.gr-meta-item svg{width:18px;height:18px}.gr-meta-item svg.star{color:var(--gold-light)}.gr-voted-by{padding:20px 28px;border-top:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;gap:12px}.gr-voted-label{font-size:var(--text-body);color:var(--text-secondary)}.gr-voter-avatars{display:flex}.gr-voter-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid #fff;background:linear-gradient(180deg,#f5f5f7,#e8e8ed);display:flex;align-items:center;justify-content:center;margin-left:-10px;box-shadow:0 2px 8px #00000014}.gr-voter-avatar:first-child{margin-left:0}.gr-voter-avatar img{width:100%;height:100%;object-fit:cover}.gr-voter-avatar span{font-size:var(--text-body);font-weight:600;color:var(--text-secondary)}.gr-voter-avatar.more{background:#06c;color:var(--surface);font-size:var(--text-caption);font-weight:600}.gr-primary-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.gr-cta-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 24px;border-radius:14px;font-size:var(--text-md);font-weight:600;cursor:pointer;transition:all .2s;border:none;width:100%}.gr-cta-btn svg{width:22px;height:22px}.gr-cta-btn.reserve{background:linear-gradient(135deg,#da3743,#c22e38);color:var(--surface)}.gr-cta-btn.reserve:hover{background:linear-gradient(135deg,#c22e38,#a8252e);transform:scale(1.01)}.gr-cta-btn.directions{background:#06c;color:var(--surface)}.gr-cta-btn.directions:hover{background:#0055b3;transform:scale(1.01)}.gr-walkin-notice{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;margin-bottom:16px;color:#15803d;font-size:var(--text-body-sm);font-weight:500}.gr-walkin-notice svg{width:18px;height:18px;flex-shrink:0}.gr-icon-actions{display:flex;justify-content:center;gap:32px;margin-bottom:32px;padding:16px 0}.gr-icon-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background:none;border:none;cursor:pointer;transition:all .2s}.gr-icon-btn svg{width:24px;height:24px;color:var(--text-secondary);padding:12px;background:#f5f5f7;border-radius:50%;box-sizing:content-box;transition:all .2s}.gr-icon-btn:hover svg{background:#e8e8ed;color:var(--purple-700)}.gr-icon-btn span{font-size:var(--text-caption);font-weight:500;color:var(--text-secondary)}.gr-nav-footer{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px 0 40px}.gr-nav-link{background:none;border:none;font-size:var(--text-body);font-weight:500;color:var(--text-secondary);cursor:pointer;padding:8px 4px;transition:color .2s}.gr-nav-link:hover{color:var(--purple-700)}.gr-nav-divider{color:#d1d1d6;font-size:var(--text-body)}.gr-other-matches{margin-bottom:40px}.gr-other-matches h3{font-size:var(--text-body);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.gr-matches-list{display:flex;flex-direction:column;gap:12px}.gr-match-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a}.gr-match-photo{width:52px;height:52px;border-radius:12px;overflow:hidden;flex-shrink:0;background:linear-gradient(180deg,#f5f5f7,#e8e8ed)}.gr-match-photo img{width:100%;height:100%;object-fit:cover}.gr-match-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-secondary)}.gr-match-info{flex:1;min-width:0}.gr-match-name{display:block;font-size:var(--text-md);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gr-match-votes{font-size:var(--text-body);color:var(--text-secondary)}.gr-match-percent{font-size:var(--text-md);font-weight:600;color:var(--primary)}.gr-done-btn{width:100%;padding:18px 24px;background:#06c;border:none;border-radius:14px;font-size:var(--text-md);font-weight:600;color:var(--surface);cursor:pointer;transition:all .2s}.gr-done-btn:hover{background:#0055b3}.gr-no-winner{text-align:center;padding:64px 24px}.gr-no-winner-icon{width:96px;height:96px;margin:0 auto 32px;background:linear-gradient(180deg,#f5f5f7,#e8e8ed);border-radius:50%;display:flex;align-items:center;justify-content:center}.gr-no-winner-icon svg{width:48px;height:48px;color:var(--text-secondary)}.gr-no-winner h2{font-size:var(--text-4xl);font-weight:600;color:var(--text-primary);margin-bottom:12px}.gr-no-winner p{font-size:var(--text-md);color:var(--text-secondary);margin-bottom:32px;line-height:1.5}.gr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.gr-share-modal{position:relative;background:#fff;border-radius:24px;max-width:360px;width:100%;overflow:hidden;box-shadow:0 24px 80px #0003}.gr-share-modal .gr-close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;color:var(--surface);z-index:1}.gr-share-modal .gr-close-btn svg{width:18px;height:18px}.gr-share-card{padding:40px 32px;background:linear-gradient(135deg,#06c,#5856d6);color:var(--surface);text-align:center}.gr-share-brand{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}.gr-brand-icon{font-size:var(--text-4xl)}.gr-brand-name{font-weight:600;font-size:var(--text-md)}.gr-share-label{font-size:var(--text-body);opacity:.9;margin-bottom:8px}.gr-share-winner{font-size:var(--text-4xl);font-weight:600;margin-bottom:8px}.gr-share-meta{font-size:var(--text-body);opacity:.9;margin-bottom:24px}.gr-share-cta{font-size:var(--text-body-sm);opacity:.8;line-height:1.5}.gr-share-cta strong{opacity:1}.gr-copy-btn{width:100%;padding:18px;background:#fafafa;border:none;font-size:var(--text-md);font-weight:600;color:var(--primary);cursor:pointer;transition:background .2s}.gr-copy-btn:hover{background:#f5f5f7}@media (max-width: 600px){.gr-header{padding:16px}.gr-header h1{font-size:var(--text-3xl)}.gr-content{padding:24px 16px}.gr-winner-card{border-radius:20px}.gr-winner-photo{height:180px}.gr-winner-info{padding:24px 20px}.gr-winner-name{font-size:var(--text-2xl)}.gr-primary-actions{gap:10px}.gr-icon-actions{gap:24px}}.gr-tie-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--gold-600);margin-bottom:var(--space-sm)}.gr-tie-indicator svg{color:var(--gold);flex-shrink:0}.gr-ai-summary{display:flex;align-items:flex-start;gap:10px;padding:16px 20px;margin:0 16px 16px;background:linear-gradient(135deg,#7c3aed14,#4f46e514);border-radius:14px;border:1px solid rgba(124,58,237,.15)}.gr-ai-summary-icon{font-size:var(--text-lg);flex-shrink:0;margin-top:1px}.gr-ai-summary p{margin:0;font-size:var(--text-body);line-height:1.5;color:var(--text-primary);font-style:italic}.deadline-timer{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:100px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);transition:all .3s ease}.deadline-timer-icon{display:flex;align-items:center;justify-content:center}.deadline-timer-icon svg{width:20px;height:20px}.deadline-timer-content{display:flex;flex-direction:column;gap:2px}.deadline-timer-label{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.03em;opacity:.8}.deadline-timer-value{font-size:var(--text-base);font-weight:700;font-variant-numeric:tabular-nums}.deadline-timer-auto{font-size:var(--text-sm);font-weight:500;margin-left:auto;opacity:.8}.deadline-timer.normal{background:#10b9811a;border-color:#10b9814d;color:var(--success)}.deadline-timer.normal .deadline-timer-icon svg{stroke:#10b981}.deadline-timer.warning{background:#f59e0b1a;border-color:#f59e0b4d;color:var(--gold-600)}.deadline-timer.warning .deadline-timer-icon svg{stroke:var(--gold)}.deadline-timer.critical{background:#ef44441a;border-color:#ef44444d;color:var(--error)}.deadline-timer.critical .deadline-timer-icon svg{stroke:#ef4444}.deadline-timer.expired{background:#6b72801a;border-color:#6b72804d;color:var(--silver-500)}.deadline-timer.expired .deadline-timer-icon svg{stroke:#6b7280}.deadline-timer.pulsing{animation:deadline-pulse 1s ease-in-out infinite}@keyframes deadline-pulse{0%,to{transform:scale(1);box-shadow:0 0 #ef444466}50%{transform:scale(1.02);box-shadow:0 0 0 8px #ef444400}}@media (max-width: 360px){.deadline-timer{padding:8px 12px;gap:8px}.deadline-timer-icon svg{width:18px;height:18px}.deadline-timer-label{font-size:var(--text-2xs)}.deadline-timer-value{font-size:var(--text-body-sm)}}.gv-page{min-height:100vh;min-height:100dvh;background:#fafafa;display:flex;flex-direction:column}.gv-header{position:sticky;top:0;z-index:100;padding:20px 24px;padding-top:calc(env(safe-area-inset-top,0) + 20px);background:#fafafacc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-align:center}.gv-header h1{font-size:var(--text-4xl);font-weight:600;color:var(--text-primary);margin-bottom:4px}.gv-subtitle{font-size:var(--text-body);color:var(--text-secondary)}.gv-content{flex:1;padding:32px 24px;max-width:600px;margin:0 auto;width:100%}.gv-deadline-container{display:flex;justify-content:center;margin-bottom:20px}.gv-grid{display:grid;gap:20px;margin-bottom:24px}@media (min-width: 500px){.gv-grid{grid-template-columns:repeat(2,1fr)}}.gv-card{display:flex;flex-direction:column;background:#fff;border:none;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .2s cubic-bezier(.25,.1,.25,1);text-align:left;box-shadow:0 2px 8px #0000000a}.gv-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.gv-card.selected{box-shadow:0 0 0 4px #06c,0 12px 32px #06c3}.gv-card:disabled{opacity:.6;cursor:not-allowed}.gv-card-photo{position:relative;width:100%;height:160px;background:linear-gradient(180deg,#f5f5f7,#e8e8ed)}.gv-card-photo img{width:100%;height:100%;object-fit:cover}.gv-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.gv-photo-placeholder svg{width:48px;height:48px;color:var(--text-secondary)}.gv-selected-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0066ccd9;display:flex;align-items:center;justify-content:center}.gv-selected-overlay svg{width:56px;height:56px;color:var(--surface)}.gv-card-info{padding:24px;flex:1}.gv-card-name{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:4px}.gv-card-type{font-size:var(--text-body);color:var(--text-secondary);margin-bottom:12px}.gv-card-meta{display:flex;gap:16px}.gv-card-meta span{display:flex;align-items:center;gap:6px;font-size:var(--text-body-sm);color:var(--text-secondary)}.gv-card-meta svg{width:16px;height:16px;color:var(--gold-light)}.gv-vote-area{padding:16px 20px;background:linear-gradient(135deg,#06c,#0055b3);text-align:center;transition:all .2s}.gv-vote-text{font-weight:600;color:var(--surface);font-size:var(--text-md)}.gv-card.selected .gv-vote-area{background:linear-gradient(135deg,#34c759,#28a745)}.gv-card.selected .gv-vote-text{color:var(--surface)}.gv-card:not(.selected):hover .gv-vote-area{background:linear-gradient(135deg,#0055b3,#049)}.gv-hint{text-align:center;font-size:var(--text-body);color:var(--text-secondary)}.gv-waiting{text-align:center;padding:24px}.gv-progress{margin-bottom:40px}.gv-progress-circle{position:relative;width:140px;height:140px;margin:0 auto 16px}.gv-progress-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.gv-circle-bg{fill:none;stroke:#0000000f;stroke-width:6}.gv-circle-fill{fill:none;stroke:#06c;stroke-width:6;stroke-linecap:round;transition:stroke-dasharray .5s ease}.gv-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;font-weight:600;color:var(--text-primary)}.gv-progress p{color:var(--text-secondary);font-size:var(--text-md)}.gv-waiting-for{margin-bottom:40px;padding:20px 24px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a}.gv-waiting-label{font-size:var(--text-body-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.gv-waiting-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.gv-waiting-name{padding:10px 16px;background:#f5f5f7;border-radius:980px;font-size:var(--text-body);font-weight:500;color:var(--text-primary)}.gv-standings{text-align:left}.gv-standings h3{font-size:var(--text-body-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.gv-standings-list{display:flex;flex-direction:column;gap:12px}.gv-standing-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a}.gv-standing-item.your-pick{box-shadow:0 0 0 2px #06c,0 2px 8px #0000000a}.gv-standing-photo{width:52px;height:52px;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#f5f5f7,#e8e8ed);display:flex;align-items:center;justify-content:center;flex-shrink:0}.gv-standing-photo img{width:100%;height:100%;object-fit:cover}.gv-standing-photo span{font-size:var(--text-lg);font-weight:600;color:var(--text-secondary)}.gv-standing-info{flex:1;min-width:0}.gv-standing-name{display:block;font-size:var(--text-md);font-weight:500;color:var(--text-primary)}.gv-standing-votes{font-size:var(--text-body);color:var(--text-secondary)}.gv-your-badge{font-size:var(--text-caption);font-weight:600;padding:6px 12px;background:#06c;color:var(--surface);border-radius:980px}@media (max-width: 600px){.gv-header{padding:16px}.gv-header h1{font-size:var(--text-3xl)}.gv-content{padding:24px 16px}.gv-card{border-radius:16px}.gv-card-photo{height:140px}.gv-card-info{padding:20px}.gv-card-name{font-size:var(--text-lg)}.gv-progress-circle{width:120px;height:120px}.gv-progress-text{font-size:var(--text-5xl)}.gv-standing-item{padding:14px 16px}}.group-join{min-height:100vh;background:var(--bg-primary);padding-bottom:calc(70px + env(safe-area-inset-bottom))}.join-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.join-header h1{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.join-header .back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-primary)}.join-header .back-btn svg{width:24px;height:24px}.join-header .header-spacer{width:40px}.sign-in-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;min-height:60vh}.sign-in-prompt h2{margin-top:1.5rem;margin-bottom:.5rem;font-size:var(--text-xl);color:var(--text-primary)}.sign-in-prompt p{color:var(--text-secondary);margin-bottom:1rem}.pending-code{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--accent-light);border-radius:8px;margin-bottom:1.5rem}.pending-code span{color:var(--text-secondary);font-size:.9rem}.pending-code strong{font-size:var(--text-xl);font-weight:700;letter-spacing:.15em;color:var(--accent-color)}.google-sign-in-btn{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background-color:#fff;border:1px solid var(--border-color);border-radius:.5rem;font-size:var(--text-base);font-weight:500;cursor:pointer;box-shadow:0 1px 3px #0000001a}.google-sign-in-btn:disabled{opacity:.6;cursor:not-allowed}.join-content{padding:2rem 1.5rem;max-width:400px;margin:0 auto}.join-card{text-align:center;padding:2rem;background:var(--bg-secondary);border-radius:16px}.join-icon{width:64px;height:64px;margin:0 auto 1rem;background:var(--accent-light);border-radius:50%;display:flex;align-items:center;justify-content:center}.join-icon svg{width:32px;height:32px;color:var(--accent-color)}.join-card h2{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.join-card p{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.code-input-container{margin-bottom:1rem}.code-input{width:100%;max-width:180px;padding:1rem;font-size:var(--text-5xl);font-weight:700;text-align:center;letter-spacing:.3em;border:2px solid var(--border-color);border-radius:12px;background:#fff;color:var(--text-primary);outline:none;transition:border-color .2s ease}.code-input:focus{border-color:var(--accent-color)}.code-input::placeholder{color:var(--text-tertiary)}.error-message{padding:.75rem;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;color:var(--error);font-size:.9rem;margin-bottom:1rem}.join-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem;background:var(--accent-color);border:none;border-radius:12px;font-size:var(--text-base);font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.join-btn:hover:not(:disabled){opacity:.9}.join-btn .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.or-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.or-divider span{color:var(--text-secondary);font-size:.85rem}.create-new-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem;background:none;border:2px dashed var(--border-color);border-radius:12px;font-size:var(--text-base);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.create-new-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.create-new-btn svg{width:20px;height:20px}.gsl-page{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#f5f3ff,#ede9fe,#f5f3ff);display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0)}.gsl-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:calc(env(safe-area-inset-top,0) + 16px);background:transparent}.gsl-back{width:40px;height:40px;border-radius:12px;background:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000000f}.gsl-back svg{width:20px;height:20px;stroke:#1f2937}.gsl-title{font-size:var(--text-lg);font-weight:600;color:var(--silver-800)}.gsl-nav-spacer{width:40px}.gsl-header{padding:0 20px 20px}.gsl-stats{display:flex;gap:12px}.gsl-stat{flex:1;background:#fff;border-radius:16px;padding:16px;text-align:center;box-shadow:0 2px 8px #0000000a}.gsl-stat.premium{background:linear-gradient(135deg,#7c3aed,#9333ea)}.gsl-stat.premium .gsl-stat-value,.gsl-stat.premium .gsl-stat-label{color:#fff}.gsl-stat-value{display:block;font-size:var(--text-3xl);font-weight:700;color:var(--purple-700)}.gsl-stat-label{display:block;font-size:var(--text-sm);color:var(--silver-500);margin-top:4px}.gsl-main{flex:1;padding:0 20px;overflow-y:auto}.gsl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px}.gsl-empty-icon{width:80px;height:80px;background:#fff;border-radius:24px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 4px 16px #7c3aed26}.gsl-empty-icon svg{width:40px;height:40px;stroke:#7c3aed}.gsl-empty h2{font-size:var(--text-xl);font-weight:600;color:var(--silver-800);margin:0 0 8px}.gsl-empty p{font-size:var(--text-body);color:var(--silver-500);margin:0 0 24px}.gsl-create-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff;border:none;border-radius:14px;padding:14px 28px;font-size:var(--text-base);font-weight:600;cursor:pointer;box-shadow:0 4px 16px #7c3aed4d}.gsl-create-btn svg{width:20px;height:20px}.gsl-list{display:flex;flex-direction:column;gap:12px;padding-bottom:100px}.gsl-session{display:flex;align-items:center;gap:16px;background:#fff;border-radius:16px;padding:16px;cursor:pointer;box-shadow:0 2px 8px #0000000a;transition:all .2s ease;border:2px solid transparent}.gsl-session:active{transform:scale(.98)}.gsl-session.active{border-color:var(--purple-700);box-shadow:0 4px 16px #7c3aed26}.gsl-session.completed{opacity:.7}.gsl-session-icon{width:48px;height:48px;min-width:48px;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:14px;display:flex;align-items:center;justify-content:center}.gsl-session-icon svg{width:24px;height:24px;stroke:#7c3aed}.gsl-session-content{flex:1;min-width:0}.gsl-session-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.gsl-session-header h3{font-size:var(--text-base);font-weight:600;color:var(--silver-800);margin:0}.gsl-session-type{font-size:var(--text-caption);color:var(--purple-700);margin:0 0 6px;font-weight:500}.gsl-session-badges{display:flex;gap:6px;flex-wrap:wrap}.gsl-badge{font-size:var(--text-xs);font-weight:600;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.gsl-badge.host{background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff}.gsl-badge.status-pending{background:var(--gold-50);color:var(--gold-dark)}.gsl-badge.status-active{background:#d1fae5;color:var(--success)}.gsl-badge.status-voting{background:#dbeafe;color:#2563eb}.gsl-badge.status-completed{background:#f3f4f6;color:var(--silver-500)}.gsl-session-meta{display:flex;flex-wrap:wrap;gap:12px}.gsl-meta-item{display:flex;align-items:center;gap:4px;font-size:var(--text-caption);color:var(--silver-500)}.gsl-meta-item svg{width:14px;height:14px}.gsl-session-winner{margin-top:8px;padding-top:8px;border-top:1px solid #f3f4f6;display:flex;align-items:center;gap:8px}.gsl-winner-label{font-size:var(--text-sm);color:var(--silver-500)}.gsl-winner-name{font-size:var(--text-body-sm);font-weight:600;color:var(--success)}.gsl-session-arrow{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center}.gsl-session-arrow svg{width:20px;height:20px;stroke:#9ca3af}.gsl-footer{position:fixed;bottom:0;left:0;right:0;padding:16px 20px;padding-bottom:calc(env(safe-area-inset-bottom,0) + 16px);background:linear-gradient(to top,#f5f3ff,#f5f3ffe6 80%,#f5f3ff00);display:flex;flex-direction:column;align-items:center;gap:8px}.gsl-fab{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff;border:none;border-radius:16px;padding:16px 32px;font-size:var(--text-base);font-weight:600;cursor:pointer;box-shadow:0 4px 16px #7c3aed4d;transition:all .2s ease}.gsl-fab:active{transform:scale(.96)}.gsl-fab svg{width:20px;height:20px}.gsl-fab.disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed}.gsl-limit-hint{font-size:var(--text-caption);color:var(--silver-500);text-align:center;margin:0}.gsl-limit-hint button{background:none;border:none;color:var(--purple-700);font-weight:600;cursor:pointer;padding:0;margin-left:4px}.gsl-auth{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.gsl-auth-icon{width:80px;height:80px;background:linear-gradient(135deg,#7c3aed,#9333ea);border-radius:24px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.gsl-auth-icon svg{width:40px;height:40px;stroke:#fff}.gsl-auth h1{font-size:var(--text-3xl);font-weight:700;color:var(--silver-800);margin:0 0 8px}.gsl-auth p{font-size:var(--text-base);color:var(--silver-500);margin:0 0 32px;max-width:280px}.gsl-google-btn{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 24px;font-size:var(--text-base);font-weight:500;color:var(--silver-800);cursor:pointer;box-shadow:0 2px 8px #0000000a}.gsl-delete-btn{width:40px;height:40px;min-width:40px;background:#fef2f2;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin-right:8px}.gsl-delete-btn:hover{background:#fee2e2}.gsl-delete-btn:active{transform:scale(.95)}.gsl-delete-btn svg{width:18px;height:18px;stroke:#ef4444}.gsl-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.gsl-modal{background:#fff;border-radius:20px;padding:32px;max-width:360px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d}.gsl-modal-icon{width:64px;height:64px;background:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.gsl-modal-icon svg{width:32px;height:32px;stroke:#ef4444}.gsl-modal h3{font-size:var(--text-xl);font-weight:600;color:var(--silver-800);margin:0 0 12px}.gsl-modal p{font-size:var(--text-body-sm);color:var(--silver-500);margin:0 0 24px;line-height:1.5}.gsl-modal-actions{display:flex;gap:12px}.gsl-modal-cancel{flex:1;background:#f3f4f6;color:var(--silver-700);border:none;border-radius:12px;padding:14px;font-size:var(--text-body);font-weight:600;cursor:pointer;transition:background .2s}.gsl-modal-cancel:hover{background:#e5e7eb}.gsl-modal-delete{flex:1;background:#ef4444;color:#fff;border:none;border-radius:12px;padding:14px;font-size:var(--text-body);font-weight:600;cursor:pointer;transition:background .2s}.gsl-modal-delete:hover{background:#dc2626}.gsl-modal-delete:disabled,.gsl-modal-cancel:disabled{opacity:.6;cursor:not-allowed}.redeem-screen{min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#fafafa,#f5f5f7)}.redeem-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:calc(env(safe-area-inset-top,0) + 16px);background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}.redeem-header h1{font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.redeem-header .back-btn{width:44px;height:44px;border:none;background:#0000000d;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.redeem-header .back-btn svg{width:20px;height:20px;color:var(--text-primary)}.redeem-header .header-spacer{width:44px}.redeem-content{padding:24px 20px;max-width:500px;margin:0 auto}.redeem-card{background:#fff;border-radius:20px;padding:32px 24px;box-shadow:0 2px 20px #00000014}.redeem-hero{text-align:center;margin-bottom:32px}.hero-emoji{font-size:var(--text-6xl);display:block;margin-bottom:16px}.redeem-hero h2{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:8px}.redeem-hero p{font-size:var(--text-body);color:#6e6e73;line-height:1.5}.redeem-form{margin-bottom:32px}.code-input-wrapper{margin-bottom:16px}.code-input{width:100%;padding:16px 20px;font-size:var(--text-3xl);font-weight:700;letter-spacing:2px;text-align:center;border:2px solid #e5e5e7;border-radius:12px;background:#f5f5f7;color:var(--text-primary);transition:all .2s}.code-input:focus{outline:none;border-color:var(--purple-700);background:#fff;box-shadow:0 0 0 4px #4f46e51a}.code-input::placeholder{color:#c7c7cc;font-weight:500}.code-input:disabled{opacity:.6}.error-message{color:var(--error);font-size:var(--text-body-sm);text-align:center;margin-bottom:16px}.submit-btn{width:100%;padding:16px;font-size:var(--text-md);font-weight:600;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #4f46e566}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.redeem-benefits{background:#f5f5f7;border-radius:12px;padding:20px;margin-bottom:24px}.redeem-benefits h3{font-size:var(--text-body);font-weight:600;color:var(--text-primary);margin-bottom:12px}.redeem-benefits ul{list-style:none;padding:0;margin:0}.redeem-benefits li{display:flex;align-items:center;gap:8px;font-size:var(--text-body-sm);color:#6e6e73;padding:6px 0}.redeem-benefits li:before{content:"✓";color:var(--success);font-weight:600}.redeem-note{text-align:center}.redeem-note p{font-size:var(--text-caption);color:var(--text-muted);line-height:1.5}.redeem-success{text-align:center;padding:60px 24px;max-width:400px;margin:0 auto}.success-icon{font-size:var(--text-7xl);margin-bottom:24px}.redeem-success h1{font-size:var(--text-5xl);font-weight:700;color:var(--text-primary);margin-bottom:12px}.redeem-success p{font-size:var(--text-md);color:#6e6e73;margin-bottom:8px}.success-note{font-size:var(--text-body-sm)!important;color:var(--text-muted)!important;margin-bottom:32px!important}.primary-btn{padding:16px 32px;font-size:var(--text-md);font-weight:600;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #4f46e566}.public-profile{min-height:100vh;background:#fafafa!important;display:flex;flex-direction:column;color-scheme:light}.public-profile.loading,.public-profile.error{display:flex;align-items:center;justify-content:center}.public-profile .loading-spinner{width:40px;height:40px;border:3px solid rgba(124,58,237,.2);border-top-color:#7c3aed;border-radius:50%;animation:pp-spin .8s linear infinite}.public-profile.loading p{margin-top:16px;color:#6e6e73}@keyframes pp-spin{to{transform:rotate(360deg)}}.public-profile .error-content{text-align:center;padding:40px}.public-profile .error-icon{width:64px;height:64px;color:#ff3b30;margin-bottom:16px}.public-profile .error-content h2{font-size:24px;font-weight:700;color:#1d1d1f;margin:0 0 8px}.public-profile .error-content p{color:#6e6e73;margin:0 0 24px}.public-profile .error-content .explore-btn,.public-profile .error-content .login-btn{padding:12px 24px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s}.public-profile .error-content .login-btn{margin-bottom:12px}.public-profile .error-content .explore-btn:hover,.public-profile .error-content .login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #7c3aed4d}.public-profile .profile-banner{display:flex;align-items:center;justify-content:space-between;padding:max(20px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 20px max(24px,env(safe-area-inset-left));background:linear-gradient(135deg,#0f0f1e,#1a1a3a,#2d1b4e 50%,#4a2080 80%,#6d28d9);position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #2d1b4e66}.public-profile .banner-content{display:flex;align-items:center;gap:14px;cursor:pointer}.public-profile .banner-logo{width:44px;height:44px;border-radius:10px;object-fit:cover;box-shadow:0 2px 12px #7c3aed66}.public-profile .banner-title{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.3px}.public-profile .banner-explore{display:flex;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;color:#fff;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.3);border-radius:24px;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.public-profile .banner-explore:hover{background:#ffffff38;transform:translateY(-1px)}.public-profile .banner-explore svg{color:#fff}.public-profile .profile-info{display:flex;flex-direction:column;align-items:center;padding:32px 20px 28px;background:#fff}.public-profile .profile-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid #7c3aed;box-shadow:0 4px 16px #7c3aed33}.public-profile .profile-avatar.placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-size:36px;font-weight:700}.public-profile .profile-name{margin:14px 0 2px;font-size:26px;font-weight:800;color:#1d1d1f!important;letter-spacing:-.5px}.public-profile .profile-username{margin:0 0 6px;font-size:15px;color:#636366;font-weight:500}.public-profile .profile-bio{margin:6px 0 0;font-size:15px;color:#48484a;text-align:center;max-width:320px;line-height:1.4}.public-profile .profile-count{margin:8px 0 0;font-size:14px;color:#636366;font-weight:500}.public-profile .social-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;justify-content:center}.public-profile .social-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .2s}.public-profile .social-btn svg{flex-shrink:0}.public-profile .social-btn.friend-btn{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7)}.public-profile .social-btn.friend-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed59}.public-profile .social-btn.friend-btn.disabled{background:#e5e5ea;color:#8e8e93;cursor:default}.public-profile .social-btn.follow-btn{color:#7c3aed;background:#f5f3ff;border:1.5px solid rgba(124,58,237,.25)}.public-profile .social-btn.follow-btn:hover:not(:disabled){background:#ede9fe}.public-profile .social-btn.follow-btn.following{color:#34c759;background:#f0fdf4;border-color:#34c7594d}.public-profile .social-btn:disabled{opacity:.7;cursor:not-allowed}.public-profile .btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:pp-spin .8s linear infinite}.public-profile .btn-spinner.small{width:14px;height:14px}.public-profile .follow-btn .btn-spinner{border-color:#7c3aed4d;border-top-color:#7c3aed}.public-profile .action-toast{position:fixed;top:70px;left:50%;transform:translate(-50%);padding:10px 20px;font-size:14px;font-weight:600;color:#fff;background:#34c759;border-radius:10px;box-shadow:0 4px 16px #00000026;z-index:1000}.public-profile .action-toast.error{background:#ff3b30}.public-profile .queue-section{flex:1;padding:0}.public-profile .profile-tabs{display:flex;background:#fff;border-bottom:1px solid #e5e5ea;position:sticky;top:84px;z-index:50}.public-profile .profile-tab{flex:1;padding:14px 16px;font-size:15px;font-weight:500;color:#8e8e93;background:none;border:none;border-bottom:2.5px solid transparent;cursor:pointer;transition:all .2s;text-align:center}.public-profile .profile-tab.active{color:#7c3aed;border-bottom-color:#7c3aed;font-weight:700}.public-profile .profile-tab:hover:not(.active){color:#636366}.public-profile .save-all-bar{padding:16px 16px 0}.public-profile .save-all-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:14px;cursor:pointer;transition:all .2s}.public-profile .save-all-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.public-profile .save-all-btn.saved{background:#34c759;cursor:default}.public-profile .save-all-btn:disabled{opacity:.85}.public-profile .save-all-btn svg{flex-shrink:0}.public-profile .queue-list{padding:16px}.public-profile .empty-queue{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.public-profile .empty-queue svg{width:48px;height:48px;color:#c7c7cc;margin-bottom:12px}.public-profile .empty-queue p{color:#8e8e93;margin:0;font-size:15px}.public-profile .queue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.public-profile .queue-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.public-profile .queue-card.clickable{cursor:pointer}.public-profile .queue-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.public-profile .queue-card:hover .view-hint{opacity:1}.public-profile .queue-card-image{height:180px;background-color:#f2f2f7;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;position:relative}.public-profile .queue-card-image .placeholder-icon{font-size:48px;opacity:.4}.public-profile .card-button-spacer{flex:1 0 16px}.public-profile .card-add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:14px 16px;font-size:13px;font-weight:700;color:#7c3aed;background:#f5f3ff;border:1.5px solid rgba(124,58,237,.2);border-radius:10px;min-height:44px;cursor:pointer;transition:all .2s}.public-profile .card-add-btn:hover:not(:disabled){background:#ede9fe;border-color:#7c3aed66;transform:translateY(-1px)}.public-profile .card-add-btn.added{color:#34c759;background:#f0fdf4;border-color:#34c75933;cursor:default}.public-profile .card-add-btn:disabled{opacity:.85}.public-profile .card-add-btn svg{flex-shrink:0}.public-profile .card-add-btn .btn-spinner.small{border-color:#7c3aed4d;border-top-color:#7c3aed}.public-profile .favorite-badge{position:absolute;top:10px;left:10px;background:#ef4444e6;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;letter-spacing:.3px}.public-profile .view-hint{position:absolute;bottom:10px;left:10px;display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;color:#fff;background:#0000008c;border-radius:8px;opacity:0;transition:opacity .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (hover: none){.public-profile .view-hint{opacity:.7}}.public-profile .queue-card-content{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}.public-profile .queue-card-content .restaurant-name{font-size:17px;font-weight:700;color:#1d1d1f!important;margin:0 0 6px;line-height:1.25}.public-profile .queue-card-content .restaurant-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;color:#636366}.public-profile .queue-card-content .restaurant-type{background:#f2f2f7;padding:2px 8px;border-radius:6px;font-weight:500;color:#48484a;font-size:12px}.public-profile .queue-card-content .meta-dot{color:#c7c7cc}.public-profile .queue-card-content .restaurant-rating{display:flex;align-items:center;gap:2px;font-weight:600;color:#48484a}.public-profile .queue-card-content .restaurant-price{color:#48484a;font-weight:500}.public-profile .queue-card-content .occasion-badge{display:inline-block;margin-top:8px;padding:3px 10px;font-size:12px;font-weight:600;color:#7c3aed;background:#f5f3ff;border-radius:6px}.public-profile .restaurant-note{font-size:13px;color:#636366;margin-top:6px;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-profile .cta-section{padding:24px 20px max(40px,env(safe-area-inset-bottom));text-align:center;background:#fff;border-top:1px solid #e5e5ea}.public-profile .cta-section p{margin:0 0 14px;color:#636366;font-size:15px}.public-profile .cta-btn{padding:14px 32px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s}.public-profile .cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #7c3aed4d}.public-profile .cta-btn.primary{margin-bottom:12px}@media (max-width: 640px){.public-profile .queue-grid{grid-template-columns:repeat(2,1fr);gap:10px}.public-profile .queue-card-image{height:160px}.public-profile .queue-card-content{padding:10px 12px 12px}.public-profile .queue-card-content .restaurant-name{font-size:15px}.public-profile .queue-card-content .restaurant-meta{font-size:12px}.public-profile .queue-list{padding:12px}}@media (max-width: 380px){.public-profile .queue-grid{grid-template-columns:1fr}.public-profile .profile-info{padding:24px 16px 20px}.public-profile .profile-avatar{width:72px;height:72px}.public-profile .profile-name{font-size:22px}.public-profile .profile-banner{padding:max(16px,env(safe-area-inset-top)) 16px 16px 16px}.public-profile .banner-title{font-size:18px}.public-profile .social-btn{padding:12px 18px;font-size:13px}}html.dark-mode .public-profile{background:#fafafa!important}html.dark-mode .public-profile .profile-banner{background:linear-gradient(135deg,#1a1a2e,#2d1b4e 40%,#4a2080)!important}html.dark-mode .public-profile .profile-info{background:#fff!important}html.dark-mode .public-profile .profile-name{color:#1d1d1f!important}html.dark-mode .public-profile .profile-username{color:#636366!important}html.dark-mode .public-profile .profile-bio{color:#48484a!important}html.dark-mode .public-profile .profile-count{color:#636366!important}html.dark-mode .public-profile .profile-tabs{background:#fff!important;border-bottom-color:#e5e5ea!important}html.dark-mode .public-profile .profile-tab{color:#8e8e93!important}html.dark-mode .public-profile .profile-tab.active{color:#7c3aed!important;border-bottom-color:#7c3aed!important}html.dark-mode .public-profile .queue-card{background:#fff!important;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a!important}html.dark-mode .public-profile .queue-card-image{background-color:#f2f2f7!important}html.dark-mode .public-profile .queue-card-content .restaurant-name{color:#1d1d1f!important}html.dark-mode .public-profile .queue-card-content .restaurant-meta{color:#636366!important}html.dark-mode .public-profile .queue-card-content .restaurant-type{background:#f2f2f7!important;color:#48484a!important}html.dark-mode .public-profile .queue-card-content .restaurant-rating{color:#48484a!important}html.dark-mode .public-profile .queue-card-content .occasion-badge{background:#f5f3ff!important}html.dark-mode .public-profile .cta-section{background:#fff!important;border-top-color:#e5e5ea!important}html.dark-mode .public-profile .cta-section p{color:#636366!important}html.dark-mode .public-profile .empty-queue p{color:#8e8e93!important}html.dark-mode .public-profile .restaurant-note{color:#636366!important}.photo-feed{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#000}.photo-feed-bg{position:absolute;top:-50px;right:-50px;bottom:-50px;left:-50px;background-size:cover;background-position:center;filter:blur(30px) brightness(.3);transform:scale(1.2)}.double-tap-heart{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:120px;z-index:100;pointer-events:none;filter:drop-shadow(0 4px 20px rgba(255,0,0,.5))}.photo-card{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.photo-image{position:relative;flex:1;overflow:hidden}.photo-image img{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);font-size:80px}.photo-gradient{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);pointer-events:none}.swipe-indicator{position:absolute;top:50%;transform:translateY(-50%);padding:16px 32px;border-radius:12px;font-size:var(--text-5xl);font-weight:800;letter-spacing:2px;border:4px solid;transform-origin:center}.swipe-indicator.nope{left:40px;color:var(--error);border-color:var(--error);background:#ff3b301a;transform:translateY(-50%) rotate(-20deg)}.swipe-indicator.like{right:40px;color:var(--success);border-color:var(--success);background:#34c7591a;transform:translateY(-50%) rotate(20deg)}.photo-info{position:absolute;bottom:0;left:0;right:0;padding:24px;padding-bottom:calc(100px + env(safe-area-inset-bottom));z-index:10}.photo-badges{display:flex;gap:8px;margin-bottom:12px}.photo-badges .badge{padding:6px 12px;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:100px;font-size:var(--text-caption);font-weight:600;color:var(--surface)}.photo-badges .badge.rating{background:#ffc1074d}.photo-name{font-size:var(--text-4xl);font-weight:700;color:var(--surface);margin:0 0 6px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.photo-type{font-size:var(--text-base);color:#fffc;margin:0 0 12px}.photo-top-dish{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px}.dish-label{font-size:var(--text-caption);color:#ffffffb3}.dish-name{font-size:var(--text-body-sm);font-weight:600;color:var(--surface)}.dish-score{padding:4px 8px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:100px;font-size:var(--text-sm);font-weight:700;color:var(--surface)}.photo-actions-side{position:absolute;right:16px;bottom:180px;display:flex;flex-direction:column;gap:20px;z-index:20}.action-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:50%;cursor:pointer;transition:all .2s}.action-btn:hover{transform:scale(1.1);background:#fff3}.action-btn span{font-size:var(--text-3xl)}.photo-actions-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:24px;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));z-index:20}.action-circle{display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #0000004d}.action-circle:hover{transform:scale(1.1)}.action-circle.skip{width:60px;height:60px;background:#fff}.action-circle.skip svg{width:28px;height:28px;stroke:#ff3b30}.action-circle.details{width:50px;height:50px;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.action-circle.details svg{width:24px;height:24px;stroke:#fff}.action-circle.like{width:72px;height:72px;background:linear-gradient(135deg,#ff3b68,#ff6b8a)}.action-circle.like svg{width:32px;height:32px;fill:#fff}.photo-progress{position:absolute;top:60px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:8px 16px;background:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:100px;font-size:var(--text-body-sm);font-weight:600;color:var(--surface);z-index:20}.progress-divider{color:#ffffff80}.photo-feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center;background:linear-gradient(180deg,#fafafa,#f5f5f7)}.empty-icon{font-size:var(--text-7xl);margin-bottom:24px}.photo-feed-empty h3{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin:0 0 8px}.photo-feed-empty p{font-size:var(--text-body);color:var(--text-secondary);margin:0}.photo-feed-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px;background:linear-gradient(180deg,#1a1a1a,#0d0d0d)}.loading-pulse{width:60px;height:60px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;animation:pulse-scale 1.5s ease-in-out infinite}@keyframes pulse-scale{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.photo-feed-loading p{font-size:var(--text-body);color:var(--silver-400)}@media (max-width: 600px){.photo-name{font-size:var(--text-3xl)}.photo-type{font-size:var(--text-body-sm)}.photo-info{padding:20px;padding-bottom:calc(90px + env(safe-area-inset-bottom))}.photo-actions-bottom{gap:20px}.action-circle.like{width:64px;height:64px}.action-circle.skip{width:54px;height:54px}.action-circle.details{width:44px;height:44px}}.taste-profile-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.taste-profile-modal{position:relative;background:#1f2937;border-radius:20px;padding:20px;max-width:400px;width:100%;max-height:90vh;overflow-y:auto}.taste-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--silver-400);transition:all .15s ease}.taste-modal-close:hover{background:#fff3;color:#fff}.taste-modal-close svg{width:20px;height:20px}.taste-format-toggle{display:flex;gap:8px;margin-bottom:16px;justify-content:center}.taste-format-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;color:var(--silver-400);font-size:var(--text-caption);font-weight:500;cursor:pointer;transition:all .15s ease}.taste-format-btn svg{width:16px;height:16px}.taste-format-btn.active{background:#7c3aed;border-color:var(--purple-700);color:#fff}.taste-card-preview{display:flex;justify-content:center;margin-bottom:16px}.taste-card{background:linear-gradient(145deg,#1a1a2e,#16213e,#0f0f1a);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;position:relative;overflow:hidden}.taste-card.square{width:280px;aspect-ratio:1 / 1;padding:20px}.taste-card.story{width:200px;aspect-ratio:9 / 16;padding:24px 16px}.taste-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(124,58,237,.3) 0%,transparent 50%);pointer-events:none}.taste-card-header{display:flex;align-items:center;gap:6px;margin-bottom:12px;z-index:1}.taste-card-logo{font-size:var(--text-base)}.taste-card-brand{font-size:var(--text-sm);font-weight:600;color:#a78bfa;letter-spacing:.5px}.taste-card-title{display:flex;align-items:center;gap:8px;margin-bottom:16px;z-index:1}.taste-card-dna-icon{font-size:var(--text-xl)}.taste-card-title h2{font-size:var(--text-lg);font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.taste-card-personality{margin-bottom:16px;z-index:1}.taste-card-emoji{font-size:40px;display:block;margin-bottom:8px}.taste-card.story .taste-card-emoji{font-size:var(--text-6xl)}.taste-card-type{font-size:var(--text-base);font-weight:700;margin:0 0 4px;color:var(--gold-light)}.taste-card.story .taste-card-type{font-size:var(--text-lg)}.taste-card-desc{font-size:var(--text-xs);color:var(--silver-400);margin:0;max-width:200px}.taste-card.story .taste-card-desc{font-size:var(--text-sm);max-width:160px}.taste-card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;margin-bottom:16px;z-index:1}.taste-stat{background:#ffffff0d;border-radius:10px;padding:8px 6px;display:flex;flex-direction:column;align-items:center}.taste-stat-value{font-size:var(--text-lg);font-weight:700;color:#a78bfa}.taste-stat-label{font-size:9px;color:var(--silver-400);text-transform:uppercase;letter-spacing:.3px}.taste-card-cuisines{width:100%;z-index:1}.taste-card-cuisines h4{font-size:var(--text-xs);font-weight:600;color:var(--silver-400);margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.taste-cuisine-bars{display:flex;flex-direction:column;gap:6px}.taste-cuisine-row{display:flex;align-items:center;gap:6px;font-size:var(--text-xs)}.taste-cuisine-rank{width:18px;color:var(--gold-light);font-weight:600}.taste-cuisine-name{width:60px;text-align:left;color:#d1d5db;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taste-cuisine-bar-bg{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.taste-cuisine-bar-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a78bfa);border-radius:3px}.taste-cuisine-pct{width:28px;text-align:right;color:var(--silver-400)}.taste-card-footer{margin-top:auto;padding-top:12px;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:1}.taste-card-tagline{font-size:var(--text-2xs);color:var(--silver-500);font-style:italic}.taste-card-url{font-size:var(--text-xs);font-weight:600;color:#a78bfa}.taste-save-btn{width:100%;padding:14px;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:12px;color:#fff;font-size:var(--text-body-sm);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease;margin-bottom:12px}.taste-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#5b21b6);transform:translateY(-1px)}.taste-save-btn:disabled{opacity:.7;cursor:not-allowed}.taste-save-btn svg{width:18px;height:18px}.taste-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:taste-spin .8s linear infinite}@keyframes taste-spin{to{transform:rotate(360deg)}}.taste-share-primary{width:100%;padding:14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:var(--text-body-sm);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease;margin-bottom:16px}.taste-share-primary:hover{background:#ffffff26;border-color:#ffffff4d}.taste-share-primary svg{width:18px;height:18px}.taste-share-platforms{display:flex;justify-content:center;gap:12px}.taste-platform{width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.taste-platform svg{width:22px;height:22px}.taste-platform.whatsapp{background:#25d366;color:#fff}.taste-platform.sms{background:#10b981;color:#fff}.taste-platform.twitter{background:#1d9bf0;color:#fff}.taste-platform.copy{background:#374151;color:#fff}.taste-platform.copy.copied{background:#10b981}.taste-platform:hover{transform:scale(1.1)}.taste-copied-msg{text-align:center;color:var(--success);font-size:var(--text-caption);margin-top:12px}@media (max-width: 360px){.taste-profile-modal{padding:16px}.taste-card.square{width:240px;padding:16px}.taste-card.story{width:170px}}.taste-dna{display:flex;flex-direction:column;gap:24px;padding:24px;background:linear-gradient(180deg,#fafafa,#f5f5f7);min-height:100%;overflow-y:auto}.taste-dna.taste-dna-loading{align-items:center;justify-content:center;min-height:400px}.dna-helix{font-size:var(--text-7xl);filter:drop-shadow(0 4px 12px rgba(124,58,237,.3))}.taste-dna.taste-dna-loading p{font-size:var(--text-base);font-weight:500;color:var(--text-secondary);margin-top:16px}.taste-dna.taste-dna-empty{align-items:center;justify-content:center;text-align:center;min-height:400px;padding:40px}.dna-empty-icon{font-size:56px;margin-bottom:20px;opacity:.6}.taste-dna.taste-dna-empty h3{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 12px}.taste-dna.taste-dna-empty p{font-size:var(--text-body);color:var(--text-secondary);margin:0 0 24px;max-width:280px}.dna-progress-bar{width:100%;max-width:200px;height:8px;background:#7c3aed1a;border-radius:100px;overflow:hidden}.dna-progress-fill{height:100%;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:100px;transition:width .5s ease-out}.dna-progress-text{display:block;margin-top:12px;font-size:var(--text-caption);color:var(--text-secondary)}.dna-personality{display:flex;flex-direction:column;align-items:center;padding:32px 24px;background:linear-gradient(135deg,#4f46e5,#7c3aed,#a855f7);border-radius:24px;text-align:center;box-shadow:0 8px 32px #7c3aed59;position:relative;overflow:hidden}.dna-personality:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.personality-emoji{font-size:56px;margin-bottom:16px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.personality-name{font-size:var(--text-4xl);font-weight:700;color:var(--surface);margin:0 0 8px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.personality-desc{font-size:var(--text-body);color:#ffffffe6;margin:0 0 20px;max-width:280px;line-height:1.5}.personality-traits{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.trait-chip{padding:6px 14px;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:100px;font-size:var(--text-caption);font-weight:500;color:var(--surface);border:1px solid rgba(255,255,255,.2)}.dna-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000000f;text-align:center;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.stat-value{font-size:var(--text-5xl);font-weight:700;color:var(--purple-700);line-height:1;margin-bottom:8px}.stat-label{font-size:var(--text-caption);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.dna-cuisines{padding:24px;background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000000f}.dna-cuisines h3{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin:0 0 20px}.cuisine-bars{display:flex;flex-direction:column;gap:16px}.cuisine-row{display:flex;align-items:center;gap:12px}.cuisine-rank{min-width:28px;font-size:var(--text-body-sm);font-weight:700;color:var(--purple-700)}.cuisine-name{min-width:90px;font-size:var(--text-body-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cuisine-bar-wrapper{flex:1;height:10px;background:#7c3aed1a;border-radius:100px;overflow:hidden}.cuisine-bar{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed,#a855f7);border-radius:100px;transition:width .5s ease-out;position:relative}.cuisine-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:bar-shine 2s infinite}@keyframes bar-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.cuisine-percent{min-width:40px;font-size:var(--text-body-sm);font-weight:600;color:var(--text-secondary);text-align:right}.dna-share-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:18px 24px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:16px;cursor:pointer;font-size:var(--text-base);font-weight:600;color:var(--surface);box-shadow:0 4px 16px #7c3aed59;transition:all .2s ease}.dna-share-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed73}.dna-share-btn:active{transform:translateY(0)}.dna-share-btn svg{width:20px;height:20px}html.dark-mode .taste-dna{background:linear-gradient(180deg,#1a1a1a,#0d0d0d)}html.dark-mode .taste-dna.taste-dna-empty h3{color:var(--surface)}html.dark-mode .taste-dna.taste-dna-empty p{color:var(--silver-400)}html.dark-mode .dna-progress-bar{background:#7c3aed33}html.dark-mode .stat-card{background:#2a2a2a;box-shadow:0 4px 16px #0000004d}html.dark-mode .stat-label{color:var(--silver-400)}html.dark-mode .dna-cuisines{background:#2a2a2a;box-shadow:0 4px 16px #0000004d}html.dark-mode .dna-cuisines h3,html.dark-mode .cuisine-name{color:var(--surface)}html.dark-mode .cuisine-bar-wrapper{background:#7c3aed33}html.dark-mode .cuisine-percent{color:var(--silver-400)}@media (max-width: 600px){.taste-dna{padding:16px;gap:16px}.dna-personality{padding:24px 20px;border-radius:20px}.personality-emoji{font-size:var(--text-6xl);margin-bottom:12px}.personality-name{font-size:var(--text-3xl)}.personality-desc{font-size:var(--text-body-sm);margin-bottom:16px}.trait-chip{padding:5px 12px;font-size:var(--text-sm)}.dna-stats{gap:12px}.stat-card{padding:20px 12px;border-radius:16px}.stat-value{font-size:var(--text-4xl)}.stat-label{font-size:var(--text-xs)}.dna-cuisines{padding:20px;border-radius:16px}.dna-cuisines h3{font-size:var(--text-body);margin-bottom:16px}.cuisine-row{gap:10px}.cuisine-rank{min-width:24px;font-size:var(--text-caption)}.cuisine-name{min-width:70px;font-size:var(--text-caption)}.cuisine-bar-wrapper{height:8px}.cuisine-percent{min-width:36px;font-size:var(--text-caption)}.dna-share-btn{padding:16px 20px;border-radius:14px;font-size:var(--text-body)}.dna-share-btn svg{width:18px;height:18px}}@media (max-width: 360px){.taste-dna{padding:12px;gap:12px}.personality-emoji{font-size:40px}.personality-name{font-size:var(--text-xl)}.stat-value{font-size:var(--text-3xl)}.dna-share-btn{padding:14px 16px;font-size:var(--text-body-sm)}}.discover-screen{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#fafafa,#f5f5f7);overflow-x:hidden;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}.discover-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:calc(env(safe-area-inset-top,0) + 12px);background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);z-index:100}.discover-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;transition:background .2s}.discover-back:hover{background:#0000001a}.discover-back svg{width:22px;height:22px;stroke:#1d1d1f}.discover-title{display:flex;flex-direction:column;align-items:center;gap:2px}.discover-title h1{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.discover-location-row{display:flex;align-items:center;gap:8px}.discover-location{display:flex;align-items:center;gap:4px;font-size:var(--text-sm);color:var(--text-secondary)}.discover-location svg{color:var(--purple-700)}.discover-profile{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:50%;cursor:pointer;overflow:hidden;transition:transform .2s}.discover-profile:hover{transform:scale(1.05)}.discover-profile img{width:100%;height:100%;object-fit:cover}.discover-profile svg{width:20px;height:20px;stroke:#fff}.discover-tabs{display:flex;position:relative;padding:8px;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}.discover-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:all .2s;position:relative;z-index:2}.discover-tab:hover:not(.active){background:#0000000d}.discover-tab.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 12px #4f46e54d}.tab-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.tab-icon svg{width:18px;height:18px}.tab-label{font-size:var(--text-body-sm);font-weight:500;color:var(--text-secondary);transition:color .2s}.discover-tab.active .tab-label{color:var(--surface);font-weight:600}.tab-indicator{position:absolute;bottom:8px;left:8px;width:calc(33.333% - 8px);height:44px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;z-index:1;box-shadow:0 4px 12px #4f46e54d}.discover-content{flex:1;overflow:hidden;position:relative}.discover-panel{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden}.discover-panel-browse{overflow:hidden}html.dark-mode .discover-screen{background:linear-gradient(180deg,#1a1a1a,#0d0d0d)}html.dark-mode .discover-header{background:#1a1a1ae6;border-bottom-color:#ffffff0f}html.dark-mode .discover-back{background:#ffffff1a}html.dark-mode .discover-back:hover{background:#ffffff26}html.dark-mode .discover-back svg{stroke:#fff}html.dark-mode .discover-title h1{color:var(--surface)}html.dark-mode .discover-location{color:var(--silver-400)}html.dark-mode .discover-tabs{background:#1a1a1ae6;border-bottom-color:#ffffff0f}html.dark-mode .discover-tab:hover:not(.active){background:#ffffff1a}html.dark-mode .tab-label{color:var(--silver-400)}@media (max-width: 600px){.discover-header{padding:10px 14px;padding-top:calc(env(safe-area-inset-top,0) + 10px)}.discover-back{width:36px;height:36px}.discover-back svg{width:20px;height:20px}.discover-title h1{font-size:var(--text-base)}.discover-location{font-size:var(--text-xs)}.discover-profile{width:32px;height:32px}.discover-profile svg{width:18px;height:18px}.discover-tabs{padding:6px}.discover-tab{padding:10px 12px;gap:6px}.tab-icon{width:18px;height:18px}.tab-icon svg{width:16px;height:16px}.tab-label{font-size:var(--text-caption)}.tab-indicator{bottom:6px;left:6px;width:calc(33.333% - 4px);height:40px}}@media (max-width: 360px){.discover-header{padding:8px 12px}.discover-back{width:32px;height:32px}.discover-title h1{font-size:var(--text-body)}.discover-tabs{padding:4px}.discover-tab{padding:8px 10px;gap:4px;border-radius:10px}.tab-label{font-size:var(--text-sm)}.tab-indicator{height:36px;border-radius:10px}}@media (min-width: 768px){.discover-screen{max-width:100%}.discover-header{padding:16px 24px;max-width:1200px;margin:0 auto}.discover-tabs{padding:12px;max-width:600px;margin:0 auto}.discover-tab{padding:14px 20px;border-radius:14px}.tab-label{font-size:var(--text-body)}.discover-content{max-width:1200px;margin:0 auto}}.trip-day-card{background:#fff;border-radius:20px;box-shadow:0 2px 12px #00000014;overflow:hidden}.day-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#fafafa;border:none;cursor:pointer;text-align:left;transition:background .2s ease}.day-header:hover{background:#f5f5f7}.day-info{display:flex;flex-direction:column;gap:4px}.day-badge{font-size:var(--text-caption);font-weight:600;color:var(--purple-700);text-transform:uppercase;letter-spacing:.5px}.day-date{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.day-summary{display:flex;gap:12px;font-size:var(--text-body-sm);color:var(--text-secondary)}.meals-ready{padding:6px 12px;background:#7c3aed1a;color:var(--purple-700);border-radius:100px;font-weight:500}.events-badge{padding:6px 12px;background:#007aff1a;color:#007aff;border-radius:100px;font-weight:500}.expand-icon{width:24px;height:24px;color:var(--text-secondary)}.expand-icon svg{width:100%;height:100%}.day-content{overflow:hidden}.meals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 24px;background:#fff}.meal-card{display:flex;flex-direction:column;background:#fafafa;border:none;border-radius:16px;overflow:hidden;cursor:pointer;text-align:left;transition:all .2s ease}.meal-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.meal-card:disabled{cursor:default;opacity:.7}.meal-card-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}.meal-card-icon{width:20px;height:20px;color:var(--purple-700)}.meal-card-icon svg{width:100%;height:100%}.meal-card-label{font-size:var(--text-body-sm);font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.meal-card-photo-container{position:relative;width:100%;aspect-ratio:4/3;background:linear-gradient(180deg,#f5f5f7,#e8e8ed);overflow:hidden}.meal-card-photo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.meal-card:hover .meal-card-photo{transform:scale(1.05)}.meal-card-photo-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.meal-card-photo-placeholder svg{width:48px;height:48px}.meal-card-swap-badge{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:6px;padding:8px 12px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:100px;color:var(--surface);font-size:var(--text-caption);font-weight:600;opacity:0;transition:opacity .2s ease}.meal-card:hover .meal-card-swap-badge{opacity:1}.meal-card-swap-badge svg{width:16px;height:16px}.meal-card-loading,.meal-card-pending,.meal-card-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary);font-size:var(--text-body-sm);font-weight:500}.meal-card-spinner{width:24px;height:24px;border:3px solid rgba(124,58,237,.2);border-top-color:var(--purple-700);border-radius:50%;animation:spin .8s linear infinite}.meal-card-pending svg,.meal-card-error svg{width:32px;height:32px}.meal-card-error{color:var(--error)}.meal-card-info{padding:16px;background:#fff}.meal-card-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meal-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:var(--text-body-sm);color:var(--text-secondary);margin-bottom:10px}.meal-card-rating{display:flex;align-items:center;gap:4px;font-weight:500;color:var(--text-primary)}.star-icon{width:14px;height:14px;color:var(--gold-light)}.meal-card-price{color:var(--success);font-weight:500}.meal-card-distance{color:var(--text-secondary)}.meal-card-why-picked{display:flex;align-items:flex-start;gap:6px;padding:8px 10px;background:linear-gradient(135deg,#fbbf241f,#f59e0b14);border-radius:8px;margin-bottom:8px}.why-picked-icon{font-size:var(--text-sm);flex-shrink:0}.why-picked-text{font-size:var(--text-sm);font-weight:500;color:var(--gold-800);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meal-card-dish{display:flex;align-items:center;gap:6px;padding:10px 12px;background:linear-gradient(135deg,#7c3aed1a,#4f46e51a);border-radius:10px;margin-top:8px}.dish-label{font-size:var(--text-sm);font-weight:700;color:var(--purple-700);text-transform:uppercase;letter-spacing:.5px}.dish-name{font-size:var(--text-body-sm);font-weight:600;color:var(--purple-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.events-section{padding:20px 24px;border-top:1px solid rgba(0,0,0,.06);background:#fafafa}.events-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.events-icon{width:20px;height:20px;color:#007aff}.events-label{font-size:var(--text-body-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.events-list{display:flex;flex-direction:column;gap:12px}.event-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#fff;border-radius:12px;text-decoration:none;transition:all .2s ease;box-shadow:0 1px 4px #0000000a}.event-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.event-image{width:56px;height:56px;border-radius:10px;object-fit:cover;flex-shrink:0}.event-content{flex:1;min-width:0}.event-name{font-size:var(--text-body);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-meta{display:flex;align-items:center;gap:8px;font-size:var(--text-body-sm);color:var(--text-secondary);margin-top:4px}.event-venue{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-time:before{content:"•";margin-right:8px}.event-link{width:20px;height:20px;color:#007aff;flex-shrink:0}.event-link svg{width:100%;height:100%}@media (max-width: 900px){.meals-grid{gap:12px;padding:16px 20px}.meal-card-name{font-size:var(--text-body)}.meal-card-dish{padding:8px 10px}.dish-name{font-size:var(--text-caption)}}@media (max-width: 640px){.day-header{padding:16px 20px;flex-wrap:wrap;gap:12px}.day-summary{width:100%;order:3}.meals-grid{display:flex;flex-direction:column;gap:0;padding:0;background:#fff}.meal-card{width:100%;border-radius:0;background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}.meal-card:last-child{border-bottom:none}.meal-card:hover:not(:disabled){transform:none;box-shadow:none;background:#fafafa}.meal-card-header{padding:16px 20px;background:linear-gradient(135deg,#7c3aed0d,#7c3aed05);border-bottom:none;position:relative}.meal-card-header:before{content:"";position:absolute;left:30px;top:100%;width:2px;height:calc(100% + 20px);background:linear-gradient(180deg,#7c3aed4d,#7c3aed0d);z-index:0}.meal-card:last-child .meal-card-header:before{display:none}.meal-card-icon{width:24px;height:24px;padding:6px;background:#7c3aed;border-radius:50%;color:var(--surface);position:relative;z-index:1}.meal-card-label{font-size:var(--text-body);font-weight:700;letter-spacing:.8px}.meal-card-photo-container{aspect-ratio:16/9;margin:0 20px;border-radius:16px;overflow:hidden}.meal-card-swap-badge{opacity:1;bottom:16px;right:16px;padding:10px 16px;font-size:var(--text-body-sm)}.meal-card-info{padding:16px 20px 20px}.meal-card-name{font-size:var(--text-lg);font-weight:700;margin-bottom:10px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.meal-card-meta{margin-bottom:12px}.meal-card-why-picked{padding:10px 12px;margin-bottom:10px}.why-picked-text{font-size:var(--text-caption);-webkit-line-clamp:3}.meal-card-dish{padding:12px 14px}.dish-name{font-size:var(--text-body);white-space:normal}.events-section{padding:16px 20px}.event-item{padding:12px}.event-image{width:48px;height:48px}}@media (max-width: 380px){.day-date{font-size:var(--text-base)}.meals-ready,.events-badge{font-size:var(--text-caption);padding:5px 10px}.meal-card-photo-container{margin:0 16px;border-radius:12px}.meal-card-info{padding:14px 16px 18px}.meal-card-name{font-size:var(--text-md)}}.meal-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-end;justify-content:center}.meal-picker-modal{width:100%;max-width:500px;max-height:85vh;background:var(--surface-elevated);border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden;display:flex;flex-direction:column}.picker-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.picker-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.picker-close{width:36px;height:36px;border-radius:var(--radius-full);background:var(--surface-card);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s ease}.picker-close:hover{background:var(--surface-hover);color:var(--text-primary)}.picker-close svg{width:20px;height:20px}.picker-current{padding:var(--space-lg);background:var(--surface-card)}.current-label{font-size:var(--text-sm);font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-md)}.current-restaurant{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--surface-elevated);border-radius:var(--radius-lg);border:2px solid var(--accent-primary)}.restaurant-photo{width:56px;height:56px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.restaurant-photo-placeholder{width:56px;height:56px;border-radius:var(--radius-md);background:var(--surface-card);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.restaurant-photo-placeholder svg{width:28px;height:28px}.restaurant-info{flex:1;min-width:0}.restaurant-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.restaurant-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-caption);color:var(--text-muted);margin-top:4px}.restaurant-rating{display:flex;align-items:center;gap:2px}.restaurant-type{padding:2px 6px;background:var(--surface-card);border-radius:var(--radius-sm);font-size:var(--text-sm)}.restaurant-address{font-size:var(--text-sm);color:var(--text-muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-badge{width:28px;height:28px;border-radius:var(--radius-full);background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.picker-alternatives{flex:1;overflow-y:auto;padding:var(--space-lg)}.alternatives-label{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-md)}.alternatives-list{display:flex;flex-direction:column;gap:var(--space-sm)}.alternative-option{width:100%;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all .2s ease}.alternative-option:hover{border-color:var(--accent-primary);background:var(--surface-hover);transform:translate(4px)}.alternative-option .restaurant-photo,.alternative-option .restaurant-photo-placeholder{width:48px;height:48px}.alternative-option .restaurant-photo-placeholder svg{width:24px;height:24px}.swap-arrow{width:24px;height:24px;color:var(--accent-primary);opacity:0;transition:opacity .2s ease;flex-shrink:0}.alternative-option:hover .swap-arrow{opacity:1}.swap-arrow svg{width:100%;height:100%}.no-alternatives{padding:var(--space-xl);text-align:center;color:var(--text-muted)}.picker-keep-btn{margin:var(--space-lg);padding:1rem;background:var(--surface-card);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all .2s ease}.picker-keep-btn:hover{background:var(--surface-hover);border-color:var(--text-muted)}@media (max-width: 480px){.meal-picker-modal{max-height:90vh}.picker-header,.picker-current,.picker-alternatives{padding:var(--space-md)}.picker-keep-btn{margin:var(--space-md)}.restaurant-photo,.restaurant-photo-placeholder{width:48px;height:48px}}.trip-planner-screen{min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column;padding-bottom:calc(60px + env(safe-area-inset-bottom))}.trip-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--surface-elevated);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100}.trip-back-btn{width:40px;height:40px;border-radius:var(--radius-full);background:var(--surface-card);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .2s ease}.trip-back-btn:hover{background:var(--surface-hover)}.trip-back-btn svg{width:20px;height:20px}.trip-header-center{display:flex;flex-direction:column;align-items:center;gap:.25rem}.trip-header-center .logo-text{font-size:var(--text-body-sm)}.trip-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.trip-weather-subtitle{font-size:var(--text-caption);color:var(--text-muted);margin:.25rem 0 0;font-weight:400}.trip-header-right{display:flex;align-items:center;gap:.5rem}.trip-save-btn{padding:.5rem 1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease}.trip-save-btn:hover{background:var(--accent-primary-hover);transform:scale(1.02)}.trip-hero{text-align:center;padding:24px 24px 40px}.trip-hero h1{font-size:var(--text-6xl);font-weight:600;color:var(--text-primary);letter-spacing:-1px;margin:0 0 12px}.trip-hero p{font-size:21px;color:var(--text-secondary);font-weight:400;margin:0}@media (max-width: 768px){.trip-hero{padding:20px 16px 32px}.trip-hero h1{font-size:var(--text-5xl);letter-spacing:-.5px}.trip-hero p{font-size:var(--text-md)}}@media (max-width: 480px){.trip-hero h1{font-size:var(--text-4xl)}}.trip-progress{display:flex;justify-content:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md)}.progress-step{width:36px;height:36px;border-radius:var(--radius-full);background:var(--surface-card);border:2px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-size:var(--text-body-sm);font-weight:600;color:var(--text-muted);transition:all .3s ease}.progress-step.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.progress-step.current{transform:scale(1.1);box-shadow:0 0 0 4px #8b5cf633}.trip-content{flex:1;padding:var(--space-lg);overflow-y:auto}.trip-step{max-width:480px;margin:0 auto;text-align:center}.step-icon{width:64px;height:64px;margin:0 auto var(--space-md);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary, #d97706));border-radius:var(--radius-full);color:#fff}.step-icon svg{width:32px;height:32px}.step-title{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.step-description{font-size:var(--text-base);color:var(--text-muted);margin-bottom:var(--space-xl)}.trip-form-conversational{max-width:480px;margin:0 auto;padding:var(--space-md) 0}.conv-question{margin-bottom:var(--space-xl)}.conv-label{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);padding-left:var(--space-xs)}.conv-answer{position:relative}.date-inputs-inline{display:flex;align-items:center;gap:var(--space-sm)}.date-inputs-inline .trip-date-input{flex:1}.date-separator{font-size:var(--text-xl);color:var(--text-muted);padding:0 var(--space-xs)}.trip-length-inline{display:inline-block;margin-top:var(--space-md);padding:.5rem 1rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary, #d97706));color:#fff;border-radius:var(--radius-full);font-size:var(--text-body-sm);font-weight:600}.generate-section{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--border-subtle)}.generate-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:1rem 1.5rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary, #d97706));color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #8b5cf64d}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.generate-btn svg{width:24px;height:24px}.btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.input-group{position:relative;margin-bottom:var(--space-lg)}.autocomplete-container{position:relative}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 4px 20px #00000040;z-index:9999;margin-top:4px;max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch;min-width:100%;background-clip:padding-box}.conv-answer,.input-group.autocomplete-container{overflow:visible;position:relative;z-index:10}.conv-question:has(.autocomplete-container){position:relative;z-index:100}.trip-form-conversational{overflow:visible}.suggestion-item{width:100%;display:flex;align-items:center;gap:var(--space-sm);padding:1rem 1.25rem;background:transparent;border:none;color:var(--text-primary);font-size:var(--text-base);text-align:left;cursor:pointer;transition:background .15s ease}.suggestion-item:hover{background:var(--purple-50)}.suggestion-item svg{color:var(--purple-500);flex-shrink:0}.suggestion-item+.suggestion-item{border-top:1px solid var(--border-subtle)}.trip-input{width:100%;padding:1rem 1.25rem;font-size:var(--text-base);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-primary);transition:all .2s ease}.trip-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px #8b5cf626}.trip-input::placeholder{color:var(--text-muted)}.input-success{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--success)}.input-loading{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.spinner-small{width:18px;height:18px;border:2px solid var(--border-subtle);border-top-color:var(--purple-500);border-radius:50%;animation:spin .8s linear infinite}.suggestion-text{display:flex;flex-direction:column;gap:2px;overflow:hidden}.suggestion-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-address{font-size:var(--text-caption);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-confirm{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.5rem 1rem;background:var(--success-bg, rgba(34, 197, 94, .1));color:var(--success, #22c55e);border-radius:var(--radius-md);font-size:var(--text-body-sm);font-weight:500}.confirm-icon{display:flex;align-items:center;justify-content:center}.confirm-icon svg{width:14px;height:14px}.skip-btn{margin-top:var(--space-lg);padding:.75rem 1.5rem;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-body-sm);cursor:pointer;transition:all .2s ease}.skip-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.date-inputs{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.date-input-group{flex:1}.date-input-group label{display:block;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.trip-date-input{width:100%;padding:.875rem 1rem;font-size:var(--text-base);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-primary);cursor:pointer}.trip-date-input:focus{outline:none;border-color:var(--accent-primary)}.trip-date-input:disabled{opacity:.5;cursor:not-allowed}.date-arrow{font-size:var(--text-3xl);color:var(--text-muted);padding-top:1.25rem}.trip-length-badge{display:inline-flex;padding:.5rem 1.25rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary, #d97706));color:#fff;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:600}.trip-name-input{margin-top:var(--space-xl)}.trip-name{text-align:center}.generating-step{padding-top:4rem}.generating-animation{margin-bottom:var(--space-xl)}.gen-spinner{width:64px;height:64px;border:4px solid var(--surface-card);border-top-color:var(--accent-primary);border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}.gen-message{color:var(--text-muted);margin-bottom:var(--space-lg)}.gen-progress{width:100%;max-width:300px;height:8px;background:var(--surface-card);border-radius:var(--radius-full);margin:0 auto var(--space-md);overflow:hidden}.gen-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary, #d97706));border-radius:var(--radius-full);transition:width .3s ease}.gen-stats{font-size:var(--text-body-sm);color:var(--text-muted)}.gen-error{margin-top:var(--space-lg);padding:var(--space-lg);background:#ef44441a;border-radius:var(--radius-lg);color:var(--error, #ef4444)}.gen-error button{margin-top:var(--space-md);padding:.5rem 1rem;background:var(--error, #ef4444);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer}.review-step{text-align:left;max-width:100%}.trip-summary-header{text-align:center;margin-bottom:var(--space-xl)}.summary-title{font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.summary-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-md)}.meta-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-base);color:var(--text-secondary)}.meta-icon{display:flex;align-items:center;justify-content:center}.meta-icon svg{width:16px;height:16px}.trip-stats{display:flex;justify-content:center;align-items:center;gap:var(--space-sm)}.stat{font-size:var(--text-base);color:var(--accent-primary);font-weight:600}.stat-divider{color:var(--text-muted)}.trip-days-list{display:flex;flex-direction:column;gap:var(--space-lg)}.swap-hint{text-align:center;font-size:var(--text-body-sm);color:var(--text-muted);margin-top:var(--space-xl);font-style:italic}.trip-footer{padding:var(--space-lg);background:var(--surface-elevated);border-top:1px solid var(--border-subtle);position:sticky;bottom:0}.trip-next-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .2s ease}.trip-next-btn:hover:not(:disabled){background:var(--accent-primary-hover);transform:translateY(-1px)}.trip-next-btn:disabled{opacity:.5;cursor:not-allowed}.trip-next-btn svg{width:20px;height:20px}.trip-save-btn-full{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:1rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary, #d97706));color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .2s ease}.trip-save-btn-full:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.trip-save-btn-full svg{width:20px;height:20px}.pac-container{background:var(--surface-elevated, #fff);border:1px solid var(--border-subtle, #e5e7eb);border-radius:var(--radius-lg, 12px);box-shadow:0 4px 20px #00000026;margin-top:4px;font-family:inherit;z-index:10000!important}.pac-item{padding:12px 16px;cursor:pointer;border-top:1px solid var(--border-subtle, #e5e7eb);color:var(--text-primary, #1a1a1a);font-size:var(--text-body)}.pac-item:first-child{border-top:none}.pac-item:hover,.pac-item-selected{background:var(--surface-hover, #f3f4f6)}.pac-icon{display:none}.pac-item-query{font-weight:600;color:var(--text-primary, #1a1a1a)}.pac-matched{font-weight:700;color:var(--accent-primary, #8b5cf6)}.radius-selector{display:flex;gap:.5rem;flex-wrap:wrap}.radius-option{padding:.625rem 1rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);font-size:var(--text-body-sm);font-weight:500;cursor:pointer;transition:all .15s ease;min-width:60px;text-align:center}.radius-option:hover{border-color:var(--purple-300);background:var(--purple-50)}.radius-option.selected{background:var(--purple-500);border-color:var(--purple-500);color:#fff}.radius-hint{font-size:var(--text-caption);color:var(--text-muted);margin-top:.5rem}.weather-forecast-section{margin-top:.5rem}.forecast-loading{font-weight:400;color:var(--text-muted);font-size:var(--text-body-sm)}.forecast-cards{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.forecast-day-card{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:70px;text-align:center}.forecast-day-name{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.forecast-emoji{font-size:var(--text-3xl);line-height:1}.forecast-temps{display:flex;gap:.25rem;font-size:var(--text-caption)}.forecast-high{font-weight:600;color:var(--text-primary)}.forecast-low{color:var(--text-muted)}.forecast-tag{font-size:var(--text-2xs);padding:.125rem .375rem;border-radius:var(--radius-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.forecast-tag.patio{background:var(--success-bg, rgba(34, 197, 94, .1));color:var(--success, #22c55e)}.forecast-tag.cozy{background:var(--purple-50);color:var(--purple-600)}.forecast-unavailable{font-size:var(--text-body-sm);color:var(--text-muted);font-style:italic}.trip-planner-screen{overflow-y:auto;-webkit-overflow-scrolling:touch}.trip-content{scroll-padding-bottom:350px}.trip-input,.trip-date-input{scroll-margin-bottom:300px}.trip-form-conversational{padding-bottom:250px}@media (max-width: 480px){.trip-content{padding:var(--space-md)}.date-inputs{flex-direction:column;gap:var(--space-sm)}.date-arrow{transform:rotate(90deg);padding:0}.step-title{font-size:var(--text-xl)}.trip-form-conversational{padding-bottom:300px}}.friend-leaderboard{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.06)}.friend-leaderboard.empty{background:linear-gradient(135deg,#f8f4ff,#fff5f8)}.friend-leaderboard.empty-minimal{background:#fff}.friend-leaderboard.empty-minimal .fl-header{margin-bottom:8px}.fl-empty-hint{font-size:var(--text-caption);color:var(--color-text-secondary, #666);margin:0;line-height:1.4}.empty-state{display:flex;flex-direction:column;align-items:center;padding:12px 0;text-align:center}.empty-icon{font-size:var(--text-4xl);margin-bottom:8px}.empty-message{font-size:var(--text-body-sm);font-weight:600;color:var(--color-text-primary, #1a1a1a);margin:0 0 4px}.empty-hint{font-size:var(--text-sm);color:var(--color-text-secondary, #666)}.fl-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.fl-header-left{display:flex;align-items:center;gap:10px}.fl-header-icon{font-size:var(--text-2xl)}.fl-header-title{font-size:var(--text-body);font-weight:700;margin:0;color:var(--color-text-primary, #1a1a1a)}.fl-header-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary, #666)}.fl-expand-btn{background:none;border:none;color:var(--color-primary, #7c3aed);font-size:var(--text-caption);font-weight:600;cursor:pointer;padding:6px 10px;border-radius:8px;transition:background .2s ease}.fl-expand-btn:hover{background:#7c3aed1a}.fl-list{display:flex;flex-direction:column;gap:8px}.fl-entry{display:flex;align-items:center;padding:8px 10px;border-radius:10px;background:#f9fafb;transition:background .2s ease}.fl-entry:hover{background:#f3f4f6}.fl-entry.current-user{background:linear-gradient(135deg,#f5f3ff,#fdf4ff);border:1px solid rgba(124,58,237,.2)}.fl-entry-rank{width:28px;display:flex;align-items:center;justify-content:center}.fl-rank-medal{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm)}.fl-rank-num{font-size:var(--text-body-sm);font-weight:600;color:var(--color-text-secondary, #666)}.fl-entry-user{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.fl-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#e5e7eb}.fl-avatar.placeholder{display:flex;align-items:center;justify-content:center;font-size:var(--text-body-sm);font-weight:600;color:var(--silver-500)}.fl-name{font-size:var(--text-body-sm);font-weight:500;color:var(--color-text-primary, #1a1a1a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fl-entry-score{font-size:var(--text-caption);font-weight:600;color:var(--color-primary, #7c3aed)}.fl-user-rank{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid #e5e7eb}.fl-rank-label{font-size:var(--text-sm);color:var(--color-text-secondary, #666)}.fl-rank-info{display:flex;align-items:center;gap:8px}.fl-rank-number{font-size:var(--text-body);font-weight:700;color:var(--color-primary, #7c3aed)}.fl-rank-score{font-size:var(--text-caption);color:var(--color-text-secondary, #666)}.friend-leaderboard.skeleton{background:#f9fafb}.skeleton-header{height:24px;width:60%;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px;margin-bottom:12px}.skeleton-list{display:flex;flex-direction:column;gap:8px}.skeleton-row{height:48px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:10px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fl-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:20px}.fl-modal{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.fl-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e5e7eb}.fl-modal-title-section{display:flex;align-items:center;gap:10px}.fl-modal-icon{font-size:var(--text-3xl)}.fl-modal-header h2{font-size:var(--text-lg);font-weight:700;margin:0}.fl-close-btn{width:32px;height:32px;border-radius:50%;border:none;background:#f3f4f6;color:var(--silver-500);font-size:var(--text-base);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.fl-close-btn:hover{background:#e5e7eb}.fl-your-position{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#f5f3ff,#fdf4ff)}.fl-position-label{font-size:var(--text-caption);color:var(--color-text-secondary, #666)}.fl-position-info{display:flex;align-items:center;gap:10px}.fl-position-rank{font-size:var(--text-xl);font-weight:700;color:var(--color-primary, #7c3aed)}.fl-position-score{font-size:var(--text-body-sm);color:var(--color-text-secondary, #666)}.fl-modal-list{flex:1;overflow-y:auto;padding:12px 20px 20px;display:flex;flex-direction:column;gap:8px}@media (max-width: 480px){.fl-modal{border-radius:16px 16px 0 0}.fl-modal-overlay{padding:40px 0 0}}.friends-screen{min-height:100vh;min-height:100dvh;background:var(--bg-primary);padding-bottom:calc(var(--nav-height) + 20px)}.friends-header{display:flex;align-items:center;padding:var(--space-md) var(--space-lg);padding-top:calc(env(safe-area-inset-top,0) + var(--space-md));background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100}.friends-header .back-btn{background:none;border:none;padding:var(--space-xs);cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.friends-header .back-btn svg{width:24px;height:24px}.friends-header h1{flex:1;margin:0 var(--space-md);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.friends-counts{font-size:var(--text-body-sm);color:var(--text-secondary)}.friends-tabs{display:flex;padding:var(--space-xs) var(--space-md);gap:var(--space-xs);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);overflow-x:auto;-webkit-overflow-scrolling:touch}.friends-tab{flex:1;min-width:max-content;padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-xs);white-space:nowrap}.friends-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.friends-tab.active{background:var(--purple-500);color:#fff}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--space-xs);background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600}.friends-tab.active .tab-badge{background:#fff3;color:#fff}.tab-badge.alert{background:var(--error);color:#fff}.friends-search{padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.search-input-container{display:flex;gap:var(--space-sm)}.search-input-container input{flex:1;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-body);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast)}.search-input-container input:focus{border-color:var(--purple-400)}.search-input-container input::placeholder{color:var(--text-muted)}.search-btn{padding:var(--space-sm) var(--space-lg);background:var(--purple-500);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.search-btn:hover:not(:disabled){background:var(--purple-600)}.search-btn:disabled{opacity:.6;cursor:not-allowed}.friends-content{padding:var(--space-md) var(--space-lg)}.friends-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);color:var(--text-secondary)}.spinner{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--purple-500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-md)}.friend-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-sm);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.friend-card-clickable{cursor:pointer}.friend-card-clickable:hover{background:var(--bg-tertiary);border-color:var(--purple-400);transform:translate(2px)}.friend-card-clickable:active{transform:scale(.99)}.friend-card-clickable:focus-visible{outline:2px solid var(--purple-400);outline-offset:2px}.friend-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.friend-avatar img{width:100%;height:100%;object-fit:cover}.friend-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--purple-500),var(--purple-700));color:#fff;font-size:var(--text-xl);font-weight:600}.friend-info{flex:1;min-width:0}.friend-name{display:block;font-weight:600;color:var(--text-primary);font-size:var(--text-body);line-height:1.3}.friend-username{display:block;font-size:var(--text-caption);color:var(--text-secondary);margin-top:2px}.friend-reason{display:block;font-size:var(--text-sm);color:var(--purple-400);margin-top:2px}.friend-bio{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--text-caption);color:var(--text-muted);margin-top:4px;line-height:1.4}.friend-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.friend-location,.friend-mutual{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-sm);color:var(--text-secondary)}.friend-shared-tastes{display:flex;flex-direction:column;gap:2px;margin-top:2px}.friend-shared-label{font-size:.72rem;color:var(--gold-dark);font-weight:500}.friend-shared-places{font-size:.7rem;color:var(--purple-400, #a855f7);font-weight:500}.friend-location svg,.friend-mutual svg{flex-shrink:0;opacity:.7}.friend-menu-container{position:relative}.friend-btn-menu{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.friend-btn-menu:hover{background:var(--bg-tertiary);color:var(--text-primary)}.friend-menu-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:160px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000026;z-index:100;overflow:hidden}.friend-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:none;font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);text-align:left}.friend-menu-item:hover{background:var(--bg-tertiary)}.friend-menu-item-danger{color:var(--error)}.friend-menu-item-danger:hover{background:#ef44441a}.friend-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.friend-btn{padding:var(--space-xs) var(--space-md);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-caption);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.friend-btn-add{background:var(--purple-500);color:#fff}.friend-btn-add:hover{background:var(--purple-600)}.friend-btn-accept{background:var(--success);color:#fff}.friend-btn-accept:hover{background:var(--success-dark, #22543d)}.friend-btn-reject,.friend-btn-remove,.friend-btn-cancel{background:var(--bg-tertiary);color:var(--text-secondary)}.friend-btn-reject:hover,.friend-btn-remove:hover,.friend-btn-cancel:hover{background:var(--bg-quaternary, #333);color:var(--text-primary)}.friend-btn-queue{background:var(--purple-500);color:#fff}.friend-btn-queue:hover{background:var(--purple-600)}.friend-chevron{width:20px;height:20px;color:var(--text-muted);flex-shrink:0;transition:transform var(--transition-fast),color var(--transition-fast)}.friend-card-clickable:hover .friend-chevron{color:var(--purple-400);transform:translate(3px)}.friend-status{font-size:var(--text-caption);color:var(--text-muted);padding:var(--space-xs) var(--space-md)}.friend-status.pending{color:var(--warning)}.blocked-list{display:flex;flex-direction:column;gap:var(--space-md)}.blocked-info{color:var(--text-muted);font-size:var(--text-body-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);line-height:1.5}.blocked-card{opacity:.85}.blocked-date{display:block;font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.friend-btn-unblock{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle)}.friend-btn-unblock:hover{background:var(--purple-500);color:#fff;border-color:var(--purple-500)}.friend-btn-block{background:transparent;color:var(--text-muted);border:1px solid transparent}.friend-btn-block:hover{background:var(--danger, #dc2626);color:#fff;border-color:var(--danger, #dc2626)}.requests-section{margin-bottom:var(--space-xl)}.requests-section h3{font-family:var(--font-display);font-size:var(--text-body);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.discover-section{margin-bottom:var(--space-xl)}.discover-section h3{font-family:var(--font-display);font-size:var(--text-body);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.no-results{text-align:center;color:var(--text-muted);padding:var(--space-xl);font-size:var(--text-body)}.activity-item{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-sm);border:1px solid var(--border-subtle)}.activity-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--purple-100);color:var(--purple-600);flex-shrink:0}.section-icon,.subsection-icon{display:inline-block;vertical-align:middle;margin-right:var(--space-xs);color:var(--purple-500)}.import-icon{display:inline-block;vertical-align:middle;margin-right:var(--space-xs)}.activity-text{margin:0;font-size:var(--text-body);color:var(--text-primary);line-height:1.4}.activity-restaurant{display:block;font-size:var(--text-caption);color:var(--purple-400);margin-top:4px;font-weight:500}.activity-time{display:block;font-size:var(--text-sm);color:var(--text-muted);margin-top:4px}.friends-screen .empty-state{padding:var(--space-3xl) var(--space-lg)}.rankings-list{display:flex;flex-direction:column;gap:var(--space-md)}.rankings-list .empty-state{margin-top:var(--space-md)}.contact-import-section{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);border:1px solid var(--border-subtle)}.contact-import-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.contact-import-header h3{margin:0;font-size:var(--text-base);color:var(--text-primary)}.clear-contacts-btn{background:none;border:none;color:var(--text-muted);font-size:var(--text-body-sm);cursor:pointer;padding:var(--space-xs) var(--space-sm)}.clear-contacts-btn:hover{color:var(--accent-red)}.contact-import-cta{text-align:center;padding:var(--space-md) 0}.contact-import-cta p{color:var(--text-muted);font-size:var(--text-body-sm);margin-bottom:var(--space-md);line-height:1.5}.import-contacts-btn{display:inline-flex;align-items:center;gap:var(--space-sm);background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-dark));color:#fff;border:none;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-pill);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .2s ease}.import-contacts-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 15px #8b5cf666}.import-contacts-btn:disabled{opacity:.6;cursor:not-allowed}.import-icon{font-size:var(--text-xl)}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.contacts-not-supported{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-sm)}.contacts-subsection{margin-bottom:var(--space-lg)}.contacts-subsection:last-child{margin-bottom:0}.contacts-subsection h4{font-size:var(--text-body-sm);color:var(--text-secondary);margin:0 0 var(--space-sm) 0;font-weight:500}.contact-cards{display:flex;flex-direction:column;gap:var(--space-sm)}.contact-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.contact-card.on-app{border-left:3px solid var(--accent-green)}.contact-card.invite{border-left:3px solid var(--accent-gold)}.contact-info{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.contact-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-dark));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--text-base);flex-shrink:0;overflow:hidden}.contact-avatar.invite-avatar{background:linear-gradient(135deg,var(--accent-gold),#d4a017)}.contact-avatar img{width:100%;height:100%;object-fit:cover}.contact-details{display:flex;flex-direction:column;min-width:0}.contact-name{font-weight:500;color:var(--text-primary);font-size:var(--text-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-username,.contact-phone{font-size:var(--text-caption);color:var(--text-muted)}.add-friend-btn{background:var(--accent-purple);color:#fff;border:none;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-friend-btn:hover{background:var(--accent-purple-dark)}.invite-btn{background:linear-gradient(135deg,var(--accent-gold),#d4a017);color:#1a1a2e;border:none;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.invite-btn:hover:not(:disabled){transform:scale(1.02)}.invite-btn.sent{background:var(--accent-green);color:#fff;cursor:default}.invite-btn:disabled{opacity:.8}.friend-badge,.pending-badge{font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);font-weight:500}.friend-badge{background:#22c55e26;color:var(--accent-green)}.pending-badge{background:#fbbf2426;color:var(--accent-gold)}.friends-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 20px;font-size:var(--text-body);font-weight:500;color:#fff;background:#34c759;border-radius:12px;box-shadow:0 4px 16px #00000026;z-index:1000}.friends-toast.error{background:#ff3b30}.friends-toast svg{flex-shrink:0}@media (max-width: 480px){.friends-header{padding:var(--space-sm) var(--space-md)}.friends-tabs{padding:var(--space-xs) var(--space-sm)}.friends-tab{padding:var(--space-xs) var(--space-sm);font-size:var(--text-caption)}.friends-content{padding:var(--space-sm) var(--space-md)}.friend-card{padding:var(--space-sm)}.friend-avatar{width:40px;height:40px}.friend-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.contact-import-section{padding:var(--space-md)}.import-contacts-btn{padding:var(--space-sm) var(--space-lg);font-size:var(--text-body)}.contact-card{padding:var(--space-sm)}.contact-avatar{width:36px;height:36px;font-size:var(--text-body-sm)}}.activity-card{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#fff;border-radius:12px;border:1px solid #f3f4f6;transition:background-color .15s ease}.activity-card:hover{background:#f9fafb}.activity-card.own-activity{background:linear-gradient(135deg,#faf5ff,#fefce8);border-color:#e9d5ff}.activity-avatar{position:relative;flex-shrink:0}.avatar-image{width:44px;height:44px;border-radius:50%;object-fit:cover}.avatar-placeholder{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:600}.activity-type-badge{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xs);border:2px solid white}.activity-content{flex:1;min-width:0}.activity-text{font-size:var(--text-body-sm);line-height:1.4;color:var(--silver-700);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px}.activity-user{font-weight:600;color:#111827}.activity-verb{color:var(--silver-500)}.activity-target{font-weight:500;color:var(--purple-700)}.activity-target.restaurant{background:none;border:none;padding:0;font:inherit;cursor:pointer;text-decoration:none;transition:color .15s ease}.activity-target.restaurant:hover{color:#6d28d9;text-decoration:underline}.activity-target.achievement{display:inline-flex;align-items:center;gap:4px;color:var(--gold)}.activity-target.streak{color:var(--error)}.activity-time{display:block;font-size:var(--text-sm);color:var(--silver-400);margin-top:4px}.activity-thumbnail{flex-shrink:0;width:60px;height:60px;border-radius:8px;overflow:hidden;background:none;border:none;padding:0;cursor:pointer;transition:transform .15s ease}.activity-thumbnail:hover{transform:scale(1.05)}.thumbnail-image{width:100%;height:100%;object-fit:cover}@media (max-width: 360px){.activity-card{padding:10px 12px;gap:10px}.avatar-image,.avatar-placeholder{width:40px;height:40px}.activity-text{font-size:var(--text-caption)}.activity-thumbnail{width:50px;height:50px}}html.dark-mode .activity-card{background:#1f2937;border-color:var(--silver-700)}html.dark-mode .activity-card:hover{background:#374151}html.dark-mode .activity-card.own-activity{background:linear-gradient(135deg,#2e1065,#422006);border-color:#4c1d95}html.dark-mode .activity-user{color:#f9fafb}html.dark-mode .activity-text{color:#d1d5db}html.dark-mode .activity-type-badge{border-color:var(--silver-800)}.activity-feed-card{background:var(--card-bg, #1a1a2e);border-radius:16px;padding:16px;margin-bottom:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(255,255,255,.06)}.activity-feed-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.activity-feed-card:active{transform:scale(.98)}.afc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.afc-user{display:flex;align-items:center;gap:10px;background:none;border:none;padding:0;cursor:pointer;text-align:left}.afc-user:hover .afc-user-name{color:var(--accent-purple, #8b5cf6)}.afc-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(139,92,246,.3)}.afc-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-base);color:#fff}.afc-user-info{display:flex;flex-direction:column;gap:2px}.afc-user-name{font-weight:600;font-size:var(--text-body);color:var(--text-primary, #fff);transition:color .2s ease}.afc-username{font-size:var(--text-caption);color:var(--text-secondary, #9ca3af)}.afc-timestamp{font-size:var(--text-caption);color:var(--text-tertiary, #6b7280)}.afc-action{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-left:50px}.afc-action-icon{width:16px;height:16px;color:var(--accent-purple, #8b5cf6)}.afc-action span{font-size:var(--text-body-sm);color:var(--text-secondary, #9ca3af)}.afc-restaurant{display:flex;align-items:center;gap:12px;background:#ffffff08;border-radius:12px;padding:12px;transition:background .2s ease}.afc-restaurant:hover{background:#ffffff0d}.afc-restaurant-image{width:72px;height:72px;border-radius:10px;object-fit:cover;flex-shrink:0}.afc-restaurant-image-placeholder{width:72px;height:72px;border-radius:10px;background:#8b5cf61a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.afc-restaurant-image-placeholder svg{width:32px;height:32px;color:var(--text-tertiary, #6b7280)}.afc-restaurant-info{flex:1;min-width:0}.afc-restaurant-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary, #fff);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.afc-restaurant-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.afc-restaurant-type{font-size:var(--text-caption);color:var(--accent-purple, #8b5cf6);background:#8b5cf626;padding:2px 8px;border-radius:4px}.afc-restaurant-rating{display:flex;align-items:center;gap:3px;font-size:var(--text-caption);color:var(--text-secondary, #9ca3af)}.afc-restaurant-rating svg{color:var(--gold-light)}.afc-restaurant-price{font-size:var(--text-caption);color:var(--text-tertiary, #6b7280)}.afc-restaurant-address{font-size:var(--text-sm);color:var(--text-tertiary, #6b7280);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.afc-arrow{flex-shrink:0;color:var(--text-tertiary, #6b7280)}.afc-arrow svg{width:20px;height:20px}@media (max-width: 480px){.activity-feed-card{padding:12px}.afc-action{padding-left:0}.afc-restaurant-image,.afc-restaurant-image-placeholder{width:60px;height:60px}.afc-restaurant-name{font-size:var(--text-body)}.afc-restaurant-meta{gap:6px}}.activity-feed-card{--card-bg: #fff;--text-primary: #1f2937;--text-secondary: #4b5563;--text-tertiary: #9ca3af;--accent-purple: #8b5cf6;border-color:#00000014}.afc-restaurant{background:#00000005}.afc-restaurant:hover{background:#0000000a}html.dark-mode .activity-feed-card{--card-bg: #1a1a2e;--text-primary: #fff;--text-secondary: #9ca3af;--text-tertiary: #6b7280;border-color:transparent}.activity-feed{display:flex;flex-direction:column;gap:12px;padding:0 0 20px}.activity-summary{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:0 16px 4px;background:linear-gradient(135deg,#8b5cf626,#6366f11a);border-radius:12px;border:1px solid rgba(139,92,246,.2)}.activity-summary svg{width:20px;height:20px;color:#8b5cf6;flex-shrink:0}.activity-summary span{font-size:var(--text-body-sm);font-weight:500;color:#8b5cf6}.refresh-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 16px 8px;padding:10px 16px;background:transparent;border:1px solid var(--border);border-radius:10px;font-size:var(--text-caption);font-weight:500;color:var(--silver-500);cursor:pointer;transition:all .2s ease}.refresh-btn:hover{background:#f3f4f6;color:var(--silver-700)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-btn svg{width:16px;height:16px}.refresh-btn.refreshing svg{animation:spin 1s linear infinite}.activity-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--silver-500);font-size:var(--text-body-sm)}.activity-filters{display:flex;gap:8px;padding:0 16px;margin-bottom:4px}.filter-pill{flex:1;padding:8px 16px;background:#f3f4f6;border:1px solid var(--border);border-radius:100px;font-size:var(--text-caption);font-weight:500;color:var(--silver-500);cursor:pointer;transition:all .15s ease;min-height:36px}.filter-pill:hover{background:#e5e7eb}.filter-pill.active{background:#7c3aed;border-color:var(--purple-700);color:#fff}.activity-list{display:flex;flex-direction:column;gap:8px;padding:0 16px}.load-more-trigger{padding:20px;display:flex;justify-content:center}.loading-indicator{display:flex;align-items:center;gap:8px;color:var(--silver-500);font-size:var(--text-caption)}.loading-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:var(--purple-700);border-radius:50%;animation:spin .8s linear infinite}.end-of-list{padding:20px;text-align:center;color:var(--silver-400);font-size:var(--text-caption)}.activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{font-size:var(--text-6xl);margin-bottom:16px}.empty-icon-svg{width:56px;height:56px;color:var(--silver-400);margin-bottom:16px}.empty-title{font-size:var(--text-lg);font-weight:600;color:#111827;margin:0 0 8px}.empty-text{font-size:var(--text-body-sm);color:var(--silver-500);margin:0;max-width:280px;line-height:1.5}@media (max-width: 360px){.activity-filters{padding:0 12px}.filter-pill{padding:6px 12px;font-size:var(--text-sm)}.activity-list{padding:0 12px;gap:6px}}html.dark-mode .activity-summary{background:linear-gradient(135deg,#8b5cf633,#6366f126);border-color:#8b5cf64d}html.dark-mode .refresh-btn{border-color:#4b5563;color:var(--silver-400)}html.dark-mode .refresh-btn:hover{background:#374151;color:#e5e7eb}html.dark-mode .filter-pill{background:#374151;border-color:#4b5563;color:var(--silver-400)}html.dark-mode .filter-pill:hover{background:#4b5563}html.dark-mode .filter-pill.active{background:#7c3aed;border-color:var(--purple-700);color:#fff}html.dark-mode .loading-indicator{color:var(--silver-400)}html.dark-mode .loading-spinner{border-color:#4b5563;border-top-color:var(--purple-700)}html.dark-mode .empty-title{color:#f9fafb}html.dark-mode .empty-text{color:var(--silver-400)}html.dark-mode .empty-icon-svg{color:var(--silver-500)}html.dark-mode .activity-loading{color:var(--silver-400)}.activity-screen{min-height:100vh;min-height:100dvh;background:var(--background);padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.activity-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.activity-header h1{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin:0}.activity-header .back-btn{width:44px;height:44px;border-radius:50%;border:none;background:var(--background);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.activity-header .back-btn:hover{background:var(--border);color:var(--text-primary)}.activity-header .back-btn svg{width:20px;height:20px}.activity-header .header-spacer{width:44px}.activity-header .friends-header-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;border:none;background:var(--purple-600);cursor:pointer;color:#fff;transition:all .2s ease}.activity-header .friends-header-btn:hover{background:var(--purple-700);transform:scale(1.02)}.activity-header .friends-header-btn:active{transform:scale(.98)}.activity-header .friends-btn-content{position:relative;display:flex;align-items:center;justify-content:center}.activity-header .friends-btn-content svg{width:18px;height:18px}.activity-header .friends-notification-badge{position:absolute;top:-6px;right:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#ef4444;color:#fff;font-size:var(--text-2xs);font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--purple-600)}.activity-header .friends-btn-label{font-size:var(--text-caption);font-weight:600}.activity-tabs{display:flex;gap:8px;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.activity-tab{flex:1;padding:10px 16px;border-radius:10px;border:none;background:var(--background);color:var(--text-secondary);font-size:var(--text-body-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.activity-tab:hover{background:var(--border);color:var(--text-primary)}.activity-tab.active{background:var(--purple-600);color:#fff}.activity-content{padding:16px}.feed-section{display:flex;flex-direction:column;gap:16px}.friends-quick-access{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:14px;background:linear-gradient(135deg,var(--purple-600) 0%,var(--purple-700) 100%);color:#fff;margin-bottom:8px}.friends-quick-access .fqa-header{display:flex;align-items:center;gap:12px;flex:1}.friends-quick-access .fqa-icon{width:44px;height:44px;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center}.friends-quick-access .fqa-icon svg{width:22px;height:22px}.friends-quick-access .fqa-info h3{font-size:var(--text-base);font-weight:700;margin:0 0 2px}.friends-quick-access .fqa-info p{font-size:var(--text-caption);margin:0;opacity:.9}.friends-quick-access .fqa-pending{color:#fef08a;font-weight:600}.friends-quick-access .fqa-button{display:flex;align-items:center;gap:4px;padding:10px 16px;border-radius:10px;border:none;background:#fff;color:var(--purple-700);font-size:var(--text-body-sm);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.friends-quick-access .fqa-button:hover{background:#ffffffe6;transform:translate(2px)}.friends-quick-access .fqa-button svg{width:16px;height:16px}.rankings-section{display:flex;flex-direction:column;gap:16px}.rankings-divider{height:1px;background:var(--border);margin:8px 0}.friend-rankings-link{display:flex;align-items:center;gap:12px;width:100%;padding:16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all .2s ease;text-align:left}.friend-rankings-link:hover{background:var(--background);border-color:var(--purple-400)}.friend-rankings-link .frl-icon{font-size:var(--text-3xl);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--purple-100);border-radius:10px}.friend-rankings-link .frl-text{flex:1;display:flex;flex-direction:column;gap:2px}.friend-rankings-link .frl-title{font-size:var(--text-body);font-weight:600;color:var(--text-primary)}.friend-rankings-link .frl-subtitle{font-size:var(--text-caption);color:var(--text-secondary)}.friend-rankings-link .frl-arrow{font-size:var(--text-lg);color:var(--purple-600);font-weight:600}.see-all-friends-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;margin-top:16px;border-radius:12px;border:1px dashed var(--purple-400);background:var(--purple-50);color:var(--purple-700);font-size:var(--text-body-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.see-all-friends-link:hover{background:var(--purple-100);border-style:solid;transform:translateY(-1px)}.see-all-friends-link svg{width:18px;height:18px}.see-all-friends-link .safl-badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--purple-600);color:#fff;font-size:var(--text-xs);font-weight:700;display:flex;align-items:center;justify-content:center}.activity-screen .sign-in-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:16px;min-height:calc(100vh - 200px)}.activity-screen .sign-in-prompt h2{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0}.activity-screen .sign-in-prompt p{font-size:var(--text-body);color:var(--text-secondary);margin:0;max-width:280px;line-height:1.5}.activity-screen .google-sign-in-btn{display:flex;align-items:center;gap:12px;padding:14px 24px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:var(--text-body);font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.activity-screen .google-sign-in-btn:hover{background:var(--background);border-color:var(--text-muted)}.activity-screen .google-sign-in-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.activity-header{padding:12px 16px}.activity-header .friends-header-btn{padding:6px 10px}.activity-header .friends-btn-label{font-size:var(--text-sm)}.activity-tabs{padding:10px 16px}.activity-content{padding:12px}.friends-quick-access{flex-direction:column;gap:12px;text-align:center}.friends-quick-access .fqa-header{flex-direction:column;text-align:center}.friends-quick-access .fqa-button{width:100%;justify-content:center}}.community-screen{max-width:960px;margin:0 auto;padding:64px 24px 100px;min-height:100vh;background:linear-gradient(180deg,#f8f7fc,#fafafa 40%,#fff)}.community-header{display:flex;align-items:center;gap:12px;padding:14px 16px;position:fixed;top:0;left:0;width:100%;background:#f8f7fceb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.04);z-index:10;box-sizing:border-box}.community-back{background:none;border:none;cursor:pointer;padding:8px;color:#333;border-radius:8px;transition:background .2s}.community-back:hover{background:#0000000d}.community-header-icon{border-radius:8px;box-shadow:0 2px 6px #7c3aed1f}.community-header-title{flex:1;font-size:1rem;font-weight:600;color:#1a1a2e;letter-spacing:-.01em}.community-add-btn{background:linear-gradient(135deg,#6b21a8,#9333ea);color:#fff;border:none;border-radius:12px;padding:10px 20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #6b21a84d}.community-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6b21a866}.community-hero{text-align:center;padding:16px 0 24px}.community-app-icon{display:block;margin:0 auto 12px;width:64px;height:64px;border-radius:16px;box-shadow:0 4px 12px #8b5cf633,0 8px 24px #8b5cf61a}.community-subtitle{color:#666;font-size:.95rem;margin:0;line-height:1.5}.submit-success-toast{display:flex;align-items:center;gap:10px;padding:14px 20px;margin-bottom:16px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border-radius:12px;font-size:.95rem;font-weight:600;box-shadow:0 4px 12px #10b9814d}.community-form{background:#fff;border-radius:16px;padding:20px;margin-bottom:20px;display:flex;flex-direction:column;gap:14px;overflow:hidden;box-shadow:0 2px 12px #0000000f;border:1px solid rgba(139,92,246,.1)}.type-selector{display:flex;gap:8px}.type-pill{flex:1;padding:10px 12px;border:1.5px solid #e0e0e0;border-radius:10px;background:#fff;color:#555;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.type-pill.active{color:#fff;border-color:transparent}.community-input,.community-textarea{width:100%;border:1.5px solid #e0e0e0;border-radius:10px;padding:12px 14px;font-size:1rem;font-family:inherit;resize:vertical;box-sizing:border-box;transition:border-color .2s}.community-input:focus,.community-textarea:focus{outline:none;border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a}.community-submit-btn{background:linear-gradient(135deg,#6b21a8,#9333ea);color:#fff;border:none;border-radius:12px;padding:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #6b21a84d}.community-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6b21a866}.community-submit-btn:disabled{opacity:.5;cursor:not-allowed}.community-error{color:#dc2626;font-size:.9rem;margin:0}.community-sort{display:flex;gap:10px;margin-bottom:20px}.sort-tab{background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;padding:10px 22px;font-size:.95rem;cursor:pointer;color:#666;font-weight:600;transition:all .2s}.sort-tab:hover{border-color:#c4b5fd;color:#7c3aed}.sort-tab.active{background:linear-gradient(135deg,#6b21a8,#9333ea);color:#fff;border-color:transparent;box-shadow:0 2px 8px #6b21a840}.community-list{display:flex;flex-direction:column;gap:16px}.community-card{display:flex;gap:14px;background:#fff;border-radius:16px;padding:18px;box-shadow:0 1px 4px #0000000a,0 4px 12px #00000008;border:1px solid rgba(0,0,0,.04);transition:box-shadow .2s}.community-card:hover{box-shadow:0 2px 8px #0000000f,0 8px 20px #0000000a}.vote-button{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:2px solid #e0e0e0;border-radius:12px;padding:10px 12px;cursor:pointer;flex-shrink:0;color:#888;min-width:52px;transition:all .2s}.vote-button:hover{border-color:#9333ea;color:#9333ea;background:#9333ea0a}.vote-button.voted{background:linear-gradient(135deg,#9333ea14,#6b21a81f);border-color:#9333ea;color:#7c3aed}.vote-count{font-size:1.1rem;font-weight:700}.card-content{flex:1;min-width:0}.card-header-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:6px}.card-title{font-size:1.05rem;font-weight:700;color:#1a1a2e;margin:0;flex:1;line-height:1.3}.card-badges{display:flex;gap:6px;flex-shrink:0}.type-badge{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:8px;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px}.type-badge[data-type=enhancement]{background:#7c3aed1f;color:#6d28d9}.type-badge[data-type=bug]{background:#dc26261a;color:#b91c1c}.type-badge[data-type=feedback]{background:#2563eb1a;color:#1d4ed8}.status-badge{font-size:.7rem;font-weight:700;color:#fff;padding:4px 10px;border-radius:8px;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px}.card-description{font-size:.9rem;color:#555;margin:6px 0 12px;line-height:1.5}.reactions-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;align-items:center}.reaction-chip{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#f5f3ff;border:1.5px solid #e9e5f5;border-radius:20px;cursor:pointer;font-size:.85rem;transition:all .15s}.reaction-chip:hover{border-color:#c4b5fd;background:#ede9fe}.reaction-chip.active{background:#ede9fe;border-color:#a78bfa}.reaction-emoji{font-size:1rem;line-height:1}.reaction-count{font-weight:600;color:#6d28d9;font-size:.8rem}.reaction-add-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1.5px dashed #d4d4d8;border-radius:50%;background:none;color:#999;font-size:1rem;cursor:pointer;transition:all .15s}.reaction-add-btn:hover{border-color:#a78bfa;color:#7c3aed;background:#f5f3ff}.reaction-picker{display:flex;gap:4px;padding:8px 12px;background:#fff;border:1.5px solid #e9e5f5;border-radius:12px;margin-bottom:8px;box-shadow:0 4px 12px #00000014}.picker-emoji{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:8px;font-size:1.3rem;cursor:pointer;transition:all .15s}.picker-emoji:hover{background:#f5f3ff;transform:scale(1.15)}.picker-emoji.active{background:#ede9fe}.card-footer{display:flex;align-items:center;justify-content:space-between}.card-meta{display:flex;gap:12px;font-size:.8rem;color:#999}.comment-toggle{display:flex;align-items:center;gap:5px;padding:6px 12px;background:none;border:1.5px solid #e0e0e0;border-radius:8px;color:#888;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.comment-toggle:hover{border-color:#a78bfa;color:#7c3aed;background:#9333ea0a}.comments-section{margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0;overflow:hidden}.comments-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.no-comments{text-align:center;color:#aaa;font-size:.85rem;font-style:italic;padding:8px 0;margin:0}.comment-item{padding:10px 12px;background:#f9fafb;border-radius:10px}.comment-author{font-size:.8rem;font-weight:700;color:#6d28d9}.comment-text{font-size:.88rem;color:#444;margin:4px 0 2px;line-height:1.4}.comment-date{font-size:.72rem;color:#bbb}.comment-input-row{display:flex;gap:8px}.comment-input{flex:1;padding:10px 12px;border:1.5px solid #e0e0e0;border-radius:10px;font-size:.9rem;font-family:inherit;box-sizing:border-box}.comment-input:focus{outline:none;border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a}.comment-send-btn{padding:10px 18px;background:linear-gradient(135deg,#6b21a8,#9333ea);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0}.comment-send-btn:disabled{opacity:.5;cursor:not-allowed}.community-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 16px;color:#888}.loading-spinner{width:32px;height:32px;border:3px solid rgba(147,51,234,.15);border-top:3px solid #9333ea;border-radius:50%;animation:spin .8s linear infinite}.community-empty{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:60px 16px;color:#aaa}.community-empty svg{opacity:.4}.community-empty p{margin:0;font-size:1rem}.community-error-state{text-align:center;padding:60px 16px;color:#888}.community-error-state button{margin-top:12px;background:linear-gradient(135deg,#6b21a8,#9333ea);color:#fff;border:none;border-radius:10px;padding:10px 24px;font-size:.95rem;font-weight:600;cursor:pointer}.premium-gate{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 36px 44px;margin-top:40px;max-width:600px;margin-left:auto;margin-right:auto;background:linear-gradient(180deg,#f8f5ff80,#fff 20%,#fff);border-radius:24px;border:1.5px solid transparent;background-clip:padding-box;box-shadow:0 1px 2px #0000000a,0 4px 12px #7c3aed14,0 12px 32px #7c3aed1a,0 24px 60px #7c3aed0f}.premium-gate:before{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:25px;background:linear-gradient(160deg,#9333ea59,#c484fc26,#7c3aed0f,#c484fc33,#9333ea4d);z-index:-1}.premium-gate .community-app-icon{width:104px;height:104px;border-radius:24px;margin-bottom:28px}.premium-gate-icon{margin-bottom:28px;color:#9333ea}.premium-gate-title{font-size:1.85rem;font-weight:700;color:#1a1a2e;margin:0 0 16px;letter-spacing:-.025em}.premium-gate-text{color:#555;font-size:1.02rem;line-height:1.55;margin:0 0 16px;max-width:380px}.premium-gate-btn{margin-top:24px;padding:16px 40px;background:linear-gradient(135deg,#6b21a8,#9333ea);color:#fff;border:none;border-radius:14px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #6b21a859;transition:all .2s}.premium-gate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b21a873}html.dark-mode .community-screen,html.dark-mode .community-header{background:#0d0d1a}html.dark-mode .community-header-title{color:#f0f0f5}html.dark-mode .community-back{color:#ccc}html.dark-mode .community-back:hover{background:#ffffff14}html.dark-mode .community-subtitle{color:#999}html.dark-mode .community-form,html.dark-mode .community-card{background:#1a1a2e;border-color:#ffffff0f}html.dark-mode .community-input,html.dark-mode .community-textarea,html.dark-mode .comment-input{background:#0d0d1a;border-color:#333;color:#f0f0f5}html.dark-mode .type-pill{background:#1a1a2e;border-color:#333;color:#ccc}html.dark-mode .sort-tab{background:#1a1a2e;border-color:#333;color:#999}html.dark-mode .sort-tab:hover{border-color:#7c3aed;color:#c4b5fd}html.dark-mode .sort-tab.active{background:linear-gradient(135deg,#6b21a8,#9333ea);color:#fff;border-color:transparent}html.dark-mode .card-title{color:#f0f0f5}html.dark-mode .card-description{color:#aaa}html.dark-mode .vote-button{border-color:#333;color:#999}html.dark-mode .vote-button:hover{border-color:#9333ea;color:#c4b5fd;background:#9333ea1a}html.dark-mode .vote-button.voted{background:#9333ea26;border-color:#9333ea;color:#c4b5fd}html.dark-mode .type-badge[data-type=enhancement]{background:#7c3aed33;color:#c4b5fd}html.dark-mode .type-badge[data-type=bug]{background:#dc262626;color:#fca5a5}html.dark-mode .type-badge[data-type=feedback]{background:#2563eb26;color:#93c5fd}html.dark-mode .reaction-chip{background:#9333ea14;border-color:#9333ea26}html.dark-mode .reaction-chip.active{background:#9333ea33;border-color:#a78bfa}html.dark-mode .reaction-count{color:#c4b5fd}html.dark-mode .reaction-add-btn{border-color:#444;color:#777}html.dark-mode .reaction-add-btn:hover{border-color:#a78bfa;color:#c4b5fd;background:#9333ea14}html.dark-mode .reaction-picker{background:#1a1a2e;border-color:#333;box-shadow:0 4px 12px #0000004d}html.dark-mode .picker-emoji:hover{background:#9333ea26}html.dark-mode .picker-emoji.active{background:#9333ea33}html.dark-mode .comment-toggle{border-color:#333;color:#888}html.dark-mode .comment-toggle:hover{border-color:#7c3aed;color:#c4b5fd}html.dark-mode .comments-section{border-top-color:#2a2a3e}html.dark-mode .comment-item{background:#0d0d1a}html.dark-mode .comment-author{color:#c4b5fd}html.dark-mode .comment-text{color:#ccc}html.dark-mode .premium-gate-title{color:#f0f0f5}html.dark-mode .premium-gate-text{color:#999}.scanner-screen{max-width:600px;margin:0 auto;padding:64px 16px 80px;min-height:100vh;background:linear-gradient(180deg,#f8f7fc,#fafafa 40%,#fff)}.scanner-header-glass{display:flex;align-items:center;gap:12px;padding:14px 16px;position:fixed;top:0;left:0;width:100%;background:#f8f7fceb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.04);z-index:10;box-sizing:border-box}.scanner-back{background:none;border:none;cursor:pointer;padding:4px;color:#333}.scanner-header-icon{border-radius:8px;box-shadow:0 2px 6px #7c3aed1f}.scanner-header-title{font-size:1rem;font-weight:600;color:#1a1a2e;letter-spacing:-.01em}.scanner-hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 36px 44px;margin-top:12px;background:linear-gradient(180deg,#f8f5ff80,#fff 20%,#fff);border-radius:24px;border:1.5px solid transparent;background-clip:padding-box;box-shadow:0 1px 2px #0000000a,0 4px 12px #7c3aed14,0 12px 32px #7c3aed1a,0 24px 60px #7c3aed0f}.scanner-hero:before{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:25px;background:linear-gradient(160deg,#9333ea59,#c484fc26,#7c3aed0f,#c484fc33,#9333ea4d);z-index:-1}.scanner-hero:after{content:"";position:absolute;bottom:-20px;left:15%;right:15%;height:40px;background:radial-gradient(ellipse at center,rgba(147,51,234,.12) 0%,transparent 70%);border-radius:50%;z-index:-2;filter:blur(12px)}.scanner-icon-wrap{margin-bottom:28px}.scanner-app-icon{width:104px;height:104px;border-radius:24px;box-shadow:0 4px 12px #7c3aed33,0 8px 28px #7c3aed26,0 0 0 3px #7c3aed1a}.scanner-hero-title{font-size:1.85rem;font-weight:700;margin:0 0 10px;letter-spacing:-.025em;color:#1a1a2e}.scanner-hero-desc{color:#555;font-size:1.02rem;margin:0 0 32px;line-height:1.55;max-width:340px;font-weight:400}.scanner-cta{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#5b189a,#7c3aed,#9333ea);color:#fff;border:none;border-radius:16px;padding:18px 40px;font-size:1.08rem;font-weight:600;cursor:pointer;margin-bottom:32px;box-shadow:0 4px 14px #6b21a859,0 8px 28px #6b21a826;transition:all .25s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em}.scanner-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b21a866,0 12px 36px #6b21a833}.scanner-cta:active{transform:translateY(0) scale(.98);box-shadow:0 2px 10px #6b21a840}.scanner-cta svg{flex-shrink:0}.scanner-features{display:flex;flex-direction:column;gap:4px;width:100%;max-width:300px;padding-top:24px;border-top:1px solid rgba(124,58,237,.08)}.scanner-feature{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:.92rem;color:#333;text-align:left;font-weight:500;letter-spacing:-.01em}.scanner-feature-dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#6b21a8,#9333ea);flex-shrink:0;box-shadow:0 0 6px #9333ea4d}.scanner-loading{display:flex;flex-direction:column;align-items:center;padding:60px 20px;color:#888}.scanner-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#9333ea;border-radius:50%;animation:scanner-spin .8s linear infinite;margin-bottom:16px}@keyframes scanner-spin{to{transform:rotate(360deg)}}.scanner-restaurant-name{font-size:1.15rem;font-weight:700;color:#6b21a8;margin:0 0 4px}.scanner-results{background:#fff;border-radius:20px;padding:24px;box-shadow:0 2px 12px #7c3aed14,0 1px 3px #0000000a;border:1px solid rgba(124,58,237,.08)}.scanner-results-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.scanner-results-header h3{font-size:1.1rem;font-weight:700;color:#1a1a2e;margin:0}.scanner-menu-type{font-size:.7rem;font-weight:600;color:#9333ea;background:#f3e8ff;padding:2px 8px;border-radius:10px;text-transform:uppercase}.scanner-summary{color:#666;font-size:.85rem;margin:0 0 16px;line-height:1.4}.scanner-dishes{display:flex;flex-direction:column;gap:12px}.scanner-dish{display:flex;gap:10px;padding:12px;background:#fafafa;border-radius:12px;align-items:flex-start}.scanner-top-pick{background:#f3e8ff;border:1px solid #d8b4fe}.scanner-dish-rank{width:24px;height:24px;border-radius:50%;background:#6b21a8;color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.scanner-dish-content{flex:1;min-width:0}.scanner-top-label{font-size:.65rem;font-weight:700;color:#9333ea;text-transform:uppercase;letter-spacing:.5px}.scanner-dish-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.scanner-dish-name{font-weight:600;color:#1a1a2e;font-size:.95rem}.scanner-dish-price{font-size:.85rem;color:#666;font-weight:500;flex-shrink:0}.scanner-dish-reason{font-size:.8rem;color:#555;margin:4px 0 0;line-height:1.3}.scanner-flags{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.scanner-flag{font-size:.65rem;background:#e0f7e9;color:#0d7c3a;padding:2px 6px;border-radius:6px;font-weight:500}.scanner-again{width:100%;margin-top:16px;padding:14px;background:linear-gradient(135deg,#6b21a8,#9333ea);color:#fff;border:none;border-radius:14px;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #6b21a84d;transition:all .2s ease}.scanner-again:active{transform:scale(.97)}.scanner-error{text-align:center;padding:40px 20px;background:#fff;border-radius:20px;border:1px solid rgba(124,58,237,.08)}.scanner-error p{color:#dc2626;font-size:.9rem;margin:0 0 16px}.scanner-retry,.scanner-upgrade{padding:12px 28px;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer}.scanner-retry{background:#f3f4f6;color:#333}.scanner-upgrade{background:linear-gradient(135deg,#6b21a8,#9333ea);color:#fff;box-shadow:0 4px 16px #6b21a84d}@media (max-width: 480px){.scanner-hero{padding:44px 24px;border-radius:20px}.scanner-hero-title{font-size:1.5rem}.scanner-hero-desc{font-size:.92rem}.scanner-cta{padding:14px 28px;font-size:1rem}.scanner-app-icon{width:88px;height:88px;border-radius:20px}}html.dark-mode .scanner-screen{background:linear-gradient(180deg,#0d0d1a,#112)}html.dark-mode .scanner-header-glass{background:#0d0d1aeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:#ffffff0f}html.dark-mode .scanner-back{color:#ccc}html.dark-mode .scanner-header-title{color:#f0f0f5}html.dark-mode .scanner-hero{background:linear-gradient(180deg,#1e143299,#1a1a2e 20%,#1a1a2e);box-shadow:0 1px 2px #0003,0 4px 12px #0000004d,0 12px 32px #9333ea1a,0 24px 60px #0003}html.dark-mode .scanner-hero:before{background:linear-gradient(160deg,#9333ea80,#c484fc33,#7c3aed14,#c484fc40,#9333ea66)}html.dark-mode .scanner-hero:after{background:radial-gradient(ellipse at center,rgba(147,51,234,.15) 0%,transparent 70%)}html.dark-mode .scanner-features{border-top-color:#9333ea26}html.dark-mode .scanner-hero-title{color:#f0f0f5}html.dark-mode .scanner-hero-desc{color:#999}html.dark-mode .scanner-feature{color:#888}html.dark-mode .scanner-feature-dot{background:#c084fc}html.dark-mode .scanner-results,html.dark-mode .scanner-error{background:#1a1a2e;border-color:#9333ea26}html.dark-mode .scanner-results-header h3{color:#f0f0f5}html.dark-mode .scanner-dish{background:#0d0d1a}html.dark-mode .scanner-top-pick{background:#9333ea26;border-color:#9333ea4d}html.dark-mode .scanner-dish-name{color:#f0f0f5}html.dark-mode .scanner-dish-reason{color:#aaa}html.dark-mode .scanner-dish-price,html.dark-mode .scanner-summary,html.dark-mode .scanner-loading{color:#999}html.dark-mode .scanner-spinner{border-color:#333;border-top-color:#9333ea}.planning-screen{min-height:100vh;background:var(--bg-primary);padding-bottom:100px}.planning-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-primary);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border-subtle)}.planning-content{max-width:800px;margin:0 auto;padding:0 20px}.planning-title{font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);margin:24px 0 8px;text-align:center}.planning-subtitle{font-size:var(--text-body);color:var(--text-secondary);text-align:center;margin-bottom:32px}.section-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.pending-invites-section{margin-bottom:32px;padding:20px;background:linear-gradient(135deg,#7c3aed14,#a855f70a);border-radius:16px;border:1px solid rgba(124,58,237,.2)}.invite-pulse{width:10px;height:10px;background:var(--primary);border-radius:50%;display:inline-block;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.invite-cards{display:flex;flex-direction:column;gap:12px}.invite-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-primary);border-radius:12px;cursor:pointer;border:1px solid var(--border-subtle);transition:all .2s ease}.invite-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #7c3aed26}.invite-card-icon{font-size:var(--text-5xl);flex-shrink:0}.invite-card-content{flex:1;min-width:0}.invite-card-content h3{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 4px;text-transform:capitalize}.invite-card-content p{font-size:var(--text-body-sm);color:var(--text-secondary);margin:0 0 4px}.invite-code{font-size:var(--text-sm);color:var(--text-muted);font-family:monospace;background:var(--bg-secondary);padding:2px 8px;border-radius:4px}.join-btn{padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:var(--text-body-sm);cursor:pointer;transition:all .2s ease;flex-shrink:0}.join-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.active-sessions-section{margin-bottom:32px}.session-cards{display:flex;flex-direction:column;gap:10px}.session-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-secondary);border-radius:12px;cursor:pointer;border:1px solid var(--border-subtle);transition:all .2s ease}.session-card:hover{border-color:var(--primary);background:var(--bg-primary)}.session-card-mood{font-size:var(--text-4xl);flex-shrink:0}.session-card-content{flex:1;min-width:0}.session-card-content h3{font-size:var(--text-body);font-weight:600;color:var(--text-primary);margin:0 0 4px;text-transform:capitalize}.session-card-content p{font-size:var(--text-caption);color:var(--text-secondary);margin:0;text-transform:capitalize}.session-arrow{font-size:var(--text-lg);color:var(--text-muted);flex-shrink:0}.view-all-sessions{width:100%;padding:12px;background:transparent;border:1px dashed var(--border-subtle);border-radius:10px;color:var(--primary);font-weight:500;font-size:var(--text-body-sm);cursor:pointer;transition:all .2s ease}.view-all-sessions:hover{background:#7c3aed0d;border-color:var(--primary)}.planning-options{margin-bottom:32px}.planning-cards{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 600px){.planning-cards{grid-template-columns:repeat(3,1fr)}}.planning-card{padding:24px;background:var(--bg-secondary);border-radius:16px;cursor:pointer;border:1px solid var(--border-subtle);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.planning-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #0000001a}.card-icon-wrapper{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.card-icon-wrapper svg{width:28px;height:28px}.group-card .card-icon-wrapper{background:linear-gradient(135deg,#7c3aed26,#a855f71a);color:var(--primary)}.group-card:hover{background:linear-gradient(135deg,#7c3aed14,#a855f70a)}.trip-card .card-icon-wrapper{background:linear-gradient(135deg,#3b82f626,#2563eb1a);color:#3b82f6}.trip-card:hover{background:linear-gradient(135deg,#3b82f614,#2563eb0a)}.ai-card .card-icon-wrapper{background:linear-gradient(135deg,#eab30826,#ca8a041a);color:#eab308}.ai-card:hover{background:linear-gradient(135deg,#eab30814,#ca8a040a)}.planning-card h3{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin:0 0 8px}.planning-card p{font-size:var(--text-body-sm);color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.card-cta{font-size:var(--text-body-sm);font-weight:600;color:var(--primary);margin-top:auto}.join-code-section{margin-bottom:32px}.join-code-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border-radius:14px;border:1px solid var(--border-subtle)}.join-code-icon{font-size:var(--text-5xl);flex-shrink:0}.join-code-content{flex:1;min-width:0}.join-code-content h3{font-size:var(--text-body);font-weight:600;color:var(--text-primary);margin:0 0 4px}.join-code-content p{font-size:var(--text-caption);color:var(--text-secondary);margin:0}.join-code-btn{padding:10px 20px;background:var(--bg-primary);color:var(--primary);border:1px solid var(--primary);border-radius:8px;font-weight:600;font-size:var(--text-body-sm);cursor:pointer;transition:all .2s ease;flex-shrink:0}.join-code-btn:hover{background:var(--primary);color:#fff}.sessions-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;color:var(--text-secondary);font-size:var(--text-body-sm)}.loading-spinner{width:20px;height:20px;border:2px solid var(--border-subtle);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 480px){.planning-title{font-size:var(--text-3xl)}.planning-card{padding:20px}.invite-card,.join-code-card{flex-wrap:wrap}.join-btn,.join-code-btn{width:100%;margin-top:12px}}.quick-decision{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#0f0a1e,#1a1025);color:var(--surface);overflow:hidden}.qd-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:calc(env(safe-area-inset-top,0) + 16px)}.qd-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;transition:background .2s}.qd-back:hover{background:#fff3}.qd-back svg{width:22px;height:22px;stroke:#fff}.qd-header h1{font-size:var(--text-lg);font-weight:600;margin:0}.qd-timer-badge{padding:6px 12px;background:linear-gradient(135deg,var(--gold) 0%,#fbbf24 100%);border-radius:100px;font-size:var(--text-sm);font-weight:700;color:#1a1025;letter-spacing:.05em}.qd-setup{flex:1;display:flex;flex-direction:column;padding:20px;padding-bottom:calc(env(safe-area-inset-bottom,0) + 40px)}.qd-hero{text-align:center;margin-bottom:40px}.qd-hero-emoji{font-size:var(--text-7xl);display:block;margin-bottom:16px;filter:drop-shadow(0 4px 12px rgba(245,158,11,.3))}.qd-hero h2{font-size:var(--text-4xl);font-weight:700;margin:0 0 12px;background:linear-gradient(135deg,#fff 0%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qd-hero p{font-size:var(--text-base);color:#ffffffb3;max-width:300px;margin:0 auto;line-height:1.5}.qd-options{display:flex;flex-direction:column;gap:16px;max-width:400px;margin:0 auto;width:100%}.qd-option-btn{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:20px;cursor:pointer;transition:all .2s}.qd-option-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.qd-option-btn.primary{background:linear-gradient(135deg,#4f46e5 0%,var(--purple-700) 100%);border-color:transparent}.qd-option-btn.primary:hover{box-shadow:0 8px 24px #7c3aed66}.option-icon{font-size:var(--text-4xl);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:14px}.qd-option-btn.primary .option-icon{background:#fff3}.option-text{flex:1;text-align:left}.option-title{display:block;font-size:var(--text-md);font-weight:600;color:var(--surface);margin-bottom:4px}.option-desc{font-size:var(--text-body-sm);color:#fff9}.qd-join-section{display:flex;flex-direction:column;gap:10px;padding:20px;background:#ffffff08;border:1px dashed rgba(255,255,255,.15);border-radius:16px}.join-label{font-size:var(--text-body-sm);color:#ffffff80;text-align:center}.join-input-row{display:flex;gap:10px}.join-input{flex:1;padding:14px 16px;background:#ffffff1a;border:none;border-radius:12px;font-size:var(--text-lg);font-weight:600;color:var(--surface);text-align:center;letter-spacing:.2em;text-transform:uppercase}.join-input::placeholder{color:#ffffff4d;letter-spacing:normal;text-transform:none}.join-input:focus{outline:none;box-shadow:0 0 0 2px #7c3aed80}.join-btn{padding:14px 24px;background:linear-gradient(135deg,#4f46e5 0%,var(--purple-700) 100%);border:none;border-radius:12px;font-size:var(--text-body);font-weight:600;color:var(--surface);cursor:pointer;transition:all .2s}.join-btn:hover:not(:disabled){transform:scale(1.05)}.join-btn:disabled{opacity:.5;cursor:not-allowed}.qd-location{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding-top:20px;font-size:var(--text-body-sm);color:#ffffff80}.qd-location svg{color:var(--gold)}.qd-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.loading-spinner{font-size:var(--text-7xl);filter:drop-shadow(0 4px 12px rgba(79,70,229,.3))}.qd-loading p{font-size:var(--text-base);color:#ffffffb3}.qd-swiping{position:relative}.qd-timer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:calc(env(safe-area-inset-top,0) + 16px);background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.qd-timer{display:flex;align-items:center;gap:8px;font-size:var(--text-3xl);font-weight:700;font-variant-numeric:tabular-nums}.qd-session-code{font-size:var(--text-body-sm);color:#ffffffb3}.qd-session-code strong{color:var(--gold);font-weight:700}.qd-progress{font-size:var(--text-body-sm);color:#ffffffb3}.qd-heart-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:100px;z-index:100;pointer-events:none;filter:drop-shadow(0 4px 20px rgba(255,0,0,.5))}.qd-card{position:relative;flex:1;margin:20px;border-radius:24px;overflow:hidden;background:#1a1025;box-shadow:0 8px 32px #0006}.qd-card-image{position:relative;height:60%;overflow:hidden}.qd-card-image img{width:100%;height:100%;object-fit:cover}.qd-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a1f3d,#1a1025);font-size:var(--text-7xl)}.qd-card-gradient{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,#1a1025,transparent)}.qd-card-info{padding:24px}.qd-card-info h2{font-size:var(--text-3xl);font-weight:700;margin:0 0 8px}.qd-card-type{font-size:var(--text-body);color:#fff9;margin:0 0 16px}.qd-card-meta{display:flex;flex-wrap:wrap;gap:8px}.meta-badge{padding:6px 12px;background:#ffffff1a;border-radius:100px;font-size:var(--text-caption);font-weight:500}.qd-swipe-indicator{position:absolute;top:40%;padding:16px 32px;font-size:var(--text-5xl);font-weight:800;letter-spacing:2px;border:4px solid;border-radius:12px;transform:rotate(-15deg)}.qd-swipe-indicator.nope{left:30px;color:var(--error);border-color:var(--error);background:#ff3b301a}.qd-swipe-indicator.yes{right:30px;color:var(--success);border-color:var(--success);background:#34c7591a;transform:rotate(15deg)}.qd-vote-buttons{display:flex;justify-content:center;gap:40px;padding:20px;padding-bottom:calc(env(safe-area-inset-bottom,0) + 20px)}.qd-vote-btn{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #0000004d}.qd-vote-btn:hover{transform:scale(1.1)}.qd-vote-btn.nope{background:#fff}.qd-vote-btn.nope svg{width:32px;height:32px;stroke:#ff3b30}.qd-vote-btn.yes{background:linear-gradient(135deg,#ff3b68,#ff6b8a)}.qd-vote-btn.yes svg{width:36px;height:36px;fill:#fff}.qd-finish-early{position:absolute;bottom:calc(env(safe-area-inset-bottom,0) + 110px);left:50%;transform:translate(-50%);padding:10px 20px;background:transparent;border:none;font-size:var(--text-body-sm);color:#ffffff80;cursor:pointer;text-decoration:underline}.qd-finish-early:hover{color:#fffc}.qd-waiting{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px;text-align:center}.waiting-spinner{font-size:72px;filter:drop-shadow(0 4px 12px rgba(79,70,229,.3))}.qd-waiting h2{font-size:var(--text-3xl);font-weight:600;margin:0}.qd-waiting p{font-size:var(--text-base);color:#fff9;margin:0}.waiting-participants{display:flex;gap:12px;margin-top:20px}.participant-dot{width:16px;height:16px;background:#fff3;border-radius:50%;transition:background .3s}.participant-dot.done{background:#34c759}.qd-results{align-items:center;padding:20px;padding-top:calc(env(safe-area-inset-top,0) + 20px);padding-bottom:calc(env(safe-area-inset-bottom,0) + 20px)}.qd-results-header{text-align:center;margin-bottom:24px}.qd-results-header h1{font-size:var(--text-4xl);font-weight:700;margin:0;background:linear-gradient(135deg,var(--gold) 0%,#fbbf24 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qd-winner-card{flex:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:24px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:28px;text-align:center}.winner-badge{font-size:var(--text-6xl);margin-bottom:16px;filter:drop-shadow(0 4px 12px rgba(245,158,11,.4))}.winner-image{width:200px;height:200px;border-radius:20px;overflow:hidden;margin-bottom:20px;box-shadow:0 8px 24px #0000004d}.winner-image img{width:100%;height:100%;object-fit:cover}.winner-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a1f3d,#1a1025);font-size:var(--text-7xl)}.qd-winner-card h2{font-size:var(--text-3xl);font-weight:700;margin:0 0 8px}.winner-type{font-size:var(--text-body);color:#fff9;margin:0 0 16px}.winner-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px}.winner-meta span{font-size:var(--text-body-sm);color:#ffffffb3}.winner-actions{display:flex;flex-direction:column;gap:12px;width:100%}.winner-btn{padding:16px 24px;border:2px solid rgba(255,255,255,.2);border-radius:14px;background:transparent;font-size:var(--text-base);font-weight:600;color:var(--surface);cursor:pointer;transition:all .2s}.winner-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.winner-btn.primary{background:linear-gradient(135deg,#4f46e5 0%,var(--purple-700) 100%);border-color:transparent}.winner-btn.primary:hover{box-shadow:0 4px 16px #7c3aed66}.qd-no-winner{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}.no-winner-emoji{font-size:var(--text-7xl)}.qd-no-winner h2{font-size:var(--text-3xl);font-weight:600;margin:0}.qd-no-winner p{font-size:var(--text-base);color:#fff9;margin:0}.qd-try-again{padding:16px 32px;background:linear-gradient(135deg,#4f46e5 0%,var(--purple-700) 100%);border:none;border-radius:14px;font-size:var(--text-base);font-weight:600;color:var(--surface);cursor:pointer;transition:all .2s}.qd-try-again:hover{transform:translateY(-2px);box-shadow:0 4px 16px #7c3aed66}.qd-home-btn{margin-top:20px;padding:12px 24px;background:transparent;border:none;font-size:var(--text-body);color:#ffffff80;cursor:pointer;text-decoration:underline}.qd-home-btn:hover{color:#fffc}@media (max-width: 600px){.qd-hero-emoji{font-size:56px}.qd-hero h2{font-size:var(--text-3xl)}.qd-hero p{font-size:var(--text-body)}.qd-option-btn{padding:16px}.option-icon{font-size:var(--text-3xl);width:44px;height:44px}.option-title{font-size:var(--text-base)}.qd-timer{font-size:var(--text-xl)}.qd-card{margin:16px}.qd-card-info h2{font-size:var(--text-xl)}.qd-vote-btn{width:64px;height:64px}.qd-vote-btn.nope svg{width:28px;height:28px}.qd-vote-btn.yes svg{width:32px;height:32px}.winner-image{width:160px;height:160px}.qd-winner-card h2{font-size:var(--text-xl)}}@media (max-width: 360px){.qd-hero-emoji{font-size:var(--text-6xl)}.qd-hero h2{font-size:var(--text-xl)}.qd-options{gap:12px}.qd-option-btn{padding:14px;gap:12px}.option-icon{width:40px;height:40px}.qd-vote-buttons{gap:32px}.qd-vote-btn{width:56px;height:56px}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:var(--surface);border-top:1px solid var(--border);padding:var(--space-xs) 0;padding-bottom:calc(var(--space-xs) + env(safe-area-inset-bottom,0px));z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-xs) var(--space-xs);background:transparent;border:none;cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);min-width:50px;flex:1;-webkit-tap-highlight-color:rgba(124,58,237,.1);touch-action:manipulation;user-select:none;-webkit-user-select:none}.nav-item:hover{color:var(--text-secondary)}.nav-item.active{color:var(--purple-600)}.nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;position:relative}.nav-icon svg{width:100%;height:100%}.nav-item.active .nav-icon svg{stroke-width:2.5}.nav-badge{position:absolute;top:-6px;right:-8px;min-width:16px;height:16px;padding:0 4px;font-size:var(--text-2xs);font-weight:700;color:#fff;background:var(--purple-600);border-radius:8px;display:flex;align-items:center;justify-content:center}.nav-label{font-family:var(--font-body);font-size:var(--text-2xs);font-weight:500;text-transform:uppercase;letter-spacing:.02em}@media (max-width: 1023px){.nav-item.hide-on-mobile{display:none}}@media (min-width: 768px) and (max-width: 1023px){.bottom-nav{display:flex;max-width:600px;margin:0 auto;left:50%;transform:translate(-50%);border-radius:16px 16px 0 0;gap:4px;padding:var(--space-xs) var(--space-sm)}}@media (min-width: 1024px){.bottom-nav{display:none}}@media (max-width: 1023px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}}.phone-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.phone-prompt-modal{background:#fff;border-radius:24px;padding:40px 32px;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 60px #0003}.phone-prompt-icon{width:72px;height:72px;background:linear-gradient(180deg,#f5f5f7,#e8e8ed);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.phone-prompt-icon svg{width:36px;height:36px;color:var(--primary)}.phone-prompt-modal h2{font-size:var(--text-3xl);font-weight:600;color:var(--text-primary);margin-bottom:8px}.phone-prompt-modal>p{font-size:var(--text-body);color:var(--text-secondary);line-height:1.5;margin-bottom:24px}.phone-prompt-input-wrapper{margin-bottom:16px}.phone-prompt-input-wrapper input{width:100%;padding:16px 20px;font-size:var(--text-xl);font-weight:500;text-align:center;letter-spacing:1px;background:#f5f5f7;border:none;border-radius:14px;color:var(--text-primary);outline:none;transition:background .2s}.phone-prompt-input-wrapper input:focus{background:#e8e8ed}.phone-prompt-input-wrapper input::placeholder{color:var(--text-secondary);letter-spacing:normal}.phone-prompt-error{font-size:var(--text-body-sm);color:var(--error);margin-bottom:16px}.phone-prompt-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.phone-prompt-submit{width:100%;padding:16px 24px;background:#06c;border:none;border-radius:14px;font-size:var(--text-md);font-weight:600;color:var(--surface);cursor:pointer;transition:all .2s}.phone-prompt-submit:hover:not(:disabled){background:#0055b3}.phone-prompt-submit:disabled{background:#d2d2d7;cursor:not-allowed}.phone-prompt-skip{padding:12px 24px;background:transparent;border:none;font-size:var(--text-body);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:color .2s}.phone-prompt-skip:hover{color:var(--text-primary)}.phone-prompt-privacy{font-size:var(--text-caption);color:var(--text-secondary)}@media (max-width: 600px){.phone-prompt-overlay{padding:16px}.phone-prompt-modal{padding:32px 24px;border-radius:20px}.phone-prompt-icon{width:64px;height:64px;margin-bottom:20px}.phone-prompt-icon svg{width:32px;height:32px}.phone-prompt-modal h2{font-size:var(--text-2xl)}.phone-prompt-input-wrapper input{font-size:var(--text-lg);padding:14px 16px}}.tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none}.tour-overlay>*{pointer-events:auto}.tour-overlay.tour-fullscreen{background:linear-gradient(135deg,#7c3aed,#5b21b6);display:flex;align-items:center;justify-content:center;pointer-events:auto}.tour-overlay.tour-fullscreen:before,.tour-overlay.tour-fullscreen:after{content:"";position:absolute;border-radius:50%;background:#ffffff0d;animation:pulse 4s ease-in-out infinite}.tour-overlay.tour-fullscreen:before{width:300px;height:300px;top:-100px;right:-100px}.tour-overlay.tour-fullscreen:after{width:200px;height:200px;bottom:-50px;left:-50px;animation-delay:2s}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.tour-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.tour-spotlight-svg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tour-spotlight-ring{position:fixed;border:3px solid #a855f7;border-radius:12px;box-shadow:0 0 0 4px #a855f74d,0 0 20px #a855f766,inset 0 0 20px #a855f71a;animation:ring-pulse 2s ease-in-out infinite;pointer-events:none;transition:top .3s ease-out,left .3s ease-out,width .3s ease-out,height .3s ease-out}@keyframes ring-pulse{0%,to{box-shadow:0 0 0 4px #a855f74d,0 0 20px #a855f766,inset 0 0 20px #a855f71a}50%{box-shadow:0 0 0 8px #a855f733,0 0 40px #a855f780,inset 0 0 20px #a855f733}}.tour-progress-bar{position:fixed;top:0;left:0;right:0;height:4px;background:#fff3;z-index:10}.tour-fullscreen .tour-progress-bar{background:#ffffff26}.tour-progress-fill{height:100%;background:linear-gradient(90deg,#a855f7,#ec4899);transition:width .3s ease;border-radius:0 2px 2px 0}.tour-skip{position:fixed;top:env(safe-area-inset-top,12px);right:16px;z-index:10;padding:10px 20px;font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:600;color:#fff;background:#0009;border:1.5px solid rgba(255,255,255,.3);border-radius:24px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:44px;min-width:44px}.tour-fullscreen .tour-skip{background:#fff3}.tour-skip:hover,.tour-skip:active{background:#000c;border-color:#ffffff80}.tour-fullscreen .tour-skip:hover,.tour-fullscreen .tour-skip:active{background:#ffffff59}.tour-tooltip{position:fixed;z-index:10;width:320px;max-width:calc(100vw - 32px);background:#fff;border-radius:20px;padding:24px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a}.tour-tooltip-center{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%;max-width:400px;min-height:320px;display:flex;flex-direction:column;align-items:center;text-align:center}.tour-tooltip-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1.5px solid rgba(124,58,237,.2);border-radius:16px;margin-bottom:16px;color:#7c3aed}.tour-tooltip-icon svg{width:28px;height:28px}.tour-tooltip-center .tour-tooltip-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#a855f7,#7c3aed);border-color:transparent;box-shadow:0 8px 24px #a855f74d;margin-bottom:24px;color:#fff}.tour-tooltip-center .tour-tooltip-icon svg{width:32px;height:32px}.tour-tooltip-content{flex:1}.tour-tooltip-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0 0 8px}.tour-tooltip-center .tour-tooltip-title{font-size:var(--text-3xl);margin-bottom:12px}.tour-tooltip-text{font-family:var(--font-body);font-size:var(--text-body);font-weight:400;color:var(--text-secondary);line-height:1.5;margin:0}.tour-tooltip-center .tour-tooltip-text{font-size:var(--text-base);max-width:320px}.tour-tooltip-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-light)}.tour-tooltip-center .tour-tooltip-footer{width:100%;margin-top:auto;padding-top:24px}.tour-step-count{font-family:var(--font-body);font-size:var(--text-caption);font-weight:500;color:var(--text-tertiary)}.tour-tooltip-buttons{display:flex;gap:8px}.tour-btn{padding:10px 20px;font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.tour-btn-back{background:var(--bg-secondary);color:var(--text-secondary)}.tour-btn-back:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tour-btn-next{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;box-shadow:0 4px 12px #a855f74d}.tour-btn-next:hover{transform:translateY(-1px);box-shadow:0 6px 16px #a855f766}.tour-tooltip-arrow{position:absolute;width:16px;height:16px;background:#fff;transform:rotate(45deg);box-shadow:-2px -2px 4px #0000000d}.tour-arrow-bottom{top:-8px;left:50%;margin-left:-8px}.tour-arrow-top{bottom:-8px;left:50%;margin-left:-8px;box-shadow:2px 2px 4px #0000000d}.tour-arrow-left{right:-8px;top:50%;margin-top:-8px;box-shadow:2px -2px 4px #0000000d}.tour-arrow-right{left:-8px;top:50%;margin-top:-8px}@media (max-width: 480px){.tour-tooltip{width:calc(100vw - 32px);padding:20px;border-radius:16px}.tour-tooltip:not(.tour-tooltip-center){left:16px!important;right:16px!important;width:auto}.tour-tooltip-icon{width:48px;height:48px;border-radius:14px}.tour-tooltip-icon svg{width:24px;height:24px}.tour-tooltip-center .tour-tooltip-icon{width:64px;height:64px}.tour-tooltip-center .tour-tooltip-icon svg{width:28px;height:28px}.tour-tooltip-title{font-size:var(--text-lg)}.tour-tooltip-center .tour-tooltip-title{font-size:var(--text-2xl)}.tour-tooltip-text{font-size:var(--text-body-sm)}.tour-btn{padding:8px 16px;font-size:var(--text-caption)}.tour-skip{padding:6px 12px;font-size:var(--text-caption)}}@media (max-width: 360px){.tour-tooltip{padding:16px}.tour-tooltip-center{min-height:280px}.tour-tooltip-icon{width:44px;height:44px}.tour-tooltip-icon svg{width:22px;height:22px}.tour-tooltip-center .tour-tooltip-icon{width:56px;height:56px}.tour-tooltip-center .tour-tooltip-icon svg{width:26px;height:26px}.tour-tooltip-title{font-size:var(--text-base)}.tour-tooltip-center .tour-tooltip-title{font-size:var(--text-xl)}.tour-tooltip-footer{flex-direction:column;gap:12px}.tour-step-count{order:2}.tour-tooltip-buttons{order:1;width:100%;justify-content:center}.tour-btn{flex:1;max-width:120px}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#1a1a2e,#16213e)}.error-boundary-content{max-width:420px;text-align:center;padding:40px 32px;background:#ffffff0d;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.error-boundary-icon{width:64px;height:64px;margin:0 auto 24px;color:var(--gold)}.error-boundary-icon svg{width:100%;height:100%}.error-boundary-title{font-size:var(--text-3xl);font-weight:600;color:var(--surface);margin:0 0 12px}.error-boundary-message{font-size:var(--text-body);color:#ffffffb3;line-height:1.5;margin:0 0 32px}.error-boundary-actions{display:flex;flex-direction:column;gap:12px}.error-boundary-btn{padding:14px 24px;border-radius:12px;font-size:var(--text-body);font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.error-boundary-btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:var(--surface)}.error-boundary-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.error-boundary-btn-secondary{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.error-boundary-btn-secondary:hover{background:#ffffff26}.error-boundary-details{margin-top:24px;text-align:left;font-size:var(--text-sm);color:#ffffff80}.error-boundary-details summary{cursor:pointer;margin-bottom:8px}.error-boundary-details pre{background:#0000004d;padding:12px;border-radius:8px;overflow-x:auto;font-size:var(--text-xs);white-space:pre-wrap;word-break:break-word}.cookie-consent{position:fixed;bottom:calc(70px + env(safe-area-inset-bottom,0px));left:var(--space-md);right:var(--space-md);z-index:9999;animation:cookie-slide-up .3s ease-out}.cookie-consent-content{background:var(--silver-800);color:var(--silver-100);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);box-shadow:0 4px 20px #0000004d;font-size:.85rem;line-height:1.4}.cookie-consent-content p{margin:0;flex:1}.cookie-consent-link{color:var(--purple-300);text-decoration:underline}.cookie-consent-actions{display:flex;gap:var(--space-sm);flex-shrink:0}.cookie-consent-accept,.cookie-consent-decline{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.8rem;font-weight:600;border:none;cursor:pointer;white-space:nowrap}.cookie-consent-accept{background:var(--purple-600);color:#fff}.cookie-consent-decline{background:transparent;color:var(--silver-400);border:1px solid var(--silver-600)}@keyframes cookie-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.cookie-consent-content{flex-direction:column;text-align:center}.cookie-consent-actions{width:100%;justify-content:center}}:root{--purple-50: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7c3aed;--purple-800: #6b46c1;--purple-900: #581c87;--silver-50: #fafafa;--silver-100: #f4f4f5;--silver-200: #e4e4e7;--silver-300: #d4d4d8;--silver-400: #a1a1aa;--silver-500: #71717a;--silver-600: #52525b;--silver-700: #3f3f46;--silver-800: #27272a;--silver-900: #18181b;--gold-50: #fef3c7;--gold-100: #fde68a;--gold-200: #fcd34d;--gold: #f59e0b;--gold-light: #fbbf24;--gold-dark: #d97706;--gold-600: #b45309;--gold-800: #92400e;--gold-900: #78350f;--success: #10b981;--warning: var(--gold);--error: #ef4444;--error-light: #fef2f2;--error-border: #fecaca;--primary: var(--purple-700);--primary-light: var(--purple-500);--primary-dark: var(--purple-900);--background: var(--silver-50);--surface: #ffffff;--text-primary: var(--silver-900);--text-secondary: var(--silver-600);--text-muted: var(--silver-400);--border: var(--silver-200);--accent-primary: #7c3aed;--accent-primary-hover: #6d28d9;--accent-secondary: #d97706;--surface-card: #ffffff;--surface-elevated: #f5f5f7;--surface-hover: #f0f0f5;--border-subtle: rgba(0, 0, 0, .06);--primary-purple: #7c3aed;--primary-purple-light: #a78bfa;--primary-purple-dark: #5b21b6;--bg-primary: #ffffff;--border-color: rgba(0, 0, 0, .08);--font-display: "Fraunces", serif;--font-body: "Outfit", sans-serif;--text-2xs: .625rem;--text-xs: .6875rem;--text-sm: .75rem;--text-caption: .8125rem;--text-body-sm: .875rem;--text-body: .9375rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.375rem;--text-3xl: 1.5rem;--text-4xl: 1.75rem;--text-5xl: 2rem;--text-6xl: 3rem;--text-7xl: 4rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--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);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-glow: 0 0 20px rgba(147, 51, 234, .3);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--text-primary);background:var(--background);min-height:100vh;overflow-x:hidden;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);-webkit-tap-highlight-color:rgba(124,58,237,.1);touch-action:manipulation}.app{min-height:100vh;display:flex;flex-direction:column}.page-transition-wrapper{flex:1;display:flex;flex-direction:column;min-height:0;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:2.5rem;font-weight:700}h2{font-size:var(--text-5xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-md)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-light)}:focus-visible{outline:2px solid var(--purple-500);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;line-height:1;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;min-height:44px;min-width:44px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.btn-primary{background:linear-gradient(135deg,var(--purple-600) 0%,var(--purple-800) 100%);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #9333ea66}.btn-secondary{background:var(--surface);color:var(--primary);border:2px solid var(--purple-200)}.btn-secondary:hover{background:var(--purple-50);border-color:var(--purple-400)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--silver-100);color:var(--text-primary)}.card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-body{padding:var(--space-lg)}.tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-full);background:var(--purple-100);color:var(--purple-800)}.tag-viral{background:linear-gradient(135deg,#ec4899,#f43f5e);color:#fff}.tag-signature{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:var(--silver-900)}.tag-must-try{background:var(--purple-600);color:#fff}.score-badge{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--purple-600) 0%,var(--purple-800) 100%);color:#fff;box-shadow:var(--shadow-md)}.score-badge.high{background:linear-gradient(135deg,#10b981,#059669)}.score-badge.medium{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%)}.rating{display:inline-flex;align-items:center;gap:var(--space-xs);font-weight:500;color:var(--gold)}.price{color:var(--success);font-weight:500}.distance{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-body-sm);color:var(--text-secondary)}.sentiment-bar{height:.5rem;background:var(--silver-200);border-radius:var(--radius-full);overflow:hidden}.sentiment-bar-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.sentiment-bar-fill.positive{background:linear-gradient(90deg,#10b981,#34d399)}.sentiment-bar-fill.neutral{background:linear-gradient(90deg,var(--gold) 0%,var(--gold-light) 100%)}.sentiment-bar-fill.negative{background:linear-gradient(90deg,#ef4444,#f87171)}.spinner{width:2rem;height:2rem;border:3px solid var(--purple-200);border-top-color:var(--purple-600);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.sparkle{position:absolute;width:8px;height:8px;background:var(--gold);border-radius:50%;animation:sparkle 2s ease-in-out infinite;box-shadow:0 0 10px var(--gold),0 0 20px var(--gold-light)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .4s ease forwards}.container{width:100%;max-width:480px;margin:0 auto;padding:0 var(--space-md)}.screen{min-height:100vh;display:flex;flex-direction:column}.screen-header{position:sticky;top:0;z-index:100;background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-md)}.screen-content{flex:1;padding:var(--space-md)}.tabs{display:flex;gap:var(--space-sm);padding:var(--space-sm);background:var(--silver-100);border-radius:var(--radius-lg)}.tab{flex:1;padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:500;text-align:center;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tab.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.tab:hover:not(.active){color:var(--text-primary)}.review-quote{position:relative;padding:var(--space-md);background:var(--purple-50);border-left:3px solid var(--purple-400);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--text-secondary)}.review-quote:before{content:'"';position:absolute;top:0;left:var(--space-sm);font-family:var(--font-display);font-size:var(--text-6xl);color:var(--purple-200);line-height:1}.review-source{display:block;margin-top:var(--space-sm);font-style:normal;font-size:var(--text-sm);font-weight:500;color:var(--text-muted)}.emoji-vibe{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;font-size:var(--text-3xl);background:var(--silver-100);border-radius:var(--radius-lg)}.social-icon{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-secondary)}.reservation-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md);background:linear-gradient(135deg,var(--purple-600) 0%,var(--purple-800) 100%);color:#fff;font-family:var(--font-body);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}.reservation-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.reservation-btn.unavailable{background:var(--silver-300);cursor:not-allowed}.reservation-btn.unavailable:hover{transform:none;box-shadow:none}@media (max-width: 480px){html{font-size:var(--text-body)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}.btn{padding:var(--space-sm) var(--space-lg);font-size:var(--text-body)}.container{padding:0 var(--space-sm)}}@media (min-width: 640px){.container{max-width:600px}h1{font-size:var(--text-6xl)}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 1024px){.container{max-width:960px;padding:0 var(--space-xl)}}@media (min-width: 1200px){.container{max-width:1100px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--silver-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--purple-300)}*{scrollbar-width:thin;scrollbar-color:var(--silver-300) transparent}html.dark-mode{--background: #1a1a2e;--surface: #16213e;--surface-card: #1e293b;--surface-elevated: #1e2a3a;--surface-hover: #253347;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #334155;--border-subtle: rgba(255, 255, 255, .06);--border-color: rgba(255, 255, 255, .08);--bg-primary: #1a1a2e;--silver-50: #1e293b;--silver-100: #1e2a3a;--silver-200: #334155;--silver-800: #e2e8f0;--silver-900: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .2);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .2);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .3), 0 8px 10px -6px rgb(0 0 0 / .2);--error-light: #3b1c1c;--error-border: #7f1d1d}html.dark-mode body{background-color:var(--background);color:var(--text-primary)}html.dark-mode ::-webkit-scrollbar-track{background:var(--surface)}html.dark-mode ::-webkit-scrollbar-thumb{background:var(--silver-600)}html.dark-mode ::-webkit-scrollbar-thumb:hover{background:var(--purple-400)}html.dark-mode .profile-screen,html.dark-mode .gc-page,html.dark-mode .my-places,html.dark-mode .gs-page,html.dark-mode .gr-page,html.dark-mode .gi-page,html.dark-mode .gsl-page,html.dark-mode .gv-page,html.dark-mode .public-profile-page,html.dark-mode .redeem-screen,html.dark-mode .mood-selection-page{background:var(--background)!important}html.dark-mode .profile-header{background:#1a1a2eeb!important}html.dark-mode .gc-nav{background:#16213ed9!important}html.dark-mode .my-places-header{background:#1a1a2ed9!important}html.dark-mode .tier-progress-card,html.dark-mode .profile-stats-row,html.dark-mode .settings-card,html.dark-mode .subscription-card,html.dark-mode .preferences-card,html.dark-mode .gamification-card,html.dark-mode .profile-achievement-card,html.dark-mode .profile-loyalty-card{background:var(--surface-card)!important;border-color:var(--border)!important}html.dark-mode .tier-progress-card .tier-badge-section,html.dark-mode .subscription-card .plan-card,html.dark-mode .subscription-card .plan-card-current{background:var(--surface-elevated)!important}html.dark-mode .option-pill,html.dark-mode .price-btn,html.dark-mode .cuisine-chip{background:var(--surface-elevated)!important;color:var(--text-primary)!important;border-color:var(--border)!important}html.dark-mode .option-pill.selected,html.dark-mode .price-btn.selected,html.dark-mode .cuisine-chip.selected{background:var(--purple-700)!important;color:#fff!important}html.dark-mode .profile-avatar-container{border-color:var(--border)!important}html.dark-mode .edit-modal,html.dark-mode .delete-modal,html.dark-mode .photo-options-sheet,html.dark-mode .achievements-modal,html.dark-mode .notification-prefs-card{background:var(--surface)!important;color:var(--text-primary)!important}html.dark-mode .edit-modal-input,html.dark-mode .edit-modal textarea,html.dark-mode .edit-modal select{background:var(--surface-elevated)!important;color:var(--text-primary)!important;border-color:var(--border)!important}html.dark-mode .edit-modal-input:focus,html.dark-mode .edit-modal textarea:focus{background:var(--surface-card)!important}html.dark-mode .edit-modal-header,html.dark-mode .edit-modal h3{color:var(--text-primary)!important}html.dark-mode .edit-modal-label{color:var(--text-secondary)!important}html.dark-mode .gc-auth-icon,html.dark-mode .gc-occasion-icon{background:var(--surface-elevated)!important}html.dark-mode .gc-google-btn,html.dark-mode .gc-option-card,html.dark-mode .gc-location-input,html.dark-mode .gc-cuisine-chip,html.dark-mode .gc-input,html.dark-mode .gc-card,html.dark-mode .gc-section-card{background:var(--surface-card)!important;color:var(--text-primary)!important;border-color:var(--border)!important}html.dark-mode .gc-section-label,html.dark-mode .gc-label{color:var(--text-secondary)!important}html.dark-mode .gc-occasion-card,html.dark-mode .gc-mood-card{background:var(--surface-card)!important;border-color:var(--border)!important}html.dark-mode .gc-occasion-card.selected,html.dark-mode .gc-mood-card.selected{background:#7c3aed26!important;border-color:var(--purple-600)!important}html.dark-mode .gc-participant-card,html.dark-mode .gc-invite-card{background:var(--surface-card)!important;border-color:var(--border)!important}html.dark-mode .gc-dietary-section{background:var(--surface-elevated)!important}html.dark-mode .gs-back,html.dark-mode .gs-card{background:var(--surface-card)!important}html.dark-mode .gs-card-info{background:var(--surface-card)!important;color:var(--text-primary)!important}html.dark-mode .gs-invite-nudge{background:var(--surface-elevated)!important;border-color:var(--border)!important}html.dark-mode .gs-actions-container,html.dark-mode .gs-waiting-card,html.dark-mode .gr-winner-card,html.dark-mode .gr-runner-card{background:var(--surface-card)!important}html.dark-mode .gr-summary-card,html.dark-mode .gr-actions-section{background:var(--surface-card)!important;border-color:var(--border)!important}html.dark-mode .gr-stat-card{background:var(--surface-elevated)!important}html.dark-mode .gi-search-input,html.dark-mode .gi-contact-card,html.dark-mode .gi-friend-card,html.dark-mode .gi-link-card,html.dark-mode .gi-section-card{background:var(--surface-card)!important;color:var(--text-primary)!important;border-color:var(--border)!important}html.dark-mode .gi-dietary-section{background:var(--surface-elevated)!important}html.dark-mode .gsl-session-card,html.dark-mode .gsl-empty-card,html.dark-mode .gsl-cta-card{background:var(--surface-card)!important;border-color:var(--border)!important}html.dark-mode .gsl-tab-bar{background:var(--surface)!important;border-color:var(--border)!important}html.dark-mode .gsl-status-badge{background:var(--surface-elevated)!important}html.dark-mode .gv-option-card,html.dark-mode .gv-ballot-card{background:var(--surface-card)!important;border-color:var(--border)!important}html.dark-mode .gv-info-card{background:var(--surface-elevated)!important}html.dark-mode .my-places-tab-bar,html.dark-mode .my-places-filter-bar{background:var(--surface)!important;border-color:var(--border)!important}html.dark-mode .queue-item-card,html.dark-mode .visited-item-card,html.dark-mode .scheduled-item-card{background:var(--surface-card)!important;border-color:var(--border)!important}html.dark-mode .mp-occasion-chip,html.dark-mode .mp-filter-chip{background:var(--surface-elevated)!important;color:var(--text-primary)!important;border-color:var(--border)!important}html.dark-mode .mp-occasion-chip.active,html.dark-mode .mp-filter-chip.active{background:var(--purple-700)!important;color:#fff!important}html.dark-mode .mp-empty-state,html.dark-mode .mp-list-selector,html.dark-mode .list-picker-modal{background:var(--surface-card)!important;color:var(--text-primary)!important}html.dark-mode .list-picker-item,html.dark-mode .list-picker-create{background:var(--surface-elevated)!important;border-color:var(--border)!important}html.dark-mode .mp-search-input,html.dark-mode .mp-sort-select{background:var(--surface-elevated)!important;color:var(--text-primary)!important;border-color:var(--border)!important}html.dark-mode .public-profile-card,html.dark-mode .public-queue-card,html.dark-mode .public-stats-card{background:var(--surface-card)!important;border-color:var(--border)!important}html.dark-mode .public-queue-item{background:var(--surface-elevated)!important}html.dark-mode .redeem-card,html.dark-mode .redeem-input-section{background:var(--surface-card)!important;border-color:var(--border)!important}html.dark-mode .redeem-input{background:var(--surface-elevated)!important;color:var(--text-primary)!important;border-color:var(--border)!important}html.dark-mode .redeem-history-card{background:var(--surface-elevated)!important}html.dark-mode .restaurant-detail-header{background:#1a1a2efa!important}html.dark-mode .detail-card,html.dark-mode .at-a-glance-card,html.dark-mode .kbyg-card,html.dark-mode .ai-summary-card,html.dark-mode .action-buttons-section,html.dark-mode .reviews-section,html.dark-mode .dish-recommendation-card{background:var(--surface-card)!important;border-color:var(--border)!important}html.dark-mode .review-card,html.dark-mode .user-review-card,html.dark-mode .scoring-detail-card{background:var(--surface-elevated)!important}html.dark-mode .lightbox-caption{background:#16213ef2!important}html.dark-mode .comparison-table,html.dark-mode .feature-card,html.dark-mode .pricing-card,html.dark-mode .premium-active-card{background:var(--surface-card)!important;border-color:var(--border)!important}html.dark-mode .subscribe-btn.secondary{background:var(--surface-elevated)!important;color:var(--text-primary)!important}html.dark-mode .notification-panel{background:var(--surface)!important;border-color:var(--border)!important}html.dark-mode .notification-item{background:var(--surface-card)!important;border-color:var(--border)!important}html.dark-mode .notification-item.unread{background:var(--surface-elevated)!important}html.dark-mode .add-queue-modal,html.dark-mode .add-queue-content{background:var(--surface)!important;color:var(--text-primary)!important}html.dark-mode .add-queue-option,html.dark-mode .add-queue-list-item{background:var(--surface-card)!important;border-color:var(--border)!important}html.dark-mode .trip-day-card{background:var(--surface-card)!important}html.dark-mode .day-header{background:var(--surface-elevated)!important}html.dark-mode .meals-grid{background:var(--surface-card)!important}html.dark-mode .meal-card{background:var(--surface-elevated)!important}html.dark-mode .meal-card-header{background:var(--surface-card)!important;border-color:var(--border)!important}html.dark-mode .meal-card-info{background:var(--surface-card)!important}html.dark-mode .events-section{background:var(--surface-elevated)!important;border-color:var(--border)!important}html.dark-mode .event-item{background:var(--surface-card)!important}html.dark-mode .mention-card{background:var(--surface-card)!important;border-color:var(--border)!important}html.dark-mode .concierge-panel{background:var(--surface)!important}html.dark-mode .concierge-message-ai,html.dark-mode .concierge-suggestion{background:var(--surface-card)!important}html.dark-mode .concierge-input-container{background:var(--surface-elevated)!important;border-color:var(--border)!important}html.dark-mode .concierge-input{background:var(--surface-elevated)!important;color:var(--text-primary)!important}html.dark-mode .date-picker-modal{background:var(--surface)!important}html.dark-mode .post-visit-modal{background:var(--surface)!important;color:var(--text-primary)!important}html.dark-mode .social-proof-card{background:var(--surface-card)!important;border-color:var(--border)!important}html.dark-mode .activity-card,html.dark-mode .activity-item{background:var(--surface-card)!important}html.dark-mode .gs-photo-placeholder,html.dark-mode .gr-photo-placeholder,html.dark-mode .gv-photo-placeholder,html.dark-mode .meal-card-photo-container{background:linear-gradient(180deg,var(--surface-elevated) 0%,var(--surface) 100%)!important}html.dark-mode .meal-card,html.dark-mode .event-item,html.dark-mode .queue-item-card,html.dark-mode .visited-item-card{border-color:var(--border)!important}html.dark-mode .restaurant-card{background:var(--surface-card)!important;border-color:var(--border)!important}html.dark-mode input[type=text],html.dark-mode input[type=email],html.dark-mode input[type=tel],html.dark-mode input[type=url],html.dark-mode input[type=search],html.dark-mode textarea,html.dark-mode select{background:var(--surface-elevated)!important;color:var(--text-primary)!important;border-color:var(--border)!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}.hidden{display:none}.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}.scrollable,.overflow-scroll,.overflow-auto{-webkit-overflow-scrolling:touch}input[type=text],input[type=email],input[type=search],input[type=tel],input[type=url],textarea,select{font-size:var(--text-base);-webkit-appearance:none;-moz-appearance:none;appearance:none}a,button,[role=button]{touch-action:manipulation}img{max-width:100%;height:auto;display:block}.page-header,.fixed-header,.modal-header{padding-top:calc(var(--space-md) + env(safe-area-inset-top,0px))}.fixed-bottom{padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px))}.modal-overlay{padding:env(safe-area-inset-top,20px) env(safe-area-inset-right,20px) env(safe-area-inset-bottom,20px) env(safe-area-inset-left,20px)}.safe-area-top{padding-top:env(safe-area-inset-top,0px)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-left{padding-left:env(safe-area-inset-left,0px)}.safe-area-right{padding-right:env(safe-area-inset-right,0px)}.offline-banner{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:#fff;text-align:center;padding:var(--space-sm) var(--space-md);font-size:var(--text-body-sm);font-weight:500;z-index:9999;box-shadow:var(--shadow-md)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}