*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#f5f7fa;color:#333;line-height:1.6}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.login-box h1{text-align:center;color:#667eea;margin-bottom:.5rem}.login-box h2{text-align:center;font-weight:400;color:#666;margin-bottom:1.5rem;font-size:1.2rem}.login-box form{display:flex;flex-direction:column;gap:1rem}.login-box input{padding:.875rem 1rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s}.login-box input:focus{outline:none;border-color:#667eea}.login-box button{padding:.875rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-box button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.toggle-auth{text-align:center;margin-top:1.5rem;color:#666}.toggle-auth a{color:#667eea;text-decoration:none;font-weight:500}.error{background:#fee;color:#c00;padding:.75rem 1rem;border-radius:8px;font-size:.9rem}.navbar{background:#fff;padding:0 2rem;height:60px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.nav-brand{font-size:1.25rem;font-weight:700;color:#667eea}.nav-user{display:flex;align-items:center;gap:1rem}.nav-user span{color:#666;font-size:.9rem}.logout-btn{padding:.5rem 1rem;background:#f5f5f5;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:.9rem;transition:all .2s}.logout-btn:hover{background:#e0e0e0}.main-content{max-width:1400px;margin:0 auto;padding:2rem;width:95%}.tutor-layout{display:flex;height:calc(100vh - 140px);position:relative}.session-sidebar{width:280px;background:#1a1a2e;color:#fff;display:flex;flex-direction:column;flex-shrink:0;border-radius:12px 0 0 12px;overflow:hidden}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h3{font-size:1rem;font-weight:600;margin:0}.sidebar-close{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;line-height:1;opacity:.7}.sidebar-close:hover{opacity:1}.new-chat-btn{margin:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.new-chat-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.sessions-list{flex:1;overflow-y:auto;padding:.5rem}.sessions-loading,.sessions-empty{padding:2rem 1rem;text-align:center;color:#ffffff80;font-size:.9rem}.session-item{padding:.875rem 1rem;margin-bottom:.5rem;border-radius:8px;cursor:pointer;transition:all .2s;background:#ffffff0d}.session-item:hover{background:#ffffff1a}.session-item.active{background:#667eea4d;border:1px solid rgba(102,126,234,.5)}.session-item.inactive{opacity:.6}.session-subject{font-weight:600;font-size:.9rem;margin-bottom:.25rem;color:#fff}.session-topic{font-size:.8rem;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.5rem}.session-meta{display:flex;gap:.75rem;font-size:.75rem;color:#ffffff80}.sidebar-overlay{display:none}.sidebar-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;margin-right:.5rem;color:#333;border-radius:6px}.sidebar-toggle:hover{background:#f0f2f5}.header-row{display:flex;align-items:flex-start}.header-text{flex:1}.tutor-container{background:#fff;border-radius:0 12px 12px 0;box-shadow:0 2px 20px #00000014;overflow:hidden;display:flex;flex-direction:column;flex:1;min-width:0}.tutor-header{padding:1.5rem;border-bottom:1px solid #eee}.tutor-header h2{color:#333;margin-bottom:.25rem}.tutor-header p{color:#666;font-size:.9rem}.tutor-settings{display:flex;gap:.75rem;margin-top:1rem}.tutor-settings select,.tutor-settings input{padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem}.tutor-settings input{flex:1}.reset-btn{padding:.5rem 1rem;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.reset-btn:hover{background:#e8e8e8}.subject-selector{position:relative}.add-subject-form{position:absolute;top:100%;left:0;margin-top:.5rem;padding:.75rem;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:.5rem;z-index:10}.add-subject-form input{padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;width:180px}.add-subject-form input:focus{outline:none;border-color:#667eea}.add-btn{padding:.5rem .75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500}.add-btn:hover{opacity:.9}.cancel-btn{padding:.5rem .75rem;background:#f5f5f5;color:#666;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.85rem}.cancel-btn:hover{background:#e8e8e8}.chat-messages-wrapper{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.scroll-to-bottom{position:absolute;bottom:1rem;right:1.5rem;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 12px #667eea66;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.scroll-to-bottom:hover{transform:scale(1.1);box-shadow:0 6px 16px #667eea80}.welcome-message{text-align:center;padding:3rem 2rem;color:#666}.welcome-message p{margin-bottom:.5rem}.message{max-width:80%;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end}.message.assistant,.message.error{align-self:flex-start}.message-content{padding:.875rem 1.25rem;border-radius:18px;line-height:1.5}.message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px;white-space:pre-wrap}.message.assistant .message-content{background:#f0f2f5;color:#333;border-bottom-left-radius:4px}.message.error .message-content{background:#fee;color:#c00}.message-content.loading{color:#999;font-style:italic}.chat-input{padding:1rem 1.5rem;border-top:1px solid #eee;display:flex;gap:.75rem;align-items:flex-end}.chat-input textarea{flex:1;padding:.875rem 1rem;border:1px solid #ddd;border-radius:24px;font-size:1rem;font-family:inherit;resize:none;min-height:44px;max-height:100px;line-height:1.4;transition:border-color .2s;overflow-y:auto}.chat-input textarea:focus{outline:none;border-color:#667eea}.chat-input button[type=submit]{padding:.875rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:24px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.chat-input button[type=submit]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.chat-input button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.image-btn{padding:.75rem;background:#f0f2f5;border:1px solid #ddd;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .2s}.image-btn:hover{background:#e8e8e8}.selected-image{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#e8f4ff;border-radius:16px;font-size:.85rem;color:#333}.selected-image button{background:none;border:none;color:#666;cursor:pointer;font-size:1rem;padding:0;line-height:1}.image-indicator{font-size:.8rem;color:#666;margin-bottom:.25rem}.debug-info{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.debug-tag{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.debug-tag.action{background:#e8f4ff;color:#06c}.debug-tag.hint{background:#fff3e0;color:#e65100}.debug-tag.new-topic{background:#e8f5e9;color:#2e7d32}.key-points{margin-top:.75rem;padding:.75rem;background:#f8f9fa;border-radius:8px;border-left:3px solid #667eea}.key-points strong{color:#667eea;font-size:.9rem}.key-points ul{margin:.5rem 0 0;padding-left:1.25rem}.key-points li{font-size:.9rem;margin-bottom:.25rem}.debug-toggle{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:#666;cursor:pointer}.debug-toggle input{cursor:pointer}@media (max-width: 768px){.navbar{padding:0 1rem}.nav-brand{font-size:1rem}.nav-user span{display:none}.main-content{padding:1rem}.tutor-settings{flex-wrap:wrap}.message{max-width:90%}.tutor-layout{position:relative}.session-sidebar{position:fixed;left:0;top:60px;height:calc(100vh - 60px);z-index:100;transform:translate(-100%);transition:transform .3s ease;border-radius:0}.session-sidebar.open{transform:translate(0)}.sidebar-close,.sidebar-toggle{display:block}.sidebar-overlay{display:block;position:fixed;top:60px;left:0;right:0;bottom:0;background:#00000080;z-index:99}.tutor-container{border-radius:12px}}