@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&family=Dancing+Script:wght@600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0a0000,#2d0505,#1a0000 60%,#0a0000);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;font-weight:300}#root{min-height:100vh}img{max-width:100%;display:block}button{font-family:inherit}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:3px}:root{--bg: #0a0000;--bg2: #1a0505;--bg3: #120000;--text: #fcfcfc;--text-muted: rgba(255,255,255,.45);--border: rgba(255,255,255,.06);--border-light: rgba(255,255,255,.12);--accent: #d4af37;--accent-deep: #aa8b2b;--accent-light: rgba(212, 175, 55, .15);--red-glow: #ff2d2d;--red-deep: #8b0000;--red-hot: #ff4444;--danger: #c24141;--success: #3b824e;--font-serif: "Playfair Display", serif;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 50px;--shadow-soft: 0 10px 40px rgba(0,0,0,.5)}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes matchPop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes swipeL{to{transform:translate(-100%) rotate(-10deg);opacity:0}}@keyframes swipeR{to{transform:translate(100%) rotate(10deg);opacity:0}}@keyframes marqueeScroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.slogan-marquee{display:inline-block;white-space:nowrap;animation:marqueeScroll 12s linear infinite}@keyframes redPulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.35;transform:scale(1.15)}}.red-glow-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,45,45,.5) 0%,transparent 70%);filter:blur(60px);pointer-events:none;animation:redPulse 6s ease-in-out infinite}.glow{color:var(--text);font-weight:500;letter-spacing:-.02em}.glow-gold{background:linear-gradient(135deg,#eadd9f,var(--accent),#aa8b2b);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-red{background:linear-gradient(135deg,#ff6b6b,#ff2d2d,#c00);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}.serif{font-family:var(--font-serif);font-weight:400}.fade-in{animation:fadeIn .6s cubic-bezier(.2,.8,.2,1) both}.slide-up{animation:slideUp .5s cubic-bezier(.2,.8,.2,1) both}.pop-in{animation:popIn .4s cubic-bezier(.2,.8,.2,1) both}.btn-primary{background:var(--text);color:var(--bg);border:none;border-radius:var(--radius-pill);font-family:Inter,sans-serif;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.2,.8,.2,1);letter-spacing:.02em}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #ffffff26}.btn-primary:active{transform:translateY(1px)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border-light);border-radius:var(--radius-pill);font-family:Inter,sans-serif;font-weight:400;cursor:pointer;transition:all .3s ease}.btn-ghost:hover{background:#ffffff08;border-color:#fff3}.btn-premium{background:linear-gradient(135deg,#d4af37,#aa8b2b);color:#050505;border:none;border-radius:var(--radius-pill);font-family:Inter,sans-serif;font-weight:500;cursor:pointer;transition:all .4s ease;box-shadow:0 4px 20px #d4af3726}.btn-premium:hover{transform:translateY(-1px);box-shadow:0 6px 24px #d4af3740}.btn-hot{background:linear-gradient(135deg,#ff2d2d,#c00,#8b0000);color:#fff;border:none;border-radius:var(--radius-pill);font-family:Inter,sans-serif;font-weight:600;cursor:pointer;transition:all .4s ease;box-shadow:0 4px 20px #ff2d2d4d;text-transform:uppercase;letter-spacing:.08em}.btn-hot:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ff2d2d80}.input{width:100%;background:#ffffff05;border:1px solid var(--border);border-radius:12px;padding:16px 18px;color:var(--text);font-family:Inter,sans-serif;font-size:15px;font-weight:300;outline:none;transition:all .3s ease;margin-bottom:12px}.input:focus{border-color:var(--border-light);background:#ffffff0a}.input::placeholder{color:var(--text-muted)}select.input option{background:var(--bg2);color:var(--text)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .4s ease;cursor:pointer}.card:hover{border-color:var(--border-light);transform:translateY(-2px)}.tag{display:inline-block;background:#ffffff0a;border:1px solid var(--border);color:var(--text-muted);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:400;margin:2px 4px 2px 0;letter-spacing:.02em;text-transform:uppercase}.chip{background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-pill);padding:8px 16px;font-size:12px;font-weight:400;cursor:pointer;transition:all .3s ease;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.chip:hover,.chip.active{background:#ffffff14;border-color:#fff3;color:var(--text)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:flex-end;justify-content:center;z-index:300;padding:12px}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:24px 24px 16px 16px;padding:32px 24px;width:100%;max-width:430px;max-height:90vh;overflow-y:auto;animation:slideUp .5s cubic-bezier(.2,.8,.2,1);box-shadow:var(--shadow-soft)}.user-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;background:#ffffff03;border:1px solid transparent;margin-bottom:8px;cursor:pointer;transition:all .3s ease}.user-row:hover{border-color:var(--border);background:#ffffff08}.tab-btn{background:none;border:none;cursor:pointer;font-family:Inter,sans-serif;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;border-radius:12px;flex:1;color:var(--text-muted)}.tab-btn.active,.tab-btn:hover{color:var(--text)}.toast-success,.toast-error{position:fixed;top:60px;left:50%;transform:translate(-50%);color:#fff;padding:12px 24px;border-radius:var(--radius-pill);font-weight:400;font-size:13px;z-index:999;animation:popIn .4s cubic-bezier(.2,.8,.2,1);max-width:340px;text-align:center;box-shadow:0 10px 30px #00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.toast-success{background:#3b824ee6}.toast-error{background:#c24141e6}.swipe-card{position:absolute;width:100%;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-soft);touch-action:none;will-change:transform}.swipe-card.animating-left{animation:swipeL .4s cubic-bezier(.2,.8,.2,1) forwards}.swipe-card.animating-right{animation:swipeR .4s cubic-bezier(.2,.8,.2,1) forwards}.bubble-me{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:16px 16px 4px;padding:12px 16px;margin-left:auto;max-width:76%;font-size:14px;line-height:1.5;font-weight:300}.bubble-them{background:transparent;border:1px solid var(--border-light);border-radius:16px 16px 16px 4px;padding:12px 16px;max-width:76%;font-size:14px;line-height:1.5;font-weight:300}.photo-slot{aspect-ratio:1;border-radius:12px;border:1px dashed var(--border-light);background:#ffffff03;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;overflow:hidden;position:relative}.photo-slot:hover{border-color:#ffffff4d;background:#ffffff08}.photo-slot.filled{border-color:transparent}.story-ring{width:66px;height:66px;border-radius:50%;padding:1.5px;background:linear-gradient(135deg,var(--accent-light),var(--accent));flex-shrink:0;cursor:pointer;transition:transform .3s ease}.story-ring:hover{transform:scale(1.04)}.story-ring.seen{background:var(--border-light)}.story-inner{width:100%;height:100%;border-radius:50%;border:3px solid var(--bg);overflow:hidden;background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:24px}.premium-badge{display:inline-flex;align-items:center;gap:6px;background:#d4af371a;border:1px solid rgba(212,175,55,.2);color:var(--accent);border-radius:6px;padding:4px 10px;font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.verified{color:#a1a1aa;font-size:13px}.app-wrap{width:100%;max-width:430px;margin:0 auto;min-height:100vh;position:relative;background:var(--bg);overflow-x:hidden;transition:max-width .3s ease}.call-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:500;display:flex;flex-direction:column}.call-controls{display:flex;justify-content:center;gap:24px;padding:32px}.call-btn{width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#fff}.call-btn:hover{background:#ffffff1a;transform:scale(1.05)}.match-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050505f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:400;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.match-title{font-family:var(--font-serif);font-size:36px;font-weight:400;color:var(--text);animation:matchPop .8s cubic-bezier(.2,.8,.2,1) both;text-align:center;letter-spacing:.02em}.confetti-piece{display:none}@keyframes drift{0%{transform:translateY(0) rotate(var(--rotate)) scale(1)}50%{transform:translateY(-18px) rotate(calc(var(--rotate) + 3deg)) scale(1.04)}to{transform:translateY(0) rotate(var(--rotate)) scale(1)}}.moving-card{animation:drift var(--duration, 6s) ease-in-out infinite alternate}@keyframes waveFlow{0%{transform:translate(0) scaleY(1)}50%{transform:translate(-25%) scaleY(.7)}to{transform:translate(-50%) scaleY(1)}}@keyframes waveGlow{0%,to{filter:drop-shadow(0 0 8px rgba(255,45,45,.3))}50%{filter:drop-shadow(0 0 20px rgba(255,45,45,.6))}}.music-wave-container{position:absolute;bottom:0;left:0;width:200%;height:120px;opacity:.8;z-index:1;pointer-events:none}.music-wave{animation:waveFlow 10s linear infinite,waveGlow 4s ease-in-out infinite}@keyframes eqBar1{0%,to{height:8px}50%{height:28px}}@keyframes eqBar2{0%,to{height:16px}50%{height:36px}}@keyframes eqBar3{0%,to{height:12px}50%{height:32px}}@keyframes eqBar4{0%,to{height:20px}50%{height:40px}}@keyframes eqBar5{0%,to{height:10px}50%{height:24px}}.eq-bar{width:4px;border-radius:2px;background:linear-gradient(to top,#ff2d2d,#d4af37);display:inline-block}@keyframes floatInstrument{0%{transform:translateY(0) rotate(0) scale(1);opacity:.35}25%{transform:translateY(-20px) rotate(8deg) scale(1.08);opacity:.55}50%{transform:translateY(-35px) rotate(15deg) scale(1.12);opacity:.45}75%{transform:translateY(-15px) rotate(5deg) scale(1.05);opacity:.55}to{transform:translateY(0) rotate(0) scale(1);opacity:.35}}.floating-instrument{position:absolute;font-size:38px;opacity:.4;animation:floatInstrument var(--duration, 8s) ease-in-out infinite;pointer-events:none;z-index:2;filter:drop-shadow(0 0 10px rgba(255,45,45,.3))}.nav-item{transition:color .3s ease}.nav-item:hover{color:#ff6b6b!important}@media (min-width: 800px){body{background:radial-gradient(circle at 15% 20%,rgba(255,45,45,.06) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(212,175,55,.06) 0%,transparent 40%),linear-gradient(135deg,#050000,#1a0505,#050000);background-attachment:fixed}body:before{content:"Laya — Where Music Meets Desire";position:fixed;top:50%;left:8%;transform:translateY(-50%) rotate(-90deg);font-family:var(--font-serif);font-size:2.5rem;color:#ffffff08;white-space:nowrap;letter-spacing:.15em;z-index:-1}body:after{content:"Kerala's Own Pranayam";position:fixed;top:50%;right:10%;transform:translateY(-50%) rotate(90deg);font-family:Dancing Script,cursive;font-size:4rem;color:#d4af370a;white-space:nowrap;z-index:-1}.app-wrap{max-width:800px;box-shadow:0 0 100px #000c,-1px 0 #ffffff0a,1px 0 #ffffff0a}}