body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.close-button{align-items:center;background:#374151cc;border:1px solid #4b556399;border-radius:8px;box-shadow:0 2px 4px #0003;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;justify-content:center;position:relative;transition:all .2s ease;z-index:20}.close-button:hover{background:#4b5563e6;border-color:#6b7280cc;box-shadow:0 4px 8px #0000004d;color:#f9fafb;transform:scale(1.05)}.close-button:active{box-shadow:0 1px 2px #0003;transform:scale(.95)}.close-button:focus{box-shadow:0 0 0 2px #3b82f680;outline:none}.close-button:disabled{cursor:not-allowed;opacity:.5}.close-button:disabled,.close-button:disabled:hover{background:#37415166;border-color:#4b55634d;transform:none}.close-button-small{height:32px;min-height:32px;min-width:32px;width:32px}.close-button-medium{height:40px;min-height:40px;min-width:40px;width:40px}.close-button-large{height:48px;min-height:48px;min-width:48px;width:48px}.close-icon{height:16px;transition:all .2s ease;width:16px}.close-button-small .close-icon{height:12px;width:12px}.close-button-large .close-icon{height:20px;width:20px}@media (max-width:768px){.close-button{background:var(--bg-input-focus);border-color:#4b5563b3;box-shadow:0 3px 6px #0000004d}.close-button:hover{background:#4b5563f2;transform:scale(1.08)}.close-button-medium{height:44px;min-height:44px;min-width:44px;width:44px}.close-button-large{height:52px;min-height:52px;min-width:52px;width:52px}}@media (max-width:480px){.close-button{background:#374151f2;border-color:#4b5563cc;box-shadow:0 4px 8px #0006}.close-button:hover{background:#4b5563;transform:scale(1.1)}.close-button-small{height:36px;min-height:36px;min-width:36px;width:36px}.close-button-medium{height:44px;min-height:44px;min-width:44px;width:44px}.close-button-large{height:48px;min-height:48px;min-width:48px;width:48px}}@media (prefers-contrast:high){.close-button{background:#4b5563e6;border-color:var(--text-muted);color:var(--text-primary)}.close-button:hover{background:#6b7280f2;border-color:var(--text-secondary)}}@media (prefers-reduced-motion:reduce){.close-button{transition:none}.close-button:active,.close-button:hover{transform:none}.close-icon{transition:none}}.simple-modal-overlay{align-items:center;animation:simpleModalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}@keyframes simpleModalFadeIn{0%{opacity:0}to{opacity:1}}.simple-modal-container{animation:simpleModalSlideIn .2s ease-out;background:var(--bg-primary);border:1px solid var(--bg-input);border-radius:12px;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000001a;max-height:90vh;max-width:400px;overflow:hidden;width:100%}@keyframes simpleModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.simple-modal-header{align-items:center;background:#111827;border-bottom:1px solid var(--bg-input);display:flex;justify-content:space-between;padding:20px 24px 16px}.simple-modal-title{word-wrap:break-word;color:#f9fafb;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0;overflow-wrap:break-word}.simple-modal-close-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;padding:4px 8px;transition:all .2s ease;width:32px}.simple-modal-close-button:hover{background:var(--bg-input);color:#f9fafb}.simple-modal-body{padding:20px 24px}.simple-modal-message{word-wrap:break-word;color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0;overflow-wrap:break-word}.simple-modal-actions{background:#111827;border-top:1px solid var(--bg-input);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.simple-modal-loading{align-items:center;color:var(--text-muted);display:flex;font-size:.875rem;gap:8px}.simple-modal-spinner{animation:simpleModalSpin 1s linear infinite;border-top:2px solid var(--bg-input);border:2px solid var(--bg-input);border-radius:50%;border-top-color:var(--link-primary);height:16px;width:16px}@keyframes simpleModalSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.simple-modal-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;justify-content:center;min-width:80px;padding:10px 20px;transition:all .2s ease}.simple-modal-button:disabled{cursor:not-allowed;opacity:.6}.simple-modal-button-primary{background:var(--link-primary);color:#fff}.simple-modal-button-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.simple-modal-button-secondary{background:var(--text-subtle);color:#fff}.simple-modal-button-secondary:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.simple-modal-button-danger{background:#ef4444;color:#fff}.simple-modal-button-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.simple-modal-button-success{background:#10b981;color:#fff}.simple-modal-button-success:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.simple-modal-button-warning{background:#f59e0b;color:#fff}.simple-modal-button-warning:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.simple-modal-success .simple-modal-title{color:#10b981}.simple-modal-error .simple-modal-title{color:#ef4444}.simple-modal-warning .simple-modal-title{color:#f59e0b}.simple-modal-info .simple-modal-title{color:var(--link-primary)}.simple-modal-confirm .simple-modal-title{color:#f59e0b}.simple-modal-alert .simple-modal-title{color:#ef4444}@media (max-width:640px){.simple-modal-overlay{padding:12px}.simple-modal-container{max-width:calc(100vw - 24px)}.simple-modal-header{padding:16px 20px 12px}.simple-modal-title{font-size:1rem}.simple-modal-body{padding:16px 20px}.simple-modal-message{font-size:.9rem}.simple-modal-actions{flex-direction:column;padding:12px 20px 20px}.simple-modal-button{padding:12px 20px;width:100%}}@media (max-width:480px){.simple-modal-overlay{padding:8px}.simple-modal-container{max-width:calc(100vw - 16px)}.simple-modal-header{padding:12px 16px 8px}.simple-modal-title{font-size:.95rem}.simple-modal-body{padding:12px 16px}.simple-modal-message{font-size:.85rem}.simple-modal-actions{padding:8px 16px 16px}.simple-modal-button{font-size:.8rem;padding:10px 16px}}@media (max-width:320px){.simple-modal-overlay{padding:4px}.simple-modal-container{max-width:calc(100vw - 8px)}.simple-modal-header{padding:8px 12px 6px}.simple-modal-title{font-size:.9rem}.simple-modal-body{padding:8px 12px}.simple-modal-message{font-size:.8rem}.simple-modal-actions{padding:6px 12px 12px}.simple-modal-button{font-size:.75rem;padding:8px 12px}}.loading-container{padding:20px}.loading-container,.loading-container-fullscreen{align-items:center;display:flex;flex-direction:column;justify-content:center}.loading-container-fullscreen{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1f2937cc;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner{border:3px solid var(--border-primary);position:relative}.loading-spinner-inner{animation:spin .8s linear infinite reverse;border:3px solid #0000;border-radius:50%;bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px}.loading-spinner-small{border-width:2px;height:24px;width:24px}.loading-spinner-small .loading-spinner-inner{border-width:2px;bottom:-2px;left:-2px;right:-2px;top:-2px}.loading-spinner-medium{height:40px;width:40px}.loading-spinner-large{border-width:4px;height:60px;width:60px}.loading-spinner-large .loading-spinner-inner{border-width:4px;bottom:-4px;left:-4px;right:-4px;top:-4px}.loading-message{color:var(--text-muted);font-size:.875rem;margin-top:16px;text-align:center}.loading-spinner-pulse{animation:pulse 1.5s ease-in-out infinite}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;gap:8px;justify-content:center;outline:none;position:relative;text-decoration:none;transition:all .2s ease}.btn:focus{outline:2px solid var(--link-primary);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-small{font-size:.875rem;min-height:36px;padding:8px 16px}.btn-medium{font-size:1rem;min-height:44px;padding:12px 24px}.btn-large{font-size:1.125rem;min-height:52px;padding:16px 32px}.btn-primary{background:var(--btn-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-secondary{background:var(--btn-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-hover);transform:translateY(-1px)}.btn-outline{background:#0000;border:2px solid var(--link-primary);color:var(--link-primary)}.btn-outline:hover:not(:disabled){background:var(--link-primary);color:#fff}.btn-ghost{background:#0000;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--border-secondary);color:var(--text-primary)}.btn-danger{background:var(--btn-danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--btn-danger-hover);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.btn-full-width{width:100%}.btn-loading{color:#0000}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:20px;position:absolute;width:20px}.btn-icon{align-items:center;display:flex;justify-content:center}.btn-icon svg{height:1em;width:1em}.btn-content{align-items:center;display:flex;justify-content:center}.theme-light .btn-secondary,.theme-light .btn-secondary:hover:not(:disabled){color:var(--text-primary)}@media (max-width:768px){.btn-large{font-size:1rem;min-height:48px;padding:14px 28px}.btn-medium{font-size:.875rem;min-height:40px;padding:10px 20px}}.error-boundary{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,#111827 100%);color:#fff;display:flex;justify-content:center;min-height:100vh;padding:2rem}.error-boundary-container{max-width:600px;text-align:center;width:100%}.error-boundary-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;padding:3rem 2rem}.error-icon{font-size:4rem;margin-bottom:1.5rem}.error-title{color:#f87171;font-size:2rem;font-weight:700;margin-bottom:1rem}.error-message{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.error-actions{flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.error-action-button{min-width:150px}.error-details{background:#0000004d;border-radius:.5rem;margin-top:2rem;overflow:hidden;text-align:left}.error-details-summary{background:#ef44441a;cursor:pointer;font-weight:600;padding:1rem;-webkit-user-select:none;user-select:none}.error-details-summary:hover{background:#ef444433}.error-details-content{max-height:400px;overflow-y:auto;padding:1rem}.error-details-content h3{color:#fbbf24;font-size:1rem;margin:1rem 0 .5rem}.error-details-content h3:first-child{margin-top:0}.error-code{background:#111827;border:1px solid #374151;border-radius:.25rem;color:#e5e7eb;font-size:.75rem;overflow-x:auto;padding:.75rem;white-space:pre-wrap;word-break:break-word}@media (max-width:640px){.error-boundary{padding:1rem}.error-boundary-content{padding:2rem 1.5rem}.error-title{font-size:1.5rem}.error-message{font-size:1rem}.error-actions{align-items:center;flex-direction:column}.error-action-button{max-width:250px;width:100%}}.payment-notification-modal{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.payment-notification-content{animation:slideIn .3s ease-out;background:var(--bg-primary);border:1px solid var(--bg-input);border-radius:16px;box-shadow:0 25px 50px #00000080;max-height:80vh;max-width:400px;overflow:hidden;width:90%}.payment-notification-header{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,#111827 100%);border-bottom:1px solid var(--bg-input);display:flex;justify-content:space-between;padding:20px 24px 16px}.payment-notification-title{align-items:center;color:#f9fafb;display:flex;font-size:18px;font-weight:600;gap:12px;margin:0}.payment-notification-icon{align-items:center;border-radius:50%;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.payment-notification-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.payment-notification-close:hover{background:var(--bg-input);color:#f9fafb}.payment-notification-body{padding:24px;text-align:center}.payment-notification-message{color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0 0 24px}.payment-notification-actions{display:flex;gap:12px;justify-content:center}.payment-notification-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:100px;padding:12px 24px;transition:all .2s ease}.payment-notification-button-primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.payment-notification-button-primary:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-1px)}.payment-notification-button-secondary{background:var(--bg-input);border:1px solid #4b5563;color:#f9fafb}.payment-notification-button-secondary:hover{background:#4b5563;transform:translateY(-1px)}.payment-notification-cancelled .payment-notification-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.payment-notification-failed .payment-notification-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.payment-notification-success .payment-notification-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.payment-notification-cancelled .payment-notification-title{color:#f59e0b}.payment-notification-failed .payment-notification-title{color:#ef4444}.payment-notification-success .payment-notification-title{color:#10b981}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.payment-notification-content{max-width:350px;width:95%}.payment-notification-header{padding:16px 20px 12px}.payment-notification-title{font-size:16px}.payment-notification-body{padding:20px}.payment-notification-message{font-size:14px}.payment-notification-button{font-size:13px;padding:10px 20px}}.payment-notification-loading .payment-notification-icon{animation:pulse 2s infinite;background:linear-gradient(135deg,#6366f1,#4f46e5)}.payment-notification-success .payment-notification-icon{overflow:hidden;position:relative}.payment-notification-success .payment-notification-icon:after{animation:checkmark .6s ease-out;content:"✓";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes checkmark{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}:root{--bg-primary:#1f2937;--bg-secondary:#ffffff0d;--bg-tertiary:#ffffff08;--bg-hover:#ffffff14;--bg-card:#ffffff0d;--bg-input:#374151;--bg-input-focus:#374151e6;--text-primary:#fff;--text-secondary:#d1d5db;--text-muted:#9ca3af;--text-subtle:#6b7280;--border-primary:#ffffff1a;--border-secondary:#ffffff14;--border-tertiary:#ffffff0d;--border-input:#4b5563;--border-input-focus:#3b82f6;--scrollbar-track:#374151;--scrollbar-thumb:#6b7280;--scrollbar-thumb-hover:#9ca3af;--link-primary:#3b82f6;--link-hover:#60a5fa;--selection-bg:#3b82f64d;--focus-ring:#3b82f6;--focus-ring-shadow:#3b82f61a;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 12px 30px #0000004d;--shadow-xl:0 20px 50px #0000004d;--status-pending:#3b82f6;--status-generating:#f59e0b;--status-success:#22c55e;--status-error:#ef4444;--btn-primary:linear-gradient(135deg,#3b82f6,#1d4ed8);--btn-primary-hover:linear-gradient(135deg,#2563eb,#1e40af);--btn-success:linear-gradient(135deg,#10b981,#059669);--btn-success-hover:linear-gradient(135deg,#059669,#047857);--btn-danger:linear-gradient(135deg,#ef4444,#dc2626);--btn-danger-hover:linear-gradient(135deg,#dc2626,#b91c1c);--btn-secondary:#6b7280;--btn-secondary-hover:#4b5563;--code-bg:#0003;--code-text:#f9fafb;--code-inline-bg:#3b82f61a;--code-border:#ffffff1a;--table-header-bg:#ffffff0d;--table-row-bg:#ffffff05;--table-row-hover:#ffffff0d;--table-border:#ffffff1a}.theme-light{--bg-primary:#f5f7fa;--bg-secondary:#fff;--bg-tertiary:#fff;--bg-hover:#e8ecf1;--bg-card:#fff;--bg-input:#fff;--bg-input-focus:#fff;--text-primary:#000;--text-secondary:#000;--text-muted:#0a0a0a;--text-subtle:#1a1a1a;--border-primary:#cbd5e1;--border-secondary:#94a3b8;--border-tertiary:#e2e8f0;--border-input:#94a3b8;--border-input-focus:#2563eb;--scrollbar-track:#f1f5f9;--scrollbar-thumb:#94a3b8;--scrollbar-thumb-hover:#64748b;--link-primary:#1d4ed8;--link-hover:#2563eb;--selection-bg:#1d4ed833;--focus-ring:#2563eb;--focus-ring-shadow:#1d4ed81a;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 12px 30px #00000026;--shadow-xl:0 20px 50px #0003;--status-pending:#3b82f6;--status-generating:#f59e0b;--status-success:#22c55e;--status-error:#ef4444;--btn-primary:linear-gradient(135deg,#3b82f6,#1d4ed8);--btn-primary-hover:linear-gradient(135deg,#2563eb,#1e40af);--btn-success:linear-gradient(135deg,#10b981,#059669);--btn-success-hover:linear-gradient(135deg,#059669,#047857);--btn-danger:linear-gradient(135deg,#ef4444,#dc2626);--btn-danger-hover:linear-gradient(135deg,#dc2626,#b91c1c);--btn-secondary:#cbd5e1;--btn-secondary-hover:#94a3b8;--code-bg:#f1f5f9;--code-text:#0f172a;--code-inline-bg:#e0e7ff;--code-border:#94a3b8;--table-header-bg:#f8fafc;--table-row-bg:#fff;--table-row-hover:#f1f5f9;--table-border:#cbd5e1}.theme-dark{--bg-primary:#1f2937;--bg-secondary:#ffffff0d;--bg-tertiary:#ffffff08;--bg-hover:#ffffff14;--bg-card:#ffffff0d;--bg-input:#374151;--bg-input-focus:#374151e6;--text-primary:#fff;--text-secondary:#d1d5db;--text-muted:#9ca3af;--text-subtle:#6b7280;--border-primary:#ffffff1a;--border-secondary:#ffffff14;--border-tertiary:#ffffff0d;--border-input:#4b5563;--border-input-focus:#3b82f6;--scrollbar-track:#374151;--scrollbar-thumb:#6b7280;--scrollbar-thumb-hover:#9ca3af;--link-primary:#3b82f6;--link-hover:#60a5fa;--selection-bg:#3b82f64d;--focus-ring:#3b82f6;--focus-ring-shadow:#3b82f61a;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 12px 30px #0000004d;--shadow-xl:0 20px 50px #0000004d;--status-pending:#3b82f6;--status-generating:#f59e0b;--status-success:#22c55e;--status-error:#ef4444;--btn-primary:linear-gradient(135deg,#3b82f6,#1d4ed8);--btn-primary-hover:linear-gradient(135deg,#2563eb,#1e40af);--btn-success:linear-gradient(135deg,#10b981,#059669);--btn-success-hover:linear-gradient(135deg,#059669,#047857);--btn-danger:linear-gradient(135deg,#ef4444,#dc2626);--btn-danger-hover:linear-gradient(135deg,#dc2626,#b91c1c);--btn-secondary:#6b7280;--btn-secondary-hover:#4b5563;--code-bg:#0003;--code-text:#f9fafb;--code-inline-bg:#3b82f61a;--code-border:#ffffff1a;--table-header-bg:#ffffff0d;--table-row-bg:#ffffff05;--table-row-hover:#ffffff0d;--table-border:#ffffff1a}.markdown-content{color:var(--text-secondary);line-height:1.6}.markdown-content h1{color:var(--text-primary);font-size:1.875rem;font-weight:700;line-height:1.3;margin:0 0 1rem}.markdown-content h2{font-size:1.5rem;margin:0 0 .75rem}.markdown-content h2,.markdown-content h3{color:var(--text-primary);font-weight:600;line-height:1.4}.markdown-content h3{font-size:1.25rem;margin:0 0 .5rem}.markdown-content h4{font-size:1.125rem}.markdown-content h4,.markdown-content h5{color:var(--text-primary);font-weight:600;margin:0 0 .5rem}.markdown-content h5{font-size:1rem}.markdown-content h6{color:var(--text-muted);font-size:.875rem;font-weight:600;margin:0 0 .5rem}.markdown-content p{color:var(--text-secondary);line-height:1.6;margin:0 0 .5rem}.markdown-content p:last-child{margin-bottom:0}.markdown-content ol,.markdown-content ul{color:var(--text-secondary);margin:0 0 .5rem;padding-left:1.25rem}.markdown-content li{line-height:1.6;margin:0 0 .25rem}.markdown-content ul{list-style-type:disc}.markdown-content ol{list-style-type:decimal}.markdown-content ol ol,.markdown-content ol ul,.markdown-content ul ol,.markdown-content ul ul{margin-bottom:.25rem;margin-top:.25rem}.markdown-content a{color:var(--link-primary);text-decoration:none;transition:color .2s ease}.markdown-content a:hover{color:var(--link-hover);text-decoration:underline}.markdown-content code{background:var(--code-inline-bg);border-radius:.25rem;color:var(--text-primary);font-family:Courier New,Courier,monospace;font-size:.875rem;font-weight:500;padding:.125rem .375rem}.markdown-content pre{background:var(--code-bg);border:1px solid var(--code-border);border-radius:.5rem;margin:.5rem 0;overflow-x:auto;padding:.75rem}.markdown-content pre code{background:#0000;border-radius:0;color:var(--code-text);display:block;font-size:.875rem;padding:0;white-space:pre}.markdown-content blockquote{background:var(--bg-tertiary);border-left:3px solid var(--link-primary);border-radius:.25rem;color:var(--text-muted);font-style:italic;margin:.5rem 0;padding:.5rem .75rem}.markdown-content strong{color:var(--text-primary);font-weight:600}.markdown-content em{font-style:italic}.markdown-content table{border-collapse:collapse;font-size:.875rem;margin:.5rem 0;width:100%}.markdown-content thead{background:var(--table-header-bg)}.markdown-content td,.markdown-content th{border:1px solid var(--table-border);padding:.5rem;text-align:left}.markdown-content th{background:var(--table-header-bg);color:var(--text-primary);font-weight:600}.markdown-content td{color:var(--text-secondary)}.markdown-content tbody tr{background:var(--table-row-bg);transition:background .2s ease}.markdown-content tbody tr:hover,.markdown-content tbody tr:nth-child(2n){background:var(--table-row-hover)}.markdown-content hr{border:none;border-top:1px solid var(--border-secondary);margin:1rem 0}.markdown-content img{border-radius:.5rem;height:auto;margin:.5rem 0;max-width:100%}.markdown-content input[type=checkbox]{accent-color:var(--link-primary);margin-right:.5rem}.markdown-compact h1{font-size:1.125rem;margin:0 0 .5rem}.markdown-compact h2{font-size:1rem;margin:0 0 .5rem}.markdown-compact h3,.markdown-compact p{font-size:.875rem;margin:0 0 .375rem}.markdown-compact ol,.markdown-compact ul{margin:0 0 .375rem;padding-left:1rem}.markdown-compact code{font-size:.813rem}.markdown-compact pre{margin:.375rem 0;padding:.5rem}.markdown-compact blockquote{margin:.375rem 0;padding:.375rem .5rem}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root,body,html{min-height:100%}.App{background:var(--bg-primary);color:var(--text-primary);min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}:focus{outline:2px solid var(--focus-ring);outline-offset:2px}::selection{background:var(--selection-bg)}a{color:var(--link-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--link-hover)}input,select,textarea{background:var(--bg-input);border:1px solid var(--border-input);border-radius:.5rem;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:all .2s ease}input:focus,select:focus,textarea:focus{background:var(--bg-input-focus);border-color:var(--border-input-focus);box-shadow:0 0 0 3px var(--focus-ring-shadow)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.rounded{border-radius:.5rem}.rounded-lg{border-radius:.75rem}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.fade-in{animation:fadeIn .3s ease-in}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;padding:1.5rem;transition:all .2s ease}.card:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.progress-bar{background:var(--bg-secondary)}.progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-blue-400{color:#60a5fa}.text-green-400{color:#34d399}.text-red-400{color:#f87171}.text-yellow-400{color:#fbbf24}@media (max-width:640px){.sm\:text-sm{font-size:.875rem}.sm\:p-2{padding:.5rem}.sm\:hidden{display:none}}@media (max-width:768px){.md\:hidden{display:none}.md\:flex{display:flex}}@media (max-width:1024px){.lg\:hidden{display:none}}.public-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border-bottom:1px solid var(--border-primary);left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.nav-container{padding:0 20px}.nav-logo{gap:12px}.logo-image{border-radius:8px;height:40px;object-fit:contain;width:auto}.logo-icon{font-size:2rem}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.nav-menu{align-items:center;display:flex;gap:8px}.nav-item{border-radius:12px;font-size:14px;gap:8px;padding:12px 16px;transition:all .3s ease}.nav-item:hover{background:var(--code-inline-bg);color:var(--link-hover);transform:translateY(-1px)}.nav-item.active{box-shadow:0 4px 15px #2563eb4d}.nav-icon{font-size:16px}.nav-label{font-size:14px}.nav-actions{align-items:center;display:flex}.nav-cta{background:linear-gradient(135deg,var(--link-primary) 0,#8b5cf6 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.nav-cta:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.mobile-menu-button{align-items:center;background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:40px;justify-content:center;padding:0;width:40px}.hamburger{display:flex;flex-direction:column;height:18px;justify-content:space-between;width:24px}.hamburger span{background:var(--text-secondary);border-radius:2px;display:block;height:2px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger.open span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);left:0;opacity:0;position:fixed;right:0;top:70px;transform:translateY(-100%);transition:all .3s ease;visibility:hidden;z-index:999}.mobile-menu.open{opacity:1;transform:translateY(0);visibility:visible}.mobile-menu-content{display:flex;flex-direction:column;gap:12px;padding:20px}.mobile-nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;padding:16px 20px;text-align:left;transition:all .3s ease;width:100%}.mobile-nav-item:hover{background:var(--code-inline-bg);color:var(--link-hover)}.mobile-nav-item.active{background:#2563eb;color:#fff}.mobile-cta{border-top:1px solid var(--border-primary);margin-top:20px;padding-top:20px}.mobile-sign-in{background:linear-gradient(135deg,var(--link-primary) 0,#8b5cf6 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .3s ease;width:100%}.mobile-sign-in:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.mobile-menu-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:70px;z-index:998}@media (max-width:768px){.nav-actions,.nav-menu{display:none}.mobile-menu-button{display:flex}.nav-container{padding:0 16px}.logo-text{font-size:1.25rem}}@media (max-width:480px){.nav-container{height:60px}.logo-image{height:32px}.logo-icon{font-size:1.5rem}.logo-text{font-size:1.125rem}.mobile-menu,.mobile-menu-overlay{top:60px}}.app-footer{background:#111827;border-top:1px solid #37415180;margin-top:auto;padding:2rem 0 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-brand{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.footer-logo{font-size:1.5rem}.footer-brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.footer-description{color:var(--text-muted);font-size:.875rem;line-height:1.5;max-width:300px}.footer-heading{color:var(--text-secondary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-link{color:var(--text-muted);font-size:.875rem;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--text-secondary)}.footer-contact p{color:var(--text-muted);font-size:.875rem;margin-bottom:.5rem}.footer-bottom{align-items:center;border-top:1px solid #37415180;display:flex;justify-content:space-between;margin-top:2rem;padding:1rem 2rem 0}.footer-copyright,.footer-version{color:var(--text-subtle);font-size:.875rem}@media (max-width:768px){.app-footer{padding:1.5rem 1rem}.footer-content{gap:1.5rem;grid-template-columns:1fr;text-align:center}.footer-links{gap:1.5rem}}@media (max-width:480px){.app-footer{padding:1rem}.footer-content{gap:1rem;padding:0 1rem}.footer-links{flex-direction:column;gap:1rem}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}}.landing-page{background:#0f172a;color:#fff;min-height:100vh}.landing-page,html{scroll-behavior:smooth}.hero-stats{display:flex;flex-wrap:wrap;gap:2rem;margin-top:1.5rem}.stat{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:1rem;display:flex;flex-direction:column;gap:.35rem;padding:.75rem 1.25rem;transition:all .3s ease}.stat:hover{background:#ffffff0f;border-color:#3b82f64d;transform:translateY(-2px)}.stat-number{font-size:1rem;font-weight:700}.stat-label{font-size:.8rem}.features-section{background:#1e293b;padding:80px 0}.features-container{margin:0 auto;max-width:1200px;padding:0 2rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.feature-card{animation:fadeIn .6s ease-out both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{background:#ffffff14;border-color:#3b82f64d;box-shadow:0 25px 50px #0006;transform:translateY(-10px)}.feature-icon{font-size:3rem;margin-bottom:1rem;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.feature-card:hover .feature-icon{transform:scale(1.15) rotate(5deg)}.feature-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-description{color:#cbd5e1;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.feature-benefits{list-style:none;margin:0;padding:0}.feature-benefits li{color:#94a3b8;font-size:.875rem;padding:.5rem 0 .5rem 1.5rem;position:relative}.feature-benefits li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.authors-section{background:#0f172a;padding:80px 0}.authors-container{margin:0 auto;max-width:1200px;padding:0 2rem}.authors-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.section-badge{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}.author-benefits{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.benefit-item{align-items:flex-start;display:flex;gap:1rem}.benefit-icon{flex-shrink:0;font-size:1.5rem}.benefit-content h4{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.benefit-content p{color:#94a3b8;font-size:.875rem;line-height:1.5;margin:0}.authors-cta{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:.75rem;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.authors-cta:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.authors-cta:hover:before{height:300px;width:300px}.authors-cta:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.course-creation-demo{align-items:center;display:flex;justify-content:center}.demo-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;box-shadow:0 20px 40px #0000004d;padding:2rem;width:300px}.demo-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.demo-title{color:#fff;font-size:1.125rem;font-weight:600}.demo-status{background:#10b98133;border-radius:1rem;color:#10b981;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.demo-content{display:flex;flex-direction:column;gap:.75rem}.demo-item{align-items:center;color:#cbd5e1;display:flex;font-size:.875rem;gap:.75rem}.demo-icon{font-size:1rem}.demo-footer{border-top:1px solid #ffffff1a;color:#94a3b8;font-size:.875rem;font-weight:500;margin-top:1rem;padding-top:1rem;text-align:center}.students-section{background:#1e293b;padding:80px 0}.students-container{margin:0 auto;max-width:1200px;padding:0 2rem}.students-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.students-text{order:2}.students-visual{order:1}.section-badge{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:2rem;color:#60a5fa;display:inline-flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;width:-webkit-fit-content;width:fit-content}.student-benefits{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.students-cta{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:.75rem;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.students-cta:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.students-cta:hover:before{height:300px;width:300px}.students-cta:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.learning-demo{align-items:center;display:flex;justify-content:center}.student-demo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;box-shadow:0 20px 40px #0000004d;padding:2rem;width:300px}.demo-progress{background:#3b82f633;border-radius:1rem;color:#60a5fa;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.progress-bar{background:#ffffff1a;margin:1rem 0}.progress-fill{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.ai-capabilities-section{background:#0f172a;padding:80px 0}.ai-container{margin:0 auto;max-width:1200px;padding:0 2rem}.ai-features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.ai-feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:1.5rem;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.ai-feature-card:before{background:linear-gradient(135deg,#8b5cf6,#ec4899);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.ai-feature-card:hover:before{transform:scaleX(1)}.ai-feature-card:hover{background:#ffffff0f;border-color:#8b5cf64d;box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.ai-feature-icon{font-size:3rem;margin-bottom:1rem}.ai-feature-card h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.ai-feature-card p{color:#94a3b8;font-size:.875rem;line-height:1.6;margin:0}.cta-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:.75rem;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.cta-primary:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.cta-primary:hover:before{height:300px;width:300px}.cta-primary:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.cta-secondary{background:#0000;border:2px solid #ffffff4d;border-radius:.75rem;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.cta-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.cta-features{gap:2rem;justify-content:center;margin-top:1rem}.cta-feature,.cta-features{align-items:center;display:flex}.cta-feature{color:#94a3b8;font-size:.875rem;gap:.5rem}.cta-feature-icon{color:#10b981;font-weight:700}.maintenance-notice{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;margin-top:20px;padding:12px 16px;text-align:center}.maintenance-notice p{color:#fbbf24;font-size:.875rem;font-weight:500;margin:0}@media (max-width:1024px){.hero-container{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:3rem}.ai-features-grid,.features-grid{grid-template-columns:repeat(2,1fr)}.authors-content,.students-content{gap:3rem;grid-template-columns:1fr;text-align:center}.students-text{order:1}.students-visual{order:2}}@media (max-width:768px){.hero-section{margin-top:60px;padding:80px 0 50px}.hero-container{gap:2.5rem;padding:0 1.25rem}.hero-content{gap:1.5rem}.hero-title{font-size:2.25rem;line-height:1.2}.hero-description{font-size:1.075rem;line-height:1.6}.hero-actions{flex-direction:column;gap:.75rem;width:100%}.hero-actions button{font-size:1.075rem!important;padding:1rem 1.5rem!important;width:100%}.hero-cta-primary{font-size:1.125rem!important;padding:1.125rem 1.75rem!important}.hero-stats{flex-wrap:wrap;gap:.75rem;justify-content:center;width:100%}.stat{flex:1 1;max-width:calc(50% - .5rem);min-width:calc(50% - .5rem);padding:.7rem .5rem}.stat-number{font-size:.7rem;font-weight:700;-webkit-hyphens:auto;hyphens:auto;line-height:1.15;word-break:break-word}.stat-label{font-size:.6rem;line-height:1.25}.stat:nth-child(3){flex:1 1;max-width:100%;min-width:100%}.feature-showcase{gap:1rem;max-width:100%}.showcase-card{padding:1.5rem 1.25rem}.showcase-icon{font-size:2rem}.showcase-title{font-size:.875rem}.showcase-desc{font-size:.7rem}.ai-capabilities-section,.authors-section,.cta-section,.features-section,.students-section{padding:60px 0}.ai-container,.authors-container,.cta-container,.features-container,.students-container{padding:0 1.25rem}.section-header{margin-bottom:3rem}.section-title{font-size:2rem}.section-description{font-size:1rem}.ai-features-grid,.features-grid{gap:1.5rem;grid-template-columns:1fr}.ai-feature-card,.feature-card{padding:1.75rem 1.5rem}.feature-icon{font-size:2.5rem}.feature-title{font-size:1.35rem}.feature-description{font-size:.95rem}.cta-title{font-size:2rem}.cta-description{font-size:1rem}.cta-actions{flex-direction:column;width:100%}.cta-actions button{width:100%}.cta-features{flex-direction:column;gap:1rem}}@media (max-width:480px){.hero-section{margin-top:50px;padding:70px 0 40px}.hero-container{padding:0 1rem}.hero-title{font-size:1.875rem;line-height:1.25}.hero-description{font-size:.95rem;line-height:1.5}.hero-badge{font-size:.8rem;padding:.4rem .85rem}.hero-actions button{font-size:1rem!important;padding:.95rem 1.25rem!important}.hero-stats{gap:.65rem;margin-top:1rem}.stat{max-width:calc(50% - .35rem);min-width:calc(50% - .35rem);padding:.6rem .4rem}.stat-number{font-size:.65rem;font-weight:700;line-height:1.15}.stat-label{font-size:.55rem;line-height:1.2}.stat:nth-child(3){max-width:100%;min-width:100%}.feature-showcase{gap:.85rem}.showcase-card{padding:1.25rem 1rem}.showcase-icon{font-size:1.75rem}.showcase-title{font-size:.8rem}.showcase-desc{font-size:.65rem}.section-title{font-size:1.75rem}.section-description{font-size:.925rem}.ai-feature-card,.feature-card{padding:1.5rem 1.25rem}.ai-feature-icon,.feature-icon{font-size:2.25rem}.feature-title{font-size:1.25rem}.feature-description{font-size:.875rem}.benefit-item{gap:.85rem}.benefit-icon{font-size:1.35rem}.benefit-content h4{font-size:1rem}.benefit-content p{font-size:.8rem}.demo-card{padding:1.5rem 1.25rem;width:100%}.cta-title{font-size:1.75rem}.cta-description{font-size:.925rem}}.admin-login-link{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:20px}.admin-link-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fffc;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.admin-link-button:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff;transform:translateY(-1px)}.students-page{background:#0f172a;color:#fff;min-height:100vh;scroll-behavior:smooth}.hero-section:before{background:radial-gradient(circle at 20% 80%,#3b82f626 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf626 0,#0000 50%),radial-gradient(circle at 40% 40%,#10b9811a 0,#0000 40%)}.hero-section:after{background:radial-gradient(circle at center,#3b82f60d 0,#0000 70%)}.hero-badge{background:#3b82f61a;border:1px solid #3b82f64d;color:#60a5fa}.gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899)}.lectures-card{animation:fadeInUp .8s ease-out .1s both;border-color:#10b9814d}.lectures-card:hover{border-color:#10b98199;box-shadow:0 20px 40px #10b98133}.ai-chat-card{animation:fadeInUp .8s ease-out .2s both;border-color:#3b82f64d}.ai-chat-card:hover{border-color:#3b82f699;box-shadow:0 20px 40px #3b82f633}.quiz-card{animation:fadeInUp .8s ease-out .3s both;border-color:#8b5cf64d}.quiz-card:hover{border-color:#8b5cf699;box-shadow:0 20px 40px #8b5cf633}.insights-card{animation:fadeInUp .8s ease-out .4s both;border-color:#ec48994d}.insights-card:hover{border-color:#ec489999;box-shadow:0 20px 40px #ec489933}.student-benefits-section{background:#1e293b;padding:80px 0}.benefit-card:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.ai-chat-feature{animation-delay:.2s;border-color:#3b82f633}.ai-chat-feature:before{background:linear-gradient(135deg,#3b82f6,#2563eb)}.ai-chat-feature:hover{border-color:#3b82f680;box-shadow:0 25px 50px #3b82f633}.quiz-feature{animation-delay:.3s;border-color:#8b5cf633}.quiz-feature:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.quiz-feature:hover{border-color:#8b5cf680;box-shadow:0 25px 50px #8b5cf633}.insights-feature{animation-delay:.4s;border-color:#ec489933}.insights-feature:before{background:linear-gradient(135deg,#ec4899,#db2777)}.insights-feature:hover{border-color:#ec489980;box-shadow:0 25px 50px #ec489933}.mindmap-feature{animation-delay:.6s;border-color:#06b6d433}.mindmap-feature:before{background:linear-gradient(135deg,#06b6d4,#0891b2)}.mindmap-feature:hover{border-color:#06b6d480;box-shadow:0 25px 50px #06b6d433}.success-stories-section{background:#0f172a;padding:80px 0}.stories-container{margin:0 auto;max-width:1200px;padding:0 2rem}.stat-item:hover{border-color:#3b82f64d}.stat-number{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}@media (max-width:1024px){.hero-container{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:3rem}.benefits-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-section{margin-top:60px;padding:80px 0 50px}.hero-container{gap:2.5rem;padding:0 1.25rem}.hero-content{gap:1.5rem}.hero-title{font-size:2.25rem;line-height:1.2}.hero-description{font-size:1.075rem}.hero-actions{flex-direction:column;gap:.75rem;width:100%}.hero-actions button{width:100%}.feature-showcase{gap:1rem;max-width:100%}.benefits-grid{gap:1.5rem}.benefits-grid,.stats-grid{grid-template-columns:1fr}.section-title{font-size:2rem}.cta-actions{flex-direction:column;width:100%}}@media (max-width:480px){.hero-title{font-size:1.875rem}.hero-description{font-size:.95rem}.section-title{font-size:1.75rem}.stat-number{font-size:2.5rem}}.teachers-page{background:#0f172a;color:#fff;min-height:100vh;scroll-behavior:smooth}.hero-section{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);margin-top:70px;overflow:hidden;padding:120px 0 80px;position:relative}.hero-section:before{animation:gradientShift 15s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#10b98126 0,#0000 50%),radial-gradient(circle at 80% 20%,#22c55e26 0,#0000 50%),radial-gradient(circle at 40% 40%,#3b82f61a 0,#0000 40%);bottom:0;left:0;right:0;top:0}.hero-section:after,.hero-section:before{content:"";pointer-events:none;position:absolute}.hero-section:after{animation:rotate 30s linear infinite;background:radial-gradient(circle at center,#10b9810d 0,#0000 70%);bottom:-50%;left:-50%;right:-50%;top:-50%}@keyframes gradientShift{0%,to{opacity:1}50%{opacity:.8}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:1}.hero-content{display:flex;flex-direction:column;gap:2rem}.hero-badge{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:2rem;color:#10b981;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;width:-webkit-fit-content;width:fit-content}.badge-icon{font-size:1rem}.hero-title{color:#fff;font-size:3.5rem;font-weight:800;line-height:1.1;margin:0}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#22c55e 50%,#3b82f6);-webkit-background-clip:text;background-clip:text}.hero-description{color:#cbd5e1;font-size:1.25rem;line-height:1.6;margin:0}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.hero-cta-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:.75rem;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.hero-cta-primary:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.hero-cta-primary:hover:before{height:300px;width:300px}.hero-cta-primary:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.hero-cta-secondary{background:#0000;border:2px solid #ffffff4d;border-radius:.75rem;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.hero-cta-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.hero-visual{align-items:center;display:flex;justify-content:center;position:relative}.feature-showcase{grid-gap:1.5rem;animation:fadeInUp .8s ease-out;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);max-width:450px;width:100%}.showcase-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:1.25rem;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;padding:1.75rem 1.5rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.showcase-card:before{background:linear-gradient(135deg,#0000,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.showcase-card:hover:before{opacity:1}.showcase-card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-8px) scale(1.02)}.content-card{animation:fadeInUp .8s ease-out .1s both;border-color:#10b9814d}.content-card:hover{border-color:#10b98199;box-shadow:0 20px 40px #10b98133}.ai-content-card{animation:fadeInUp .8s ease-out .2s both;border-color:#3b82f64d}.ai-content-card:hover{border-color:#3b82f699;box-shadow:0 20px 40px #3b82f633}.quiz-builder-card{animation:fadeInUp .8s ease-out .3s both;border-color:#8b5cf64d}.quiz-builder-card:hover{border-color:#8b5cf699;box-shadow:0 20px 40px #8b5cf633}.analytics-card{animation:fadeInUp .8s ease-out .4s both;border-color:#ec48994d}.analytics-card:hover{border-color:#ec489999;box-shadow:0 20px 40px #ec489933}.showcase-icon{font-size:2.5rem;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.showcase-card:hover .showcase-icon{transform:scale(1.2) rotate(5deg)}.showcase-title{color:#fff;font-size:1rem;font-weight:700}.showcase-desc{color:#94a3b8;font-size:.75rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.teacher-benefits-section{background:#1e293b;padding:80px 0}.benefits-container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-header{margin-bottom:4rem;text-align:center}.section-title{color:#fff;font-size:2.5rem;margin-bottom:1rem}.section-description{color:#94a3b8;font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:600px}.benefits-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.benefit-card{animation:fadeIn .6s ease-out both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.benefit-card:before{background:linear-gradient(135deg,#10b981,#059669);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.benefit-card:hover:before{transform:scaleX(1)}.benefit-card:hover{background:#ffffff14;box-shadow:0 25px 50px #0006;transform:translateY(-10px)}.lectures-feature{animation-delay:.1s;border-color:#10b98133}.lectures-feature:before{background:linear-gradient(135deg,#10b981,#059669)}.lectures-feature:hover{border-color:#10b98180;box-shadow:0 25px 50px #10b98133}.ai-content-feature{animation-delay:.2s;border-color:#3b82f633}.ai-content-feature:before{background:linear-gradient(135deg,#3b82f6,#2563eb)}.ai-content-feature:hover{border-color:#3b82f680;box-shadow:0 25px 50px #3b82f633}.quiz-builder-feature{animation-delay:.3s;border-color:#8b5cf633}.quiz-builder-feature:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.quiz-builder-feature:hover{border-color:#8b5cf680;box-shadow:0 25px 50px #8b5cf633}.analytics-feature{animation-delay:.4s;border-color:#ec489933}.analytics-feature:before{background:linear-gradient(135deg,#ec4899,#db2777)}.analytics-feature:hover{border-color:#ec489980;box-shadow:0 25px 50px #ec489933}.notes-feature{animation-delay:.5s;border-color:#fbbf2433}.notes-feature:before{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.notes-feature:hover{border-color:#fbbf2480;box-shadow:0 25px 50px #fbbf2433}.sharing-feature{animation-delay:.6s;border-color:#22c55e33}.sharing-feature:before{background:linear-gradient(135deg,#22c55e,#16a34a)}.sharing-feature:hover{border-color:#22c55e80;box-shadow:0 25px 50px #22c55e33}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.benefit-icon{font-size:3rem;margin-bottom:1rem;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.benefit-card:hover .benefit-icon{transform:scale(1.15) rotate(5deg)}.benefit-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.benefit-description{color:#cbd5e1;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.benefit-features{list-style:none;margin:0;padding:0}.benefit-features li{color:#94a3b8;font-size:.875rem;padding:.5rem 0 .5rem 1.5rem;position:relative}.benefit-features li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.success-stories-section,.workflow-section{background:#0f172a;padding:80px 0}.stories-container,.workflow-container{margin:0 auto;max-width:1200px;padding:0 2rem}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin-top:3rem}.stat-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:1rem;padding:2rem;text-align:center;transition:all .3s ease}.stat-item:hover{background:#ffffff0f;border-color:#10b9814d;transform:translateY(-5px)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#22c55e);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:#cbd5e1;font-size:1rem;font-weight:500}.workflow-steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin-top:3rem}.workflow-step{background:#ffffff08;border:1px solid #ffffff1a;border-radius:1rem;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.workflow-step:hover{background:#ffffff0f;border-color:#10b9814d;transform:translateY(-5px)}.step-number{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:inline-flex;font-size:2rem;font-weight:800;height:60px;justify-content:center;margin-bottom:1.5rem;width:60px}.step-title{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.step-description{color:#cbd5e1;font-size:.95rem;line-height:1.6;margin:0}.cta-section{background:linear-gradient(135deg,#1e293b,#334155);padding:80px 0;text-align:center}.cta-container{margin:0 auto;max-width:800px;padding:0 2rem}.cta-content{display:flex;flex-direction:column;gap:2rem}.cta-title{color:#fff;font-size:2.5rem;font-weight:700;margin:0}.cta-description{color:#cbd5e1;font-size:1.125rem;line-height:1.6;margin:0}.cta-actions{align-items:center;display:flex;gap:1rem;justify-content:center}.cta-button-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:.75rem;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.cta-button-primary:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.cta-button-primary:hover:before{height:300px;width:300px}.cta-button-primary:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.cta-button-secondary{background:#0000;border:2px solid #ffffff4d;border-radius:.75rem;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.cta-button-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}@media (max-width:1024px){.hero-container{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:3rem}.benefits-grid,.stats-grid,.workflow-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-section{margin-top:60px;padding:80px 0 50px}.hero-container{gap:2.5rem;padding:0 1.25rem}.hero-content{gap:1.5rem}.hero-title{font-size:2.25rem;line-height:1.2}.hero-description{font-size:1.075rem}.hero-actions{flex-direction:column;gap:.75rem;width:100%}.hero-actions button{width:100%}.feature-showcase{gap:1rem;max-width:100%}.benefits-grid{gap:1.5rem}.benefits-grid,.stats-grid,.workflow-steps{grid-template-columns:1fr}.section-title{font-size:2rem}.cta-actions{flex-direction:column;width:100%}}@media (max-width:480px){.hero-title{font-size:1.875rem}.hero-description{font-size:.95rem}.section-title{font-size:1.75rem}.stat-number{font-size:2rem}.step-number{font-size:1.5rem;height:50px;width:50px}}.privacy-policy-page{background:#111827;color:#f9fafb;min-height:100vh}.privacy-header{background:linear-gradient(135deg,#1f2937,#111827);border-bottom:1px solid #37415180;color:#fff;padding:3rem 0}.privacy-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.privacy-content{padding:3rem 0}.policy-section{background:#1f2937;border:1px solid #37415180;border-radius:.75rem;box-shadow:0 4px 6px #0000004d;margin-bottom:2rem;padding:2rem}.policy-section h2{border-bottom:2px solid #3b82f680;color:#f9fafb;font-size:1.5rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.policy-section h3{color:#d1d5db;font-size:1.125rem;font-weight:600;margin:1.5rem 0 .75rem}.policy-section p{color:#e5e7eb;line-height:1.6;margin-bottom:1rem}.policy-section ul{color:#e5e7eb;line-height:1.6;margin:1rem 0;padding-left:1.5rem}.policy-section li{margin-bottom:.5rem}@media (max-width:768px){.container{padding:0 1rem}.privacy-header{padding:2rem 0}.privacy-header h1{font-size:2rem}.policy-section{margin-bottom:1.5rem;padding:1.5rem}.privacy-content{padding:2rem 0}}@media (max-width:480px){.privacy-header h1{font-size:1.75rem}.policy-section{padding:1rem}}.terms-of-use-page{background:#111827;color:#f9fafb;min-height:100vh}.terms-header{background:linear-gradient(135deg,#1f2937,#111827);border-bottom:1px solid #37415180;color:#fff;padding:3rem 0}.container{margin:0 auto;max-width:800px;padding:0 2rem}.back-link{align-items:center;color:#9ca3af;display:inline-flex;font-size:.875rem;margin-bottom:1rem;text-decoration:none;transition:color .2s ease}.back-link:hover{color:#d1d5db}.terms-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.last-updated{color:#9ca3af;font-size:.875rem}.terms-content{padding:3rem 0}.terms-section{background:#1f2937;border:1px solid #37415180;border-radius:.75rem;box-shadow:0 4px 6px #0000004d;margin-bottom:2rem;padding:2rem}.terms-section h2{border-bottom:2px solid #3b82f680;color:#f9fafb;font-size:1.5rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.terms-section h3{color:#d1d5db;font-size:1.125rem;font-weight:600;margin:1.5rem 0 .75rem}.terms-section p{color:#e5e7eb;line-height:1.6;margin-bottom:1rem}.terms-section ul{color:#e5e7eb;line-height:1.6;margin:1rem 0;padding-left:1.5rem}.terms-section li{margin-bottom:.5rem}.contact-info{background:#374151;border-left:4px solid #3b82f6;border-radius:.5rem;padding:1.5rem}.contact-info p{margin-bottom:.5rem}.contact-info strong{color:#f9fafb}@media (max-width:768px){.container{padding:0 1rem}.terms-header{padding:2rem 0}.terms-header h1{font-size:2rem}.terms-section{margin-bottom:1.5rem;padding:1.5rem}.terms-content{padding:2rem 0}}@media (max-width:480px){.terms-header h1{font-size:1.75rem}.terms-section{padding:1rem}}.avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease}.avatar img{height:100%;object-fit:cover;transition:all .2s ease;width:100%}.avatar-fallback{align-items:center;display:flex;font-weight:700;height:100%;justify-content:center;text-shadow:0 1px 2px #0000004d;width:100%}.avatar-small{font-size:.75rem;height:32px;width:32px}.avatar-medium{font-size:.875rem;height:40px;width:40px}.avatar-large{font-size:1.25rem;height:64px;width:64px}.avatar-xlarge{font-size:2rem;height:100px;width:100px}.avatar-bordered{border:2px solid #fff3;box-shadow:0 2px 8px #0003}.avatar-bordered:hover{border-color:var(--link-primary);box-shadow:0 4px 12px #3b82f64d}.avatar:hover{transform:scale(1.05)}.avatar:hover img{filter:brightness(1.1)}.avatar:focus{outline:2px solid var(--link-primary);outline-offset:2px}.avatar.loading{animation:loading 1.5s infinite;background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.avatar-xlarge{font-size:1.75rem;height:80px;width:80px}.avatar-large{font-size:1.125rem;height:56px;width:56px}}@media (max-width:480px){.avatar-xlarge{font-size:1.5rem;height:64px;width:64px}.avatar-large{font-size:1rem;height:48px;width:48px}.avatar-medium{font-size:.8rem;height:36px;width:36px}}.slide-out-menu-backdrop{animation:backdropFadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.slide-out-menu{background:var(--bg-primary);border-right:1px solid var(--border-primary);box-shadow:4px 0 20px #0000004d;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:320px;z-index:1000}.slide-out-menu.open{transform:translateX(0)}.menu-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);justify-content:space-between;padding:1.5rem}.menu-header,.menu-logo{align-items:center;display:flex}.menu-logo{gap:.75rem}.menu-logo-icon{font-size:2rem}.menu-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.5rem;font-weight:700}.menu-close-btn{align-items:center;background:var(--border-primary);border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.menu-close-btn:hover{background:var(--bg-hover);border-color:var(--border-primary);color:var(--text-primary)}.close-icon{font-size:1.25rem;font-weight:600}.menu-user-section{border-bottom:1px solid var(--border-primary);padding:1.5rem}.menu-user-info{align-items:center;display:flex;gap:1rem}.menu-user-avatar{flex-shrink:0}.menu-user-details{flex:1 1;min-width:0}.menu-user-name{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.menu-user-email,.menu-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-user-email{color:var(--text-muted);font-size:.875rem;margin:0}.menu-navigation{border-bottom:1px solid var(--border-primary);padding:1rem 0}.menu-nav-item{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.875rem 1.5rem;text-align:left;transition:all .2s ease;width:100%}.menu-nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.menu-nav-item.active{border-right:3px solid var(--link-primary)}.menu-nav-item.active,.menu-nav-item.active:hover{background:#2563eb;color:#fff}.nav-icon{font-size:1.125rem;text-align:center;width:24px}.nav-label{font-weight:500}.menu-topic-section{border-bottom:1px solid var(--border-primary);padding:1rem 0}.menu-topic-header{padding:0 1.5rem 1rem}.menu-topic-title{color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.menu-topic-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:.875rem;line-height:1.4;margin:0;overflow:hidden}.menu-topic-tabs{display:flex;flex-direction:column;gap:.25rem;padding:0 1rem}.menu-topic-tab{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease}.menu-topic-tab:hover{background:var(--border-secondary);border-color:var(--border-primary);color:var(--text-primary)}.menu-topic-tab.active{background:#2563eb;border-color:#2563eb;color:#fff}.menu-topic-tab .tab-icon{font-size:1rem;text-align:center;width:24px}.menu-topic-tab .tab-label{font-weight:500}.menu-user-actions{padding:1rem 0}.menu-action-item{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.875rem 1.5rem;text-align:left;transition:all .2s ease;width:100%}.menu-action-item:hover{background:var(--bg-card);color:var(--text-primary)}.menu-action-item.active{border-right:3px solid var(--link-primary)}.menu-action-item.active,.menu-action-item.active:hover{background:var(--code-inline-bg);color:var(--link-hover)}.menu-action-item.menu-sign-out{color:#ef4444}.menu-action-item.menu-sign-out:hover{background:#ef44441a;color:#dc2626}.action-icon{font-size:1rem;text-align:center;width:24px}.action-label{font-weight:500}.menu-divider{border:none;border-top:1px solid var(--border-primary);margin:.75rem 1.5rem}@media (max-width:768px){.slide-out-menu{width:280px}.menu-header{padding:1.25rem}.menu-logo-text{font-size:1.25rem}.menu-logo-icon{font-size:1.75rem}.menu-user-section{padding:1.25rem}.menu-topic-header{padding:0 1.25rem 1rem}.menu-topic-tabs{padding:0 .75rem}.menu-topic-tab{padding:.875rem 1rem}.menu-action-item{padding:.875rem 1.25rem}.menu-divider{margin:.75rem 1.25rem}}@media (max-width:480px){.slide-out-menu{width:100vw}.menu-header,.menu-user-section{padding:1rem}.menu-topic-header{padding:0 1rem 1rem}.menu-topic-tabs{padding:0 .5rem}.menu-action-item,.menu-topic-tab{padding:1rem}.menu-divider{margin:.75rem 1rem}}.navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border-bottom:1px solid var(--border-primary);left:0;position:fixed;right:0;top:0;z-index:1000}.nav-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{cursor:pointer;gap:.5rem;transition:all .3s ease;-webkit-user-select:none;user-select:none}.nav-logo:hover{transform:scale(1.05)}.nav-logo-image{border-radius:8px;height:40px;object-fit:contain;width:auto}.nav-logo-icon{font-size:2rem}.nav-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.nav-items{display:flex;gap:1rem}.nav-item{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:var(--border-primary);color:var(--text-primary)}.nav-item.active{background:#2563eb;color:#fff}.nav-item-icon{font-size:1.125rem}.nav-item-label{display:block}.nav-right{gap:1rem}.nav-menu-toggle,.nav-right{align-items:center;display:flex}.nav-menu-toggle{background:var(--border-primary);border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;height:44px;justify-content:center;transition:all .2s ease;width:44px}.nav-menu-toggle:hover{background:var(--bg-hover);border-color:var(--border-primary);color:var(--text-primary);transform:scale(1.05)}.menu-icon{font-size:1.25rem;font-weight:600}@media (max-width:768px){.nav-container{height:60px;padding:0 1rem}.nav-logo-text{font-size:1.25rem}.nav-logo-icon{font-size:1.5rem}.nav-items{gap:.5rem}.nav-item{font-size:.75rem;padding:.5rem}.nav-item-label{display:block;font-size:.75rem}.nav-item-icon{font-size:1.25rem}.nav-right{gap:.75rem}.nav-menu-toggle{height:40px;width:40px}.menu-icon{font-size:1.125rem}}@media (max-width:480px){.nav-container{padding:0 .75rem}.nav-logo-text{display:none}.nav-items{gap:.25rem}.nav-item{padding:.375rem}.nav-item-label{display:block;font-size:.7rem}.nav-right{gap:.5rem}.nav-menu-toggle{height:36px;width:36px}.menu-icon{font-size:1rem}}@media (prefers-color-scheme:dark){.navigation{border-bottom-color:#4b556380}}.topic-card{background:var(--bg-card)!important;border:1px solid var(--border-primary)!important;border-radius:1rem!important;box-sizing:border-box!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;gap:.875rem!important;max-height:460px!important;min-height:340px!important;overflow:hidden!important;padding:1.25rem!important;position:relative!important;transition:all .3s ease!important;width:100%!important}.topic-card:hover{background:var(--bg-hover)!important;border-color:var(--border-secondary)!important;transform:translateY(-2px)!important}.topic-thumbnail{background:#0003!important;border-radius:.75rem!important;flex-shrink:0!important;height:140px!important;margin:-.5rem 0 .25rem!important;overflow:hidden!important;width:100%!important}.topic-thumbnail img{height:100%!important;object-fit:cover!important;object-position:center!important;transition:transform .3s ease!important;width:100%!important}.topic-card:hover .topic-thumbnail img{transform:scale(1.05)!important}.topic-icon{flex-shrink:0!important;font-size:2.25rem!important;margin-bottom:.5rem!important;text-align:center!important}.topic-title{color:var(--text-primary)!important;font-size:1.1rem!important;font-weight:600!important;line-height:1.3!important;margin:0!important}.topic-description{-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;word-wrap:break-word;color:var(--text-muted)!important;display:-webkit-box!important;flex-shrink:0;font-size:.9rem!important;line-height:1.4!important;margin:0!important;overflow:hidden!important}.topic-meta{display:flex!important;flex-direction:column!important;gap:.5rem!important;margin-top:auto!important}.topic-category{align-items:center!important;color:var(--text-secondary)!important;display:inline-flex!important;font-size:.8rem!important;gap:.5rem!important}.topic-category-dot{background:linear-gradient(135deg,var(--link-primary),#8b5cf6)!important;border-radius:9999px!important;display:inline-block!important;height:8px!important;width:8px!important}.topic-tags{display:flex!important;flex-wrap:wrap!important;gap:.4rem!important}.topic-tag{background:var(--border-tertiary)!important;border:1px solid var(--border-primary)!important;border-radius:9999px!important;color:var(--text-secondary)!important;font-size:.75rem!important;line-height:1!important;padding:.2rem .5rem!important}.topic-tag-subject{background:#3b82f626!important;border-color:#3b82f659!important}.own-published-badge{background:linear-gradient(135deg,var(--link-primary),#8b5cf6);border-radius:.5rem;box-shadow:0 2px 8px #3b82f64d;padding:.25rem .5rem;position:absolute;right:.75rem;top:.75rem;z-index:2}.badge-text{color:var(--text-primary);font-size:.7rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.status-badge{border-radius:.5rem;box-shadow:0 2px 8px #0003;padding:.25rem .5rem;position:absolute;right:.75rem;top:.75rem;z-index:1}.status-badge-with-own-badge{right:8.5rem}.status-text{font-size:.7rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.status-badge.status-published{background:linear-gradient(135deg,#22c55e,#16a34a)}.status-badge.status-learning{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.status-badge.status-subscribed{background:linear-gradient(135deg,#ec4899,#be185d)}.status-badge.status-available{background:linear-gradient(135deg,#06b6d4,#0891b2)}.status-text{color:var(--text-primary)}@media (max-width:768px){.topic-card{gap:.75rem!important;max-height:480px!important;min-height:360px!important;padding:1rem!important}.topic-thumbnail{height:130px!important;margin:-.5rem 0 .5rem!important}.topic-icon{font-size:2rem!important;margin-bottom:.75rem!important}.topic-title{font-size:1.05rem!important;line-height:1.4!important}.topic-description{-webkit-line-clamp:5!important;font-size:.875rem!important;line-height:1.5!important}.own-published-badge{padding:.2rem .4rem;right:.5rem;top:.5rem}.badge-text{font-size:.65rem}.status-badge{padding:.2rem .4rem;right:.5rem;top:.5rem}.status-badge-with-own-badge{right:7rem}.status-text{font-size:.65rem}}@media (max-width:480px){.topic-card{gap:.625rem!important;max-height:420px!important;min-height:320px!important;padding:.875rem!important}.topic-thumbnail{height:120px!important;margin:-.375rem 0 .5rem!important}.topic-icon{font-size:1.875rem!important;margin-bottom:.625rem!important}.topic-title{font-size:1rem!important;line-height:1.4!important}.topic-description{-webkit-line-clamp:4!important;font-size:.85rem!important;line-height:1.5!important}.own-published-badge{padding:.15rem .35rem;right:.4rem;top:.4rem}.badge-text{font-size:.6rem}.status-badge{padding:.15rem .35rem;right:.4rem;top:.4rem}.status-badge-with-own-badge{right:6.5rem}.status-text{font-size:.6rem}}@media (max-width:360px){.topic-card{gap:.5rem!important;max-height:400px!important;min-height:300px!important;padding:.75rem!important}.topic-thumbnail{height:110px!important;margin:-.25rem 0 .5rem!important}.topic-icon{font-size:1.75rem!important;margin-bottom:.5rem!important}.topic-title{font-size:.95rem!important;line-height:1.4!important}.topic-description{-webkit-line-clamp:4!important;font-size:.8rem!important;line-height:1.5!important}.own-published-badge{padding:.125rem .3rem;right:.35rem;top:.35rem}.badge-text{font-size:.55rem}.status-badge{padding:.125rem .3rem;right:.35rem;top:.35rem}.status-badge-with-own-badge{right:6rem}.status-text{font-size:.55rem}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-overlay.fullscreen-overlay{align-items:flex-start;background-color:#000c;justify-content:center;padding:0}.modal-container{animation:modalEnter .2s ease-out;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:95vh;max-width:95vw;min-height:80vh;overflow:hidden;width:100%}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-small{max-width:400px;width:100%}.modal-medium{max-width:600px;width:100%}.modal-large{max-width:1400px;min-width:400px;width:95vw}.modal-fullscreen{border-radius:0;bottom:0;height:100vh;left:0;margin:0;max-height:none;max-width:none;position:fixed;right:0;top:0;width:100vw}.modal-no-height-constraints{height:auto!important;max-height:95vh!important;min-height:80vh!important}.modal-no-height-constraints .modal-content{height:auto!important;max-height:calc(95vh - 80px)!important;min-height:auto!important;overflow-y:auto!important}.modal-fullscreen.modal-no-height-constraints{height:100vh!important;max-height:100vh!important;min-height:100vh!important}.modal-fullscreen.modal-no-height-constraints .modal-content{height:calc(100vh - 80px)!important;max-height:calc(100vh - 80px)!important;min-height:calc(100vh - 80px)!important;overflow-y:auto!important}.modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;flex-shrink:0;height:80px;justify-content:space-between;min-height:60px;padding:20px 24px;position:relative}.modal-title{color:var(--text-primary);flex:1 1;font-size:1.5rem;font-weight:600;margin:0 20px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-close-button{align-items:center;background:var(--bg-input);border:none;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;font-weight:700;justify-content:center;line-height:1;min-height:44px;min-width:44px;padding:8px 12px;position:relative;transition:all .2s ease;z-index:20}.modal-close-button,.modal-close-button:hover{color:var(--text-primary)}.modal-content{-webkit-overflow-scrolling:touch;background:#0000;color:var(--text-primary);display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:0}.modal-fullscreen .modal-content{height:calc(100vh - 80px);overflow-x:hidden;overflow-y:auto}.modal-container{background:var(--bg-primary);border:1px solid var(--border-primary)}.modal-header .modal-close-button{flex-shrink:0;position:absolute;right:24px;top:50%;transform:translateY(-50%)}.modal-close-button:hover{background:var(--bg-hover);transform:scale(1.05)}@media (min-width:1200px){.modal-large{max-width:1200px;width:80vw}.modal-no-height-constraints{max-height:85vh!important}.modal-no-height-constraints .modal-content{max-height:calc(85vh - 80px)!important}}@media (max-width:1200px){.modal-large{width:85vw}}@media (max-width:1024px){.modal-overlay{padding:15px}.modal-large{max-height:95vh;min-width:320px;width:90vw}.modal-container:not(.modal-fullscreen){max-height:95vh;max-width:95vw}.modal-title{font-size:1.5rem}}@media (max-width:768px){.modal-overlay{padding:0}.modal-fullscreen{align-items:flex-start;border-radius:0!important;height:100vh!important;justify-content:center;margin:0!important;width:100vw!important}.modal-container{border-radius:0;bottom:0;height:100vh;left:0;max-height:100vh;overflow:visible;position:fixed;right:0;top:0;width:100vw}.modal-large{min-width:0}.modal-header{background:var(--bg-primary);min-height:50px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-close-button{align-items:center;background:var(--btn-danger);border:none;border-radius:6px;color:#fff;display:flex;font-size:24px;font-weight:700;justify-content:center;min-height:44px;min-width:44px;padding:8px 12px;position:relative;z-index:20}.modal-close-button:hover{background:var(--btn-danger-hover);transform:scale(1.05)}.modal-close-button:active{transform:scale(.95)}.modal-content{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0}.modal-title{word-wrap:break-word;font-size:1.1rem;overflow-wrap:break-word}.modal-large{height:100vh;max-height:100vh;max-width:100vw;width:100vw}.modal-content .ai-content-item{margin-left:0;margin-right:0;max-width:100%;overflow-x:hidden;width:100%}.modal-content .ai-generated-audio,.modal-content .audio-container{max-width:100%;width:100%}.modal-content *{box-sizing:border-box;max-width:100%}.modal-content iframe,.modal-content img,.modal-content video{height:auto!important;max-width:100%!important}}@media (max-width:480px){.modal-overlay{align-items:flex-start;justify-content:center;padding:0}.modal-container{border-radius:0;bottom:0;height:100vh;left:0;max-height:100vh;overflow:visible;position:fixed;right:0;top:0;width:100vw}.modal-header{background:var(--bg-primary);padding:8px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-content{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:0}.modal-title{word-wrap:break-word;font-size:1rem;overflow-wrap:break-word}.modal-content .note-view-content{max-width:100%;overflow-x:hidden;padding:.125rem}.modal-content .ai-content-item,.modal-content .audio-container{margin:.125rem 0;max-width:100%;overflow-x:hidden;padding:.25rem}.modal-content *{box-sizing:border-box;max-width:100%}body{overflow-x:hidden}}@media (max-width:320px){.modal-header{padding:6px 8px}.modal-content{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:0}.modal-title{font-size:.9rem}.modal-close-button{align-items:center;background:var(--btn-danger);border:none;border-radius:6px;color:#fff;display:flex;font-size:20px;font-weight:700;justify-content:center;min-height:44px;min-width:44px;padding:8px 12px;position:relative;z-index:20}.modal-close-button:hover{background:var(--btn-danger-hover);transform:scale(1.05)}.modal-close-button:active{transform:scale(.95)}}@media (max-width:430px){.modal-overlay{padding:0}.modal-container{border-radius:0;margin:0}.modal-container,.modal-large{height:100vh;max-height:100vh;max-width:100vw;width:100vw}.modal-large{min-width:0}.modal-header{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);padding:8px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-close-button{align-items:center;background:var(--btn-danger);border:none;border-radius:6px;color:#fff;display:flex;font-size:22px;font-weight:700;justify-content:center;min-height:44px;min-width:44px;padding:8px 12px;position:relative;z-index:20}.modal-close-button:hover{background:var(--btn-danger-hover);transform:scale(1.05)}.modal-close-button:active{transform:scale(.95)}.modal-content{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:0}}.feedback-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:700;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border-input);border-radius:.5rem;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--bg-input-focus);border-color:var(--border-input-focus);box-shadow:0 0 0 3px var(--focus-ring-shadow);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.modal-actions{border-top:1px solid var(--border-primary);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.ai-generation-steps{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:400px;width:100%}.ai-generation-steps--horizontal{flex-direction:row;gap:.5rem;justify-content:space-between;max-width:100%}.ai-generation-step{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:.5rem;color:#f9fafb;display:flex;gap:.75rem;opacity:.6;padding:.75rem;transition:all .3s ease}.ai-generation-step--active{background:#3b82f633;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f633;color:#f9fafb;opacity:1}.ai-generation-step--completed{background:#10b98133;border-color:#10b98166;box-shadow:0 0 0 3px #10b98133;color:#f9fafb;opacity:1}.ai-generation-step__icon{align-items:center;display:flex;flex-shrink:0;font-size:1.2rem;height:24px;justify-content:center;text-align:center;width:24px}.ai-generation-step--completed .ai-generation-step__icon{color:#10b981;font-weight:700}.ai-generation-step--active .ai-generation-step__icon{color:var(--link-primary)}.ai-generation-step__text{color:var(--text-secondary);flex:1 1;font-size:.9rem;font-weight:500}.ai-generation-step--completed .ai-generation-step__text{color:#10b981}.ai-generation-step--active .ai-generation-step__text{color:var(--text-primary)}.ai-generation-steps--horizontal .ai-generation-step{flex:1 1;flex-direction:column;min-width:0;padding:.5rem;text-align:center}.ai-generation-steps--horizontal .ai-generation-step__text{font-size:.8rem;margin-top:.25rem}@media (max-width:768px){.ai-generation-steps{gap:.75rem;max-width:100%}.ai-generation-step{padding:.5rem}.ai-generation-step__text{font-size:.85rem}.ai-generation-steps--horizontal{flex-direction:column;gap:.5rem}.ai-generation-steps--horizontal .ai-generation-step{flex-direction:row;padding:.5rem;text-align:left}.ai-generation-steps--horizontal .ai-generation-step__text{margin-top:0}}@media (max-width:480px){.ai-generation-step{padding:.375rem}.ai-generation-step__text{font-size:.8rem}.ai-generation-step__icon{font-size:1rem;height:20px;width:20px}}.ai-generation-loader{align-items:center;display:flex;flex-direction:column;gap:2rem;padding:2rem 0;text-align:center}.ai-generation-loader__spinner{height:80px;position:relative;width:80px}.spinner-ring{animation:spin 1s linear infinite;border:3px solid #0000;border-radius:50%;border-top:3px solid var(--link-primary);height:100%;position:absolute;width:100%}.spinner-ring:nth-child(2){animation-delay:.2s;border-top-color:#10b981;height:70%;left:15%;top:15%;width:70%}.spinner-ring:nth-child(3){animation-delay:.4s;border-top-color:#f59e0b;height:40%;left:30%;top:30%;width:40%}.ai-generation-loader__content{display:flex;flex-direction:column;gap:.5rem;max-width:500px}.ai-generation-loader__title{color:var(--text-primary);font-size:1.5rem;font-weight:600;line-height:1.3;margin:0}.ai-generation-loader__subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0;max-width:400px}.ai-generation-loader__progress{max-width:400px;width:100%}.progress-bar{background:var(--border-primary);border-radius:4px;height:8px;margin-bottom:.5rem}.progress-fill{background:linear-gradient(90deg,var(--link-primary),#10b981);border-radius:4px;overflow:hidden;position:relative;transition:width .3s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-text{font-size:.9rem;font-weight:500}.ai-generation-loader__steps{max-width:400px;width:100%}@media (max-width:768px){.ai-generation-loader{gap:1.5rem;padding:1.5rem 0}.ai-generation-loader__spinner{height:60px;width:60px}.spinner-ring{border-width:2px}.ai-generation-loader__title{font-size:1.25rem}.ai-generation-loader__subtitle{font-size:.9rem}.ai-generation-loader__content,.ai-generation-loader__progress{max-width:100%}}@media (max-width:480px){.ai-generation-loader{gap:1rem;padding:1rem 0}.ai-generation-loader__spinner{height:50px;width:50px}.ai-generation-loader__title{font-size:1.125rem}.ai-generation-loader__subtitle{font-size:.85rem}}.ai-generation-success{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:2rem 0;text-align:center}.ai-generation-success__icon{animation:success-bounce .6s ease-out;font-size:4rem;margin-bottom:.5rem}@keyframes success-bounce{0%{transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.ai-generation-success__content{display:flex;flex-direction:column;gap:.5rem;max-width:500px}.ai-generation-success__title{color:#10b981;font-size:1.5rem;font-weight:600;line-height:1.3;margin:0}.ai-generation-success__subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.ai-generation-success__preview{background:var(--bg-input);border:1px solid #6b72804d;border-radius:.75rem;margin:.5rem 0;max-width:500px;padding:1.5rem;text-align:left;width:100%}.ai-generation-success__preview h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.ai-generation-success__preview p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.ai-generation-success__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:400px;width:100%}.ai-generation-success__action{flex:1 1;max-width:200px;min-width:120px}.ai-generation-success__action--primary{order:2}@media (max-width:768px){.ai-generation-success{gap:1.25rem;padding:1.5rem 0}.ai-generation-success__icon{font-size:3rem}.ai-generation-success__title{font-size:1.25rem}.ai-generation-success__subtitle{font-size:.9rem}.ai-generation-success__preview{margin:.25rem 0;padding:1rem}.ai-generation-success__preview h4{font-size:1rem}.ai-generation-success__preview p{font-size:.85rem}.ai-generation-success__actions{flex-direction:column;gap:.75rem;max-width:100%}.ai-generation-success__action{max-width:none;min-width:auto;width:100%}}@media (max-width:480px){.ai-generation-success{gap:1rem;padding:1rem 0}.ai-generation-success__icon{font-size:2.5rem}.ai-generation-success__title{font-size:1.125rem}.ai-generation-success__subtitle{font-size:.85rem}.ai-generation-success__preview{padding:.75rem}.ai-generation-success__preview h4{font-size:.95rem}.ai-generation-success__preview p{font-size:.8rem}}.job-list-details{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;margin:16px 0}.job-list-details summary{background:var(--bg-secondary);border-radius:8px 8px 0 0;color:var(--text-primary);cursor:pointer;font-weight:600;padding:12px 16px;-webkit-user-select:none;user-select:none}.job-list-details summary:hover{background:var(--bg-hover)}.job-list-details[open] summary{border-radius:8px 8px 0 0}.job-list{max-height:300px;overflow-y:auto;padding:12px}.job-item{grid-gap:12px;align-items:center;background:var(--modal-bg);border:1px solid var(--border-color);border-radius:6px;display:grid;font-size:14px;gap:12px;grid-template-columns:minmax(150px,1fr) auto auto auto auto;margin-bottom:6px;padding:10px 14px;transition:all .2s ease}.job-item:hover{background:var(--bg-hover);border-color:var(--border-secondary);transform:translateX(2px)}.job-item:last-child{margin-bottom:0}.job-type{color:var(--text-primary);font-weight:600;min-width:120px}.job-status{border-radius:4px;font-size:12px;font-weight:600;min-width:80px;padding:4px 8px;text-align:center;text-transform:uppercase}.job-item.job-queued .job-status{background:#fbbf24;color:#92400e}.job-item.job-processing .job-status{background:var(--link-primary);color:#fff}.job-item.job-completed .job-status{background:var(--success-color);color:#fff}.job-item.job-failed .job-status{background:var(--error-color);color:#fff}.job-error{color:var(--error-color);font-size:16px}.job-eta{color:var(--primary-color);font-size:12px;font-weight:600}.job-time{color:var(--text-secondary);font-size:12px;white-space:nowrap}.job-progress{color:var(--primary-color);font-size:12px;font-weight:600;min-width:40px;text-align:right}.job-list-more{border-top:1px solid var(--border-color);color:var(--text-secondary);font-style:italic;margin-top:8px;padding:8px;text-align:center}.generation-note{background:#3b82f60d;border:1px solid #3b82f633;border-radius:8px;margin-top:16px;padding:12px 16px;text-align:center}.generation-note p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.content-generation-actions{align-items:center;display:flex;gap:12px;margin-top:20px}.completion-message{align-items:center;color:var(--success-color);display:flex;font-weight:600;gap:8px;margin-right:auto}.completion-icon{font-size:18px}.refresh-button{margin-left:auto}.content-generation-progress{padding:20px 0}.progress-section{margin-bottom:24px}.progress-bar{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:6px;box-shadow:inset 0 2px 4px #0000001a;height:12px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,var(--link-primary),var(--link-hover));border-radius:6px;box-shadow:0 0 8px #3b82f680;height:100%;transition:width .5s ease}.progress-text{color:var(--text-primary);font-size:16px;font-weight:600;margin-top:10px}.progress-text .eta{color:var(--text-secondary);font-size:14px;font-weight:400}.entity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.entity-card{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px;text-align:center}.entity-header{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:12px}.entity-icon{font-size:20px}.entity-label{color:var(--text-primary);font-weight:600}.entity-stats{color:var(--text-secondary);font-size:14px}.stat{color:var(--text-primary);font-weight:600}.topic-generation-modal{--modal-bg:var(--bg-primary);--modal-border:var(--border-primary);--modal-shadow:0 25px 50px -12px #00000080;--primary-color:var(--link-primary);--primary-hover:#2563eb;--success-color:#10b981;--error-color:#ef4444;--text-primary:var(--text-primary);--text-secondary:var(--text-secondary);--border-color:var(--border-primary);--input-bg:var(--bg-input);--input-border:var(--border-input);--input-focus:var(--link-primary);--hover-bg:var(--bg-hover)}.topic-generation-modal.modal-container{background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:12px;box-shadow:var(--modal-shadow);max-height:90vh;overflow-y:auto;width:90vw}.topic-generation-modal__content{display:flex;flex-direction:column;height:100%}.topic-generation-modal__header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:12px 12px 0 0;padding:24px 24px 16px}.topic-generation-modal__title{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.2;margin:0 0 8px}.topic-generation-modal__subtitle{color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0 0 24px;padding:0 24px}.topic-generation-modal__body{flex:1 1;overflow-y:auto;padding:24px}.topic-generation-modal__input-section{display:flex;flex-direction:column;gap:24px}.topic-generation-modal__prompt-input{background:var(--input-bg);border:2px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:16px;line-height:1.5;min-height:120px;padding:16px;resize:vertical;transition:all .2s ease;width:100%}.topic-generation-modal__prompt-input::placeholder{color:var(--text-secondary);opacity:.8}.topic-generation-modal__prompt-input:focus{background:var(--bg-input-focus);border-color:var(--input-focus);box-shadow:0 0 0 3px var(--focus-ring-shadow);outline:none}.topic-generation-modal__features{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:8px;padding:20px}.topic-generation-modal__features h4{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 16px}.feature-list{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.feature-list li{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:12px;line-height:1.4}.feature-list li:before{background:var(--primary-color);border-radius:50%;content:"";flex-shrink:0;height:6px;width:6px}.topic-generation-modal__error-section,.topic-generation-modal__generating-section,.topic-generation-modal__success-section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.error-message{align-items:center;display:flex;flex-direction:column;gap:16px;max-width:400px}.error-icon{opacity:.8}.error-message h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.error-message p{color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0}.error-actions{display:flex;gap:12px;margin-top:8px}.error-cancel-button,.error-retry-button{min-width:120px}.topic-generation-modal__footer{background:var(--bg-input);border-radius:0 0 12px 12px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.topic-generation-modal__cancel-button,.topic-generation-modal__generate-button{border-radius:8px;font-weight:600;height:44px;min-width:120px;transition:all .2s ease}.topic-generation-modal__generate-button{background:var(--primary-color);border:2px solid var(--primary-color);color:#fff}.topic-generation-modal__generate-button:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.topic-generation-modal__generate-button:disabled{background:var(--text-muted);border-color:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.topic-generation-modal__cancel-button{background:#0000;border:2px solid var(--border-color);color:var(--text-secondary)}.topic-generation-modal__cancel-button:hover{background:var(--bg-hover);border-color:var(--border-secondary);color:var(--text-primary)}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-weight:600;margin:0}.form-label,.form-textarea{color:var(--text-primary);font-size:16px}.form-textarea{background:var(--input-bg);border:2px solid var(--input-border);border-radius:8px;font-family:inherit;line-height:1.5;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.form-textarea::placeholder{color:var(--text-secondary);opacity:.8}.form-textarea:focus{background:var(--bg-input-focus);border-color:var(--input-focus);box-shadow:0 0 0 3px var(--focus-ring-shadow);outline:none}.form-help{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:14px;gap:12px;justify-content:space-between;line-height:1.4}.form-help .character-count{color:var(--text-secondary);font-size:13px;font-weight:500;opacity:.8;white-space:nowrap}@media (max-width:1200px){.topic-generation-modal.modal-container{width:85vw}}@media (max-width:1024px){.topic-generation-modal.modal-container{margin:20px auto;width:90vw}}@media (max-width:768px){.topic-generation-modal.modal-container{margin:20px auto;width:95vw}.topic-generation-modal__header{padding:20px 20px 16px}.topic-generation-modal__title{font-size:20px}.topic-generation-modal__subtitle{font-size:14px}.topic-generation-modal__body{padding:20px}.topic-generation-modal__footer{flex-direction:column;padding:16px 20px 20px}.topic-generation-modal__cancel-button,.topic-generation-modal__generate-button{width:100%}.error-actions{flex-direction:column;width:100%}.error-cancel-button,.error-retry-button{width:100%}}@media (max-width:640px){.topic-generation-modal.modal-container{margin:10px auto;width:95vw}.topic-generation-modal__header{padding:16px 16px 12px}.topic-generation-modal__title{font-size:18px}.topic-generation-modal__subtitle{font-size:13px}.topic-generation-modal__body{padding:16px}.topic-generation-modal__footer{padding:12px 16px 16px}}.topic-preview{align-items:flex-start;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:12px;display:flex;gap:16px;margin:16px 0;padding:20px}.topic-preview__icon{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;display:flex;flex-shrink:0;font-size:32px;height:48px;justify-content:center;width:48px}.topic-preview__content{flex:1 1;min-width:0}.topic-preview__title{color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.3;margin:0 0 8px}.topic-preview__description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;line-height:1.4;margin:0 0 12px;overflow:hidden}.topic-preview__meta{align-items:center;display:flex;gap:12px}.topic-preview__category{background:var(--focus-ring-shadow);border-radius:4px;color:var(--primary-color);font-size:12px;font-weight:500;padding:4px 8px}.topic-preview__duration{background:var(--code-inline-bg);border-radius:4px;color:var(--text-secondary);font-size:12px;padding:4px 8px}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.topic-generation-modal.modal-container{animation:modalSlideIn .3s ease-out}.topic-generation-modal__generating-section .ai-generation-loader{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.topic-generation-modal__disclaimer{margin-top:20px}.disclaimer-box{align-items:flex-start;background:#3b82f60d;border:1px solid #3b82f633;border-radius:8px;display:flex;font-size:14px;gap:12px;line-height:1.5;padding:16px}.disclaimer-icon{color:var(--primary-color);flex-shrink:0;font-size:16px;margin-top:2px}.disclaimer-content{color:var(--text-primary)}.disclaimer-content strong{color:var(--primary-color);font-weight:600}.topic-generation-modal__subscription-prompt{margin-top:20px}.subscription-prompt-box{align-items:flex-start;animation:subscriptionPromptSlideIn .4s ease-out;background:linear-gradient(135deg,#ef44441a,#ef44440d);border:2px solid #ef44444d;border-radius:12px;display:flex;gap:16px;padding:20px}.subscription-prompt-icon{animation:lockPulse 2s ease-in-out infinite;color:#ef4444;flex-shrink:0;font-size:24px;margin-top:4px}.subscription-prompt-content h4{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.3;margin:0 0 8px}.subscription-prompt-content p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 16px}.subscription-prompt-actions{display:flex;flex-wrap:wrap;gap:12px}.subscription-upgrade-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 4px 12px #ef44444d;color:#fff;font-weight:600;padding:10px 20px;transition:all .2s ease}.subscription-upgrade-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466;transform:translateY(-1px)}@keyframes subscriptionPromptSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes lockPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.job-status-section{margin:20px 0}.job-status-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.job-status-header h4{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.job-summary{display:flex;flex-wrap:wrap;gap:12px}.summary-stats{color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;gap:8px}.summary-stats-row{display:flex;flex-wrap:wrap;gap:12px}.summary-stats span{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;padding:4px 8px}.job-table-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow-x:auto}.job-table{border-collapse:collapse;min-width:600px;width:100%}.job-table thead{background:var(--input-bg);border-bottom:1px solid var(--border-color)}.job-table th{color:var(--text-primary);font-size:14px;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.job-table td{border-bottom:1px solid var(--border-color);padding:12px 16px;vertical-align:middle}.job-row{transition:background-color .2s ease}.job-row:hover{background:var(--input-bg)}.job-row.job-completed{background:#22c55e0d}.job-row.job-failed{background:#ef44440d}.job-row.job-processing{background:#3b82f60d}.job-type-cell{align-items:center;display:flex;gap:8px;min-width:120px}.job-type-icon{flex-shrink:0;font-size:16px}.job-title-cell,.job-type-label{color:var(--text-primary);font-size:14px;font-weight:500}.job-title-cell{min-width:150px}.job-status-cell{min-width:100px}.job-status-text{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:2px 6px;text-transform:capitalize}.status-queued{background:#9ca3af1a;color:var(--text-subtle)}.status-processing{background:var(--focus-ring-shadow);color:#2563eb}.status-completed{background:#22c55e1a;color:#16a34a}.status-failed{background:#ef44441a;color:#dc2626}.status-unknown{background:#9ca3af0d;color:var(--text-muted)}.error-icon{font-size:12px;margin-left:2px}.job-progress-cell{min-width:100px}.progress-bar-small{background:var(--border-color);border-radius:3px;height:6px;overflow:hidden;position:relative;width:60px}.progress-fill-small{background:linear-gradient(90deg,var(--link-primary),#1d4ed8);border-radius:3px;height:100%;transition:width .3s ease}.progress-text-small{font-weight:500}.job-time-cell,.progress-text-small{color:var(--text-secondary);font-size:12px}.job-time-cell{min-width:80px}.job-eta-cell{min-width:60px}.eta-text{color:var(--text-secondary);font-size:12px;font-weight:500}@media (max-width:768px){.job-status-header{align-items:flex-start;flex-direction:column}.summary-stats{flex-direction:column;gap:8px}.summary-stats-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.summary-stats-row span{font-size:13px;padding:3px 6px}.job-table td,.job-table th{padding:8px 12px}.job-table td,.job-table th{font-size:12px}}@media (max-width:480px){.summary-stats-row{gap:6px;grid-template-columns:1fr}.summary-stats-row span{font-size:12px;padding:2px 4px}}.subject-checkboxes{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.subject-checkbox{align-items:center;background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.subject-checkbox:hover{background:var(--hover-bg);border-color:var(--primary-color)}.subject-checkbox input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.subject-checkbox span{color:var(--text-primary);font-size:14px}.subject-radio-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.subject-radio{align-items:center;background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.subject-radio:hover{background:var(--hover-bg);border-color:var(--primary-color)}.subject-radio input[type=radio]{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.subject-radio input[type=radio]:checked+span{color:var(--primary-color);font-weight:600}.subject-radio span{color:var(--text-primary);font-size:14px;transition:all .2s ease}.optional-text{color:var(--text-secondary);font-size:.9em;font-weight:400}.form-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.form-select:focus,.form-select:hover{border-color:var(--primary-color)}.form-select:focus{box-shadow:0 0 0 3px var(--focus-ring-shadow);outline:none}.form-select:disabled{cursor:not-allowed;opacity:.6}.share-button-container{display:inline-block;position:relative}.share-button{align-items:center;background:var(--link-primary);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;transition:all .2s ease}.share-button:hover{background:#2563eb;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.share-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.share-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.share-button-small{font-size:.875rem;padding:.375rem .75rem}.share-button-medium{font-size:1rem;padding:.5rem 1rem}.share-button-large{font-size:1.125rem;padding:.75rem 1.5rem}.share-button-icon{border-radius:50%;justify-content:center;min-width:auto;padding:.5rem}.share-button-icon.share-button-small{height:2rem;padding:.375rem;width:2rem}.share-button-icon.share-button-medium{height:2.5rem;padding:.5rem;width:2.5rem}.share-button-icon.share-button-large{height:3rem;padding:.75rem;width:3rem}.share-icon{font-size:1.2em}.share-text{white-space:nowrap}.share-loading{animation:spin 1s linear infinite}.share-social-container{margin-left:.5rem;position:relative}.share-social-toggle{align-items:center;background:var(--text-subtle);border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:1.2rem;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.share-social-toggle:hover{background:#4b5563;transform:scale(1.1)}.share-social-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:.5rem;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.share-social-option{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s ease;width:100%}.share-social-option:hover{background:#f3f4f6}.share-social-option:first-child{border-radius:8px 8px 0 0}.share-social-option:last-child{border-radius:0 0 8px 8px}.social-icon{font-size:1.1em;text-align:center;width:1.25rem}.share-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.share-button{font-size:.875rem}.share-button-small{font-size:.75rem;padding:.25rem .5rem}.share-button-medium{font-size:.875rem;padding:.375rem .75rem}.share-button-large{font-size:1rem;padding:.5rem 1rem}.share-social-menu{min-width:140px;right:-1rem}.share-social-option{font-size:.8125rem;padding:.625rem .875rem}}@media (prefers-color-scheme:dark){.share-social-menu{background:var(--bg-primary);border-color:#374151}.share-social-option{color:var(--text-secondary)}.share-social-option:hover{background:#374151}}.share-toast{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.share-toast-success{background:#10b981}.share-toast-error{background:#ef4444}.share-toast-info{background:var(--link-primary)}.topic-details-modal-container .modal-content{max-height:95vh;overflow-y:auto;padding:0}.topic-details-modal .modal-container{background:#1a1a1a;border:1px solid #333;border-radius:16px;box-shadow:0 20px 40px #0006;max-width:1200px;overflow:visible}.topic-details-container{background:#1a1a1a;color:var(--text-primary);display:flex;flex-direction:column;min-height:100%}.course-hero{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-bottom:1px solid #333;padding:0}.course-hero-content{align-items:flex-start;display:flex;gap:24px;padding:32px 40px}.course-icon-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 32px #667eea4d;color:#fff;display:flex;flex-shrink:0;font-size:40px;font-weight:700;height:100px;justify-content:center;line-height:1;width:100px}.course-hero-info{flex:1 1;min-width:0}.course-title{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.2;margin:0 0 8px}.course-description-container{margin:0 0 20px}.course-description{color:#ccc;display:inline;font-size:14px;line-height:1.5;margin:0}.show-more-button{background:none;border:none;color:#22c55e;cursor:pointer;display:inline;font-size:14px;font-weight:500;margin-left:4px;padding:0;text-decoration:underline;transition:color .2s ease}.show-more-button:hover{color:#16a34a;text-decoration:none}.author-info{gap:12px;margin-bottom:24px}.author-avatar,.author-info{align-items:center;display:flex}.author-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.author-details{flex:1 1}.author-name{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 2px}.author-stats{color:#ccc;font-size:14px;margin:0}.course-meta{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.meta-item{align-items:center;background:#333;border:1px solid #444;border-radius:20px;display:flex;gap:8px;padding:8px 16px}.meta-icon{font-size:16px}.meta-text{color:var(--text-primary);font-size:14px;font-weight:500}.course-price-section{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-top:16px}.course-actions,.course-price{align-items:center;display:flex;gap:12px}.price-amount{color:#667eea;font-size:28px;font-weight:800}.price-badge{background:#2d5a27;border:1px solid #22c55e;border-radius:16px;color:#4ade80;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.enroll-button{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;box-shadow:0 4px 15px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .2s ease}.enroll-button:hover:not(:disabled){box-shadow:0 6px 20px #22c55e66;transform:translateY(-1px)}.enroll-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.enroll-icon{font-size:16px}@media (min-width:1024px){.enroll-button{border-radius:10px;font-size:18px;min-width:180px;padding:16px 32px}.enroll-icon{font-size:18px}}.modal-scrollable-content{background:#1a1a1a;flex:1 1;overflow:visible;padding-bottom:80px}.course-content{display:flex;flex-direction:column}.tab-content{padding:40px 40px 120px}.content-section{margin-bottom:32px}.content-section:last-child{margin-bottom:0}.section-title{align-items:center;border-bottom:2px solid #333;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 16px;padding-bottom:8px}.section-icon{font-size:18px}.section-content{color:#ccc;font-size:14px;line-height:1.5;margin:0;padding:16px}.author-detail-card,.section-content{background:#2a2a2a;border:1px solid #333;border-radius:8px}.author-detail-card{display:flex;flex-direction:column;padding:20px}.author-avatar-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:600;height:60px;justify-content:center;width:60px}.author-header{display:flex;gap:16px;margin-bottom:16px}.author-basic-info{flex:1 1;min-width:0}.author-content{width:100%}.author-detail-name{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.author-detail-title{color:#ccc;font-size:12px;margin:0 0 12px}.author-detail-bio{color:#ccc;font-size:13px;line-height:1.4;margin:0 0 16px}.author-subjects{display:flex;flex-wrap:wrap;gap:6px}.subject-tag{align-items:center;background:#333;border:1px solid #444;border-radius:12px;color:#ccc;display:inline-flex;font-size:11px;font-weight:500;padding:4px 8px}.learning-goals{display:flex;flex-direction:column;gap:12px}.learning-goal{align-items:flex-start;background:#2a2a2a;border:1px solid #333;border-radius:8px;display:flex;gap:12px;padding:16px}.goal-checkmark{align-items:center;background:#2d5a27;border-radius:50%;color:#4ade80;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:20px;justify-content:center;margin-top:2px;width:20px}.goal-text{color:#ccc;font-size:14px;line-height:1.5}.audience-list{display:flex;flex-direction:column;gap:12px}.audience-item{align-items:center;background:#2a2a2a;border:1px solid #333;border-radius:8px;display:flex;gap:12px;padding:16px}.audience-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.audience-text{color:#ccc;font-size:14px;line-height:1.5}.curriculum-list{display:flex;flex-direction:column;gap:12px}.curriculum-item{background:#2a2a2a;border:1px solid #333;border-radius:8px;overflow:hidden;transition:all .2s ease}.curriculum-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.curriculum-header{border-bottom:1px solid #333;padding:20px}.chapter-info{align-items:flex-start;display:flex;gap:16px}.chapter-details{flex:1 1;min-width:0}.chapter-title{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.chapter-description{color:#ccc;font-size:12px;line-height:1.4;margin:0 0 8px}.chapter-meta{align-items:center;display:flex;gap:12px}.chapter-duration{background:#333;color:#888}.chapter-difficulty,.chapter-duration{border-radius:4px;font-size:12px;padding:4px 8px}.chapter-difficulty{font-weight:500;letter-spacing:.5px;text-transform:uppercase}.difficulty-beginner{background:#2d5a27;border:1px solid #22c55e;color:#4ade80}.difficulty-intermediate{background:#92400e;border:1px solid #f59e0b;color:#fbbf24}.difficulty-advanced{background:#991b1b;border:1px solid #ef4444;color:#f87171}.chapter-content{padding:0 20px 20px}.content-preview{margin-bottom:12px}.content-preview:last-child{margin-bottom:0}.preview-title{color:#888;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.preview-items{gap:6px}.preview-item,.preview-items{display:flex;flex-direction:column}.preview-item{background:#333;border-left:3px solid #555;border-radius:6px;gap:2px;padding:8px 12px}.preview-item-title{color:var(--text-primary);font-size:13px;font-weight:500}.preview-item-desc{color:#aaa;font-size:12px}.content-list{display:flex;flex-direction:column;gap:12px}.content-item{background:#2a2a2a;border:1px solid #333;border-radius:8px;padding:20px;transition:all .2s ease}.content-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.content-item-details{width:100%}.content-item-title{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.4;margin:0 0 6px}.content-item-description{color:#ccc;font-size:12px;line-height:1.4;margin:0 0 8px}.content-item-meta{display:flex;flex-wrap:wrap;gap:8px}.meta-badge{align-items:center;background:#333;border:1px solid #444;border-radius:12px;color:#ccc;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px;transition:all .2s ease}.meta-badge:hover{background:#444;color:var(--text-primary)}.deep-dive-badge{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.deep-dive-badge:hover{background:#22c55e33;color:#16a34a}.meta-icon{font-size:10px}.empty-state{padding:60px 20px}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.empty-state-description{color:#888;font-size:14px;line-height:1.5;margin:0}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag{align-items:center;background:#333;border:1px solid #444;border-radius:16px;color:#ccc;display:inline-flex;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.tag:hover{background:#444;border-color:#667eea;color:var(--text-primary)}.content-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid #333;display:flex;gap:0;margin-bottom:24px;overflow-x:auto;scrollbar-color:#555 #2a2a2a;scrollbar-width:thin}.content-tabs::-webkit-scrollbar{height:4px}.content-tabs::-webkit-scrollbar-track{background:#2a2a2a;border-radius:2px}.content-tabs::-webkit-scrollbar-thumb{background:#555;border-radius:2px}.content-tabs::-webkit-scrollbar-thumb:hover{background:#777}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#888;cursor:pointer;flex:0 0 auto;font-size:12px;font-weight:500;min-width:60px;padding:8px 12px;text-align:center;transition:all .2s ease;white-space:nowrap}.tab-button.active{border-bottom-color:#667eea;color:#667eea}.tab-button:hover{color:#ccc}.subscribe-icon{font-size:16px}.topic-details-error,.topic-details-loading{align-items:center;background:#1a1a1a;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.topic-details-loading p{color:#ccc;font-size:16px;margin-top:16px}.error-icon{font-size:48px;margin-bottom:16px}.topic-details-error h3{color:#f87171;font-size:20px;font-weight:600;margin:0 0 8px}.topic-details-error p{color:#ccc;margin:0 0 24px}@media (max-width:1024px){.tab-content{padding:32px 32px 100px}}@media (max-width:768px){.topic-details-modal-container .modal-content{max-height:95vh}.topic-details-modal .modal-container{margin:2.5vh auto;max-width:95vw}.modal-scrollable-content{padding-bottom:60px}.course-hero-content{flex-direction:column;gap:20px;padding:24px}.course-icon-large{align-self:center;font-size:32px;height:80px;width:80px}.course-hero-info{text-align:left}.course-title{font-size:24px;text-align:center}.course-description{font-size:14px;text-align:left}.course-price-section{justify-content:flex-start;margin-top:8px}.course-price{margin-right:16px}.enroll-button{font-size:14px;min-width:120px;padding:10px 20px}}@media (max-width:480px){.topic-details-modal-container .modal-content{max-height:98vh}.topic-details-modal .modal-container{margin:1vh auto;max-width:98vw}.modal-scrollable-content{padding-bottom:50px}}@media (max-width:370px){.topic-details-modal-container .modal-content{max-height:100vh}.topic-details-modal .modal-container{border-radius:0;margin:0;max-width:100vw}.modal-scrollable-content{padding-bottom:40px}.author-info,.course-meta{justify-content:center}.course-meta{gap:16px}.tab-content{padding:24px}.section-title{font-size:18px}.section-content{font-size:14px;padding:16px}.curriculum-header{padding:16px}.chapter-info{gap:12px}.chapter-title{font-size:14px}.chapter-description{font-size:13px}.chapter-content{padding:0 16px 16px}.course-actions{flex-direction:column;gap:12px;padding:20px}.cancel-button,.subscribe-button{max-width:none;width:100%}.subscribe-button{font-size:14px;padding:14px 24px}}@media (max-width:480px){.course-hero-content{padding:20px}.tab-content{padding:20px 20px 100px}.course-actions{padding:16px}.tab-button{font-size:11px;min-width:50px;padding:6px 8px}.course-title{font-size:20px}.course-description{font-size:13px}.price-amount{font-size:24px}.enroll-button{font-size:14px;min-width:120px;padding:10px 20px}}@media (max-width:370px){.course-hero-content{padding:16px}.tab-content{padding:16px 16px 100px}.tab-button{font-size:10px;min-width:45px;padding:5px 6px}.course-title{font-size:18px}.course-description{font-size:12px}.price-amount{font-size:20px}.enroll-button{font-size:13px;min-width:100px;padding:8px 16px}.course-price-section{align-items:center;flex-direction:column;gap:12px}.course-actions{flex-direction:column;gap:8px;width:100%}.course-price{justify-content:center}.section-title{font-size:16px}.content-item-title{font-size:14px}.content-item-description{font-size:12px}.meta-badge{font-size:10px;padding:2px 6px}}.curriculum-header{padding:16px}.chapter-content{padding:0 16px 16px}.tab-content::-webkit-scrollbar{width:6px}.tab-content::-webkit-scrollbar-track{background:#2a2a2a;border-radius:3px}.tab-content::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.tab-content::-webkit-scrollbar-thumb:hover{background:#666}.topic-filters{margin-bottom:1.5rem;padding:0 1rem;width:100%}.filters-container{align-items:stretch;display:flex;flex-direction:column;gap:1rem;width:100%}.search-icon{height:18px;left:12px;pointer-events:none;top:50%;transform:translateY(-50%);width:18px}.search-input{-webkit-appearance:none;border-radius:12px;box-sizing:border-box;font-size:16px;padding:14px 16px 14px 65px;transition:border-color .2s ease}.search-input:focus{outline:none}.clear-search-btn{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:16px;line-height:1;padding:6px;position:absolute;right:12px;transition:color .2s ease}.clear-search-btn:hover{color:var(--text-primary)}.filter-selects{display:flex;flex-direction:column;gap:.75rem;width:100%}.filter-select{-webkit-appearance:none;background:var(--bg-input);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='%236b7280' 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 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid var(--border-primary);border-radius:12px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;font-size:16px;padding:14px 40px 14px 16px;transition:border-color .2s ease;width:100%}.filter-select:focus{border-color:var(--link-primary);box-shadow:0 0 0 3px var(--focus-ring-shadow);outline:none}.filter-select option{background:var(--bg-input);color:var(--text-primary)}.multiselect-container{position:relative;width:100%}.multiselect-trigger{align-items:center;background:var(--bg-input);border:2px solid var(--border-primary);border-radius:12px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;justify-content:space-between;min-height:20px;padding:14px 16px;transition:border-color .2s ease;width:100%}.multiselect-trigger:hover{border-color:var(--border-secondary)}.multiselect-trigger:focus{border-color:var(--link-primary);box-shadow:0 0 0 3px var(--focus-ring-shadow);outline:none}.multiselect-label{color:var(--text-primary);flex:1 1;text-align:left}.multiselect-arrow{color:var(--text-muted);flex-shrink:0;transition:transform .2s ease}.multiselect-arrow.open{transform:rotate(180deg)}.multiselect-dropdown{background:var(--bg-card);border:2px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-lg);left:0;margin-top:4px;max-height:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.multiselect-search{border-bottom:1px solid var(--border-primary);padding:12px}.multiselect-search-input{background:var(--bg-input);border:1px solid var(--border-secondary);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:14px;padding:8px 12px;transition:border-color .2s ease;width:100%}.multiselect-search-input:focus{border-color:var(--link-primary);outline:none}.multiselect-search-input::placeholder{color:var(--text-muted)}.multiselect-options{max-height:200px;overflow-y:auto}.multiselect-option{align-items:center;border-bottom:1px solid var(--border-primary);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s ease}.multiselect-option:last-child{border-bottom:none}.multiselect-option:hover{background:var(--bg-hover)}.multiselect-option.selected{background:var(--code-inline-bg)}.multiselect-checkbox{align-items:center;border:2px solid var(--text-subtle);border-radius:3px;display:flex;flex-shrink:0;height:16px;justify-content:center;transition:all .2s ease;width:16px}.multiselect-option.selected .multiselect-checkbox{background:var(--link-primary);border-color:var(--link-primary);color:var(--text-primary)}.multiselect-option-label{color:var(--text-primary);flex:1 1;font-size:14px}.multiselect-no-results{color:var(--text-muted);font-size:14px;padding:16px;text-align:center}.selected-filters{margin-top:1rem}.selected-filters-chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 .5rem}.selected-chip{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:20px;display:flex;font-size:14px;gap:.5rem;max-width:100%;padding:8px 12px;word-break:break-word}.chip-label{color:var(--text-secondary);flex-shrink:0;font-weight:500}.chip-value{color:var(--text-primary);flex:1 1;min-width:0}.chip-remove{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:16px;line-height:1;padding:4px;transition:color .2s ease}.chip-remove:hover{color:var(--text-primary)}@media (max-width:480px){.search-input{padding-left:72px}}@media (min-width:480px){.topic-filters{padding:0 1.5rem}.filter-selects,.filters-container{gap:1rem}}@media (min-width:768px){.topic-filters{padding:0 2rem}.filters-container{align-items:center;flex-direction:row;gap:1rem}.search-container{flex:1 1;min-width:0}.filter-selects{flex:2 1;flex-direction:row;gap:.75rem}.filter-select,.multiselect-container{flex:1 1;min-width:160px}}@media (min-width:1024px){.topic-filters{padding:0}.filters-container{gap:1.5rem}.search-container{flex:1 1;max-width:400px}.filter-selects{flex:2 1}.filter-select,.multiselect-container{min-width:180px}}.home-page{background:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh}.home-main{flex:1 1;padding-top:80px}.home-container{margin:0 auto;max-width:1200px;padding:2rem}.home-header{margin-bottom:3rem}.welcome-section{margin-bottom:2rem;text-align:center}.welcome-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.welcome-subtitle{color:var(--text-secondary);font-size:1.125rem}.search-section{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.search-container{max-width:600px;width:100%}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);font-size:1.125rem;left:1rem;position:absolute;z-index:1}.search-input{background:var(--bg-input);border:2px solid var(--border-primary);border-radius:1rem;color:var(--text-primary);font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .2s ease;width:100%}.search-input:focus{background:var(--bg-input-focus);border-color:var(--link-primary);box-shadow:0 0 0 3px var(--focus-ring-shadow)}.search-input::placeholder{color:var(--text-muted)}.learning-prompt-section{margin-bottom:2rem;text-align:center}.learning-prompt-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.learning-prompt-description{color:var(--text-muted);font-size:1rem;line-height:1.6;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:600px}.learning-prompt-container{margin:0 auto;max-width:800px;position:relative}.learning-prompt-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.learning-prompt-input{background:var(--bg-input);border:2px solid var(--border-primary);border-radius:1rem;color:var(--text-primary);font-size:1.125rem;padding:1.25rem 5.5rem 1.25rem 1.5rem;transition:all .2s ease;width:100%}.learning-prompt-input:focus{background:var(--bg-input-focus);border-color:var(--link-primary);box-shadow:0 0 0 3px var(--focus-ring-shadow)}.learning-prompt-input::placeholder{color:var(--text-muted)}.search-loading{position:absolute;right:3rem;top:50%;transform:translateY(-50%)}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #3b82f64d;border-radius:50%;border-top:2px solid var(--link-primary);height:16px;width:16px}.search-results-dropdown{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.5rem;box-shadow:0 10px 25px #0000004d;left:0;margin-top:.5rem;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-result-item{border-bottom:1px solid var(--border-primary);cursor:pointer;padding:1rem;transition:background-color .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-card)}.search-result-title{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.search-result-preview{color:var(--text-muted);font-size:.875rem;line-height:1.4}.search-no-results{color:var(--text-muted);font-style:italic;padding:1rem;text-align:center}.suggested-topics-bar{max-width:100%;text-align:center;width:100%}.suggested-topics-scroller{overflow-x:auto;overflow-y:hidden;padding:.5rem 0;width:100%}.suggested-topics-scroller::-webkit-scrollbar{height:6px}.suggested-topics-scroller::-webkit-scrollbar-track{background:var(--border-primary);border-radius:3px}.suggested-topics-scroller::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:3px}.suggested-topics-scroller::-webkit-scrollbar-thumb:hover{background:#3b82f6b3}.suggested-topics-list{display:flex;gap:1rem;min-width:-webkit-max-content;min-width:max-content;padding:.5rem}.suggested-topic-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:.875rem;max-height:260px;min-height:220px;padding:1.25rem;position:relative;transition:all .3s ease;width:100%}.suggested-topic-card:hover{background:var(--border-secondary);border-color:#3b82f64d;box-shadow:0 8px 25px #0003;transform:translateY(-4px)}.suggested-topic-icon{font-size:2.5rem;margin-bottom:.5rem;text-align:center}.suggested-topic-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.suggested-topic-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;line-height:1.3;margin:0}.suggested-topic-description{-webkit-line-clamp:4;-webkit-box-orient:vertical;word-wrap:break-word;color:var(--text-muted);display:-webkit-box;flex-shrink:0;font-size:.9rem;line-height:1.4;margin:0;overflow:hidden}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.category-filter{background:var(--bg-input);border:none;border-radius:2rem;color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.category-filter:hover{background:var(--bg-input-focus);color:var(--text-primary)}.category-filter.active{background:linear-gradient(135deg,var(--link-primary) 0,#8b5cf6 100%);color:var(--text-primary)}.error-banner{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:.5rem;color:#fca5a5;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.error-icon{font-size:1.125rem}.section-title{color:var(--text-primary);font-size:1.875rem;font-weight:600;margin-bottom:.5rem}.section-header{margin-bottom:2rem}.section-description{color:var(--text-muted);display:block;font-size:1rem;line-height:1.5;margin-bottom:1.5rem;visibility:visible}.my-learnings{margin-bottom:3rem}.load-more-container{margin-top:2rem;padding:1rem;text-align:center}.my-learnings-search-container{margin-bottom:2rem}.my-learnings-search-wrapper{align-items:center;display:flex;margin:0;max-width:500px;position:relative}.my-learnings-search-icon{color:var(--text-muted);font-size:1.125rem;left:1rem;position:absolute;z-index:1}.my-learnings-search-input{background:var(--bg-input);border:2px solid var(--border-primary);border-radius:.75rem;color:var(--text-primary);font-size:1rem;padding:.875rem 1rem .875rem 3rem;transition:all .2s ease;width:100%}.my-learnings-search-input:focus{background:var(--bg-input-focus);border-color:var(--link-primary);box-shadow:0 0 0 3px var(--focus-ring-shadow)}.my-learnings-search-input::placeholder{color:var(--text-muted)}.topics-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);justify-content:center;justify-items:center;max-width:100%;padding:1.5rem}@media (max-width:1400px){.topics-grid{gap:1.75rem;grid-template-columns:repeat(3,1fr);padding:1.25rem}}@media (max-width:1200px){.topics-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr);padding:1rem}}@media (max-width:768px){.topics-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr);padding:.75rem}}@media (max-width:600px){.topics-grid{gap:1rem;grid-template-columns:1fr;padding:.25rem}}@media (max-width:480px){.topics-grid{gap:.75rem;grid-template-columns:1fr;margin:0 auto;max-width:400px;padding:.125rem}}@media (max-width:360px){.topics-grid{gap:.75rem;grid-template-columns:1fr;max-width:320px;padding:.25rem}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-text{color:var(--text-muted);font-size:.75rem;text-align:center}.suggested-topics{margin-bottom:3rem}.category-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.category-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;cursor:pointer;padding:1.5rem;text-align:center;transition:all .2s ease}.category-card:hover{background:var(--border-secondary);transform:translateY(-2px)}.category-icon{font-size:2.5rem;margin-bottom:1rem}.category-card h3{color:var(--text-primary);font-size:1rem;font-weight:600}.recommended-topics{margin-bottom:3rem}.empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;margin:0 auto;max-width:600px;padding:3rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center;width:100%}.empty-state p{font-size:1.125rem;line-height:1.6;margin:0;text-align:center;width:100%}@media (max-width:768px){.home-container{padding:1rem}.welcome-title{font-size:2rem}.welcome-subtitle{font-size:1rem}.empty-state{max-width:100%;padding:2rem 1rem}.empty-state h3{font-size:1.25rem}.empty-state p{font-size:1rem}.learning-prompt-title{font-size:1.25rem}.learning-prompt-description{font-size:.9rem;max-width:100%}.learning-prompt-input{font-size:1rem;padding:1rem 4rem 1rem 1.25rem}.my-learnings-search-input{font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem}.search-section{gap:1rem}.suggested-topics-bar{max-width:100%}.suggested-topics-scroller{padding:.25rem 0}.suggested-topics-list{gap:.75rem;padding:.25rem}.suggested-topic-card{max-height:240px;min-height:200px;padding:1rem}.suggested-topic-icon{font-size:2rem}.suggested-topic-title{font-size:1rem}.suggested-topic-description{font-size:.8rem}.category-filters{gap:.25rem}.category-filter{font-size:.75rem;padding:.375rem .75rem}.topics-grid{gap:.75rem;padding:.25rem}.category-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.category-card{padding:1rem}.category-icon{font-size:2rem}.section-title{font-size:1.5rem}.topic-content{padding:0}}@media (max-width:600px){.home-container{padding:.75rem}}@media (max-width:480px){.home-container{padding:.5rem}.category-grid{grid-template-columns:1fr}.search-input{padding:.875rem .875rem .875rem 4.5rem}.search-loading{right:2.5rem}.suggested-topic-card{max-height:220px;min-height:180px;padding:1rem}.suggested-topic-icon{font-size:1.75rem}.suggested-topic-title{font-size:.9rem}.suggested-topic-description{font-size:.75rem}}.search-loading-indicator{align-items:center;display:flex;justify-content:center;position:absolute;right:5rem;top:50%;transform:translateY(-50%);z-index:5}.search-spinner{animation:spin .8s linear infinite;border:2px solid #fff3;border-radius:50%;border-top:2px solid var(--link-primary);height:20px;width:20px}.create-topic-arrow-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .3s ease;width:44px;z-index:10}.create-topic-arrow-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-50%) scale(1.05)}.create-topic-arrow-btn:disabled{background:var(--text-subtle);box-shadow:none;cursor:not-allowed;opacity:.6;transform:translateY(-50%) scale(1)}.create-topic-arrow-btn svg{transition:transform .2s ease}.create-topic-arrow-btn:hover:not(:disabled) svg{transform:translateX(2px)}.create-topic-arrow-btn .loading-spinner{animation:spin 1s linear infinite!important;border:2px solid #ffffff4d!important;border-radius:50%!important;border-top:2px solid var(--text-primary)!important;height:20px!important;margin:0!important;padding:0!important;width:20px!important}.suggested-topics-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.suggested-topics-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:2rem;margin-bottom:1rem;width:2rem}.suggested-topics-loading p{color:var(--text-subtle);font-size:.9rem;margin:0}.suggested-topics-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;margin:1rem 0;padding:2rem;text-align:center}.suggested-topics-error p{color:#dc2626;font-size:.9rem;margin:0}.suggested-topics-no-match{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;display:flex;flex-direction:column;justify-content:center;margin:1rem 0;padding:1.5rem;text-align:center}.suggested-topics-no-match p{color:var(--text-muted);font-size:.875rem;line-height:1.5;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.2a9bd359.css.map*/