body { margin: 0; background: #050507; color: white; font-family: 'Segoe UI', sans-serif; height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.glass-card { background: rgba(255,255,255,0.03); padding: 40px; border-radius: 24px; border: 1px solid rgba(255,255,255,0.1); backdrop-filter: blur(15px); width: 320px; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
input { width: 100%; padding: 12px; margin: 10px 0; border-radius: 8px; background: #111; border: 1px solid #333; color: white; box-sizing: border-box; }
.btn { width: 100%; padding: 12px; background: linear-gradient(45deg, #3b82f6, #8b5cf6); border: none; border-radius: 8px; color: white; font-weight: bold; cursor: pointer; margin-top: 10px; }
.cs-float { position: fixed; bottom: 20px; right: 20px; background: #25d366; padding: 10px 18px; border-radius: 50px; display: flex; align-items: center; gap: 8px; cursor: pointer; box-shadow: 0 4px 15px rgba(37,211,102,0.3); }
.cs-float img { width: 20px; }
.modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); align-items: center; justify-content: center; z-index: 100; }
.modal-card { background: #0f1014; padding: 25px; border-radius: 20px; border: 1px solid #222; width: 280px; text-align: center; }
#resultUrl { background: #000; color: #3b82f6; border: 1px solid #333; text-align: center; font-family: monospace; }