*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}#root{height:100vh;width:100vw}a{font-weight:500;color:#667eea;text-decoration:inherit}a:hover{color:#5a67d8}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2}button{border:none;cursor:pointer;font-family:inherit;transition:all .2s ease}input,textarea{font-family:inherit}button:focus,button:focus-visible,input:focus,textarea:focus{outline:none}.app{height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;text-align:center;box-shadow:0 2px 10px #0000001a}.app-header h1{margin:0;color:#2d3748;font-size:1.8rem;font-weight:700}.app-header p{margin:.5rem 0 0;color:#718096;font-size:.95rem}.chat-container{flex:1;display:flex;flex-direction:column;max-width:800px;margin:0 auto;width:100%;padding:0 1rem}.messages{flex:1;overflow-y:auto;padding:1rem 0;display:flex;flex-direction:column;gap:1rem}.welcome-message{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:2rem;text-align:center;box-shadow:0 4px 20px #0000001a;margin:2rem 0}.welcome-message h2{color:#2d3748;margin:0 0 1rem}.welcome-message p{color:#4a5568;margin-bottom:1.5rem;line-height:1.6}.sample-questions{text-align:left;max-width:500px;margin:0 auto}.sample-questions h3{color:#2d3748;margin:0 0 .5rem}.sample-questions ul{list-style:none;padding:0}.sample-questions li{background:#667eea1a;padding:.5rem 1rem;margin:.5rem 0;border-radius:8px;color:#4a5568;border-left:3px solid #667eea;font-style:italic}.message{display:flex;flex-direction:column;max-width:70%;word-wrap:break-word}.message.user{align-self:flex-end;align-items:flex-end}.message.tutor{align-self:flex-start;align-items:flex-start}.message-content{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.25rem;border-radius:18px;box-shadow:0 2px 10px #0000001a;line-height:1.5;color:#2d3748}.message.user .message-content{background:#667eea;color:#fff;border-bottom-right-radius:6px}.message.tutor .message-content{border-bottom-left-radius:6px}.message-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem;font-size:.75rem;color:#fffc;padding:0 .5rem}.timestamp{opacity:.7}.topic-info{font-size:.7rem;background:#fff3;padding:.2rem .5rem;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.input-container{display:flex;gap:.75rem;padding:1rem 0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;margin-bottom:1rem;padding:1rem;box-shadow:0 -2px 10px #0000001a}.input-container textarea{flex:1;border:2px solid #e2e8f0;border-radius:8px;padding:.75rem;font-size:.95rem;resize:none;outline:none;background:#fff;transition:border-color .2s}.input-container textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-container textarea:disabled{background:#f7fafc;color:#a0aec0}.send-button{background:#667eea;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.send-button:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.send-button:disabled{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.typing-indicator{display:flex;gap:.25rem;align-items:center;padding:.5rem 0}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#a0aec0;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.messages::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.messages::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media(max-width:768px){.app-header{padding:.75rem 1rem}.app-header h1{font-size:1.5rem}.chat-container{padding:0 .5rem}.message{max-width:85%}.welcome-message{padding:1.5rem;margin:1rem 0}.input-container{padding:.75rem}.input-container textarea{font-size:16px}}