.button-spinner{animation:button-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;vertical-align:middle;width:16px}@keyframes button-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body,html{box-sizing:border-box;height:100vh;margin:0;padding:0;width:100vw}:root{--bg-overlay:#00000052;--card-width:clamp(300px,38vw,420px);--gap:1rem;--accent:#ff4da6;--accent-600:#e04392;--success:#28a745;--danger:#d9534f;--glass:#ffffffeb;--shadow:0 8px 24px #0000001f}.auth-container{align-items:stretch;background-image:var(--bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;display:grid;grid-template-columns:clamp(300px,38vw,420px) 1fr;grid-template-columns:var(--card-width) 1fr;min-height:100vh;overflow:hidden;position:relative;width:100%}.auth-container:after{background:#00000052;background:var(--bg-overlay);bottom:0;content:"";left:clamp(300px,38vw,420px);left:var(--card-width);position:absolute;right:0;top:0;z-index:1}.auth-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffd1!important;box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow);flex-direction:column;gap:1rem;gap:var(--gap);margin-top:-8rem;overflow-y:auto;padding:.15rem clamp(20px,4vw,48px) clamp(20px,4vw,48px);position:relative;z-index:2}.auth-card,.logo-wrapper{display:flex;justify-content:center}.logo-wrapper{align-items:center;margin-bottom:.15rem;position:static}.logo-wrapper .app-logo{height:auto;margin:0;width:clamp(64px,8vw,120px)}.auth-card h2{color:#222;font-size:clamp(1.25rem,2.4vw,1.9rem);margin:0 .25rem .08rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:.55rem;width:100%}.auth-input{background:#fff;border:1px solid #e7e7e7;border-radius:10px;border-radius:var(--radius);box-sizing:border-box;font-size:.95rem;padding:.85rem 1rem;transition:all .2s ease;width:100%}.auth-input:focus{border-color:#ff4da6;border-color:var(--accent);outline:3px solid color-mix(in srgb,#ff4da6 18%,#0000);outline:3px solid color-mix(in srgb,var(--accent) 18%,#0000)}.password-wrapper{position:relative}.show-hide-btn{align-items:center;background:none;border:none;color:#666;color:var(--gray);cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:.4rem;top:50%;transform:translateY(-50%);transition:color .2s ease}.show-hide-btn:hover{color:#ff4da6;color:var(--accent)}.auth-btn{align-items:center;background:#ff4da6;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-height:44px;padding:.85rem;transition:all .2s ease}.auth-btn:hover:not(:disabled){background:#e04392;background:var(--accent-600);transform:translateY(-1px)}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{cursor:not-allowed;opacity:.7}.auth-links{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin:.5rem 0 .7rem}.forgot-btn{color:#666;color:var(--gray);font-size:.875rem;font-weight:500}.forgot-btn,.toggle-link{background:none;border:0;cursor:pointer;margin:0;padding:4px 0;transition:all .2s ease}.toggle-link{color:#ff4da6;color:var(--accent);font-size:.95rem;font-weight:600}.forgot-btn:hover,.toggle-link:hover{color:#e04392;color:var(--accent-600);text-decoration:underline}.divider{color:#aaa;color:var(--muted);font-size:.9rem;margin:.5rem 0;padding:.5rem 0;position:relative;text-align:center}.divider:after,.divider:before{background:#eee;content:"";height:1px;position:absolute;top:50%;width:40%}.divider:before{left:0}.divider:after{right:0}.auth-error,.auth-success{border-radius:8px;font-size:.95rem;padding:.6rem}.auth-error{background:color-mix(in srgb,#d9534f 8%,#fff);background:color-mix(in srgb,var(--danger) 8%,#fff);border-left:3px solid #d9534f;border-left:3px solid var(--danger);color:#d9534f;color:var(--danger)}.auth-success{background:color-mix(in srgb,#28a745 8%,#fff);background:color-mix(in srgb,var(--success) 8%,#fff);border-left:3px solid #28a745;border-left:3px solid var(--success);color:#28a745;color:var(--success)}.reset-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;box-sizing:border-box;display:grid;height:100vh;left:0;padding:1rem;place-items:center;position:fixed;top:0;width:100vw;z-index:99999}.reset-form{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000002e;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;max-width:100%;padding:2rem 1.5rem;width:min(92%,420px);z-index:10000}.reset-form h3{color:#222;font-size:1.6rem;margin:0 0 .5rem;text-align:center}.close-btn{background:#f0f0f0;border:0;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;min-height:44px;padding:.85rem;transition:background .2s ease}.close-btn:hover{background:#e0e0e0}.auth-visuals{color:#fff;display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh;padding:2.5rem 2.5rem 2.5rem clamp(24px,6vw,64px);position:relative;z-index:2}.social-info{align-self:center;margin-top:auto;padding-bottom:2rem;text-align:center;width:100%}.social-info h3{font-size:clamp(1.1rem,2.2vw,1.8rem);font-weight:700;margin-bottom:.6rem}.social-info p{font-size:clamp(.92rem,1.2vw,1rem);line-height:1.6;margin:0 auto;max-width:42ch}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (max-width:880px){.auth-container{display:flex;flex-direction:column;grid-template-columns:1fr;height:auto;min-height:100vh}.auth-container:after{background:linear-gradient(180deg,#00000052,#00000080);background:linear-gradient(180deg,var(--bg-overlay) 0,#00000080 100%);bottom:0;left:0;top:0}.auth-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffff2!important;border-radius:0;margin:0;max-width:100%;min-height:auto;order:2;padding:2rem 1.5rem 2.5rem;width:100%}.auth-visuals{align-items:center;justify-content:center;min-height:30vh;order:1;padding:2rem 1.5rem 1.5rem;text-align:center}.social-info{margin-top:0;padding-bottom:0}.logo-wrapper{margin-bottom:1rem}.logo-wrapper .app-logo{width:clamp(72px,15vw,100px)}.auth-card h2{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:1.25rem}.auth-form{gap:1rem;margin-bottom:.5rem}.auth-input{border-radius:12px;font-size:16px;padding:1rem 1.1rem}.password-wrapper .show-hide-btn{padding:8px;right:.75rem}.auth-btn{border-radius:12px;font-size:1.05rem;margin-top:.25rem;padding:1.1rem 1rem}.auth-links{gap:1rem;margin:1rem 0}.forgot-btn{font-size:.95rem}.forgot-btn,.toggle-link{align-items:center;display:flex;justify-content:center;min-height:44px;padding:6px 0}.toggle-link{font-size:1rem}.divider{font-size:.95rem;margin:1rem 0}#google-signin-btn{display:flex;justify-content:center;margin-bottom:1rem!important}#google-signin-btn>div{max-width:100%;width:100%!important}.auth-error,.auth-success{border-radius:10px;font-size:.95rem;line-height:1.5;padding:.85rem}}@media (max-width:480px){.auth-card{padding:1.75rem 1.25rem 2rem}.auth-visuals{min-height:25vh;padding:1.5rem 1.25rem 1.25rem}.logo-wrapper .app-logo{width:clamp(64px,18vw,88px)}.auth-card h2{font-size:1.5rem;margin-bottom:1rem}.auth-form{gap:.9rem}.social-info h3{font-size:1.25rem}.social-info p{font-size:.9rem}.reset-form{padding:1.5rem 1.25rem;width:min(94%,380px)}.reset-form h3{font-size:1.4rem;margin-bottom:1rem}}@media (max-height:600px) and (orientation:landscape){.auth-container{display:grid;grid-template-columns:40% 60%}.auth-container:after{left:40%}.auth-visuals{min-height:100vh;order:1;padding:1.5rem}.auth-card{order:2;overflow-y:auto;padding:1.5rem}.social-info{display:none}.logo-wrapper{margin-bottom:.75rem}.logo-wrapper .app-logo{width:64px}.auth-card h2{font-size:1.3rem;margin-bottom:.75rem}.auth-form{gap:.65rem}.auth-input{padding:.75rem 1rem}.auth-btn{padding:.85rem 1rem}.auth-links{gap:.5rem}.auth-links,.divider{margin:.75rem 0}}.spinner-overlay{align-items:center;animation:fadeIn .2s ease-in;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.spinner{height:40px;position:relative;width:40px}.spinner:before{animation:spin .8s cubic-bezier(.68,-.55,.265,1.55) infinite;border-color:#ff7b95 #ff7b95 #0000 #0000;border-radius:50%;border-style:solid;border-width:3px;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dashboard-root{background:#fff5f8;color:#333;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,sans-serif;min-height:100vh}.dashboard-content{display:flex;flex:1 1;min-height:0}.dashboard-sidebar{background:#fff;border-radius:0 24px 24px 0;box-shadow:2px 0 12px #00000014;padding-top:40px;width:80px}.dashboard-sidebar,.sidebar-icon{align-items:center;display:flex;flex-direction:column}.sidebar-icon{cursor:pointer;margin-bottom:32px;transition:transform .2s}.sidebar-icon svg{color:#ff7b95;font-size:2rem;margin-bottom:4px;transition:color .3s}.sidebar-icon:hover svg{color:#ff4c6d;transform:scale(1.2)}.sidebar-label{color:#444;font-size:.85rem}.dashboard-main{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:120px 5vw 40px}.dashboard-cards-container{gap:80px;max-width:900px;width:100%}.dashboard-actions,.dashboard-cards-container{display:flex;flex-wrap:wrap;justify-content:center}.dashboard-actions{gap:24px;margin-bottom:32px}.create-session-btn,.join-session-btn{background:#ff7b95;border:none;border-radius:32px;box-shadow:0 4px 16px #0000001f;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:16px 36px;transition:all .3s ease}.create-session-btn:hover,.join-session-btn:hover{background:#ff4c6d;transform:translateY(-2px) scale(1.05)}.dashboard-sessions{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:900px;width:100%}.session-card{background:#fff;border-radius:18px;box-shadow:0 6px 20px #00000014;display:flex;flex-direction:column;justify-content:space-between;padding:28px 24px;transition:transform .2s,box-shadow .2s}.session-card:hover{box-shadow:0 12px 28px #00000026;transform:translateY(-4px)}.session-info{margin-bottom:18px}.session-name{color:#ff7b95;font-size:1.3rem;font-weight:700}.session-host,.session-time{color:#666;font-size:1rem;margin-top:4px}.session-join-btn{background:#ffe6eb;border:none;border-radius:24px;box-shadow:0 2px 8px #00000014;color:#ff4c6d;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 28px;transition:all .3s ease}.session-join-btn:hover{background:#ffd0d8;transform:translateY(-2px) scale(1.05)}.dashboard-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000040;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.dashboard-modal{align-items:center;animation:modalPop .25s cubic-bezier(.25,.8,.25,1);background:#fff;border-radius:24px;box-shadow:0 12px 40px #00000040,0 1.5px 8px #00000026;color:#333;display:flex;flex-direction:column;max-width:95vw;min-width:370px;padding:48px 36px 36px;position:relative}.dashboard-modal-close{align-items:center;background:#ff7b95;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:2.1rem;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s;width:40px}.dashboard-modal-close:hover{background:#ff4c6d}@media (max-width:900px){.dashboard-main{padding:24px 2vw}.dashboard-sessions{gap:18px}}@media (max-width:700px){.dashboard-content{flex-direction:column}.dashboard-sidebar{align-items:center;border-radius:0 0 24px 24px;flex-direction:row;height:70px;justify-content:space-around;padding-top:0;width:100%}.sidebar-icon{margin-bottom:0;margin-right:0}}.dashboard-btn{align-items:center;background:#ff7b95;border:none;border-radius:24px;box-shadow:0 4px 12px #ff7b954d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-top:20px;min-width:140px;padding:14px 32px;transition:all .3s ease;width:100%}.dashboard-btn:hover:not(:disabled){background:#ff4c6d;box-shadow:0 6px 16px #ff7b9566;transform:translateY(-2px)}.dashboard-btn:active:not(:disabled){transform:translateY(0)}.dashboard-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.dashboard-input{background:#fff;border:2px solid #ffe6eb;border-radius:12px;box-sizing:border-box;color:#333;font-size:1rem;margin-bottom:8px;outline:none;padding:14px 18px;transition:all .2s ease;width:100%}.dashboard-input:focus{border-color:#ff7b95;box-shadow:0 0 0 4px #ff7b951a}.dashboard-input::placeholder{color:#aaa}.dashboard-section{max-width:450px;width:100%}.dashboard-section h3{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:12px}.dashboard-section form{display:flex;flex-direction:column;gap:8px}.dashboard-error{background:#ffe6e6;color:#e74c3c}.dashboard-error,.dashboard-success{border-radius:8px;font-size:.9rem;margin-top:12px;padding:8px 12px;text-align:center}.dashboard-success{background:#e6ffe6;color:#27ae60}.navigation-nav{align-items:center;background:#fff;border-radius:0 0 16px 16px;box-shadow:0 4px 16px #00000014;display:flex;justify-content:space-between;padding:12px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navigation-logo{align-items:center;display:flex;gap:12px}.navigation-logo-img{border:1.5px solid #ff9aa2;border-radius:50%;height:36px;object-fit:cover;width:36px}.navigation-logo-text{color:#ff6b81;font-size:1.4rem;font-weight:700;letter-spacing:1px}.navigation-profile-icon-btn{background:none;border:none;border-radius:50%;cursor:pointer;padding:4px;transition:background .3s}.navigation-profile-icon-btn:hover{background:#ffe6eb}.navigation-profile-icon{color:#ff6b81;font-size:1.9rem}.navigation-profile-dropdown{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;overflow:hidden;position:absolute;right:0;top:48px;width:200px;z-index:100}.navigation-profile-dropdown-item{color:#333;cursor:pointer;font-size:1rem;padding:12px 18px;transition:background .2s,color .2s}.navigation-profile-dropdown-item:hover{background:#ffe6eb;color:#ff6b81}.navigation-profile-name{background:#ff6b81;border-bottom:1px solid #ff4a60;color:#fff;font-weight:600;padding:10px 0;text-align:center}.funtellime-card{background:linear-gradient(135deg,#fff,#ffe6eb);border:2px solid #ff7b951a;border-radius:20px;box-shadow:0 8px 24px #ff7b9526;flex:1 1;margin-bottom:24px;max-width:420px;min-width:320px;padding:32px 28px;text-align:center;transition:all .3s ease}.funtellime-card:hover{box-shadow:0 12px 32px #ff7b9540;transform:translateY(-4px)}.funtellime-card h2{color:#ff4c6d;font-size:1.5rem;font-weight:700;margin-bottom:12px}.funtellime-card p{color:#666;line-height:1.6;margin-bottom:20px}.coming-soon-badge{background:linear-gradient(135deg,#ff7b95,#ff4c6d);box-shadow:0 2px 8px #ff7b954d;display:inline-block;font-size:.85em;padding:6px 16px}.funtellime-btn{align-items:center;background:#ff7b95;border:none;border-radius:24px;box-shadow:0 4px 12px #ff7b9533;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:12px 32px;transition:all .3s ease}.funtellime-btn:hover:not(:disabled){background:#ff4c6d;box-shadow:0 6px 16px #ff7b954d;transform:translateY(-2px)}.funtellime-btn:disabled{cursor:not-allowed;opacity:.5}.beta-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:inline-block;font-size:.85em;font-weight:600;padding:6px 16px}.intellime-card{background:linear-gradient(135deg,#fff,#ffe6eb);border:2px solid #ff7b951a;border-radius:20px;box-shadow:0 8px 24px #ff7b9526;flex:1 1;margin-bottom:24px;max-width:420px;min-width:320px;padding:32px 28px;text-align:center;transition:all .3s ease}.intellime-card:hover{box-shadow:0 12px 32px #ff7b9540;transform:translateY(-4px)}.intellime-card h2{color:#ff4c6d;font-size:1.5rem;font-weight:700;margin-bottom:12px}.intellime-card p{color:#666;line-height:1.6;margin-bottom:20px}.intellime-btn{align-items:center;background:#ff7b95;border:none;border-radius:24px;box-shadow:0 4px 12px #ff7b954d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;margin-top:8px;padding:12px 32px;transition:all .3s ease}.intellime-btn:hover{background:#ff4c6d;box-shadow:0 6px 16px #ff7b9566;transform:translateY(-2px)}.intellime-btn:active{transform:translateY(0)}.complete-profile-page{align-items:flex-start;background:#fff5f8;color:#333;display:flex;font-family:Segoe UI,Tahoma,sans-serif;justify-content:center;min-height:100vh;padding:60px 20px}.complete-profile-card{align-items:center;background:#fff;border:2px solid #ff7b951a;border-radius:20px;box-shadow:0 8px 32px #ff7b9526;display:flex;flex-direction:column;max-width:600px;padding:40px 35px;width:100%}.complete-profile-title{color:#ff4c6d;font-size:2rem;font-weight:700;margin-bottom:30px}.complete-profile-form label{color:#666;display:block;font-weight:600;margin-bottom:8px;margin-top:20px}.profile-input,.profile-textarea,select{background:#fff;border:2px solid #ffe6eb;border-radius:12px;box-sizing:border-box;font-size:1rem;max-width:100%;padding:14px 16px;transition:border-color .3s,box-shadow .3s;width:100%}.profile-input:focus,.profile-textarea:focus,select:focus{border-color:#ff7b95;box-shadow:0 0 0 4px #ff7b9526;outline:none}.profile-textarea{min-height:80px;resize:vertical}.profile-pic-upload{align-items:center;display:flex;flex-direction:column;margin-bottom:25px;width:100%}.profile-pic-input{cursor:pointer;margin-top:10px}.profile-pic-preview{border:3px solid #ff7b95;border-radius:50%;box-shadow:0 4px 12px #ff7b9533;height:120px;margin-top:15px;object-fit:cover;transition:transform .3s;width:120px}.profile-pic-preview:hover{transform:scale(1.05)}.profile-btn,.profile-btn-secondary{border-radius:24px;box-sizing:border-box;cursor:pointer;font-size:1rem;font-weight:700;max-width:100%;padding:14px 0;transition:transform .2s,box-shadow .2s;width:100%}.profile-btn{background:#ff7b95;border:none;box-shadow:0 4px 12px #ff7b954d;color:#fff;margin-top:25px}.profile-btn:hover{background:#ff4c6d;box-shadow:0 6px 16px #ff7b9566;transform:translateY(-2px)}.profile-btn-secondary{background:#ffe6eb;border:2px solid #ff7b95;color:#ff4c6d;margin-top:15px}.profile-btn-secondary:hover{background:#ffd0d8}.profile-error{color:#dc2626;font-weight:500;margin-top:15px;text-align:center}@media (max-width:640px){.complete-profile-card{padding:30px 20px}.profile-pic-preview{height:100px;width:100px}}:root{--bg-overlay:#00000047;--glass:#fff;--shadow:0 8px 24px #00000014;--radius:10px;--accent:#ff7b95;--accent-600:#ff4c6d;--muted:#aaa;--gray:#666}body{background:#fff5f8;color:#1e293b;font-family:Segoe UI,Tahoma,sans-serif}.complete-profile-skeleton,.profile-skeleton{align-items:center;display:flex;flex-direction:column;gap:14px;padding:32px 0}.complete-profile-skeleton-avatar,.profile-skeleton-avatar{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f5f5f5,#e8e8e8 50%,#f5f5f5);background-size:200% 100%;border-radius:50%}.complete-profile-skeleton-avatar{height:80px;width:80px}.complete-profile-skeleton-line,.profile-skeleton-line{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f5f5f5,#e8e8e8 50%,#f5f5f5);background-size:200% 100%;border-radius:8px;height:16px}.user-profile-page{background:#fff;background:var(--glass);border-radius:10px;border-radius:var(--radius);box-shadow:0 8px 24px #00000014;box-shadow:var(--shadow);margin:40px auto;max-width:900px;padding:40px 20px}.user-profile-header{margin-bottom:40px;text-align:center}.user-profile-avatar{border:4px solid #ff7b95;border:4px solid var(--accent);border-radius:50%;height:130px;margin-bottom:16px;object-fit:cover;width:130px}.user-profile-header h1{color:#222;font-size:1.8rem;margin-bottom:6px}.user-profile-email{color:#aaa;color:var(--muted);margin-bottom:16px}.user-profile-content{display:flex;flex-wrap:wrap;gap:32px 28px;justify-content:center;margin-top:32px}.user-profile-info-card{align-items:center;background:linear-gradient(120deg,#fff5f8 60%,#ffe6eb);border-radius:16px;box-shadow:0 4px 18px 0 #ff7b951a;display:flex;flex:1 1 320px;flex-direction:column;max-width:340px;min-width:220px;padding:26px 32px 22px;position:relative;text-align:center;transition:box-shadow .18s,transform .18s;width:100%}.user-profile-info-card:hover{box-shadow:0 8px 32px 0 #ff4c6d29;transform:translateY(-3px) scale(1.025)}.user-profile-summary-card{align-items:center;background:linear-gradient(90deg,#fff,#ffe6eb 90%);border-radius:18px;box-shadow:0 6px 24px 0 #ff7b9521;display:flex;gap:28px;grid-column:1/-1;justify-content:flex-start;margin-bottom:18px;max-width:700px;padding:32px 36px 24px;width:100%}.user-profile-summary-avatar{background:#fff;border:3px solid #ff7b95;border:3px solid var(--accent);border-radius:50%;height:90px;object-fit:cover;width:90px}.user-profile-summary-details{display:flex;flex-direction:column;gap:6px}.user-profile-summary-name{color:#222;font-size:1.5rem;font-weight:700}.user-profile-summary-email{color:#aaa;color:var(--muted);font-size:1.08rem}.user-profile-info-card h2{color:#ff4c6d;font-size:1.1rem;font-weight:600;margin-bottom:8px;text-align:center;width:100%}.user-profile-info-card p{color:#333;font-size:1.08rem;line-height:1.7;margin:0;text-align:center;width:100%}.user-profile-about-card{align-items:center;flex:2 1 600px;max-width:700px;min-width:340px;text-align:center}.user-profile-placeholder{color:#bbb;font-style:italic}.user-profile-form-fields{display:flex;flex-direction:column;gap:0;margin:0 auto 24px;max-width:600px;min-width:340px;width:100%}.user-profile-input,.user-profile-textarea{background:#fff;border:1.5px solid #e7e7e7;border-radius:10px;border-radius:var(--radius);box-sizing:border-box;font-size:1rem;margin-bottom:18px;max-width:100%;min-width:0;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.user-profile-label{color:#333;display:block;font-weight:500;margin-bottom:4px;margin-top:2px}.user-profile-input:focus,.user-profile-textarea:focus{border-color:#ff7b95;border-color:var(--accent);box-shadow:0 0 0 3px #ff7b9533;outline:none}.user-profile-actions{display:flex;gap:12px;margin-top:10px}.user-profile-btn{background:linear-gradient(90deg,#ff7b95,#ff4c6d);background:linear-gradient(90deg,var(--accent),var(--accent-600));border:none;border-radius:10px;border-radius:var(--radius);color:#fff;cursor:pointer;font-weight:600;padding:10px 22px;transition:transform .15s,box-shadow .2s}.user-profile-btn:hover{box-shadow:0 4px 12px #ff4c6d40;transform:translateY(-2px)}.user-profile-btn-cancel{background:#f3f4f6;color:#666;color:var(--gray)}.user-profile-btn-cancel:hover{background:#e5e7eb}.user-profile-file-input{cursor:pointer;display:block;margin:0 auto}.profile-skeleton{align-items:center;display:flex;flex-direction:column;gap:18px;padding:48px 0}.profile-skeleton-avatar{border-radius:50%;height:96px;width:96px}.profile-skeleton-avatar,.profile-skeleton-line{animation:skeleton-loading 1.2s linear infinite;background:linear-gradient(90deg,#e0e7ff 25%,#f0f4ff 50%,#e0e7ff 75%)}.profile-skeleton-line{border-radius:8px;height:18px}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:200px 0}}.lobby-root{background:linear-gradient(135deg,#fff5f8,#fff);border-radius:20px;box-shadow:0 8px 32px #ff7b9526;display:flex;flex-direction:column;height:calc(100vh - 100px);margin:20px auto;max-width:1000px;overflow:hidden;padding:25px}.lobby-header{align-items:center;border-bottom:2px solid #ffe6eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.lobby-header h2{color:#333;font-size:1.5rem;font-weight:700;margin:0}.lobby-count{align-items:center;display:flex;gap:8px}.count-badge{background:linear-gradient(135deg,#ff7b95,#ff4c6d);border-radius:20px;box-shadow:0 4px 12px #ff7b954d;color:#fff;font-size:1rem;font-weight:700;padding:6px 16px}.count-label{color:#666;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.lobby-content{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:1fr 1fr;overflow:hidden}.lobby-left-panel,.lobby-right-panel{display:flex;flex-direction:column;gap:15px}.lobby-meet-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:15px}.lobby-instruction-message{background:linear-gradient(135deg,#fff5f8,#ffe6eb);border:2px dashed #ff7b95;border-radius:10px;color:#333;font-size:.95rem;font-weight:600;margin-bottom:12px;padding:10px;text-align:center}.lobby-meet-label{color:#666;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.lobby-meet-link{background:linear-gradient(135deg,#ff7b95,#ff4c6d);border-radius:12px;box-shadow:0 4px 12px #ff7b954d;color:#fff;display:block;font-size:1rem;font-weight:700;padding:14px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.lobby-meet-link:hover{background:linear-gradient(135deg,#ff4c6d,#ff7b95);box-shadow:0 6px 20px #ff7b9566;transform:translateY(-2px)}.meet-link-confirmed{align-items:center;background:#e8f5e9;border:2px solid #27ae60;border-radius:8px;color:#27ae60;display:flex;font-size:.875rem;font-size:.8rem;font-weight:600;gap:6px;gap:4px;justify-content:center;margin-top:12px;margin-top:6px;padding:10px}.lobby-participants{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;flex:1 1;overflow-y:auto;padding:15px}.lobby-participants h3{color:#333;font-size:1rem;font-weight:600;margin:0 0 12px}.participants-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.participant-item{align-items:center;background:#fff5f8;border-radius:10px;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.participant-item:hover{transform:translateX(2px)}.participant-avatar{align-items:center;background:linear-gradient(135deg,#ff7b95,#ff4c6d);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:36px;justify-content:center;width:36px}.participant-info{align-items:center;display:flex;flex:1 1;gap:6px}.participant-name{color:#333;font-size:.9rem;font-weight:600}.participant-host-badge{background:gold;border-radius:10px;color:#333;font-size:.65rem;font-weight:700;padding:2px 6px;text-transform:uppercase}.participant-status{flex-shrink:0}.status-ready{color:#27ae60;font-size:.8rem;font-weight:600}.status-waiting{color:#999;font-size:.8rem}.lobby-ready-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:15px}.ready-count{margin-bottom:12px}.ready-count-text{color:#666;font-size:.9rem;font-weight:600}.lobby-instruction{background:#fff5f8;border:2px solid #ffe6eb;border-radius:8px;color:#ff7b95;font-size:.875rem;font-weight:600;margin:12px 0;padding:12px;text-align:center}.lobby-actions{display:flex;flex-direction:column;gap:12px;margin:12px 0}.lobby-ready-btn{background:linear-gradient(135deg,#ff7b95,#ff4c6d);border:none;border-radius:12px;box-shadow:0 4px 16px #ff7b954d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:1px;padding:14px 32px;text-transform:uppercase;transition:all .3s ease;width:100%}.lobby-ready-btn:hover:not(:disabled){box-shadow:0 6px 20px #ff7b9566;transform:translateY(-2px)}.lobby-ready-btn:disabled{opacity:.6;transform:none}.lobby-ready-btn.disabled,.lobby-ready-btn:disabled{background:#e0e0e0;box-shadow:none;cursor:not-allowed}.lobby-ready-btn.ready{background:#27ae60;box-shadow:0 4px 16px #27ae604d}.lobby-leave-btn{background:#fff;border:2px solid #f44336;border-radius:12px;color:#f44336;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.lobby-leave-btn:hover{background:#f44336;box-shadow:0 4px 12px #f443364d;color:#fff;transform:translateY(-2px)}.lobby-waiting-message{background:linear-gradient(135deg,#fff5f8,#ffe6eb);border:2px dashed #ff7b95;border-radius:12px}.lobby-waiting-for-others,.lobby-waiting-message{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:20px;padding:20px;text-align:center}.lobby-waiting-for-others{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #27ae60;border-radius:12px}.waiting-icon{animation:pulse 1.5s ease-in-out infinite;font-size:2.5rem}.waiting-text{font-size:.95rem;line-height:1.4}.all-ready-message{animation:bounce-in .5s ease-out;background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:12px;box-shadow:0 4px 20px #27ae6066;color:#fff;font-size:1.1rem;font-weight:700;margin-top:20px;padding:20px;text-align:center}.lobby-notification{animation:slideInRight .3s ease-out;background:linear-gradient(135deg,#ff7b95,#ff4c6d);border-radius:12px;box-shadow:0 8px 24px #ff7b9566;color:#fff;font-size:.95rem;font-weight:600;min-width:250px;padding:16px 24px;position:fixed;right:20px;top:20px;z-index:1000}.lobby-notification.leave{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 8px 24px #ff980066}@media (max-width:968px){.lobby-content{grid-template-columns:1fr}.lobby-root{height:auto;max-height:calc(100vh - 100px)}}@media (max-width:768px){.lobby-root{margin:15px;padding:20px}.lobby-header h2{font-size:1.2rem}.participant-avatar{font-size:.9rem;height:32px;width:32px}}.questions-root{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000012;margin:40px auto;max-width:400px;padding:32px;text-align:center}.questions-progress{color:#0074d9;font-size:1.1em;margin-bottom:18px}.questions-card{background:#f5f5f5;border-radius:8px;margin-bottom:18px;padding:24px 16px}.questions-text{font-size:1.2em;margin-bottom:18px}.questions-done-btn{background:#0074d9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1em;margin-top:8px;padding:10px 32px;transition:background .2s}.questions-done-btn:disabled{background:#aaa;cursor:not-allowed}.virtual-room-root{background:linear-gradient(135deg,#fff5f8,#fff);border-radius:20px;box-shadow:0 8px 32px #ff7b9526;display:flex;flex-direction:column;height:calc(100vh - 100px);margin:20px auto;max-width:1400px;overflow:hidden;padding:20px}.virtual-room-meet-section{align-items:center;background:linear-gradient(135deg,#ff7b95,#ff4c6d);border-radius:12px;box-shadow:0 4px 15px #ff7b9533;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;margin-bottom:15px;padding:10px 20px}.virtual-room-meet-label{color:#fff;font-size:.85rem;font-weight:600}.virtual-room-meet-link{background:#fff3;border-radius:8px;color:#fff;font-size:.9rem;font-weight:700;padding:6px 16px;text-decoration:none;transition:all .2s ease}.virtual-room-meet-link:hover{background:#ffffff4d}.virtual-room-header{border-bottom:2px solid #ffe6eb;flex-shrink:0;margin-bottom:15px;padding-bottom:12px;text-align:center}.virtual-room-header h2{color:#333;font-size:1.3rem;font-weight:700;margin:0 0 5px}.card-progress{color:#ff7b95;font-size:.85rem;font-weight:600}.current-speaker-section{flex-shrink:0;margin-bottom:15px;text-align:center}.speaker-label{animation:speakerPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff7b95,#ff4c6d);border-radius:16px;box-shadow:0 4px 16px #ff7b954d;color:#fff;display:inline-block;font-size:.95rem;font-weight:700;padding:10px 24px}@keyframes speakerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.prompt-card{border:2px solid #ffe6eb;box-shadow:0 4px 16px #00000014;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-bottom:15px;max-height:300px;overflow-y:auto;padding:20px}.prompt-icon{font-size:2rem;margin-bottom:10px}.prompt-text{font-size:1.4rem;font-weight:600}.participants-status{flex-shrink:0;margin-bottom:15px;max-height:120px;overflow-y:auto}.status-header{color:#666;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-align:center;text-transform:uppercase}.participants-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.participant-badge{align-items:center;background:#fff;border:2px solid #0000;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:row;gap:8px;min-width:120px;padding:8px 12px;transition:all .2s ease}.participant-badge.speaker{background:linear-gradient(135deg,#fff5f8,#fff);border-color:#ff7b95}.participant-badge.done{background:#e6ffe6;border-color:#27ae60}.participant-badge:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.participant-avatar-small{align-items:center;background:linear-gradient(135deg,#ff7b95,#ff4c6d);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:28px;justify-content:center;width:28px}.participant-badge.done .participant-avatar-small{background:linear-gradient(135deg,#27ae60,#2ecc71)}.participant-name-small{color:#333;flex:1 1;font-size:.8rem;font-weight:600;text-align:left}.done-checkmark{color:#27ae60;font-weight:700}.done-checkmark,.speaker-indicator{font-size:.9rem;margin-left:auto}.virtual-room-actions{flex-shrink:0;text-align:center}.done-btn{background:linear-gradient(135deg,#ff7b95,#ff4c6d);border:none;border-radius:20px;box-shadow:0 4px 16px #ff7b954d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:12px 36px;text-transform:uppercase;transition:all .3s ease}.done-btn:hover:not(:disabled){box-shadow:0 6px 20px #ff7b9566;transform:translateY(-2px)}.done-btn:disabled{background:#e0e0e0;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.done-btn.done{background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 4px 16px #27ae604d}.waiting-message{background:#fff5f8;border:2px solid #ffe6eb;border-radius:12px;color:#ff7b95;font-size:.95rem;font-weight:600;padding:12px 24px}.all-done-message{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;margin-top:15px;padding:12px}.session-complete{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.complete-icon{animation:bounce 1s ease-in-out;font-size:4rem;margin-bottom:20px}.session-complete h3{color:#333;font-size:1.6rem;font-weight:700;margin-bottom:12px}.session-complete p{color:#666;font-size:1rem;line-height:1.6}@media (max-width:768px){.virtual-room-root{margin:10px;padding:15px}.virtual-room-meet-section{align-items:flex-start;flex-direction:column}.prompt-card{max-height:250px;padding:15px}.prompt-text{font-size:.95rem}.participant-badge{min-width:100px;padding:6px 10px}.done-btn{font-size:.95rem;padding:10px 24px}}.breakout-room-root{grid-gap:15px;display:grid;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;gap:15px;grid-template-rows:auto auto 1fr auto;height:calc(100vh - 100px);margin:20px auto;max-width:1200px;overflow:hidden;padding:20px}.breakout-header-bar{align-items:center;background:linear-gradient(135deg,#ff7b95,#ff4c6d);border-radius:12px;box-shadow:0 4px 20px #ff7b954d;display:flex;flex-shrink:0;justify-content:space-between;padding:15px 20px}.header-left{align-items:center;display:flex;gap:15px}.question-counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:8px;color:#fff;font-size:1rem;font-weight:700;padding:8px 16px}.compact-meet-link{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#ff7b95;font-size:.9rem;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s ease}.compact-meet-link:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.header-right{align-items:center;display:flex;gap:15px}.partner-info-compact{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:8px;display:flex;gap:10px;padding:8px 16px}.partner-avatar-tiny{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#ff7b95;display:flex;font-size:.95rem;font-weight:700;height:32px;justify-content:center;width:32px}.partner-name-tiny{color:#fff;font-size:.9rem;font-weight:600}.breakout-timer-compact{font-feature-settings:"tnum";font-size:1.1rem;font-variant-numeric:tabular-nums;font-weight:700;min-width:80px;padding:8px 16px;text-align:center}.breakout-leave-btn-compact,.breakout-timer-compact{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:8px;color:#fff}.breakout-leave-btn-compact{align-items:center;border:2px solid #ffffff4d;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:36px;justify-content:center;padding:0;transition:all .3s ease;width:36px}.breakout-leave-btn-compact:hover{background:#f44336e6;border-color:#f44336;transform:scale(1.1)}.turn-indicator-wrapper{align-items:center;display:flex;flex-shrink:0;justify-content:center}.turn-indicator-compact{align-items:center;border-radius:20px;box-shadow:0 3px 15px #00000026;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;letter-spacing:.3px;overflow:hidden;padding:10px 24px;position:relative;text-align:center}.turn-indicator-compact:before{animation:pulse-line 2s ease-in-out infinite;background:currentColor;bottom:0;content:"";left:0;opacity:.7;position:absolute;top:0;width:5px}@keyframes pulse-line{0%,to{opacity:.7;transform:scaleY(1)}50%{opacity:1;transform:scaleY(.8)}}.turn-indicator-compact span{align-items:center;display:flex;gap:10px;position:relative;z-index:1}.turn-indicator-compact span:before{animation:blink 1.5s ease-in-out infinite;content:"▶";font-size:1.2rem}.turn-indicator-compact.partner-turn span:before{animation:pulse-dot 2s ease-in-out infinite;content:"●"}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.turn-indicator-compact.my-turn{animation:glow-green 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);color:#fff}.turn-indicator-compact.partner-turn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}@keyframes glow-green{0%,to{box-shadow:0 4px 20px #10b98166}50%{box-shadow:0 4px 30px #10b981b3,0 0 40px #10b9814d}}.breakout-prompt-card{align-items:center;background:linear-gradient(135deg,#fff,#fff5f8);border:3px solid #ffe6eb;border-radius:16px;box-shadow:0 8px 30px #ff7b9526;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;padding:40px;position:relative;text-align:center}.breakout-prompt-card:before{color:#ffe6eb;content:'"';font-family:Georgia,serif;font-size:6rem;left:25px;line-height:1;opacity:.5;position:absolute;top:15px}.prompt-label{background:#fff5f8;border-radius:20px;color:#ff7b95;font-size:.75rem;font-weight:700;letter-spacing:2px;margin-bottom:20px;padding:6px 16px;text-transform:uppercase}.breakout-prompt-text{color:#333;font-size:1.6rem;font-weight:600;line-height:1.7;max-width:800px;position:relative;z-index:1}.breakout-done-section{flex-shrink:0;margin:0;text-align:center}.breakout-done-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 20px #10b9814d;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:700;max-width:400px;overflow:hidden;padding:16px 48px;position:relative;transition:all .3s ease;width:100%}.breakout-done-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.breakout-done-btn:hover:before{height:300px;width:300px}.breakout-done-btn:hover{box-shadow:0 8px 30px #10b98180;transform:translateY(-3px)}.breakout-done-btn:active{transform:translateY(-1px)}.time-up-message{animation:pulse-border 2s infinite;background:linear-gradient(135deg,#ff7b95,#ff4c6d);border-radius:10px;box-shadow:0 4px 20px #ff7b9566;color:#fff;flex-shrink:0;font-size:1rem;font-weight:600;padding:14px 20px;text-align:center}@keyframes pulse-border{0%,to{box-shadow:0 4px 20px #ff7b9566}50%{box-shadow:0 4px 30px #ff7b95b3}}.breakout-complete-message{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 10px 40px #10b98166;color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:80px 40px;position:relative;text-align:center}.breakout-complete-message:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.complete-icon{align-items:center;animation:bounce-in .8s ease-out;background:#fff;border-radius:50%;box-shadow:0 8px 30px #0003;color:#10b981;display:flex;font-size:5rem;height:120px;justify-content:center;margin-bottom:25px;position:relative;width:120px;z-index:1}@keyframes bounce-in{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.breakout-complete-message h2{font-size:2.2rem;font-weight:700;margin:0 0 15px;position:relative;z-index:1}.breakout-complete-message p{font-size:1.15rem;margin:0;opacity:.95;position:relative;z-index:1}@media (max-width:768px){.breakout-room-root{grid-template-rows:auto auto 1fr auto;margin:10px;padding:15px}.breakout-header-bar{align-items:stretch;flex-direction:column;gap:12px;padding:12px 15px}.header-left,.header-right{justify-content:space-between}.breakout-timer-compact,.partner-info-compact,.question-counter{flex:1 1;justify-content:center}.breakout-prompt-card{padding:30px 20px}.breakout-prompt-card:before{font-size:4rem;left:15px;top:10px}.breakout-prompt-text{font-size:1.3rem}.breakout-done-btn{font-size:1rem;padding:14px 32px}.breakout-complete-message{padding:60px 30px}.complete-icon{font-size:4rem;height:100px;width:100px}.breakout-complete-message h2{font-size:1.8rem}}.breakout-notification{animation:slideInRight .3s ease-out;background:linear-gradient(135deg,#ff7b95,#ff4c6d);border-radius:12px;box-shadow:0 8px 24px #ff7b9566;color:#fff;font-size:.95rem;font-weight:600;min-width:250px;padding:16px 24px;position:fixed;right:20px;top:20px;z-index:1000}.breakout-notification.leave{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 8px 24px #ff980066}.pre-eval-root{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;height:calc(100vh - 100px);margin:20px auto;max-width:1400px;overflow:hidden;padding:20px}.pre-eval-header{flex-shrink:0;margin-bottom:15px;text-align:center}.pre-eval-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff7b95,#ff4c6d);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0 0 5px}.pre-eval-subtitle{color:#999;font-size:.8rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.pre-eval-partner-card{background:linear-gradient(135deg,#ff7b95,#ff4c6d);border-radius:12px;box-shadow:0 4px 20px #ff7b954d;flex-shrink:0;margin-bottom:15px;padding:15px;text-align:center}.duration-info{color:#ffffffd9;font-size:.75rem;font-style:italic}.pre-eval-instructions{align-items:flex-start;background:#fff5f8;border-left:4px solid #ff7b95;border-radius:10px;display:flex;flex-shrink:0;gap:12px;margin-bottom:15px;padding:12px 15px}.pre-eval-questions{grid-gap:15px;display:grid;flex:1 1;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px;overflow-y:auto;padding-right:5px}.pre-eval-submit-section{flex-shrink:0;padding:15px 0;text-align:center}.pre-eval-submit-btn{background:linear-gradient(135deg,#ff7b95,#ff4c6d);border:none;border-radius:12px;box-shadow:0 6px 20px #ff7b954d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-bottom:10px;padding:12px 36px;transition:all .3s ease}.pre-eval-submit-btn:hover{box-shadow:0 8px 25px #ff7b9566;transform:translateY(-2px)}.pre-eval-submit-btn:active{transform:translateY(0)}.pre-eval-waiting{background:linear-gradient(135deg,#fff5f8,#fff);border:2px solid #ffe6eb;border-radius:12px;padding:30px;text-align:center}.waiting-text{font-size:1.1rem;font-weight:600;margin-bottom:10px}.waiting-text strong{color:#ff7b95}.waiting-subtext{font-size:.85rem}@media (max-width:968px){.pre-eval-questions{grid-template-columns:1fr}}@media (max-width:768px){.pre-eval-root{margin:10px;padding:15px}.pre-eval-header h2{font-size:1.2rem}.eval-question-card{padding:12px}.question-label{font-size:.8rem}.slider-labels{flex-direction:column;gap:8px;text-align:center}.partner-name-large{font-size:1.1rem}}.post-eval-root{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;height:calc(100vh - 100px);margin:20px auto;max-width:1400px;overflow:hidden;padding:20px}.post-eval-header{flex-shrink:0;margin-bottom:15px;text-align:center}.post-eval-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff7b95,#ff4c6d);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0 0 5px}.post-eval-subtitle{color:#999;font-size:.8rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.post-eval-partner-card{background:linear-gradient(135deg,#ff7b95,#ff4c6d);border-radius:12px;box-shadow:0 4px 20px #ff7b954d;flex-shrink:0;margin-bottom:15px;padding:15px;text-align:center}.partner-info-label{color:#ffffffe6;font-size:.75rem;font-weight:500;margin-bottom:10px}.partner-info-display{flex-direction:row;gap:12px;margin-bottom:8px}.partner-avatar-large,.partner-info-display{align-items:center;display:flex;justify-content:center}.partner-avatar-large{background:#fff;color:#ff7b95;font-size:1.5rem;font-weight:700;height:50px;width:50px}.partner-name-large{color:#fff;font-size:1.3rem;font-weight:700}.post-eval-instructions{align-items:flex-start;background:#fff5f8;border-left:4px solid #ff7b95;border-radius:10px;display:flex;flex-shrink:0;gap:12px;margin-bottom:15px;padding:12px 15px}.instruction-icon{flex-shrink:0;font-size:1.3rem}.instruction-text{color:#666;font-size:.85rem;line-height:1.5}.post-eval-questions{grid-gap:15px;display:grid;flex:1 1;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px;overflow-y:auto;padding-right:5px}.eval-question-card{background:#fff;border:2px solid #ffe6eb;border-radius:12px;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;padding:15px;transition:all .3s ease}.eval-question-card:hover{border-color:#ff7b95;box-shadow:0 6px 20px #ff7b9526}.question-number{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#ff7b95,#ff4c6d);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:28px;justify-content:center;margin-bottom:10px;width:28px}.question-content{flex:1 1}.question-label{color:#333;font-size:.9rem;font-weight:600;line-height:1.4;margin-bottom:12px}.slider-container{margin-top:10px}.slider-labels{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.slider-label-high,.slider-label-low{color:#999;font-size:.7rem;font-style:italic}.slider-value{background:#fff5f8;border-radius:6px;color:#ff7b95;font-size:1.2rem;font-weight:700;padding:3px 10px}.eval-slider{-webkit-appearance:none;appearance:none;background:#ffe6eb;border-radius:5px;height:6px;margin-bottom:8px;outline:none;width:100%}.eval-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#ff7b95,#ff4c6d);border-radius:50%;box-shadow:0 2px 8px #ff7b9566;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.eval-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #ff7b9599;transform:scale(1.2)}.eval-slider::-moz-range-thumb{background:linear-gradient(135deg,#ff7b95,#ff4c6d);border:none;border-radius:50%;box-shadow:0 2px 8px #ff7b9566;cursor:pointer;height:18px;-moz-transition:all .2s ease;transition:all .2s ease;width:18px}.eval-slider::-moz-range-thumb:hover{box-shadow:0 4px 12px #ff7b9599;transform:scale(1.2)}.slider-scale{display:flex;justify-content:space-between;padding:0 5px}.scale-marker{color:#ccc;font-size:.7rem;font-weight:600}.post-eval-submit-section{flex-shrink:0;padding:15px 0;text-align:center}.post-eval-submit-btn{background:linear-gradient(135deg,#ff7b95,#ff4c6d);border:none;border-radius:12px;box-shadow:0 6px 20px #ff7b954d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-bottom:10px;padding:12px 36px;transition:all .3s ease}.post-eval-submit-btn:hover{box-shadow:0 8px 25px #ff7b9566;transform:translateY(-2px)}.post-eval-submit-btn:active{transform:translateY(0)}.submit-note{color:#999;font-size:.75rem;font-style:italic;margin:0 auto;max-width:500px}.post-eval-waiting{background:linear-gradient(135deg,#fff5f8,#fff);border:2px solid #ffe6eb;border-radius:12px;padding:30px;text-align:center}.waiting-spinner{animation:spin 2s linear infinite;font-size:3rem;margin-bottom:15px}.waiting-text{color:#333;font-size:1rem;margin-bottom:8px}.waiting-subtext{color:#999;font-size:.8rem;font-style:italic}.discrepancy-summary{align-items:center;background:linear-gradient(135deg,#fff9e6,#fffbf0);border:2px solid #ffd54f;border-radius:12px;display:flex;gap:15px;margin-bottom:20px;padding:20px}.discrepancy-icon{font-size:2.5rem}.discrepancy-text{color:#333;font-size:1rem;font-weight:600}.post-eval-questions::-webkit-scrollbar{width:8px}.post-eval-questions::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.post-eval-questions::-webkit-scrollbar-thumb{background:#ff7b95;border-radius:10px}.post-eval-questions::-webkit-scrollbar-thumb:hover{background:#ff4c6d}@media (max-width:1200px){.post-eval-questions{grid-template-columns:1fr}}@media (max-width:768px){.post-eval-root{padding:15px}.post-eval-header h2{font-size:1.2rem}.partner-name-large{font-size:1.1rem}.partner-avatar-large{font-size:1.2rem;height:40px;width:40px}}.coaching-root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:20px auto;max-width:1200px;min-height:calc(100vh - 100px);padding:20px}.coaching-header{margin-bottom:30px;text-align:center}.coaching-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff7b95,#ff4c6d);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 10px}.coaching-subtitle{color:#666;font-size:1rem;margin:0}.coaching-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-spinner{animation:spin 2s linear infinite;font-size:4rem;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.accuracy-card{background:#fff;border:3px solid #4caf50;border-radius:16px;box-shadow:0 6px 30px #0000001a;margin-bottom:25px;padding:40px;text-align:center}.accuracy-label{color:#999;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.accuracy-score{font-size:4rem;font-weight:800;line-height:1;margin-bottom:10px}.accuracy-level{font-size:1.3rem;font-weight:700;margin-bottom:20px}.accuracy-bar-container{background:#f0f0f0;border-radius:10px;height:12px;margin-top:20px;overflow:hidden;width:100%}.accuracy-bar-fill{border-radius:10px;height:100%;transition:width 1s ease-out}.feedback-card{align-items:flex-start;background:linear-gradient(135deg,#fff5f8,#fff);border:2px solid #ffe6eb;border-radius:12px;display:flex;gap:20px;margin-bottom:25px;padding:25px}.feedback-icon{flex-shrink:0;font-size:2.5rem}.feedback-text{color:#333;font-size:1rem;line-height:1.6;margin:0}.improvement-card{background:linear-gradient(135deg,#e3f2fd,#fff);border:2px solid #90caf9;border-radius:12px;margin-bottom:25px;padding:20px;text-align:center}.improvement-text{color:#333;font-size:1.1rem;font-weight:600;margin:0}.breakdown-section{margin-bottom:30px}.breakdown-section h3{color:#333;font-size:1.3rem;font-weight:700;margin-bottom:15px}.breakdown-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.breakdown-item{background:#fff;border:2px solid #f0f0f0;border-radius:10px;box-shadow:0 4px 15px #00000014;padding:20px;transition:all .3s ease}.breakdown-item:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-3px)}.breakdown-label{color:#666;font-size:.9rem;font-weight:600;margin-bottom:10px}.breakdown-discrepancy{color:#333;font-size:1.1rem;font-weight:700;margin-bottom:8px}.breakdown-status{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:600;padding:4px 12px}.breakdown-status.accurate{background:#e8f5e9;color:#4caf50}.breakdown-status.needs-work{background:#fff3e0;color:#ff9800}.insights-section{background:linear-gradient(135deg,#f3e5f5,#fff);border-radius:12px;margin-bottom:30px;padding:25px}.insights-section h3{color:#333;font-size:1.3rem;font-weight:700;margin-bottom:15px}.insights-content{display:flex;flex-direction:column;gap:15px}.insight-item{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;color:#555;font-size:.95rem;line-height:1.6;padding:15px}.insight-item strong{color:#ff7b95}.insight-item em{color:#666;font-style:italic}.stats-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.stat-box{background:#fff;border:2px solid #f0f0f0;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:25px;text-align:center}.stat-number{color:#ff7b95;font-size:2.5rem;font-weight:800;margin-bottom:10px}.stat-label{color:#999;font-size:.9rem;font-weight:600}.coaching-actions{padding:30px 0;text-align:center}.coaching-continue-btn{background:linear-gradient(135deg,#ff7b95,#ff4c6d);border:none;border-radius:12px;box-shadow:0 6px 20px #ff7b954d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-bottom:15px;padding:15px 50px;transition:all .3s ease}.coaching-continue-btn:hover{box-shadow:0 8px 25px #ff7b9566;transform:translateY(-2px)}.coaching-continue-btn:active{transform:translateY(0)}.coaching-note{color:#999;font-size:.9rem;font-style:italic;margin:10px 0 0}.coaching-error{padding:60px 20px;text-align:center}.coaching-error p{color:#666;font-size:1.1rem;margin-bottom:20px}@media (max-width:768px){.coaching-header h1{font-size:1.5rem}.accuracy-score{font-size:3rem}.breakdown-grid,.stats-section{grid-template-columns:1fr}.feedback-card{flex-direction:column;text-align:center}}.mode-selection-container{align-items:center;background:#fff5f8;display:flex;justify-content:center;min-height:100vh;padding:20px}.mode-selection-content{max-width:900px;width:100%}.mode-selection-title{color:#ff4c6d;font-size:3rem;font-weight:700;margin-bottom:10px;text-align:center}.mode-selection-subtitle{color:#666;font-size:1.3rem;margin-bottom:50px;text-align:center}.mode-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:40px}.mode-card{background:linear-gradient(135deg,#fff,#ffe6eb);border:2px solid #ff7b951a;border-radius:20px;box-shadow:0 8px 24px #ff7b9526;cursor:pointer;padding:40px 30px;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.mode-card:hover{box-shadow:0 12px 32px #ff7b9540;transform:translateY(-10px)}.mode-icon{font-size:4rem;margin-bottom:20px}.mode-card h2{color:#333;font-size:2rem;margin-bottom:10px}.mode-card>p{color:#666;font-size:1.1rem;margin-bottom:15px}.mode-description{color:#888!important;font-size:.95rem!important;line-height:1.6;margin-bottom:25px!important}.mode-btn{border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .3s ease;width:100%}.text-btn{background:#ff7b95;box-shadow:0 4px 12px #ff7b954d}.text-btn:hover{background:#ff4c6d;box-shadow:0 6px 16px #ff7b9566;transform:scale(1.05)}.video-btn{background:#ddd;cursor:not-allowed;opacity:.6}.coming-soon-badge{background:#ff7b95;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:5px 15px;position:absolute;right:15px;top:15px}.back-btn{background:#fff;border:2px solid #ff7b95;border-radius:24px;color:#ff7b95;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin:0 auto;padding:12px 30px;transition:all .3s ease}.back-btn:hover{background:#ff7b95;color:#fff;transform:scale(1.05)}@media (max-width:768px){.mode-selection-title{font-size:2rem}.mode-selection-subtitle{font-size:1rem}.gender-cards,.mode-cards{grid-template-columns:1fr}}.gender-cards{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.gender-card{background:linear-gradient(135deg,#fff,#ffe6eb);border:2px solid #ff7b951a;border-radius:20px;box-shadow:0 8px 24px #ff7b9526;cursor:pointer;padding:35px 25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.gender-card:hover{box-shadow:0 12px 32px #ff7b9540;transform:translateY(-10px)}.gender-icon{font-size:4rem;margin-bottom:20px}.male-icon{color:#4a90e2}.female-icon{color:#ff7b95}.random-icon{color:#9b59b6}.gender-card h2{color:#333;font-size:1.8rem;margin-bottom:10px}.gender-card p{color:#666;font-size:.95rem}.text-lobby-container{align-items:center;background:#fff5f8;display:flex;justify-content:center;min-height:100vh;padding:20px}.text-lobby-content{max-width:480px;width:100%}.search-status{margin-bottom:25px;text-align:center}.search-animation{height:90px;margin:0 auto 20px;position:relative;width:90px}.pulse-ring{animation:pulse 2s ease-out infinite;border:3px solid #ff7b9599;border-radius:50%;height:100%;position:absolute;width:100%}.pulse-ring.delay-1{animation-delay:.5s}.pulse-ring.delay-2{animation-delay:1s}.search-icon{animation:rotate 3s linear infinite;font-size:3rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.search-status h1{color:#ff4c6d;font-size:1.8rem;font-weight:700;margin-bottom:8px}.search-status p{color:#666;font-size:1rem}.factoid-card{animation:slideUp .5s ease-out;background:linear-gradient(135deg,#fff,#ffe6eb);border:2px solid #ff7b951a;border-radius:20px;box-shadow:0 8px 24px #ff7b9526;margin-bottom:25px;padding:20px 25px}.factoid-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.bulb-icon{font-size:1.5rem}.factoid-label{color:#ff7b95;font-size:.8rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.factoid-card h3{color:#333;font-size:1.15rem;font-weight:700;margin-bottom:10px}.factoid-card p{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:15px}.factoid-progress{display:flex;gap:8px;justify-content:center}.progress-dot{background:#ddd;border-radius:50%;height:8px;transition:all .3s ease;width:8px}.progress-dot.active{background:#ff7b95;transform:scale(1.5)}.lobby-info{background:#fff;border-radius:15px;box-shadow:0 4px 12px #ff7b951a;margin-bottom:30px;padding:20px}.info-item{align-items:center;color:#333;display:flex;font-size:1.1rem;gap:15px;margin-bottom:15px}.info-item:last-child{margin-bottom:0}.info-icon{font-size:1.5rem}.cancel-btn{background:#fff;border:2px solid #ff7b95;border-radius:24px;color:#ff7b95;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;padding:15px;transition:all .3s ease;width:100%}.cancel-btn:hover{background:#ff7b95;color:#fff;transform:scale(1.02)}@media (max-width:768px){.search-status h1{font-size:2rem}.factoid-card h3{font-size:1.3rem}.factoid-card p{font-size:1rem}}.dynamic-profiles-container{align-items:flex-start;background:#fff5f8;display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:30px 20px}.dynamic-profiles-content{max-width:1100px;width:100%}.profiles-title{animation:fadeIn .6s ease-out;color:#ff4c6d;font-size:2.2rem;font-weight:700;margin-bottom:6px;text-align:center}.profiles-subtitle{animation:fadeIn .8s ease-out;color:#666;font-size:1rem;margin-bottom:20px;text-align:center}.similarities-section{animation:slideUp .6s ease-out;background:linear-gradient(135deg,#fff,#ffe6eb);border:2px solid #ff7b951a;border-radius:15px;box-shadow:0 6px 20px #ff7b951f;margin-bottom:20px;padding:18px 20px}.similarities-section h3{align-items:center;color:#ff4c6d;display:flex;font-size:1.15rem;gap:8px;justify-content:center;margin-bottom:12px;text-align:center}.similarities-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.similarity-badge{background:#ff7b95;border-radius:20px;box-shadow:0 3px 10px #ff7b9540;color:#fff;font-size:.9rem;font-weight:600;padding:8px 16px}.profiles-grid{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:1fr 60px 1fr;margin-bottom:20px}.profile-card{animation:slideUp .8s ease-out;background:linear-gradient(135deg,#fff,#ffe6eb);border:2px solid #ff7b951a;border-radius:15px;box-shadow:0 6px 20px #ff7b951f;padding:20px 15px;position:relative;text-align:center}.profile-label{background:#ff7b95;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;left:50%;padding:5px 16px;position:absolute;top:12px;transform:translateX(-50%)}.profile-avatar{border:3px solid #ff7b95;border-radius:50%;box-shadow:0 6px 16px #ff7b9540;height:80px;margin:22px auto 12px;overflow:hidden;width:80px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-card h2{color:#333;font-size:1.35rem;margin-bottom:5px}.profile-age-location{color:#666;font-size:.9rem;margin-bottom:12px}.profile-highlights{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.highlight-tag{background:#ffe6eb;border:1px solid #ff7b9533;border-radius:20px;color:#ff4c6d;font-size:.95rem;font-weight:600;padding:8px 16px}.connection-indicator{align-items:center;display:flex;justify-content:center;position:relative}.connection-line{background:#ff7b95;height:3px;width:60px}.connection-heart{align-items:center;animation:heartbeat 1.5s infinite;background:#fff;border-radius:50%;box-shadow:0 4px 15px #ff7b954d;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;width:40px}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.prompt-section{animation:slideUp 1s ease-out;background:linear-gradient(135deg,#fff,#ffe6eb);border:2px solid #ff7b951a;border-radius:15px;box-shadow:0 6px 20px #ff7b951f;margin-bottom:20px;padding:18px 20px}.prompt-section h3{align-items:center;color:#ff4c6d;display:flex;font-size:1.15rem;gap:8px;justify-content:center;margin-bottom:12px;text-align:center}.prompt-card{border-left:4px solid #ff7b95;border-radius:12px;padding:16px}.prompt-card p{color:#333;font-size:.95rem;font-style:italic;line-height:1.5;margin:0}.prompt-info{color:#888;font-size:.85rem;font-style:normal!important;margin-top:8px!important;text-align:center}.start-chat-btn{animation:slideUp 1.2s ease-out;background:linear-gradient(135deg,#ff7b95,#ff4c6d);border:none;border-radius:12px;box-shadow:0 4px 15px #ff7b954d;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:700;margin:0 auto;max-width:400px;padding:14px 36px;transition:all .3s ease;width:100%}.start-chat-btn:hover:not(:disabled){background:#ff4c6d;box-shadow:0 6px 16px #ff7b9566;transform:translateY(-3px)}.start-chat-btn:disabled{cursor:not-allowed;opacity:.7}.start-chat-btn.loading{animation:pulse 1.5s infinite}@media (max-width:768px){.dynamic-profiles-container{padding:20px 15px}.dynamic-profiles-content{max-width:100%}.profiles-grid{gap:20px;grid-template-columns:1fr}.connection-indicator{margin:20px 0;transform:rotate(90deg)}.profiles-title{font-size:2.2rem;font-size:1.8rem}.profile-card h2{font-size:1.5rem}.prompt-card p{font-size:1.1rem}}.text-chat-container{background:#f5f7fa;display:flex;flex-direction:column;height:100vh}.waiting-screen{align-items:center;background:linear-gradient(135deg,#fff5f8,#ffe6eb);display:flex;flex:1 1;justify-content:center}.waiting-content{background:#fff;border-radius:20px;box-shadow:0 8px 24px #ff7b9526;max-width:500px;padding:40px;text-align:center}.waiting-animation{animation:pulse 2s infinite;margin-bottom:20px}.waiting-icon{color:#ff7b95;font-size:4rem}.waiting-content h2{color:#ff4c6d;font-size:1.8rem;margin-bottom:10px}.waiting-content p{color:#666;font-size:1.1rem;margin-bottom:20px}.timer-display{background:linear-gradient(135deg,#ff7b95,#ff4c6d);border-radius:15px;color:#fff;font-size:1.3rem;font-weight:700;margin-top:20px;padding:15px 30px}.timer-display p{color:#fff;margin:0}.chat-header{background:linear-gradient(135deg,#fff,#ffe6eb);border-bottom:2px solid #ff7b951a;box-shadow:0 2px 10px #ff7b9526;justify-content:space-between;padding:15px 25px;position:relative;z-index:10}.chat-header,.chat-header-left{align-items:center;display:flex}.chat-header-left{gap:15px}.partner-avatar{border:3px solid #ff7b95;border-radius:50%;height:50px;overflow:hidden;position:relative;width:50px}.partner-avatar-small{border:2px solid #ff7b95;border-radius:50%;height:40px;object-fit:cover;width:40px}.partner-info{display:flex;flex-direction:column;gap:2px}.partner-info h3{color:#333;font-size:1.1rem}.partner-info p{font-size:.85rem;margin:0}.waiting-status{align-items:center;animation:blink 2s infinite;color:#ff7b95!important;display:flex;font-size:.8rem!important;gap:6px}.waiting-timer{background:#ff7b95;border-radius:10px;color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px}.partner-name{color:#333;font-size:1.1rem;font-weight:600}.partner-avatar img{height:100%;object-fit:cover;width:100%}.online-indicator{animation:pulse 2s infinite;background:#4caf50;border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.partner-info h3{color:#ff4c6d;font-size:1.2rem;margin:0}.partner-info p{color:#666;font-size:.9rem;margin:3px 0 0}.chat-header-right{align-items:center;display:flex;gap:15px}.timer{background:#fff;border:2px solid #ff7b95;border-radius:20px;color:#ff7b95;font-size:1rem;font-weight:600;padding:8px 16px}.timer.warning{animation:blink 1s infinite;background:#ff5252;border-color:#ff5252;color:#fff}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.7}}.end-chat-btn{background:#fff;border:2px solid #ff7b95;border-radius:20px;color:#ff7b95;cursor:pointer;font-weight:600;padding:8px 20px;transition:all .3s ease}.end-chat-btn:hover:not(:disabled){background:#ff7b95;color:#fff}.end-chat-btn:disabled{cursor:not-allowed;opacity:.5}.i-share-prompt-banner{align-items:center;background:linear-gradient(135deg,#ffe6eb,#ffd6e0);border-bottom:2px solid #ff7b951a;box-shadow:0 2px 8px #ff7b951a;display:flex;gap:15px;padding:15px 25px}.prompt-icon{font-size:1.5rem}.i-share-prompt-banner p{color:#ff4c6d;font-size:1.05rem;font-weight:600;line-height:1.5;margin:0}.eq-warning-toast{animation:slideInRight .3s ease-out;background:#ff5252;border-radius:10px;box-shadow:0 4px 20px #ff525266;color:#fff;display:flex;gap:15px;max-width:400px;padding:15px 20px;position:fixed;right:20px;top:100px;z-index:1000}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.warning-icon{font-size:1.5rem}.eq-warning-toast strong{display:block;font-size:1rem;margin-bottom:5px}.eq-warning-toast p{font-size:.9rem;line-height:1.4;margin:0}.messages-container{background:#f5f7fa;flex:1 1;overflow-y:auto;padding:20px;scroll-behavior:smooth}.welcome-message{color:#999;font-size:1.1rem;padding:40px 20px;text-align:center}.message{animation:fadeIn .3s ease-out;display:flex;margin-bottom:15px}.own-message{justify-content:flex-end}.partner-message{justify-content:flex-start}.message-bubble{word-wrap:break-word;border-radius:18px;max-width:70%;padding:12px 18px;position:relative}.own-message .message-bubble{background:#ff7b95;border-bottom-right-radius:4px;color:#fff}.partner-message .message-bubble{background:linear-gradient(135deg,#fff,#ffe6eb);border:1px solid #ff7b951a;border-bottom-left-radius:4px;box-shadow:0 2px 5px #ff7b951a;color:#333}.message-bubble p{font-size:1rem;line-height:1.5;margin:0 0 8px}.message-time{display:block;font-size:.75rem;opacity:.7;text-align:right}.typing-indicator{display:flex;gap:5px;padding:12px 18px}.typing-indicator span{animation:bounce 1.4s ease-in-out infinite both;background:#999;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-container{background:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -2px 10px #0000000d;display:flex;gap:15px;padding:15px 25px}.chat-input{border:2px solid #e0e0e0;border-radius:25px;flex:1 1;font-family:inherit;font-size:1rem;padding:12px 18px;resize:none;transition:border-color .3s ease}.chat-input:focus{border-color:#ff7b95;outline:none}.chat-input:disabled{background:#f5f5f5;cursor:not-allowed}.send-btn{background:#ff7b95;border:none;border-radius:25px;box-shadow:0 4px 12px #ff7b954d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease;white-space:nowrap}.send-btn:hover:not(:disabled){background:#ff4c6d;box-shadow:0 6px 16px #ff7b9566;transform:translateY(-2px)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.chat-ended-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ended-message{background:#fff;border-radius:20px;padding:40px 60px;text-align:center}.ended-message h2{color:#333;font-size:2rem;margin:0 0 15px}.ended-message p{color:#666;font-size:1.1rem;margin:0}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1}.messages-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:#555}.progress-indicator{background:#fff;border:2px solid #ff7b95;border-radius:20px;color:#ff7b95;font-size:1rem;font-weight:600;padding:8px 16px}.i-share-prompt-card{background:linear-gradient(135deg,#fff,#ffe6eb);border:2px solid #ff7b9533;border-radius:15px;box-shadow:0 4px 15px #ff7b9526;margin:15px auto;max-width:700px;padding:16px 20px}.prompt-header{align-items:center;color:#ff4c6d;display:flex;font-size:1rem;font-weight:600;gap:10px;margin-bottom:12px}.prompt-header .prompt-icon{font-size:1.2rem}.prompt-text{color:#333;font-size:1.1rem;font-weight:500;line-height:1.5;margin:12px 0}.turn-indicator{border-radius:10px;font-weight:600;margin-top:15px;padding:10px 15px;text-align:center}.your-turn{background:#4caf501a;border:2px solid #4caf50;border-radius:20px;color:#2e7d32}.waiting-turn,.your-turn{display:inline-block;padding:8px 15px}.waiting-turn{background:#ff98001a;border:2px solid #ff9800;border-radius:20px;color:#f57c00}.input-buttons{display:flex;gap:10px}.done-sharing-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.done-sharing-btn:hover:not(:disabled){box-shadow:0 5px 15px #4caf504d;transform:translateY(-2px)}.done-sharing-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.done-sharing-btn.completed{background:linear-gradient(135deg,#2e7d32,#388e3c)}@media (max-width:768px){.chat-header{padding:12px 15px}.partner-info h3{font-size:1rem}.progress-indicator{font-size:.9rem;padding:6px 12px}.i-share-prompt-card{margin:12px 15px;max-width:100%;padding:12px 15px}.prompt-text{font-size:1rem}.input-buttons{flex-direction:column}.done-sharing-btn{justify-content:center;width:100%}.message-bubble{max-width:85%}.eq-warning-toast{left:20px;max-width:calc(100% - 40px);right:20px}.chat-input-container{padding:12px 15px}}.end-interaction-container{align-items:center;background:#fff5f8;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.end-interaction-content{max-width:800px;width:100%}.loading-spinner{color:#ff4c6d;font-size:1.5rem;text-align:center}.end-reason-card{animation:fadeIn .5s ease-out;background:linear-gradient(135deg,#fff,#ffe6eb);border:2px solid #ff7b951a;border-radius:20px;box-shadow:0 10px 40px #ff7b9533;margin-bottom:30px;padding:40px;text-align:center}.end-icon{display:block;font-size:4rem;margin-bottom:20px}.end-reason-card h1{color:#ff4c6d;font-size:2.5rem;margin-bottom:10px}.end-reason-card p{color:#666;font-size:1.2rem;margin:0}.partner-card{animation:fadeIn .7s ease-out;background:linear-gradient(135deg,#fff,#ffe6eb);border:2px solid #ff7b951a;border-radius:20px;box-shadow:0 10px 40px #ff7b9533;margin-bottom:30px;padding:40px;text-align:center}.partner-avatar-large{border:4px solid #ff7b95;border-radius:50%;box-shadow:0 8px 20px #ff7b954d;height:100px;margin:0 auto 20px;overflow:hidden;width:100px}.partner-avatar-large img{height:100%;object-fit:cover;width:100%}.partner-card h2{color:#ff4c6d;font-size:1.8rem;margin-bottom:5px}.partner-subtitle{color:#666;font-size:1.1rem;margin-bottom:25px}.friend-request-btn{background:#ff7b95;border:none;border-radius:25px;box-shadow:0 4px 15px #ff7b954d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 40px;transition:all .3s ease}.friend-request-btn:hover{background:#ff4c6d;box-shadow:0 10px 25px #ff7b9566;transform:translateY(-3px)}.friend-request-sent{align-items:center;background:#4caf50;border-radius:25px;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;padding:15px 40px}.check-icon{font-size:1.3rem}.eq-report-card{animation:fadeIn .9s ease-out;background:linear-gradient(135deg,#fff,#ffe6eb);border:2px solid #ff7b951a;border-radius:20px;box-shadow:0 10px 40px #ff7b9533;margin-bottom:30px;padding:40px}.eq-report-card h2{color:#ff4c6d;font-size:2rem;margin-bottom:25px;text-align:center}.ai-report-summary{animation:slideIn .6s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;margin-bottom:30px;padding:25px}.ai-badge{align-items:center;background:#fff3;border-radius:20px;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:15px;padding:8px 15px}.ai-report-text{font-size:1.1rem;line-height:1.7;margin:0}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.confidence-badge{background:#667eea;border-radius:15px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;margin-top:10px;padding:5px 12px}.no-mistakes{padding:30px;text-align:center}.trophy-icon{display:block;font-size:4rem;margin-bottom:20px}.no-mistakes h3{color:#4caf50;font-size:1.8rem;margin-bottom:10px}.no-mistakes p{color:#666;font-size:1.1rem}.mistakes-list{margin-top:20px}.mistakes-intro{color:#666;font-size:1.1rem;margin-bottom:25px;text-align:center}.mistake-item{background:#fff;border-left:4px solid #ff7b95;border-radius:10px;box-shadow:0 2px 8px #ff7b951a;margin-bottom:20px;padding:20px}.mistake-header{align-items:center;display:flex;gap:15px;margin-bottom:12px}.mistake-number{align-items:center;background:#ff7b95;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:30px;justify-content:center;width:30px}.mistake-item h4{color:#ff4c6d;font-size:1.1rem;margin:0}.mistake-description{color:#666;line-height:1.6;margin:12px 0;padding-left:45px}.mistake-trigger{background:#fff;border-radius:8px;color:#555;font-size:.95rem;margin-left:45px;padding:10px 15px}.mistake-trigger em{color:#ff7b95;font-weight:600}.improvement-tip{background:linear-gradient(135deg,#ffe6eb,#ffd6e0);border:2px solid #ff7b9533;border-radius:12px;display:flex;gap:15px;margin-top:25px;padding:20px}.tip-icon{flex-shrink:0;font-size:2rem}.improvement-tip p{color:#666;line-height:1.6;margin:0}.improvement-tip strong{display:block;margin-bottom:5px}.action-buttons{animation:fadeIn 1.1s ease-out;display:flex;gap:20px;margin-bottom:30px}.primary-btn,.secondary-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:18px 30px;transition:all .3s ease}.primary-btn{background:#ff7b95;box-shadow:0 4px 15px #ff7b954d;color:#fff}.primary-btn:hover{background:#ff4c6d;box-shadow:0 10px 25px #ff7b9566;transform:translateY(-3px)}.secondary-btn{background:#fff;border:2px solid #ff7b95;color:#ff7b95}.secondary-btn:hover{background:#fff5f8;transform:translateY(-3px)}.chat-stats{animation:fadeIn 1.3s ease-out;background:linear-gradient(135deg,#fff,#ffe6eb);border:2px solid #ff7b951a;border-radius:15px;display:flex;justify-content:space-around;padding:25px}.stat-item{text-align:center}.stat-value{color:#ff7b95;display:block;font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label{color:#666;font-size:.95rem;letter-spacing:1px;text-transform:uppercase}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.end-reason-card h1{font-size:2rem}.eq-report-card h2{font-size:1.5rem}.action-buttons,.chat-stats{flex-direction:column}.chat-stats{gap:20px}.mistake-description,.mistake-trigger{margin-left:0;padding-left:0}}.video-room-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;position:relative}.loading-message{color:#fff;font-size:1.2rem;text-align:center}.prompt-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.prompt-card{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;max-width:600px;padding:40px;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.prompt-card .prompt-icon{color:#667eea;font-size:3rem;margin-bottom:20px}.prompt-card h3{color:#333;font-size:1.8rem;margin-bottom:20px}.prompt-text{color:#666;font-size:1.2rem;font-style:italic;line-height:1.6;margin-bottom:30px}.close-prompt-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 40px;transition:transform .2s,box-shadow .2s}.close-prompt-btn:hover{box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.video-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:20px;max-width:1400px;width:100%}@media (min-width:768px){.video-grid{grid-template-columns:2fr 1fr}}.video-frame{aspect-ratio:16/9;background:#1a1a1a;border-radius:15px;box-shadow:0 10px 40px #0000004d;overflow:hidden;position:relative}.partner-video{grid-column:1}.my-video{grid-column:2}@media (max-width:767px){.my-video,.partner-video{grid-column:1}}.video-placeholder{align-items:center;color:#888;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.video-placeholder .placeholder-icon{font-size:4rem;margin-bottom:10px;opacity:.5}.video-placeholder p{font-size:1.2rem;margin-bottom:5px}.video-label{background:#000000b3;border-radius:20px;bottom:15px;color:#fff;font-size:.9rem;font-weight:600;left:15px;padding:8px 15px;position:absolute}.video-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50px;box-shadow:0 10px 30px #0003;gap:15px;padding:20px}.control-btn,.video-controls{align-items:center;display:flex;justify-content:center}.control-btn{background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 5px 15px #0003;color:#667eea;cursor:pointer;font-size:1.5rem;height:60px;transition:all .3s ease;width:60px}.control-btn:hover{box-shadow:0 8px 20px #0000004d;transform:scale(1.1)}.control-btn:active{transform:scale(.95)}.control-btn.muted,.control-btn.video-off{background:#ff4757;color:#fff}.control-btn.prompt-btn{background:#ffa502;color:#fff}.control-btn.end-call-btn{background:#ff4757;color:#fff;font-size:1.8rem;height:70px;width:70px}.control-btn.end-call-btn:hover{background:#d63031}.session-info{color:#fffc;font-size:.9rem;margin-top:20px;text-align:center}@media (max-width:768px){.video-controls{gap:10px;padding:15px}.control-btn{font-size:1.2rem;height:50px;width:50px}.control-btn.end-call-btn{font-size:1.5rem;height:60px;width:60px}.prompt-card{padding:30px 20px}.prompt-card h3{font-size:1.5rem}.prompt-text{font-size:1rem}}
/*# sourceMappingURL=main.37e208aa.css.map*/