:root{--background:#000;--glass:#ffffff08;--glass-border:#ffffff26;--primary-pink:#ff007f;--primary-gradient:linear-gradient(135deg,#ff007f 0%,#f05 100%);--text-main:#fff;--text-muted:#888}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background-color:#000;background-image:radial-gradient(circle at 50% 0,#1a1a1a 0%,#000 70%);min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.container{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;display:flex;position:relative}.title{text-transform:uppercase;letter-spacing:-1px;color:#fff;text-shadow:0 0 20px #ff007f80;text-align:center;margin-bottom:2rem;font-size:2.5rem;font-weight:900}.card{-webkit-backdrop-filter:blur(20px);background:#0a0a0acc;border:1px solid #333;border-radius:24px;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:400px;padding:2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #ff007f1a}.searching-card{padding-top:3rem}.close-btn{color:#888;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.close-btn:hover{color:#ff3b30;background:#ff3b3033;border-color:#ff3b30}.searching-animation{justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.pulse-ring{border:2px solid var(--primary-pink);opacity:0;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite pulse-expand;position:absolute}.pulse-ring.delay-1{animation-delay:.6s}.pulse-ring.delay-2{animation-delay:1.2s}@keyframes pulse-expand{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}.search-icon{z-index:2;font-size:2.5rem;animation:1.5s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.searching-subtitle{color:#666;margin:0;font-size:.9rem}.app-description{color:#888;text-align:center;margin:0;font-size:.95rem;line-height:1.5}h2{color:#fff;font-size:1.5rem;font-weight:700}.btn-group{gap:1rem;width:100%;display:flex}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:15px;flex:1;padding:1.2rem;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-male{color:#fff;background:0 0;border:2px solid #333}.btn-male:hover{background:#333;border-color:#555;transform:translateY(-2px)}.btn-female{color:var(--primary-pink);border:2px solid var(--primary-pink);background:0 0}.btn-female:hover{background:var(--primary-pink);color:#fff;transform:translateY(-2px);box-shadow:0 0 30px #ff007f66}.status-text{color:var(--primary-pink);text-shadow:0 0 10px #ff007f4d;font-size:1.4rem;font-weight:600;animation:2s infinite pulse}.connected-card{gap:1rem;padding:1.5rem}.timer{color:#fff;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}.call-controls{justify-content:center;align-items:center;gap:1.5rem;margin-top:.5rem;display:flex}.control-btn{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;display:flex}.control-btn.end-btn{background:#ff3b30}.control-btn.end-btn:hover{background:#ff5c52;transform:scale(1.08)}.control-btn.mute-btn{background:#444}.control-btn.mute-btn:hover{background:#555;transform:scale(1.08)}.control-btn.mute-btn.muted{background:#ff6b6b}.control-btn.skip-btn{background:#007aff}.control-btn.skip-btn:hover{background:#2f8dff;transform:scale(1.08)}.report-btn{color:#555;cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .3s}.report-btn:hover{color:#fc0}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000000e6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:#111;border:1px solid #333;border-radius:20px;width:100%;max-width:350px;padding:1.5rem;box-shadow:0 0 50px #ff007f1a}.modal h3{color:#fff;text-align:center;margin-bottom:1rem;font-size:1.2rem}.report-option{color:#ddd;text-align:left;cursor:pointer;background:#222;border:1px solid #333;border-radius:10px;width:100%;margin-bottom:.5rem;padding:.9rem;font-size:.95rem;transition:all .2s;display:block}.report-option:hover{border-color:var(--primary-pink);color:#fff;background:#333}.close-modal{color:#666;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border:none;width:100%;margin-top:.5rem;padding:.5rem;font-size:.85rem}.close-modal:hover{color:#fff}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.visualizer{justify-content:center;align-items:center;gap:6px;width:100%;height:80px;display:flex}.bar{background:linear-gradient(#ff85b3,#ff4d94,#ff006e);border-radius:4px;width:8px;min-height:12px;transition:height .1s ease-out;animation:1.2s ease-in-out infinite wave;box-shadow:0 0 15px #ff006e99}.bar:first-child{animation-delay:0s}.bar:nth-child(2){animation-delay:.1s}.bar:nth-child(3){animation-delay:.2s}.bar:nth-child(4),.bar:nth-child(5){animation-delay:.3s}.bar:nth-child(6){animation-delay:.2s}.bar:nth-child(7){animation-delay:.1s}.bar:nth-child(8){animation-delay:0s}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.toast-notification{color:#fff;z-index:1000;text-align:center;background:#ff007fe6;border-radius:25px;max-width:90%;padding:.8rem 1.5rem;font-size:.95rem;font-weight:600;animation:.3s slideDown;position:fixed;top:20px;left:50%;transform:translate(-50%)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.queue-count{color:#ff006e;font-size:.85rem;animation:2s ease-in-out infinite pulse-text}@keyframes pulse-text{0%,to{opacity:.7}50%{opacity:1}}.star-rating{justify-content:center;gap:.5rem;margin:1rem 0;display:flex}.star{color:#444;cursor:pointer;font-size:2rem;transition:all .2s}.star:hover,.star.active{color:gold;transform:scale(1.2)}.submit-rating-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff006e,#ff4d94);border:none;border-radius:10px;width:100%;margin-bottom:.5rem;padding:.9rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.submit-rating-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 0 20px #ff006e80}.submit-rating-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.container{justify-content:center;padding:1rem}.title{margin-bottom:1.5rem;font-size:1.8rem}.card{border-radius:20px;gap:1rem;width:100%;max-width:100%;padding:1.5rem}.connected-card{gap:.75rem;padding:1.25rem}h2{font-size:1.3rem}.btn-group{flex-direction:row;gap:.75rem}.btn{padding:1rem;font-size:.95rem}.status-text{font-size:1.2rem}.timer{font-size:1.8rem}.visualizer{gap:5px;height:60px}.bar{width:6px}.call-controls{gap:1.25rem}.control-btn{width:56px;height:56px}.control-btn svg{width:22px;height:22px}.report-btn{margin-top:0;padding:.4rem;font-size:.8rem}.star{font-size:1.8rem}.modal{border-radius:16px;padding:1.25rem}.report-option{padding:.8rem;font-size:.9rem}.searching-animation{width:80px;height:80px}.search-icon{font-size:2rem}.searching-subtitle{font-size:.85rem}}@media (max-height:700px){.title{margin-bottom:1rem;font-size:1.5rem}.card{gap:.6rem;padding:1rem}.connected-card{gap:.5rem;padding:1rem}.timer{font-size:1.5rem}.visualizer{height:50px}.bar{width:5px}.call-controls{gap:1rem;margin-top:.25rem}.control-btn{width:50px;height:50px}.control-btn svg{width:20px;height:20px}.searching-animation{width:70px;height:70px}.search-icon{font-size:1.75rem}}