:root{--primary: #3b82f6;--primary-dark: #2563eb;--bg-sidebar: #0f172a;--bg-content: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--text-light: #f8fafc;--border: #e2e8f0;--accent: #f59e0b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-content);color:var(--text-main);line-height:1.6}#root{display:flex;min-height:100vh}.sidebar{width:300px;background-color:var(--bg-sidebar);color:var(--text-light);display:flex;flex-direction:column;border-right:1px solid var(--border);position:sticky;top:0;height:100vh;overflow-y:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-header{padding:1.5rem;border-bottom:1px solid #1e293b}.sidebar-header h1{font-size:1.25rem;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:.5rem}.sidebar-nav{flex:1;padding:1rem 0}.week-group{margin-bottom:2rem}.week-title{padding:.5rem 1.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600}.day-container{padding-left:.5rem}.day-title{padding:.5rem 1rem;font-size:.9rem;font-weight:600;color:#94a3b8;display:flex;align-items:center;gap:.5rem}.topic-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:transparent;border:none;color:#94a3b8;font-size:.875rem;text-align:left;cursor:pointer;transition:all .2s;border-radius:.5rem;margin-bottom:.125rem}.topic-btn.disabled{cursor:not-allowed}.topic-btn:hover:not(.disabled){background:#ffffff0d;color:#fff}.topic-list{list-style:none}.topic-item{padding:.6rem 1.5rem .6rem 2.5rem;font-size:.875rem;cursor:pointer;transition:all .2s;color:#cbd5e1;border-left:3px solid transparent}.topic-item:hover{background-color:#1e293b;color:var(--text-light)}.topic-item.active{background-color:#1e293b;color:var(--primary);border-left-color:var(--primary)}.section-group{margin-bottom:1.5rem}.section-title{padding:.5rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#64748b;letter-spacing:.05em;display:flex;justify-content:space-between;align-items:center}.nav-section.locked{opacity:.6}.lock-icon{color:#94a3b8}.content-area{flex:1;padding:3rem 5rem;max-width:1000px;margin:0 auto}.content-body{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.markdown-content h1{font-size:2.5rem;margin-bottom:1.5rem;color:#0f172a}.markdown-content h2{font-size:1.75rem;margin-top:2rem;margin-bottom:1rem;color:#1e293b;border-bottom:2px solid var(--border);padding-bottom:.5rem}.markdown-content h3{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem;color:#334155}.markdown-content p{margin-bottom:1.25rem;font-size:1.1rem;color:#475569}.markdown-content ul,.markdown-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.5rem}.markdown-content img{max-width:100%;border-radius:.5rem;margin:1.5rem 0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.markdown-content pre{background-color:#1e293b;color:#f8fafc;padding:1.5rem;border-radius:.5rem;overflow-x:auto;margin:1.5rem 0;font-family:JetBrains Mono,monospace;font-size:.9rem;position:relative}.code-editor-container{margin:1.5rem 0;border-radius:.5rem;overflow:hidden;border:1px solid #1e293b;box-shadow:0 4px 12px #0000001a}.code-editor-header{background-color:#1e293b;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.code-editor-title{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.75rem;text-transform:uppercase;font-weight:600;font-family:JetBrains Mono,monospace}.code-editor-actions{display:flex;align-items:center;gap:.5rem}.copy-button-mini,.download-button-mini{background:transparent;border:1px solid rgba(255,255,255,.2);color:#94a3b8;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:all .2s}.copy-button-mini:hover,.download-button-mini:hover{background:#ffffff1a;color:#fff}.copy-button-mini.copied{color:#10b981;border-color:#10b981}.markdown-content pre{margin:0!important;border-radius:0!important}.download-btn-link{display:inline-flex;align-items:center;gap:.5rem;background-color:#f1f5f9;color:var(--primary);padding:.5rem 1rem;border-radius:.5rem;text-decoration:none;font-weight:600;margin:.5rem 0;transition:all .2s;border:1px solid var(--border)}.download-btn-link:hover{background-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.markdown-content code{font-family:JetBrains Mono,monospace;background-color:#f1f5f9;padding:.2rem .4rem;border-radius:.25rem;font-size:.9em}.markdown-content pre code{background-color:transparent;padding:0}.course-selector{margin:1.5rem;padding:.75rem;background:#ffffff0d;border-radius:.5rem;border:1px solid rgba(255,255,255,.1)}.course-selector select{width:100%;background:transparent;color:#fff;border:none;font-size:.9rem;outline:none;cursor:pointer}.course-selector select option{background:var(--bg-sidebar)}.video-container{margin:1.5rem 0;background:#f8fafc;border-radius:.75rem;overflow:hidden;border:1px solid var(--border);box-shadow:0 4px 6px -1px #0000001a}.video-header{padding:.75rem 1.25rem;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--text-main);font-size:.9rem}.video-download-btn{background:var(--primary);color:#fff;border:none;padding:.35rem;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.video-download-btn:hover{background:var(--primary-dark)}.content-video{width:100%;display:block;background:#000}.chat-container{position:fixed;bottom:2rem;right:2rem;z-index:1000;display:flex;flex-direction:column;align-items:flex-end}.chat-toggle{width:60px;height:60px;border-radius:50%;background:var(--primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #3b82f666;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-toggle:hover{transform:scale(1.1);background:var(--primary-dark)}.chat-toggle.open{background:#ef4444;box-shadow:0 4px 20px #ef444466}.unread-badge{position:absolute;top:-10px;left:-10px;background:#ef4444;color:#fff;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:4px;box-shadow:0 2px 10px #ef44444d;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.chat-box{position:absolute;bottom:80px;right:0;width:350px;height:500px;background:#fff;border-radius:1.5rem;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(20px) scale(.95);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border)}.chat-box.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.chat-header{padding:1rem 1.25rem;background:var(--bg-sidebar);color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.header-info{display:flex;flex-direction:column}.chat-header h3{font-size:.95rem;font-weight:600;margin:0}.current-user-name{font-size:.75rem;color:#fff9;font-weight:400}.header-actions{display:flex;align-items:center;gap:.5rem}.reset-name-btn{background:transparent;color:#fff9;border:none;cursor:pointer;padding:.35rem;border-radius:.375rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.reset-name-btn:hover{color:#fff;background:#ffffff1a}.name-setup{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.user-icon{color:var(--primary);margin-bottom:1rem}.name-setup p{color:var(--text-muted);margin-bottom:1.5rem}.name-setup form{width:100%}.name-setup input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;margin-bottom:1rem;outline:none;transition:border-color .2s}.name-setup input:focus{border-color:var(--primary)}.name-setup button{width:100%;padding:.75rem;background:var(--primary);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .2s}.name-setup button:hover{background:var(--primary-dark)}.chat-messages{flex:1;padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;background:#f8fafc}.message{max-width:85%}.message-sender{font-size:.7rem;color:var(--text-muted);margin-bottom:.25rem;margin-left:.5rem}.message-bubble{background:#fff;padding:.75rem 1rem;border-radius:1rem 1rem 1rem 0;box-shadow:0 2px 5px #0000000d;font-size:.9rem;position:relative;color:var(--text-main)}.message-time{font-size:.6rem;color:#94a3b8;display:block;margin-top:.25rem;text-align:right}.own-message .message-sender{text-align:right;margin-right:.5rem}.own-message .message-bubble{background:var(--primary);color:#fff;border-radius:1rem 1rem 0}.own-message .message-time{color:#ffffffb3}.chat-input{padding:1rem;background:#fff;border-top:1px solid var(--border);display:flex;gap:.5rem}.chat-input input{flex:1;border:1px solid var(--border);border-radius:2rem;padding:.6rem 1.2rem;outline:none;font-size:.9rem;transition:border-color .2s}.chat-input input:focus{border-color:var(--primary)}.chat-input button{background:var(--primary);color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.chat-input button:hover:not(:disabled){transform:scale(1.1);background:var(--primary-dark)}.chat-input button:disabled{background:#cbd5e1;cursor:not-allowed}.empty-chat{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-style:italic;font-size:.9rem}.attach-btn{background:transparent!important;color:var(--text-muted)!important;border:none!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:color .2s!important}.attach-btn:hover{color:var(--primary)!important}.file-message{display:flex;flex-direction:column;gap:.75rem;min-width:180px}.file-info{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#0000000d;border-radius:.5rem}.own-message .file-info{background:#ffffff1a}.file-name{font-size:.85rem;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.download-file-btn{background:var(--primary);color:#fff;border:none;border-radius:.5rem;padding:.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;width:100%}.own-message .download-file-btn{background:#fff;color:var(--primary)}.download-file-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.teacher-message .message-bubble{background:#3b82f6!important;color:#fff!important}.teacher-message .message-time{color:#ffffffb3!important}.student-message .message-bubble{background:#10b981!important;color:#fff!important}.student-message .message-time{color:#ffffffb3!important}.own-message{align-self:flex-end}.own-message .message-bubble{border-radius:1rem 1rem 0}.file-link-container{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.file-link-container .download-btn-link{margin:0!important}.open-btn-link{display:inline-flex;align-items:center;gap:.5rem;background-color:#f1f5f9;color:var(--primary);padding:.5rem 1rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:all .2s;border:1px solid var(--border)}.open-btn-link:hover{background-color:var(--bg-sidebar);color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.image-wrapper{position:relative;cursor:pointer;display:inline-block;max-width:100%;border-radius:.75rem;overflow:hidden;margin:1rem 0;border:1px solid var(--border);transition:transform .2s}.image-wrapper:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.image-wrapper img{display:block;max-width:100%;height:auto}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;font-weight:600;font-size:.9rem}.image-wrapper:hover .image-overlay{opacity:1}.fullscreen-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:2000;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{max-width:90%;max-height:90%;position:relative;cursor:default;animation:zoomIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000080}.close-modal{position:absolute;top:2rem;right:2rem;background:#fff;color:#000;border:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px #0000001a;z-index:2100}.close-modal:hover{transform:rotate(90deg) scale(1.1);background:#f1f5f9}