.payment-methods{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.payment-method-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);background:var(--bg-secondary)}.payment-method-option:hover{border-color:var(--accent-primary);background:#10b9810d}.payment-method-option.selected{border-color:var(--accent-primary);background:#10b98114;box-shadow:0 0 0 1px var(--accent-primary)}.payment-method-option input[type=radio]{display:none}.payment-radio{width:20px;height:20px;border:2px solid var(--border-subtle);border-radius:50%;flex-shrink:0;position:relative;transition:all var(--transition-base)}.payment-method-option.selected .payment-radio{border-color:var(--accent-primary)}.payment-method-option.selected .payment-radio:after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:var(--accent-primary)}.payment-icon{font-size:1.5rem;width:40px;text-align:center;flex-shrink:0}.payment-info{flex:1}.payment-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-base)}.payment-desc{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.payment-badge{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full);font-weight:600;flex-shrink:0}.payment-badge.recommended{background:#10b98126;color:var(--accent-primary)}.payment-badge.popular{background:#f59e0b26;color:#f59e0b}.card-form{padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-lg);margin-top:var(--space-3);border:1px solid var(--border-subtle)}.card-form .input-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.qr-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--space-4);animation:fadeIn .3s ease}.qr-modal{background:var(--bg-primary);border-radius:var(--radius-2xl);max-width:420px;width:100%;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;animation:scaleIn .3s ease}.qr-modal-header{padding:var(--space-5);background:linear-gradient(135deg,#1a1a2e,#16213e);text-align:center;border-bottom:1px solid rgba(255,255,255,.05)}.qr-modal-header h3{color:#fff;font-size:var(--font-size-xl);font-weight:700;margin:0}.qr-modal-header p{color:#fff9;font-size:var(--font-size-sm);margin-top:var(--space-1)}.qr-modal-body{padding:var(--space-6);text-align:center}.qr-code-container{background:#fff;border-radius:var(--radius-xl);padding:var(--space-4);display:inline-block;margin-bottom:var(--space-4);box-shadow:0 4px 12px #0000001a}.qr-code-container img{width:240px;height:240px;display:block}.qr-amount{font-size:var(--font-size-3xl);font-weight:800;color:var(--accent-primary);margin-bottom:var(--space-2)}.qr-countdown{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:#f59e0b1a;border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.qr-countdown .countdown-icon{font-size:1.2rem}.qr-countdown .countdown-text{font-size:var(--font-size-sm);color:#f59e0b;font-weight:600}.qr-countdown .countdown-timer{font-size:var(--font-size-lg);font-weight:800;color:#f59e0b;font-family:Courier New,monospace}.qr-countdown.expiring{background:#ef44441a}.qr-countdown.expiring .countdown-text,.qr-countdown.expiring .countdown-timer{color:#ef4444}.qr-status{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600}.qr-status.waiting{background:#3b82f61a;color:#3b82f6}.qr-status.success{background:#10b9811a;color:#10b981}.qr-status.expired{background:#ef44441a;color:#ef4444}.qr-status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 1.5s infinite}.qr-status.waiting .qr-status-dot{background:#3b82f6}.qr-status.success .qr-status-dot{background:#10b981;animation:none}.qr-modal-footer{padding:var(--space-4);border-top:1px solid var(--border-subtle);text-align:center}.qr-modal-footer button{width:100%}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mood-selector{display:flex;justify-content:center;gap:var(--space-3);padding:var(--space-4);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.mood-selector::-webkit-scrollbar{display:none}.mood-chip{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);background:var(--bg-elevated);border:2px solid transparent;cursor:pointer;transition:all var(--transition-base);min-width:80px;text-align:center;flex-shrink:0}.mood-chip:hover{transform:translateY(-2px);border-color:var(--accent-primary)}.mood-chip.active{border-color:var(--accent-primary);background:#10b9811a;box-shadow:var(--glow-emerald)}.mood-emoji{font-size:1.8rem}.mood-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary)}.reco-section{margin:var(--space-6) 0}.reco-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding:0 var(--space-4)}.reco-section-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.reco-section-title .ai-badge{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full);background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-weight:600}.reco-carousel{display:flex;gap:var(--space-4);overflow-x:auto;padding:0 var(--space-4) var(--space-4);scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.reco-carousel::-webkit-scrollbar{display:none}.reco-card{flex-shrink:0;width:280px;background:var(--bg-elevated);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-subtle);transition:all var(--transition-base);cursor:pointer;scroll-snap-align:start}.reco-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000004d;border-color:var(--accent-primary)}.reco-card-image{width:100%;height:140px;object-fit:cover;background:linear-gradient(135deg,#10b98133,#8b5cf633)}.reco-card-body{padding:var(--space-3)}.reco-card-name{font-weight:700;font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reco-card-reason{font-size:var(--font-size-xs);color:var(--accent-primary);font-weight:500;margin-bottom:var(--space-2)}.reco-card-meta{display:flex;align-items:center;justify-content:space-between}.reco-card-rating{display:flex;align-items:center;gap:4px;font-size:var(--font-size-sm);color:#f59e0b;font-weight:600}.reco-card-tags{display:flex;gap:4px}.reco-tag{font-size:10px;padding:1px 6px;border-radius:var(--radius-full);background:#8b5cf626;color:#a78bfa;font-weight:500}.similar-shops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.pwa-install-banner{position:fixed;bottom:80px;left:var(--space-4);right:var(--space-4);background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);z-index:1000;box-shadow:0 12px 40px #00000080;animation:slideUp .5s ease;max-width:480px;margin:0 auto}.pwa-install-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-tertiary));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.pwa-install-content{flex:1}.pwa-install-title{font-weight:700;color:#fff;font-size:var(--font-size-sm)}.pwa-install-desc{font-size:var(--font-size-xs);color:#fff9;margin-top:2px}.pwa-install-btn{padding:var(--space-2) var(--space-4);background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap}.pwa-install-close{position:absolute;top:var(--space-2);right:var(--space-2);background:none;border:none;color:#fff6;cursor:pointer;font-size:1rem;padding:4px}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:640px){.qr-code-container img{width:200px;height:200px}.mood-chip{min-width:70px;padding:var(--space-2) var(--space-3)}.mood-emoji{font-size:1.5rem}.reco-card{width:240px}.payment-method-option{padding:var(--space-3)}}