@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&family=JetBrains+Mono:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap);.topbar-header{align-items:center;background-color:#fff;background-color:var(--bg-color,#fff);border:1px #333;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;padding:30px 35px;width:100%}.topbar-header-greeting{display:flex;flex-direction:column}.topbar-header-greeting h1{align-items:center;color:#333;color:var(--text-color,#333);display:flex;font-size:20px;font-weight:600;margin:0}.hello-icon{height:18px;margin-left:4px;width:18px}.subheading{color:var(--text-color);font-size:12px;margin-top:2px}.topbar-header-actions{align-items:center;display:flex;margin-top:10px}.topbar-header-search{flex:1 1;margin-right:12px;position:relative}.topbar-header-search input{background-color:#f5f5f5;border:none;border-radius:12px;color:#333;font-size:13px;max-width:250px;outline:none;padding:10px 40px 10px 16px;transition:all .3s ease;width:100%}.topbar-header-search input:focus{background-color:#fff;box-shadow:0 0 0 2px #3d506633,0 4px 6px #0000000d}.topbar-header-search input::placeholder{color:#999}.search-button{background:none;border:none;color:#666;cursor:pointer;font-size:16px;padding:5px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .3s ease}.search-button:hover{color:#333}.notification-container{position:relative}.notification-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:35px;justify-content:center;position:relative;transition:background-color .3s ease;width:35px}.notification-button:hover{background-color:#f5f5f5}.notification-button svg{color:#666;font-size:18px;transition:color .3s ease}.notification-button:hover svg{color:#333}.notification-dropdown{animation:notificationSlideIn .15s ease-out;background:#333;background:var(--text,#333);border:1px solid #0000001a;border:1px solid var(--border-color,#0000001a);border-radius:8px;box-shadow:0 4px 20px #0000001a;color:#fff;color:var(--bg-color,#fff);margin-top:12px;overflow:hidden;position:absolute;right:0;top:100%;width:280px;z-index:1000}.notification-dropdown:before{border-bottom:8px solid #333;border-bottom:8px solid var(--text,#333);top:-8px;z-index:1001}.notification-dropdown:after,.notification-dropdown:before{border-left:8px solid #0000;border-right:8px solid #0000;content:"";height:0;position:absolute;right:12px;width:0}.notification-dropdown:after{border-bottom:8px solid #0000001a;border-bottom:8px solid var(--border-color,#0000001a);top:-9px;z-index:1000}@keyframes notificationSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-content{max-height:300px;overflow-y:auto;padding:0}.no-notifications{padding:24px 20px;text-align:center}.no-notifications h4{color:#fff;color:var(--bg-color,#fff);font-size:14px;font-weight:500;margin:0 0 6px}.no-notifications p{color:#fff;color:var(--bg-color,#fff);font-size:12px;margin:0;opacity:.8}.notification-indicator{background-color:#ff4757;border-radius:50%;height:6px;position:absolute;right:4px;top:4px;width:6px}.theme-toggle-button{background:none;border:none;cursor:pointer;font-size:20px;margin-left:10px;transition:transform .3s ease}.theme-toggle-button:hover{transform:scale(1.1)}@media (max-width:1200px){.topbar-header-search input{max-width:220px}}@media (max-width:992px){.topbar-header-search input{max-width:180px}}@media (max-width:768px){.topbar-header{align-items:flex-start;flex-direction:column;padding:15px}.topbar-header-greeting{margin-bottom:10px}.topbar-header-actions{justify-content:space-between;margin-top:0;width:100%}.topbar-header-search{flex:1 1;margin-right:10px}.topbar-header-search input{max-width:none}.search-button{right:12px}.notification-dropdown{right:-5px;width:260px}.notification-dropdown:after,.notification-dropdown:before{right:18px}.no-notifications{padding:20px 16px}}.course-card-unique{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;box-shadow:0 2px 10px #0000000d;cursor:pointer;display:flex;flex-direction:column;height:150px;justify-content:space-between;padding:14px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:200px}.course-card-unique:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-5px)}.course-card-unique--browse{background:#fff3;cursor:pointer;height:140px;width:180px}.course-card-unique--browse:hover{box-shadow:0 4px 20px #00000026;transform:scale(1.02)}.course-card-unique__content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding-right:30px}.course-card-unique__title{word-wrap:break-word;color:#333;font-size:14px;font-weight:600;margin:0 0 12px;white-space:normal}.course-card-unique__progress-section{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.course-card-unique__progress-bar{background-color:#fff;border-radius:3px;flex:1 1;height:5px;overflow:hidden}.course-card-unique__progress{background-color:#76c7c0;background-color:var(--progress-color,#76c7c0);height:100%;transition:width .3s ease,background-color .3s ease;width:0}.course-card-unique__progress-percentage{color:#333;font-size:14px;font-weight:600;margin-right:32px;min-width:50px;text-align:right}.course-card-unique__remove-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;opacity:.5;padding:0;position:absolute;right:12px;top:12px;transition:opacity .3s ease;width:24px;z-index:10}.course-card-unique__remove-button:hover{background:#0000000d;opacity:1}.course-card-unique__info-button{align-items:center;background:#0000;border:1px solid #ccc;border-radius:50%;bottom:12px;color:#666;cursor:pointer;display:flex;height:20px;justify-content:center;opacity:.5;padding:0;position:absolute;right:12px;transition:opacity .3s ease,color .3s ease;width:20px;z-index:10}.course-card-unique__info-button:hover{background:#007bff0d;color:#007bff;opacity:1}.course-card-unique--browse .course-card-unique__title{color:#555;font-size:14px}.course-card-unique--browse .course-card-unique__progress-section{display:none}.course-card-unique__progress-details{color:#666;font-size:12px;font-weight:400;margin-top:4px;text-align:center}.courses-container{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:40px;justify-content:flex-start;margin-left:8%;padding:20px;width:100%}.status-message{text-align:center}.add-course-button,.status-message{color:var(--text-two);font-size:16px}.add-course-button{align-items:center;background-color:var(--add-course);border:2px dashed #ccc;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;height:150px;justify-content:center;padding:10px;position:relative;transform:rotateY("-2%");transition:all .3s ease;width:200px}.add-course-button.loading{background-color:var(--add-course-hover);border-color:var(--text-three);border-style:solid;cursor:wait;opacity:.7}.add-course-button.loading .add-course-button__icon{animation:pulse 1.5s ease-in-out infinite}.add-course-button:hover{background-color:var(--add-course-hover);border-color:var(--text-two);box-shadow:0 4px 15px #0000001a;color:#333;transform:translateY(-5px)}.add-course-button__icon{font-size:24px;margin-right:10px}.add-course-section{align-items:center;display:flex;flex-direction:column;gap:8px}.add-course-button.disabled{background-color:var(--text-three);cursor:not-allowed;opacity:.5}.add-course-button.disabled:hover{background-color:var(--text-three);border-color:#ccc;box-shadow:none;transform:none}.quota-info{font-size:12px;font-weight:500;margin-top:4px;text-align:center}.quota-remaining{color:var(--text-two);opacity:.8}.quota-limit-reached{color:#ff6b6b;font-weight:600}.add-course-button__text{font-size:16px;font-weight:600}@media (max-width:768px){.add-course-button,.course-card-unique{height:150px;width:100%}.courses-container{gap:15px}}.study-tracker{background:var(--topbar);border-radius:12px;font-family:Arial,sans-serif;margin:0 auto;max-width:400px;padding:0 15px 15px;width:100%}.study-tracker-header{justify-content:space-between;margin-bottom:20px}.study-tracker-header,.study-tracker-header-left{align-items:center;display:flex}.study-tracker-exams,.study-tracker-study{font-size:16px}.study-tracker-study{color:var(--text);margin-right:10px}.study-tracker-exams{align-items:center;color:var(--bg-color);display:flex}.study-tracker-exams-icon{height:16px;margin-right:5px;width:16px}.dark .study-tracker-exams-icon{filter:invert(1)}.study-tracker-dropdown,.study-tracker-header-right{position:relative}.study-tracker-dropdown-button{align-items:center;background:none;border:none;color:var(--text-two);cursor:pointer;display:flex;font-size:14px;outline:none;transition:color .3s ease}.study-tracker-dropdown-button:hover{color:var(--text-two)}.study-tracker-dropdown-icon{border:solid var(--text-two);border-width:0 2px 2px 0;height:8px;margin-left:5px;transform:rotate(45deg);width:8px}.study-tracker-dropdown-content{background-color:var(--bg-color);border-radius:8px;box-shadow:0 2px 5px #00000026;display:none;overflow:hidden;position:absolute;right:0;z-index:1}.study-tracker-dropdown-content span{color:var(--text-three);cursor:pointer;display:block;font-size:14px;padding:8px 12px;transition:background-color .3s ease}.study-tracker-dropdown-content span:hover{background-color:#f1f1f1;color:#000}.study-tracker-dropdown:hover .study-tracker-dropdown-content{display:block}.study-tracker-chart-container{align-items:flex-end;display:flex;height:200px;margin-bottom:10px;position:relative}.study-tracker-y-axis{align-items:flex-end;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin-right:10px;width:40px}.study-tracker-y-axis span{color:#999;font-size:12px}.study-tracker-chart{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--study-tracker);border:1px solid var(--text-three);border-radius:12px;display:flex;flex:1 1;height:100%;overflow:hidden;padding:15px 15px 0}.study-tracker-bars{align-items:stretch;display:flex;height:100%;justify-content:space-around;width:100%}.study-tracker-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;position:relative;text-align:center}.study-tracker-bar{background-color:#ff8d68;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;position:relative;transition:background-color .3s ease,height .3s ease;width:60%}.study-tracker-additional-hours{background-color:#ffc371;border-radius:0 0 4px 4px;bottom:0;left:0;position:absolute;width:60%}.study-tracker-bar:hover{background-color:var(--study-bar)}.study-tracker-bar:hover .study-tracker-additional-hours{background-color:#555}.study-tracker-bar:hover:before{background-color:#333;border-radius:4px;bottom:calc(100% + 10px);color:#fff;content:attr(data-tooltip);font-size:12px;padding:5px 10px;white-space:nowrap}.study-tracker-bar:hover:after,.study-tracker-bar:hover:before{left:50%;position:absolute;transform:translateX(-50%);z-index:20}.study-tracker-bar:hover:after{border:5px solid #0000;border-top-color:#333;bottom:calc(100% + 5px);content:""}.study-tracker-x-axis{display:flex;justify-content:space-around;margin-left:0;padding-left:65px;padding-right:15px}.study-tracker-x-axis-label{color:#888;flex:1 1;font-size:12px;margin-top:0;text-align:center;white-space:nowrap;width:auto;z-index:1}.no-data{color:#999;font-size:16px;padding:20px 0;text-align:center;width:100%}@media (max-width:768px){.study-tracker{max-width:100%;padding:10px}.study-tracker-chart-container{height:150px}.study-tracker-y-axis span{font-size:10px}.study-tracker-chart{padding:10px 10px 0}.study-tracker-x-axis-label{font-size:11px;margin-top:8px}.study-tracker-x-axis{justify-content:space-around;margin-left:0;padding-left:60px;padding-right:10px}}.anki-modal-overlay{align-items:center;animation:fadeIn .25s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#000c;display:flex;height:100vh;inset:0;justify-content:center;position:fixed;width:100vw;z-index:10000}.anki-modal-card{animation:slideUp .35s cubic-bezier(.16,1,.3,1);background-color:#fff;border-radius:16px;box-shadow:0 12px 32px #00000040,0 4px 8px #0000001a;max-height:90vh;max-width:580px;overflow-y:auto;padding:36px;position:relative;scrollbar-color:#d1d5db #0000;scrollbar-width:thin;width:90%;will-change:transform,opacity}.anki-modal-card::-webkit-scrollbar{width:6px}.anki-modal-card::-webkit-scrollbar-track{background:#0000}.anki-modal-card::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:6px}.anki-modal-close-button{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f0f0f0b3;border:none;border-radius:50%;color:#555;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:background-color .2s ease,transform .2s ease,color .2s ease;width:36px}.anki-modal-close-button:focus,.anki-modal-close-button:hover{background-color:#e0e0e0;box-shadow:0 0 0 3px #0000004d;color:#222;outline:none;transform:scale(1.05)}.anki-modal-title{color:#222;font-size:26px;font-weight:700;letter-spacing:-.01em;margin:0 0 32px;text-align:center}.anki-dropzone{background-color:#f9fafb;border:2px dashed #000;border-radius:12px;cursor:pointer;margin-bottom:24px;overflow:hidden;padding:36px;position:relative;text-align:center;transition:border-color .3s ease,background-color .3s ease,transform .3s ease}.anki-dropzone:before{background:linear-gradient(90deg,#0000,#b0b0b0,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .3s ease;width:100%}.anki-dropzone:hover:before{left:100%}.anki-dropzone:after{background:linear-gradient(135deg,#dcdcdc33,#a0a0a01a);border-radius:12px;content:"";inset:0;pointer-events:none;position:absolute;transition:transform .7s ease;z-index:-1}.anki-dropzone-content{align-items:center;display:flex;flex-direction:column}.anki-icon{fill:#000;height:48px;margin-bottom:16px;transition:transform .2s ease,fill .2s ease;width:48px}.anki-dropzone:hover .anki-icon{fill:#000;transform:scale(1.1)}.anki-dropzone-text{color:#475569;font-size:18px;font-weight:500;margin-bottom:8px}.anki-dropzone-hint{color:#94a3b8;font-size:14px;margin-top:10px}.anki-file-input{display:none}.anki-file-list{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:24px 0;max-height:220px;overflow-y:auto;padding:20px;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.anki-file-list::-webkit-scrollbar{width:6px}.anki-file-list::-webkit-scrollbar-track{background:#0000}.anki-file-list::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:6px}.anki-file-list h3{color:#475569;font-size:17px;font-weight:600;margin:0 0 16px}.anki-file-list ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.anki-file-item{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #00000014;display:flex;justify-content:space-between;padding:12px 16px;transition:box-shadow .2s ease,transform .2s ease}.anki-file-item:hover{box-shadow:0 3px 6px #0000001a;transform:translateY(-1px)}.anki-file-info{align-items:center;display:flex;flex:1 1;gap:12px}.anki-file-icon{color:#000;font-size:20px}.anki-file-details{display:flex;flex-direction:column;gap:2px}.anki-file-name{color:#334155;font-weight:500;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anki-file-size{color:#94a3b8;font-size:13px}.anki-file-remove{align-items:center;background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:16px;gap:4px;padding:6px 10px;transition:background-color .2s ease,transform .2s ease}.anki-file-remove:hover{background-color:#fee2e2;transform:scale(1.05)}.anki-file-remove-icon{font-size:18px}.anki-file-remove-text{font-size:14px;font-weight:500}.anki-modal-actions{display:flex;gap:16px;justify-content:space-between;margin-top:32px}.anki-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:130px;padding:12px 24px;transition:background-color .25s,transform .25s,box-shadow .25s}.anki-button.primary{background-color:#000;box-shadow:0 2px 4px #0003;color:#fff}.anki-button.primary:hover:not(:disabled){background-color:#000;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.anki-button.primary:active:not(:disabled){box-shadow:0 1px 2px #0003;transform:translateY(0)}.anki-button.primary:disabled{background-color:#000;box-shadow:none;cursor:not-allowed}.anki-button.secondary{background-color:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.anki-button.secondary:hover:not(:disabled){background-color:#e2e8f0;color:#334155;transform:translateY(-2px)}.anki-button.secondary:active:not(:disabled){transform:translateY(0)}.anki-button.secondary:disabled{background-color:#f8fafc;color:#94a3b8;cursor:not-allowed}.anki-button-icon{font-size:18px}.anki-error-message{align-items:center;background-color:#fee2e2;border-left:4px solid #ef4444;border-radius:8px;color:#dc2626;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-top:20px;padding:14px;text-align:center}.anki-error-icon{font-size:18px}.anki-processing{align-items:center;display:flex;flex-direction:column;gap:16px;margin-top:24px}.anki-spinner{animation:spin 1s linear infinite;border:4px solid #0003;border-radius:50%;border-top-color:#000;height:48px;width:48px}.anki-progress-text{color:#475569;font-size:16px;font-weight:500}@media (max-width:640px){.anki-modal-card{border-radius:12px;padding:24px;width:95%}.anki-modal-title{font-size:22px;margin-bottom:24px}.anki-dropzone{padding:24px 16px}.anki-dropzone-text{font-size:16px}.anki-file-name{max-width:160px}.anki-modal-actions{flex-direction:column-reverse;gap:14px}.anki-button{width:100%}}.anki-card{align-items:center;aspect-ratio:14/8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--anki-card);border:2px dashed #ccc;border-radius:12px;box-shadow:0 3px 5px #00000026;cursor:pointer;display:flex;font-family:Arial,sans-serif;justify-content:center;margin-top:2%;overflow:hidden;padding:0;position:relative;transition:all .3s ease;width:100%}.anki-card:before{background:linear-gradient(90deg,#0000,#f4f6f8,#0000);height:100%;left:-100%;transition:transform .3s ease;width:100%}.anki-card:after,.anki-card:before{content:"";pointer-events:none;position:absolute;top:0}.anki-card:after{background:linear-gradient(135deg,#dcdcdc33,#a0a0a01a);border-radius:12px;bottom:0;left:0;right:0;transition:transform .7s ease;z-index:-1}.anki-card:hover{background:hsla(0,0%,71%,.308);border:2px dashed var(--text-two);box-shadow:0 5px 10px #00000040;transform:translateY(-5px)}.anki-card:hover:before{left:100%}.anki-card-icon-container{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;transition:transform .3s ease;width:100%;z-index:2}.anki-card-icon{filter:drop-shadow(0 1px 6px rgba(0,0,0,.2));height:80px;transition:transform .3s ease;width:80px}.anki-card:hover .anki-card-icon{transform:scale(1.06)}.study-performance-container>.anki-card{flex:1 1 35%;max-width:36%}@media (max-width:768px){.anki-card{width:100%}.anki-card-icon{height:60px;width:60px}}.performance-metric{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--topbar);border:1px solid var(--text-three);border-radius:12px;font-family:Arial,sans-serif;height:100%;padding:10px;width:90%}.performance-metric-header{color:var(--text);justify-content:flex-start;margin-bottom:15px}.header-left,.performance-metric-header{align-items:center;display:flex}.info-icon-container{display:inline-block;margin-left:8px;position:relative}.info-icon{align-items:center;background-color:var(--text-three);border-radius:50%;color:#fff;cursor:help;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;transition:background-color .2s ease;width:16px}.info-icon:hover{background-color:var(--text-two)}.tooltip{background-color:#333;border-radius:6px;bottom:calc(100% + 5px);box-shadow:0 2px 8px #00000026;color:#fff;font-size:12px;opacity:0;padding:8px 12px;text-align:center;transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;white-space:nowrap;z-index:1000}.tooltip,.tooltip:after{left:50%;position:absolute}.tooltip:after{border:5px solid #0000;border-top-color:#333;content:"";margin-left:-5px;top:100%}.info-icon-container:hover .tooltip{opacity:1;visibility:visible}.performance-metric-dropdown{position:relative}.performance-metric-dropdown-button{align-items:center;background:none;border:none;color:var(--text-two);cursor:pointer;display:flex;font-size:14px;outline:none;transition:color .3s ease}.performance-metric-dropdown-button:hover{color:var(--text-two)}.performance-metric-dropdown-icon{border:solid var(--text-two);border-width:0 2px 2px 0;height:8px;margin-left:5px;transform:rotate(45deg);width:8px}.performance-metric-dropdown-content{background-color:var(--bg-color);border-radius:8px;box-shadow:0 2px 5px #00000026;display:none;overflow:hidden;position:absolute;right:0;z-index:1}.performance-metric-dropdown-content.open{display:block}.performance-metric-dropdown-content span{color:var(--text-three);cursor:pointer;display:block;font-size:14px;padding:8px 12px;transition:background-color .3s ease}.performance-metric-dropdown-content span:hover{background-color:var(--text-two);color:#000}.performance-metric-dropdown:hover .performance-metric-dropdown-content{display:block}.performance-metric-gauge-container{align-items:center;display:flex;height:100px;justify-content:center;margin:5px 40px;width:70%}.performance-metric-gauge{height:100%;width:90%}.error,.loader{color:#555}.performance-metric-points{color:var(--text-two);margin-top:10px;text-align:center}.performance-metric-points span{display:block;font-size:14px}.performance-metric-rank{color:#4caf50;font-size:16px;font-weight:700}.performance-metric-hint{color:var(--text-three);font-size:12px;font-style:italic;margin:5px 0}.simple-progress-container{align-items:center;display:flex;height:100px;justify-content:center;padding:10px;width:100%}.points-display{text-align:center}.points-number{color:var(--text);font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.points-label{color:var(--text-two);font-size:12px;line-height:1}@media (max-width:768px){.performance-metric{max-width:100%;padding:10px}.performance-metric-header span{font-size:14px}.performance-metric-dropdown-button{font-size:12px;padding:3px 8px}.performance-metric-points span{font-size:12px}.performance-metric-rank{font-size:14px}.performance-metric-gauge-container{height:80px}.progress-circle svg{height:100px;width:100px}}.recent-courses{background-color:var(--bg-color);border:1px solid var(--text-three);border-radius:12px;filter:blur(3px);font-family:Arial,sans-serif;margin-top:20px;padding:2rem;text-align:left;width:100%}.recent-courses h2{color:var(--text);font-size:28px;font-weight:500;letter-spacing:-.5px;margin-bottom:2rem}table{border-collapse:initial;border-spacing:0 12px;width:100%}td,th{padding:1rem 1.5rem;text-align:left;vertical-align:middle}th{color:var(--text-two);font-size:12px;font-weight:500;letter-spacing:1px;padding-bottom:.5rem;text-transform:uppercase}td{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;color:#333;font-size:15px}tr td:first-child{border-bottom-left-radius:8px;border-left:1px solid #f0f0f0;border-top-left-radius:8px}tr td:last-child{border-bottom-right-radius:8px;border-right:1px solid #f0f0f0;border-top-right-radius:8px}.profile-pic{border-radius:50%;height:36px;margin-right:1rem;object-fit:cover;vertical-align:middle;width:36px}.rank-icon{align-items:center;color:#333;display:inline-flex;font-weight:600;height:28px;justify-content:center;margin-right:.75rem;position:relative;width:28px}.rank-icon.down:after,.rank-icon.up:after{font-size:12px;position:absolute;right:-12px}.rank-icon.up:after{color:#4caf50;content:"▲"}.rank-icon.down:after{color:#f44336;content:"▼"}.points{color:#4caf50;font-weight:600}.name-cell{align-items:center;display:flex}@media (max-width:768px){.leaderboard{padding:1.5rem}td,th{padding:.75rem 1rem}.leaderboard h2{font-size:24px;margin-bottom:1.5rem}.profile-pic{height:32px;margin-right:.75rem;width:32px}}.loading-container{gap:1rem;justify-content:center}.loading-container,.logo-spinner{align-items:center;display:flex;flex-direction:column}.logo-spinner{gap:.8rem;position:relative}.loading-spinner-small .owl-logo{height:40px;width:40px}.loading-spinner-medium .owl-logo{height:60px;width:60px}.loading-spinner-large .owl-logo{height:80px;width:80px}.loading-dots{align-items:center;display:flex;gap:6px}.loading-dots .dot{animation:bounce 1.4s infinite;background:#000;border-radius:50%;height:8px;opacity:1;width:8px}.loading-dots .dot:nth-child(2){animation-delay:.2s}.loading-dots .dot:nth-child(3){animation-delay:.4s}.logo-with-ring,.minimal-spinner{align-items:center;display:flex;justify-content:center}.logo-with-ring{position:relative}.center-logo{position:absolute;z-index:2}.spinner-ring{animation:spin 1s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#000;position:relative;z-index:1}.loading-spinner-small .spinner-ring{height:30px;width:30px}.loading-spinner-small .center-logo{height:16px;width:16px}.loading-spinner-medium .spinner-ring{height:40px;width:40px}.loading-spinner-medium .center-logo{height:20px;width:20px}.loading-spinner-large .spinner-ring{height:60px;width:60px}.loading-spinner-large .center-logo{height:30px;width:30px}.loading-message{animation:pulse 2s infinite;color:#666;color:var(--text-secondary,#666);font-size:.9rem;font-weight:500;opacity:.8;text-align:center}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}[data-theme=dark] .spinner-ring{border:3px solid #ffffff1a;border-top-color:#fff}[data-theme=dark] .loading-dots .dot{background:#fff}[data-theme=dark] .loading-message{color:#ccc;color:var(--text-secondary-dark,#ccc)}@media (max-width:768px){.loading-spinner-large .spinning-logo{height:60px;width:60px}.loading-spinner-medium .spinning-logo{height:50px;width:50px}.loading-dots .dot{height:6px;width:6px}.loading-message{font-size:.8rem}}.sidebar-component{background-color:var(--sidebar-bg);box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;padding:30px 10px;width:18%}.sidebar-component a{color:inherit;text-decoration:none}.sidebar-component__error-message{border-radius:5px;color:#c00;font-size:14px;font-weight:500;margin-bottom:15px;padding:10px;text-align:center}.chat-button-container{display:flex;justify-content:center;margin-bottom:15px;width:100%}.sidebar-component__chat-button{align-items:center;background-color:var(--buttons);border-radius:8px;color:var(--buttons-texts);cursor:pointer;display:flex;font-size:14px;gap:8px;height:50px;justify-content:center;max-width:80%;min-width:140px;padding:10px 25px;transition:all .3s ease;width:auto}.sidebar-component__chat-button:hover{background-color:var(--buttons-texts);box-shadow:0 4px 3px rgba(0,0,0,.034);color:var(--buttons);transform:translateY(-2px)}.sidebar-component__chat-text{transition:color .3s ease}.sidebar-component__chat-button .sidebar-component__icon{transition:opacity .3s ease}.sidebar-component__chat-icon{height:24px;transition:opacity .3s ease;width:24px}.sidebar-component__menu-item{align-items:center;background-color:initial;border:none;border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-size:16px;font-weight:500;margin-bottom:10px;padding:16px 22px;position:relative;transition:background-color .3s ease,transform .3s ease}.sidebar-component__menu-item:hover{background-color:hsla(0,0%,100%,.459);box-shadow:0 4px 3px rgba(0,0,0,.034);transform:translateY(-2px)}.sidebar-component__menu-item--coming-soon{cursor:not-allowed;overflow:hidden;position:relative}.sidebar-component__menu-item--coming-soon:hover{background-color:initial;box-shadow:none;transform:none}.sidebar-component__menu-item-content{align-items:center;display:flex;opacity:.5;transition:all .3s ease;width:100%}.sidebar-component__menu-item--coming-soon:hover .sidebar-component__menu-item-content{opacity:.3}.dashboard-container.dark .sidebar-component__menu-item--coming-soon:hover .sidebar-component__menu-item-content{opacity:0}.sidebar-component__coming-soon-overlay{align-items:center;background:var(--sidebar-bg);border:1px solid var(--text-three);border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.dashboard-container.dark .sidebar-component__coming-soon-overlay{background:#222}.sidebar-component__menu-item--coming-soon:hover .sidebar-component__coming-soon-overlay{opacity:1}.sidebar-component__coming-soon-text{color:var(--text-two);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.sidebar-component__icon{height:24px;margin-right:12px;object-fit:contain;width:24px}.sidebar-component__icon-right{height:20px;margin-left:6px;object-fit:contain;width:20px}.sidebar-component__alert,.sidebar-component__badge{border-radius:12px;font-size:12px;font-weight:700;margin-left:auto;padding:3px 7px}.sidebar-component__alert{background-color:#f90;color:#fff}.sidebar-component__badge{background-color:#f10;color:#fff}.sidebar-component__spacer{flex-grow:1}.sidebar-component__subscription-box{border-radius:8px;box-shadow:0 4px 12px #0000;margin-top:10px;padding:15px;text-align:center;transition:background-color .3s ease,transform .3s ease}.sidebar-component__subscription-box:hover{box-shadow:0 4px 3px rgba(0,0,0,.034)}.sidebar-component__subscription-image{margin-bottom:10px;max-width:200px;width:65%}.sidebar-component__subscription-title{color:var(--text);font-size:14px;font-weight:700;margin:0 0 5px}.sidebar-component__subscription-text{color:var(--text-two);font-size:12px;margin:0 0 5px}.sidebar-component__subscribe-button{align-items:center;background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;justify-content:center;margin-top:8px;padding:12px;text-decoration:none;transition:background-color .3s ease,transform .3s ease;width:100%}.sidebar-component__subscribe-button:hover{background-color:#fff;box-shadow:0 4px 8px #00000026;color:#000;transform:translateY(-5px)}.sidebar-component__subscribe-button:hover .sidebar-component__icon-right{filter:none}.sidebar-component__icon-right{transition:filter .3s ease}.sidebar-component__icon.invert-on-dark{filter:invert(1)}@media (max-width:768px){.sidebar-component{height:auto;padding:20px;width:100%}.sidebar-component__menu-item{font-size:15px;padding:14px}.sidebar-component__subscription-box{margin-top:30px}.sidebar-component__chat-button{margin:0;min-width:140px;width:auto}}.todo-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.todo-overlay.dark-theme{background:#000c}.todo-overlay-content{animation:slideIn .3s ease-out;background:#fff;background:var(--background-color,#fff);border:1px solid #e1e5e9;border:1px solid var(--border-color,#e1e5e9);border-radius:16px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:85vh;max-width:600px;width:90%}.dark-theme .todo-overlay-content{background:#2a2a2a;background:var(--dark-background-secondary,#2a2a2a);border-color:#404040;border-color:var(--dark-border-color,#404040);color:#fff;color:var(--dark-text-primary,#fff)}.todo-overlay-header{align-items:center;border-bottom:1px solid #e1e5e9;border-bottom:1px solid var(--border-color,#e1e5e9);display:flex;justify-content:space-between;padding:24px 28px 16px}.dark-theme .todo-overlay-header{border-bottom-color:#404040;border-bottom-color:var(--dark-border-color,#404040)}.todo-overlay-header h2{color:#2c3e50;color:var(--text-primary,#2c3e50);font-size:24px;font-weight:600;margin:0}.dark-theme .todo-overlay-header h2{color:#fff;color:var(--dark-text-primary,#fff)}.todo-overlay-close{background:none;border:none;border-radius:8px;color:#7f8c8d;color:var(--text-secondary,#7f8c8d);cursor:pointer;font-size:24px;padding:8px;transition:all .2s ease}.todo-overlay-close:hover{background:#f8f9fa;background:var(--hover-background,#f8f9fa);color:#2c3e50;color:var(--text-primary,#2c3e50)}.dark-theme .todo-overlay-close{color:#b0b0b0;color:var(--dark-text-secondary,#b0b0b0)}.dark-theme .todo-overlay-close:hover{background:#3a3a3a;background:var(--dark-hover-background,#3a3a3a);color:#fff;color:var(--dark-text-primary,#fff)}.todo-overlay-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0 28px}.todo-add-section{border-bottom:1px solid #e1e5e9;border-bottom:1px solid var(--border-color,#e1e5e9);padding:20px 0 16px}.dark-theme .todo-add-section{border-bottom-color:#404040;border-bottom-color:var(--dark-border-color,#404040)}.todo-overlay-form{align-items:center;display:flex;gap:12px}.todo-overlay-input{background:#fff;background:var(--input-background,#fff);border:2px solid #e1e5e9;border:2px solid var(--border-color,#e1e5e9);border-radius:12px;color:#2c3e50;color:var(--text-primary,#2c3e50);flex:1 1;font-size:16px;padding:14px 16px;transition:all .2s ease}.todo-overlay-input:focus{border-color:#000;border-color:var(--text-primary,#000);box-shadow:0 0 0 3px #0000001a;outline:none}.dark-theme .todo-overlay-input{background:#3a3a3a;background:var(--dark-input-background,#3a3a3a);border-color:#404040;border-color:var(--dark-border-color,#404040);color:#fff;color:var(--dark-text-primary,#fff)}.dark-theme .todo-overlay-input:focus{border-color:#fff;border-color:var(--dark-text-primary,#fff);box-shadow:0 0 0 3px #fff3}.todo-overlay-add-btn{align-items:center;background:#000;background:var(--text-primary,#000);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:center;min-width:48px;padding:14px 16px;transition:all .2s ease}.todo-overlay-add-btn:hover{background:#333;background:var(--text-secondary,#333);transform:translateY(-1px)}.todo-overlay-add-btn:active{transform:translateY(0)}.todo-overlay-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:3px solid #e1e5e9;border-top:3px solid #000;border:3px solid var(--border-color,#e1e5e9);border-radius:50%;border-top-color:var(--text-primary,#000);height:40px;width:40px}.todo-overlay-error{color:#e74c3c;color:var(--error-color,#e74c3c);padding:40px 20px;text-align:center}.todo-overlay-lists{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:20px 0}.todo-section-group{display:flex;flex-direction:column;gap:12px}.todo-section-title{align-items:center;color:#2c3e50;color:var(--text-primary,#2c3e50);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.dark-theme .todo-section-title{color:#fff;color:var(--dark-text-primary,#fff)}.todo-overlay-list{display:flex;flex-direction:column;gap:8px}.todo-overlay-item{align-items:flex-start;background:#f8f9fa;background:var(--item-background,#f8f9fa);border:1px solid #e1e5e9;border:1px solid var(--border-color,#e1e5e9);border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.todo-overlay-item:hover{background:#f1f3f4;background:var(--hover-background,#f1f3f4);border-color:#666;border-color:var(--text-secondary,#666)}.todo-overlay-item.completed{background:#f1f8ff;background:var(--completed-background,#f1f8ff);opacity:.7}.dark-theme .todo-overlay-item{background:#3a3a3a;background:var(--dark-item-background,#3a3a3a);border-color:#404040;border-color:var(--dark-border-color,#404040)}.dark-theme .todo-overlay-item:hover{background:#444;background:var(--dark-hover-background,#444)}.dark-theme .todo-overlay-item.completed{background:#2a3a2a;background:var(--dark-completed-background,#2a3a2a)}.todo-checkbox-container{cursor:pointer;display:block;margin-top:2px;position:relative}.todo-checkbox-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.todo-checkmark{align-items:center;background:#fff;background:var(--checkbox-background,#fff);border:2px solid #e1e5e9;border:2px solid var(--border-color,#e1e5e9);border-radius:6px;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.todo-checkbox-container input:checked~.todo-checkmark,.todo-checkbox-container:hover .todo-checkmark{border-color:#000;border-color:var(--text-primary,#000)}.todo-checkbox-container input:checked~.todo-checkmark{background:#000;background:var(--text-primary,#000)}.todo-checkbox-container input:checked~.todo-checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700}.dark-theme .todo-checkmark{background:#3a3a3a;background:var(--dark-checkbox-background,#3a3a3a);border-color:#404040;border-color:var(--dark-border-color,#404040)}.todo-overlay-content-text{display:flex;flex:1 1;flex-direction:column;gap:4px}.todo-overlay-text{color:#2c3e50;color:var(--text-primary,#2c3e50);font-size:16px;line-height:1.5;word-break:break-word}.todo-overlay-item.completed .todo-overlay-text{color:#7f8c8d;color:var(--text-secondary,#7f8c8d);text-decoration:line-through}.dark-theme .todo-overlay-text{color:#fff;color:var(--dark-text-primary,#fff)}.dark-theme .todo-overlay-item.completed .todo-overlay-text{color:#b0b0b0;color:var(--dark-text-secondary,#b0b0b0)}.todo-overlay-date{color:#7f8c8d;color:var(--text-secondary,#7f8c8d);font-size:12px}.dark-theme .todo-overlay-date{color:#b0b0b0;color:var(--dark-text-secondary,#b0b0b0)}.todo-overlay-delete-btn{background:none;border:none;border-radius:8px;color:#7f8c8d;color:var(--text-secondary,#7f8c8d);cursor:pointer;font-size:16px;opacity:0;padding:8px;transition:all .2s ease}.todo-overlay-item:hover .todo-overlay-delete-btn{opacity:1}.todo-overlay-delete-btn:hover{background:#ffeaea;background:var(--error-background,#ffeaea);color:#e74c3c;color:var(--error-color,#e74c3c)}.dark-theme .todo-overlay-delete-btn:hover{background:#4a2a2a;background:var(--dark-error-background,#4a2a2a)}.todo-empty-state{color:#7f8c8d;color:var(--text-secondary,#7f8c8d);padding:40px 20px;text-align:center}.dark-theme .todo-empty-state{color:#b0b0b0;color:var(--dark-text-secondary,#b0b0b0)}.todo-overlay-footer{border-top:1px solid #e1e5e9;border-top:1px solid var(--border-color,#e1e5e9);padding:16px 28px 24px}.dark-theme .todo-overlay-footer{border-top-color:#404040;border-top-color:var(--dark-border-color,#404040)}.todo-stats{align-items:center;color:#7f8c8d;color:var(--text-secondary,#7f8c8d);display:flex;font-size:14px;gap:16px;justify-content:space-between}.dark-theme .todo-stats{color:#b0b0b0;color:var(--dark-text-secondary,#b0b0b0)}@media (max-width:768px){.todo-overlay-content{margin:16px;max-height:90vh;width:95%}.todo-overlay-body,.todo-overlay-footer,.todo-overlay-header{padding-left:20px;padding-right:20px}.todo-stats{flex-direction:column;gap:8px;text-align:center}}.profile-picture-backdrop{align-items:center;background-color:#0c0c0c9e;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.profile-picture-modal{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;position:relative;width:90vw}.profile-picture-modal.dark{background:#1f1e1e;color:#fff}.profile-picture-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.profile-picture-modal.dark .profile-picture-header{border-bottom:1px solid #ffffff1a}.profile-picture-header h2{color:inherit;font-size:1.5rem;font-weight:700;margin:0}.profile-picture-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s ease}.profile-picture-close-btn:hover:not(:disabled){background-color:#0000001a}.profile-picture-modal.dark .profile-picture-close-btn:hover:not(:disabled){background-color:#ffffff1a}.profile-picture-close-btn:disabled{cursor:not-allowed;opacity:.5}.profile-picture-content{flex:1 1;overflow-y:auto;padding:20px}.current-profile-section{margin-bottom:30px;text-align:center}.current-profile-section h3{color:inherit;font-size:1.1rem;font-weight:600;margin:0 0 15px}.current-profile-picture{align-items:center;border:3px solid #0000001a;border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 15px;overflow:hidden;position:relative;width:120px}.profile-picture-modal.dark .current-profile-picture{border-color:#ffffff1a}.current-profile-img{height:100%;object-fit:cover;width:100%}.no-profile-picture{align-items:center;color:#0006;display:flex;flex-direction:column;font-size:14px;gap:8px;justify-content:center}.profile-picture-modal.dark .no-profile-picture{color:#fff6}.delete-current-btn{align-items:center;background:none;border:1px solid #dc3545;border-radius:6px;color:#dc3545;cursor:pointer;display:flex;font-size:14px;gap:8px;margin:0 auto;padding:8px 16px;transition:all .2s ease}.delete-current-btn:hover:not(:disabled){background:#dc3545;color:#fff}.delete-current-btn:disabled{cursor:not-allowed;opacity:.5}.upload-section{text-align:center}.upload-section h3{color:inherit;font-size:1.1rem;font-weight:600;margin:0 0 15px}.drop-zone{border:2px dashed #0003;border-radius:12px;cursor:pointer;overflow:hidden;padding:40px 20px;position:relative;text-align:center;transition:all .2s ease}.profile-picture-modal.dark .drop-zone{border-color:#fff3}.drop-zone.drag-over,.drop-zone:hover{background:#00000005;border-color:#000}.profile-picture-modal.dark .drop-zone.drag-over,.profile-picture-modal.dark .drop-zone:hover{background:#ffffff05;border-color:#fff}.drop-zone-content{align-items:center;color:#0009;display:flex;flex-direction:column;gap:12px}.profile-picture-modal.dark .drop-zone-content{color:#fff9}.drop-zone-content p{font-size:16px;font-weight:500;margin:0}.drop-zone-content span{font-size:14px;opacity:.7}.preview-container{border-radius:12px;height:200px;margin:0 auto;overflow:hidden;position:relative;width:200px}.preview-image{height:100%;object-fit:cover;width:100%}.preview-overlay{align-items:center;background:#00000080;color:#fff;display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.preview-container:hover .preview-overlay{opacity:1}.error-message{background:#fee;border:1px solid #fcc;color:#c33;margin:15px 0}.profile-picture-modal.dark .error-message{background:#4a1a1a;border-color:#c44;color:#f66}.action-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.cancel-btn,.upload-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:12px 24px;transition:all .2s ease}.cancel-btn{background:#0000000d;border:1px solid #0000001a;color:inherit}.profile-picture-modal.dark .cancel-btn{background:#424242;border-color:#ffffff1a}.cancel-btn:hover:not(:disabled){background:#0000001a}.profile-picture-modal.dark .cancel-btn:hover:not(:disabled){background:#ffffff1a}.upload-btn{background:#000}.profile-picture-modal.dark .upload-btn{background:#fff;color:#000}.upload-btn:hover:not(:disabled){background:#000c;transform:translateY(-1px)}.profile-picture-modal.dark .upload-btn:hover:not(:disabled){background:#ffffffe6}.cancel-btn:disabled,.upload-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:640px){.profile-picture-modal{max-height:95vh;width:95vw}.profile-picture-content,.profile-picture-header{padding:16px}.action-buttons{flex-direction:column-reverse}.cancel-btn,.upload-btn{width:100%}.current-profile-picture{height:100px;width:100px}.preview-container{height:150px;width:150px}}.profile-bar{background-color:var(--sidebar-bg);flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:flex-start;overflow-y:hidden;padding:20px;width:100%}.profile-bar,.profile-header{color:var(--text);display:flex}.profile-header{align-items:center;justify-content:space-between;margin-bottom:20px;margin-top:0}.profile-header h1{color:var(--text);font-size:24px;font-weight:600;margin:0}.logout-button{background:#0000;border:none;border-radius:50%;transition:background-color .3s ease,transform .2s ease}.logout-button,.settings-button{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:8px}.settings-button{background-color:initial;border:none;border-radius:12px;transition:background-color .25s ease,transform .2s ease}.settings-button:focus,.settings-button:hover{background-color:#0000000d;transform:scale(1.05)}.dark-mode .settings-button:focus,.dark-mode .settings-button:hover{background-color:#ffffff1a}.settings-icon{height:24px;object-fit:contain;transition:filter .3s ease;width:24px}.logout-button:focus,.logout-button:hover{background-color:#0000000d;transform:scale(1.1)}.logout-icon{height:26px;width:26px}.profile-section{align-items:center;display:flex;flex-direction:column;margin-bottom:30px}.calendar-section,.profile-section,.todo-section{flex-shrink:0}.todo-list{flex-grow:1}.profile-image-container{border-radius:50%;cursor:pointer;height:80px;margin-bottom:10px;overflow:hidden;position:relative;width:80px}.profile-image{border:2px solid #4a90e2;border-radius:50%;height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.profile-image-overlay{align-items:center;background:#0009;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:500;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.profile-image-container:hover .profile-image-overlay{opacity:1}.profile-image-container:hover .profile-image{transform:scale(1.05)}.profile-image-container:focus{outline:2px solid #4a90e2;outline-offset:2px}.profile-details{flex-direction:column}.profile-details,.profile-name{align-items:center;display:flex}.profile-name{font-size:18px;font-weight:600;margin:0}.profile-title{color:#666;font-size:14px;margin:5px 0 0}.verified-icon{height:19px;margin-left:5px;width:19px}.calendar-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:20px}.calendar-header{align-items:center;color:var(--text);display:flex;justify-content:space-between;margin-bottom:15px}.calendar-nav{background:none;border:none;color:var(--text);cursor:pointer;font-size:18px;transition:color .3s ease}.calendar-nav:focus,.calendar-nav:hover{color:#4a90e2}.calendar-month{color:var(--text);font-size:16px;font-weight:600}.calendar-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(7,1fr);position:relative}.calendar-week{color:var(--text);display:contents}.calendar-item{align-items:center;border-radius:50%;color:var(--text);cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;transition:background-color .3s ease,color .3s ease,transform .3s ease;width:32px}.calendar-item.day-of-week{color:#999;font-size:12px;font-weight:400}.calendar-item.selected{background-color:var(--buttons);color:#fff;transform:scale(1.1)}.calendar-item.today{background-color:#000;color:#fff;transform:scale(1.1)}.calendar-item:focus,.calendar-item:hover{background-color:#e6f0ff;color:#000}.todo-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 2px 10px #0000000d;padding:20px}.todo-section h3{color:var(--text);font-size:18px;font-weight:600;margin:0 0 20px}.todo-form{display:flex;margin-bottom:20px}.todo-input{border:1px solid #e0e0e0;border-radius:8px 0 0 8px;flex-grow:1;font-size:14px;padding:10px 15px}.todo-add-btn{background-color:#000;border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;font-size:18px;padding:10px 15px;transition:background-color .3s ease}.todo-add-btn:focus,.todo-add-btn:hover{background-color:#357ab8}.error,.loader{color:var(--text-two);font-size:14px;text-align:center}.todo-list{max-height:300px;overflow-y:auto}.todo-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;padding:12px 0}.todo-item:last-child{border-bottom:none}.checkbox-container{cursor:pointer;display:block;font-size:16px;margin-right:15px;padding-left:30px;position:relative}.checkbox-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#fff;border:2px solid #e0e0e0;border-radius:4px;height:20px;left:0;position:absolute;top:0;width:20px}.checkbox-container:hover input~.checkmark{background-color:#f0f0f0}.checkbox-container input:checked~.checkmark{background-color:#4caf50;border-color:#4caf50}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:10px;left:6px;top:2px;transform:rotate(45deg);width:5px}.todo-content{display:flex;flex-direction:column;flex-grow:1}.todo-text{color:var(--text);font-size:14px;font-weight:500}.todo-category,.todo-time{color:var(--text-two);font-size:12px;margin-top:2px}.todo-delete-btn{background:none;border:none;color:var(--text-two);cursor:pointer;font-size:18px;padding:0 5px}.todo-delete-btn:focus,.todo-delete-btn:hover{color:#e74c3c}.todo-item.completed .todo-category,.todo-item.completed .todo-text,.todo-item.completed .todo-time{color:var(--text-three);text-decoration:line-through;transition:color .3s ease,-webkit-text-decoration .3s ease;transition:color .3s ease,text-decoration .3s ease;transition:color .3s ease,text-decoration .3s ease,-webkit-text-decoration .3s ease}@media (max-width:768px){.logout-button{padding:6px}.logout-icon{height:20px;width:20px}.calendar-grid{gap:3px;grid-template-columns:repeat(7,1fr)}.calendar-item{font-size:12px;height:28px;width:28px}}.todo-view-more-btn{background-color:initial;border:1px solid var(--text-three);border-radius:6px;color:var(--text-three);cursor:pointer;font-family:inherit;font-size:.85rem;margin-top:10px;padding:8px 12px;transition:all .2s ease;width:100%}.todo-view-more-btn:hover{background-color:var(--buttons);border-color:var(--buttons);color:var(--buttons-texts)}.todo-view-more-btn:active{transform:translateY(1px)}.dark-mode-icon{filter:invert(1)}.feed-container{background-color:#fff;border:none;border-radius:0;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.feed-tabs{background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex}.tab-button{background:none;border:none;color:#657786;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 0;position:relative;transition:color .2s,border-bottom .2s}.tab-button.active{color:#1d9bf0}.tab-button.active:after{background-color:#1d9bf0;bottom:0;content:"";height:2px;left:25%;position:absolute;width:50%}.tab-button:hover:not(.active){color:#1d9bf0}.feed-input-section{background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;padding:16px}.user-avatar{margin-right:12px}.user-avatar .avatar{border:none;border-radius:50%;height:40px;object-fit:cover;width:40px}.input-area{display:flex;flex:1 1;flex-direction:column}.feed-textarea{background-color:initial;border:none;color:#333;font-size:14px;line-height:1.5;margin-bottom:10px;outline:none;padding:8px 12px;resize:none;width:100%}.feed-textarea::placeholder{color:#657786}.feed-actions{align-items:center;display:flex;justify-content:space-between}.action-icons{display:flex;gap:12px}.icon-button{align-items:center;background:none;border:none;border-radius:50%;color:#1d9bf0;cursor:pointer;display:flex;font-size:18px;height:34px;justify-content:center;transition:background-color .2s,color .2s;width:34px}.icon-button:hover{background-color:#1d9bf01a;color:#1d9bf0}.post-button{background-color:#1d9bf0;border:none;border-radius:9999px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:70px;padding:8px 16px;transition:background-color .2s}.post-button:hover:enabled{background-color:#1a8cd8}.post-button:disabled{cursor:not-allowed;opacity:.6}.feed-posts{background-color:#fff;overflow:hidden;padding:20px 0}.post{border-bottom:1px solid #e0e0e0;padding:16px 20px;transition:background-color .2s}.post:hover{background-color:#f5f8fa}.post-header{gap:8px;margin-bottom:8px}.post-author{color:#1d1d1d;font-weight:700}.post-username{color:#657786}.post-content{color:#333;font-size:14px;line-height:1.5;margin:8px 0}.post-actions{display:flex;justify-content:space-between;margin-top:12px;max-width:350px}.post-action-button{align-items:center;background:none;border:none;border-radius:9999px;color:#657786;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 8px;transition:all .2s}.post-action-button:hover{background-color:#1d9bf01a;color:#1d9bf0}.post-action-button.like:hover{background-color:#e0245e1a;color:#e0245e}.post-action-button.repost:hover{background-color:#17bf631a;color:#17bf63}.post-action-button.reply:hover{background-color:#1d9bf01a;color:#1d9bf0}.end-message,.error,.loader{color:#657786;padding:20px;text-align:center}.modal{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px}.modal-header{border-bottom:1px solid #e0e0e0;margin-bottom:16px;padding-bottom:12px}.comment-textarea{background-color:initial;border:none;color:#333;font-size:14px;margin-bottom:10px;min-height:80px;outline:none;padding:8px 12px;resize:vertical;width:100%}.comment-textarea::placeholder{color:#657786}.submit-comment-button{background-color:#1d9bf0;border:none;border-radius:9999px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .2s}.submit-comment-button:hover:enabled{background-color:#1a8cd8}.submit-comment-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.feed-container{margin:0;width:100%}.feed-input-section{padding:12px}.feed-textarea{font-size:13px;padding:6px 10px}.post-action-button{font-size:12px;padding:4px 6px}.post-actions{max-width:300px}.feed-tabs{flex-direction:column}.tab-button{padding:10px 0;text-align:left}}.modal-overlay{background-color:#00000080;height:100%;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:10px;max-width:500px;padding:20px;position:relative;width:90%}.modal-close-button{background:none;border:none;color:#657786;cursor:pointer;font-size:24px;position:absolute;right:15px;top:10px;transition:color .3s ease}.modal-close-button:focus,.modal-close-button:hover{color:#1da1f2}.feed-post{border-bottom:1px solid #e6ecf0;display:flex;padding:15px;transition:background-color .3s ease}.feed-post:hover{background-color:#f5f8fa}.post-avatar img{border-radius:50%;height:48px;object-fit:cover;width:48px}.post-content{flex:1 1;margin-left:15px}.post-header{align-items:center;display:flex;margin-bottom:5px}.username{color:#14171a;font-weight:700}.handle,.username{font-size:14px;margin-right:5px}.handle,.timestamp{color:#657786}.timestamp{font-size:12px;margin-left:auto}.content{color:#14171a;font-size:15px;line-height:1.5}.content,.post-image{margin-bottom:10px}.post-image img{border-radius:12px;max-height:400px;object-fit:cover;transition:transform .3s ease;width:100%}.post-image img:hover{transform:scale(1.02)}.post-interactions{display:flex;justify-content:space-between;max-width:400px}.interaction-button{align-items:center;background:none;border:none;color:#657786;cursor:pointer;display:flex;font-size:14px;transition:color .3s ease}.interaction-button:focus,.interaction-button:hover{color:#1da1f2}.interaction-button span{margin-left:6px}.interaction-button.like.active{color:#e0245e}.interaction-button.like.active:focus,.interaction-button.like.active:hover{color:#c81e54}@media (max-width:600px){.feed-post{padding:10px}.post-content{margin-left:10px}.interaction-button span{display:none}.interaction-button{font-size:12px}}.chat-component *,.chat-component :after,.chat-component :before{box-sizing:border-box}.chat-component{box-shadow:0 2px 12px #0000;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.chat-component,.chat-component__header{background-color:var(--sidebar-bg);display:flex}.chat-component__header{align-items:center;border-bottom:1px solid #0000000f;justify-content:space-between;padding:20px 24px}.chat-component__header h2{color:var(--text);font-size:1.25rem;font-weight:600;margin:0}.chat-component__close-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:background-color .2s ease-in-out;width:40px}.chat-component__close-button img{height:20px;opacity:.7;transition:opacity .2s ease;width:20px}.chat-component__close-button:hover{background-color:#0000001a}.chat-component__close-button:hover img{opacity:1}.chat-close-icon{transition:filter .2s ease}.chat-component__header-buttons{align-items:center;display:flex;gap:8px}.chat-component__menu-button{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-three);cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:all .2s ease-in-out;width:36px}.chat-component__menu-button:hover{background-color:var(--buttons);color:var(--buttons-texts)}.chat-component__menu-button:active{transform:scale(.95)}.chat-component__new-session-button{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-three);cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:all .2s ease-in-out;width:36px}.chat-component__new-session-button:hover{background-color:var(--buttons);color:var(--buttons-texts);transform:rotate(-90deg)}.chat-component__new-session-button:active{transform:rotate(-90deg) scale(.95)}.chat-component__messages{background-color:var(--sidebar-bg);flex-grow:1;overflow-x:hidden;overflow-y:auto;padding:24px;scroll-behavior:smooth}.chat-component__table-of-contents{height:100%;margin:0;overflow:hidden;padding:0}.chat-component__table-of-contents .table-of-contents-modal{background-color:initial;height:100%;overflow-y:auto;padding:0}.chat-component__table-of-contents .toc-header{display:none}.chat-component__table-of-contents .toc-content{height:100%;overflow-y:auto;padding:24px}.chat-component__messages::-webkit-scrollbar{width:6px}.chat-component__messages::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.chat-component__message{animation:chat-component__messageAppear .15s ease forwards;margin-bottom:1rem;max-width:80%}@keyframes chat-component__messageAppear{to{opacity:1;transform:translateY(0)}}.chat-component__message--user{margin-left:auto}.chat-component__message-content{word-wrap:break-word;border-radius:18px;box-shadow:0 1px 2px #0000000d;-webkit-hyphens:auto;hyphens:auto;line-height:.4;max-width:100%;padding:14px 8px;text-align:left;transition:background-color .2s ease;word-break:normal}.chat-component__message--user .chat-component__message-content{background:linear-gradient(135deg,#000,#000)}.chat-component__message--ai{margin-left:0;max-width:100%}.chat-component__message--ai .chat-component__message-content{background-color:initial;background-color:var(--ai-message-bg,#0000);border:none;border-radius:0;box-shadow:none;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.95rem;line-height:.2;padding:0;width:100%}.chat-component__typing-indicator{align-items:center;background-color:#e0e0e0;border-radius:18px;border-bottom-left-radius:4px;display:flex;padding:12px 16px}.chat-component__typing-indicator span{animation:chat-component__typingBlink 1s ease-in-out infinite;background-color:#9e9ea1;border-radius:50%;height:6px;margin:0 2px;width:6px}@keyframes chat-component__typingBlink{0%,80%,to{opacity:.4;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-component__input{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.048);display:flex;gap:10px;padding:12px 16px;transition:background .3s ease,border .3s ease}.chat-component__voice-button{align-items:center;background-color:initial;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s ease,color .2s ease;width:36px}.chat-component__voice-button:hover{background-color:#0000000d;color:#333}.chat-component__voice-button.disabled{cursor:not-allowed;opacity:.4}.chat-component__voice-button.disabled:hover{background-color:initial;color:#666}.chat-component__input-field{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff4d;border:none;border-radius:10px;color:var(--text);flex-grow:1;font-size:.95rem;max-width:500px;outline:none;padding:10px 16px;transition:background .3s ease,box-shadow .3s ease}.chat-component__input-field:focus{background:#fff6;box-shadow:0 0 8px #667eea80}.chat-component__input-field:hover{background:#ffffff59}.chat-component__send-button{align-items:center;background-color:initial;border:none;border-radius:50%;color:var(--text);cursor:pointer;display:flex;height:36px;justify-content:center;margin-right:10px;transition:background-color .2s ease,color .2s ease;width:36px}.chat-component__send-button:hover{color:var(--text)}.chat-component__send-button:disabled{cursor:not-allowed;opacity:.4}.chat-component__send-button svg{stroke:var(--text)}.code-view-button-container{margin:1em 0;text-align:center}.code-view-button{align-items:center;background-color:#f0f0f0;border:1px solid #d0d0d0;border-radius:12px;box-shadow:0 2px 6px #0000001a;color:#333;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;justify-content:center;min-height:36px;padding:8px 16px;transition:all .2s ease}.dark .code-view-button{background-color:#333;border-color:#555;color:#fff}.code-view-button:hover{background-color:#e0e0e0;border-color:#b0b0b0;box-shadow:0 4px 8px #0003;color:#fff;transform:translateY(-1px)}.dark .code-view-button:hover{background-color:#444;border-color:#666;color:#ddd}.code-view-button:active{box-shadow:0 2px 4px #0003;transform:translateY(0)}.chat-component__message-content li code,.chat-component__message-content p code{background-color:#0000001a;border:1px solid #0f83;border-radius:4px;color:var(--blocks);font-family:Fira Code,monospace;font-size:.9em;font-weight:500;padding:3px 6px;word-break:break-word}.math-inline{background:#0000000a;border:none;border-radius:4px;display:inline;font-family:Computer Modern,Latin Modern Math,serif;font-size:1.05em;margin:0 .15em;padding:.1em .3em}.math-display{background:#00000005;border:none;border-radius:6px;display:block;margin:1.2em 0;max-width:100%;overflow-x:auto;padding:1em;text-align:center}.katex{color:var(--text)!important;font-size:1.05em!important;font-weight:400!important}.katex:not(.katex-display){font-size:1.15em!important;margin:.3em .25em!important;padding:.15em!important;vertical-align:initial!important}.katex-display{font-size:1.2em!important;line-height:1.4!important;margin:1.2em 0!important;padding:.5em 0!important;text-align:center!important}@media (max-width:480px){.math-inline{display:block!important;font-size:1.25em!important;margin:.4em 0!important;text-align:center}.katex-display{font-size:1.4em!important}}@media (prefers-color-scheme:dark){.math-inline{background:#ffffff14;border:none}.math-display{background:#ffffff0a;border:none}}.katex *{border-color:var(--text)!important}.chat-component__message-content p{line-height:1.1;margin:.1em 0}@media (min-width:600px){.chat-component__message-content li,.chat-component__message-content p{text-align:justify}}.chat-component__message-content p:first-child{margin-top:0}.chat-component__message-content p:last-child{margin-bottom:0}.chat-component__message-content b,.chat-component__message-content strong{color:var(--text);display:inline;font-weight:600;margin:0;padding:0}.chat-component__message-content ol,.chat-component__message-content ul{margin:.05em 0}.chat-component__message-content li{line-height:1.1;margin:.02em 0}.chat-component__message-content ul li{list-style-type:disc}.chat-component__message-content ul li::marker{color:var(--text);font-size:1em}.chat-component__message-content table{border-collapse:collapse;font-size:.9em;margin:1em 0;table-layout:fixed;width:100%}.chat-component__message-content td,.chat-component__message-content th{border:1px solid #0000001a;border:1px solid var(--table-border-color,#0000001a);overflow-wrap:break-word;padding:8px 12px;text-align:left;word-break:break-word}.chat-component__message-content th{background-color:#0000000d;background-color:var(--table-header-bg,#0000000d)}@media (max-width:768px){.chat-component{border-radius:0}.chat-component__header{padding:16px 20px}.chat-component__header h2{font-size:1.125rem}.chat-component__messages{padding:20px}.chat-component__message{max-width:85%}.chat-component__message-content{font-size:.95rem;padding:12px 16px}.chat-component__input{border-radius:16px;padding:10px 14px}.chat-component__input-field{max-width:300px;padding:8px 14px}.chat-component__send-button,.chat-component__voice-button{height:32px;width:32px}.chat-component__send-button svg,.chat-component__voice-button svg{height:18px;width:18px}}@media (prefers-color-scheme:dark){:root{--table-border-color:#ffffff1a;--table-header-bg:#ffffff0d;--inline-code-color:#fff;--ai-message-bg:#0000}.code-view-button{background-color:#3333331e}.code-view-button:hover{background-color:#444}.chat-component__send-button:hover{background-color:#ffffff40}.chat-close-icon{filter:invert(1)}.chat-component__message-content li code,.chat-component__message-content p code{background-color:#00ff881a;border:1px solid #00ff884d;color:var(--blocks);font-weight:600}}.chat-component__message{display:flex;margin-bottom:.75rem}.chat-component__message--user{justify-content:flex-end}.chat-component__message--ai{justify-content:flex-start}.chat-component__message-content{border-radius:16px;font-size:.95rem;line-height:1.5;max-width:80ch;padding:.875rem 1rem;white-space:pre-wrap;word-break:break-word}.chat-component__message--user .chat-component__message-content{background:#000;border-bottom-right-radius:4px;color:#fff}.chat-component__message-content li,.chat-component__message-content ol,.chat-component__message-content p,.chat-component__message-content table,.chat-component__message-content ul{margin-block:.5em}.chat-component__message-content ol,.chat-component__message-content ul{margin-block:.2em}.chat-component__message-content li{margin-block:.15em}.chat-component__message-content li p{margin:0}.chat-component__message-content p:empty{display:none;height:0;margin:0!important}.chat-component__message-content p+ol,.chat-component__message-content p+ul{margin-top:.05em}.chat-component__message-content p{word-wrap:break-word;color:var(--text);font-size:.95rem;line-height:1.5;margin:.5em 0;overflow-wrap:break-word;text-align:left;word-break:normal}.chat-component__message-content ol,.chat-component__message-content ul{margin:.5em 0;padding-left:1.5em}.chat-component__message-content li{color:var(--text);line-height:1.5;margin:.15em 0;padding-left:.2em;text-align:left}.md-math-inline{background:#0000000a;border-radius:4px;font-size:1.05em;padding:.05em .25em;vertical-align:initial}.md-math-display{-webkit-overflow-scrolling:touch;margin:1.2em 0;overflow-x:auto;padding:.75em 0;text-align:center}.md-math-display>.katex{white-space:nowrap}.chat-component__message-content li,.chat-component__message-content p{line-height:1.45!important;text-align:left!important}p:has(>.md-math-display:only-child),p:has(>.md-math-inline:only-child){margin:0!important}.md-math-display{margin:.4em 0!important}.md-math-display+p,p+.md-math-display{margin-top:.2em!important}.chat-component__mobile-header{align-items:center;display:flex;position:relative}.chat-component__hamburger-button{align-items:center;background:none;border:none;border-radius:8px;color:var(--text);cursor:pointer;display:flex;height:36px;justify-content:center;margin-right:12px;padding:8px;transition:all .2s ease-in-out;width:36px}.chat-component__hamburger-button:hover{background-color:var(--buttons);color:var(--buttons-texts)}.chat-component__hamburger-button:active{transform:scale(.95)}.chat-component__mobile-menu{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:var(--sidebar-bg);border:1px solid #0000001a;border-radius:12px;box-shadow:0 4px 20px #00000026;left:0;min-width:180px;padding:8px;position:absolute;top:100%;z-index:1000}.chat-component__mobile-menu-item{align-items:center;background:none;border:none;border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-size:.95rem;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.chat-component__mobile-menu-item:hover{background-color:var(--buttons);color:var(--buttons-texts)}.chat-component__mobile-menu-item.logout{border-top:1px solid #0000001a;border-top:1px solid var(--border-color,#0000001a);color:#ef4444;color:var(--danger,#ef4444);margin-top:8px;padding-top:16px}.chat-component__mobile-menu-item.logout:hover{background-color:#ef44441a;background-color:var(--danger-bg,#ef44441a);color:#ef4444;color:var(--danger,#ef4444)}.dark .chat-component__mobile-menu{background-color:var(--sidebar-bg);border-color:#ffffff1a;border-color:var(--border-color,#ffffff1a)}.dark .chat-component__mobile-menu-item.logout{border-top-color:#ffffff1a;border-top-color:var(--border-color,#ffffff1a)}.chat-component__mobile-warning{background-color:var(--sidebar-bg);border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border-color,#0000001a);padding:8px 16px;position:relative}.chat-component__warning-button{align-items:center;background:#ffc1071a;border:1px solid #ffc1074d;border-radius:6px;color:var(--text);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;justify-content:center;padding:6px 12px;transition:all .2s ease;width:100%}.chat-component__warning-button:hover{background:#ffc10733}.chat-component__warning-popup{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--sidebar-bg);border:1px solid #0000001a;border:1px solid var(--border-color,#0000001a);border-radius:8px;box-shadow:0 4px 20px #00000026;left:16px;padding:16px;position:absolute;right:16px;top:100%;z-index:1001}.chat-component__warning-popup p{color:var(--text);font-size:14px;line-height:1.4;margin:0 0 12px}.chat-component__warning-popup p:last-of-type{margin-bottom:16px}.chat-component__warning-close{background:var(--buttons);border:none;border-radius:6px;color:var(--buttons-texts);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.chat-component__warning-close:hover{opacity:.8}@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_AMS-Regular.73ea273a72f4aca30ca5.woff2) format("woff2"),url(/static/media/KaTeX_AMS-Regular.d562e886c52f12660a41.woff) format("woff"),url(/static/media/KaTeX_AMS-Regular.853be92419a6c3766b9a.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Caligraphic-Bold.a1abf90dfd72792a577a.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Bold.d757c535a2e5902f1325.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Bold.7489a2fbfb9bfe704420.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Caligraphic-Regular.d6484fce1ef428d5bd94.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Regular.db074fa22cf224af93d7.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Regular.7e873d3833eb108a0758.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Fraktur-Bold.931d67ea207ab37ee693.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Bold.354501bac435c3264834.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Bold.4c761b3711973ab04edf.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Fraktur-Regular.172d3529b26f8cedef6b.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Regular.6fdf0ac577be0ba82a4c.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Regular.ed305b5434865e06ffde.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Main-Bold.39890742bc957b368704.woff2) format("woff2"),url(/static/media/KaTeX_Main-Bold.0c3b8929d377c0e9b2f3.woff) format("woff"),url(/static/media/KaTeX_Main-Bold.8169508bf58f8bd92ad8.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Main-BoldItalic.20f389c4120be058d80a.woff2) format("woff2"),url(/static/media/KaTeX_Main-BoldItalic.428978dc7837d46de091.woff) format("woff"),url(/static/media/KaTeX_Main-BoldItalic.828abcb200061cffbaae.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Main-Italic.fe2176f79edaa716e621.woff2) format("woff2"),url(/static/media/KaTeX_Main-Italic.fd947498bc16392e76c2.woff) format("woff"),url(/static/media/KaTeX_Main-Italic.fa675e5e4bec9eb250b6.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Main-Regular.f650f111a3b890d116f1.woff2) format("woff2"),url(/static/media/KaTeX_Main-Regular.4f35fbcc9ee8614c2bcc.woff) format("woff"),url(/static/media/KaTeX_Main-Regular.9eba1d77abcf2aa6e94e.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Math-BoldItalic.dcbcbd93bac0470b462d.woff2) format("woff2"),url(/static/media/KaTeX_Math-BoldItalic.3f07ed67f06c720120ce.woff) format("woff"),url(/static/media/KaTeX_Math-BoldItalic.bf2d440b3a42ea78a998.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Math-Italic.6d3d25f4820d0da8f01f.woff2) format("woff2"),url(/static/media/KaTeX_Math-Italic.96759856b4e70f3a8338.woff) format("woff"),url(/static/media/KaTeX_Math-Italic.8a5f936332e8028c7278.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/static/media/KaTeX_SansSerif-Bold.95591a929f0d32aa282a.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Bold.b9cd458ac6d5889ff9c3.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Bold.5b49f4993ae22d7975b4.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Italic.7d393d382f3e7fb1c637.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Italic.8d593cfaa96238d5e2f8.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Italic.b257a18c016f37ee4543.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Regular.cd5e231e0cc53b2cb2c0.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Regular.02271ec5cb9f5b4588ac.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Regular.2f7bc363fc5424ebda59.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Script-Regular.c81d1b2a4b75d3eded60.woff2) format("woff2"),url(/static/media/KaTeX_Script-Regular.073b3402d036714b4370.woff) format("woff"),url(/static/media/KaTeX_Script-Regular.fc9ba5249878cd8f8d88.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size1-Regular.6eec866c69313624be60.woff2) format("woff2"),url(/static/media/KaTeX_Size1-Regular.0108e89c9003e8c14ea3.woff) format("woff"),url(/static/media/KaTeX_Size1-Regular.6de7d4b539221a49e9e2.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size2-Regular.2960900c4f271311eb36.woff2) format("woff2"),url(/static/media/KaTeX_Size2-Regular.3a99e70aee4076660d38.woff) format("woff"),url(/static/media/KaTeX_Size2-Regular.57f5c1837853986ea1db.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size3-Regular.e1951519f6f0596f7356.woff2) format("woff2"),url(/static/media/KaTeX_Size3-Regular.7947224e8a9914fa332b.woff) format("woff"),url(/static/media/KaTeX_Size3-Regular.8d6b6822586eea3d3b20.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size4-Regular.e418bf257af1052628d8.woff2) format("woff2"),url(/static/media/KaTeX_Size4-Regular.aeffd8025cba3647f1a6.woff) format("woff"),url(/static/media/KaTeX_Size4-Regular.4ad7c7e8bb8d10a34bb7.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Typewriter-Regular.c295e7f71970f03c0549.woff2) format("woff2"),url(/static/media/KaTeX_Typewriter-Regular.4c6b94fd1d07f8beff7c.woff) format("woff"),url(/static/media/KaTeX_Typewriter-Regular.c5c02d763c89380dcb4e.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.22"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.code-modal-overlay{align-items:center;animation:codeModalFadeIn .2s ease-out;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:9999}@keyframes codeModalFadeIn{0%{opacity:0}to{opacity:1}}.code-modal-card{animation:codeModalSlideIn .25s cubic-bezier(.22,1,.36,1);background-color:#1a1a1a;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 20px 60px #00000080;color:#e0e0e0;display:flex;flex-direction:column;height:85vh;max-width:900px;overflow:hidden;width:90%}@keyframes codeModalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.code-modal-footer,.code-modal-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-shrink:0;position:relative}.code-modal-header{align-items:center;background-color:#1a1a1acc;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:16px 20px}.code-modal-language-badge{align-items:center;background:linear-gradient(135deg,#4e54c8,#8f94fb);border-radius:6px;box-shadow:0 2px 5px #0003;color:#fff;display:flex;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;font-weight:500;letter-spacing:.5px;padding:5px 12px}.code-modal-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#e0e0e0;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.code-modal-close-button:hover{background-color:#ffffff1a;color:#fff;transform:rotate(90deg)}.code-modal-content{background-color:#282c34!important;flex-grow:1;overflow-y:auto;position:relative;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.code-modal-content::-webkit-scrollbar{height:8px;width:8px}.code-modal-content::-webkit-scrollbar-track{background:#0000}.code-modal-content::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px}.code-modal-content::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.code-modal-footer{align-items:center;background-color:#1a1a1acc;border-top:1px solid #ffffff14;display:flex;gap:12px;justify-content:flex-end;padding:12px 20px}.code-modal-copy-button{align-items:center;background-color:#ffffff12;border:1px solid #ffffff1a;border-radius:6px;color:#e0e0e0;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.code-modal-copy-button:hover{background-color:#ffffff26;border-color:#fff3;color:#fff;transform:translateY(-1px)}.code-modal-copy-button:active{transform:translateY(0)}.code-modal-copy-icon{transition:transform .2s ease}.code-modal-copy-button:hover .code-modal-copy-icon{transform:translateY(-1px)}.code-modal-copy-notification{align-items:center;animation:notification-fade .3s ease-in;background-color:#4ade8033;border-radius:6px;color:#4ade80;display:flex;font-size:.85rem;gap:6px;padding:6px 12px}@keyframes notification-fade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.code-modal-content .linenumber{color:#ffffff4d!important;min-width:2.5em!important}@media (max-width:768px){.code-modal-card{height:80vh;width:95%}.code-modal-language-badge{font-size:.8rem;padding:4px 10px}.code-modal-header{padding:12px 16px}.code-modal-footer{padding:10px 16px}.code-modal-copy-button{font-size:.8rem;padding:6px 12px}}[data-theme=light] .code-modal-card{background-color:#fff;border-color:#0000001a;color:#333}[data-theme=light] .code-modal-footer,[data-theme=light] .code-modal-header{background-color:#fffc;border-color:#00000014}[data-theme=light] .code-modal-close-button{color:#333}[data-theme=light] .code-modal-close-button:hover{background-color:#0000000d;color:#000}[data-theme=light] .code-modal-copy-button{background-color:#0000000d;border-color:#0000001a;color:#333}[data-theme=light] .code-modal-copy-button:hover{background-color:#0000001a;border-color:#0003;color:#000}[data-theme=light] .code-modal-content{background-color:#f8f8f8}[data-theme=light] .code-modal-content::-webkit-scrollbar-thumb{background-color:#0003}[data-theme=light] .code-modal-content::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.table-of-contents-modal{background-color:var(--sidebar-bg);box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;overflow-y:hidden;padding:20px;transition:transform .5s ease-in-out,opacity .5s ease-in-out;width:100%}.toc-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.toc-header h2{color:var(--text-two);font-size:24px;font-weight:600;margin:0}.toc-close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text);cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:background-color .2s ease;width:40px}.toc-close-button:hover{background-color:var(--text);color:#000}.toc-content{-ms-overflow-style:none;flex-grow:1;overflow-y:auto;scrollbar-width:none}.toc-content::-webkit-scrollbar{display:none}.toc-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.toc-chapter-button{color:var(--text-three)}.toc-sublist{margin-top:8px;padding-left:24px;position:relative}.toc-sublist:before{background-color:#0000000f;bottom:0;content:"";left:12px;position:absolute;top:0;width:1px}.toc-empty-message{color:#666;font-size:.95rem;font-style:italic;padding:24px;text-align:center}.toc-item-current .toc-chapter-button{background-color:var(--buttons);box-shadow:0 2px 8px #0000001a;color:var(--buttons-texts);font-weight:700}.toc-item-current .toc-chapter-button:hover{background-color:var(--buttons);color:var(--buttons-texts);transform:none}.toc-item-disabled .toc-chapter-button{background-color:#f0f0f0;color:var(--buttons-text);cursor:not-allowed;opacity:.6;pointer-events:none;transition:background-color .2s ease,color .2s ease}.toc-item-disabled .toc-chapter-button:hover{background-color:#f0f0f0;box-shadow:none;color:#aaa;transform:none}.toc-list,.toc-sublist{list-style:none;margin:0;padding-left:0}.toc-item{margin-bottom:10px}.toc-chapter-button{align-items:center;background:none;background-color:initial;border:none;border-radius:18px;box-shadow:0 1px 2px #0000000d;color:#333;cursor:pointer;display:flex;font-size:.95rem;padding:14px 18px;text-align:left;transition:all .2s ease;width:100%}.toc-chapter-button:focus,.toc-chapter-button:hover{background-color:hsla(0,0%,100%,.459);box-shadow:0 4px 3px rgba(0,0,0,.034);color:#000;transform:translateY(-2px)}.dark .toc-header{border-bottom:1px solid #ffffff1a}.dark .toc-chapter-button{background-color:#ffffff14;border:1px solid #ffffff1a;color:#fff!important}.dark .toc-chapter-button:focus,.dark .toc-chapter-button:hover{background-color:#ffffff26;border-color:#fff3;box-shadow:0 4px 12px #0000004d;color:#fff!important}.dark .toc-item-disabled .toc-chapter-button{background-color:#ffffff05;border-color:#ffffff0d;color:#ffffff4d!important}.dark .toc-sublist:before{background-color:#ffffff1a}.dark .toc-close-button:hover{background-color:#ffffff1a;color:#fff}@media (max-width:768px){.table-of-contents-modal{padding:16px}.toc-header h2{font-size:20px}.toc-chapter-button{font-size:.9rem;padding:12px 16px}.toc-close-button{height:32px;width:32px}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}.table-of-contents-modal{animation:slideIn .3s ease forwards}.table-of-contents-modal.exiting{animation:slideOut .3s ease forwards}.co-modal-overlay{align-items:center;animation:overlayFadeIn .2s ease-out forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;font-family:Arial,sans-serif;inset:0;justify-content:center;position:fixed;z-index:10000}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.co-modal-card{animation:cardDropIn .3s ease-out forwards;background:var(--subbox);border-radius:16px;box-shadow:0 8px 24px #00000026;max-width:600px;padding:2.5rem 2rem;transform:translateY(-20px);width:90%}@keyframes cardDropIn{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.co-close-btn{background:none;border:none;color:var(--text);cursor:pointer;font-size:1.5rem;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:color .2s}.co-close-btn:hover{color:var(--buttons)}.co-title{color:var(--text);font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.co-loading-animation{align-items:center;display:flex;height:150px;justify-content:center;margin-bottom:1.5rem}.co-dropzone{border:2px dashed var(--text-three);border-radius:12px;cursor:pointer;padding:2.5rem;text-align:center;transition:background .2s,border-color .2s}.co-dropzone.dragging{background:#0000000d;border-color:var(--buttons)}.co-drop-text{color:var(--text-two);font-size:1rem}.co-drop-link{color:var(--buttons);text-decoration:underline}.co-error{animation:shake .3s ease-in-out;color:#ef4444;font-weight:700;margin:1rem 0;text-align:center}.co-file-list{list-style:none;margin:1rem 0;max-height:180px;overflow-y:auto;padding:0}.co-file-list li{align-items:center;background:var(--component-bg);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem;transition:background .2s,transform .1s}.co-file-list li:hover{background:var(--add-course-hover);transform:translateX(2px)}.co-file-list .co-file-name{color:var(--text)}.co-file-list button{background:none;border:none;color:var(--text-three);cursor:pointer;font-size:1.1rem;transition:color .2s}.co-file-list button:hover{color:#ef4444}.co-actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.co-btn{border:none;border-radius:8px;box-shadow:0 2px 6px #0000001a;cursor:pointer;font-family:Arial,sans-serif;font-size:.95rem;font-weight:700;padding:.6rem 1.2rem;transition:background .2s,transform .1s,box-shadow .2s}.co-btn:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.co-btn:active{box-shadow:0 2px 6px #00000014;transform:translateY(0)}.co-btn.primary{background:var(--buttons);color:var(--buttons-texts)}.co-btn.primary:disabled{cursor:not-allowed;opacity:.6}.co-processing{color:var(--text-two);font-size:.95rem;margin-top:1rem;text-align:center}.co-progress-bar{background:var(--add-course);border-radius:3px;height:6px;margin-top:.75rem;overflow:hidden;width:100%}.co-progress-fill{background:var(--buttons);height:100%;transition:width .2s ease-out}.co-percent-text{color:var(--text-three);font-size:.9rem;margin-top:.5rem;text-align:center}.co-status-text{color:var(--text-two);font-size:.85rem;margin-top:.25rem;text-align:center}.co-language-selector{margin-bottom:1rem;margin-top:1rem}.co-language-label{color:var(--text);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.co-language-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--component-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-family:Arial,sans-serif;font-size:.95rem;padding:.75rem 2.5rem .75rem 1rem;transition:border-color .2s,background .2s,box-shadow .2s;width:100%}.co-language-select:focus,.co-language-select:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:var(--buttons)}.co-language-select:focus{box-shadow:0 0 0 3px #4f46e51a;outline:none}.co-language-select option{background:var(--component-bg);color:var(--text);padding:.5rem}.co-difficulty-selector{margin-bottom:1rem;margin-top:1rem}.co-difficulty-label{color:var(--text);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.co-difficulty-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--component-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-family:Arial,sans-serif;font-size:.95rem;padding:.75rem 2.5rem .75rem 1rem;transition:border-color .2s,background .2s,box-shadow .2s;width:100%}.co-difficulty-select:focus,.co-difficulty-select:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:var(--buttons)}.co-difficulty-select:focus{box-shadow:0 0 0 3px #4f46e51a;outline:none}.co-difficulty-select option{background:var(--component-bg);color:var(--text);padding:.5rem}.learning-platform{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:10px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.course-hub-header{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:15px}.create-course-button{align-items:center;animation:slideUp 1s .4s forwards;background-color:var(--buttons);border:none;border-radius:6px;color:var(--button-text)!important;cursor:pointer;display:flex;font-size:.85em;font-weight:600;opacity:0;padding:10px;transform:translateY(20px);transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.create-course-button:hover{background-color:#000;box-shadow:0 4px 10px #0003;color:#fff;transform:translateY(-2px)}.create-course-icon{height:20px;margin-right:6px;width:20px}.course-hub-image{animation:slideUp 1s .3s forwards;height:auto;margin-left:5%;max-width:420px}.course-hub-image,.trending-courses{opacity:0;transform:translateY(20px)}.trending-courses{animation:slideUp 1s .6s forwards;margin-top:0}.courses-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 20px}.courses-header h2{color:var(--text);font-size:2em;font-weight:700;margin:0}.see-all{color:var(--text);font-size:.9em;font-weight:600;text-decoration:none;transition:color .3s ease}.see-all:hover{color:#4a90e2}.course-hub-cards{display:flex;flex-wrap:wrap;gap:35px;padding:0 45px}.course-hub-card{background-color:#fff;border-radius:1px;box-shadow:0 4px 15px #0000001a;cursor:pointer;flex-basis:calc(33.333% - 20px);flex-grow:1;flex-shrink:1;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.course-hub-card:after{background:#4a90e21a;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.course-hub-card:hover:after{opacity:1}.course-hub-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-5px)}.card-image-container{overflow:hidden;padding-top:56.25%;position:relative}.card-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform 1s ease;width:100%}.course-hub-card:hover .card-image{transform:scale(1.1)}.play-button{align-items:center;background-color:#fffc;border-radius:50%;bottom:10px;display:flex;height:50px;justify-content:center;left:10px;position:absolute;transition:background-color .3s ease,transform .3s ease;width:50px}.course-hub-card:hover .play-button{background-color:#fff;transform:scale(1.2)}.play-button:after{border-bottom:10px solid #0000;border-left:15px solid #000;border-top:10px solid #0000;content:"";height:0;margin-left:3px;transition:border-left-color .7s ease;width:0}.course-hub-card:hover .play-button:after{border-left-color:#4a90e2}.course-hub-card p{color:#000;font-size:1em;font-weight:600;margin:0;padding:15px;transition:color .3s ease}.course-hub-card:hover p{color:#4a90e2}@media (max-width:992px){.course-hub-card{flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1}.course-hub-header{align-items:center;flex-direction:column;gap:10px}.create-course-button{font-size:.85em;justify-content:center;margin-bottom:10px;padding:6px 12px;width:100%}.course-hub-image,.create-course-button{animation:none;opacity:1;transform:translateY(0)}.course-hub-image{margin-top:10px;max-width:200px}}@media (max-width:768px){.learning-platform{margin:0 15px}.course-hub-image{max-width:180px}.course-hub-header{align-items:center;flex-direction:column;gap:10px}.create-course-button{font-size:.9em;justify-content:center;margin-top:10px;padding:8px 16px;width:100%}.course-hub-cards{flex-direction:column}.course-hub-card{flex:1 1 100%}.trending-courses{animation:none;opacity:1;transform:translateY(0)}}:root{--font-family:"Arial, sans-serif";--transition-speed:0.3s;--border-radius:8px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}.cd-unique-course-details{background-color:var(--bg-color);border-radius:8px;border-radius:var(--border-radius);color:var(--text);font-family:"Arial, sans-serif";font-family:var(--font-family);margin-left:2%;max-width:800px;overflow:hidden;padding-top:24px;padding-top:var(--spacing-lg );position:relative}.cd-unique-close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--text);cursor:pointer;display:flex;justify-content:center;padding:8px;padding:var(--spacing-sm);position:absolute;right:16px;right:var(--spacing-md);top:16px;top:var(--spacing-md);transition:background-color .3s;transition:background-color var(--transition-speed);z-index:10}.cd-unique-close-button:hover{background-color:var(--text);color:var(--buttons-text)}.cd-unique-course-header{margin-top:24px;margin-top:var(--spacing-lg);padding:0 32px 24px;padding:0 var(--spacing-xl) var(--spacing-lg)}.cd-unique-course-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:16px;margin-bottom:var(--spacing-md)}.cd-unique-course-description{color:var(--text-two);font-size:1rem;line-height:1.6;max-width:45em}.cd-unique-course-meta{display:flex;font-size:1rem;gap:32px;gap:var(--spacing-xl);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:0 32px;padding:0 var(--spacing-xl)}.cd-unique-course-meta span{align-items:center;color:var(--text-three);display:flex}.cd-unique-course-meta span:before{background-color:var(--color-text-secondary);border-radius:50%;content:"";display:inline-block;height:4px;margin-right:16px;margin-right:var(--spacing-md);width:4px}.cd-unique-course-meta span:first-child:before{display:none}.cd-unique-start-course-button{background-color:var(--buttons);border:none;border-radius:8px;border-radius:var(--border-radius);color:var(--buttons-texts);cursor:pointer;display:inline-block;font-size:.725rem;font-weight:600;margin:0 32px 32px;margin:0 var(--spacing-xl) var(--spacing-xl);padding:1.5rem 1.7rem;transition:transform .3s,box-shadow .3s;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.cd-unique-start-course-button:hover{background-color:var(--text-hovers);border:1px solid #000;color:var(--text-hover)}.cd-unique-start-course-button:active{box-shadow:0 2px 6px #0000001a;transform:translateY(0)}.cd-unique-fade-enter{opacity:0;transform:translateY(20px)}.cd-unique-fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s;transition:opacity var(--transition-speed),transform var(--transition-speed)}@media (max-width:768px){.cd-unique-course-details{margin:16px;margin:var(--spacing-md);padding-top:24px;padding-top:var(--spacing-lg)}.cd-unique-course-header{padding:0 16px 16px;padding:0 var(--spacing-md) var(--spacing-md)}.cd-unique-course-title{font-size:2rem}.cd-unique-course-description{font-size:1rem}.cd-unique-course-meta{flex-direction:column;gap:8px;gap:var(--spacing-sm);padding:0 16px;padding:0 var(--spacing-md)}.cd-unique-start-course-button{margin:0 16px 16px;margin:0 var(--spacing-md) var(--spacing-md);width:calc(100% - 32px);width:calc(100% - var(--spacing-md)*2)}}@media (max-width:480px){.cd-unique-course-title{font-size:1.75rem}.cd-unique-course-meta span{font-size:.875rem}.cd-unique-start-course-button{font-size:1rem;padding:.875rem 1.5rem}}.cd-lesson-quota{background-color:var(--subbox);border-left:3px solid var(--buttons);border-radius:8px;border-radius:var(--border-radius);margin-top:8px;margin-top:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.cd-quota-available{color:var(--text-two);font-weight:500}.cd-quota-available,.cd-quota-exhausted{align-items:center;display:flex;font-size:.9rem;gap:4px;gap:var(--spacing-xs)}.cd-quota-exhausted{color:#ff6b6b;font-weight:600}.cd-success-message{animation:slideIn .3s ease-out;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;border-radius:var(--border-radius);color:#155724;font-size:.9rem;font-weight:500;margin-top:16px;margin-top:var(--spacing-md);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-align:center}*{box-sizing:border-box;margin:0;padding:0}.cc-container{align-items:center;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;display:flex;justify-content:center;margin-left:2rem;max-width:850px;overflow:hidden;position:relative}.cc-container:before{background:linear-gradient(120deg,#ffffff4d,#ffffff1a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.cc-form{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;position:relative;width:100%;z-index:1}.cc-form h2{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#000,#262626);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:2em;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem;text-align:center}.cc-form-group{display:flex;flex-direction:column;gap:.75rem;transition:transform .3s ease}.cc-form-group:focus-within{transform:translateX(2px)}.cc-form-group label{color:#000;font-size:1em;font-weight:600;letter-spacing:.01em;margin-bottom:.25rem}.cc-container input[type=email],.cc-container input[type=number],.cc-container input[type=text],.cc-container select,.cc-container textarea{-webkit-appearance:none;appearance:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#ffffffe6;border:1.5px solid #e5e5e5b3;border-radius:12px;color:#000;font-size:1em;outline:none;padding:.9rem 1.2rem;width:100%}.cc-title-input{background-color:#f9fafb;border:1.5px solid #d1d5db;border-radius:14px;font-size:1.05em;padding:1rem 1.3rem}.cc-title-input:hover{background-color:#000;border-color:#0d0d0e}.cc-title-input:focus{background-color:#fff;border-color:#000}.cc-container textarea{min-height:120px;resize:vertical}.cc-container select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;padding-right:2.5rem}.cc-container select::-ms-expand{display:none}.cc-container input[type=email]:focus,.cc-container input[type=email]:hover,.cc-container input[type=number]:focus,.cc-container input[type=number]:hover,.cc-container input[type=text]:focus,.cc-container input[type=text]:hover,.cc-container select:focus,.cc-container select:hover,.cc-container textarea:focus,.cc-container textarea:hover{background-color:#fff;border-color:#000}.cc-container input::placeholder,.cc-container textarea::placeholder{color:#9ca3af;opacity:1}.cc-container input:focus::placeholder,.cc-container textarea:focus::placeholder{opacity:.7}.cc-file-drop-zone{background-image:linear-gradient(120deg,#4a90e200,#4a90e208);border:2px dashed #d1d1d1;border-radius:16px;color:#6b7280;cursor:pointer;margin-bottom:1.5rem;overflow:hidden;padding:3rem 1.5rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.cc-file-drop-zone:hover{background-color:#4a90e21a;border-color:#00000046;box-shadow:0 4px 12px #4a90e21a;transform:scale(1.01) translateY(-2px)}.cc-file-drop-zone.dragging{background-color:#4a90e226;border-color:#0000005d;box-shadow:0 6px 18px #4a90e226;transform:scale(1.02)}.cc-file-drop-zone p{color:#4b5563;font-size:1.1em;font-weight:600;margin:0}.cc-file-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.cc-file-item{align-items:center;background:#f9fafb;border:1px solid #0000;border-radius:10px;display:flex;justify-content:space-between;padding:.9rem 1.2rem}.cc-file-item:hover{background:#f3f4f6;border-color:#0000000d;box-shadow:0 2px 4px #00000005;transform:translateX(3px)}.cc-file-item span{color:#1f2937;font-size:.95em;font-weight:500}.cc-remove-file{background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;font-size:1.2em;line-height:1;padding:.3rem;transform-origin:center;transition:all .3s ease}.cc-remove-file:hover{background-color:#ef44441f;color:#dc2626;transform:rotate(90deg) scale(1.05)}.cc-toggle-group{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:.5rem 0;position:relative}.cc-toggle-label{color:#374151;cursor:pointer;font-size:.95em;font-weight:500;-webkit-user-select:none;user-select:none}.react-switch{vertical-align:middle}@media (min-width:769px){.react-switch{height:24px;width:48px}}@media (max-width:768px){.react-switch{height:20px;width:40px}}.cc-submit-button{background:#000;border:none;border-radius:12px;box-shadow:0 3px 6px #0000001a;color:#fff;cursor:pointer;font-size:1.1em;font-weight:600;letter-spacing:.02em;overflow:hidden;padding:.6rem 0;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:100%}.cc-submit-button:hover{background:#262626;box-shadow:0 6px 12px #00000026,0 1px 3px #0000001a;transform:translateY(-2px)}.cc-submit-button:active{background:#000;box-shadow:0 3px 6px #0000001a;transform:translateY(0)}.cc-submit-button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed}.cc-submit-button:hover:not(:disabled){background-color:#fcfcfc;box-shadow:0 3px 6px #0000003a;color:#000}.cc-error-message{background-color:#fef2f2;border:1px solid #fee2e2;border-radius:10px;box-shadow:0 2px 4px #ef44441a;color:#ef4444}.cc-error-message,.cc-success-message{font-weight:500;margin-bottom:1rem;padding:.9rem;text-align:center;transition:opacity .3s ease}.cc-success-message{background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;box-shadow:0 2px 4px #0596691a;color:#059669}.cc-processing-indicator{align-items:center;color:#374151;display:flex;font-size:.95em;gap:.5rem}.cc-spinner{animation:cc-spin 1s linear infinite;border:3px solid #d1d5db;border-radius:50%;border-top-color:#000;height:20px;width:20px}@keyframes cc-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.cc-container{margin:2rem auto;padding:1rem}.cc-form h2{font-size:1.8em}.cc-file-drop-zone{padding:2rem 1rem}.cc-file-item{padding:.7rem 1rem}.cc-remove-file{font-size:1em;padding:.2rem}.cc-toggle-label{font-size:.9em}.react-switch,.react-switch .react-switch-bg{height:20px;width:40px}.react-switch .react-switch-handle{height:16px;left:2px;top:2px;width:16px}.react-switch--checked .react-switch-handle{transform:translateX(20px)}.cc-submit-button{font-size:1em;padding:1rem 0}.cc-processing-indicator{font-size:.9em}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.modal-card{animation:modalFadeIn .3s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;max-width:500px;padding:40px;text-align:center;width:90%}.modal-content{align-items:center;display:flex;flex-direction:column}.loading-animation{height:200px;margin-bottom:32px;width:200px}.loading-text{align-items:center;color:#1a1a1a;display:flex;font-size:20px;font-weight:500;height:auto;justify-content:center;margin-bottom:10px;padding:0 20px}.loading-text,.status-text{animation:textFadeIn .5s ease-out}.status-text{color:#333;font-size:16px;margin-bottom:16px}.error-message{background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;color:#ef4444;font-size:16px;margin-top:24px;padding:12px 16px;width:100%}.progress-display{height:50px;margin-top:32px;position:relative;width:100%}.progress-text{color:#fff;font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3}.progress-bar{background-color:#d3d3d3;border-radius:8px;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.progress-fill{background-color:#000;height:100%;transition:width .5s ease-out;width:0}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes textFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:500px){.modal-card{padding:32px 24px;width:95%}.loading-animation{height:160px;width:160px}.loading-text{font-size:18px}.status-text{font-size:14px;margin-bottom:12px}.progress-display{height:40px}.progress-text{font-size:12px}}.mc-quiz-overlay{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#000000bf;bottom:0;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;width:100vw;z-index:10000}.mc-quiz-card{background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:650px;overflow-y:auto;scrollbar-color:#d1d5db #0000;scrollbar-width:thin;width:100%;will-change:transform,opacity}.mc-quiz-card::-webkit-scrollbar{width:6px}.mc-quiz-card::-webkit-scrollbar-track{background:#0000}.mc-quiz-card::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:6px}.mc-quiz-header{border-bottom:1px solid #e5e7eb;padding:24px 28px;position:relative}.mc-quiz-header h2{color:#111827;font-size:24px;font-weight:700;margin:0 0 16px}.mc-quiz-progress{display:flex;flex-direction:column;gap:8px}.mc-quiz-progress-text{color:#6b7280;font-size:14px}.mc-quiz-progress-bar{background-color:#e5e7eb;border-radius:3px;height:6px;overflow:hidden}.mc-quiz-progress-fill{background-color:#000;border-radius:3px;height:100%;transition:width .5s ease}.mc-quiz-timer{align-items:center;background-color:#f3f4f6;border-radius:20px;color:#374151;display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px;position:absolute;right:28px;top:24px;transition:all .3s ease}.mc-quiz-timer.mc-quiz-timer-warning{animation:pulse 1s infinite;background-color:#fee2e2;color:#b91c1c}.mc-quiz-timer-icon{font-size:16px}.mc-quiz-content{flex:1 1;padding:28px}.mc-quiz-question{color:#111827;font-size:18px;font-weight:600;line-height:1.5;margin-bottom:24px}.mc-quiz-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.mc-quiz-option{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;position:relative;transition:all .2s ease}.mc-quiz-option:hover{background-color:#f9fafb;border-color:#d1d5db}.mc-quiz-option.selected{background-color:#f9fafb;border-color:#000}.mc-quiz-option.correct{background-color:#ecfdf5;border-color:#10b981}.mc-quiz-option.incorrect{background-color:#fef2f2;border-color:#ef4444}.mc-quiz-option-marker{align-items:center;background-color:#f3f4f6;border-radius:50%;color:#4b5563;display:flex;font-size:16px;font-weight:600;height:36px;justify-content:center;min-width:36px}.mc-quiz-option.selected .mc-quiz-option-marker{background-color:#000;color:#fff}.mc-quiz-option.correct .mc-quiz-option-marker{background-color:#10b981;color:#fff}.mc-quiz-option.incorrect .mc-quiz-option-marker{background-color:#ef4444;color:#fff}.mc-quiz-option-text{color:#374151;flex:1 1;font-size:16px;line-height:1.5}.mc-quiz-option-icon{font-size:20px;font-weight:700}.mc-quiz-option-icon.correct{color:#10b981}.mc-quiz-option-icon.incorrect{color:#ef4444}.mc-quiz-feedback{align-items:flex-start;border-radius:12px;display:flex;gap:12px;margin-top:24px;padding:16px}.mc-quiz-feedback.correct{background-color:#ecfdf5}.mc-quiz-feedback.incorrect{background-color:#fef2f2}.mc-quiz-feedback-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;min-width:28px}.mc-quiz-feedback.correct .mc-quiz-feedback-icon{background-color:#10b981}.mc-quiz-feedback.incorrect .mc-quiz-feedback-icon{background-color:#ef4444}.mc-quiz-feedback-text{flex:1 1;font-size:16px;line-height:1.5}.mc-quiz-feedback.correct .mc-quiz-feedback-text{color:#065f46}.mc-quiz-feedback.incorrect .mc-quiz-feedback-text{color:#991b1b}.mc-quiz-footer{border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;padding:20px 28px}.mc-quiz-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;min-width:120px;padding:10px 20px;transition:all .2s ease}.mc-quiz-button.full-width{width:100%}.mc-quiz-button.primary{background-color:#000;color:#fff}.mc-quiz-button.primary:hover:not(:disabled){background-color:#1a1a1a}.mc-quiz-button.primary:disabled{background-color:#9ca3af;cursor:not-allowed}.mc-quiz-button.secondary{background-color:#f3f4f6;color:#4b5563}.mc-quiz-button.secondary:hover{background-color:#e5e7eb;color:#1f2937}.mc-quiz-results{padding:28px;text-align:center}.mc-quiz-results h2{color:#111827;font-size:24px;font-weight:700;margin:0 0 24px}.mc-quiz-score-container{display:flex;justify-content:center;margin-bottom:24px}.mc-quiz-score-circle{align-items:center;border:8px solid #000;border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;height:180px;justify-content:center;width:180px}.mc-quiz-score-percentage{color:#111827;font-size:48px;font-weight:700;line-height:1;margin-bottom:8px}.mc-quiz-score-label{color:#6b7280;font-size:16px}.mc-quiz-summary{background-color:#f9fafb;border-radius:12px;font-size:18px;font-weight:500;margin-bottom:28px;padding:16px}.mc-quiz-perfect-score{color:#10b981}.mc-quiz-good-score{color:#3b82f6}.mc-quiz-needs-review{color:#f59e0b}@media (max-width:640px){.mc-quiz-card{max-height:95vh}.mc-quiz-header{padding:20px}.mc-quiz-header h2{font-size:20px}.mc-quiz-timer{font-size:12px;padding:4px 10px;right:20px;top:20px}.mc-quiz-content{padding:20px}.mc-quiz-question{font-size:16px;margin-bottom:20px}.mc-quiz-option{gap:12px;padding:12px}.mc-quiz-option-marker{font-size:14px;height:30px;min-width:30px}.mc-quiz-option-text{font-size:14px}.mc-quiz-footer{flex-direction:column;gap:12px;padding:16px 20px}.mc-quiz-button{padding:12px;width:100%}.mc-quiz-score-circle{height:150px;width:150px}.mc-quiz-score-percentage{font-size:38px}}.fr-quiz-overlay{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#000000bf;display:flex;height:100vh;inset:0;justify-content:center;padding:20px;position:fixed;width:100vw;z-index:10000}.fr-quiz-card{background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow-y:auto;scrollbar-color:#d1d5db #0000;scrollbar-width:thin;width:100%;will-change:transform,opacity}.fr-quiz-card::-webkit-scrollbar{width:6px}.fr-quiz-card::-webkit-scrollbar-track{background:#0000}.fr-quiz-card::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:6px}.fr-quiz-header{border-bottom:1px solid #e5e7eb;padding:24px 28px;position:relative}.fr-quiz-header h2{color:#111827;font-size:24px;font-weight:700;margin:0 0 16px}.fr-quiz-progress{display:flex;flex-direction:column;gap:8px}.fr-quiz-progress-text{color:#6b7280;font-size:14px}.fr-quiz-progress-bar{background-color:#e5e7eb;border-radius:3px;height:6px;overflow:hidden}.fr-quiz-progress-fill{background-color:#000;border-radius:3px;height:100%;transition:width .5s ease}.fr-quiz-timer{align-items:center;background-color:#f3f4f6;border-radius:20px;color:#374151;display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px;position:absolute;right:28px;top:24px;transition:all .3s ease}.fr-quiz-timer.fr-quiz-timer-warning{animation:pulse 1s infinite;background-color:#fee2e2;color:#b91c1c}.fr-quiz-timer-icon{font-size:16px}.fr-quiz-content{flex:1 1;padding:28px}.fr-quiz-question{color:#111827;font-size:18px;font-weight:600;line-height:1.5;margin-bottom:24px}.fr-quiz-answer-container{margin-bottom:28px;position:relative}.fr-quiz-answer-input{border:1px solid #d1d5db;border-radius:12px;color:#374151;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;min-height:180px;padding:16px;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.fr-quiz-answer-input:focus{border-color:#000;box-shadow:0 0 0 2px #0000001a;outline:none}.fr-quiz-answer-input:disabled{background-color:#f9fafb;cursor:not-allowed}.fr-quiz-answer-input::placeholder{color:#9ca3af}.fr-quiz-character-count{bottom:8px;color:#6b7280;font-size:12px;pointer-events:none;position:absolute;right:12px}.fr-quiz-evaluation{background-color:#f9fafb;border-radius:12px;margin-top:24px;padding:24px}.fr-quiz-score{display:flex;justify-content:center;margin-bottom:20px}.fr-quiz-score-circle{align-items:center;background-color:#000;border-radius:50%;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;height:80px;justify-content:center;width:80px}.fr-quiz-score-value{font-size:28px;font-weight:700}.fr-quiz-score-label{font-size:14px;margin-left:2px}.fr-quiz-feedback{margin-bottom:24px}.fr-quiz-feedback h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 8px}.fr-quiz-feedback p{color:#4b5563;font-size:16px;line-height:1.5;margin:0}.fr-quiz-covered-points,.fr-quiz-missing-points{margin-bottom:24px}.fr-quiz-covered-points h3,.fr-quiz-missing-points h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 8px}.fr-quiz-covered-points ul,.fr-quiz-missing-points ul{list-style:none;margin:0;padding:0}.fr-quiz-covered-points li,.fr-quiz-missing-points li{align-items:flex-start;color:#4b5563;display:flex;font-size:15px;gap:8px;line-height:1.5;margin-bottom:6px}.fr-quiz-point-icon{color:#10b981;font-weight:700}.fr-quiz-missing-points .fr-quiz-point-icon{color:#6b7280}.fr-quiz-sample-answer{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.fr-quiz-sample-answer h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 8px}.fr-quiz-sample-answer p{color:#4b5563;font-size:15px;line-height:1.6;margin:0}.fr-quiz-footer{border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;padding:20px 28px}.fr-quiz-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;min-width:120px;padding:10px 20px;transition:all .2s ease}.fr-quiz-button.full-width{width:100%}.fr-quiz-button.primary{background-color:#000;color:#fff}.fr-quiz-button.primary:hover:not(:disabled){background-color:#1a1a1a}.fr-quiz-button.primary:disabled{background-color:#9ca3af;cursor:not-allowed}.fr-quiz-button.secondary{background-color:#f3f4f6;color:#4b5563}.fr-quiz-button.secondary:hover{background-color:#e5e7eb;color:#1f2937}.fr-quiz-results{padding:28px;text-align:center}.fr-quiz-results h2{color:#111827;font-size:24px;font-weight:700;margin:0 0 24px}.fr-quiz-score-container{display:flex;justify-content:center;margin-bottom:24px}.fr-quiz-results .fr-quiz-score-circle{align-items:center;background-color:initial;border:8px solid #000;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#111827;display:flex;flex-direction:column;height:180px;justify-content:center;width:180px}.fr-quiz-score-percentage{color:#111827;font-size:48px;font-weight:700;line-height:1;margin-bottom:8px}.fr-quiz-results .fr-quiz-score-label{color:#6b7280;font-size:16px;margin-left:0}.fr-quiz-summary{background-color:#f9fafb;border-radius:12px;font-size:18px;font-weight:500;margin-bottom:28px;padding:16px}.fr-quiz-excellent-score{color:#10b981}.fr-quiz-good-score{color:#3b82f6}.fr-quiz-needs-review{color:#f59e0b}@media (max-width:640px){.fr-quiz-card{max-height:95vh}.fr-quiz-header{padding:20px}.fr-quiz-header h2{font-size:20px}.fr-quiz-timer{font-size:12px;padding:4px 10px;right:20px;top:20px}.fr-quiz-content{padding:20px}.fr-quiz-question{font-size:16px;margin-bottom:20px}.fr-quiz-answer-input{font-size:15px;min-height:150px;padding:12px}.fr-quiz-evaluation{padding:16px}.fr-quiz-footer{flex-direction:column;gap:12px;padding:16px 20px}.fr-quiz-button{padding:12px;width:100%}.fr-quiz-results .fr-quiz-score-circle{height:150px;width:150px}.fr-quiz-score-percentage{font-size:38px}}.pomodoro-overlay{align-items:center;animation:overlayBackdropAppear .3s ease-out;-webkit-backdrop-filter:blur(3px) saturate(50%);backdrop-filter:blur(3px) saturate(50%);background:#00000071;bottom:0;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:10000}@keyframes overlayBackdropAppear{0%{-webkit-backdrop-filter:blur(0) saturate(100%);backdrop-filter:blur(0) saturate(100%);opacity:0}to{-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);opacity:1}}.pomodoro-overlay-backdrop{bottom:0;left:0;position:absolute;right:0;top:0}.pomodoro-overlay-container{animation:overlaySlideUp .4s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-color);border:1px solid var(--text-three);border-radius:20px;box-shadow:0 20px 40px #00000014,0 8px 16px #0000000a,inset 0 1px 0 #ffffff1a;max-width:520px;overflow:hidden;position:relative;width:100%}@keyframes overlaySlideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.pomodoro-overlay-content{padding:24px 28px 20px}.pomodoro-slide{animation:slideIn .3s cubic-bezier(.25,.46,.45,.94);text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pomodoro-slide h3{color:var(--text);font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 12px}.pomodoro-slide p{color:var(--text-two);font-size:16px;font-weight:400;line-height:1.4;margin:0 0 32px;opacity:.8}.choice-options{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.choice-option{align-items:center;animation:optionSlideUp .4s ease-out;background:var(--subbox);border:1px solid var(--text-three);border-radius:16px;cursor:pointer;display:flex;justify-content:space-between;padding:20px 24px;position:relative;text-align:left;transition:all .2s ease}.choice-option:first-child{animation-delay:.1s}.choice-option:nth-child(2){animation-delay:.2s}@keyframes optionSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.choice-option:hover{background:var(--study-tracker);border-color:var(--buttons);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.choice-option:active{transform:translateY(-1px)}.choice-content h4{color:var(--text);font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0 0 6px}.choice-content p{color:var(--text-two);font-size:14px;font-weight:400;line-height:1.3;margin:0;opacity:.75}.choice-indicator{border:2px solid var(--text-three);border-radius:50%;flex-shrink:0;height:20px;position:relative;transition:all .2s ease;width:20px}.choice-option:hover .choice-indicator{border-color:var(--buttons)}.timing-options{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.timing-option{align-items:center;animation:optionSlideUp .4s ease-out;background:var(--subbox);border:1px solid var(--text-three);border-radius:16px;cursor:pointer;display:flex;justify-content:space-between;padding:20px 24px;position:relative;text-align:left;transition:all .2s ease}.timing-option:first-child{animation-delay:.1s}.timing-option:nth-child(2){animation-delay:.2s}.timing-option:nth-child(3){animation-delay:.3s}.timing-option:hover{transform:translateY(-2px)}.timing-option--selected,.timing-option:hover{background:var(--study-tracker);border-color:var(--buttons);box-shadow:0 4px 12px #0000001a}.timing-option--selected{transform:translateY(-1px)}.timing-option--selected .timing-indicator{background:var(--buttons);border-color:var(--buttons)}.timing-option--selected .timing-indicator:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.timing-content h4{color:var(--text);font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0 0 6px}.timing-content p{color:var(--text-two);font-size:14px;font-weight:400;line-height:1.3;margin:0;opacity:.75}.timing-indicator{border:2px solid var(--text-three);border-radius:50%;flex-shrink:0;height:20px;position:relative;transition:all .2s ease;width:20px}.assessment-benefits{background:var(--study-tracker);border:1px solid var(--text-three);border-radius:16px;margin-bottom:32px;padding:20px;text-align:left}.benefit-item{align-items:flex-start;color:var(--text-two);display:flex;font-size:14px;font-weight:400;line-height:1.4;margin-bottom:12px}.benefit-item:last-child{margin-bottom:0}.benefit-item:before{background:var(--buttons);border-radius:50%;content:"";flex-shrink:0;height:6px;margin-right:12px;margin-top:6px;width:6px}.pomodoro-overlay-footer{display:flex;justify-content:center;padding:0 28px 24px}.slide-indicators{align-items:center;display:flex;gap:8px}.slide-indicator{background:var(--text-three);border-radius:50%;height:8px;opacity:.5;transition:all .3s ease;width:8px}.slide-indicator.active{background:var(--buttons);opacity:1;transform:scale(1.2)}@media (max-width:768px){.pomodoro-overlay{padding:20px}.pomodoro-overlay-container{border-radius:16px;max-width:100%}.pomodoro-overlay-content{padding:20px 24px 16px}.choice-option,.timing-option{padding:18px 20px}.assessment-benefits{padding:18px}}@media (max-width:480px){.pomodoro-overlay{padding:16px}.pomodoro-overlay-header h2{font-size:20px}.pomodoro-slide h3{font-size:18px}.choice-content h4,.timing-content h4{font-size:16px}.choice-option,.timing-option{padding:16px 18px}}.pomodoro-timer-simple{align-items:center;color:var(--text);display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;gap:6px;opacity:0;transition:opacity .3s ease}.course-teacher-lesson-header:hover .pomodoro-timer-simple.hover-only,.pomodoro-timer-simple.visible{opacity:.8}.pomodoro-timer-simple.warning{color:#f44;opacity:1}.pomodoro-timer-simple.warning .timer-dot{animation:warningPulse .5s infinite;background:#f44}.pomodoro-timer-simple.warning .timer-label,.pomodoro-timer-simple.warning .timer-time{color:#f44}.timer-dot{animation:pulse 1.5s infinite;background:#f44;border-radius:50%;height:6px;width:6px}.pomodoro-timer-simple.break .timer-dot{background:#4caf50}.timer-label{font-weight:500}.timer-label,.timer-time{color:var(--text);font-size:14px}.timer-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}@keyframes warningPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.course-teacher-container{border-radius:10px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;margin:0 auto;max-width:800px;padding:30px;width:100%}.course-teacher-title{color:var(--text);font-size:32px;font-weight:600;letter-spacing:-.5px;margin-bottom:20px}.course-teacher-lesson-content{word-wrap:break-word;color:var(--text);font-size:16px;-webkit-hyphens:auto;hyphens:auto;margin-bottom:30px;overflow-wrap:break-word;text-align:justify}.course-teacher-lesson-title{border-bottom:2px solid #e0e0e0;color:var(--text);font-size:24px;font-weight:600;margin-bottom:15px;padding-bottom:5px}.course-teacher-plain-content{word-wrap:break-word;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:20px;-webkit-hyphens:auto;hyphens:auto;margin:20px;max-width:100%;overflow-wrap:break-word;overflow-x:hidden;padding:15px;text-align:justify}.course-teacher-plain-content h1,.course-teacher-plain-content h2,.course-teacher-plain-content h3,.course-teacher-plain-content h4,.course-teacher-plain-content h5,.course-teacher-plain-content h6{color:var(--text);font-weight:600;margin-bottom:10px;margin-top:20px}.course-teacher-plain-content p{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.8;margin-bottom:15px;overflow-wrap:break-word;text-align:justify}.course-teacher-plain-content ul{margin-bottom:15px;margin-left:20px}.course-teacher-plain-content li{margin-bottom:8px}.code-block-container{background-color:#1e1e1e;border-radius:6px;font-family:Fira Code,Consolas,Monaco,Andale Mono,monospace;margin:1.5rem 0;overflow:hidden}.code-block-header{align-items:center;background-color:#1e1e1e;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:6px 10px}.code-language-label{color:#9d9d9d;font-size:12px;text-transform:lowercase}.copy-button{background-color:initial;border:none;border-radius:3px;color:#d4d4d4;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s}.copy-button:hover{background-color:#ffffff1a}.code-block-container .react-syntax-highlighter,.code-block-container pre{background-color:#1e1e1e!important;border-radius:0!important;font-family:Fira Code,Consolas,Monaco,Andale Mono,monospace!important;font-size:14px!important;line-height:1.5!important;margin:0!important;overflow-wrap:break-word;overflow-x:hidden!important;overflow-y:visible!important;padding:12px!important;white-space:pre-wrap!important;word-break:break-word}.code-block-container .linenumber{color:#585858!important;min-width:2em!important;padding-right:1em!important;text-align:right!important;-webkit-user-select:none!important;user-select:none!important}[data-theme=dark] .code-block-container{background-color:#282c34!important}[data-theme=dark] .code-block-container .token.comment{color:#7f848e!important}[data-theme=dark] .code-block-container .token.keyword{color:#c678dd!important}[data-theme=dark] .code-block-container .token.string{color:#98c379!important}[data-theme=dark] .code-block-container .token.function{color:#e5c07b!important}[data-theme=dark] .code-block-container .token.number{color:#d19a66!important}[data-theme=dark] .code-block-container .token.operator,[data-theme=dark] .code-block-container .token.punctuation{color:#abb2bf!important}[data-theme=dark] .code-block-container .token.property{color:#61afef!important}[data-theme=dark] .code-block-container .token.tag{color:#e06c75!important}[data-theme=dark] .code-block-container .token.attr-name{color:#d19a66!important}[data-theme=dark] .code-block-container .token.attr-value{color:#98c379!important}[data-theme=light] .code-block-container{background-color:#fafafa!important;border:1px solid #e1e4e8}[data-theme=light] .code-block-container .code-block-header{background-color:#f6f8fa!important;border-bottom:1px solid #e1e4e8!important}[data-theme=light] .code-block-container .token.comment{color:#6a737d!important}[data-theme=light] .code-block-container .token.keyword{color:#d73a49!important}[data-theme=light] .code-block-container .token.string{color:#032f62!important}[data-theme=light] .code-block-container .token.function{color:#6f42c1!important}[data-theme=light] .code-block-container .token.number{color:#005cc5!important}[data-theme=light] .code-block-container .token.operator{color:#d73a49!important}[data-theme=light] .code-block-container .token.punctuation{color:#24292e!important}[data-theme=light] .code-block-container .token.property{color:#005cc5!important}[data-theme=light] .code-block-container .token.tag{color:#22863a!important}[data-theme=light] .code-block-container .token.attr-name{color:#6f42c1!important}[data-theme=light] .code-block-container .token.attr-value{color:#032f62!important}[data-theme=dark] .course-teacher-plain-content :not(pre)>code{background:linear-gradient(135deg,#1a365d,#2d3748)!important;border:1px solid #4299e1!important;border-radius:6px!important;box-shadow:0 2px 4px #4299e126!important;color:#90cdf4!important;font-family:Fira Code,Consolas,Monaco,Andale Mono,monospace!important;font-size:.9em!important;font-weight:600!important;padding:4px 8px!important;transition:all .2s ease!important}[data-theme=dark] .course-teacher-plain-content :not(pre)>code:hover{background:linear-gradient(135deg,#2c5282,#3182ce)!important;border-color:#63b3ed!important;box-shadow:0 4px 8px #4299e140!important;color:#bee3f8!important;transform:translateY(-1px)!important}[data-theme=light] .course-teacher-plain-content :not(pre)>code{background:linear-gradient(135deg,#ebf8ff,#bee3f8)!important;border:1px solid #4299e1!important;border-radius:6px!important;box-shadow:0 2px 4px #4299e126!important;color:#1a365d!important;font-family:Fira Code,Consolas,Monaco,Andale Mono,monospace!important;font-size:.9em!important;font-weight:600!important;padding:4px 8px!important;transition:all .2s ease!important}[data-theme=light] .course-teacher-plain-content :not(pre)>code:hover{background:linear-gradient(135deg,#dbeafe,#93c5fd)!important;border-color:#3182ce!important;box-shadow:0 4px 8px #4299e140!important;color:#1e3a8a!important;transform:translateY(-1px)!important}[data-theme=dark] code:not(pre code){background:linear-gradient(135deg,#1a365d,#2d3748)!important;border:1px solid #4299e1!important;color:#90cdf4!important}[data-theme=dark] code:not(pre code),[data-theme=light] code:not(pre code){border-radius:6px!important;box-shadow:0 2px 4px #4299e126!important;font-family:Fira Code,Consolas,Monaco,Andale Mono,monospace!important;font-size:.9em!important;font-weight:600!important;padding:4px 8px!important;transition:all .2s ease!important}[data-theme=light] code:not(pre code){background:linear-gradient(135deg,#ebf8ff,#bee3f8)!important;border:1px solid #4299e1!important;color:#1a365d!important}.course-teacher-plain-content .katex-display{margin:1.2em auto!important;text-align:center!important}.course-teacher-plain-content img,.course-teacher-plain-content svg{display:block;margin:1em auto;max-width:100%}.course-teacher-plain-content p>.katex-display{display:block;margin:1.2em auto;text-align:center}.course-teacher-plain-content p>img,.course-teacher-plain-content p>svg{display:block;margin:1em auto;max-width:100%}.course-teacher-plain-content p>span.katex:first-child:last-child{display:block!important;margin:1.2em auto!important;text-align:center!important}.animated-text-wrapper{display:inline}.animated-letter{animation:letterReveal .3s ease-out forwards;display:inline-block;opacity:0;transform:translateY(2px) scale(.98);white-space:pre;will-change:opacity,transform}@keyframes letterReveal{to{opacity:1;transform:translateY(0) scale(1)}}.animated-letter:empty,.animated-letter:has(" "){width:.25em}.course-teacher-reset-animation .animated-letter{animation:none!important;opacity:0!important;transform:translateY(2px) scale(.98)!important}@media (prefers-reduced-motion:reduce){.animated-letter{animation:none;opacity:1;transform:none}}.course-teacher-plain-content .code-block-container,.course-teacher-plain-content h1,.course-teacher-plain-content h2,.course-teacher-plain-content h3,.course-teacher-plain-content h4,.course-teacher-plain-content h5,.course-teacher-plain-content h6,.course-teacher-plain-content pre{animation:fadeInUp .25s ease forwards;opacity:1!important;transform:none!important}.course-teacher-plain-content h1,.course-teacher-plain-content h2{animation-delay:.05s}.course-teacher-plain-content h3{animation-delay:.08s}.course-teacher-plain-content h4,.course-teacher-plain-content h5,.course-teacher-plain-content h6{animation-delay:.1s}.course-teacher-reset-animation *{animation:none!important;opacity:0!important}.course-teacher-plain-content .code-block-container,.course-teacher-plain-content pre{animation-delay:.15s}.course-teacher-plain-content blockquote{animation-delay:.18s;animation:fadeInUp .25s ease forwards;opacity:0}.course-teacher-plain-content .katex-display,.course-teacher-plain-content iframe,.course-teacher-plain-content img{animation:fadeInUp .3s ease forwards;animation-delay:.25s;opacity:0}.course-teacher-loading+.course-teacher-plain-content .animated-letter{animation-play-state:paused;opacity:0}.course-teacher-plain-content:not(.course-teacher-reset-animation) .animated-letter{animation-play-state:running}.course-teacher-navigation{align-items:center;display:flex;flex-direction:column;gap:15px;margin-top:20px}.course-teacher-navigation-buttons{align-items:center;display:flex;justify-content:space-between;max-width:600px;width:100%}.course-teacher-navigation button{background-color:#007bff;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;padding:10px 25px;transition:background-color .3s ease,transform .2s ease}.course-teacher-navigation button:disabled{background-color:#a0cfff;cursor:not-allowed}.course-teacher-navigation button:not(:disabled):hover{background-color:#0056b3;transform:translateY(-2px)}.course-teacher-navigation button:active:not(:disabled){transform:translateY(0)}.course-teacher-navigation span{color:#333;font-size:16px;font-weight:500}.course-teacher-generation-progress{color:#444;font-size:16px;margin:20px 0;text-align:center}.course-teacher-progress-bar{background-color:#e0e0e0;border-radius:25px;height:10px;margin-top:10px;overflow:hidden}.course-teacher-progress-fill{background-color:#007bff;height:100%;transition:width .3s ease;width:0}.course-teacher-error{background-color:#dc35451a;border-radius:5px;color:#dc3545;margin:15px 0;padding:10px;text-align:center}.course-teacher-animated-word{background:linear-gradient(90deg,#181818,#0e0e0e);background-clip:text;-webkit-background-clip:text;color:#0000;display:inline-block;transition:background .3s ease}.course-teacher-animated-title{color:var(--text);font-weight:600}@media (max-width:768px){.course-teacher-container{padding:20px}.course-teacher-title{font-size:26px}.course-teacher-lesson-title{font-size:20px}.course-teacher-lesson-content h4{font-size:18px}.course-teacher-navigation button{font-size:14px;padding:10px 20px}.course-teacher-navigation span{font-size:14px}.course-teacher-plain-content{margin:15px;padding:12px}.animated-letter{animation-delay:0ms!important;animation-delay:calc(var(--letter-index, 0)*10ms)!important;animation-duration:.2s}}.course-teacher-lesson-header{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:15px}.course-teacher-title{margin-bottom:40px;margin-top:20px;text-align:center}.course-teacher-lesson-title{flex-grow:1;margin-bottom:0}@media (max-width:768px){.course-teacher-lesson-header{align-items:flex-start;flex-direction:column;gap:10px}.course-teacher-lesson-title{text-align:center;width:100%}}.course-teacher-container code:not(.code-block-container code),.course-teacher-plain-content li code,.course-teacher-plain-content p code,.course-teacher-plain-content span code{background-color:var(--subbox)!important;border:1px solid #80808033!important;border-radius:3px!important;color:var(--text-code)!important;font-family:Fira Code,Consolas,Monaco,Andale Mono,monospace!important;font-size:.9em!important;font-weight:500!important;padding:2px 5px!important}[data-theme=light] .course-teacher-container code:not(.code-block-container code),[data-theme=light] .course-teacher-plain-content li code,[data-theme=light] .course-teacher-plain-content p code,[data-theme=light] .course-teacher-plain-content span code{background-color:#2f2f2f!important;border:1px solid #80808026!important;border-radius:3px!important;color:var(--text-code)!important;font-family:Fira Code,Consolas,Monaco,Andale Mono,monospace!important;font-size:.9em!important;font-weight:500!important;padding:2px 5px!important}.code-block-container,.code-block-container *,.code-block-container .react-syntax-highlighter,.code-block-container .react-syntax-highlighter *,.code-block-container code,.code-block-container pre,.code-block-container span{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;filter:none!important;-webkit-filter:none!important;text-shadow:none!important}.ct-lesson-quota{font-size:1rem;margin:0;padding:0;text-align:center;width:-webkit-fit-content;width:fit-content}.ct-lesson-progress{color:var(--text);display:block;font-weight:600}.ct-quota-available{color:var(--text-two);font-weight:500}.ct-quota-available,.ct-quota-exhausted{align-items:center;display:flex;gap:6px;justify-content:center}.ct-quota-exhausted{color:#ff6b6b;font-weight:600}.fade-in-wrapper{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out;transition:opacity var(--animation-duration,.6s) ease-out,transform var(--animation-duration,.6s) ease-out;transition-delay:0ms;transition-delay:var(--animation-delay,0ms)}.fade-in-wrapper.visible{opacity:1;transform:translateY(0)}.fade-in-wrapper.slide-left{transform:translateX(-30px)}.fade-in-wrapper.slide-left.visible{transform:translateX(0)}.fade-in-wrapper.slide-right{transform:translateX(30px)}.fade-in-wrapper.slide-right.visible{transform:translateX(0)}.fade-in-wrapper.scale{transform:scale(.95)}.fade-in-wrapper.scale.visible{transform:scale(1)}.quota-indicator{align-items:center;background-color:#ffffff0d;border-radius:12px;color:#a0aec0;display:flex;font-size:.8rem;font-weight:500;gap:8px;padding:4px 8px}.quota-indicator.exhausted{background-color:#ef444433}.quota-text{white-space:nowrap}.quota-bar-background{background-color:#0000004d;border-radius:3px;height:6px;overflow:hidden;width:50px}.quota-bar-foreground{background:linear-gradient(90deg,#4299e1,#38b2ac);border-radius:3px;height:100%;transition:width .3s ease-in-out}.quota-indicator.exhausted .quota-bar-foreground{background:#ef4444}.quota-info-icon{align-items:center;background-color:var(--text-three);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;margin-left:8px;transition:background-color .2s ease;width:16px}.quota-info-icon:hover{background-color:var(--text-two)}.quota-info-icon:active{transform:scale(.95)}.settings-backdrop{background-color:#0c0c0c9e;inset:0;position:fixed;z-index:999}.settings-modal-container{background:#fff;background:var(--settings,#fff);border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;height:520px;left:50%;max-width:800px;overflow:hidden;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:1000}.settings-modal-header{align-items:center;display:flex;flex-shrink:0;height:45px;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.settings-modal-header h2{color:#333;color:var(--text,#333);font-size:1.5rem;font-weight:700;margin:0}.settings-modal-close-btn{background:none;border:none;cursor:pointer;line-height:1;padding:0}.settings-modal-close-btn img{display:block;height:20px;width:20px}.dark .settings-modal-close-btn img{filter:invert(1)}.settings-2fa-setup{background:#f8f9fa;background:var(--card-bg,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;margin-top:15px;padding:20px}.settings-2fa-disable{display:flex;flex-direction:column;gap:10px}.settings-button-danger{background-color:#dc3545;border:1px solid #dc3545;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.settings-button-danger:hover:not(:disabled){background-color:#c82333;border-color:#bd2130}.settings-button-danger:disabled{cursor:not-allowed;opacity:.6}.settings-button-secondary{background-color:#f8f9fa;background-color:var(--secondary-bg,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;color:#333;color:var(--text,#333);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.settings-button-secondary:hover:not(:disabled){background-color:#e9ecef;background-color:var(--hover-bg,#e9ecef)}.settings-button-secondary:disabled{cursor:not-allowed;opacity:.6}.settings-error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:14px;margin-top:15px;padding:10px}.settings-modal-body{display:flex;flex:1 1;height:calc(100% - 60px);overflow:hidden}.settings-modal-nav{border-right:1px solid #eee;border-right:1px solid var(--subbox,#eee);display:flex;flex-direction:column;flex-shrink:0;gap:5px;height:100%;overflow-y:auto;padding:10px;width:200px}.settings-nav-item{align-items:center;background:none;border:none;border-radius:6px;color:#555;color:var(--text,#555);cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:10px;text-align:left;transition:all .2s ease;width:100%}.settings-nav-item:hover{transform:translateY(-1px)}.light .settings-nav-item:hover{background-color:#0000000d}.dark .settings-nav-item:hover{background-color:#ffffff1a}.settings-nav-item.active{color:#000;color:var(--text,#000);font-weight:600}.light .settings-nav-item.active{background-color:#e6e6e6;box-shadow:0 1px 3px #0000001a}.dark .settings-nav-item.active{background-color:#333;box-shadow:0 1px 3px #0003}.coming-soon-label{color:#999;color:var(--text-three,#999);font-size:.75em;font-style:italic;margin-left:8px;white-space:nowrap}.settings-nav-item.coming-soon-item{opacity:.7}.settings-nav-item.coming-soon-item>span:first-child{filter:blur(.5px)}.settings-nav-item.coming-soon-item.active{opacity:1}.settings-nav-item.coming-soon-item.active>span:first-child{filter:none}.settings-modal-detail{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:10px 20px;position:relative}.settings-modal-detail>*{height:100%}.coming-soon-panel-content{height:380px;position:relative}.coming-soon-panel-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#42424226;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.light .coming-soon-panel-overlay{background-color:#f0f0f099}.dark .coming-soon-panel-overlay{background-color:#2229}.coming-soon-panel-overlay span{background:#fff3;border-radius:10px;box-shadow:0 4px 15px #0000001a;color:#111;color:var(--text,#111);font-size:1.8rem;font-weight:600;padding:15px 30px;text-align:center}.general-panel-content,.notifications-panel-content,.security-panel-content{display:flex;flex-direction:column;gap:5px}.settings-row{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--subbox,#eee);display:flex;justify-content:space-between;padding:15px 0}.settings-row:last-of-type{border-bottom:none}.settings-spacer{height:15px}.settings-label-group{display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin-right:15px}.settings-label-primary{color:#333;color:var(--text,#333);font-size:.9rem;font-weight:500}.settings-label-secondary{color:#666;color:var(--text-three,#666);font-size:.8rem;margin-top:4px}.settings-row label{color:#333;color:var(--text,#333);flex-grow:1;font-size:.9rem;margin-right:15px}.settings-row .settings-button-bordered,.settings-row .settings-button-warning,.settings-row select{background:#fff;background:var(--bg-color,#fff);border:1px solid #ccc;border:1px solid var(--subbox,#ccc);border-radius:6px;color:#333;color:var(--text,#333);flex-shrink:0;font-size:.9rem;padding:8px 12px;transition:all .2s ease}.settings-row select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1em;cursor:pointer;min-width:150px;padding-right:2.5rem}.light .settings-row select{background-color:#f8f8f8;border-color:#ccc}.dark .settings-row select{background-color:#333;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:#666;color:#eee;color:var(--text,#eee)}.settings-row select:focus{border-color:#333;border-color:var(--buttons,#333);box-shadow:0 0 0 2px #3333331a;outline:none}.dark .settings-row select:focus{border-color:#4dabf5;box-shadow:0 0 0 2px #4dabf533}.settings-row .switch{display:inline-block;flex:0 0 auto!important;height:20px;margin-right:0!important;position:relative;width:40px}.settings-row .switch input{height:0;opacity:0;width:0}.settings-row .slider{background-color:#0003;background-color:var(--subbox,#0003);border-radius:20px;inset:0;position:absolute;transition:.3s}.light .settings-row .slider{background-color:#ccc}.dark .settings-row .slider{background-color:#555}.settings-row .slider:before{background:#fff;border-radius:50%;bottom:2px;box-shadow:0 1px 3px #0003;content:"";height:16px;left:2px;position:absolute;transition:.3s;width:16px}.settings-row .switch input:checked+.slider{background-color:#2196f3}.dark .settings-row .switch input:checked+.slider{background-color:#4dabf5}.settings-row .switch input:checked+.slider:before{transform:translateX(20px)}.settings-row .slider.round{border-radius:20px}.settings-row .slider.round:before{border-radius:50%}.settings-button-bordered{background:#0000;border:1px solid #ccc;border:1px solid var(--subbox,#ccc);color:#333;color:var(--text,#333);cursor:pointer;min-width:80px;text-align:center;transition:all .2s ease}.light .settings-button-bordered{background:#f8f8f8}.settings-button-bordered:hover{background:#f0f0f0;background:var(--add-course-hover,#f0f0f0);box-shadow:0 2px 5px hsla(0,0%,100%,.582);transform:translateY(-2px)}.dark .settings-button-bordered{background:#333;border-color:#666;border-color:var(--subbox,#666);color:#eee;color:var(--text,#eee)}.dark .settings-button-bordered:hover{background:#444;box-shadow:0 2px 5px #0000004d}.settings-button-warning{background:#d9534f;border:1px solid #d9534f;color:#fff;cursor:pointer;min-width:80px;text-align:center;transition:all .2s ease}.settings-button-warning:hover{background:#c9302c;border-color:#c9302c;box-shadow:0 2px 5px #00000026;transform:translateY(-2px)}@media (max-width:768px){.settings-modal-container{border-radius:0;height:100vh;left:0;max-width:none;padding:0;top:0;transform:none;width:100vw}.settings-modal-header{background:var(--sidebar-bg);border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border-color,#0000001a);padding:20px 20px 15px}.settings-modal-body{flex-direction:column;height:calc(100vh - 80px);padding:0}.settings-modal-nav{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border-color,#0000001a);border-right:none;display:flex;gap:10px;height:auto;overflow-x:auto;padding:15px 20px;width:100%}.settings-nav-item{border-radius:20px;min-width:auto;padding:10px 16px;white-space:nowrap}.settings-modal-detail{flex:1 1;overflow-y:auto;padding:20px}.settings-row{gap:15px;padding:15px 0}.settings-row select{border-radius:8px;min-width:120px;padding:12px}.settings-backdrop{display:none}}.bookmarks-page{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;font-family:Arial,sans-serif;margin:20px auto;max-width:900px;padding:30px}.bookmarks-page h2{color:#333;font-size:2rem;margin-bottom:30px;text-align:center}.error-message,.loader,.no-bookmarks{color:#777;font-size:1rem;text-align:center}.bookmarks-list{list-style:none;margin:0;padding:0}.bookmark-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px;transition:background-color .3s ease}.bookmark-item:last-child{border-bottom:none}.bookmark-item:hover{background-color:#f9f9f9}.bookmark-link{align-items:center;color:#4a90e2;display:flex;font-size:1.1rem;font-weight:500;text-decoration:none}.bookmark-icon{height:24px;margin-right:15px;width:24px}.bookmark-title{flex-grow:1}.remove-bookmark-button{background:none;border:none;cursor:pointer;padding:8px;transition:transform .2s ease}.remove-bookmark-button img{height:20px;width:20px}@media (max-width:768px){.bookmarks-page{margin:10px;padding:20px}.bookmarks-page h2{font-size:1.5rem}.bookmark-item{align-items:flex-start;flex-direction:column;gap:10px}.remove-bookmark-button{align-self:flex-end}}.files-container{font-family:Arial,sans-serif;padding:2rem}.files-dashboard{background-color:#fff;border-radius:12px;margin:0 auto;max-width:1200px}.dashboard-header{align-items:flex-start;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:2rem}.header-title{display:flex;flex-direction:column;gap:.5rem}.header-title h1{color:#333;font-size:2rem;font-weight:600;margin:0}.file-count{color:#666;font-size:.875rem}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.sort-group{display:flex;gap:.5rem}.sort-btn{background:none;border:1px solid #000;border-radius:6px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.sort-btn:hover{background-color:#f5f5f5}.sort-btn.active,.upload-btn{background-color:#000;color:#fff}.upload-btn{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1.25rem;transition:background-color .2s ease}.upload-btn:hover{background-color:#333}.upload-btn svg{stroke:currentColor;height:16px;width:16px}.hidden-input{display:none}.dashboard-content{padding:2rem}.files-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.file-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.file-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-5px)}.file-card-content{align-items:center;display:flex;gap:1rem}.file-icon-container{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;display:flex;height:50px;justify-content:center;width:50px}.document-icon{color:#333;height:24px;width:24px}.file-info{display:flex;flex-direction:column;gap:.25rem}.file-name{color:#333;font-size:1rem;font-weight:600}.file-details{color:#666;display:flex;font-size:.8125rem;gap:1rem}.file-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.action-btn{align-items:center;background:none;border:1px solid #e0e0e0;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.action-btn svg{color:#666;height:16px;width:16px}.action-btn:hover{background-color:#000;border-color:#000}.action-btn:hover svg{color:#fff}.empty-state,.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f0f2f5;border-radius:50%;border-top-color:#000;height:40px;width:40px}.upload-progress{align-items:center;background-color:#f0f2f5;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;width:100%}.empty-state .document-icon{color:#999;height:48px;margin-bottom:1rem;width:48px}.empty-state h2{color:#333;font-size:1.25rem;font-weight:600;margin:0}.empty-state p{color:#666;margin:0}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.files-container{padding:1rem}.dashboard-header{align-items:flex-start;flex-direction:column}.header-actions{align-items:stretch;flex-direction:column;gap:1rem;width:100%}.sort-group{width:100%}.sort-btn{flex:1 1}.upload-btn{justify-content:center;width:100%}.files-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.file-card{padding:1rem}.file-icon-container{height:40px;width:40px}.file-name{font-size:.95rem}.file-details{font-size:.75rem}.action-btn{height:32px;width:32px}.action-btn svg{height:14px;width:14px}}.feedback-backdrop{background-color:#0c0c0c9e;inset:0;position:fixed;z-index:999}.feedback-warning{align-items:center;background-color:#fff4e6;border:1px solid gold;border-radius:8px;color:#b8860b;display:flex;font-size:14px;gap:8px;margin-bottom:15px;padding:12px}.feedback-modal-container.dark .feedback-warning{background-color:#2a2a2a;border-color:gold;color:gold}.feedback-modal-container{background:#fff;background:var(--settings,#fff);border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;left:50%;max-width:500px;overflow:hidden;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:1000}.feedback-modal-container.dark{background:#1f1e1e;color:#fff}.feedback-modal-container.dark .feedback-modal-header{border-bottom:1px solid #ffffff1a}.feedback-modal-container.dark .feedback-modal-header h2{color:#fff}.feedback-modal-container.dark .feedback-modal-close-btn:hover{background-color:#ffffff1a}.feedback-modal-container.dark .feedback-modal-close-btn img{filter:invert(1)}.feedback-modal-container.dark .feedback-label{color:#e0e0e0}.feedback-modal-container.dark .feedback-select{background:#353535;border:1px solid #ffffff1a;color:#fff}.feedback-modal-container.dark .feedback-select:focus{border-color:#fff}.feedback-modal-container.dark .feedback-textarea{background:#353535;border:1px solid #ffffff1a;color:#fff}.feedback-modal-container.dark .feedback-textarea:focus{border-color:#fff}.feedback-modal-container.dark .feedback-textarea::placeholder{color:#8a8a8a}.feedback-modal-container.dark .feedback-error{background:#4a1a1a;border:1px solid #c44;color:#f66}.feedback-modal-container.dark .feedback-btn-cancel{background:#424242;border:1px solid #ffffff1a;color:#fff}.feedback-modal-container.dark .feedback-btn-cancel:hover:not(:disabled){background:#ffffff1a}.feedback-modal-container.dark .feedback-success-message{background:#353535;border:1px solid #ffffff1a;color:#fff}.feedback-modal-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;flex-shrink:0;height:45px;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.feedback-modal-header h2{color:#333;color:var(--text,#333);font-size:1.5rem;font-weight:700;margin:0}.feedback-modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;line-height:1;padding:8px;transition:background-color .2s ease-in-out;width:40px}.feedback-modal-close-btn:hover{background-color:#0000001a}.feedback-modal-close-btn img{display:block;filter:none;filter:var(--theme-icon-filter,none);height:20px;width:20px}.feedback-modal-content{flex:1 1;overflow-y:auto}.feedback-form{gap:20px}.feedback-field,.feedback-form{display:flex;flex-direction:column}.feedback-field{gap:8px}.feedback-label{font-weight:600;margin:0}.feedback-label,.feedback-select{color:#333;color:var(--text,#333);font-size:14px}.feedback-select{background:#f8f9fa;background:var(--card-bg,#f8f9fa);border:1px solid #0000001a;border-radius:8px;padding:12px 16px;transition:border-color .2s ease}.feedback-select:focus{border-color:#000;outline:none}.feedback-textarea{background:#f8f9fa;background:var(--card-bg,#f8f9fa);border:1px solid #0000001a;border-radius:8px;color:#333;color:var(--text,#333);font-family:inherit;font-size:14px;min-height:120px;padding:12px 16px;resize:vertical;transition:border-color .2s ease}.feedback-textarea:focus{border-color:#000;outline:none}.feedback-textarea::placeholder{color:#666;color:var(--text-two,#666)}.feedback-error{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;padding:12px 16px}.feedback-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.feedback-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:12px 24px;transition:all .2s ease}.feedback-btn-cancel{background:#f8f9fa;background:var(--card-bg,#f8f9fa);border:1px solid #0000001a;color:#333;color:var(--text,#333)}.feedback-btn-cancel:hover:not(:disabled){background:#0000000d}.feedback-btn-submit{background:#000;color:#fff}.feedback-btn-submit:hover:not(:disabled){background:#000c;transform:translateY(-1px)}.feedback-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.feedback-success{padding:40px 20px;text-align:center}.feedback-success-message{background:#f8f9fa;background:var(--card-bg,#f8f9fa);border:1px solid #0000001a;border-radius:8px;color:#333;color:var(--text,#333);font-size:16px;padding:20px}@media (max-width:640px){.feedback-modal-container{padding:16px;width:95vw}.feedback-modal-header{margin-bottom:12px;padding-bottom:12px}.feedback-modal-header h2{font-size:1.25rem}.feedback-actions{flex-direction:column-reverse}.feedback-btn{width:100%}}.welcome-overlay{align-items:center;background:#000000d9;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;inset:0;justify-content:center;opacity:0;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:10000}.welcome-overlay--visible{opacity:1;visibility:visible}.welcome-overlay__backdrop{background:#000000d9;inset:0;position:absolute;z-index:1}.welcome-overlay__modal{border-radius:16px;box-shadow:0 10px 30px #0003;display:flex;height:580px;max-height:90vh;max-width:90vw;overflow:hidden;position:relative;transform:scale(.95);transition:transform .3s ease;width:900px;z-index:2}.welcome-overlay--visible .welcome-overlay__modal{transform:scale(1)}.welcome-overlay__content{background:#fff;background:var(--bg,#fff);color:#1c1c1c;color:var(--text,#1c1c1c);display:flex;flex:0.8 1;flex-direction:column;padding:40px 50px;position:relative}.welcome-overlay__header-group{display:flex;flex:1 1;flex-direction:column;justify-content:center}.welcome-overlay__illustration-panel{align-items:center;background:#0f0f0f;display:flex;flex:1.2 1;justify-content:center;overflow:hidden;position:relative}.welcome-overlay__header{margin-bottom:40px;position:relative}.welcome-overlay__badge{background:#eaeaea;background:var(--badge-bg,#eaeaea);border-radius:20px;color:#333;color:var(--badge-text,#333);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:24px;padding:5px 12px;text-transform:uppercase}.welcome-overlay__title{color:#1d1d1f;color:var(--text,#1d1d1f);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;font-size:34px;font-weight:600;line-height:1.1;margin:0 0 24px;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease,color .3s ease}.welcome-overlay__title--visible{opacity:1;transform:translateY(0)}.welcome-overlay__subtitle{color:#1d1d1f;color:var(--text-secondary,#1d1d1f);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;font-size:18px;font-weight:400;letter-spacing:-.01em;line-height:1.5;margin:0;min-height:100px;transition:opacity .3s ease}.welcome-overlay__actions{margin-top:48px}.welcome-overlay__cta-button{background:#000;background:var(--primary-button-bg,#000);border:none;border-radius:8px;color:#fff;color:var(--primary-button-text,#fff);cursor:pointer;font-size:16px;font-weight:600;max-width:200px;opacity:0;padding:14px 24px;pointer-events:none;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease;width:100%}.welcome-overlay__cta-button--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.welcome-overlay__cta-button:hover:not(:disabled){opacity:.8}.welcome-overlay__back-button-top{background:#0000;border:none;color:#666;cursor:pointer;font-size:15px;font-weight:500;left:20px;padding:8px 0;position:absolute;top:20px;z-index:10}.welcome-overlay__back-button-top:hover{color:#333}.welcome-overlay__close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:20px;top:20px;transition:background .2s ease;width:32px;z-index:10}.welcome-overlay__close-btn:hover{background:#ffffff4d}.welcome-overlay__close-btn:before{color:#fff;content:"×";font-size:20px;font-weight:300;line-height:1}.welcome-overlay__feature-description{color:#444;font-size:18px;letter-spacing:-.02em;line-height:1.6;margin:0}.welcome-overlay__initial-illustration{height:100%;overflow:hidden;position:relative;width:100%}.shape{position:absolute}.shape--circle{background:#ffffff4d;border-radius:50%;height:80px;left:10%;top:20%;width:80px;z-index:3}.shape--square{background:#fff3;height:60px;right:15%;top:60%;width:60px;z-index:2}.shape--triangle{border-bottom:52px solid #ffffff40;border-left:30px solid #0000;border-right:30px solid #0000;height:0;right:35%;top:35%;width:0;z-index:4}.shape--hexagon{background:#fff3;height:28px;left:25%;position:relative;top:70%;width:50px;z-index:3}.shape--hexagon:after,.shape--hexagon:before{border-left:25px solid #0000;border-right:25px solid #0000;content:"";position:absolute;width:0}.shape--hexagon:before{border-bottom:14px solid #fff3;bottom:100%}.shape--hexagon:after{border-top:14px solid #fff3;top:100%}.shape--diamond{background:#ffffff4d;height:40px;left:5%;opacity:.4;top:45%;transform:rotate(45deg);width:40px;z-index:5}.shape--small-circle{background:#fff6;border-radius:50%;height:30px;opacity:.6;right:25%;top:15%;width:30px;z-index:6}.welcome-overlay__slide-dots{bottom:30px;display:flex;gap:12px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.welcome-overlay__dot{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.welcome-overlay__dot--active{background:#fffc;transform:scale(1.2)}.welcome-overlay__dot:hover{background:#fff9}@media (max-width:768px){.welcome-overlay__modal{flex-direction:column;height:85vh;width:95vw}.welcome-overlay__content{flex:1 1;padding:30px 25px}.welcome-overlay__illustration-panel{flex:0.5 1}.welcome-overlay__title{font-size:28px}.welcome-overlay__feature-description,.welcome-overlay__subtitle{font-size:16px}}.welcome-overlay__subtitle--transitioning{opacity:.3;transition:opacity .3s ease}.welcome-overlay__back-button-top:disabled,.welcome-overlay__cta-button:disabled,.welcome-overlay__dot:disabled{cursor:not-allowed;opacity:.5}.dashboard-container.light{--bg-color:#fff;--text-color:#333;--topbar-bg:#fff;--sidebar-bg:#f4f6f8;--subbox:#fff;--text:#0d0d0d;--buttons-texts:#fff;--text-two:#0d0d0d;--button-text:#fff;--buttons:#000;--text-three:#adadad;--add-course:#f0f0f0;--study-tracker:#f4f6f8;--add-course-hover:#e0e0e0;--anki-card:#f4f6f8;--text-hovers:#fff;--text-code:#d63384;--study-bar:#333;--setting-bar:#2f2f2f;--blocks:#d63384}.dashboard-container.dark{--study-bar:#fff;--bg-color:#080807;--text-color:#eee;--text:#eee;--text-code:#fff;--buttons-texts:#000;--text-two:#e0e0e0;--buttons-text:#000;--text-three:#8a8a8a;--topbar-bg:#0d0d0de7;--sidebar-bg:#22222256;--component-bg:#0d0d0d;--subbox:#353535;--buttons:#fff;--add-course:#424242;--study-tracker:#424242;--add-course-hover:#e0e0e07c;--anki-card:#42424234;--text-hovers:#000;--settings:#1f1e1e;--blocks:#fff}.dashboard-container{background-color:var(--bg-color)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}.dashboard-container{display:flex;flex-direction:row;height:100vh;overflow:hidden;position:relative;width:100%}.sidebar{flex:0 0 260px;height:100vh;overflow:hidden}.dashboard-main{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden;position:relative}.top-bar{background-color:var(--bg-color);flex:0 0 60px}.content-wrapper{display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.scrollable-content{-ms-overflow-style:none;background-color:var(--bg-color);flex:1 1;height:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative;scrollbar-width:none}.scrollable-content::-webkit-scrollbar{display:none}.main-content-column{margin:0 auto;max-width:clamp(320px,85vw,850px);width:100%}.study-performance-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:clamp(2%,4vw,4%);justify-content:space-between;margin-top:20px;padding-right:clamp(2%,5vw,5%);width:100%}.study-performance-container>.study-tracker{flex:1 1 50%;max-width:50%}.anki-card-container,.performance-metric-wrapper{flex:1 1 36%;margin-left:5%;margin-right:4%;margin-top:6%;max-width:36%}.performance-metric-wrapper{align-items:center;display:flex;flex:1 1 36%;flex-direction:column;justify-content:flex-start;max-width:36%;min-height:0}.component-header{display:flex;justify-content:flex-end;margin-bottom:5px;padding:5px 0}.widget-toggle-button{background-color:var(--buttons);border:none;border-radius:20px;box-shadow:0 2px 5px #0000001a;color:var(--buttons-texts);cursor:pointer;font-size:.7rem;font-weight:600;margin-bottom:2.1%;margin-top:3%;opacity:.8;padding:6px 12px;transition:all .3s ease}.widget-toggle-button:hover{background-color:var(--text-hovers);box-shadow:0 4px 8px #00000026;color:var(--buttons);opacity:1;transform:translateY(-2px)}.anki-card-container .anki-card{width:100%}.performance-metric-wrapper .performance-metric{margin-top:0;width:100%}.feed-container{margin:0 auto;width:100%}.course-hub-wrapper{flex:1 1 300px}.course-details-wrapper{flex:0 0 300px}.right-bar{background-color:var(--sidebar-bg);box-shadow:-2px 0 5px #0000000d;display:flex;flex:0 0 350px;flex-direction:column;height:100vh;overflow:hidden;position:relative}.right-bar>*{flex:1 1;min-height:0;width:100%}.mobile-chat-view{display:block;width:100vw}.mobile-chat-view .chat-component{height:100%;width:100%}@media (max-width:1200px){.sidebar{flex:0 0 220px}.right-bar{flex:0 0 300px}.study-performance-container{align-items:center;flex-direction:column;padding-right:0}.anki-card-container,.performance-metric-wrapper,.study-performance-container>.study-tracker{margin:10px 0;max-width:100%;width:100%}}@media (max-width:768px){.widget-toggle-button{font-size:.65rem;padding:4px 8px}.dashboard-main,.right-bar,.sidebar{display:none}.main-content-column{padding:0 15px}.topbar-header{align-items:flex-start;flex-direction:column;padding:15px}}.mobile-chat-view{height:100vh;overflow:hidden;position:relative}.mobile-content-container{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:60px}.mobile-settings-container{background:#f8f8f8;background:var(--sys-bg,#f8f8f8);display:flex;flex-direction:column;height:100%}.mobile-settings-header{align-items:center;background:#fff;background:var(--card-bg,#fff);border-bottom:.5px solid #0000001f;border-bottom:.5px solid var(--separator,#0000001f);display:flex;gap:16px;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.mobile-back-button{align-items:center;background:none;border:none;border-radius:8px;color:#111;color:var(--accent,#111);cursor:pointer;display:flex;font-size:16px;gap:4px;padding:8px 12px;transition:background-color .2s ease}.mobile-back-button:hover{background-color:#0000000a}.mobile-back-button:active{background-color:#00000014}.mobile-settings-header h2{color:#000;color:var(--text,#000);font-size:20px;font-weight:600;margin:0}.mobile-settings-container .settings{flex:1 1;overflow-y:auto;padding:0}.dark .mobile-settings-container{background:var(--sys-bg)}.dark .mobile-settings-header{background:var(--card-bg);border-bottom-color:var(--separator)}.courses-header-with-quota{align-items:center;display:flex;gap:16px;margin-bottom:1rem}.courses-daily-header{color:var(--text-three);font-size:12px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.mobile-limitation-banner{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffc1071a;border:1px solid #ffc1074d;border-radius:0;color:#333;font-size:14px;line-height:1.4;margin:0;padding:12px 16px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:100}.login-container{animation:fadeInUp .7s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffc;border-radius:15px;margin-right:20px;padding:25px;position:relative;width:320px}.password-input-container{align-items:center;display:flex;position:relative}.password-eye{color:#666;cursor:pointer;padding:10px;position:absolute;right:10px}.password-eye:hover{color:#333}.line-divider{align-self:center;background-color:#ccc;height:120px;margin:0 35px 90px;position:relative;width:1px}.auth-buttons-container{align-items:center;display:flex;flex-direction:column;padding:70px 20px}.auth-button{align-items:center;animation:slideInUp .6s ease-out forwards;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#000;border:1px solid #fffc;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin-bottom:12px;opacity:0;outline:none;padding:12px 20px;transform:translateY(20px);transition:background .3s,transform .2s,box-shadow .3s;width:280px}.auth-button:focus,.auth-button:hover{background:#ffffff40;box-shadow:0 4px 8px #00000026;color:#000;transform:scale(1.02)}.auth-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:scale(1)}.button-icon{height:24px;margin-right:12px;width:24px}.footer-links{bottom:20px;font-size:14px;left:20px;position:fixed}.footer-links a{color:grey;margin-right:10px;text-decoration:underline}.footer-links a:last-child{margin-right:0}.google-loading{animation:pulse 1.5s infinite;color:#666;font-size:14px;margin-top:15px;text-align:center}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.header{padding:10px 15px}.text-header-container{margin:20px 5%;padding:15px}.main-title{font-size:28px}.subtitle{font-size:16px}.login-page-content{align-items:center;flex-direction:column;margin-top:5%}.line-divider{height:1px;margin:25px 0;width:80%}.login-container{margin-bottom:20px;margin-right:0;max-width:400px;width:90%}.auth-buttons-container{max-width:400px;padding:0;width:90%}.auth-button{width:100%}.footer-links{bottom:auto;left:auto;padding:20px 0;position:relative;text-align:center}}.body{overflow:hidden}.header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fffc;border-radius:10px;height:80px;justify-content:space-between;margin-top:.7%;padding:10px 30px}.header,.logo{align-items:center;display:flex}.logo-image{height:50px}.logo-image,.logo-text{animation:fadeIn .7s ease-out forwards;opacity:0}.logo-text{color:#333;font-size:24px;font-weight:700;margin-left:10px}.nav{align-items:center;display:flex;justify-content:center}.text-header-container{animation:fadeInDown .7s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff;border-radius:15px;margin:30px 10%;padding:10px 20px;text-align:center}.main-title{color:#212121;font-family:Roboto,sans-serif;font-size:36px;font-weight:700;margin:0;padding-bottom:15px}.subtitle{color:#555;font-size:18px;font-weight:400;line-height:1.6;margin:0 auto;max-width:650px}.login-page-content{align-items:flex-start;display:flex;justify-content:center;margin-top:2%}.forgot-password-container{animation:fadeInUp .7s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffc;border-radius:15px;margin:0 auto;padding:25px;position:relative;width:320px}.login-form{width:100%}.login-input{background-color:hsla(46,43%,88%,.226);border:none;border-radius:8px;box-sizing:border-box;color:#333;font-size:16px;margin:10px 0;outline:none;padding:15px;transition:background-color .3s,box-shadow .3s;width:100%}.login-input:focus{background-color:#fff;box-shadow:0 0 10px #0000001a}.login-button{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#000;border:1px solid #ffffff40;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:block;font-size:16px;margin-top:10px;padding:15px;text-align:center;transition:background .3s ease,box-shadow .3s ease;width:100%}.login-button:focus,.login-button:hover{background:#ffffffe6;box-shadow:0 6px 12px #0003;color:#000}.forgot-password-link{margin-top:16px;text-align:left}.forgot-password-link a{color:#333;font-size:14px;text-decoration:none}.forgot-password-link a:focus,.forgot-password-link a:hover{text-decoration:underline}.error-message{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;color:#e53935;margin-top:8px}.error-message,.success-message{font-size:14px;text-align:center}.success-message{background-color:#4caf501a;border:1px solid #4caf504d;border-radius:4px;color:#2e7d32;margin-top:10px;padding:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:none}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-40px,0)}to{opacity:1;transform:none}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@media (max-width:768px){.header{padding:10px 15px}.text-header-container{margin:20px 5%;padding:15px}.main-title{font-size:28px}.subtitle{font-size:16px}.forgot-password-container{max-width:400px;width:90%}}:root{--sys-bg:#f8f8f8;--card-bg:#fff;--text:#000;--text-dim:#0000008f;--separator:#0000001f;--accent:#111;--error:#ff3b30;--shadow-key:0 3px 6px #00000014;--shadow-ambient:0 1px 2px #0000000a;--r-card:22px;--r-pill:14px;--s-1:8px;--s-2:16px;--s-3:24px;--s-4:32px;--s-5:40px}.onboarding-container{align-items:center;background-color:#f8f8f8;background-color:var(--sys-bg);color:#000;color:var(--text);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro,Helvetica Neue,Arial,sans-serif;min-height:100vh;overflow-y:auto;position:relative}.onboarding-cancel-button{align-items:center;background:#fff;background:var(--card-bg);border:none;border-radius:50%;box-shadow:0 3px 6px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow-key),var(--shadow-ambient);color:#0000008f;color:var(--text-dim);cursor:pointer;display:flex;font-size:24px;font-weight:300;height:44px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .2s ease;width:44px;z-index:1000}.onboarding-cancel-button:hover{background:#0000001f;background:var(--separator);color:#000;color:var(--text);transform:scale(1.05)}.onboarding-cancel-button:active{transform:scale(.95)}.onboarding-logo-container{display:flex;justify-content:center;margin-bottom:16px;margin-bottom:var(--s-2);margin-top:40px;margin-top:var(--s-5)}.onboarding-logo{align-items:center;display:flex;height:80px;justify-content:center;width:80px}.onboarding-logo img{height:60px;width:60px}.onboarding-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;max-width:600px;padding:0 24px 40px;padding:0 var(--s-3) var(--s-5);width:100%}.onboarding-progress-container{margin-bottom:24px;margin-bottom:var(--s-3);max-width:560px;width:100%}.onboarding-progress-bar{background:#0000001a;border-radius:2px;height:4px;overflow:hidden}.onboarding-progress-fill{background:#111;background:var(--accent);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.onboarding-step-card{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:#ffffff26;border:.5px solid #fff6;border-radius:22px;border-radius:var(--r-card);box-shadow:0 8px 32px #0000001f;max-width:560px;min-height:clamp(440px,60vh,500px);overflow:hidden;padding:1px;position:relative;scrollbar-gutter:stable both-edges;transition:box-shadow .25s ease;width:100%}.onboarding-step-card:hover{box-shadow:0 12px 40px #0000002e}.onboarding-step{align-items:center;border-radius:22px;border-radius:var(--r-card);display:flex;flex-direction:column;height:100%;justify-content:center;max-height:calc(100% - 112px);overflow-y:auto;padding:56px 24px 24px;padding:56px var(--s-3) var(--s-3);position:relative;scrollbar-gutter:stable both-edges;text-align:center;width:100%}.onboarding-step.onboarding-age-step .onboarding-form,.onboarding-step.onboarding-name-step .onboarding-form,.onboarding-step.onboarding-password-step .onboarding-form,.onboarding-step.onboarding-username-step .onboarding-form{margin:0 auto;max-width:400px;width:100%}.onboarding-step.onboarding-age-step .onboarding-form-group,.onboarding-step.onboarding-name-step .onboarding-form-group,.onboarding-step.onboarding-password-step .onboarding-form-group,.onboarding-step.onboarding-username-step .onboarding-form-group{width:100%}.onboarding-back-button{align-items:center;background:none;border:none;border-radius:20px;color:#0000008f;color:var(--text-dim);cursor:pointer;display:flex;font-size:14px;left:24px;left:var(--s-3);padding:8px 16px;padding:var(--s-1) var(--s-2);position:absolute;top:24px;top:var(--s-3);transition:background-color .2s ease;z-index:10}.onboarding-back-button:hover{background-color:#0000000a}.onboarding-back-button:focus-visible{outline:2px solid #111;outline:2px solid var(--accent);outline-offset:2px}.onboarding-back-button:before{content:"←";font-size:18px;margin-right:6px}.onboarding-step h2,.onboarding-step-header{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px;margin-bottom:var(--s-2);margin-top:40px;margin-top:calc(var(--s-4) + var(--s-1));text-align:center}.onboarding-step-header{display:block}.onboarding-step-description{color:#0000008f;color:var(--text-dim);font-size:16px;line-height:1.5;margin-bottom:24px;margin-bottom:var(--s-3);text-align:center}.onboarding-form{margin-bottom:24px;margin-bottom:var(--s-3);max-width:400px;width:100%}.onboarding-form-group{margin-bottom:16px;margin-bottom:var(--s-2);text-align:center;width:100%}.onboarding-form-control{-webkit-appearance:none;appearance:none;background:#0000;border:none;border-bottom:.5px solid #0000001f;border-bottom:.5px solid var(--separator);border-radius:0;box-shadow:none;color:#000;color:var(--text);font-size:16px;margin:0 auto;outline:none;padding:16px 2px;padding:var(--s-2) 2px;text-align:center;transition:border-color .25s cubic-bezier(.4,0,.2,1);width:80%}.onboarding-form-control:focus{border-bottom:.5px solid #111;border-bottom:.5px solid var(--accent);box-shadow:none;outline:none}.onboarding-form-control:focus-visible{border-bottom:.5px solid #111;border-bottom:.5px solid var(--accent);outline:none}.onboarding-form-control::placeholder{color:#0000008f;color:var(--text-dim);opacity:.5}.onboarding-date-wheel-container{display:flex;gap:16px;gap:var(--s-2);justify-content:center;margin:0 0 24px;margin:0 0 var(--s-3);max-width:400px;width:100%}.onboarding-date-wheel-column{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:150px}.onboarding-date-wheel-header{color:#0000008f;color:var(--text-dim);font-size:14px;margin-bottom:8px;margin-bottom:var(--s-1)}.onboarding-date-wheel{-ms-overflow-style:none;background:#fff;background:var(--card-bg);border:none;border-radius:14px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 0 #0000;height:120px;-webkit-mask-image:linear-gradient(#0000,#000,#000,#0000);mask-image:linear-gradient(#0000,#000,#000,#0000);overflow-y:auto;position:relative;scroll-snap-type:y mandatory;scrollbar-width:none;width:100%}.onboarding-date-wheel::-webkit-scrollbar{display:none}.onboarding-date-wheel-item{align-items:center;color:#000;color:var(--text);cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;opacity:.45;padding:0 8px;padding:0 var(--s-1);scroll-snap-align:center;transition:.15s}.onboarding-date-wheel-item.onboarding-date-wheel-item--selected{font-weight:600;opacity:1;transform:scale(1.06)}.onboarding-step .onboarding-step-button{margin-top:40px!important;margin-top:var(--s-5)!important}.onboarding-occupation-grid{grid-gap:16px;grid-gap:var(--s-2);display:grid;gap:16px;gap:var(--s-2);grid-template-columns:1fr 1fr;margin-bottom:24px;margin-bottom:var(--s-3);max-width:400px;width:100%}.onboarding-occupation-option{background:#fff;background:var(--card-bg);border:.5px solid #0000001f;border:.5px solid var(--separator);border-radius:14px;border-radius:var(--r-pill);color:#000;color:var(--text);cursor:pointer;padding:16px;padding:var(--s-2);position:relative;text-align:center;transition:all .3s ease}.onboarding-occupation-option:hover{background-color:#0000000a}.onboarding-occupation-option:focus-visible{outline:2px solid #111;outline:2px solid var(--accent);outline-offset:2px}.onboarding-occupation-option.onboarding-occupation-option--selected{background-color:#111;background-color:var(--accent);border-color:#111;border-color:var(--accent);color:#fff}.onboarding-learning-styles-grid{grid-gap:8px;grid-gap:var(--s-1);display:grid;gap:8px;gap:var(--s-1);grid-template-columns:1fr 1fr;margin-bottom:16px;margin-bottom:var(--s-2);max-width:400px;width:100%}.onboarding-style-option{position:relative}.onboarding-style-option input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.onboarding-style-option input[type=checkbox]:focus-visible+label{outline:2px solid #111;outline:2px solid var(--accent);outline-offset:2px}.onboarding-style-option label{align-items:center;background-color:#fff;background-color:var(--card-bg);border:.5px solid #0000001f;border:.5px solid var(--separator);border-radius:14px;border-radius:var(--r-pill);color:#000;color:var(--text);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:64px;padding:8px;padding:var(--s-1);text-align:center;transition:background .2s,box-shadow .2s}.onboarding-style-option input[type=checkbox]:checked+label{background:#11111114;border-color:#111;border-color:var(--accent);box-shadow:inset 0 0 0 1px #111;box-shadow:0 0 0 1px var(--accent) inset;color:#000;color:var(--text)}.onboarding-style-icon{font-size:20px;margin-bottom:2px}.onboarding-style-name{font-size:14px;font-weight:600;margin-bottom:2px}.onboarding-style-desc{font-size:11px;line-height:1.2}.onboarding-style-desc,.onboarding-style-option input[type=checkbox]:checked+label .onboarding-style-desc{color:#0000008f;color:var(--text-dim)}.onboarding-style-option input[type=checkbox]:checked+label .onboarding-style-icon,.onboarding-style-option input[type=checkbox]:checked+label .onboarding-style-name{color:#111;color:var(--accent)}.onboarding-pace-options{display:flex;flex-direction:column;gap:8px;gap:var(--s-1);margin-bottom:24px;margin-bottom:var(--s-3);max-width:400px;width:100%}.onboarding-pace-option{align-items:center;background:#fff;background:var(--card-bg);border:.5px solid #0000001f;border:.5px solid var(--separator);border-radius:14px;border-radius:var(--r-pill);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:64px;padding:8px 16px;padding:var(--s-1) var(--s-2);text-align:center;transition:background .2s,box-shadow .2s}.onboarding-pace-icon{font-size:20px;margin-bottom:2px}.onboarding-pace-name{font-size:14px;font-weight:600;margin-bottom:2px}.onboarding-pace-desc{color:#0000008f;color:var(--text-dim);font-size:12px;line-height:1.2}.onboarding-pace-option:hover{background:#0000000a}.onboarding-pace-option.onboarding-pace-option--selected{background:#11111114;border-color:#111;border-color:var(--accent);box-shadow:inset 0 0 0 1px #111;box-shadow:0 0 0 1px var(--accent) inset}.onboarding-pace-option.onboarding-pace-option--selected .onboarding-pace-desc,.onboarding-pace-option.onboarding-pace-option--selected .onboarding-pace-name{color:#111;color:var(--accent)}.onboarding-pace-option:focus-visible{outline:2px solid #111;outline:2px solid var(--accent);outline-offset:2px}.onboarding-final-step{text-align:center}.onboarding-completion-icon{align-items:center;background-color:#111;background-color:var(--accent);border-radius:50%;box-shadow:0 3px 6px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow-key),var(--shadow-ambient);color:#fff;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 24px;margin:0 auto var(--s-3);width:80px}.onboarding-completion-message{color:#000;color:var(--text);font-size:16px;line-height:1.6;margin-bottom:24px;margin-bottom:var(--s-3)}.onboarding-complete-button,.onboarding-step-button{background:#111;background:var(--accent);border:none;border-radius:14px;border-radius:var(--r-pill);box-shadow:0 1px 2px #00000029;color:#fff;cursor:pointer;font-weight:600;max-width:400px;padding:16px;padding:var(--s-2) var(--s-2);transition:box-shadow .2s,transform .2s;width:100%}.onboarding-complete-button:hover:not(:disabled),.onboarding-step-button:hover:not(:disabled){box-shadow:0 4px 8px #00000029;transform:translateY(-2px)}.onboarding-complete-button:focus-visible,.onboarding-step-button:focus-visible{outline:2px solid #111;outline:2px solid var(--accent);outline-offset:2px}.onboarding-step-button:disabled{background:#e1e1e1;color:#0000008f;color:var(--text-dim);cursor:not-allowed}.onboarding-error-message{background-color:#ff00000d;border-left:4px solid #ff6b6b;border-radius:14px;border-radius:var(--r-pill);color:#ff6b6b;font-size:14px;margin-bottom:16px;margin-bottom:var(--s-2);max-width:550px;padding:16px;padding:var(--s-2) var(--s-2);width:100%}@media (max-width:600px){.onboarding-step-card{min-height:clamp(440px,60vh,500px)}.onboarding-step{padding:56px 16px 16px;padding:56px var(--s-2) var(--s-2)}.onboarding-occupation-grid{grid-template-columns:1fr}}@media (max-width:400px){.onboarding-learning-styles-grid{grid-template-columns:1fr}.onboarding-date-wheel-container{align-items:center;flex-direction:column}.onboarding-date-wheel-column{max-width:200px;width:100%}}.username-input-container{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.username-validation-indicator{align-items:center;display:flex;font-size:16px;position:absolute;right:12px}.username-checking{animation:pulse 1s infinite;color:#0000008f;color:var(--text-dim)}.username-available{color:#34c759;font-weight:700}.username-taken{color:#ff3b30;color:var(--error);font-weight:700}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.onboarding-form-control.onboarding-form-control--error{background-color:#ff3b300d;border-color:#ff3b30;border-color:var(--error)}.onboarding-form-control.onboarding-form-control--success{background-color:#34c7590d;border-color:#34c759}.onboarding-error-text{color:#ff3b30;color:var(--error);display:block;font-size:14px;margin-top:4px}.onboarding-success-text{color:#34c759;display:block;font-size:14px;margin-top:4px}.date-selectors{align-items:flex-end;display:flex;gap:24px;gap:var(--s-3);justify-content:center;margin:32px 0;margin:var(--s-4) 0}.date-selector-group{display:flex;flex-direction:column;gap:8px;gap:var(--s-1);position:relative}.date-selector-label{color:#0000008f;color:var(--text-dim);font-size:14px;font-weight:500;text-align:center}.simple-dropdown{min-width:140px;position:relative}.dropdown-button{background:#fff;background:var(--card-bg);border:1px solid #0000001f;border:1px solid var(--separator);border-radius:14px;border-radius:var(--r-pill);box-shadow:0 3px 6px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow-key),var(--shadow-ambient);color:#000;color:var(--text);cursor:pointer;font-size:16px;padding:16px 24px;padding:var(--s-2) var(--s-3);text-align:center;transition:all .2s ease;width:100%}.dropdown-button:hover{box-shadow:0 3px 6px #00000014,0 1px 2px #0000000a,0 0 0 3px #1111111a;box-shadow:var(--shadow-key),var(--shadow-ambient),0 0 0 3px #1111111a}.dropdown-button.open,.dropdown-button:hover{border-color:#111;border-color:var(--accent)}.dropdown-menu{background:#fff;background:var(--card-bg);border:1px solid #0000001f;border:1px solid var(--separator);border-radius:14px;border-radius:var(--r-pill);box-shadow:0 3px 6px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow-key),var(--shadow-ambient);max-height:144px;overflow-y:auto;z-index:2000}.dropdown-option{align-items:center;background:#0000;border:none;color:#000;color:var(--text);cursor:pointer;display:flex;font-size:16px;height:48px;justify-content:center;padding:16px;padding:var(--s-2);text-align:center;transition:all .15s ease;width:100%}.dropdown-option:hover{background:#0000000a}.dropdown-option.selected{background:#111;background:var(--accent);color:#fff;font-weight:600}@media (max-width:480px){.date-selectors{align-items:center;flex-direction:column;gap:16px;gap:var(--s-2)}.simple-dropdown{min-width:200px}}@media (max-width:768px){.onboarding-step-card{margin-bottom:20px;min-height:auto}.onboarding-step{padding:40px 20px 20px}.onboarding-step-header{font-size:24px}.onboarding-step-description{font-size:15px}.onboarding-cancel-button{height:36px;right:10px;top:10px;width:36px}}@media (max-width:480px){.onboarding-learning-styles-grid,.onboarding-occupation-grid{grid-template-columns:1fr}.date-selectors{align-items:center;flex-direction:column;gap:16px;gap:var(--s-2)}.simple-dropdown{max-width:250px;width:100%}}.loading-demo-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.loading-demo-container h1{color:#333;color:var(--text-primary,#333);margin-bottom:2rem;text-align:center}.demo-section{background:#fff;background:var(--bg-secondary,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:3rem;padding:1.5rem}.demo-section h2{color:#333;color:var(--text-primary,#333);font-size:1.5rem;margin-bottom:1.5rem}.demo-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.demo-item{background:#f8f9fa;background:var(--bg-primary,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;padding:1.5rem;text-align:center}.demo-item h3{color:#666;color:var(--text-secondary,#666);font-size:1rem;font-weight:500;margin-bottom:1rem}.demo-fullscreen{padding:1rem}[data-theme=dark] .loading-demo-container{background:#1a1a1a;background:var(--bg-primary-dark,#1a1a1a);color:#fff;color:var(--text-primary-dark,#fff)}[data-theme=dark] .demo-section{background:#2d2d2d;background:var(--bg-secondary-dark,#2d2d2d)}[data-theme=dark] .demo-item{background:#1a1a1a;background:var(--bg-primary-dark,#1a1a1a);border-color:#404040;border-color:var(--border-color-dark,#404040)}@media (max-width:768px){.loading-demo-container{padding:1rem}.demo-grid{gap:1rem;grid-template-columns:1fr}.demo-item{padding:1rem}}