@charset "UTF-8";:root{--spacing: .25rem}html,body{background-color:#0f172a;color:#f1f5f9;min-height:100vh}*{-webkit-text-size-adjust:100%}a,button{cursor:pointer}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a.nav-active{color:#34d399!important;font-weight:500}.active-indicator{position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:#34d399;transition:width .2s ease-in-out}a.nav-active .active-indicator{width:100%}.lesson-detail button{transition:all .2s ease-in-out}.lesson-detail .group:hover .group-hover\:text-white{color:#fff}.lesson-library .line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-library .group:hover .group-hover\:text-indigo-400{color:#a5b4fc}.lesson-library button,.lesson-library select,.lesson-library input{transition:all .2s ease-in-out}app-session-chat{display:block;height:100vh}.container-chat{display:flex;flex-direction:column;height:100%;position:relative}.container-chat .header{position:sticky;top:0;z-index:10;flex-shrink:0}.container-chat .messages-area{flex:1;overflow-y:auto;overflow-x:hidden;overflow-y:scroll;scrollbar-gutter:stable;scroll-behavior:smooth}.container-chat .messages-area{scrollbar-width:thin;scrollbar-color:rgb(51,65,85) transparent}.container-chat .messages-area::-webkit-scrollbar{width:8px}.container-chat .messages-area::-webkit-scrollbar-track{background:transparent}.container-chat .messages-area::-webkit-scrollbar-thumb{background-color:#334155;border-radius:4px}.container-chat .input-area{position:sticky;bottom:0;z-index:10;flex-shrink:0}.container-chat .input-area.unfixed{position:static}.container-chat textarea{field-sizing:content;max-height:200px}.hover\:bg-slate-750:hover{background-color:#1e293b}.typing-dots{display:inline-flex;align-items:center;gap:4px;margin-left:4px}.typing-dot{width:6px;height:6px;background-color:#94a3b8;border-radius:50%;animation:typing-bounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}@keyframes typing-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.animate-pulse{animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.lesson-card-container{transition:all .2s}.lesson-card-container:hover{transform:translateY(-4px)}.lesson-card-container .lesson-title{color:#f8fafc;font-weight:600;font-size:1rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.lesson-card-container:hover .lesson-title{color:#6ee7b7}.lesson-card-container .lesson-description{color:#94a3b8;font-size:.875rem;margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-card-container .topic-pill{padding:.125rem .5rem;font-size:.75rem;border-radius:9999px;background-color:#1e293b;color:#cbd5e1}.lesson-card-container .topic-pill-more{color:#94a3b8}.lesson-card-container .level-badge{padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:9999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff}.lesson-card-container .level-beginner{background-color:#10b981d9}.lesson-card-container .level-intermediate{background-color:#f59e0bd9}.lesson-card-container .level-advanced{background-color:#ef4444d9}.lesson-card-container .level-default{background-color:#6b7280d9}.lesson-card-container .duration-badge{padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:9999px;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff}.lesson-card-container .play-button{width:3.5rem;height:3.5rem;border-radius:9999px;background-color:#10b981;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #0000001a;transition:all .2s}.lesson-card-container .play-button:hover{background-color:#34d399;transform:scale(1.1)}.lesson-card-container .progress-bar-fill{background:linear-gradient(to right,#10b981,#34d399)}.lesson-card-container .category-label{font-size:.75rem;font-weight:500;color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em}.lesson-card-container .image-wrapper{border-radius:.5rem;overflow:hidden}.lesson-row-netflix{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}@media(min-width:768px){.lesson-row-netflix{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(min-width:1024px){.lesson-row-netflix{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.lesson-card-netflix{transition:transform .2s ease}.lesson-card-netflix:hover{transform:translateY(-4px)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.25}.markdown-content h1{font-size:1.5em}.markdown-content h2{font-size:1.25em}.markdown-content h3{font-size:1.125em}.markdown-content p{margin-bottom:1em;line-height:1.75}.markdown-content code{background-color:#1e293b;border-radius:.25rem;padding:.125rem .375rem;font-size:.875em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.markdown-content pre{background-color:#0f172a;border:1px solid rgb(51,65,85);border-radius:.5rem;padding:1rem;overflow-x:auto;margin-bottom:1em}.markdown-content pre code{background-color:transparent;padding:0;font-size:.875em}.markdown-content ul,.markdown-content ol{margin-bottom:1em;padding-left:1.5em}.markdown-content li{margin-bottom:.5em}.markdown-content blockquote{border-left:4px solid rgb(99,102,241);padding-left:1rem;margin-bottom:1em;color:#94a3b8;font-style:italic}.markdown-content table{width:100%;border-collapse:collapse;margin-bottom:1em}.markdown-content th,.markdown-content td{border:1px solid rgb(51,65,85);padding:.5rem;text-align:left}.markdown-content th{background-color:#1e293b;font-weight:600}.markdown-content strong{font-weight:700;color:#f3f4f6}.markdown-content em{font-style:italic}.markdown-content a{color:#a5b4fc;text-decoration:underline}.markdown-content a:hover{color:#c084fc}.markdown-content hr{border:none;border-top:1px solid rgb(51,65,85);margin:2em 0}