*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#000000;color:#fff;line-height:1.6;min-height:100vh;transition:all .3s ease}.auth-background{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;background:#000000}.auth-background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 0%,transparent 50%);opacity:.4;z-index:-1}.auth-container{background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(40px) saturate(200%);backdrop-filter:blur(40px) saturate(200%);border-radius:32px;padding:60px 48px;box-shadow:0 32px 64px #000c,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a,inset 0 -1px #ffffff08;text-align:center;max-width:460px;width:100%;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.auth-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.08) 0%,transparent 70%);animation:rotate 20s linear infinite;z-index:-1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-header{margin-bottom:40px}.brand-logo{display:flex;align-items:center;justify-content:center;margin-bottom:4px}.brand-name{font-size:72px;font-weight:900;font-family:Inter,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.04em;line-height:.85;animation:gradientShift 8s ease-in-out infinite;text-shadow:0 0 60px rgba(102,126,234,.3);position:relative}.brand-name:before{content:"Max";position:absolute;top:0;left:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(20px);opacity:.7;z-index:-1;animation:gradientShift 8s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.brand-tagline{color:#a0a0a0;font-size:14px;font-weight:500;font-family:Inter,sans-serif;margin:0;letter-spacing:.5px;text-transform:uppercase}.auth-content{margin-bottom:40px}.auth-title{font-size:32px;font-weight:700;font-family:Inter,sans-serif;color:#fff;margin:0 0 8px;letter-spacing:-.01em}.auth-subtitle{color:#a0a0a0;font-size:16px;margin:0 0 32px;font-weight:400;font-family:Inter,sans-serif;line-height:1.5}.auth-form{margin-bottom:32px}.google-signin-btn{background:rgba(255,255,255,.06);color:#fff;border:2px solid rgba(255,255,255,.15);padding:18px 36px;border-radius:16px;font-size:16px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .4s ease;display:inline-flex;align-items:center;justify-content:center;gap:14px;width:100%;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);letter-spacing:.3px}.google-signin-btn:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 12px 40px #ffffff1a,0 0 0 1px #ffffff1a,inset 0 1px #ffffff26;-webkit-backdrop-filter:blur(25px) saturate(200%);backdrop-filter:blur(25px) saturate(200%)}.google-signin-btn:active{transform:translateY(0)}.google-icon{width:20px;height:20px;flex-shrink:0}.auth-status{margin-top:16px;color:#a0a0a0;font-size:14px;min-height:20px}.auth-footer{border-top:1px solid rgba(255,255,255,.08);padding-top:32px;margin-top:24px}.privacy-text{color:gray;font-size:12px;line-height:1.5;margin:0}.privacy-text a{color:#fff;text-decoration:none;font-weight:500}.privacy-text a:hover{text-decoration:underline}.google-signin-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.google-signin-btn:disabled:hover{transform:none;box-shadow:none;border-color:#ffffff40;background:rgba(255,255,255,.08)}@media (max-width: 640px){.auth-container{padding:40px 28px;margin:16px}.brand-name{font-size:56px}.auth-title{font-size:26px}.brand-tagline{font-size:13px}}.user-info{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.06);padding:14px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.08);color:#fff;-webkit-backdrop-filter:blur(15px) saturate(150%);backdrop-filter:blur(15px) saturate(150%);transition:all .3s ease;font-weight:500}#user-avatar{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0000004d}#logout-btn{background:linear-gradient(135deg,#ff4444,#cc0000);color:#fff;padding:8px 16px;font-size:12px;border-radius:8px;font-weight:500;transition:all .2s ease;border:1px solid rgba(255,68,68,.3)}#logout-btn:hover:not(:disabled){background:linear-gradient(135deg,#ee3333,#bb0000);transform:translateY(-1px);box-shadow:0 4px 12px #f446}#app-section{background:#000000;min-height:100vh;transition:all .3s ease}.app-background{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.container{max-width:900px;width:100%;height:100%;padding:20px;display:flex;flex-direction:column;justify-content:center;min-height:80vh}.voice-visualizer{display:flex;align-items:center;justify-content:center;padding:40px 0}.evaluation-results{background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);border-radius:24px;box-shadow:0 12px 40px #0000002e,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1f;color:#fff;font-family:Inter,sans-serif;font-size:18px;padding:32px 28px;margin:24px auto;max-width:600px;width:100%;text-align:left;border:1px solid rgba(255,255,255,.12)}.visualizer-orb{position:relative;width:150px;height:150px;border-radius:50%;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #667eea33,0 15px 40px #00000080,inset 0 0 40px #667eea1a;overflow:hidden}.orb-gradient{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe 100%);background-size:200% 200%;animation:gradientShift 8s ease-in-out infinite,orbPulse 3s ease-in-out infinite;box-shadow:0 0 40px #667eea33,0 15px 40px #00000080,inset 0 0 40px #667eea1a}@keyframes orbPulse{0%,to{transform:scale(.9);opacity:.8}50%{transform:scale(1.1);opacity:1}}.app-footer{padding:40px 0 20px;text-align:center}.end-button{background:linear-gradient(135deg,#ff4444,#cc0000);border:none;border-radius:16px;padding:16px 32px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 24px #ff44444d,0 4px 12px #0003;letter-spacing:.5px;text-transform:uppercase}.end-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:all .3s ease}.end-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #f446,0 6px 16px #0000004d}.end-button:hover:before{opacity:1}.end-button:active{transform:translateY(0);box-shadow:0 6px 20px #ff444459,0 3px 8px #00000040}.coach-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe 100%);border:none;border-radius:16px;padding:16px 32px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 24px #667eea4d,0 4px 12px #0003;letter-spacing:.5px;text-transform:uppercase;margin-right:16px}.coach-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:all .3s ease}.coach-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #667eea66,0 6px 16px #0000004d}.coach-button:hover:before{opacity:1}.coach-button:active{transform:translateY(0);box-shadow:0 6px 20px #667eea59,0 3px 8px #00000040}.status-bar{background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border-radius:20px;padding:28px;margin-bottom:28px;box-shadow:0 16px 40px #0009,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a,inset 0 -1px #ffffff08;border:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;color:#fff;transition:all .3s ease}.status{font-size:14px;color:#a0a0a0}.status span{font-weight:600;color:#fff}.controls{display:flex;gap:10px}button{padding:12px 24px;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;font-family:Inter,sans-serif;transition:all .3s ease;letter-spacing:.2px}#connect-btn{background:linear-gradient(135deg,#ffffff 0%,#e0e0e0 100%);color:#000;box-shadow:0 4px 15px #fff3;border:1px solid rgba(255,255,255,.2)}#connect-btn:hover:not(:disabled){background:linear-gradient(135deg,#f0f0f0 0%,#d0d0d0 100%);transform:translateY(-2px);box-shadow:0 8px 25px #ffffff4d}#disconnect-btn{background:linear-gradient(135deg,#ff4444 0%,#cc0000 100%);color:#fff;box-shadow:0 4px 15px #ff44444d;border:1px solid rgba(255,68,68,.3)}#disconnect-btn:hover:not(:disabled){background:linear-gradient(135deg,#ee3333 0%,#bb0000 100%);transform:translateY(-2px);box-shadow:0 8px 25px #f446}button:disabled{opacity:.5;cursor:not-allowed}.debug-panel{background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border-radius:20px;padding:28px;box-shadow:0 16px 40px #0009,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a,inset 0 -1px #ffffff08;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.debug-panel h3{margin-bottom:16px;color:#fff;font-size:20px;font-weight:700;font-family:Inter,sans-serif;letter-spacing:-.01em}#debug-log{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;max-height:300px;overflow-y:auto;font-family:SF Mono,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.6;color:#e0e0e0;font-weight:500;transition:all .3s ease}@media (max-width: 768px){.status-bar{flex-direction:column;align-items:stretch}.controls{justify-content:center}.container{padding:10px}}.coaching-background{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;position:relative;background:#000000}.coaching-background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 0%,transparent 50%);opacity:.4;z-index:-1}.coaching-header{position:relative;z-index:2}.user-info-top{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.06);padding:12px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);color:#fff;-webkit-backdrop-filter:blur(15px) saturate(150%);backdrop-filter:blur(15px) saturate(150%);transition:all .3s ease;z-index:10;font-weight:500}#coaching-user-avatar{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0000004d}#coaching-logout-btn{background:linear-gradient(135deg,#ff4444,#cc0000);color:#fff;padding:6px 12px;font-size:12px;border-radius:8px;font-weight:500;transition:all .2s ease;border:1px solid rgba(255,68,68,.3)}#coaching-logout-btn:hover:not(:disabled){background:linear-gradient(135deg,#ee3333,#bb0000);transform:translateY(-1px);box-shadow:0 4px 12px #f446}.coaching-container{background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(40px) saturate(200%);backdrop-filter:blur(40px) saturate(200%);border-radius:32px;padding:60px 48px;box-shadow:0 32px 64px #000c,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a,inset 0 -1px #ffffff08;text-align:center;max-width:560px;width:100%;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.coaching-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.08) 0%,transparent 70%);animation:rotate 20s linear infinite;z-index:-1}.coaching-header{margin-bottom:40px}.coaching-content{position:relative;z-index:1}.coaching-question{font-size:28px;font-weight:700;color:#fff;margin-bottom:40px;line-height:1.3;font-family:Inter,sans-serif;letter-spacing:-.5px}.coaching-form{display:flex;flex-direction:column;align-items:center;gap:32px}.scenario-templates{display:flex;flex-direction:row;gap:20px;width:100%;margin-bottom:32px;overflow-x:auto;padding-bottom:10px}.template-btn{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#fff;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:hidden;flex:0 0 300px;min-width:280px}.template-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));opacity:0;transition:opacity .3s ease;z-index:-1}.template-btn:hover{transform:translateY(-4px);background:rgba(255,255,255,.08);border-color:#667eea4d;box-shadow:0 12px 32px #0006,0 0 0 2px #667eea33,inset 0 1px #ffffff26}.template-btn:hover:before{opacity:1}.template-btn:active{transform:translateY(-2px)}.template-content p{font-size:14px;text-align:left;color:#ffffffb3;line-height:1.4;margin:0;font-weight:400}.template-divider{display:flex;align-items:center;width:100%;margin:24px 0;position:relative}.template-divider:before{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.template-divider span{padding:0 16px;color:#fff9;font-size:14px;font-weight:500;background:#000000;position:relative;z-index:1}.input-container{width:100%;position:relative}.scenario-textbox{width:100%;padding:20px 24px;border:2px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.5;resize:vertical;min-height:120px;max-height:240px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff1a}.scenario-textbox::placeholder{color:#ffffff80;font-weight:400}.scenario-textbox:focus{outline:none;border-color:#667eea99;background:rgba(255,255,255,.08);box-shadow:0 8px 32px #0006,0 0 0 4px #667eea33,inset 0 1px #ffffff26;transform:translateY(-2px)}.scenario-textbox:hover{border-color:#fff3;background:rgba(255,255,255,.08);transform:translateY(-1px);box-shadow:0 6px 20px #00000059,inset 0 1px #ffffff1f}.start-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe 100%);background-size:300% 300%;border:none;border-radius:16px;padding:18px 48px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 24px #667eea4d,0 4px 12px #0003;animation:gradientShift 8s ease-in-out infinite;letter-spacing:.5px;text-transform:uppercase;min-width:180px}.start-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:all .3s ease}.start-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px #667eea66,0 6px 16px #0000004d;animation-duration:4s}.start-button:hover:before{opacity:1}.start-button:active{transform:translateY(-1px);box-shadow:0 6px 20px #667eea59,0 3px 8px #00000040}.start-button:disabled{opacity:.6;cursor:not-allowed;transform:none;animation:none}.coaching-footer{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:20px 0;text-align:center;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:560px}.disclaimer-text{color:gray;font-size:12px;line-height:1.5;margin:0;font-weight:400}@media (max-width: 768px){.coaching-container{padding:40px 32px;max-width:100%}.coaching-question{font-size:24px;margin-bottom:32px}.scenario-templates{grid-template-columns:1fr;gap:16px}.template-btn{padding:20px}.template-icon{font-size:28px}.template-content h3{font-size:16px}.template-content p{font-size:13px}.scenario-textbox{padding:16px 20px;font-size:15px}.start-button{padding:16px 40px;font-size:15px}.user-info-top{position:relative;top:auto;right:auto;margin-bottom:20px;justify-content:center}.coaching-footer{margin-top:24px;padding-top:20px}.disclaimer-text{font-size:11px}}.loading-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top:4px solid;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe 100%);background-size:200% 200%;animation:gradientShift 8s ease-in-out infinite,spin 1s linear infinite;margin-bottom:20px}.loading-text{color:#fff;font-size:18px;font-weight:500;font-family:Inter,sans-serif;letter-spacing:.5px;text-align:center;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-button{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#fff;padding:10px 24px;border-radius:8px;font-size:16px;font-family:Inter,sans-serif;cursor:pointer;transition:background .2s,border .2s}.home-button:hover{background:rgba(255,255,255,.12);border-color:#ffffff29}.download-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;color:#fff;padding:18px 48px;border-radius:12px;font-size:16px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;position:relative;overflow:hidden}.download-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);opacity:0;transition:opacity .3s ease}.download-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.download-button:hover:before{opacity:1}.download-button:active{transform:translateY(0);box-shadow:0 2px 10px #667eea4d}.download-button span{position:relative;z-index:1}