:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000;color:#fff;min-height:100vh;min-height:100dvh;overflow:hidden}.home{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;text-align:center;padding:20px 20px 70px;background:radial-gradient(ellipse 60% 40% at 30% 50%,rgba(0,212,255,.06) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 70% 30%,rgba(123,47,247,.06) 0%,transparent 60%)}.home-logo{width:100px;height:100px;filter:drop-shadow(0 4px 30px rgba(0,212,255,.2))}.home h1{font-size:3rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#00d4ff,#7b2ff7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home p{color:#fff9;margin-bottom:36px;font-size:1.1rem;font-weight:400;letter-spacing:.01em}.features-list{list-style:none;margin-top:48px;text-align:left}.features-list li{color:#fff9;font-size:.9rem;padding:3px 0;letter-spacing:.01em}.home-footer{position:absolute;bottom:24px;left:0;right:0;text-align:center}.home-footer p{color:#fff6;font-size:.8rem;margin:0}.home-footer a{color:#fff6;font-size:.8rem;text-decoration:none;transition:color .2s}.home-footer a:hover{color:#00d4ff}.create-call-btn{background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#fff;border:none;width:120px;height:120px;font-size:1rem;border-radius:50%;cursor:pointer;transition:transform .3s,box-shadow .3s;display:flex;align-items:center;justify-content:center}.create-call-btn:hover{transform:scale(1.08);box-shadow:0 0 60px #00d4ff4d,0 0 120px #7b2ff726}.room{position:relative;height:100vh;height:100dvh;background:#000;overflow:hidden}.status-bar{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:15px;padding:15px 20px;background:linear-gradient(to bottom,rgba(0,0,0,.85),transparent)}.status-bar .user-info{position:relative;top:auto;right:auto;margin-left:auto}.room-logo{width:36px;height:36px}.status{font-size:.85rem;font-weight:500;padding:6px 14px;border-radius:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.signal-indicator{display:flex;align-items:center;gap:8px;color:#00d4ff;font-size:.9rem}.signal-indicator svg{color:#00d4ff}.remote-user-info{display:flex;align-items:center;position:absolute;gap:6px;left:20px;top:80px}.remote-user-info .user-avatar{width:24px;height:24px}.status.connected{background:#00d4ff1a;border-color:#00d4ff33;color:#00d4ff}.status.waiting{background:#ffc8001a;border-color:#ffc80026;color:#ffc800}.status.error{background:#ff3c3c1a;border-color:#ff3c3c26;color:#ff6b6b}.copy-link-btn{background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.9rem;transition:opacity .2s}.copy-link-btn:hover{opacity:.85}.videos{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.video-container{overflow:hidden;background:#0a0a0a}.video-container video{width:100%;height:100%;object-fit:cover}.video-container.remote{width:100%;height:100%}.video-container.remote video{object-fit:contain}.video-container.local{border-radius:12px;border:2px solid rgba(255,255,255,.1);background:#0a0a0a;cursor:move;z-index:10}.video-container.local:hover{border-color:#00d4ff66}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff59;font-size:1.1rem;padding:20px;position:relative}.loader{width:40px;height:40px;border:2px solid rgba(255,255,255,.08);border-top-color:#00d4ff;border-radius:50%;animation:spin .8s linear infinite}.loader-sm{width:24px;height:24px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.share-link-container{display:flex;flex-direction:column;align-items:center;width:350px;gap:15px}.share-link-container p{color:#ffffff80;margin:0}.share-link-input{display:flex;gap:8px;width:100%;max-width:400px}.share-link-input input{flex:1;padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.9rem;outline:none;transition:border-color .2s}.share-link-input input:focus{border-color:#00d4ff}.share-link-input button{padding:12px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0d;color:#fff;cursor:pointer;transition:border-color .2s,background .2s;display:flex;align-items:center;justify-content:center}.share-link-input button:hover{border-color:#00d4ff;background:#00d4ff1a}.video-off-overlay{position:absolute;inset:0;background:#0a0a0a;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem}.controls{position:absolute;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:center;gap:16px;padding:32px 20px;background:linear-gradient(to top,rgba(0,0,0,.85),transparent)}.control-btn{width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.control-btn:hover{background:#ffffff26;border-color:#ffffff40;transform:scale(1.05)}.control-btn.active{background:#ff3c3c33;border-color:#ff3c3c;color:#ff6b6b}.control-btn.end-call{background:#ff3c3c;border-color:#ff3c3c}.control-btn.end-call:hover{background:#e62e2e}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;text-align:center;padding:20px}.login-logo{width:100px;height:100px;margin-bottom:20px;filter:drop-shadow(0 4px 30px rgba(0,212,255,.2))}.login h1{font-size:3rem;font-weight:700;margin-bottom:12px;letter-spacing:-.02em;background:linear-gradient(135deg,#00d4ff,#7b2ff7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login p{color:#ffffff80;margin-bottom:40px;font-size:1.1rem}.login-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.social-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;background:#ffffff0d;color:#fff}.social-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.social-btn.google{background:#fff;color:#333;border-color:transparent}.social-btn.google:hover{background:#f0f0f0}.social-btn.github{background:#24292e;color:#fff;border-color:transparent}.social-btn.email{background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#fff;width:100%;border:none}.social-btn.email:hover{opacity:.9;transform:translateY(-1px)}.email-link-form{display:flex;flex-direction:column;gap:12px;width:100%}.email-link-form input{padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0d;color:#fff;font-size:1rem;outline:none;transition:border-color .2s}.email-link-form input:focus{border-color:#00d4ff}.email-sent-msg{color:#00d4ff;font-size:1rem;padding:14px}.email-error{color:#ff6b6b;font-size:.85rem}.login-divider{display:flex;align-items:center;gap:12px;width:100%;color:#ffffff40;font-size:.85rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.user-info{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);padding:8px 16px;border-radius:30px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-name{font-size:.9rem;color:#ffffffb3}.menu-btn{background:transparent;border:none;color:#fff6;padding:4px;cursor:pointer;display:flex;align-items:center;transition:color .2s}.menu-btn:hover{color:#fff}.user-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#141414f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;min-width:140px;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.user-menu button{width:100%;background:transparent;border:none;color:#ffffffb3;padding:12px 16px;font-size:.85rem;cursor:pointer;text-align:left;transition:all .2s}.user-menu button:hover{background:#ffffff0d;color:#ff3c3c}.privacy{max-width:700px;margin:0 auto;padding:40px 20px;min-height:100vh}.privacy-logo-link{display:block;text-align:center;margin-bottom:30px}.privacy-logo{width:60px;height:60px}.privacy h1{font-size:2rem;font-weight:700;margin-bottom:10px;letter-spacing:-.02em;background:linear-gradient(135deg,#00d4ff,#7b2ff7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.privacy .last-updated{color:#ffffff59;font-size:.85rem;margin-bottom:30px}.privacy section{margin-bottom:30px}.privacy h2{font-size:1.2rem;color:#fffc;margin-bottom:12px}.privacy p{color:#ffffff80;line-height:1.7;margin-bottom:12px}.privacy ul{color:#ffffff80;line-height:1.8;padding-left:20px}.privacy li{margin-bottom:6px}.privacy .back-link{display:inline-block;color:#00d4ff;text-decoration:none;margin-top:20px}.privacy .back-link:hover{text-decoration:underline}.call-rating{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:320px}.call-rating p{color:#ffffffb3;font-size:1.1rem;margin:0}.rating-smiles{display:flex;gap:8px}.smile-btn{font-size:2rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:52px;height:52px;cursor:pointer;transition:transform .2s,border-color .2s;display:flex;align-items:center;justify-content:center}.smile-btn:hover{transform:scale(1.15);border-color:#fff3}.smile-btn.selected{border-color:#00d4ff;transform:scale(1.15)}.rating-feedback{width:100%;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.9rem;font-family:inherit;resize:none;outline:none;transition:border-color .2s}.rating-feedback:focus{border-color:#00d4ff}.rating-actions{display:flex;gap:12px;width:100%}.rating-submit{flex:1;padding:12px;border:none;border-radius:8px;background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:opacity .2s}.rating-submit:hover:not(:disabled){opacity:.85}.rating-submit:disabled{opacity:.3;cursor:not-allowed}.rating-skip{padding:12px 20px;border:none;border-radius:8px;background:transparent;color:#fff6;font-size:.95rem;cursor:pointer;transition:color .2s}.rating-skip:hover{color:#ffffffb3}.rating-thanks{color:#00d4ff;font-size:1.1rem}@media(max-width:768px){.home h1{font-size:2.25rem}.control-btn{width:48px;height:48px;font-size:1.2rem}.user-info{top:10px;right:10px;padding:6px 12px}.user-info .user-name{display:none}.login h1{font-size:2.25rem}.signal-indicator-content{display:none}}