@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.audio-waveform-container{display:flex;align-items:center;gap:10px;padding:8px 10px 7px;background:linear-gradient(180deg,#18232f 0%,#111b24 100%);border-radius:22px;border:1px solid rgba(255,255,255,.08);min-width:238px;max-width:292px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.audio-waveform-container.is-playing{border-color:#b478ff59}.waveform-play-btn{width:35px;height:35px;min-width:35px;min-height:35px;border-radius:50%;background:linear-gradient(135deg,#7b16ff 0%,#b820ff 100%);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 8px #5b00cc4d}.waveform-play-btn:hover{transform:scale(1.04);box-shadow:0 4px 14px #7b16ff80}.waveform-play-btn:active{transform:scale(.95)}.waveform-play-btn svg{display:block;min-width:20px;min-height:20px}.waveform-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.waveform-bars{display:flex;align-items:center;gap:2px;height:26px;position:relative;overflow:hidden;cursor:pointer;padding-right:1px}.waveform-bar{flex:1;background:rgba(214,222,230,.42);border-radius:99px;min-width:2px;max-width:2px;transition:all .15s ease;transform-origin:center}.waveform-bar.played{background:rgba(240,244,248,.92)}.waveform-bar.playing{animation:waveAnimation 1.2s ease-in-out infinite;background:rgba(250,252,255,.95)}@keyframes waveAnimation{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.3)}}.waveform-progress-overlay{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,rgba(159,90,255,.18),rgba(83,40,173,.16));pointer-events:none;transition:width .1s linear;border-radius:99px}.waveform-time{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#ffffffbf;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:.2px}.waveform-current-time{color:#ffffffeb}.waveform-duration{color:#ffffffa6}@media (max-width: 480px){.audio-waveform-container{min-width:206px;max-width:248px}.waveform-play-btn{width:32px;height:32px;min-width:32px;min-height:32px}.waveform-bars{height:24px}}.message-bubble .audio-waveform-container{background:rgba(255,255,255,.12)}.message-bubble.sent .audio-waveform-container{background:rgba(255,255,255,.15)}.message-bubble.received .audio-waveform-container{background:rgba(0,0,0,.15)}@keyframes logoGlow{0%,to{box-shadow:0 4px 12px #ffd3694d}50%{box-shadow:0 4px 20px #ffd36980}}html,body{width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;-webkit-overflow-scrolling:touch}:root{--primary: #561496;--primary-dark: #360167;--accent: #FFD369;--bg-light: #0f0c29;--bg-white: #1a0f2b;--bg-gradient: linear-gradient(180deg, #360167 0%, #561496 50%, #AF1281 100%);--text-primary: #FFFFFF;--text-secondary: #B3B3B3;--bubble-own: #5b21b6;--bubble-other: rgba(255, 255, 255, .12);--border-color: rgba(255, 255, 255, .1);--typing-color: #FFD369;--safe-area-inset-top: env(safe-area-inset-top, 0);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0);--header-base-height: 60px;--input-container-height: 64px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:#0B0B0B;color:var(--text-primary);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}input,button,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}input[type=text],input[type=email],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;background:transparent;color:inherit;font-size:16px}.chat-page{min-height:100vh;display:flex;justify-content:center;background:linear-gradient(180deg,#4b0082,#a000a0)}.chat-container{display:flex;flex-direction:column;width:100%;max-width:720px;min-height:100vh;height:100vh;height:100dvh;background:#0B0B0B;overflow:hidden;z-index:1;position:relative;touch-action:pan-y;-webkit-overflow-scrolling:touch}.chat-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:calc(8px + var(--safe-area-inset-top)) 12px 8px 16px;background:linear-gradient(135deg,rgba(54,1,103,.75),rgba(86,20,150,.8));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #fff3,0 4px 24px #0000001a;border-bottom-left-radius:0;border-bottom-right-radius:0;z-index:5;height:calc(var(--header-base-height) + var(--safe-area-inset-top));min-height:calc(var(--header-base-height) + var(--safe-area-inset-top));position:sticky;top:0;width:100%;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;transition:all .3s ease}.header-left{display:flex;align-items:center;gap:12px;justify-content:flex-start;min-width:0;flex:1}.partner-avatar{width:42px;height:42px;background:linear-gradient(135deg,#FFD369 0%,#ffbf00 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-weight:700;font-size:18px;flex-shrink:0;border:2px solid rgba(255,255,255,.1)}.header-right{display:flex;justify-content:flex-end;align-items:center;flex-shrink:0}.stranger-details{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;gap:2px;flex:1}.stranger-details h4{font-size:16px;font-weight:700;letter-spacing:.5px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.4);margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.status-top{font-size:12px;font-weight:600;margin-top:2px;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px}.status-top.online{color:#4ade80}.status-top.typing{color:var(--accent);font-weight:700}.status-top.typing:after{content:"";width:4px;height:4px;background:currentColor;border-radius:50%;margin-left:4px;animation:typingDots 1.4s infinite ease-in-out both;box-shadow:8px 0 0 currentColor,16px 0 0 currentColor}@keyframes typingDots{0%,20%{box-shadow:8px 0 0 currentColor,16px 0 0 currentColor;transform:translateY(0);opacity:.6}50%{box-shadow:8px 0 0 currentColor,16px 0 0 currentColor;transform:translateY(-3px);opacity:1}to{box-shadow:8px 0 0 currentColor,16px 0 0 currentColor;transform:translateY(0);opacity:.6}}.status-top.offline{color:#ff6b6b}.logo-dot{width:6px;height:6px;background:currentColor;border-radius:50%;box-shadow:0 0 5px currentColor;animation:logo-dot-pulse 1.5s infinite;flex-shrink:0}@keyframes logo-dot-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}to{transform:scale(1);opacity:1}}.skip-btn{background:transparent;color:#fff;border:none;cursor:pointer;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.skip-btn:hover{background:rgba(255,255,255,.1);transform:scale(1.1)}.skip-btn:active{transform:scale(.95)}.chat-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:calc(var(--header-base-height) + var(--safe-area-inset-top) + 16px) 20px calc(var(--input-container-height) + var(--safe-area-inset-bottom) + 90px);scroll-behavior:smooth;display:block;background:#0B0B0B;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:relative;min-height:0;touch-action:pan-y;will-change:scroll-position}.chat-wallpaper-dark{background-color:#0b141a;background-image:radial-gradient(ellipse at center,rgba(0,0,0,0) 35%,rgba(0,0,0,.55) 100%),linear-gradient(135deg,rgba(255,255,255,.025) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.025) 50%,rgba(255,255,255,.025) 75%,transparent 75%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(45deg,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(-45deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(60deg,rgba(255,255,255,.018) 2px,transparent 2px),linear-gradient(to right,rgba(255,255,255,.015) 2px,transparent 2px),repeating-linear-gradient(-15deg,rgba(255,255,255,.015) 0,rgba(255,255,255,.015) 2px,transparent 2px,transparent 8px);background-size:100% 100%,120px 120px,90px 90px,90px 90px,110px 110px,140px 140px,160px 160px,200px 200px,260px 260px;background-repeat:repeat}.chat-body.keyboard-open{scroll-behavior:auto;padding-bottom:calc(var(--input-container-height) + var(--safe-area-inset-bottom) + 90px)}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-track{background:transparent}.chat-body::-webkit-scrollbar-thumb{background:var(--ig-border);border-radius:3px}.chat-body::-webkit-scrollbar-thumb:hover{background:#C8C8C8}.chat-thread{display:flex;flex-direction:column;gap:8px;padding:12px 0}.messages-end-anchor{height:1px}.message-row{display:flex;width:100%;align-items:flex-end;position:relative;padding:4px 12px;touch-action:pan-y;-webkit-user-select:none;user-select:none;z-index:0}.message-row.received{justify-content:flex-start}.message-row.sent{justify-content:flex-end}.message-row.system{justify-content:center}.swipe-reply-icon{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:var(--ig-hover);color:var(--ig-text-secondary);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;opacity:0;transition:opacity .1s ease}.message-row.received .swipe-reply-icon{left:6px;right:auto}.message-row.sent .swipe-reply-icon{right:6px;left:auto}.swipe-reply-icon svg{width:16px;height:16px;flex-shrink:0}.reply-preview-input{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:0 12px 6px;background:rgba(0,0,0,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;border:1px solid rgba(255,255,255,.12);animation:replyBarSlide .2s ease-out;overflow:hidden}.reply-preview-accent{width:3px;min-height:28px;border-radius:2px;background:#9f7aea;flex-shrink:0}.reply-preview-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.reply-author{font-size:12px;font-weight:700;color:#d6bcfa;line-height:1.3}.reply-text{font-size:13px;color:#ffffffbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.reply-preview-close{flex-shrink:0;background:rgba(255,255,255,.08);border:none;color:#ffffffb3;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.reply-preview-close:hover{background:rgba(255,255,255,.18)}.quoted{border-left:3px solid #7b2cff;padding-left:8px;margin-bottom:6px;opacity:.85;font-size:13px}.quoted-author{font-weight:700;color:#fff;font-size:12px}.quoted-text{color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deleted-msg{font-size:13px;color:#fff9;font-style:italic}@keyframes replyBarSlide{0%{opacity:0;transform:translateY(8px);max-height:0}to{opacity:1;transform:translateY(0);max-height:60px}}.reply-bar-accent{width:3px;min-height:28px;border-radius:2px;background:#9f7aea;flex-shrink:0}.reply-bar-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.reply-bar-sender{font-size:12px;font-weight:700;color:#d6bcfa;line-height:1.3}.reply-bar-text{font-size:13px;color:#ffffffbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.reply-bar-close{flex-shrink:0;background:rgba(255,255,255,.08);border:none;color:#ffffffb3;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.reply-bar-close:hover{background:rgba(255,255,255,.18)}.reply-bar-close:active{background:rgba(255,255,255,.25);transform:scale(.92)}.message-bubble,.bubble{display:flex;flex-direction:column;padding:10px 14px;max-width:75%;min-width:90px;font-size:14.5px;line-height:1.4;border-radius:18px;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;overflow:hidden;animation:slide-in .2s ease-out;-webkit-user-select:text;user-select:text;flex-shrink:0;position:relative;z-index:1;box-shadow:0 1px 2px #00000014}.message-bubble.show-unsend{overflow:visible}.message-bubble.media,.bubble.media-bubble{padding:4px;background:transparent!important;box-shadow:none;max-width:min(320px,75vw);min-width:140px}.message-bubble.sent{background:linear-gradient(135deg,rgba(91,0,204,.38),rgba(162,0,255,.28));color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:18px 18px 4px}.message-bubble.received{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:18px 18px 18px 4px}.message-bubble.system{background:var(--ig-secondary);color:var(--ig-text-secondary);border:1px solid var(--ig-border);border-radius:20px;max-width:90%}.message-bubble.deleted{background:var(--ig-secondary)!important;border:1px solid var(--ig-border)!important;color:var(--ig-text-secondary)!important;box-shadow:none!important}@keyframes slide-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.bubble-content{display:flex;flex-direction:column;width:100%;min-width:0}.media-container{width:100%;border-radius:14px;overflow:hidden;margin-bottom:2px}.message-media{width:100%;overflow:hidden;border-radius:12px;margin-bottom:2px}.message-media.image{border:1px solid rgba(0,0,0,.05)}.message-image{width:100%;max-width:100%;height:auto;display:block;border-radius:12px;object-fit:cover}.message-media.audio{padding:6px;border-radius:12px;background:rgba(0,0,0,.04);border:1px solid var(--ig-border);display:flex;align-items:center;justify-content:center;max-width:240px}.message-audio{width:100%;max-width:240px;height:32px}.image-msg{border:1px solid rgba(0,0,0,.05)}.image-msg img{width:100%;max-height:320px;height:auto;display:block;cursor:pointer;transition:transform .3s ease;object-fit:cover}.image-msg img:hover{transform:scale(1.02)}.audio-msg{padding:8px 6px;width:min(260px,65vw);max-width:100%;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.bubble.own .audio-msg{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.2)}.bubble.other .audio-msg{background:rgba(0,0,0,.05);border:1px solid rgba(255,255,255,.1)}.audio-player-wrapper{width:100%;display:flex;align-items:center;justify-content:center}.audio-player-wrapper audio{width:100%;max-width:100%;height:36px;outline:none;border-radius:8px}.message-time{font-size:11px;color:var(--ig-text-secondary);margin-top:4px;display:block;width:100%;white-space:nowrap;line-height:1.2;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.message-row.sent .message-time{text-align:right;align-self:flex-end;color:#ffffffd9}.message-row.received .message-time{text-align:left;align-self:flex-start}.bubble{min-width:90px}.bubble.other{align-self:flex-start;background:rgba(80,80,80,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:18px 18px 18px 4px;margin-left:4px;border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 14px #0003,inset 0 1px 1px #ffffff40;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.bubble.other,.bubble.other *{color:#fff!important;fill:#fff!important;stroke:#fff!important;opacity:1!important}.bubble.own{align-self:flex-end;background:linear-gradient(135deg,#5b00cc 0%,#a200ff 100%);border-radius:18px 18px 4px;margin-right:4px;box-shadow:0 1px 2px #5b00cc33;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}.bubble.own,.bubble.own *{color:#fff!important;fill:#fff!important;stroke:#fff!important;opacity:1!important}.bubble p{font-size:14.5px;margin:0;font-weight:400;white-space:pre-wrap;letter-spacing:.2px;line-height:1.4}.bubble span,.bubble .message-time{font-size:11px;margin-top:3px;display:flex;align-items:center;gap:3px;font-weight:500}@supports not (backdrop-filter: blur(10px)){.bubble.other{background:#555}}.bubble.other{align-self:flex-start;background:rgba(80,80,80,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.4);border-radius:18px 18px 18px 4px;border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 14px #0003,inset 0 1px 1px #ffffff40;margin-left:4px}.bubble.other p{font-size:14.5px;margin:0;font-weight:400;white-space:pre-wrap;color:#fff;letter-spacing:.2px;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.4)}.bubble.other span{font-size:11px;opacity:.8;margin-top:3px;align-self:flex-end;display:flex;align-items:center;gap:2px;color:#fffc;font-weight:500}.bubble.other .message-time{color:#fffc}.bubble.system{align-self:center;background:rgba(0,0,0,.5);color:#ffd369f2;border:1px solid rgba(255,211,105,.4);border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;max-width:90%;text-align:center;-webkit-user-select:none;user-select:none;box-shadow:0 2px 8px #00000040;letter-spacing:.3px;margin:4px 0}.unsend-popup{position:absolute;top:-44px;right:4px;z-index:1000;animation:unsend-pop .2s cubic-bezier(.175,.885,.32,1.275)}.unsend-btn{background:rgba(30,20,50,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:8px 18px;color:#ff6b6b;font-weight:600;font-size:13px;cursor:pointer;box-shadow:0 8px 24px #00000059;white-space:nowrap;display:flex;align-items:center;gap:6px;transition:all .15s ease}.unsend-btn:hover{background:rgba(40,25,65,.98);border-color:#ff6b6b4d}.unsend-btn:active{transform:scale(.95)}@keyframes unsend-pop{0%{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.bubble.deleted{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;min-width:130px}.bubble.deleted,.bubble.deleted *{color:#fff6!important;fill:#fff6!important;stroke:#fff6!important;text-shadow:none!important}.deleted-text{font-style:italic;font-size:13px}.bubble.own.deleted .message-time,.bubble.other.deleted .message-time{color:#ffffff4d!important}.typing-bubble{display:flex;align-items:center;gap:3px;padding:8px 12px;background-color:#efefef;border-radius:18px 18px 18px 4px;width:fit-content;align-self:flex-start;margin-left:4px;margin-top:2px;margin-bottom:2px;box-shadow:none;height:36px;will-change:transform;animation:bubbleFadeIn .2s ease-out}@keyframes bubbleFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.typing-bubble span{width:6px;height:6px;border-radius:50%;background:#8e8e8e;animation:typing 1.4s ease-in-out infinite;transform-origin:center}.typing-bubble span:nth-child(1){animation-delay:0s}.typing-bubble span:nth-child(2){animation-delay:.15s}.typing-bubble span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-4px);opacity:1}}.chat-input-wrapper{position:fixed;bottom:60px;left:0;right:0;background:rgba(11,11,11,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));display:flex;justify-content:center;z-index:100;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -2px 10px #0000004d}.chat-input-container{position:fixed;bottom:0;left:0;right:0;padding:8px 12px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:0;width:100%;max-width:720px;margin:0 auto;background:rgba(11,11,11,.95);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(255,255,255,.1);border-radius:0;box-shadow:0 -2px 12px #0000004d;z-index:1000;min-height:var(--input-container-height);transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;-webkit-transform:translate3d(0,0,0)}.chat-input-container.has-reply{background:transparent}.chat-input-row{display:flex;align-items:center;gap:8px;width:100%;padding:2px 0}.instagram-input-pill{flex:1;display:flex;align-items:center;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:5px 10px 5px 5px;min-height:44px;transition:all .2s ease}.instagram-input-pill:focus-within{border-color:#ffffff40}.camera-btn-circle{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;background:linear-gradient(135deg,#5b00cc 0%,#a200ff 100%)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:50%!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;transition:transform .2s,background .2s;flex-shrink:0;margin-right:8px;box-shadow:0 4px 12px #5b00cc66;padding:0!important;overflow:visible!important}.camera-btn-circle svg{display:block!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;color:#fff!important;fill:#fff!important;stroke:none!important;flex-shrink:0!important}.camera-btn-circle:active{transform:scale(.92);background:#8000cc!important}.camera-btn-circle:disabled{opacity:.5;cursor:not-allowed}.input-field-wrapper{flex:1;display:flex;align-items:center;padding:0 4px;min-width:0}.instagram-input-pill input[type=text]{width:100%;background:transparent;border:none;padding:8px 4px;font-size:16px;color:#fff;outline:none;text-shadow:0 1px 2px rgba(0,0,0,.2);-webkit-appearance:none;-moz-appearance:none;appearance:none}.instagram-input-pill input[type=text]::placeholder{color:#ffffff80}.pill-actions-right{display:flex;align-items:center;gap:6px;padding-right:2px}.action-icon-btn{background:transparent;border:none;padding:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s;flex-shrink:0;opacity:.8}.action-icon-btn:hover{opacity:1;background:rgba(255,255,255,.1);border-radius:50%}.action-icon-btn svg{width:22px;height:22px}.action-icon-btn:active{opacity:.6}.action-icon-btn:disabled{opacity:.3;cursor:not-allowed}.instagram-send-btn{background:transparent;border:none;color:#d09aff;font-weight:600;font-size:15px;padding:8px 4px 8px 8px;cursor:pointer;transition:all .2s;flex-shrink:0;text-shadow:0 0 10px rgba(162,0,255,.3)}.instagram-send-btn:hover{color:#fff;text-shadow:0 0 12px rgba(255,255,255,.5)}.instagram-send-btn:active{opacity:.7;transform:scale(.95)}.instagram-send-btn:disabled{opacity:.3;cursor:not-allowed}.recording-wave-container{flex:1;display:flex;align-items:center;gap:10px;color:#ed4956;padding-left:12px;animation:slideInFromLeft .3s ease-out}.recording-dot{width:10px;height:10px;background:#ed4956;border-radius:50%;animation:pulse 1.2s ease-in-out infinite;box-shadow:0 0 #ed4956b3}.recording-timer{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,monospace;font-weight:600;font-size:15px;letter-spacing:.5px}.recording-text{font-size:14px;font-weight:500;opacity:.9}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #ed4956b3}50%{transform:scale(1.1);box-shadow:0 0 0 4px #ed495600}to{transform:scale(1);box-shadow:0 0 #ed495600}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.upload-loader{width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-top-color:#0095f6;border-radius:50%;animation:spin .8s linear infinite;margin-left:8px}.emoji-popup{position:fixed;bottom:calc(var(--input-container-height) + var(--safe-area-inset-bottom));left:0;right:0;margin:0 auto;width:100%;max-width:100%;height:300px;background:rgba(26,15,43,.99);border-top:2px solid rgba(255,211,105,.2);z-index:4999;border-radius:24px 24px 0 0;overflow:hidden;animation:slide-up .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 -4px 20px #0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.emoji-popup:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:44px;height:5px;background:rgba(255,211,105,.3);border-radius:3px;z-index:10}.error-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;padding:12px 20px;border-radius:12px;box-shadow:0 4px 20px #ef444466;z-index:10001;display:flex;align-items:center;gap:12px;max-width:90%;min-width:280px;animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.error-notification.warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 20px #f59e0b66}.error-notification.info{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 4px 20px #3b82f666}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.error-notification-content{flex:1;display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center}.error-notification-title{font-weight:600;font-size:14px;line-height:1.3}.error-notification-message{font-size:12px;opacity:.9;line-height:1.4}.error-notification-close{background:rgba(255,255,255,.2);border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease}.error-notification-close:hover{background:rgba(255,255,255,.3)}.error-notification-retry{background:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;margin-top:4px}.error-notification-retry:hover{background:rgba(255,255,255,.35)}.skip-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:skipOverlayIn .3s ease-out}.skip-modal{background:rgba(255,255,255,.95);width:85%;max-width:320px;padding:2rem;border-radius:1.5rem;text-align:center;box-shadow:0 20px 50px #0000004d;border:1px solid rgba(255,255,255,.3);animation:skipModalIn .4s cubic-bezier(.175,.885,.32,1.275)}.skip-modal-content h3{color:#3b0764;font-size:1.3rem;margin-bottom:.75rem;font-weight:700}.skip-modal-content p{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.skip-loader{display:flex;flex-direction:column;align-items:center;gap:.75rem}.skip-loader-circle{width:2rem;height:2rem;border:3px solid rgba(107,33,168,.1);border-top-color:#6b21a8;border-radius:50%;animation:skipLoaderSpin .8s linear infinite}.skip-loader span{font-size:.85rem;color:#6b21a8;font-weight:600;letter-spacing:.5px}@keyframes skipOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes skipModalIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes skipLoaderSpin{to{transform:rotate(360deg)}}.camera-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:10002;display:flex;flex-direction:column}.camera-header{position:absolute;top:0;left:0;right:0;padding:calc(20px + var(--safe-area-inset-top)) 20px 20px;z-index:10;display:flex;justify-content:flex-start}.camera-close-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.camera-preview-container{flex:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}.camera-video{width:100%;height:100%;object-fit:cover}.camera-footer{position:absolute;bottom:0;left:0;right:0;padding:40px 20px calc(40px + var(--safe-area-inset-bottom));display:flex;justify-content:center;align-items:center;z-index:10;background:linear-gradient(to top,rgba(0,0,0,.4),transparent)}.capture-outer-ring{width:72px;height:72px;border:4px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.capture-outer-ring:active{transform:scale(.9)}.capture-inner-dot{width:58px;height:58px;background:#fff;border-radius:50%}@media (max-width: 374px){:root{--header-base-height: 56px;--input-container-height: 58px}.chat-header{padding:calc(6px + var(--safe-area-inset-top)) 8px 6px 12px;gap:8px}.partner-avatar{width:36px;height:36px;font-size:16px}.stranger-details h4{font-size:14px;max-width:120px}.status-top{font-size:11px;gap:4px}.logo-dot{width:5px;height:5px}.skip-btn{padding:8px}.skip-btn svg{width:20px;height:20px}.chat-body{padding:calc(var(--header-base-height) + var(--safe-area-inset-top) + 12px) 8px calc(var(--input-container-height) + var(--safe-area-inset-bottom) + 8px)}.message-bubble{max-width:85%;padding:8px 12px;font-size:14px}.message-bubble.media{max-width:min(240px,70vw)}.audio-msg{width:min(220px,60vw)}.chat-input-container{padding:4px 8px calc(6px + var(--safe-area-inset-bottom))}.reply-bar{margin:0 8px 3px;padding:6px 10px}.instagram-input-pill{min-height:40px;border-radius:22px;padding:4px 8px 4px 4px}.camera-btn-circle{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;margin-right:6px}.camera-btn-circle svg{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important}.instagram-input-pill input[type=text]{font-size:14px}.action-icon-btn svg{width:20px;height:20px}.instagram-send-btn{font-size:14px;padding:6px 2px 6px 6px}.emoji-popup{height:250px}.swipe-reply-icon{width:26px;height:26px;right:4px}}@media (min-width: 375px) and (max-width: 424px){:root{--header-base-height: 58px;--input-container-height: 62px}.partner-avatar{width:38px;height:38px;font-size:17px}.stranger-details h4{font-size:15px;max-width:130px}.instagram-input-pill{min-height:42px;border-radius:23px}.camera-btn-circle{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}.camera-btn-circle svg{width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important}}@media (min-width: 425px) and (max-width: 767px){:root{--header-base-height: 60px;--input-container-height: 64px}.partner-avatar{width:40px;height:40px}.stranger-details h4{max-width:150px}.message-bubble{max-width:75%}}@media (min-width: 768px) and (max-width: 1023px){.chat-container{max-width:480px;margin:0 auto;left:auto;right:auto;transform:none;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);box-shadow:0 0 24px #0000002e}.chat-header{max-width:480px;margin:0 auto;left:auto;right:auto;transform:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.chat-input-container{max-width:480px;left:auto;right:auto;transform:none}.chat-input-wrapper{bottom:80px!important}.message-bubble{max-width:75%}.chat-body{padding:calc(var(--header-base-height) + var(--safe-area-inset-top) + 18px) 14px calc(var(--input-container-height) + var(--safe-area-inset-bottom) + 12px)}.reply-bar{margin:0 14px 4px}}@media (min-width: 1024px){.chat-container{max-width:520px;margin:0 auto;left:auto;right:auto;transform:none;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);box-shadow:0 0 32px #00000038}.chat-header{max-width:520px;margin:0 auto;left:auto;right:auto;transform:none}.chat-input-container{max-width:520px;left:auto;right:auto;transform:none}.message-bubble{max-width:70%}.chat-body{padding:calc(var(--header-base-height) + var(--safe-area-inset-top) + 22px) 18px calc(var(--input-container-height) + var(--safe-area-inset-bottom) + 16px)}.chat-header:hover .skip-btn{background:var(--ig-hover)}.reply-bar{margin:0 18px 4px}.swipe-reply-icon{width:34px;height:34px}}@media (max-height: 500px) and (orientation: landscape){:root{--header-base-height: 48px;--input-container-height: 54px}.chat-header{padding:calc(4px + var(--safe-area-inset-top)) 10px 4px 12px}.partner-avatar{width:34px;height:34px;font-size:15px}.stranger-details h4{font-size:14px}.status-top{font-size:10px}.chat-body{padding:calc(var(--header-base-height) + var(--safe-area-inset-top) + 8px) 12px calc(var(--input-container-height) + var(--safe-area-inset-bottom) + 6px);gap:6px}.message-bubble{padding:6px 10px;font-size:13px}.chat-input-container{padding:4px 10px calc(4px + var(--safe-area-inset-bottom))}.instagram-input-pill{min-height:38px}.emoji-popup{height:200px}}@supports (-webkit-touch-callout: none){.chat-container{height:100%;height:-webkit-fill-available}.chat-header{position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0)}.chat-input-container{position:sticky;-webkit-transform:translateZ(0);transform:translateZ(0)}.chat-body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}}@supports (-webkit-touch-callout: none){@media (min-width: 768px){.chat-header,.chat-input-container{-webkit-transform:translateZ(0);transform:translateZ(0)}}}@media (max-width: 768px){input[type=text],input[type=email],textarea{font-size:16px!important}}@media (max-width: 768px){.chat-container{max-width:100%;border-radius:0}.chat-body{padding:calc(var(--header-base-height) + var(--safe-area-inset-top) + 12px) 12px calc(var(--input-container-height) + var(--safe-area-inset-bottom) + 8px)}.message-bubble{max-width:90%}.message-bubble.media{max-width:min(280px,90vw)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.camera-btn-circle svg{transform:translateZ(0);-webkit-font-smoothing:antialiased}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media screen and (max-width: 768px){input[type=text],input[type=email],textarea{font-size:16px!important}}@media (hover: none) and (pointer: coarse){.action-icon-btn,.camera-btn-circle,.waveform-play-btn{min-width:44px;min-height:44px}}body{position:fixed;width:100%;height:100%;overflow:hidden}.chat-page{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden}@supports (-webkit-touch-callout: none){.chat-input-container{position:fixed;bottom:env(safe-area-inset-bottom,0);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@media screen and (max-width: 768px){.chat-container{height:100dvh;max-height:-webkit-fill-available;max-height:100dvh}.chat-body{min-height:0;flex:1}}.chat-input-container input:focus{transform:translateZ(0);-webkit-transform:translateZ(0)}.chat-body,.chat-input-container{transition:padding .3s ease,transform .3s ease}.chat-header,.chat-input-container button,.action-icon-btn,.waveform-play-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.chat-body{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.chat-body.keyboard-open{scroll-behavior:auto}@supports (height: 100dvh){.chat-container{height:100dvh}}@supports not (height: 100dvh){.chat-container{height:calc(var(--vh, 1vh) * 100)}}:root{--primary-gradient: linear-gradient(180deg, #360167 0%, #561496 50%, #AF1281 100%);--radial-gradient: radial-gradient(circle, #561496 0%, #360167 70%, #210141 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--chat-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--accent-yellow: #ffd369;--accent-yellow-hover: #ffbf00;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--primary-gradient);min-height:100vh;color:#333;overflow-x:hidden}.logo{width:clamp(200px,50vw,400px);height:auto;margin:-40px auto .5rem;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));animation:fadeInLogo .8s ease-out;background:transparent!important;mix-blend-mode:normal;object-fit:contain}.chat-logo{height:28px;width:auto;margin-right:8px;vertical-align:middle;filter:brightness(0) invert(1);background:transparent!important}@keyframes fadeInLogo{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.home-container{min-height:100vh;background:var(--radial-gradient);background-image:var(--radial-gradient),url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='20' y='40' fill='rgba(255, 255, 255, 0.02)' font-family='Arial' font-size='14' font-weight='bold'%3ELuvstor%3C/text%3E%3Cpath d='M100 80 Q100 70 90 70 T80 80 T100 110 T120 80 T110 70 T100 80' fill='rgba(255, 255, 255, 0.03)' /%3E%3Cpath d='M150 150 L160 150 L155 140 Z' fill='rgba(255, 255, 255, 0.02)' /%3E%3Ccircle cx='40' cy='160' r='4' fill='rgba(255, 255, 255, 0.02)' /%3E%3Cpath d='M170 30 L180 30 M175 25 L175 35' stroke='rgba(255, 255, 255, 0.03)' stroke-width='2' /%3E%3Ctext x='120' y='180' fill='rgba(255, 255, 255, 0.01)' font-family='Arial' font-size='10'%3ELuvstorChat%3C/text%3E%3C/svg%3E");display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#fff;position:relative;overflow:hidden}.chat-bubbles-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-bubble{position:absolute;color:#4a90e24d;animation:floatUp 20s linear infinite;filter:drop-shadow(0 0 10px rgba(74,144,226,.4)) blur(.5px)}@keyframes floatUp{0%{transform:translateY(100vh) translate(0) rotate(0) scale(.5);opacity:0}10%{opacity:1}25%{transform:translateY(75vh) translate(-20px) rotate(90deg) scale(.8)}50%{transform:translateY(50vh) translate(20px) rotate(180deg) scale(1.1)}75%{transform:translateY(25vh) translate(-15px) rotate(270deg) scale(.9)}90%{opacity:1}to{transform:translateY(-100px) translate(0) rotate(360deg) scale(.6);opacity:0}}.home-content{max-width:1100px;width:100%;text-align:center;position:relative;z-index:10}.home-content h1{font-size:clamp(1.8rem,6vw,2.8rem);font-weight:700;line-height:1.2;margin-bottom:1rem}.home-content h1 span{color:#ffd369;display:block;margin-top:.5rem}.home-content p{font-size:clamp(1rem,4vw,1.2rem);margin:20px auto 30px;max-width:600px;line-height:1.6;opacity:.9}.start-btn{padding:14px 36px;border:none;border-radius:30px;font-size:clamp(1rem,3vw,1.1rem);background:#ffd369;color:#000;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:none}.start-btn:active{transform:scale(.98)}.features{display:flex;justify-content:center;gap:clamp(20px,5vw,40px);margin-top:40px;flex-wrap:wrap}.features div{padding:12px 24px;background:rgba(255,255,255,.08);border-radius:20px;font-size:clamp(.9rem,2.5vw,1.05rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;gap:10px;transition:transform .3s ease,background .3s ease}.features div:hover{background:rgba(255,255,255,.12);transform:translateY(-5px)}.feature-icon{color:#ffd369}.brand-footer{position:absolute;bottom:20px;width:100%;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.9rem;opacity:.8;letter-spacing:1px;font-weight:300;color:#fff9}.social-links{display:flex;gap:20px;margin-bottom:12px}.social-link{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(255,255,255,.1);transition:all .3s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.social-link:hover{transform:translateY(-5px) scale(1.1)}.social-link.instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);box-shadow:0 4px 15px #e1306c4d}.social-link.telegram{background:linear-gradient(135deg,#0088cc 0%,#32aaff 100%);box-shadow:0 4px 15px #0088cc4d}.social-link.telegram svg{margin-left:-2px;margin-top:2px}.gender-container{min-height:100vh;background:var(--radial-gradient);background-image:var(--radial-gradient),url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='20' y='40' fill='rgba(255, 255, 255, 0.02)' font-family='Arial' font-size='14' font-weight='bold'%3ELuvstor%3C/text%3E%3Cpath d='M100 80 Q100 70 90 70 T80 80 T100 110 T120 80 T110 70 T100 80' fill='rgba(255, 255, 255, 0.03)' /%3E%3Cpath d='M150 150 L160 150 L155 140 Z' fill='rgba(255, 255, 255, 0.02)' /%3E%3Ccircle cx='40' cy='160' r='4' fill='rgba(255, 255, 255, 0.02)' /%3E%3Cpath d='M170 30 L180 30 M175 25 L175 35' stroke='rgba(255, 255, 255, 0.03)' stroke-width='2' /%3E%3Ctext x='120' y='180' fill='rgba(255, 255, 255, 0.01)' font-family='Arial' font-size='10'%3ELuvstorChat%3C/text%3E%3C/svg%3E");display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:20px;text-align:center}.gender-content-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px}.gender-logo{width:clamp(350px,70vw,550px);margin-bottom:1.5rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));animation:fadeInLogo .8s ease-out}.gender-animation{width:220px;margin:10px 0 20px}.gender-welcome{font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700;margin-bottom:.5rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.gender-intro{font-size:clamp(.95rem,3vw,1.1rem);margin-bottom:2rem;color:#ffffffe6;max-width:400px;line-height:1.5}@media (max-width: 600px){.gender-logo{width:220px}.gender-animation{width:200px}}.gender-container h2{font-size:1.8rem;margin-bottom:6px}.gender-subtext{font-size:.95rem;opacity:.8;margin-bottom:30px}.gender-options{display:flex;gap:20px;flex-direction:row;justify-content:center}.gender-card{width:120px;height:140px;background:rgba(255,255,255,.08);border:2px solid transparent;border-radius:16px;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;padding:15px}.gender-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.15)}.gender-card.active{border-color:#ffd369;background:rgba(255,211,105,.15)}.gender-icon{width:50px;height:50px;margin-bottom:12px;stroke:currentColor}.gender-card .label{font-size:1rem;font-weight:500}.match-container{min-height:100vh;background:var(--radial-gradient);background-image:var(--radial-gradient),url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='20' y='40' fill='rgba(255, 255, 255, 0.02)' font-family='Arial' font-size='14' font-weight='bold'%3ELuvstor%3C/text%3E%3Cpath d='M100 80 Q100 70 90 70 T80 80 T100 110 T120 80 T110 70 T100 80' fill='rgba(255, 255, 255, 0.03)' /%3E%3Cpath d='M150 150 L160 150 L155 140 Z' fill='rgba(255, 255, 255, 0.02)' /%3E%3Ccircle cx='40' cy='160' r='4' fill='rgba(255, 255, 255, 0.02)' /%3E%3Cpath d='M170 30 L180 30 M175 25 L175 35' stroke='rgba(255, 255, 255, 0.03)' stroke-width='2' /%3E%3Ctext x='120' y='180' fill='rgba(255, 255, 255, 0.01)' font-family='Arial' font-size='10'%3ELuvstorChat%3C/text%3E%3C/svg%3E");display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:20px;text-align:center}.match-logo{width:90px;margin-bottom:20px}.match-animation{width:260px;margin-bottom:20px}.match-container h2{font-size:1.8rem;margin-bottom:8px}.match-subtext{font-size:.95rem;opacity:.8;margin-bottom:25px}.progress-bar{width:260px;height:6px;background:rgba(255,255,255,.15);border-radius:10px;overflow:hidden;margin-bottom:30px}.progress-fill{height:100%;background:linear-gradient(90deg,#ffd369,#ff9f00);transition:width .15s ease}.cancel-btn{background:linear-gradient(135deg,#ffd369 0%,#ffbf00 100%);color:#000;border:none;padding:12px 32px;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:none}.cancel-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd36999;background:linear-gradient(135deg,#ffbf00 0%,#ff9f00 100%);color:#000}.loading-spinner{text-align:center;margin-bottom:2rem;animation:pulse 2s infinite}.loading-spinner p{font-size:clamp(1rem,3vw,1.3rem)}.loading-spinner:after{content:"";display:inline-block;width:clamp(40px,10vw,60px);height:clamp(40px,10vw,60px);border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-top:20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.match-container button{padding:clamp(10px,2vw,15px) clamp(25px,5vw,35px);font-size:clamp(.9rem,3vw,1.1rem);background:linear-gradient(135deg,#ffd369 0%,#ffbf00 100%);color:#000;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:none}.match-container button:hover{transform:scale(1.05);background:linear-gradient(135deg,#ffbf00 0%,#ff9f00 100%);box-shadow:0 6px 20px #ffd36999;color:#000}.match-container button:active{transform:scale(.98)}@media (max-width: 480px){.home-content h1{font-size:2rem}.logo{width:clamp(180px,70vw,280px);margin-bottom:1.5rem}.gender-logo{width:70px}.gender-animation{width:180px}.gender-container h2{font-size:1.5rem}.gender-subtext{font-size:.9rem}.gender-options{gap:15px}.gender-card{width:110px;height:130px;padding:12px}.gender-icon{width:40px;height:40px;margin-bottom:10px}.gender-card .label{font-size:.95rem}.features{gap:15px}.features div{font-size:.85rem;padding:8px 16px}.gender-options{flex-direction:row;gap:12px}.gender-card{width:100px;height:120px}.gender-icon{width:35px;height:35px}.gender-card .label{font-size:.9rem}.social-link{width:28px;height:28px}.social-link svg{width:14px;height:14px}}@media (min-width: 481px) and (max-width: 768px){.home-content{max-width:90%}.gender-options{flex-direction:row}}@media (min-width: 769px){body{padding:0}}@media (min-width: 1024px){.home-content{max-width:1100px}}@media (max-height: 600px) and (orientation: landscape){.home-container,.gender-container,.match-container{min-height:auto;padding:20px}.home-content h1{font-size:2rem;margin-bottom:.5rem}.home-content p{margin:10px auto 20px}.features{margin-top:20px}}@media (prefers-color-scheme: dark){body{color:#f0f0f0}}@media (hover: none) and (pointer: coarse){button{padding:clamp(12px,3vw,16px) clamp(24px,5vw,32px);min-height:44px;font-size:1rem}.start-btn{min-height:48px;padding:16px 40px}.gender-options button{min-height:50px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}