@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700;800&display=swap";:root{--bg: #FFF0F5;--bg-gradient: linear-gradient(180deg, #FFF0F5 0%, #FFE4F0 40%, #FFF5FA 100%);--card: #FFFFFF;--card-glass: rgba(255,255,255,.85);--primary: #FF69B4;--primary-dark: #E91E8C;--primary-light: #FFD6E8;--primary-glow: rgba(255,105,180,.25);--accent: #E91E63;--cherry: #C2185B;--text: #3D1A2E;--text-light: #8B5C7A;--border: #FFD1DC;--border-light: #FFE8F0;--success: #4CAF50;--radius: 22px;--radius-sm: 14px;--shadow: 0 4px 24px rgba(255,105,180,.12);--shadow-lg: 0 8px 40px rgba(255,105,180,.18);--shadow-card: 0 2px 16px rgba(255,105,180,.1), 0 0 0 1px rgba(255,209,220,.5)}body{background:var(--bg-gradient);background-attachment:fixed;color:var(--text);font-family:Quicksand,-apple-system,sans-serif;min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(circle at 20% 80%,rgba(255,105,180,.04) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,20,147,.03) 0%,transparent 50%);pointer-events:none}.page{max-width:480px;margin:0 auto;padding:24px 18px 110px;min-height:100dvh;position:relative}.page-header{text-align:center;padding:16px 0 20px;position:relative}.page-header:after{content:"🎀";position:absolute;top:8px;right:8px;font-size:16px;opacity:.3;animation:float 3s ease-in-out infinite}.card{background:var(--card);border:1.5px solid var(--border-light);border-radius:var(--radius);padding:20px;margin-bottom:14px;box-shadow:var(--shadow-card);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-light),var(--primary),var(--primary-light));opacity:0;transition:opacity .3s}.card:hover:before,.card:active:before{opacity:1}.card:active{transform:scale(.98);box-shadow:var(--shadow)}.btn{background:linear-gradient(135deg,#ff69b4,#ff1493,#e91e8c);color:#fff;border:none;border-radius:999px;padding:16px 28px;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;width:100%;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px var(--primary-glow);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);pointer-events:none}.btn:active{transform:scale(.96);box-shadow:0 2px 12px var(--primary-glow)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:var(--card);border:2.5px solid var(--primary);color:var(--primary);box-shadow:none}.btn-outline:after{display:none}.btn-sm{padding:10px 18px;font-size:14px}.input{width:100%;padding:15px 18px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:16px;font-family:inherit;font-weight:500;margin-bottom:14px;outline:none;background:#fff;transition:border-color .2s,box-shadow .2s,transform .1s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);transform:translateY(-1px)}.input::placeholder{color:var(--text-light);opacity:.7}textarea.input{resize:vertical;line-height:1.5}.title{font-size:28px;font-weight:800;margin-bottom:4px;letter-spacing:-.5px;background:linear-gradient(135deg,var(--text),var(--cherry));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:14px;color:var(--text-light);margin-bottom:24px;font-weight:600}.nav-bar{position:fixed;bottom:0;left:0;right:0;background:var(--card-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-light);display:flex;justify-content:space-around;padding:10px 0 max(14px,env(safe-area-inset-bottom));z-index:100;box-shadow:0 -4px 20px #ff69b40f}.nav-item{display:flex;flex-direction:column;align-items:center;font-size:11px;font-weight:700;color:var(--text-light);text-decoration:none;gap:3px;cursor:pointer;transition:all .2s;padding:4px 12px;border-radius:12px}.nav-item.active{color:var(--primary);background:var(--primary-light);transform:scale(1.05)}.nav-icon{font-size:22px;transition:transform .2s}.nav-item.active .nav-icon{transform:scale(1.15)}.fab{position:fixed;bottom:88px;right:20px;background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff;border:none;border-radius:999px;width:62px;height:62px;font-size:30px;cursor:pointer;box-shadow:0 6px 24px var(--primary-glow),0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:50}.fab:active{transform:scale(.88) rotate(90deg)}.fab:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:999px;border:2px solid var(--primary-light);opacity:.5;animation:pulse-ring 2s infinite}.hearts{color:var(--accent);font-size:13px;letter-spacing:-2px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 14px;border-radius:999px;font-size:12px;font-weight:700;background:linear-gradient(135deg,var(--primary-light),#FFE4F0);color:var(--cherry);border:1px solid var(--border)}.error{color:var(--accent);text-align:center;margin:10px 0;font-size:14px;font-weight:700;padding:8px;border-radius:10px;background:#e91e630d}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d1a2e80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:200;animation:fadeIn .2s}.modal{background:var(--card);border-radius:28px 28px 0 0;padding:28px 22px 44px;width:100%;max-width:480px;max-height:85dvh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.22,1,.36,1);box-shadow:0 -8px 40px #00000026}.modal-handle{width:40px;height:4px;border-radius:99px;background:var(--border);margin:0 auto 20px}.toast{position:fixed;top:50px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--text),#2D1020);color:#fff;padding:14px 28px;border-radius:999px;font-size:15px;font-weight:700;z-index:300;animation:toastIn .4s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 32px #00000040;border:1px solid rgba(255,255,255,.1)}.swipe-container{position:relative;width:100%;height:420px;display:flex;align-items:center;justify-content:center;perspective:1000px}.swipe-card{position:absolute;width:100%;max-width:340px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;will-change:transform}.swipe-card:active{cursor:grabbing}.swipe-card img{width:100%;height:220px;object-fit:cover;pointer-events:none}.swipe-card-body{padding:20px}.swipe-stamp{position:absolute;top:30px;z-index:10;padding:10px 20px;border-radius:12px;font-size:22px;font-weight:800;border:4px solid;transform:rotate(-15deg);opacity:0;transition:opacity .15s;pointer-events:none;letter-spacing:1px}.stamp-like{right:20px;color:var(--success);border-color:var(--success);background:#4caf501a}.stamp-nope{left:20px;color:var(--accent);border-color:var(--accent);transform:rotate(15deg);background:#e91e631a}.swipe-actions{display:flex;justify-content:center;gap:28px;margin-top:20px}.swipe-btn{width:68px;height:68px;border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;background:var(--card);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow)}.swipe-btn:active{transform:scale(.85)}.swipe-btn-like{border-color:var(--success);color:var(--success)}.swipe-btn-like:active{background:#4caf501a}.swipe-btn-nope{border-color:var(--accent);color:var(--accent)}.swipe-btn-nope:active{background:#e91e631a}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;gap:16px}.loading-bow{font-size:48px;animation:bounce 1.2s ease-in-out infinite}.loading-text{color:var(--text-light);font-weight:600;font-size:15px}.empty-state{text-align:center;margin-top:48px;padding:32px 20px;background:var(--card-glass);border-radius:var(--radius);border:1.5px dashed var(--border)}.empty-icon{font-size:56px;margin-bottom:16px}.empty-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:8px}.empty-text{font-size:14px;color:var(--text-light);font-weight:500}.preview-card{display:flex;gap:12px;padding:12px;background:var(--bg);border-radius:var(--radius-sm);border:1.5px solid var(--border);margin-bottom:14px;animation:fadeIn .3s}.preview-card img{width:72px;height:72px;border-radius:10px;object-fit:cover;flex-shrink:0}.preview-info{flex:1;min-width:0}.preview-info h4{font-size:14px;font-weight:700;margin-bottom:4px;line-height:1.3}.preview-info p{font-size:12px;color:var(--text-light);line-height:1.3}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-5deg)}75%{transform:translateY(-4px) rotate(5deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(10deg)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-20px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:0}to{transform:scale(1);opacity:0}}.field-label{display:block;font-size:13px;font-weight:700;color:var(--text-light);margin-bottom:6px;letter-spacing:.3px}