@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Nunito:wght@400;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-bg: #f6f8fa;--primary: #4f8cff;--primary-light: #a0c4ff;--bubble-user: #d1f7c4;--bubble-assistant: #fff;--bubble-bg: #e9f3ff;--shadow: 0 4px 32px rgba(0,0,0,.08);--radius: 18px;--radius-sm: 12px;--font-main: "Nunito", "Inter", "Segoe UI", Arial, sans-serif}body,#root{margin:0;padding:0;font-family:var(--font-main);background:var(--primary-bg);min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}h2{text-align:center;font-size:2.4rem;margin:32px 0 10px;font-weight:800;letter-spacing:-1px;display:flex;flex-direction:column;align-items:center;line-height:1.1;color:#222;text-shadow:0 1px 4px rgba(0,0,0,.04);background:#fff;border-radius:12px;padding:8px 0 2px}.subtitle{display:block;font-size:1rem;color:#888;font-weight:400;margin-top:2px}@media (max-width: 900px){#root{padding:.5rem}h2{font-size:1.6rem;margin:20px 0 6px}}@media (max-width: 600px){h2{font-size:1.2rem;margin:16px 0 4px}.subtitle{font-size:.9rem}}.chat-container{max-width:540px;margin:32px auto;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:80vh;padding:0 0 18px;position:relative}@media (max-width: 900px){.chat-container{max-width:98vw;min-height:95vh;border-radius:var(--radius-sm);margin:0;box-shadow:none}}@media (max-width: 600px){.chat-container{max-width:100vw;min-height:100vh;border-radius:0;margin:0;box-shadow:none}}.chat-history{flex:1 1 auto;overflow-y:auto;padding:0 0 8px;margin:0 0 8px;background:var(--primary-bg);border-radius:var(--radius-sm);min-height:200px;max-height:70vh;transition:max-height .2s;display:flex;flex-direction:column;align-items:center}@media (max-width: 600px){.chat-history{max-height:70vh;padding:0 0 8px}}.chat-bubble{display:flex;align-items:flex-end;max-width:80%;min-width:40px;width:fit-content;word-break:break-word;border-radius:18px;padding:14px 18px;font-size:1.12rem;line-height:1.5;box-shadow:0 2px 12px #0000000f;background:var(--bubble-bg);color:#222;position:relative;margin:14px auto}.chat-bubble.user{background:var(--bubble-user);align-self:flex-end}.chat-bubble.assistant{background:var(--bubble-assistant);align-self:flex-start}@media (max-width: 600px){.chat-bubble{max-width:95%;font-size:.98rem;padding:8px;margin:8px 2px}}.avatar-container{margin-right:10px;display:flex;align-items:center}.instructor-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#f0f0f0;border:2px solid #e0e0e0}@media (max-width: 600px){.instructor-avatar{width:28px;height:28px}}.message-content{flex:1}.chat-bubble.loading{font-style:italic;color:#888}.chat-input-row{display:flex;align-items:center;padding:12px 16px 0;gap:8px;background:#fff;border-radius:0 0 var(--radius) var(--radius);position:sticky;bottom:0}.chat-input-row input[type=text]{flex:1;padding:14px 16px;border-radius:8px;border:1.5px solid #e0e0e0;font-size:1.12rem;outline:none;background:#fff;color:#222;transition:border .2s}.chat-input-row input[type=text]:focus{border:1.5px solid var(--primary-light)}.chat-input-row input[type=text]::placeholder{color:#888;opacity:1}.chat-input-row button[type=submit]{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:1.08rem;font-weight:600;cursor:pointer;transition:background .2s}.chat-input-row button[type=submit]:disabled{background:#b0c4de}@media (max-width: 600px){.chat-input-row{padding:8px 4px 0;gap:4px}.chat-input-row input[type=text]{font-size:1rem;padding:10px 8px}.chat-input-row button[type=submit]{padding:10px;font-size:.98rem}}.instructor-select-row{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:600px;margin:0 auto 12px;position:relative}.custom-dropdown{margin:0 auto;display:block;width:100%;padding-left:16px;padding-right:16px}@media (max-width: 600px){.instructor-select-row{flex-direction:column;align-items:stretch;gap:8px;margin:0 0 8px;max-width:100vw}.custom-dropdown,.clear-button{width:100%;min-width:0}}.dropdown-selected,.dropdown-option{background:#f0f4f8!important;color:#222!important;font-size:1rem;font-weight:500}.dropdown-selected{border:1.5px solid #e0e0e0;padding:8px 16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:8px;transition:border .2s;min-width:300px;width:100%;box-sizing:border-box}.dropdown-selected.disabled{opacity:.7;pointer-events:none}.dropdown-arrow{margin-left:8px;font-size:.9em}.dropdown-options{position:absolute;top:110%;left:0;width:100%;background:#fff;border-radius:8px;box-shadow:0 2px 12px #00000014;z-index:10;padding:0;margin:0;list-style:none;border:1px solid #e0e0e0}.dropdown-option{padding:10px 16px;cursor:pointer;transition:background .15s;display:flex;align-items:center}.dropdown-option.selected,.dropdown-option:hover{background:#e9f3ff!important;color:#222!important}.option-emoji{margin-right:8px}.clear-button{background:#f0f4f8;border:none;border-radius:8px;padding:8px 16px;font-size:1rem;cursor:pointer;transition:background .2s}.clear-button:disabled{opacity:.5;cursor:not-allowed}.clear-button:hover:not(:disabled){background:#e0e7ef}.error{color:#d32f2f;background:#fff0f0;border-radius:8px;padding:8px 16px;margin:12px 16px;text-align:center;font-size:1rem}.empty-state{text-align:center;color:#aaa;margin:32px 0;font-size:1.1rem}::-webkit-scrollbar{width:8px;background:#f0f0f0}::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:8px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.current-animal{display:inline-block;margin-left:10px;font-size:1.4rem;vertical-align:middle;animation:bounce 1s ease infinite}.ping-btn-wrapper{position:absolute;top:18px;right:24px;z-index:2;display:flex;align-items:center;height:48px}.ping-btn{background:#f0f4f8;border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000f;cursor:pointer;transition:background .18s,box-shadow .18s;outline:none;padding:0}.ping-btn:disabled{opacity:.5;cursor:not-allowed}.ping-btn:hover:not(:disabled),.ping-btn:focus-visible{background:#e9f3ff;box-shadow:0 4px 16px #4f8cff1a}