*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%!important;height:100%!important;overflow-x:hidden!important}.page{width:100%;min-height:100vh}.hero{background-image:url(/stemify-hero.jpg);background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:100vh;padding:2rem;display:flex;position:relative}.hero-overlay{position:absolute;inset:0}.hero-center{z-index:2;text-align:center;max-width:900px;position:relative}.stemify-logo{width:min(90%,300px);margin-bottom:1rem}.tagline{color:#e5e7eb;margin-bottom:2rem;font-size:1.4rem}.cta-row{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1.5rem;display:flex}.small-card{width:250px;padding:1.2rem}.cta-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#0f172ac7;border:1px solid #94a3b880;border-radius:1rem;text-decoration:none;transition:transform .3s;box-shadow:0 15px 40px #0009}.cta-card:hover{transform:translateY(-6px)}.cta-title{color:#facc15;margin-bottom:.6rem;font-size:1.1rem;font-weight:700}.cta-text{color:#e5e7eb;font-size:.95rem}.robot-wrapper{z-index:1;position:absolute;bottom:20px;right:40px}.big-robot{animation:3s ease-in-out infinite floatUpDown;width:420px!important}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.footer{text-align:center;background:#0f172a;border-top:1px solid #1e3a8a;width:100%;padding:1rem;font-size:.9rem}.footer a{color:#38bdf8}@media (max-width:900px){.hero{height:auto;padding:1.5rem 1rem;display:block}.stemify-logo{width:220px;min-width:140px;max-width:75%;margin:1rem auto .5rem;display:block}.hero-center{z-index:3;width:100%;margin-top:1rem;padding-bottom:0}.cta-row{flex-direction:column;gap:.7rem}.cta-card{width:90%}.robot-wrapper{justify-content:center;margin:1.2rem auto 0;display:flex;z-index:10!important;position:relative!important;bottom:0!important;right:0!important}.big-robot{width:150px!important}}.login-wrapper{background-image:url(/stemify-hero.jpg);background-position:50%;background-size:cover;flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex;position:relative}.login-overlay{z-index:0;position:absolute;inset:0}.clickable-logo{cursor:pointer;transition:transform .2s}.clickable-logo:hover{transform:scale(1.04)}.login-center{z-index:2;text-align:center;width:100%;max-width:420px;margin-top:4rem;padding:1rem;position:relative}.login-animate{animation:.9s fadeSlide}@keyframes fadeSlide{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.login-logo{width:260px;margin-bottom:2rem}.login-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;width:100%;padding:2rem}.input-group label{color:#ddd;pointer-events:none;font-size:1rem;transition:all .3s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.eye-icon{cursor:pointer;font-size:1.2rem;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.login-error{color:#ff7070;text-align:left;margin:-5px 0 10px;font-size:.9rem}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#06f,#00b3ff);border:none;border-radius:12px;width:100%;margin-bottom:1rem;padding:1rem;font-size:1.1rem;font-weight:600}.signup-text{color:#fff}.signup-text a{color:#38bdf8}.login-robot{z-index:1;pointer-events:none;width:420px;position:absolute;bottom:20px;right:-400px}.robot-float{transform-origin:bottom;width:100%;height:auto;animation:3s ease-in-out infinite floatUpDown;position:relative}.robot-core{transform-origin:bottom;width:100%;height:auto;position:relative}.robot-body{width:100%;height:auto;display:block}.robot-head-wrapper{transform-origin:bottom;z-index:2147483647;width:400px;position:absolute;top:5px;right:25px}.robot-head-base{width:100%;display:block}.robot-eyes-closed{opacity:0;width:100%;height:auto;transition:opacity .2s;position:absolute;inset:0}.robot-eyes-closed.visible{opacity:1}.robot-core.error .robot-head-wrapper{animation:.6s ease-in-out robotHeadNo}@keyframes robotHeadNo{0%{transform:rotate(3deg)}20%{transform:rotate(-3deg)}40%{transform:rotate(3deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(3deg)}to{transform:rotate(-3deg)}}.robot-core.passwordToggle{animation:.9s ease-in-out robotTurn}.robot-core.passwordToggle .robot-head-wrapper{animation:.9s ease-in-out robotBow}@keyframes robotBow{0%{transform:translateY(0)rotate(0)}30%{transform:translateY(3px)rotate(4deg)}60%{transform:translateY(2px)rotate(-3deg)}to{transform:translateY(0)rotate(0)}}.login-footer{text-align:center;color:#fff;background:#0000004d;width:100%;margin-top:auto;padding:1rem}@media (max-width:480px){.login-logo{width:180px}.login-card{padding:1.4rem}.login-robot{width:220px;height:auto;position:absolute;bottom:-275px;right:100px;z-index:10!important}.robot-head-wrapper{width:210px;top:0;right:10px}}.signup-wrapper{background-image:url(/stemify-hero.jpg);background-position:50%;background-size:cover;flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex;position:relative}.signup-overlay{z-index:0;position:absolute;inset:0}.signup-center{z-index:2;text-align:center;max-width:420px;margin-top:4rem;padding:1rem;position:relative}.signup-animate{animation:.9s fadeSlide}.signup-logo{width:260px;margin-bottom:2rem}.signup-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;width:100%;padding:2rem}.input-group{margin-bottom:1.5rem;position:relative}.input-group input{color:#fff;background:#ffffff40;border:none;border-radius:12px;outline:none;width:100%;padding:1rem .8rem;font-size:1rem}.input-group label{color:#ddd;font-size:1rem;transition:all .3s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-group input:focus+label,.input-group input:valid+label{color:#a8d8ff;font-size:1rem;top:8px;left:12px}.password-group{position:relative}.eye-icon{cursor:pointer;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.user-type-row{justify-content:space-between;margin:1rem 0 1.5rem;display:flex}.user-type-box{cursor:pointer;color:#fff;background:#ffffff2e;border:1px solid #0000;border-radius:12px;width:30%;padding:.8rem;font-size:.9rem;transition:all .3s}.user-type-box.active{background:#ffffff47;border:2px solid #38bdf8}.terms-row{color:#fff;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.signup-error{color:#ff7070;text-align:left;margin-bottom:1rem;font-size:.9rem}.signup-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#06f,#00b3ff);border:none;border-radius:12px;width:100%;margin-bottom:1rem;padding:1rem;font-size:1.1rem}.login-text{color:#fff}.login-text a{color:#38bdf8}.signup-robot{width:300px;animation:3s ease-in-out infinite floatUpDown;position:absolute;bottom:25px;right:-350px}.footer{text-align:center;color:#fff;background:#0f172a;border-top:1px solid #1e3a8a;width:100%;margin-top:auto;padding:1rem;font-size:.9rem}@media (max-width:480px){.signup-logo{width:180px}.signup-card{padding:1.4rem}.signup-robot{width:200px;margin:1.5rem auto 0;display:block;position:relative!important;bottom:0!important;right:0!important}}.otp-modal{z-index:999;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.otp-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;color:#fff;background:#fff3;border-radius:15px;width:320px;padding:2rem}.otp-input{text-align:center;border:none;border-radius:10px;outline:none;width:100%;margin-top:1rem;padding:1rem;font-size:1.3rem}.otp-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#06f,#00b3ff);border:none;border-radius:10px;width:100%;margin-top:1rem;padding:1rem}.otp-cancel-btn{color:#fff;cursor:pointer;background:0 0;border:none;margin-top:.7rem}.chat-sidebar{color:#f9fafb;z-index:20;background:linear-gradient(#0f172afa,#0f172aeb);flex-direction:column;gap:.5rem;width:280px;min-width:260px;padding:1rem 1rem 1.2rem;display:flex;box-shadow:4px 0 30px #0009}.chat-sidebar-role{margin-bottom:.4rem;font-size:1.6rem;font-weight:700}.chat-sidebar-role-block{background:radial-gradient(circle at top,#ffffff14,#0f172afa);border:1px solid #94a3b866;border-radius:16px;padding:.75rem .8rem}.chat-sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:.35rem;font-size:.9rem}.chat-sidebar-role-list{max-height:140px;overflow-y:auto}.chat-sidebar-role-item{background:#0f172ad9;border-radius:.7rem;margin-bottom:.35rem;padding:.45rem .6rem;font-size:.9rem}.chat-sidebar-role-item .title{font-weight:600}.chat-sidebar-role-item .status{color:#e5e7eb;opacity:.9;font-size:.8rem}.chat-sidebar-role-empty{color:#64748b;font-size:.85rem}.chat-sidebar-new-chat{color:#fff;cursor:pointer;background:linear-gradient(90deg,#14b8a6,#0ea5e9);border:none;border-radius:999px;align-items:center;gap:.45rem;margin-top:.6rem;padding:.6rem 1rem;font-size:.95rem;font-weight:600;display:flex}.chat-sidebar-new-chat .icon{font-size:1.1rem}.chat-sidebar-search-row{background:#0f172ad9;border:1px solid #1e40afb3;border-radius:999px;align-items:center;margin-top:.6rem;padding:.48rem .7rem;display:flex}.search-icon{margin-right:.4rem;font-size:.9rem}.chat-sidebar-search-input{color:#e5e7eb;background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.chats-label{margin-top:.8rem}.chat-sidebar-chat-list{flex:1;margin-top:.3rem;overflow-y:auto}.chat-sidebar-chat-item{cursor:pointer;background:#0f172ad9;border-radius:.8rem;margin-bottom:.4rem;padding:.6rem .8rem;font-size:.95rem}.chat-sidebar-student-search{color:#e5e7eb;background:#0f172ae6;border:1px solid #94a3b899;border-radius:999px;width:100%;margin-bottom:.4rem;padding:.45rem .6rem;font-size:.85rem}.chat-sidebar-student-search::placeholder{color:#64748b}.chat-sidebar-close{color:#fff;background:#94a3b859;border:none;border-radius:999px;align-self:flex-end;margin-bottom:.25rem;padding:.2rem .6rem;display:none}.chat-sidebar-role-list::-webkit-scrollbar{width:4px}.chat-sidebar-chat-list::-webkit-scrollbar{width:4px}.chat-sidebar-role-list::-webkit-scrollbar-thumb{background:#94a3b8b3;border-radius:999px}.chat-sidebar-chat-list::-webkit-scrollbar-thumb{background:#94a3b8b3;border-radius:999px}@media (min-width:900px){.chat-sidebar{position:relative}}@media (max-width:899px){.chat-sidebar{transition:transform .25s ease-out;position:fixed;top:64px;bottom:0;left:0;transform:translate(-105%)}.chat-layout.sidebar-open .chat-sidebar{transform:translate(0)}.chat-sidebar-close{display:inline-flex}}.chat-sidebar-role-list.limited-height{max-height:120px;overflow-y:auto}.chat-sidebar-role-item.clickable{cursor:pointer}.chat-sidebar-create-assignment{color:#e5e7eb;cursor:pointer;background:0 0;border:1px dashed #94a3b8cc;border-radius:999px;width:100%;margin-top:.6rem;padding:.5rem .9rem;font-size:.9rem}.chat-sidebar-create-assignment:hover{background:#94a3b833}.dropdown-menu{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border:1px solid #94a3b840;border-radius:12px;width:170px;padding:8px 0;position:absolute;top:55px;right:10px}.dropdown-item{color:#f1f5f9;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 14px;font-size:.9rem}.dropdown-item:hover{background:#ffffff1a}.logout{color:#ff6b6b}.modalOverlay{z-index:9999;background:#000000a6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.profileModal{text-align:center;background:#051525;border-radius:18px;width:380px;padding:25px;position:relative}.closeBtn{cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:12px;right:12px}.profile-header .avatar{color:#fff;background:#007bff;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:auto auto 8px;font-size:38px;font-weight:700;display:flex}.form-section{text-align:left;margin-top:20px}.form-section input{color:#fff;background:#0a2237;border:1px solid #103d61;border-radius:10px;width:100%;padding:12px}.saveBtn{color:#fff;cursor:pointer;background:#007bff;border-radius:10px;width:100%;margin-top:12px;padding:12px}.logout-text{color:#ff4e4e}.chat-topbar{color:#f9fafb;justify-content:space-between;align-items:center;height:64px;padding:0 1.3rem;display:flex;position:relative}.chat-topbar-hamburger{color:#e5e7eb;cursor:pointer;background:#0f172ab3;border:1px solid #94a3b899;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:none}.chat-topbar-logo-wrap{flex:1;justify-content:center;display:flex}.chat-topbar-logo{cursor:pointer;height:42px}.chat-topbar-right{align-items:center;gap:.6rem;display:flex}.chat-topbar-share,.chat-topbar-dots{color:#e5e7eb;cursor:pointer;background:0 0;border:none}.chat-topbar-share{font-size:.95rem}.chat-topbar-dots{font-size:1.4rem}@media (min-width:900px){.chat-topbar-hamburger{display:none}}@media (max-width:899px){.chat-topbar-hamburger{display:inline-flex}.chat-topbar-logo{height:34px}@media (max-width:600px){.chat-topbar-share{display:none}}}.chat-ui-container{color:#fff;flex-direction:column;flex:1;padding:1.4rem 1.2rem;display:flex}.chat-bubble-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at top,#ffffff0f,#0f172af2);border-radius:24px;flex-direction:column;flex:1;gap:1.2rem;padding:1.4rem 1.1rem;display:flex;overflow-y:auto;box-shadow:0 30px 60px #000000b3,inset 0 0 28px #00000073}.empty-chat-text{opacity:.7;margin:auto;font-size:1rem}.msg-bubble{white-space:pre-wrap;border-radius:18px;max-width:75%;padding:1rem 1.3rem;font-size:1rem;line-height:1.5;box-shadow:0 10px 30px #00000080}.ai-bubble{background:#1c2938d9;border-radius:20px 20px 20px 6px;align-self:flex-start}.user-bubble{background:linear-gradient(90deg,#2563eb,#0ea5e9);border-radius:20px 20px 6px;align-self:flex-end}.typing{opacity:.85;font-style:italic}.msg-text{color:#f3f4f6;font-size:1rem}.chat-input-footer{padding:1.2rem 0 .4rem}.input-shell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ac7;border:1px solid #94a3b873;border-radius:999px;align-items:center;gap:.8rem;width:100%;padding:.95rem 1.3rem;display:flex;box-shadow:0 22px 45px #000000b3}.plus-icon{opacity:.85;font-size:1.4rem}.input-shell input{color:#e5e7eb;background:0 0;border:none;outline:none;flex:1;font-size:1.05rem}.input-shell input::placeholder{color:#9ca3af}.send-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#2563eb,#0ea5e9);border:none;border-radius:999px;width:48px;height:48px;font-size:1.3rem}@media (max-width:700px){.chat-ui-container{padding:1rem .8rem}.chat-bubble-panel{padding:1rem .7rem}.input-shell{padding:.8rem 1rem}}.main-footer{text-align:center;color:#e5e7eb;background:#0f172a;border-top:1px solid #1e3a8a;width:100%;padding:1rem;font-size:.9rem}.main-footer a{color:#38bdf8;text-decoration:none}.main-footer a:hover{text-decoration:underline}.assign-modal-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.assign-modal{scrollbar-width:thin;scrollbar-color:#4a5568 #1a1f2e;background:#0d1324;border-radius:18px;flex-direction:column;gap:15px;width:80%;max-width:1100px;height:80%;max-height:850px;padding:30px;display:flex;overflow-y:auto}.assign-modal::-webkit-scrollbar{width:10px}.assign-modal::-webkit-scrollbar-track{background:#0f172a;border-radius:10px}.assign-modal::-webkit-scrollbar-thumb{background:#4a5568;border-radius:10px}.assign-modal::-webkit-scrollbar-thumb:hover{background:#64748b}.assign-title{text-align:center;color:#fff;margin-bottom:10px;font-size:26px;font-weight:700}.assign-label{color:#cbd5e1;font-size:14px;font-weight:500}.assign-input,.assign-textarea{color:#fff;background:#1e293b;border:1px solid #334155;border-radius:10px;outline:none;width:100%;padding:12px}.assign-textarea{resize:none;height:120px}.assign-students-box{flex-wrap:wrap;gap:10px;display:flex}.assign-student-item{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:12px;padding:10px 15px;transition:all .2s}.assign-student-item.selected{color:#fff;background:#2563eb}.assign-actions{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.assign-cancel,.assign-create{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-weight:600}.assign-cancel{color:#fff;background:#334155}.assign-create{color:#fff;background:#3b82f6}.assign-error{color:#f87171;margin-top:-5px;font-size:14px}.chat-layout{color:#f9fafb;background:radial-gradient(circle at top,#678da4 0%,#051724 55%,#020617 100%);width:100%;height:100vh;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow:hidden}.chat-main{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.chat-main-body{flex:1;align-items:stretch;min-height:0;padding:0 1.5rem;display:flex;overflow:hidden}.chat-loading{color:#e5e7eb;background:#020617;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;display:flex}.chat-login-overlay{z-index:50;background:#0f172ad9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chat-login-card{text-align:center;background:#0f172afa;border:1px solid #94a3b8b3;border-radius:24px;max-width:420px;padding:2rem 2.5rem;box-shadow:0 24px 60px #000c}.chat-login-card h2{margin-bottom:.5rem}.chat-login-card p{color:#cbd5f5;margin-bottom:1.4rem}.chat-login-buttons{justify-content:center;gap:.8rem;display:flex}.chat-login-btn{cursor:pointer;border-radius:999px;padding:.6rem 1.3rem;font-size:.95rem;font-weight:600;text-decoration:none}.chat-login-btn.primary{color:#fff;background:linear-gradient(90deg,#2563eb,#0ea5e9)}.chat-login-btn.secondary{color:#e5e7eb;background:0 0;border:1px solid #94a3b8cc}.chat-main>footer{margin-top:auto}.chat-modal-overlay{z-index:60;background:#0f172ad9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.chat-modal-card{background:#0f172afa;border:1px solid #94a3b8b3;border-radius:24px;flex-direction:column;width:80vw;max-width:800px;max-height:80vh;padding:1.5rem 1.8rem;display:flex}.chat-modal-card.large{max-width:900px}.chat-modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.chat-modal-close{color:#e5e7eb;cursor:pointer;background:#94a3b840;border:none;border-radius:999px;width:32px;height:32px}.chat-modal-tabs{gap:.6rem;margin-bottom:.8rem;display:flex}.chat-modal-tabs button{color:#e5e7eb;cursor:pointer;background:0 0;border:1px solid #94a3b8b3;border-radius:999px;padding:.35rem .9rem;font-size:.85rem}.chat-modal-tabs button.active{color:#fff;background:linear-gradient(90deg,#2563eb,#0ea5e9);border-color:#0000}.chat-modal-body{flex:1;padding-right:.5rem;overflow-y:auto}.chat-modal-section-title{margin-bottom:.4rem;font-size:.95rem;font-weight:600}.chat-modal-section-subtitle{opacity:.8;margin-bottom:.6rem;font-size:.85rem}.chat-modal-list{border:1px solid #374151cc;border-radius:.75rem;margin-bottom:.8rem;padding:.4rem .6rem}.chat-modal-list-item{border-radius:.5rem;justify-content:space-between;align-items:center;padding:.4rem .5rem;font-size:.9rem;display:flex}.chat-modal-list-item:nth-child(odd){background:#0f172ab3}.chat-modal-list-item:nth-child(2n){background:#0f172a8c}.chat-modal-student-list{border:1px solid #374151cc;border-radius:.7rem;max-height:150px;padding:.4rem .6rem;overflow-y:auto}.student-checkbox{align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.9rem;display:flex}.assignment-question{background:#0f172ad9;border-radius:.6rem;padding:.6rem .7rem}.chat-modal-footer{justify-content:flex-end;gap:.6rem;margin-top:.7rem;display:flex}.chat-modal-primary-btn,.chat-modal-secondary-btn{cursor:pointer;border:none;border-radius:999px;padding:.5rem 1.2rem;font-size:.9rem}.chat-modal-primary-btn{color:#fff;background:linear-gradient(90deg,#2563eb,#0ea5e9)}.chat-modal-secondary-btn{color:#e5e7eb;background:0 0;border:1px solid #94a3b8cc}.chat-modal-error{color:#f87171;margin-top:.3rem;font-size:.85rem}@media (max-width:899px){.chat-layout{flex-direction:column}.chat-main-body{padding:0 1rem}}.form-group{flex-direction:column;gap:.35rem;margin-bottom:.9rem;display:flex}.form-group label{font-size:.9rem;font-weight:500}.form-group textarea,.form-group input[type=file]{color:#e5e7eb;background:#0f172ae6;border:1px solid #374151e6;border-radius:.6rem;padding:.65rem .75rem;font-size:.95rem}.standard-scroll,.chat-bubble-panel,.chat-sidebar-chat-list,.chat-sidebar-role-list,.chat-modal-body,.assign-student-list,.chat-modal-student-list,.assignment-answer-textarea,.chat-transcript-body{scrollbar-width:thin;scrollbar-color:#94a3b8e6 transparent}.standard-scroll::-webkit-scrollbar{width:8px}.chat-bubble-panel::-webkit-scrollbar{width:8px}.chat-sidebar-chat-list::-webkit-scrollbar{width:8px}.chat-sidebar-role-list::-webkit-scrollbar{width:8px}.assign-student-list::-webkit-scrollbar{width:8px}.chat-modal-student-list::-webkit-scrollbar{width:8px}.assignment-answer-textarea::-webkit-scrollbar{width:8px}.chat-transcript-body::-webkit-scrollbar{width:8px}.standard-scroll::-webkit-scrollbar-track{background:0 0}.chat-bubble-panel::-webkit-scrollbar-track{background:0 0}.chat-sidebar-chat-list::-webkit-scrollbar-track{background:0 0}.chat-sidebar-role-list::-webkit-scrollbar-track{background:0 0}.assign-student-list::-webkit-scrollbar-track{background:0 0}.chat-modal-student-list::-webkit-scrollbar-track{background:0 0}.assignment-answer-textarea::-webkit-scrollbar-track{background:0 0}.chat-transcript-body::-webkit-scrollbar-track{background:0 0}.standard-scroll::-webkit-scrollbar-thumb{background:#94a3b8cc;border-radius:999px}.chat-bubble-panel::-webkit-scrollbar-thumb{background:#94a3b8cc;border-radius:999px}.chat-sidebar-chat-list::-webkit-scrollbar-thumb{background:#94a3b8cc;border-radius:999px}.chat-sidebar-role-list::-webkit-scrollbar-thumb{background:#94a3b8cc;border-radius:999px}.assign-student-list::-webkit-scrollbar-thumb{background:#94a3b8cc;border-radius:999px}.chat-modal-student-list::-webkit-scrollbar-thumb{background:#94a3b8cc;border-radius:999px}.assignment-answer-textarea::-webkit-scrollbar-thumb{background:#94a3b8cc;border-radius:999px}.chat-transcript-body::-webkit-scrollbar-thumb{background:#94a3b8cc;border-radius:999px}.chat-transcript-body{max-height:60vh}.chat-transcript-row{margin-bottom:.7rem;display:flex}.chat-transcript-row.from-student{justify-content:flex-end}.chat-transcript-row.from-others{justify-content:flex-start}.chat-transcript-bubble{background:#0f172ae6;border-radius:18px;max-width:70%;padding:.7rem .9rem;box-shadow:0 6px 20px #00000073}.chat-transcript-row.from-student .chat-transcript-bubble{background:linear-gradient(90deg,#2563eb,#0ea5e9)}.chat-transcript-meta{opacity:.8;margin-bottom:.25rem;font-size:.72rem}.chat-transcript-text{white-space:pre-wrap;font-size:.9rem}.chat-modal-item.clickable{cursor:pointer}