@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,600;0,700;0,800;0,900;1,700&family=Fraunces:ital,opsz,wght@0,9..144,700;0,9..144,900;1,9..144,700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Nunito,sans-serif;background:#111820;color:#f8f8f8;overflow-x:hidden}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes msgIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bop{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-6px);opacity:1}}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:#f5c84233;border-radius:2px}.inline-code{background:#f5c84226;padding:1px 6px;border-radius:4px;font-size:.9em;color:#f5c842;font-family:monospace}.mt2{margin-top:8px}.welcome-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:#111820}.logo-row{display:flex;align-items:center;gap:10px;margin-bottom:36px}.logo-circle{width:44px;height:44px;border-radius:50%;background:#f5c842;overflow:hidden;flex-shrink:0}.logo-text{font-family:Fraunces,serif;font-size:26px;font-weight:900;color:#f5c842}.logo-sub{font-size:11px;font-weight:800;color:#f5c84266;letter-spacing:.14em;text-transform:uppercase;align-self:flex-end;margin-bottom:3px}.duo-row{display:flex;gap:48px;align-items:flex-end;margin-bottom:32px}.profe-pick{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:transform .25s}.profe-pick:hover{transform:translateY(-8px) scale(1.03)}.pick-circle{width:110px;height:110px;border-radius:50%;overflow:hidden;border:3px solid;box-shadow:0 8px 30px #00000080;transition:box-shadow .25s}.profe-pick:hover .pick-circle{box-shadow:0 12px 40px #f5c84233}.pick-name{font-family:Fraunces,serif;font-size:17px;font-weight:900}.pick-sub{font-size:11px;font-weight:700;color:#f8f8f859;letter-spacing:.08em;text-transform:uppercase}.duo-amp{font-family:Fraunces,serif;font-size:30px;font-weight:900;color:#f5c842;opacity:.4;margin-bottom:28px}.welcome-title{font-family:Fraunces,serif;font-size:32px;font-weight:900;line-height:1.2;margin-bottom:12px;color:#f8f8f8}.welcome-title em{color:#f5c842;font-style:italic}.welcome-desc{font-size:15px;font-weight:600;color:#f8f8f866;max-width:360px;line-height:1.7;margin-bottom:28px}.welcome-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.wbtn{padding:12px 26px;border-radius:12px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;cursor:pointer;border:none;transition:all .2s}.wbtn:hover{filter:brightness(1.12);transform:translateY(-2px)}.wbtn-el{background:#e8a030;color:#111}.wbtn-la{background:#1e7a78;color:#fff}.chat-screen{height:100vh;display:flex;flex-direction:column;background:#111820}.app-header{background:#18222e;border-bottom:3px solid #F5C842;padding:0 16px;height:54px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.header-left{display:flex;align-items:center;gap:10px;cursor:pointer}.header-logo-circle{width:34px;height:34px;border-radius:50%;background:#f5c842;overflow:hidden;flex-shrink:0}.header-brand{font-family:Fraunces,serif;font-size:19px;font-weight:900;color:#f5c842}.header-sub{font-size:10px;font-weight:800;color:#f5c84266;letter-spacing:.14em;text-transform:uppercase}.mode-tabs{display:flex;gap:5px}.mtab{background:none;border:1px solid rgba(255,255,255,.08);color:#f8f8f873;font-family:Nunito,sans-serif;font-size:11px;font-weight:700;padding:5px 11px;border-radius:6px;cursor:pointer;transition:all .2s}.mtab:hover{background:#ffffff0d;color:#fff}.mtab-active{background:#f5c8421a;color:#f5c842;border-color:#f5c8424d}.chat-body{flex:1;display:flex;overflow:hidden}.sidebar{width:195px;background:#18222e;border-right:1px solid rgba(245,200,66,.12);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.profe-tabs{display:flex;border-bottom:1px solid rgba(245,200,66,.12)}.ptab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 6px;cursor:pointer;border:none;border-bottom:2px solid transparent;background:none;font-family:Nunito,sans-serif;font-weight:800;font-size:12px;color:#f8f8f84d;transition:all .2s}.ptab:hover{color:#f8f8f899}.ptab-el-active{color:#e8a030;border-bottom-color:#e8a030}.ptab-la-active{color:#2a9a98;border-bottom-color:#2a9a98}.ptab-circle{width:22px;height:22px;border-radius:50%;overflow:hidden;flex-shrink:0}.sidebar-profile{padding:18px 14px 14px;display:flex;flex-direction:column;align-items:center;gap:7px;border-bottom:1px solid rgba(245,200,66,.1)}.profile-avatar{width:68px;height:68px;border-radius:50%;overflow:hidden;border:2.5px solid;flex-shrink:0}.profile-name{font-family:Fraunces,serif;font-size:14px;font-weight:900}.profile-role{font-size:11px;font-weight:700;color:#f8f8f861;text-align:center;line-height:1.4}.profile-status{display:flex;align-items:center;gap:5px;background:#ffffff0d;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;color:#f8f8f866}.status-dot{width:6px;height:6px;border-radius:50%;background:#4caf50}.sidebar-tools{padding:12px 10px;flex:1;overflow-y:auto}.tools-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#f5c84259;margin-bottom:8px}.chip{background:none;border:1px solid rgba(255,255,255,.1);color:#f8f8f880;font-family:Nunito,sans-serif;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;margin:0 4px 5px 0;cursor:pointer;transition:all .2s}.chip:hover{background:#f5c8421a;color:#f5c842;border-color:#f5c8424d}.messages-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden}.messages-list{flex:1;overflow-y:auto;padding:20px 22px;display:flex;flex-direction:column;gap:14px}.message{display:flex;gap:10px;align-items:flex-start;animation:msgIn .3s ease both}.message-profe{align-self:flex-start;max-width:680px}.message-student{flex-direction:row-reverse;align-self:flex-end;max-width:500px}.msg-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;border:2px solid;flex-shrink:0;margin-top:2px}.msg-avatar-student{background:#1c2a38;border-color:#ffffff1a!important;display:flex;align-items:center;justify-content:center;font-size:15px}.msg-content{display:flex;flex-direction:column;gap:3px}.msg-who{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#f8f8f840;padding:0 4px}.message-student .msg-who{text-align:right}.msg-bubble{border:1px solid rgba(255,255,255,.07);padding:10px 14px;font-size:14px;line-height:1.68;color:#f8f8f8e6;box-shadow:0 2px 10px #0003}.typing-bubble{display:flex;align-items:center;padding:12px 16px}.dot-row{display:flex;gap:5px}.dot{width:7px;height:7px;border-radius:50%;background:#f5c842;animation:bop 1.2s infinite}.input-area{border-top:1px solid rgba(245,200,66,.12);padding:10px 18px 14px;background:#18222e;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.quick-prompts{display:flex;gap:5px;flex-wrap:wrap}.input-row{display:flex;gap:8px;align-items:flex-end}.input-box{flex:1;background:#ffffff0d;border:1.5px solid;border-radius:10px;padding:9px 14px;font-family:Nunito,sans-serif;font-size:14px;font-weight:600;color:#f8f8f8;resize:none;min-height:40px;max-height:120px;outline:none;line-height:1.5;transition:border-color .2s}.input-box::placeholder{color:#f8f8f838}.send-btn{height:40px;padding:0 18px;border:none;border-radius:10px;background:#f5c842;color:#111820;font-family:Nunito,sans-serif;font-size:13px;font-weight:900;cursor:pointer;transition:all .2s;white-space:nowrap}.send-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}@media (max-width: 640px){.sidebar{width:150px}.mode-tabs{display:none}.welcome-title{font-size:24px}.duo-row{gap:24px}.pick-circle{width:80px;height:80px}.quick-prompts{display:none}}