body{box-sizing:border-box;color:#2d2737;background:linear-gradient(135deg,#ffdee9 0%,#b5fffc 100%);margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}h1{text-align:center;letter-spacing:-.5px;color:#332645;margin-bottom:20px;font-weight:700}#chat{-webkit-backdrop-filter:blur(12px);background:#ffffffa6;border:1px solid #fff6;border-radius:20px;max-width:800px;height:500px;margin:auto;padding:20px;overflow-y:auto;box-shadow:0 10px 30px #0000000d}.message{border-radius:16px;max-width:70%;margin:12px 0;padding:12px 16px;font-size:15px;line-height:1.5;box-shadow:0 2px 8px #00000008}.user{color:#fff;background:#7c4dff;border-bottom-right-radius:4px;margin-left:auto}.bot{color:#2d2737;background:#fff;border:1px solid #0000000d;border-bottom-left-radius:4px}.input-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #ffffff80;border-radius:30px;align-items:center;gap:8px;max-width:800px;margin:15px auto;padding:6px 6px 6px 16px;display:flex;box-shadow:0 8px 24px #0000000f}input{color:#2d2737;background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:15px}input::placeholder{color:#a098b0}#sendBtn{color:#fff;cursor:pointer;background:#7c4dff;border:none;border-radius:22px;height:44px;padding:0 22px;font-size:14px;font-weight:600;transition:all .2s}#sendBtn:hover{background:#6536ec;box-shadow:0 4px 12px #7c4dff4d}button{color:#4a3e56;cursor:pointer;background:#fffc;border:1px solid #0000000d;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}button:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}button:active{transform:translateY(1px)}.main-layout{box-sizing:border-box;align-items:flex-start;gap:24px;max-width:100%;margin:0;padding:16px 20px;display:flex}.avatar-column{flex-direction:column;flex-shrink:0;gap:16px;width:420px;display:flex}#anam-video,#user-camera{object-fit:cover;background:#120f17;border:1px solid #ffffff1a;border-radius:16px;width:100%;box-shadow:0 12px 36px #00000026}.chat-column{flex:1;min-width:0}.chat-column #chat{max-width:100%;margin:0}.chat-column .input-area{max-width:100%;margin:16px 0 0}html{overflow:hidden}.main-layout{align-items:stretch;height:calc(100vh - 92px)}.avatar-column{height:100%}#anam-video{height:49%;aspect-ratio:unset;flex:2}#user-camera{height:45%;aspect-ratio:unset;flex:1.5}.chat-column{flex-direction:column;height:100%;display:flex}.chat-column #chat{flex:1;max-width:100%;height:auto;max-height:100%;margin:0}.chat-column .input-area{flex-shrink:0;max-width:100%}.login-container{-webkit-backdrop-filter:blur(12px);background:#ffffffa6;border:1px solid #fff6;border-radius:20px;width:100%;max-width:400px;margin:60px auto 0;padding:40px 36px;box-shadow:0 10px 30px #00000014}.login-container h2{color:#332645;text-align:center;margin:0 0 28px;font-size:20px;font-weight:700}.login-field{flex-direction:column;margin-bottom:18px;display:flex}.login-field label{color:#4a3e56;margin-bottom:6px;font-size:13px;font-weight:600}.login-field input{color:#2d2737;background:#ffffffd9;border:1px solid #0000001a;border-radius:12px;outline:none;padding:11px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.login-field input:focus{border-color:#7c4dff;box-shadow:0 0 0 3px #7c4dff26}.login-error{color:#e0315a;text-align:center;min-height:18px;margin:0 0 14px;font-size:13px}.login-container #loginBtn{color:#fff;cursor:pointer;background:#7c4dff;border:none;border-radius:23px;width:100%;height:46px;font-size:15px;font-weight:600;transition:all .2s}.login-container #loginBtn:hover:not(:disabled){background:#6536ec;transform:translateY(-1px);box-shadow:0 4px 12px #7c4dff4d}.login-container #loginBtn:disabled{opacity:.6;cursor:not-allowed;transform:none}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{width:100%;padding-right:44px}#togglePassword{cursor:pointer;color:#a098b0;box-shadow:none;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:10px;transform:none}#togglePassword:hover{color:#7c4dff;box-shadow:none;background:0 0;transform:none}#micButton{color:#7c4dff;cursor:pointer;width:40px;height:40px;box-shadow:none;background:#7c4dff14;border:1px solid #7c4dff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;transform:none}#micButton:hover{box-shadow:none;background:#7c4dff26;transform:none}#micButton.mic-active{color:#fff;background:#7c4dff;border-color:#7c4dff;box-shadow:0 0 0 3px #7c4dff33}.lang-toggle{background:#7c4dff12;border:1px solid #7c4dff2e;border-radius:20px;flex-shrink:0;gap:2px;padding:3px;display:flex}.lang-toggle input[type=radio]{display:none}.lang-toggle label{letter-spacing:.4px;color:#7c4dff;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;padding:5px 12px;font-size:12px;font-weight:700;transition:all .18s}.lang-toggle input[type=radio]:checked+label{color:#fff;background:#7c4dff;box-shadow:0 2px 8px #7c4dff4d}#sendBtn{color:#fff;cursor:pointer;width:40px;height:40px;box-shadow:none;background:#7c4dff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;transform:none}#sendBtn:hover{background:#6536ec;transform:none;box-shadow:0 4px 12px #7c4dff59}#sendBtn:active{transform:scale(.93)}.topbar{z-index:100;-webkit-backdrop-filter:blur(14px);background:#ffffffb3;border-bottom:1px solid #ffffff80;align-items:center;gap:14px;height:60px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 16px #0000000d}.topbar-brand{flex-direction:column;gap:1px;line-height:1;display:flex}.topbar-title{letter-spacing:-.5px;color:#332645;white-space:nowrap;font-size:20px;font-weight:900}.topbar-subtitle{letter-spacing:.6px;text-transform:uppercase;color:#a098b0;font-size:10px;font-weight:600}.topbar-divider{background:#0000001a;flex-shrink:0;width:1px;height:28px}.topbar-program{color:#332645;white-space:nowrap;letter-spacing:-.2px;font-size:13px;font-weight:700}.topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.topbar-timer{font-variant-numeric:tabular-nums;color:#332645;letter-spacing:.5px;text-align:center;background:#fffc;border:1px solid #00000014;border-radius:20px;min-width:58px;padding:5px 14px;font-size:14px;font-weight:700}.topbar-timer.time-low{color:#e0315a;background:#e0315a0f;border-color:#e0315a40}.topbar .lang-toggle{margin:0}.info-column{flex-direction:column;flex-shrink:0;gap:12px;width:220px;height:100%;display:flex;overflow-y:auto}.info-card{-webkit-backdrop-filter:blur(12px);background:#fff9;border:1px solid #ffffff73;border-radius:16px;padding:14px 16px;box-shadow:0 4px 16px #0000000a}.info-card-label{letter-spacing:.8px;text-transform:uppercase;color:#a098b0;margin-bottom:10px;font-size:10px;font-weight:700}.phase-badge{color:#7c4dff;background:#7c4dff14;border:1px solid #7c4dff33;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}.phase-badge.phase-discussion{color:#3b82f6;background:#3b82f614;border-color:#3b82f633}.phase-badge.phase-roleplay{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b33}.phase-badge.phase-complete{color:#10b981;background:#10b98114;border-color:#10b98133}.module-stepper{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.module-step{align-items:flex-start;gap:10px;padding-bottom:12px;display:flex;position:relative}.module-step:last-child{padding-bottom:0}.module-step:not(:last-child):after{content:"";background:#00000014;width:2px;height:calc(100% - 8px);position:absolute;top:20px;left:9px}.module-step.step-complete:after{background:#7c4dff}.step-dot{color:#a098b0;z-index:1;background:#fff;border:2px solid #0000001a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:9px;font-weight:800;display:flex;position:relative}.module-step.step-active .step-dot{color:#fff;background:#7c4dff;border-color:#7c4dff;box-shadow:0 0 0 3px #7c4dff33}.module-step.step-complete .step-dot{color:#fff;background:#7c4dff;border-color:#7c4dff}.step-name{color:#a098b0;padding-top:2px;font-size:12px;font-weight:500;line-height:1.3}.module-step.step-active .step-name{color:#332645;font-weight:700}.module-step.step-complete .step-name{color:#7c4dff;font-weight:600}.concepts-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.concepts-list li{color:#4a3e56;padding-left:14px;font-size:12px;line-height:1.45;position:relative}.concepts-list li:before{content:"";opacity:.5;background:#7c4dff;border-radius:50%;width:5px;height:5px;position:absolute;top:6px;left:0}.concept-placeholder{color:#a098b0;font-size:12px;font-style:italic;padding-left:0!important}.concept-placeholder:before{display:none!important}#logoutBtn{color:#e0315a;cursor:pointer;height:34px;box-shadow:none;background:#e0315a12;border:1px solid #e0315a33;border-radius:17px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex;transform:none}#logoutBtn:hover{box-shadow:none;background:#e0315a21;transform:none}