#preloader{background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:20px}.chat-container{width:100%;max-width:375px;height:90vh;max-height:700px;min-height:500px;position:relative;background:var(--phone-bg);border:2px solid var(--phone-border);border-radius:25px;padding:0;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 10px 30px #0000004d,inset 0 1px #ffffff1a}.ios-status-bar{position:absolute;top:0;left:0;right:0;height:44px;background:linear-gradient(180deg,#000000f2,#000000b3);z-index:15;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:12px;font-weight:600;color:#fff}.status-time{font-size:10px;font-weight:600}.status-indicators{display:flex;align-items:center;gap:4px;font-size:12px}.contact-header{position:absolute;top:44px;left:0;right:0;height:60px;background:#000000d9;backdrop-filter:blur(20px);z-index:14;display:flex;align-items:center;padding:0 20px;border-bottom:.5px solid rgba(255,255,255,.1)}.contact-avatar{width:35px;height:35px;border-radius:50%;background:linear-gradient(45deg,#ff6b35,#ffc107);display:flex;align-items:center;justify-content:center;font-size:16px;margin-right:12px}.contact-info{flex:1}.contact-name{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600;color:#fff;margin:0;line-height:1.2}.contact-status{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;color:#ffffffb3;margin:0;line-height:1.2}.chat-messages{padding:120px 20px 60px;height:calc(100% - 120px);overflow-y:hidden;display:flex;flex-direction:column;justify-content:flex-start;background:linear-gradient(180deg,var(--phone-bg) 0%,rgba(0,0,0,.9) 100%);box-sizing:border-box;position:relative;scrollbar-width:none;-ms-overflow-style:none}.chat-messages::-webkit-scrollbar{display:none}.home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:134px;height:5px;background:#ffffff4d;border-radius:3px;z-index:10}.message-row{display:flex;align-items:flex-end;margin-bottom:8px;opacity:0;transform:translateY(20px);gap:8px;position:relative;flex-shrink:0}.message-row.mom-row{justify-content:flex-start}.message-row.son-row{justify-content:flex-end}.chat-bubble{max-width:75%;padding:12px 16px;border-radius:20px;font-family:Roboto Mono,monospace;font-size:14px;line-height:1.4;min-height:20px;position:relative;word-wrap:break-word;overflow-wrap:break-word;box-shadow:0 2px 8px #00000026}.row-timestamp{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;color:#fff9;font-weight:400;display:flex;align-items:flex-end;gap:4px;margin-bottom:2px;white-space:nowrap;flex-shrink:0}.delivery-status{font-size:10px;margin-left:2px}.delivery-status.sending{color:#fff6}.delivery-status.delivered{color:#fff9}.delivery-status.read{color:var(--color-primary)}.chat-bubble.mom{background:var(--bubble-mom);color:var(--bubble-mom-text);align-self:flex-start;border-bottom-left-radius:6px;margin-right:60px;&:before{content:"";position:absolute;left:-8px;bottom:0;width:0;height:0;border:8px solid transparent;border-right-color:var(--bubble-mom);border-bottom:0;border-left:0;filter:drop-shadow(-2px 2px 3px rgba(0,0,0,.1))}}.chat-bubble.son{background:var(--bubble-son);color:var(--bubble-son-text);align-self:flex-end;border-bottom-right-radius:6px;margin-left:60px;&:before{content:"";position:absolute;right:-8px;bottom:0;width:0;height:0;border:8px solid transparent;border-left-color:var(--bubble-son);border-bottom:0;border-right:0;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.1))}}.typing-indicator{display:flex;align-items:center;opacity:0;background:var(--bubble-mom);color:var(--bubble-mom-text);padding:12px 16px;border-radius:20px 20px 20px 6px;align-self:flex-start;margin-bottom:2px;margin-right:60px;box-shadow:0 2px 8px #00000026;position:relative;&:before{content:"";position:absolute;left:-8px;bottom:0;width:0;height:0;border:8px solid transparent;border-right-color:var(--bubble-mom);border-bottom:0;border-left:0;filter:drop-shadow(-2px 2px 3px rgba(0,0,0,.1))}}.typing-text{overflow:hidden;border-right:2px solid transparent;white-space:nowrap;animation:blink-cursor 1s infinite}.typing-text.typing{border-right-color:var(--bubble-son-text)}.message-sending{opacity:.7;position:relative}.message-sending:after{content:"";position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:12px;height:12px;border:2px solid var(--color-primary);border-top:2px solid transparent;border-radius:50%;animation:sending-spinner 1s linear infinite}.contact-status.online{color:#4caf50!important}.contact-status.online:before{content:"🟢 ";font-size:8px}.typing-indicator span{height:8px;width:8px;margin:0 3px;background:var(--bubble-mom-text);display:block;border-radius:50%;animation:bounce 1.4s infinite both;opacity:.6}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.3}40%{transform:scale(1.2);opacity:1}}@keyframes blink-cursor{0%,50%{border-right-color:transparent}51%,to{border-right-color:var(--bubble-son-text)}}@keyframes sending-spinner{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}@media (min-width: 768px){.chat-container{max-width:400px;max-height:750px}.chat-bubble{font-size:15px;max-width:70%}#preloader{padding:40px}}@media (max-width: 767px) and (min-width: 481px){.chat-container{max-width:360px;height:85vh;max-height:650px}.chat-bubble{font-size:14px;max-width:75%}#preloader{padding:30px}}@media (max-width: 480px){#preloader{padding:15px}.chat-container{max-width:calc(100vw - 30px);height:85vh;max-height:600px;min-height:450px;border-radius:20px}.chat-messages{padding:110px 16px 40px}.message-row{margin-bottom:6px;gap:6px}.chat-bubble{font-size:13px;padding:10px 14px;max-width:80%;min-height:18px;line-height:1.3}.row-timestamp{font-size:9px;margin-bottom:1px}.ios-status-bar{padding:0 16px;font-size:13px}.contact-header{padding:0 16px}.contact-name{font-size:15px}.contact-status{font-size:11px}.message-meta{font-size:10px}}@media (max-width: 360px){.chat-container{max-width:calc(100vw - 20px);height:80vh;max-height:550px;min-height:400px;border-radius:15px}.message-row{margin-bottom:4px;gap:4px}.chat-bubble{font-size:12px;padding:8px 12px;max-width:85%;min-height:16px;line-height:1.3}.chat-messages{padding:100px 12px 35px}.row-timestamp{font-size:8px;margin-bottom:1px}.ios-status-bar{padding:0 12px;font-size:12px}.contact-header{padding:0 12px;height:55px}.contact-avatar{width:30px;height:30px;font-size:14px}.contact-name{font-size:14px}.contact-status{font-size:10px}}@media (orientation: landscape) and (max-height: 500px){.chat-container{height:90vh;max-height:450px;min-height:350px}.chat-messages{padding:100px 16px 30px}.contact-header{height:50px}.ios-status-bar{height:40px}}p{font-family:Permanent Marker,cursive}.gallery{position:relative;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.cards{position:relative;list-style:none;padding:0;margin:0;width:400px;height:500px}.meme-card{box-sizing:border-box}.meme-card .card-header,.meme-card .card-image-container,.meme-card .card-footer{transform:none!important;position:relative;z-index:1}.cards li{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;background-color:transparent;transform-style:preserve-3d}.card-content{display:flex;flex-direction:column;height:100%;width:100%;padding:1rem}.card-image-container{flex-grow:1}.meme-image{width:100%;height:100%;object-fit:cover}.card-caption{font-family:Permanent Marker,cursive;font-size:1rem;color:#a0aec0;text-align:center;margin-bottom:.5rem}.card-stars{display:flex;justify-content:center;align-items:center}.card-stars span{font-size:1.5rem;color:#f6e05e}h2{font-family:Mogra,cursive}header p{color:var(--color-text-secondary);font-weight:400;font-size:1.1rem;letter-spacing:.05em;margin-top:.5rem;font-style:italic;opacity:.9}.bg-slate-800\/50{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:12px;backdrop-filter:blur(10px)}.bg-slate-700{background:var(--color-surface);border:2px solid var(--color-primary);font-family:Roboto Mono,monospace;font-weight:500}.bg-slate-700:hover{background:var(--color-surface-hover);border-color:var(--color-secondary)}.font-chewy{font-family:Chewy,cursive;font-weight:400;font-style:normal}.rubik-moonrocks-regular{font-family:Rubik,sans-serif;font-weight:400;font-style:normal}:root{--bg-primary: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--bg-secondary: rgba(255, 193, 7, .05);--color-primary: #ffc107;--color-secondary: #ff9800;--color-accent: #8e24aa;--color-text: #fff3e0;--color-text-secondary: #ffcc80;--color-surface: rgba(255, 193, 7, .1);--color-surface-hover: rgba(255, 193, 7, .15);--phone-bg: rgba(25, 25, 50, .95);--phone-border: rgba(255, 193, 7, .3);--bubble-mom: #37474f;--bubble-son: #ff9800;--bubble-mom-text: #fff3e0;--bubble-son-text: #1a1a1a}body{background:var(--bg-primary);color:var(--color-text);position:relative;overflow-x:hidden}.preloader-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f0f23,#1a0033,#2d1b69);z-index:-5;overflow:hidden}.preloader-background .raindrops{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-3;opacity:.7}.raindrop{position:absolute;width:2px;border-radius:50%;animation:rainFall linear infinite;opacity:.6}@keyframes rainFall{0%{transform:translateY(-100vh) rotate(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.preloader-background .texture-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-2;opacity:.15;mix-blend-mode:overlay;background:radial-gradient(ellipse 90% 70% at 20% 40%,rgba(233,30,99,.12) 0%,transparent 65%),radial-gradient(ellipse 70% 80% at 80% 60%,rgba(156,39,176,.08) 0%,transparent 70%),radial-gradient(ellipse 50% 120% at 50% 20%,rgba(0,188,212,.06) 0%,transparent 60%)}.raindrop{background:#00bcd4b3;height:10px}.preloader-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-5;opacity:.4;background:radial-gradient(ellipse 60% 80% at 15% 30%,#e91e63 0%,transparent 65%),radial-gradient(ellipse 70% 50% at 85% 70%,#00bcd4 0%,transparent 70%),radial-gradient(ellipse 50% 90% at 50% 10%,#9c27b0 0%,transparent 60%),radial-gradient(ellipse 40% 60% at 70% 40%,#e91e63 0%,transparent 50%),radial-gradient(ellipse 80% 30% at 20% 80%,#00bcd4 0%,transparent 55%);will-change:transform;contain:layout style paint;transform:translateZ(0);backface-visibility:hidden}.preloader-background:after{content:"";position:absolute;top:0;left:0;width:120%;height:120%;z-index:-4;opacity:.2;background:radial-gradient(ellipse 150% 100% at 0% 50%,transparent 30%,#e91e63 40%,transparent 70%),radial-gradient(ellipse 120% 80% at 100% 30%,transparent 35%,#00bcd4 45%,transparent 75%),radial-gradient(ellipse 100% 120% at 50% 100%,transparent 25%,#9c27b0 35%,transparent 65%);will-change:transform;contain:layout style paint;transform:translateZ(0);backface-visibility:hidden}.preloader-background .background-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#e91e63;border-radius:50%;opacity:.4;animation:floatUp 8s linear infinite;will-change:transform;contain:layout style;transform:translateZ(0)}.particle:nth-child(2n){background:#00bcd4;animation-duration:10s;animation-delay:-2s}.particle:nth-child(3n){background:#9c27b0;animation-duration:12s;animation-delay:-4s}@keyframes organicFlow{0%,to{transform:translate(0) scale(1) skew(0);filter:hue-rotate(0deg) blur(0px)}20%{transform:translate(15px,-20px) scale(1.08) skew(2deg,-1deg);filter:hue-rotate(10deg) blur(.5px)}40%{transform:translate(-8px,25px) scale(.95) skew(-1deg,2deg);filter:hue-rotate(20deg) blur(1px)}60%{transform:translate(-25px,-15px) scale(1.12) skew(1deg,-2deg);filter:hue-rotate(30deg) blur(.5px)}80%{transform:translate(20px,10px) scale(.92) skew(-2deg,1deg);filter:hue-rotate(15deg) blur(0px)}}@keyframes wavyShift{0%,to{transform:translate(-5%) translateY(-5%) rotate(0) scaleX(1) scaleY(1);filter:hue-rotate(0deg)}25%{transform:translate(8%) translateY(-12%) rotate(2deg) scaleX(1.1) scaleY(.9);filter:hue-rotate(15deg)}50%{transform:translate(-12%) translateY(8%) rotate(-1deg) scaleX(.9) scaleY(1.1);filter:hue-rotate(25deg)}75%{transform:translate(15%) translateY(12%) rotate(1deg) scaleX(1.05) scaleY(.95);filter:hue-rotate(10deg)}}@keyframes floatUp{0%{transform:translateY(100vh) translate(0) rotate(0);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(-100px) translate(50px) rotate(360deg);opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.preloader-background:before,.preloader-background:after,.particle,.raindrop{animation:none!important;will-change:auto!important}.preloader-background:before{opacity:.2;transform:none!important}.preloader-background:after{opacity:.1;transform:none!important}.preloader-background .background-particles,.preloader-background .raindrops{display:none!important}.typing-text{animation:none!important}}@media (prefers-contrast: high){:root{--color-primary: #ff4500;--color-secondary: #ffff00;--color-accent: #ffffff;--color-text: #ffffff;--color-text-secondary: #cccccc;--bubble-mom: #000000;--bubble-son: #0066cc;--bubble-mom-text: #ffffff;--bubble-son-text: #ffffff}.preloader-background:before,.preloader-background:after{opacity:.1!important}}@media (prefers-color-scheme: dark){:root{--bg-primary: #000000;--phone-bg: rgba(5, 5, 5, .98)}}:root{--main-overlay: linear-gradient(135deg, rgba(26, 26, 46, .7) 0%, rgba(22, 33, 62, .6) 50%, rgba(15, 52, 96, .8) 100%);--blend-mode: multiply;--main-particle-color-1: #ffc107;--main-particle-color-2: #ff9800;--main-particle-color-3: #8e24aa;--main-ambient-opacity: .3}[data-bg-theme=matrix-rain]{--main-overlay: linear-gradient(135deg, rgba(0, 0, 0, .9) 0%, rgba(13, 27, 42, .8) 50%, rgba(0, 255, 65, .1) 100%);--blend-mode: darken;--main-particle-color-1: #00ff41;--main-particle-color-2: #39ff14;--main-particle-color-3: #00ff00;--main-ambient-opacity: .5}[data-bg-theme=ocean-breeze]{--main-overlay: linear-gradient(135deg, rgba(0, 150, 199, .6) 0%, rgba(0, 198, 251, .5) 50%, rgba(72, 198, 239, .6) 100%);--blend-mode: soft-light;--main-particle-color-1: #00a2ff;--main-particle-color-2: #0078d4;--main-particle-color-3: #40e0d0;--main-ambient-opacity: .3}[data-bg-theme=forest-glow]{--main-overlay: linear-gradient(135deg, rgba(76, 175, 80, .6) 0%, rgba(139, 195, 74, .5) 50%, rgba(255, 235, 59, .4) 100%);--blend-mode: multiply;--main-particle-color-1: #4caf50;--main-particle-color-2: #8bc34a;--main-particle-color-3: #ffeb3b;--main-ambient-opacity: .3}[data-bg-theme=purple-haze]{--main-overlay: linear-gradient(135deg, rgba(156, 39, 176, .7) 0%, rgba(103, 58, 183, .6) 50%, rgba(63, 81, 181, .7) 100%);--blend-mode: color;--main-particle-color-1: #9c27b0;--main-particle-color-2: #673ab7;--main-particle-color-3: #3f51b5;--main-ambient-opacity: .4}[data-bg-theme=fire-storm]{--main-overlay: linear-gradient(135deg, rgba(245, 175, 25, .7) 0%, rgba(241, 39, 17, .8) 50%, rgba(114, 9, 183, .6) 100%);--blend-mode: hard-light;--main-particle-color-1: #ff6b6b;--main-particle-color-2: #ffa502;--main-particle-color-3: #ff7675;--main-ambient-opacity: .4}[data-bg-theme=rainbow-prism]{--main-overlay: linear-gradient(to bottom, rgba(255, 154, 86, .5) 0%, rgba(255, 107, 107, .5) 20%, rgba(196, 69, 105, .5) 40%, rgba(102, 126, 234, .5) 60%, rgba(79, 172, 254, .5) 80%, rgba(0, 242, 254, .5) 100%);--blend-mode: overlay;--main-particle-color-1: #00d2ff;--main-particle-color-2: #3a7bd5;--main-particle-color-3: #00d2ff;--main-ambient-opacity: .35}body{background-image:var(--main-overlay);background-size:cover;background-position:center;background-repeat:no-repeat}.main-background-particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-10;pointer-events:none;opacity:var(--main-ambient-opacity)}.main-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--main-particle-color-1);animation:mainFloatUp 12s linear infinite;opacity:.6}.main-particle:nth-child(2n){background:var(--main-particle-color-2);animation-duration:15s;animation-delay:-3s;width:2px;height:2px}.main-particle:nth-child(3n){background:var(--main-particle-color-3);animation-duration:18s;animation-delay:-6s;width:4px;height:4px}@keyframes mainFloatUp{0%{transform:translateY(100vh) translate(0) rotate(0) scale(0);opacity:0}10%{opacity:.6;transform:scale(1)}90%{opacity:.6}to{transform:translateY(-100px) translate(30px) rotate(360deg) scale(.5);opacity:0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}