.app-layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary)}.app-main-content{flex:1;max-width:900px;width:100%;margin:0 auto;padding:16px;box-sizing:border-box}.navbar-container{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar-top{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color)}.navbar-brand{display:flex;align-items:center;gap:10px}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan)}.brand-titles{display:flex;flex-direction:column}.brand-title{font-size:15px;font-weight:700;letter-spacing:-.3px;color:var(--text-primary)}.brand-subtitle{font-size:11px;color:var(--text-secondary)}.navbar-user{display:flex;align-items:center}.user-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:12px;color:var(--text-primary)}.user-icon{color:var(--accent-blue)}.user-id{color:var(--text-muted);font-size:11px}.navbar-tabs{display:flex;justify-content:space-around;padding:4px 8px}.tab-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:none;border:none;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;border-radius:var(--radius-md);transition:all .2s ease;position:relative}.tab-button:hover{color:var(--text-primary);background:#ffffff0a}.tab-button.active{color:var(--accent-blue);background:#2ea6ff1a;font-weight:600}.curriculum-container{display:flex;flex-direction:column;gap:20px}.curriculum-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(32,43,54,.6) 100%);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow)}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:#2ea6ff26;color:var(--accent-blue);padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;margin-bottom:12px}.hero-title{font-size:20px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.hero-desc{font-size:13px;color:var(--text-secondary);line-height:1.6}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.module-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;transition:all .2s ease;cursor:pointer}.module-card.card-active:hover{border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 6px 16px #00000040}.module-card.card-locked{opacity:.6;cursor:not-allowed;filter:grayscale(.2)}.module-card.card-completed{border-color:#31b54566}.module-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.module-number-badge{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--accent-cyan);background:#00d2ff1a;padding:3px 8px;border-radius:var(--radius-sm)}.status-badge-completed{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--success);font-weight:500}.status-badge-locked{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.status-badge-open{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--accent-blue);font-weight:500}.module-title{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.module-desc{font-size:13px;color:var(--text-secondary);margin-bottom:16px;line-height:1.5;flex:1}.module-card-footer{border-top:1px solid var(--border-color);padding-top:12px;display:flex;align-items:center;justify-content:flex-end}.module-open-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--accent-blue);font-size:13px;font-weight:600;cursor:pointer}.footer-locked-hint{font-size:11px;color:var(--text-muted)}.lesson-view-container{display:flex;flex-direction:column;gap:20px}.lesson-nav-bar{display:flex;align-items:center;justify-content:space-between}.back-btn{display:flex;align-items:center;gap:6px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.back-btn:hover{background:var(--bg-tertiary)}.pill-completed{display:flex;align-items:center;gap:5px;background:var(--success-bg);color:var(--success);padding:6px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.pill-progress{display:flex;align-items:center;gap:5px;background:#2ea6ff26;color:var(--accent-blue);padding:6px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.player-wrapper{width:100%;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border-color);background:#000}.player-container{position:relative;width:100%;aspect-ratio:16 / 9;background:#05080c;display:flex;align-items:center;justify-content:center;overflow:hidden}.player-video{width:100%;height:100%;object-fit:cover}.player-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:8px}.placeholder-icon{color:var(--accent-blue);opacity:.8}.placeholder-text{font-size:15px;font-weight:600;color:var(--text-primary)}.placeholder-subtext{font-size:12px;color:var(--text-muted)}.player-watermark{position:absolute;pointer-events:none;z-index:20;transition:all 1.2s cubic-bezier(.4,0,.2,1);background:#00000059;padding:4px 8px;border-radius:4px;border:1px dashed rgba(255,255,255,.2)}.watermark-label{font-size:11px;font-family:monospace;font-weight:700;color:#ffffff73;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.player-controls{position:absolute;bottom:0;left:0;right:0;padding:10px 14px;background:linear-gradient(transparent,#000c);display:flex;align-items:center;justify-content:space-between;z-index:10}.control-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center}.player-title-overlay{font-size:12px;color:#fffc;font-weight:500}.lesson-content-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.lesson-title{font-size:22px;font-weight:700;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.markdown-body{font-size:14px;line-height:1.7;color:var(--text-primary)}.md-h1,.md-h2,.md-h3{color:var(--text-primary);margin-top:24px;margin-bottom:12px;font-weight:600}.md-h2{font-size:18px;border-left:3px solid var(--accent-blue);padding-left:10px}.md-h3{font-size:15px}.md-p{margin-bottom:14px}.md-ul,.md-ol{margin-bottom:16px;padding-left:20px}.md-li{margin-bottom:6px}.md-quote{border-left:4px solid var(--accent-cyan);background:#00d2ff0d;padding:10px 16px;margin:16px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:normal;color:#c9d8e7}.table-responsive{overflow-x:auto;margin:16px 0}.md-table{width:100%;border-collapse:collapse;font-size:13px}.md-th{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:10px;text-align:left;font-weight:600;color:var(--accent-blue)}.md-td{border:1px solid var(--border-color);padding:10px}.md-code-inline{background:var(--bg-tertiary);color:var(--accent-cyan);padding:2px 6px;border-radius:4px;font-size:12px;font-family:monospace}.md-code-block{background:#090e15;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:14px;overflow-x:auto;font-size:12px;font-family:monospace;margin:16px 0}.lesson-action-bar,.quiz-launch-btn,.lesson-status-pill{display:none!important}.action-bar-info{display:flex;align-items:center;gap:12px}.info-icon{color:var(--accent-blue)}.action-bar-info strong{display:block;font-size:14px}.action-bar-info p{font-size:12px;color:var(--text-secondary)}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent-blue);color:#fff;border:none;border-radius:var(--radius-md);padding:10px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.primary-btn:hover:not(:disabled){background:var(--accent-blue-hover);box-shadow:0 4px 12px #2ea6ff59}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.success-btn{background:var(--success)}.success-btn:hover:not(:disabled){background:#28a73b}.retry-btn{background:var(--bg-tertiary);border:1px solid var(--border-color)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:650px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 40px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.modal-subtitle{font-size:11px;color:var(--accent-cyan);font-weight:700;text-transform:uppercase}.modal-title{font-size:17px;font-weight:700}.modal-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.quiz-questions-list{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.quiz-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px}.quiz-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.quiz-q-num{font-size:12px;font-weight:700;color:var(--text-muted)}.feedback-badge{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.feedback-badge.correct{background:var(--success-bg);color:var(--success)}.feedback-badge.wrong{background:var(--danger-bg);color:var(--danger)}.quiz-q-text{font-size:14px;font-weight:600;margin-bottom:12px}.quiz-options-list{display:flex;flex-direction:column;gap:8px}.quiz-option{display:flex;align-items:center;gap:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;color:var(--text-primary);text-align:left;cursor:pointer;transition:all .15s ease}.quiz-option:hover:not(:disabled){border-color:var(--border-highlight);background:#ffffff08}.quiz-option.selected{border-color:var(--accent-blue);background:#2ea6ff14}.option-radio-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--border-highlight);display:inline-block;flex-shrink:0}.quiz-option.selected .option-radio-dot{border-color:var(--accent-blue);background:var(--accent-blue)}.quiz-option.option-correct{border-color:var(--success);background:var(--success-bg)}.quiz-option.option-wrong{border-color:var(--danger);background:var(--danger-bg)}.quiz-explanation-box{margin-top:12px;padding:10px 12px;background:#00000040;border-left:3px solid var(--accent-blue);border-radius:4px}.explanation-title{font-size:11px;font-weight:700;color:var(--accent-cyan);display:block;margin-bottom:4px}.explanation-text{font-size:12px;color:var(--text-secondary);line-height:1.5}.modal-footer{padding:14px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;background:var(--bg-secondary)}.quiz-result-banner{margin:16px 20px 0;padding:16px;border-radius:var(--radius-md);display:flex;align-items:center;gap:16px}.quiz-result-banner.passed{background:var(--success-bg);border:1px solid rgba(49,181,69,.4)}.quiz-result-banner.failed{background:var(--danger-bg);border:1px solid rgba(255,77,79,.4)}.result-icon-wrapper{color:var(--success)}.quiz-result-banner.failed .result-icon-wrapper{color:var(--danger)}.result-text-group h3{font-size:16px;font-weight:700;margin-bottom:2px}.result-text-group p{font-size:13px;margin-bottom:4px}.result-note{font-size:11px;color:var(--text-secondary)}.chat-container{display:flex;flex-direction:column;height:calc(100vh - 120px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.chat-curator-header{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.curator-avatar-wrapper{position:relative}.curator-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#1e3a8a,#0284c7);display:flex;align-items:center;justify-content:center;color:#fff}.online-indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;background:var(--success);border:2px solid var(--bg-tertiary)}.curator-info{display:flex;flex-direction:column}.curator-name-row{display:flex;align-items:center;gap:8px}.curator-name{font-size:14px;font-weight:700}.curator-badge{font-size:10px;background:#00d2ff26;color:var(--accent-cyan);padding:2px 6px;border-radius:var(--radius-full);font-weight:600}.curator-status{font-size:11px;color:var(--text-secondary)}.chat-context-notice{display:flex;align-items:center;gap:6px;padding:6px 16px;background:#2ea6ff14;border-bottom:1px solid rgba(46,166,255,.15);font-size:11px;color:var(--accent-blue)}.chat-messages-area{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.message-row{display:flex;gap:8px;max-width:85%}.row-student{align-self:flex-end;flex-direction:row-reverse}.row-mentor{align-self:flex-start}.message-avatar{font-size:18px;line-height:1;margin-top:4px}.message-bubble{padding:10px 14px;border-radius:var(--radius-md);font-size:13px;line-height:1.5;position:relative;word-break:break-word}.bubble-student{background:var(--accent-blue);color:#fff;border-bottom-right-radius:2px}.bubble-mentor{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:2px}.bubble-founder{background:linear-gradient(135deg,#2b2515,#1c1810);border:1px solid #d4af37;border-bottom-left-radius:2px}.founder-tag{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;color:#f6c845;margin-bottom:4px}.bubble-text{margin:0;white-space:pre-wrap}.bubble-time{display:block;font-size:10px;color:var(--text-muted);text-align:right;margin-top:4px}.bubble-student .bubble-time{color:#ffffffb3}.bubble-typing{display:flex;align-items:center;gap:8px;padding:10px 14px}.typing-label{font-size:12px;color:var(--text-secondary)}.typing-dots{display:flex;gap:4px}.typing-dots .dot{width:6px;height:6px;background:var(--accent-cyan);border-radius:50%;animation:typingDots 1.4s infinite ease-in-out both}.typing-dots .dot:nth-child(1){animation-delay:-.32s}.typing-dots .dot:nth-child(2){animation-delay:-.16s}.chat-input-form{padding:12px 16px;background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;align-items:center;gap:10px}.chat-input{flex:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:10px 16px;font-size:13px;color:var(--text-primary);outline:none}.chat-input:focus{border-color:var(--accent-blue)}.chat-send-btn{width:38px;height:38px;border-radius:50%;background:var(--accent-blue);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.chat-send-btn:hover:not(:disabled){background:var(--accent-blue-hover)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.radar-container{display:flex;flex-direction:column;gap:16px}.radar-header{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:16px}.radar-icon-badge{width:52px;height:52px;border-radius:var(--radius-md);background:#00d2ff1f;display:flex;align-items:center;justify-content:center;color:var(--accent-cyan);flex-shrink:0}.radar-title{font-size:18px;font-weight:700;margin-bottom:4px}.radar-subtitle{font-size:12px;color:var(--text-secondary);line-height:1.5}.preset-chips-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.preset-label{font-size:12px;color:var(--text-muted)}.preset-chip{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:4px 10px;font-size:12px;color:var(--text-primary);cursor:pointer;transition:all .15s}.preset-chip:hover{border-color:var(--accent-blue);background:#2ea6ff14}.radar-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:14px}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.input-field-wrapper{position:relative;display:flex;align-items:center}.field-icon{position:absolute;left:12px;color:var(--text-muted)}.text-input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 12px 10px 38px;font-size:13px;color:var(--text-primary);outline:none;transition:border-color .2s}.text-input:focus{border-color:var(--accent-blue)}.input-group input.text-input:not(.field-icon+input){padding-left:12px}.radar-check-btn{width:100%;padding:12px;margin-top:6px}.radar-result-card{border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}.result-blocked{background:#ff4d4f0f;border:1px solid rgba(255,77,79,.4)}.result-approved{background:#31b5450f;border:1px solid rgba(49,181,69,.4)}.result-status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:700;letter-spacing:.3px}.badge-blocked{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger)}.badge-approved{background:var(--success-bg);color:var(--success);border:1px solid var(--success)}.verdict-markdown{font-size:13px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap}.result-footer-notice{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.banner{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md);font-size:12px}.banner-error{background:var(--danger-bg);border:1px solid var(--danger);color:#ff8587}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.curriculum-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 0;color:var(--text-secondary)}.video-playlist-bar{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:10px 14px}.playlist-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.playlist-icon{color:var(--accent-cyan)}.playlist-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.playlist-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:5px 12px;font-size:12px;color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:all .2s ease}.playlist-chip:hover{border-color:var(--accent-blue);background:var(--bg-primary)}.playlist-chip.chip-active{background:#2ea6ff26;border-color:var(--accent-blue);color:#fff;font-weight:600}.chip-num{color:var(--accent-cyan);font-weight:700;font-size:11px}.chip-size{font-size:10px;color:var(--text-muted)}.player-controls-panel{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.95),rgba(0,0,0,.4) 60%,transparent);padding:8px 14px 12px;z-index:10;display:flex;flex-direction:column;gap:6px}.player-timeline-wrapper{width:100%}.player-timeline-slider{width:100%;height:4px;-webkit-appearance:none;background:#ffffff40;border-radius:2px;outline:none;cursor:pointer;transition:height .15s}.player-timeline-slider:hover{height:6px}.player-timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent-cyan);cursor:pointer;box-shadow:0 0 6px var(--accent-cyan)}.player-controls-row{display:flex;align-items:center;justify-content:space-between}.controls-left,.controls-right{display:flex;align-items:center;gap:10px}.player-time-display{font-size:12px;font-family:monospace;color:#ffffffd9;margin-left:4px}.speed-badge-btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s}.speed-badge-btn:hover{background:#ffffff40}.player-info-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:12px}.info-meta{display:flex;align-items:center;gap:6px;color:var(--text-primary);font-weight:600}.shield-icon{color:var(--accent-cyan)}.info-sub{color:var(--text-muted);font-size:11px}.module-badge-group{display:flex;align-items:center;gap:8px}.module-video-count-badge{display:inline-flex;align-items:center;gap:4px;background:#00e5ff1f;color:var(--accent-cyan);border:1px solid rgba(0,229,255,.25);padding:3px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.video-library-container{display:flex;flex-direction:column;gap:20px}.hero-stats-row{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.stat-pill{display:inline-flex;align-items:center;gap:5px;background:var(--bg-tertiary);border:1px solid var(--border-color);padding:4px 10px;border-radius:var(--radius-full);font-size:11px;color:var(--text-secondary)}.stat-pill-active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00e5ff14}.library-player-section{width:100%}.library-filter-bar{display:flex;flex-direction:column;gap:12px}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:14px;color:var(--text-muted)}.search-input{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 14px 10px 38px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--accent-blue)}.category-scroll-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.cat-chip{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 14px;border-radius:var(--radius-full);font-size:12px;cursor:pointer;white-space:nowrap;transition:all .2s}.cat-chip:hover{background:var(--bg-tertiary);color:var(--text-primary)}.cat-chip.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);font-weight:600}.library-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.video-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s;display:flex;flex-direction:column}.video-card:hover{transform:translateY(-2px);border-color:var(--accent-blue)}.video-card-selected{border-color:var(--accent-cyan);box-shadow:0 0 12px #00e5ff40}.video-card-preview{position:relative;aspect-ratio:16 / 9;background:#070b12;display:flex;align-items:center;justify-content:center}.preview-overlay{width:44px;height:44px;border-radius:50%;background:#000000a6;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s,background .2s}.video-card:hover .preview-overlay{transform:scale(1.1);background:var(--accent-blue)}.preview-size-badge{position:absolute;bottom:8px;right:8px;background:#000000bf;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-family:monospace}.video-card-body{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1}.video-card-category{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--accent-cyan);font-weight:600}.video-card-title{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.35}.video-card-meta{margin-top:auto;font-size:11px;color:var(--text-muted)}.filename-text{font-family:monospace;font-size:10px;word-break:break-all}.lesson-resources-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:16px}.resources-header{display:flex;flex-direction:column;gap:4px}.res-header-left{display:flex;align-items:center;gap:8px}.resources-title{font-size:16px;font-weight:700;color:var(--text-primary)}.resources-subtitle{font-size:12px;color:var(--text-muted)}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.resource-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s,transform .2s}.resource-card:hover{border-color:var(--accent-blue);transform:translateY(-2px)}.resource-card-top{display:flex;align-items:center;justify-content:space-between}.res-type-wrap{display:flex;align-items:center;gap:8px}.res-icon{flex-shrink:0}.res-pdf{color:#ff5252}.res-text{color:var(--accent-cyan)}.res-zip{color:#ffb300}.res-link{color:#8be9fd}.res-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px}.res-badge-pdf{background:#ff525226;color:#ff5252;border:1px solid rgba(255,82,82,.3)}.res-badge-text{background:#00e5ff26;color:var(--accent-cyan);border:1px solid rgba(0,229,255,.3)}.res-badge-zip{background:#ffb30026;color:#ffb300;border:1px solid rgba(255,179,0,.3)}.res-badge-link{background:#8be9fd26;color:#8be9fd;border:1px solid rgba(139,233,253,.3)}.res-size-label{font-size:11px;font-family:monospace;color:var(--text-muted)}.resource-card-content{display:flex;flex-direction:column;gap:4px;flex:1}.res-title{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.35}.res-desc{font-size:11px;color:var(--text-secondary);line-height:1.4}.resource-card-actions{display:flex;align-items:center;gap:8px;margin-top:4px}.res-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-md);font-size:12px;font-weight:600;padding:7px 12px;cursor:pointer;transition:all .2s;border:none}.res-btn-primary{flex:1;background:var(--accent-blue);color:#fff}.res-btn-primary:hover{filter:brightness(1.15)}.res-btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:7px 10px}.res-btn-secondary:hover{border-color:var(--accent-blue);background:var(--bg-primary)}.res-btn-zip{width:100%;background:#ffb30026;color:#ffb300;border:1px solid rgba(255,179,0,.35)}.res-btn-zip:hover{background:#ffb30040}.module-resource-count-badge{display:inline-flex;align-items:center;gap:4px;background:#ffb3001f;color:#ffb300;border:1px solid rgba(255,179,0,.25);padding:3px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.template-modal-card{max-width:680px;width:100%;max-height:85vh;display:flex;flex-direction:column}.template-modal-body{padding:16px;overflow-y:auto;max-height:55vh;background:#04070c;border-radius:var(--radius-md);border:1px solid var(--border-color);margin:12px 16px}.template-pre-content{font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.6;color:#d1d5db;white-space:pre-wrap;word-break:break-word;margin:0}.template-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--border-color)}.copy-template-btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent-cyan);color:#000;font-weight:700;font-size:13px;border:none;border-radius:var(--radius-md);padding:8px 16px;cursor:pointer;transition:all .2s}.copy-template-btn:hover{filter:brightness(1.1);box-shadow:0 0 10px #00e5ff66}.mentor-paywall-wrap{display:flex;justify-content:center;align-items:center;min-height:520px;padding:16px}.mentor-paywall-card{background:var(--bg-secondary);border:1px solid var(--border-highlight);border-radius:var(--radius-lg);padding:32px 24px;max-width:540px;width:100%;text-align:center;box-shadow:0 12px 36px #00000073}.paywall-badge{display:inline-flex;align-items:center;gap:6px;background:#00d2ff1f;border:1px solid rgba(0,210,255,.3);color:var(--accent-cyan);padding:6px 14px;border-radius:var(--radius-full);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:16px}.paywall-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.paywall-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:24px}.paywall-features{display:flex;flex-direction:column;gap:14px;text-align:left;margin-bottom:24px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px}.paywall-feature-item{display:flex;gap:12px;align-items:flex-start}.feat-icon{margin-top:2px;flex-shrink:0}.paywall-feature-item strong{display:block;font-size:13px;color:var(--text-primary)}.paywall-feature-item p{font-size:12px;color:var(--text-secondary);margin-top:2px;line-height:1.4}.paywall-pricing-box{background:#2ea6ff14;border:1px solid rgba(46,166,255,.25);border-radius:var(--radius-md);padding:16px;margin-bottom:20px}.paywall-price-row{display:flex;align-items:center;justify-content:center;gap:10px}.price-old{font-size:16px;color:var(--text-muted);text-decoration:line-through}.price-current{font-size:28px;font-weight:800;color:#fff}.price-discount-tag{background:var(--warning);color:#000;font-size:11px;font-weight:800;padding:3px 8px;border-radius:var(--radius-sm)}.price-upgrade-hint{font-size:13px;color:var(--text-secondary);margin-top:6px}.price-upgrade-hint strong{color:var(--accent-cyan)}.paywall-cta-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#00d2ff,#2ea6ff);color:#000;font-weight:700;font-size:14px;padding:14px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #00d2ff59}.paywall-cta-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00d2ff80}:root{--bg-primary: #0e1621;--bg-secondary: #17212b;--bg-tertiary: #202b36;--bg-glass: rgba(23, 33, 43, .85);--border-color: #2b3947;--border-highlight: #3b4e61;--text-primary: #f5f5f5;--text-secondary: #90a0b2;--text-muted: #647587;--accent-blue: #2ea6ff;--accent-blue-hover: #1c92ea;--accent-cyan: #00d2ff;--success: #31b545;--success-bg: rgba(49, 181, 69, .12);--warning: #f5a623;--warning-bg: rgba(245, 166, 35, .12);--danger: #ff4d4f;--danger-bg: rgba(255, 77, 79, .12);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow: 0 4px 20px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden;-webkit-user-select:text;user-select:text}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-highlight)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #2ea6ff66}70%{box-shadow:0 0 0 8px #2ea6ff00}to{box-shadow:0 0 #2ea6ff00}}@keyframes typingDots{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.animate-fade-in{animation:fadeIn .25s ease-out forwards}