body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.error-dialog-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.error-dialog{animation:slideIn .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:520px;min-width:420px;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.error-dialog-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:14px;padding:28px 28px 20px;position:relative}.error-icon{flex-shrink:0;font-size:36px;line-height:1}.error-dialog-header h2{color:#1f2937;flex:1 1;font-size:22px;font-weight:700;line-height:1.3;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:32px;height:36px;justify-content:center;line-height:1;position:absolute;right:20px;top:20px;transition:all .2s;width:36px}.close-btn:hover{background-color:#f3f4f6;color:#6b7280}.error-dialog-body{padding:24px 28px}.error-message{color:#4b5563;font-size:16px;line-height:1.7;margin:0 0 20px}.credit-details{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #e5e7eb;border-radius:12px;margin-top:18px;padding:18px}.credit-row{align-items:center;display:flex;font-size:15px;justify-content:space-between;padding:10px 0}.credit-row:not(:last-child){border-bottom:1px solid #e5e7eb}.credit-row span{color:#6b7280;font-weight:500}.credit-row strong{color:#1f2937;font-size:16px;font-weight:700}.credit-row.shortage{border-bottom:none;border-top:2px solid #d1d5db;margin-top:4px;padding-top:14px}.credit-row.shortage strong{color:#dc2626;font-size:18px}.error-code{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;margin-top:18px;padding:10px 14px}.error-dialog-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px 28px}.btn-primary,.btn-secondary{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-primary:hover{box-shadow:0 6px 20px #667eea66}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:#4b5563}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.error-dialog.insufficient-credits .error-dialog-header{border-bottom-color:#fbbf24}.error-dialog.insufficient-credits .error-icon{filter:drop-shadow(0 2px 4px rgba(251,191,36,.3))}.error-dialog.auth-error .error-dialog-header{border-bottom-color:#f87171}.error-dialog.auth-error .error-icon{filter:drop-shadow(0 2px 4px rgba(220,38,38,.3))}.error-dialog.not-found .error-dialog-header{border-bottom-color:#60a5fa}.error-dialog.server-error .error-dialog-header{border-bottom-color:#ef4444}.error-dialog.server-error .error-icon{filter:drop-shadow(0 2px 4px rgba(239,68,68,.3))}.error-dialog.network-error .error-dialog-header{border-bottom-color:#a78bfa}.error-dialog.network-error .error-icon{filter:drop-shadow(0 2px 4px rgba(167,139,250,.3))}@media (max-width:640px){.error-dialog{border-radius:20px;margin:16px;max-width:92vw;min-width:92vw}.error-dialog-header{padding:24px 20px 16px}.error-dialog-header h2{font-size:19px}.error-icon{font-size:32px}.close-btn{font-size:28px;height:32px;right:16px;top:16px;width:32px}.error-dialog-body{padding:20px}.error-message{font-size:15px}.credit-details{padding:14px}.credit-row{font-size:14px;padding:8px 0}.credit-row strong{font-size:15px}.credit-row.shortage strong{font-size:16px}.error-dialog-footer{flex-direction:column-reverse;padding:16px 20px 24px}.btn-primary,.btn-secondary{padding:14px;width:100%}}@media (max-width:380px){.error-dialog{margin:8px;min-width:96vw}.error-dialog-header h2{font-size:17px}.error-icon{font-size:28px}}.modal-overlay{background:#00000080;inset:0;padding:20px;z-index:999}.modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:90vh;max-height:900px;max-width:800px;overflow:hidden;width:100%}.modal-header{background:#fafafa;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:20px 24px}.modal-title{color:#111827;font-size:20px;font-weight:600;margin:0}.modal-close-btn{align-items:center;color:#6b7280;display:flex;justify-content:center;transition:all .2s}.modal-close-btn:hover{background:#e5e7eb;color:#111827}.modal-content{overflow-y:scroll}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#555}.modal-content{scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}.modal-footer{align-items:center;background:#fafafa;border-top:1px solid #e5e7eb;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px}.modal-download-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s}.modal-download-btn:hover{background:#2563eb;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.modal-download-btn:active{transform:translateY(0)}.modal-close-button{background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:all .2s}.modal-close-button:hover{background:#e5e7eb;color:#111827}.modal-content{color:#374151;flex:1 1;font-size:15px;line-height:1.7;max-height:calc(90vh - 140px);min-height:0;overflow-x:hidden;overflow-y:scroll!important;padding:24px}.modal-content h3:first-child{margin-top:0}.modal-content p{margin:12px 0}.modal-content code{background:#f3f4f6;border-radius:4px;color:#dc2626;font-family:monospace;font-size:14px;padding:2px 6px}.modal-content pre{background:#f3f4f6;border-radius:8px;margin:16px 0;overflow-x:auto;padding:16px}.modal-content pre code{background:none;color:inherit;padding:0}.modal-content .katex-display{margin:20px 0;overflow-x:auto;overflow-y:hidden}.modal-content .katex{font-size:1.1em}.featured-videos{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding:5rem 2rem;position:relative}.featured-videos:before{filter:blur(100px);height:500px;left:-10%;top:-50%;width:500px}.featured-videos:after,.featured-videos:before{background:#ffffff0d;border-radius:50%;content:"";position:absolute}.featured-videos:after{bottom:-50%;filter:blur(120px);height:600px;right:-10%;width:600px}.featured-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.featured-header{margin-bottom:3rem;text-align:center}.featured-header h2{color:#fff;font-size:2.75rem;font-weight:800;margin:0 0 1rem;text-shadow:0 2px 20px #0003}.featured-subtitle{color:#fffffff2;font-size:1.25rem;font-weight:400;margin:0}.featured-loading{color:#fff;padding:4rem 2rem;text-align:center}.featured-video-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.featured-transcript-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s;white-space:nowrap}.featured-transcript-btn:hover{background:#2563eb;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.featured-transcript-btn:active{transform:translateY(0)}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff;height:50px;margin:0 auto 1.5rem;width:50px}.featured-loading p{font-size:1.1rem;opacity:.9}.featured-carousel{margin:0 auto;max-width:1000px;padding:0 70px;position:relative}.featured-nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:50%;box-shadow:0 4px 16px #0003;color:#667eea;cursor:pointer;display:flex;height:56px;justify-content:center;position:absolute;top:40%;transform:translateY(-50%);transition:all .3s;width:56px;z-index:10}.featured-nav-btn:hover{background:#fff;box-shadow:0 6px 20px #0000004d;transform:translateY(-50%) scale(1.1)}.featured-nav-btn:active{transform:translateY(-50%) scale(.95)}.featured-nav-btn.prev{left:0}.featured-nav-btn.next{right:0}.featured-video-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 60px #0000004d;margin-bottom:2rem;overflow:hidden}.featured-video-container{background:#000;position:relative;width:100%}.featured-thumbnail{cursor:pointer;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.featured-thumbnail img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s;width:100%}.featured-thumbnail:hover img{transform:scale(1.05)}.featured-play-overlay{align-items:center;background:#0000004d;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.featured-thumbnail:hover .featured-play-overlay{opacity:1}.featured-play-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eeaf2;border-radius:50%;box-shadow:0 8px 32px #0006;display:flex;height:120px;justify-content:center;transition:all .3s;width:120px}.featured-thumbnail:hover .featured-play-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 12px 40px #667eea99;transform:scale(1.15)}.featured-play-button:active{transform:scale(1.05)}.featured-video-player-wrapper{background:#000;padding-top:56.25%;position:relative;width:100%}.featured-video-player{background:#000;height:100%;left:0;position:absolute;top:0;width:100%}.featured-video-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;padding:2rem}.featured-video-info h3{color:#fff;font-size:1.75rem;font-weight:700;line-height:1.3;margin:0 0 1.25rem}.featured-meta{display:flex;flex-wrap:wrap;gap:.75rem}.featured-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:24px;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.featured-badge.language{background:#ffffff40}.featured-badge.quality{background:#fff3}.featured-badge.duration{background:#ffffff26}.featured-thumbnails{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;overflow-x:auto;padding:.5rem 0;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.featured-thumbnails::-webkit-scrollbar{height:6px}.featured-thumbnails::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.featured-thumbnails::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.featured-thumbnails::-webkit-scrollbar-thumb:hover{background:#ffffff80}.featured-thumbnail-btn{background:#ffffff1a;border:3px solid #0000;border-radius:12px;cursor:pointer;flex-shrink:0;overflow:hidden;padding:0;position:relative;transition:all .3s;width:180px}.featured-thumbnail-btn:hover{border-color:#ffffff80;box-shadow:0 6px 20px #0000004d;transform:translateY(-4px)}.featured-thumbnail-btn.active{border-color:#fff;box-shadow:0 8px 24px #fff6;transform:translateY(-2px)}.featured-thumbnail-btn img{aspect-ratio:16/9;display:block;object-fit:cover;width:100%}.thumbnail-placeholder{aspect-ratio:16/9;background:#ffffff0d}.thumbnail-overlay{background:linear-gradient(0deg,#000c,#0000);bottom:0;left:0;padding:.75rem;position:absolute;right:0}.thumbnail-title{font-size:.875rem;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.featured-indicators{display:flex;gap:.75rem;justify-content:center;margin-top:1rem}.featured-indicator{background:#fff6;border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s;width:12px}.featured-indicator:hover{background:#ffffffb3;transform:scale(1.3)}.featured-indicator.active{background:#fff;border-radius:6px;box-shadow:0 2px 12px #ffffff80;width:40px}.featured-header{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:2rem}.featured-header-content{flex:1 1;min-width:300px}.btn-community-gallery{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.625rem;padding:.875rem 1.75rem;transition:all .3s ease;white-space:nowrap}.btn-community-gallery:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.community-gallery-cta{align-items:center;background:linear-gradient(135deg,#f8f9fc,#fff);border:2px solid #e5e7eb;border-radius:20px;display:flex;gap:2rem;justify-content:space-between;margin-top:3rem;padding:2.5rem;transition:all .3s ease}.community-gallery-cta:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26}.cta-content{flex:1 1;gap:1.5rem}.cta-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.cta-text h3{color:#111827;font-size:1.5rem;margin:0 0 .5rem}.cta-text p{color:#6b7280;font-size:1rem;margin:0}.cta-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease;white-space:nowrap}.cta-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.cta-button:active{transform:translateY(0)}.cta-button svg{transition:transform .3s ease}.cta-button:hover svg{transform:translateX(4px)}@media (max-width:1024px){.community-gallery-cta{padding:2rem}.community-gallery-cta,.cta-content{flex-direction:column;text-align:center}.cta-button{justify-content:center;width:100%}}@media (max-width:768px){.featured-header{align-items:stretch;flex-direction:column;gap:1.5rem}.featured-header-content{text-align:center}.btn-community-gallery{justify-content:center;padding:1rem 2rem;width:100%}.community-gallery-cta{margin-top:2rem;padding:1.5rem}.cta-icon{height:64px;width:64px}.cta-icon svg{height:32px;width:32px}.cta-text h3{font-size:1.25rem}.cta-text p{font-size:.95rem}.cta-button{font-size:1rem;padding:.875rem 1.5rem}}@media (max-width:480px){.community-gallery-cta{padding:1.25rem}.cta-text h3{font-size:1.1rem}.cta-text p{font-size:.9rem}}.featured-counter{align-items:center;color:#fffc;display:flex;font-size:1rem;font-weight:600;gap:.375rem;justify-content:center;margin-top:1.5rem}.featured-counter .current{color:#fff;font-size:1.5rem;font-weight:800}.featured-counter .separator{color:#fff9;font-size:1.25rem}.featured-counter .total{color:#ffffffe6;font-size:1.25rem}@media (max-width:1024px){.featured-videos{padding:4rem 1.5rem}.featured-carousel{padding:0 65px}.featured-nav-btn{height:52px;width:52px}.featured-play-button{height:110px;width:110px}.featured-header h2{font-size:2.5rem}.featured-subtitle{font-size:1.125rem}.featured-thumbnail-btn{width:160px}}@media (max-width:768px){.featured-videos{padding:3rem 1rem}.featured-carousel{padding:0 60px}.featured-nav-btn{height:48px;top:35%;width:48px}.featured-nav-btn svg{height:24px;width:24px}.featured-play-button{height:100px;width:100px}.featured-play-button svg{height:48px;width:48px}.featured-header h2{font-size:2rem}.featured-subtitle{font-size:1rem}.featured-video-info{padding:1.5rem}.featured-video-info h3{font-size:1.5rem}.featured-badge{font-size:.85rem;padding:.375rem .875rem}.featured-thumbnail-btn{width:140px}.thumbnail-title{font-size:.813rem}}@media (max-width:480px){.featured-videos{padding:2.5rem 1rem}.featured-carousel{padding:0 50px}.featured-nav-btn{height:44px;top:30%;width:44px}.featured-nav-btn svg{height:22px;width:22px}.featured-play-button{height:80px;width:80px}.featured-play-button svg{height:40px;width:40px}.featured-header{margin-bottom:2rem}.featured-header h2{font-size:1.75rem}.featured-subtitle{font-size:.95rem}.featured-video-wrapper{border-radius:16px;margin-bottom:1.5rem}.featured-video-info{padding:1.25rem}.featured-video-info h3{font-size:1.25rem;margin-bottom:1rem}.featured-meta{gap:.5rem}.featured-badge{font-size:.813rem;padding:.375rem .75rem}.badge-flag{font-size:1rem}.featured-thumbnails{gap:.75rem;margin-bottom:1.5rem}.featured-thumbnail-btn{width:120px}.thumbnail-overlay{padding:.5rem}.thumbnail-title{font-size:.75rem}.featured-indicators{gap:.5rem;margin-top:.75rem}.featured-indicator{height:10px;width:10px}.featured-indicator.active{width:32px}.featured-counter{font-size:.9rem;margin-top:1.25rem}.featured-counter .current{font-size:1.25rem}.featured-counter .separator,.featured-counter .total{font-size:1.125rem}}@media (prefers-reduced-motion:reduce){.featured-indicator,.featured-nav-btn,.featured-play-button,.featured-thumbnail img,.featured-thumbnail-btn{transition:none}}@media (hover:none) and (pointer:coarse){.featured-play-overlay{opacity:.8}}.language-switcher{display:inline-block;position:relative;z-index:100}.language-button{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;min-width:80px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.language-button:hover{background:#2a2a2a;border-color:#444;transform:translateY(-1px)}.language-button:active{transform:translateY(0)}.language-code{color:#fff;font-weight:600;letter-spacing:.5px}.language-button svg{color:#fff}.language-dropdown{animation:slideDown .2s ease;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:10000}.language-option{align-items:center;background:none;border:none;color:#1a1a1a;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;position:relative;text-align:left;transition:background .2s ease;width:100%}.language-option:hover{background:#f5f5f5}.language-option.active{background:#f0f9ff;color:#06c;font-weight:600}.language-option:not(:last-child){border-bottom:1px solid #f0f0f0}.language-flag{font-size:20px;line-height:1}.language-name{flex:1 1;text-align:left}.checkmark{color:#06c;font-size:16px;font-weight:700}.header-container,.header-right,.nav-buttons{overflow:visible!important}@media (max-width:768px){.language-button{font-size:13px;min-width:70px;padding:6px 10px}.language-dropdown{min-width:160px;right:-10px}.language-option{font-size:13px;padding:10px 14px}.language-flag{font-size:18px}}@media (max-width:480px){.language-button{min-width:60px;padding:6px 8px}.language-code{font-size:12px}.language-dropdown{min-width:140px}}.support-modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.support-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:600px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:10001}.support-modal-header{align-items:center;background:linear-gradient(135deg,#f8f9fc,#f3f4f6);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:1.5rem}.support-modal-title-section{align-items:center;display:flex;gap:.75rem}.support-modal-icon{color:#667eea}.support-modal-title{color:#111827;font-size:1.25rem;font-weight:700;margin:0}.support-modal-close{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.support-modal-close:hover{background:#f3f4f6;transform:rotate(90deg)}.support-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.support-form-group{margin-bottom:1.5rem}.support-label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.support-label .required{color:#dc2626;margin-left:.25rem}.support-select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-size:.938rem;outline:none;padding:.75rem;transition:all .2s ease;width:100%}.support-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.support-select:disabled{background:#f9fafb;cursor:not-allowed}.support-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-size:.938rem;outline:none;padding:.75rem;transition:all .2s ease;width:100%}.support-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.support-input:disabled{background:#f9fafb;cursor:not-allowed}.support-textarea{border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-family:inherit;font-size:.938rem;outline:none;padding:.75rem;resize:vertical;transition:all .2s ease;width:100%}.support-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.support-textarea:disabled{background:#f9fafb;cursor:not-allowed}.support-char-count{color:#9ca3af;font-size:.75rem;margin-top:.25rem;text-align:right}.support-upload-area{background:#f9fafb;border:2px dashed #d1d5db;border-radius:10px;cursor:pointer;padding:2rem;position:relative;text-align:center;transition:all .2s ease}.support-upload-area:hover{background:#f0f4ff;border-color:#667eea}.support-file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.support-file-input:disabled{cursor:not-allowed}.support-upload-content{color:#6b7280;pointer-events:none}.support-upload-content svg{color:#9ca3af;margin:0 auto .75rem}.support-upload-text{font-size:.938rem;font-weight:500;margin:0 0 .25rem}.support-upload-hint{color:#9ca3af;font-size:.813rem;margin:0}.support-image-preview{border:2px solid #e5e7eb;border-radius:10px;overflow:hidden;position:relative}.support-image-preview img{display:block;height:auto;width:100%}.support-remove-image{align-items:center;background:#dc2626e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:32px}.support-remove-image:hover{background:#dc2626;transform:scale(1.1)}.support-status{align-items:center;border-radius:10px;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.875rem}.support-status.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.support-status.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.support-modal-footer{background:#f9fafb;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;padding:1.5rem}.support-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.938rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.support-btn-cancel{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.support-btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.support-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.support-btn-submit:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.support-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.support-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@media (max-width:768px){.support-modal{max-height:95vh;width:95%}.support-modal-header{padding:1.25rem}.support-modal-title{font-size:1.125rem}.support-modal-body{padding:1.25rem}.support-modal-footer{flex-direction:column;padding:1.25rem}.support-btn{width:100%}}@media (max-width:480px){.support-modal{max-height:100vh;max-width:100vw;width:100%}.support-modal,.support-modal-footer,.support-modal-header{border-radius:0}.support-modal-header{padding:1rem}.support-modal-title{font-size:1rem}.support-modal-body{padding:1rem}.support-upload-area{padding:1.5rem 1rem}}.recent-videos-carousel{width:100%}.recent-carousel-empty,.recent-carousel-loading{color:#6b7280;padding:4rem 2rem;text-align:center}.loading-spinner,.recent-carousel-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 1rem;width:40px}.recent-carousel-empty h3{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.recent-carousel-empty p{font-size:.95rem;margin:0}.recent-carousel-wrapper{margin:0 auto;max-width:1000px;padding:0 60px;position:relative}.recent-nav-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#667eea;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;top:35%;transform:translateY(-50%);transition:all .2s;width:48px;z-index:10}.recent-nav-btn:hover{background:#667eea;box-shadow:0 6px 16px #667eea66;color:#fff;transform:translateY(-50%) scale(1.1)}.recent-nav-btn:active{transform:translateY(-50%) scale(.95)}.recent-nav-btn.prev{left:0}.recent-nav-btn.next{right:0}.recent-video-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 6px #00000012,0 10px 20px #0000000d;margin-bottom:2rem;overflow:hidden;transition:transform .3s,box-shadow .3s}.recent-video-card:hover{box-shadow:0 8px 12px #0000001a,0 20px 40px #00000014;transform:translateY(-2px)}.recent-video-container{background:#000;position:relative;width:100%}.recent-thumbnail{background:#f3f4f6;cursor:pointer;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.recent-thumbnail img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s;width:100%}.recent-thumbnail:hover img{transform:scale(1.05)}.recent-thumbnail-placeholder{align-items:center;background:linear-gradient(135deg,#667eea15,#764ba215);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.placeholder-icon{font-size:5rem;margin-bottom:.5rem;opacity:.4}.recent-thumbnail-placeholder p{color:#6b7280;font-size:1rem;font-weight:500}.recent-status-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;bottom:16px;box-shadow:0 2px 8px #00000026;font-size:.875rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:16px;z-index:2}.recent-play-overlay{align-items:center;background:#0000004d;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:1}.recent-thumbnail:hover .recent-play-overlay{opacity:1}.recent-play-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eeaf2;border-radius:50%;box-shadow:0 8px 24px #0000004d;display:flex;height:100px;justify-content:center;transition:all .3s ease;width:100px}.recent-thumbnail:hover .recent-play-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 12px 32px #667eea80;transform:scale(1.15)}.recent-play-button:active{transform:scale(1.05)}.recent-video-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.recent-video-header h3{flex:1 1;margin:0}.recent-transcript-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s;vertical-align:middle;white-space:nowrap}.recent-transcript-btn:hover{background:#2563eb;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.recent-transcript-btn:active{transform:translateY(0)}.recent-video-player-wrapper{background:#000;padding-top:56.25%;position:relative;width:100%}.recent-video-player{background:#000;height:100%;left:0;position:absolute;top:0;width:100%}.recent-video-info{background:#fff;padding:2rem}.recent-video-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#111827;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 1.25rem}.recent-meta{display:flex;flex-wrap:wrap;gap:.75rem}.recent-badge{align-items:center;border-radius:8px;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.recent-badge.language{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;color:#1e40af}.recent-badge.quality{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;color:#166534}.recent-badge.date{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;color:#92400e}.badge-flag{font-size:1.1rem}.badge-flag,.badge-text{line-height:1}.recent-thumbnails{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;overflow-x:auto;padding:.5rem 0;scrollbar-color:#d1d5db #f3f4f6;scrollbar-width:thin}.recent-thumbnails::-webkit-scrollbar{height:6px}.recent-thumbnails::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.recent-thumbnails::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.recent-thumbnails::-webkit-scrollbar-thumb:hover{background:#9ca3af}.recent-thumbnail-btn{background:#fff;border:3px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;cursor:pointer;flex-shrink:0;overflow:hidden;padding:0;position:relative;transition:all .3s;width:180px}.recent-thumbnail-btn:hover{border-color:#667eea;box-shadow:0 6px 20px #667eea33;transform:translateY(-4px)}.recent-thumbnail-btn.active{border-color:#667eea;box-shadow:0 8px 24px #667eea4d;transform:translateY(-2px)}.recent-thumbnail-btn img{aspect-ratio:16/9;display:block;object-fit:cover;width:100%}.thumb-placeholder{align-items:center;aspect-ratio:16/9;background:#f3f4f6;display:flex;font-size:3rem;justify-content:center;opacity:.5;width:100%}.thumb-status{border:2px solid #fff;border-radius:50%;height:10px;position:absolute;right:8px;top:8px;width:10px;z-index:2}.thumb-overlay{background:linear-gradient(0deg,#000c,#0000);bottom:0;left:0;padding:.75rem;position:absolute;right:0}.thumb-title{color:#fff;font-size:.875rem;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.recent-indicators{display:flex;gap:.625rem;justify-content:center;margin-top:1rem}.recent-indicator{background:#d1d5db;border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s;width:12px}.recent-indicator:hover{background:#9ca3af;transform:scale(1.3)}.recent-indicator.active{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;box-shadow:0 2px 8px #667eea66;width:40px}.recent-counter{align-items:center;color:#6b7280;display:flex;font-size:1rem;font-weight:600;gap:.375rem;justify-content:center;margin-top:1.25rem}.recent-counter .current{color:#667eea;font-size:1.25rem;font-weight:700}.recent-counter .separator{color:#d1d5db;font-size:1.125rem}.recent-counter .total{font-size:1.125rem}@media (max-width:1024px){.recent-carousel-wrapper{padding:0 55px}.recent-nav-btn{height:44px;width:44px}.recent-play-button{height:90px;width:90px}.recent-thumbnail-btn{width:160px}}@media (max-width:768px){.recent-carousel-wrapper{padding:0 50px}.recent-nav-btn{height:40px;top:30%;width:40px}.recent-nav-btn svg{height:20px;width:20px}.recent-play-button{height:80px;width:80px}.recent-play-button svg{height:40px;width:40px}.recent-video-info{padding:1.5rem}.recent-video-info h3{font-size:1.25rem}.recent-badge{font-size:.813rem;padding:.375rem .875rem}.recent-thumbnail-btn{width:140px}.thumb-title{font-size:.813rem}}@media (max-width:480px){.recent-carousel-wrapper{padding:0 45px}.recent-nav-btn{height:36px;top:25%;width:36px}.recent-nav-btn svg{height:18px;width:18px}.recent-play-button{height:70px;width:70px}.recent-play-button svg{height:36px;width:36px}.recent-status-badge{bottom:12;font-size:.813rem;padding:.375rem .75rem;right:12px}.recent-video-card{margin-bottom:1.5rem}.recent-video-info{padding:1.25rem}.recent-video-info h3{font-size:1.125rem;margin-bottom:.875rem}.recent-meta{gap:.5rem}.recent-badge{font-size:.75rem;padding:.375rem .75rem}.badge-flag{font-size:1rem}.recent-thumbnails{gap:.75rem;margin-bottom:1.5rem}.recent-thumbnail-btn{width:120px}.thumb-overlay{padding:.5rem}.thumb-title{font-size:.75rem}.recent-indicators{gap:.5rem}.recent-indicator{height:10px;width:10px}.recent-indicator.active{width:32px}.recent-counter{font-size:.875rem;margin-top:1rem}.recent-counter .current{font-size:1.125rem}}@media (prefers-reduced-motion:reduce){.recent-indicator,.recent-nav-btn,.recent-play-button,.recent-thumbnail img,.recent-thumbnail-btn{transition:none}}@media (hover:none) and (pointer:coarse){.recent-play-overlay{opacity:.8}}@media (max-width:768px){.recent-transcript-btn{justify-content:center;margin-top:8px;width:100%}}@media (max-width:480px){.recent-transcript-btn span{font-size:12px}}.prompt-input-container{margin:0 auto;max-width:900px;width:100%}.settings-grid-2x2{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.settings-label svg{color:#667eea;flex-shrink:0}.settings-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23374151' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;outline:none;padding:.875rem 2.5rem .875rem 1rem;transition:all .2s ease;width:100%}.settings-select:hover:not(:disabled){border-color:#667eea;box-shadow:0 0 0 3px #667eea0d}.settings-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.settings-select:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.settings-select option{background:#fff;color:#374151;padding:.5rem}.render-time-estimate{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:10px;font-weight:600;padding:.875rem}.render-time-estimate svg{color:#16a34a;flex-shrink:0}@media (max-width:1024px){.settings-grid-2x2{gap:1rem}}@media (max-width:768px){.settings-grid-2x2{gap:1rem;grid-template-columns:1fr}.settings-panel{padding:1.25rem}.settings-select{font-size:13px;padding:.75rem 2.25rem .75rem .875rem}}@media (max-width:480px){.settings-panel{padding:1rem}.settings-label{font-size:.813rem}.settings-select{font-size:12px;padding:.625rem 2rem .625rem .75rem}.render-time-estimate{font-size:.813rem;padding:.75rem}}.tab-description{background:linear-gradient(135deg,#f8f9fc,#fff);border-left:4px solid #667eea;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.tab-description-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.tab-description-text{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0}@media (max-width:768px){.tab-description{padding:1.25rem}.tab-description-title{font-size:1.25rem}.tab-description-text{font-size:.875rem}}@media (max-width:480px){.tab-description{padding:1rem}.tab-description-title{font-size:1.125rem}}.aspect-ratio-select,.duration-select,.language-select,.quality-select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;padding:.875rem 1rem;transition:all .2s}.aspect-ratio-select:hover,.duration-select:hover,.language-select:hover,.quality-select:hover{border-color:#667eea}.aspect-ratio-select:focus,.duration-select:focus,.language-select:focus,.quality-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.aspect-ratio-select:disabled,.duration-select:disabled,.language-select:disabled,.quality-select:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.quota-status-banner{align-items:center;border-radius:12px;display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:1.25rem;padding:1rem 1.25rem}.quota-status-banner.available{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;color:#3730a3}.quota-status-banner.limit-reached{background:linear-gradient(135deg,#fff1f2,#ffe4e6);border:1px solid #fecdd3;color:#9f1239}.quota-left{align-items:center;display:flex;gap:.75rem}.quota-icon{font-size:1.5rem}.quota-left p{font-size:.85rem;margin:.25rem 0 0;opacity:.9}.quota-right{font-size:.85rem;text-align:right}.quota-reset-label{display:block;opacity:.7}.quota-reset-time{font-size:1.1rem;font-weight:600}.quota-reset-row{align-items:flex-start;display:flex;gap:.5rem}.quota-reset-icon{font-size:1rem;line-height:1.2;opacity:.8}.service-status-banner{align-items:center;border-radius:10px;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;margin-bottom:2rem;padding:1rem 1.25rem}.service-status-banner.checking{background:#f0f9ff;border:1px solid #bfdbfe;color:#1e40af}.service-status-banner.online{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.service-status-banner.offline{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;flex-direction:column}.service-status-banner.offline strong{font-weight:600}.service-status-banner.offline p{font-size:.875rem;margin:.25rem 0 0}.status-icon{font-size:1.25rem}.tabs-nav-enhanced{grid-gap:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;padding:.5rem}.tab-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;overflow:hidden;padding:1rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-btn:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s;z-index:0}.tab-btn:hover:not(:disabled):before{opacity:.05}.tab-btn.active:before{opacity:1}.tab-btn.active{border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.tab-btn:disabled{cursor:not-allowed;opacity:.5}.tab-icon{flex-shrink:0;position:relative;z-index:1}.tab-content-text{align-items:flex-start;display:flex;flex-direction:column;gap:.125rem;position:relative;text-align:left;z-index:1}.tab-title{font-size:.95rem;font-weight:600}.tab-desc{font-size:.75rem;font-weight:400;opacity:.7}.duration-selector-container{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:2px solid #e9d5ff;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.duration-options{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-top:1rem}.duration-option{align-items:center;background:#fff;border:2px solid #e9d5ff;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.375rem;padding:1rem .75rem;transition:all .3s}.duration-option:hover:not(:disabled){border-color:#a855f7;box-shadow:0 4px 12px #a855f733;transform:translateY(-2px)}.duration-option.active{background:linear-gradient(135deg,#a855f7,#9333ea);border-color:#9333ea;box-shadow:0 4px 16px #9333ea66;color:#fff}.duration-option:disabled{cursor:not-allowed;opacity:.5}.duration-emoji{font-size:1.5rem}.duration-value{font-size:.875rem;font-weight:600}.duration-desc{font-size:.75rem;opacity:.8;text-align:center}.duration-hint{color:#7c3aed;font-size:.813rem;font-style:italic;margin:1rem 0 0;text-align:center}.settings-panel{background:#fff;border:2px solid #e5e7eb;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.settings-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.settings-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.setting-group{display:flex;flex-direction:column}.aspect-ratio-select,.language-select,.quality-select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;padding:.875rem 1rem;transition:all .2s}.aspect-ratio-select:hover,.language-select:hover,.quality-select:hover{border-color:#667eea}.aspect-ratio-select:focus,.language-select:focus,.quality-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.aspect-ratio-select:disabled,.language-select:disabled,.quality-select:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.render-time-estimate{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem}.tab-content{animation:fadeIn .4s ease-in-out}.tab-form{width:100%}.form-group label{align-items:center;color:#374151;display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:.75rem}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:.95rem;padding:.875rem 1rem;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.form-group textarea{line-height:1.6;min-height:100px}.code-textarea{background:#1e1e1e!important;border-color:#2d2d2d!important;color:#d4d4d4!important;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.875rem;line-height:1.6;tab-size:4}.code-textarea:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea26!important}.code-textarea:disabled{background:#2d2d2d!important;opacity:.5}.scene-name-input{background:#f9fafb;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-weight:600}.auto-detected{color:#10b981;display:inline-block;font-size:.813rem;font-weight:500}.code-hint{color:#9ca3af;display:block;font-size:.813rem;font-weight:400;margin-top:.5rem}.btn-primary{border-radius:12px;box-shadow:0 4px 12px #667eea4d;font-size:1rem;padding:1.125rem 2rem;transition:all .3s;width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;transform:none}.btn-secondary{border:2px solid #e5e7eb;border-radius:12px;color:#374151;font-size:1rem;padding:1rem 2rem}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-secondary:disabled{opacity:.6}.button-group{display:flex;gap:1rem;margin-top:1.5rem}.button-group button{flex:1 1}.edit-code-btn{background:#fff;border:1px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.edit-code-btn:hover:not(:disabled){background:#667eea;color:#fff}.edit-code-btn:disabled{cursor:not-allowed;opacity:.5}.error-message{animation:shake .4s ease-in-out;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;font-size:.9rem;margin-bottom:1.5rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.examples{background:linear-gradient(135deg,#fafafa,#f5f5f5);border:1px solid #e5e7eb;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.examples p{color:#374151;font-size:.9rem;font-weight:600;margin:0 0 1rem}.examples ul{display:flex;flex-direction:column;gap:.625rem;margin:0;padding:0}.examples li{border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;font-size:.9rem;overflow:hidden;padding:.875rem 1.125rem;position:relative;transition:all .3s}.examples li:before{color:#667eea;content:"→";left:-20px;opacity:0;position:absolute;transition:all .3s}.examples li:hover{background:#f0f2ff;border-color:#667eea;color:#667eea;padding-left:1.5rem}.examples li:hover:before{left:1rem;opacity:1}.example-tasks-section{border-top:2px solid #e5e7eb;margin-top:3rem;padding:2rem 0}.example-tasks-header{margin-bottom:2rem;text-align:center}.example-tasks-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#111827;font-size:1.5rem;font-weight:800;letter-spacing:-.3px;margin:0}.example-tasks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.example-task-card{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s ease}.example-task-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26;transform:translateY(-2px)}.example-task-header{border-bottom:2px solid #f3f4f6;margin-bottom:1rem;padding-bottom:1rem}.example-task-subject{align-items:center;color:#374151;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;margin:0}.example-task-content{flex:1 1;margin-bottom:1.25rem}.example-task-text{color:#4b5563;font-size:.9375rem;line-height:1.7;margin:0;white-space:pre-line}.btn-try-example{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;box-shadow:0 4px 12px #667eea40;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:700;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.btn-try-example:hover:not(:disabled){box-shadow:0 6px 20px #667eea59;transform:translateY(-2px)}.btn-try-example:disabled{cursor:not-allowed;opacity:.5;transform:none}.example-tasks-disclaimer{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:1rem;display:flex;gap:1rem;padding:1.25rem 1.5rem}.disclaimer-icon{align-items:center;background:#fff;border-radius:50%;color:#f59e0b;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.disclaimer-text{color:#92400e;flex:1 1;font-size:.875rem;font-weight:500;line-height:1.6;margin:.5rem 0 0}.loading-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:48px 40px;text-align:center;width:90%}.loading-spinner{align-items:center;display:flex;justify-content:center;margin-bottom:24px}.spinner-icon{animation:spin 1s linear infinite;color:#8b5cf6}.loading-title{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 8px}.loading-subtitle{color:#6b7280;font-size:14px;margin:0}.code-review-section{width:100%}@media (max-width:640px){.quota-status-banner{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.9rem 1rem}.quota-reset-icon{margin-top:.1rem}.quota-left{width:100%}.quota-icon{font-size:1.25rem}.quota-left strong{font-size:.95rem}.quota-left p{font-size:.8rem}.quota-right{border-top:1px dashed #00000026;padding-top:.5rem;text-align:left;width:100%}.quota-reset-time{font-size:.95rem}}@media (max-width:768px){.tabs-nav-enhanced{grid-template-columns:1fr}.tab-btn{padding:.875rem 1rem}.duration-options{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.button-group button{width:100%}.example-tasks-section{margin-top:2rem;padding:1.5rem 0}.example-tasks-grid{gap:1.25rem;grid-template-columns:1fr}.example-task-card{padding:1.25rem}.example-tasks-disclaimer{align-items:center;flex-direction:column;padding:1rem;text-align:center}.disclaimer-icon{height:36px;width:36px}}@media (max-width:480px){.loading-modal{max-width:340px;padding:36px 28px}.spinner-icon{height:40px;width:40px}.loading-title{font-size:18px}.loading-subtitle{font-size:13px}.prompt-input-container{padding:0 .5rem}.tab-btn{font-size:.875rem}.tab-content-text{display:none}.duration-options{grid-template-columns:1fr}.duration-option{flex-direction:row;justify-content:space-between;padding:.875rem 1rem}.duration-desc{text-align:right}.examples li{font-size:.85rem;padding:.75rem 1rem}.example-tasks-title{font-size:1.25rem}.example-task-subject{font-size:1rem}.btn-try-example,.example-task-text{font-size:.875rem}.btn-try-example{padding:.75rem 1.25rem}.disclaimer-text{font-size:.813rem}}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.loading-state{align-items:center;display:flex;gap:.5rem;justify-content:center;padding:2rem}.spinner{border:2px solid #e5e7eb;height:20px;width:20px}.subscription-plans{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:60px 20px;width:100%}.subscription-plans.modal-view{background:#fff;padding:20px}.plans-header{margin-bottom:50px;text-align:center}.plans-header h2{color:#1a1a1a;font-size:36px;font-weight:700;margin-bottom:12px}.plans-header p{color:#666;font-size:18px;margin-bottom:20px}.credit-info-banner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:30px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px}.plans-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1400px;padding:0 20px}.plan-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;min-height:600px;padding:32px;position:relative;transition:all .3s ease}.plan-card:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-8px)}.plan-card.popular{border-color:#06c;box-shadow:0 8px 32px #0066cc40;transform:scale(1.05)}.plan-card.popular:hover{box-shadow:0 16px 48px #0066cc59;transform:scale(1.05) translateY(-8px)}.plan-card.plan-green .plan-icon{background:linear-gradient(135deg,#4caf50,#2e7d32)}.plan-card.plan-blue .plan-icon{background:linear-gradient(135deg,#2196f3,#06c)}.plan-card.plan-red .plan-icon{background:linear-gradient(135deg,#f44336,#c62828)}.plan-card.plan-purple .plan-icon{background:linear-gradient(135deg,#9c27b0,#6a1b9a)}.popular-badge{background:linear-gradient(135deg,#06c,#004999);box-shadow:0 4px 12px #0066cc4d;right:24px}.current-badge,.popular-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 16px;position:absolute;text-transform:uppercase;top:-12px}.current-badge{background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 4px 12px #4caf504d;left:24px}.plan-card.current{background:linear-gradient(135deg,#f1f8f4,#fff);border-color:#4caf50}.plan-header{margin-bottom:24px;text-align:center}.plan-icon{align-items:center;border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.plan-name{color:#1a1a1a;font-size:24px;font-weight:700;margin-bottom:8px}.plan-tagline{color:#666;font-size:14px;margin-bottom:16px}.plan-price{align-items:baseline;display:flex;gap:4px;justify-content:center}.price-amount{color:#1a1a1a;font-size:42px;font-weight:700}.price-period{color:#666;font-size:16px;font-weight:500}.credits-info{background:#f8f9fa;border-left:4px solid #06c;border-radius:12px;margin-bottom:24px;padding:16px}.credits-monthly{color:#06c;font-size:16px;font-weight:600;margin-bottom:8px}.credits-initial,.credits-ongoing{color:#444;font-size:14px;margin-bottom:6px}.credits-initial strong{display:block;margin-bottom:4px}.credits-note{color:#999;font-size:12px;font-style:italic;margin-top:8px}.credit-system-info{background:#f0f4ff;border:1px solid #d0e0ff;border-radius:12px;margin-bottom:24px;padding:16px}.credit-explanation{align-items:center;color:#06c;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.credit-rounding{color:#666;font-size:13px}.plan-features{margin-bottom:24px}.plan-features h4{color:#1a1a1a;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.plan-features ul{list-style:none;margin:0;padding:0}.plan-features li{align-items:flex-start;border-bottom:1px solid #f0f0f0;color:#444;display:flex;font-size:14px;gap:10px;line-height:1.5;padding:10px 0}.plan-features li:last-child{border-bottom:none}.check-icon{color:#4caf50;margin-top:2px}.credit-packs{margin-bottom:24px}.credit-packs h4{color:#1a1a1a;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.credit-pack-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;margin-bottom:10px;padding:12px 16px;transition:all .2s ease;width:100%}.credit-pack-btn:hover{background:#f8f0ff;border-color:#9c27b0;transform:translateX(4px)}.pack-credits{color:#1a1a1a;font-weight:600}.pack-price{color:#9c27b0;font-size:16px;font-weight:700}.best-for{margin-bottom:24px}.best-for h4{color:#1a1a1a;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.best-for ul{list-style:none;margin:0;padding:0}.best-for li{color:#666;font-size:14px;padding:6px 0 6px 20px;position:relative}.best-for li:before{color:#06c;content:"•";font-size:18px;font-weight:700;left:0;position:absolute}.plan-footer{margin-top:auto}.btn-plan{border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:14px 24px;text-transform:uppercase;transition:all .3s ease;width:100%}.btn-plan:not(:disabled):hover{box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.btn-plan:disabled{cursor:not-allowed;opacity:.6}.free-plan-btn{background:linear-gradient(135deg,#e0e0e0,#bdbdbd);color:#666}.btn-plan:not(.free-plan-btn):not(.btn-popular){background:linear-gradient(135deg,#1a1a1a,#333);color:#fff}.btn-plan:not(.free-plan-btn):not(.btn-popular):hover:not(:disabled){background:linear-gradient(135deg,#333,#1a1a1a)}.btn-popular{background:linear-gradient(135deg,#06c,#004999);box-shadow:0 4px 16px #06c6;color:#fff;font-size:17px}.btn-popular:hover:not(:disabled){background:linear-gradient(135deg,#004999,#036);box-shadow:0 8px 24px #0066cc80}.plans-footer{border-top:2px solid #0000001a;margin:60px auto 0;max-width:1200px;padding:40px 20px 0}.important-notes{background:#fff9e6;border:2px solid gold;border-radius:12px;margin-bottom:24px;padding:24px}.important-notes h3{align-items:center;color:#1a1a1a;display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:16px}.important-notes h3:before{content:"🔎";font-size:24px}.important-notes ul{list-style:none;margin:0;padding:0}.important-notes li{color:#666;font-size:14px;padding:8px 0 8px 24px;position:relative}.important-notes li:before{color:orange;content:"•";font-size:20px;font-weight:700;left:0;position:absolute}.plans-cancel{color:#999;font-size:14px;font-style:italic;text-align:center}.subscription-plans.modal-view .plans-grid{gap:20px;padding:0}.subscription-plans.modal-view .plan-card{min-height:auto;padding:24px}@media (max-width:1200px){.plans-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.subscription-plans{padding:40px 16px}.plans-header h2{font-size:28px}.plans-header p{font-size:16px}.plans-grid{gap:24px;grid-template-columns:1fr;padding:0}.plan-card{min-height:auto}.plan-card.popular{transform:scale(1)}.plan-card.popular:hover{transform:translateY(-4px)}.plan-icon{font-size:28px;height:56px;width:56px}.plan-name{font-size:20px}.price-amount{font-size:36px}.important-notes{padding:20px}}@media (max-width:480px){.plans-header h2{font-size:24px}.credit-info-banner{font-size:12px;padding:8px 16px}.price-amount{font-size:32px}.best-for li,.plan-features li{font-size:13px}}@media print{.subscription-plans{background:#fff}.plan-card{border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.btn-plan,.credit-pack-btn{display:none}}.subscription-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000}.subscription-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1300px;width:100%}.subscription-modal-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:32px}.subscription-modal-header h2{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 8px}.subscription-modal-header p{color:#666;font-size:16px;margin:0}.modal-close-btn{background:none;border:none;border-radius:8px;color:#666;cursor:pointer;flex-shrink:0;margin-left:20px;padding:8px;transition:all .2s ease}.modal-close-btn:hover{background:#f5f5f5;color:#1a1a1a}.subscription-modal-body{flex:1 1;overflow-y:auto;padding:20px 32px}.subscription-modal-footer{align-items:center;background:#fafafa;border-radius:0 0 20px 20px;border-top:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:24px 32px}.modal-footer-note{color:#666;flex:1 1;font-size:14px;margin:0}.btn-cancel-modal{background:#fff;border:2px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:15px;font-weight:600;margin-left:16px;padding:10px 24px;transition:all .2s ease}.btn-cancel-modal:hover{background:#f5f5f5;border-color:#999;color:#333}@media (max-width:768px){.subscription-modal-overlay{padding:10px}.subscription-modal-content{border-radius:16px;max-height:95vh}.subscription-modal-header{flex-direction:column;padding:24px}.subscription-modal-header h2{font-size:24px}.subscription-modal-header p{font-size:14px}.modal-close-btn{margin:0;position:absolute;right:24px;top:24px}.subscription-modal-body{padding:16px 24px}.subscription-modal-footer{align-items:stretch;flex-direction:column;gap:16px;padding:20px 24px}.modal-footer-note{text-align:center}.btn-cancel-modal{margin:0;width:100%}}@media (max-width:480px){.subscription-modal-header{padding:20px}.subscription-modal-header h2{font-size:20px}.modal-close-btn{right:20px;top:20px}.subscription-modal-body{padding:12px 20px}.subscription-modal-footer{padding:16px 20px}}body.modal-open{overflow:hidden}.credit-history-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.credit-history-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.credit-history-container{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;position:relative;width:100%}.credit-history-header{align-items:center;background:linear-gradient(135deg,#f8f9fc,#fff);border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;padding:1.5rem 2rem}.credit-history-title-section{flex:1 1}.credit-history-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.credit-history-subtitle{color:#6b7280;font-size:.875rem;margin:0}.credit-history-close{align-items:center;background:#f3f4f6;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-left:1rem;transition:all .2s;width:40px}.credit-history-close:hover{background:#e5e7eb;color:#111827;transform:scale(1.05)}.credit-history-content{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}.credit-history-content::-webkit-scrollbar{width:8px}.credit-history-content::-webkit-scrollbar-track{background:#f3f4f6}.credit-history-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.credit-history-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.credit-history-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.credit-history-loading .spinner{animation:spin 1s linear infinite;color:#667eea;margin-bottom:1rem}.credit-history-empty{padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.credit-history-empty h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.credit-history-empty p{color:#6b7280;font-size:.938rem;margin:0}.credit-history-list{display:flex;flex-direction:column;gap:1rem}.transaction-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.25rem;transition:all .2s}.transaction-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a;transform:translateY(-2px)}.transaction-main{display:flex;gap:1rem}.transaction-icon-wrapper{align-items:center;background:#f3f4f6;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.transaction-icon{flex-shrink:0}.transaction-icon.deduction{color:#ef4444}.transaction-icon.credit{color:#10b981}.transaction-icon.neutral{color:#3b82f6}.transaction-details{flex:1 1;min-width:0}.transaction-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.transaction-type{color:#111827;font-size:1rem;font-weight:600;margin:0}.transaction-amount{flex-shrink:0;font-size:1.125rem;font-weight:700}.transaction-amount.positive{color:#10b981}.transaction-amount.negative{color:#ef4444}.transaction-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.transaction-date,.transaction-time{align-items:center;color:#6b7280;display:flex;font-size:.813rem;gap:.375rem}.transaction-description{color:#4b5563;font-size:.875rem;line-height:1.5;margin:.5rem 0}.transaction-video-info{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;display:flex;font-size:.813rem;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem}.transaction-video-info svg{flex-shrink:0}.video-scene-name{font-weight:600}.video-duration{color:#3b82f6}.transaction-balance{border-top:1px solid #f3f4f6;margin-top:.75rem;padding-top:.75rem}.balance-item{align-items:center;color:#6b7280;display:inline-flex;font-size:.813rem;gap:.375rem}.balance-item svg{flex-shrink:0;opacity:.5}.balance-item strong{color:#111827;margin-left:.25rem}.credit-history-pagination{align-items:center;border-top:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem}.pagination-btn{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#667eea;color:#667eea}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-page{color:#6b7280;font-size:.875rem;font-weight:500}.transaction-type{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}.transaction-amount,.transaction-type{white-space:nowrap}.transaction-description{overflow-wrap:break-word;word-break:break-word}.transaction-date,.transaction-time{white-space:nowrap}@media (max-width:768px){.credit-history-modal{align-items:flex-end;padding:0}.credit-history-container{animation:slideUpMobile .3s ease-out;border-radius:20px 20px 0 0;max-height:95vh;max-width:100%}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.credit-history-header{background:#fff;box-shadow:0 2px 8px #0000000d;padding:1.25rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.credit-history-title{font-size:1.25rem}.credit-history-subtitle{font-size:.813rem}.credit-history-close{height:36px;width:36px}.credit-history-content{padding:1rem 1.5rem 2rem}.credit-history-list{gap:.875rem}.transaction-card{border-radius:10px;padding:1rem}.transaction-main{gap:.875rem}.transaction-icon-wrapper{border-radius:10px;height:44px;width:44px}.transaction-header{gap:.75rem;margin-bottom:.625rem}.transaction-type{font-size:.938rem;max-width:60%}.transaction-amount{font-size:1.063rem}.transaction-meta{gap:.625rem;margin-bottom:.625rem}.transaction-date,.transaction-time{font-size:.75rem}.transaction-description{font-size:.813rem;margin:.625rem 0}.transaction-video-info{flex-wrap:wrap;font-size:.75rem;gap:.375rem;padding:.625rem .875rem}.transaction-balance{margin-top:.625rem;padding-top:.625rem}.balance-item{font-size:.75rem}.credit-history-pagination{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem}.pagination-btn{border-radius:8px;flex:1 1;font-size:.813rem;min-width:120px;padding:.75rem 1.25rem}.pagination-info{justify-content:center;order:-1;width:100%}.pagination-page{font-size:.813rem}}@media (max-width:480px){.credit-history-container{border-radius:16px 16px 0 0;max-height:100vh}.credit-history-header{padding:1rem 1.25rem}.credit-history-title{font-size:1.125rem}.credit-history-subtitle{font-size:.75rem}.credit-history-close{height:32px;width:32px}.credit-history-close svg{height:20px;width:20px}.credit-history-content{padding:.875rem 1.25rem 1.5rem}.credit-history-list{gap:.75rem}.transaction-card{border-radius:8px;padding:.875rem}.transaction-card:hover{transform:none}.transaction-main{gap:.75rem}.transaction-icon-wrapper{border-radius:8px;height:40px;width:40px}.transaction-icon{height:18px;width:18px}.transaction-header{gap:.625rem;margin-bottom:.5rem}.transaction-type{font-size:.875rem;line-height:1.3;max-width:55%}.transaction-amount{font-size:1rem}.transaction-meta{gap:.5rem;margin-bottom:.5rem}.transaction-date,.transaction-time{font-size:.688rem}.transaction-date svg,.transaction-time svg{height:12px;width:12px}.transaction-description{font-size:.75rem;line-height:1.4;margin:.5rem 0}.transaction-video-info{font-size:.688rem;gap:.25rem;padding:.5rem .75rem}.transaction-video-info svg{height:12px;width:12px}.video-scene-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.video-duration,.video-scene-name{white-space:nowrap}.transaction-balance{margin-top:.5rem;padding-top:.5rem}.balance-item{flex-wrap:wrap;font-size:.688rem}.balance-item svg{height:10px;width:10px}.credit-history-pagination{gap:.625rem;margin-top:1rem;padding-top:1rem}.pagination-btn{border-radius:6px;padding:.625rem 1rem}.pagination-btn,.pagination-page{font-size:.75rem}.credit-history-empty,.credit-history-loading{padding:3rem 1.5rem}.empty-icon{font-size:3rem}.credit-history-empty h3{font-size:1.063rem}.credit-history-empty p{font-size:.875rem}}@media (max-width:360px){.credit-history-header{padding:.875rem 1rem}.credit-history-title{font-size:1rem}.credit-history-subtitle{font-size:.688rem}.credit-history-close{height:28px;width:28px}.credit-history-close svg{height:18px;width:18px}.credit-history-content{padding:.75rem 1rem 1.25rem}.transaction-card{padding:.75rem}.transaction-icon-wrapper{height:36px;width:36px}.transaction-icon{height:16px;width:16px}.transaction-type{font-size:.813rem;max-width:50%}.transaction-amount{font-size:.938rem}.transaction-date,.transaction-time{font-size:.625rem}.transaction-description{font-size:.688rem}.transaction-video-info{font-size:.625rem;padding:.375rem .625rem}.video-scene-name{max-width:90px}.balance-item{font-size:.625rem}.pagination-btn{font-size:.688rem;padding:.5rem .875rem}}.feedback-modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10002}.feedback-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;left:50%;max-width:480px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:10003}.feedback-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.feedback-modal-title{color:#111827;font-size:1.25rem;font-weight:700;margin:0}.feedback-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.feedback-modal-close:hover{background:#e5e7eb;transform:rotate(90deg)}.feedback-modal-body{padding:2rem 1.5rem;text-align:center}.feedback-prompt{color:#374151;font-size:1rem;font-weight:500;margin:0 0 1.5rem}.feedback-stars{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.feedback-star-btn{background:none;border:none;cursor:pointer;padding:.25rem;transition:transform .2s ease}.feedback-star-btn:hover{transform:scale(1.1)}.feedback-star-btn:active{transform:scale(.95)}.feedback-hint{color:#9ca3af;font-size:.875rem;margin:0}.feedback-rating-display{margin-bottom:1rem}.feedback-stars-small{display:flex;gap:.25rem;justify-content:center}.feedback-textarea{border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-family:inherit;font-size:.938rem;margin-bottom:1rem;outline:none;padding:.75rem;resize:vertical;transition:all .2s ease;width:100%}.feedback-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.feedback-textarea::placeholder{color:#9ca3af}.feedback-actions{display:flex;gap:.75rem;justify-content:flex-end}.feedback-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.938rem;font-weight:600;gap:.5rem;outline:none;padding:.75rem 1.5rem;transition:all .2s ease}.feedback-btn:disabled{cursor:not-allowed;opacity:.5}.feedback-btn-skip{background:#f3f4f6;color:#6b7280}.feedback-btn-skip:hover:not(:disabled){background:#e5e7eb}.feedback-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.feedback-btn-submit:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.feedback-btn-submit:active:not(:disabled){transform:translateY(0)}.feedback-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.feedback-modal-footer{border-top:1px solid #e5e7eb;padding:1rem 1.5rem;text-align:center}.feedback-skip-link{background:none;border:none;color:#6b7280;cursor:pointer;font-size:.875rem;padding:0;text-decoration:underline}.feedback-skip-link:hover{color:#374151}@media (max-width:480px){.feedback-modal{max-width:95%;width:95%}.feedback-modal-header{padding:1.25rem}.feedback-modal-body{padding:1.5rem 1.25rem}.feedback-stars{gap:.25rem}.feedback-star-btn svg{height:40px;width:40px}.feedback-actions{flex-direction:column}.feedback-btn{justify-content:center;width:100%}}.right-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:9998}.right-menu-overlay.active{opacity:1;visibility:visible}.right-side-menu{background:#fff;bottom:0;box-shadow:-4px 0 24px #0003;display:flex;flex-direction:column;max-width:90vw;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:380px;z-index:9999}.right-side-menu.open{transform:translateX(0)}.menu-close-btn{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#374151;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:40px;z-index:10}.menu-close-btn:hover{background:#fff;box-shadow:0 4px 12px #0003;color:#111827;transform:rotate(90deg)}.menu-profile-section{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;gap:16px;padding:60px 24px 24px;text-align:center}.menu-user-avatar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 24px #00000026;color:#fff;display:flex;height:80px;justify-content:center;width:80px}.menu-user-info{align-items:center;display:flex;flex-direction:column;gap:8px;width:100%}.menu-user-name{color:#fff;font-size:20px;font-weight:700;margin:0}.menu-user-email{color:#fffc;font-size:13px;margin:0;word-break:break-word}.menu-plan-badge{border-radius:20px;box-shadow:0 4px 12px #0003;color:#fff;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-top:4px;padding:6px 16px;text-transform:uppercase}.menu-divider{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);height:1px;margin:0}.menu-nav{flex:1 1;flex-direction:column;gap:8px}.menu-item,.menu-nav{display:flex;padding:16px}.menu-item{align-items:flex-start;background:#fff;border:2px solid #f3f4f6;border-radius:12px;cursor:pointer;font-family:inherit;gap:16px;position:relative;text-align:left;transition:all .2s ease;width:100%}.menu-item.active{background:#f0f4ff;border-color:#667eea;border-left-width:4px}.menu-item.active:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 4px 4px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.menu-item.active .menu-item-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.05)}.menu-item.active .menu-item-title{color:#667eea}.menu-item:hover{background:#f9fafb;border-color:#667eea;box-shadow:0 4px 12px #667eea1a;transform:translateX(-4px)}.menu-item-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:10px;color:#667eea;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s ease;width:44px}.menu-item:hover .menu-item-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.05)}.menu-item-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.menu-item-title{color:#111827;display:block;font-size:16px;font-weight:600}.menu-item-subtitle{color:#6b7280;display:block;font-size:13px;line-height:1.4}.menu-item.premium-item{background:linear-gradient(135deg,#fbbf240d,#f59e0b0d);border-color:#fbbf24;overflow:hidden;position:relative}.menu-item.premium-item:before{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.menu-item.premium-item:hover:before{opacity:1}.menu-item.premium-item:hover{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border-color:#f59e0b}.menu-item-icon.premium-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.menu-item.premium-item:hover .menu-item-icon.premium-icon{background:linear-gradient(135deg,#f59e0b,#d97706);transform:scale(1.05) rotate(5deg)}.menu-item.premium-item .menu-item-title{color:#f59e0b;font-weight:700}.menu-item.beta-item{overflow:hidden;position:relative}.menu-item.beta-item:hover{background:#f9fafb;border-color:#667eea}.menu-item-icon.beta-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.menu-item.beta-item:hover .menu-item-icon.beta-icon{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.05)}.menu-item.beta-item .menu-item-title{align-items:center;color:#111827;display:flex;flex-wrap:wrap;font-weight:700;gap:.5rem}.inline-beta-badge{background:#fbbf24;border-radius:.25rem;box-shadow:0 2px 4px #fbbf244d;color:#fff;display:inline-block;font-size:.625rem;font-weight:800;letter-spacing:.5px;padding:.125rem .5rem;text-transform:uppercase}.menu-item.logout-item{background:#fef2f2;border-color:#fee2e2}.menu-item.logout-item:hover{background:#fee2e2;border-color:#fca5a5}.menu-item.logout-item .menu-item-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.menu-item.logout-item:hover .menu-item-icon{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.menu-item.logout-item .menu-item-title{color:#dc2626}.menu-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 24px;text-align:center}.menu-footer-text{color:#9ca3af;font-size:12px;margin:0}.right-side-menu.open .menu-profile-section{animation:slideInFadeDown .4s ease .1s both}.right-side-menu.open .menu-item:first-child{animation:slideInFadeLeft .3s ease .2s both}.right-side-menu.open .menu-item:nth-child(2){animation:slideInFadeLeft .3s ease .3s both}.right-side-menu.open .menu-item:nth-child(3){animation:slideInFadeLeft .3s ease .4s both}.right-side-menu.open .menu-item:nth-child(4){animation:slideInFadeLeft .3s ease .5s both}@keyframes slideInFadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFadeLeft{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.right-side-menu::-webkit-scrollbar{width:6px}.right-side-menu::-webkit-scrollbar-track{background:#f9fafb}.right-side-menu::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.right-side-menu::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.right-side-menu{max-width:100vw;width:100%}.menu-profile-section{padding:50px 20px 20px}.menu-user-avatar{height:70px;width:70px}.menu-user-name{font-size:18px}.menu-nav{padding:12px}.menu-item{padding:14px}.menu-item-icon{height:40px;width:40px}.menu-item-title{font-size:15px}.menu-item-subtitle{font-size:12px}}@media (max-width:480px){.menu-close-btn{height:36px;right:16px;top:16px;width:36px}.menu-profile-section{padding:46px 16px 16px}.menu-user-avatar{height:64px;width:64px}.menu-user-name{font-size:17px}.menu-nav{gap:6px}.menu-item{gap:12px;padding:12px}}.credit-status{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:1.5rem}.credit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.credit-header-left{align-items:center;display:flex;gap:.75rem}.credit-header h3{color:#111827;font-size:1.25rem;font-weight:700;margin:0}.plan-badge{border-radius:12px;color:#fff;font-size:.875rem;font-weight:600;padding:.375rem .875rem;text-transform:capitalize}.credit-refresh-spinner{animation:spin .8s linear infinite;color:#667eea;flex-shrink:0}.credit-total{background:linear-gradient(135deg,#f8f9fc,#fff);border:2px solid #e5e7eb;border-radius:12px;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem}.credit-icon,.credit-total{align-items:center;display:flex}.credit-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;flex-shrink:0;height:72px;justify-content:center;width:72px}.credit-info{flex:1 1}.credit-number{color:#111827;font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.25rem}.credit-label{color:#6b7280;font-size:.95rem;font-weight:500}.credit-breakdown{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.credit-item{background:#f9fafb;gap:1rem;padding:.875rem}.credit-item,.credit-item-icon{align-items:center;border-radius:8px;display:flex}.credit-item-icon{background:#fff;color:#667eea;flex-shrink:0;height:40px;justify-content:center;width:40px}.credit-item-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.credit-item-label{color:#6b7280;font-size:.95rem;font-weight:500}.credit-item-value{color:#111827;font-size:1.125rem;font-weight:700}.credit-reset{align-items:center;background:#eff6ff;border-radius:8px;color:#1e40af;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.75rem}.credit-reset svg{flex-shrink:0}.credit-warning{background:#fef2f2;border:2px solid #fecaca;border-radius:8px;margin-bottom:1.5rem;padding:1rem;text-align:center}.credit-warning.low{background:#fffbeb;border-color:#fde68a}.credit-warning p{color:#991b1b;font-size:.95rem;font-weight:600;margin:0 0 .75rem}.credit-warning.low p{color:#92400e}.btn-upgrade,.btn-upgrade-secondary{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s;width:100%}.btn-upgrade{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-upgrade:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-upgrade-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.btn-upgrade-secondary:hover{background:#667eea;color:#fff}.credit-help{background:#f9fafb;border-left:4px solid #667eea;border-radius:8px;padding:1rem}.credit-help-text{color:#374151;font-size:.95rem;margin:0 0 .75rem}.credit-examples{color:#6b7280;font-size:.875rem;margin:0;padding-left:1.5rem}.credit-examples li{margin-bottom:.25rem}.credit-status.compact{background:#0000;border:none;box-shadow:none;padding:0}.credit-compact-display{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;display:flex;gap:.75rem;min-height:44px;padding:.75rem 1rem;transition:all .2s}.credit-compact-display:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.credit-gem-icon{color:#667eea;flex-shrink:0}.credit-compact-info{align-items:baseline;display:flex;flex-shrink:0;gap:.375rem}.credit-compact-info .credit-amount{color:#111827;font-size:1.25rem;font-weight:700}.credit-compact-info .credit-label{color:#6b7280;font-size:.875rem;font-weight:500}.btn-upgrade-compact{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;gap:.5rem;margin-left:auto;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.btn-upgrade-compact:hover{box-shadow:0 2px 8px #667eea4d;transform:translateY(-1px)}.btn-upgrade-icon{flex-shrink:0}.credit-compact-display .credit-refresh-spinner{margin-left:auto}.credit-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem}.spinner{border:3px solid #e5e7eb}.spinner-small{animation:spin .8s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:20px;width:20px}.credit-loading span{color:#6b7280;font-size:.95rem}.credit-status.compact .credit-loading{flex-direction:row;min-height:44px;padding:.75rem 1rem}.credit-status.compact .credit-loading span{font-size:.875rem}.credit-status.error{padding:2rem;text-align:center}.credit-status.error p{color:#dc2626;margin-bottom:1rem}.btn-retry{padding:.625rem 1.25rem}@media (max-width:768px){.credit-compact-info .credit-label{display:none}.btn-upgrade-compact{gap:0;justify-content:center;min-width:36px;padding:.5rem}.btn-upgrade-text{display:none}.credit-total{flex-direction:column;padding:1.25rem;text-align:center}.credit-icon{height:64px;width:64px}.credit-number{font-size:2rem}}@media (max-width:480px){.credit-status{padding:1.25rem}.credit-header h3{font-size:1.125rem}.credit-number{font-size:1.75rem}}.dashboard{background:linear-gradient(135deg,#f5f7fa,#e3e8f0)}.dashboard-header{background:#fff;border-bottom:1px solid #0000000f;box-shadow:0 2px 8px #0000000a}.user-details{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.user-name{font-size:.875rem;line-height:1}.user-plan-badge{border-radius:10px;font-size:.688rem;font-weight:600;letter-spacing:.5px;line-height:1;padding:2px 8px;text-transform:uppercase}.dashboard-main{padding:2rem 1.5rem}.dashboard-container{margin:0 auto;max-width:1200px}.dashboard-page-header{background:#fff;border:1px solid #667eea1f;border-radius:1.5rem;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;overflow:hidden;padding:0}.header-content-wrapper:before{animation:pulse-bg 4s ease-in-out infinite}@keyframes pulse-bg{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.creator-icon{animation:float-icon 3s ease-in-out infinite}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dashboard .header-text-section .page-title{font-size:2.5rem;font-weight:900;letter-spacing:-.5px;line-height:1.1;margin:0 0 .75rem}.dashboard .header-text-section .page-subtitle,.dashboard .header-text-section .page-title{-webkit-text-fill-color:#fff!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:#fff!important}.dashboard .header-text-section .page-subtitle{font-size:1.125rem;font-weight:500;line-height:1.6;margin:0 0 1.5rem;max-width:700px;opacity:.95}.notice-additional{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem}.notice-item{background:#ffffff0d;border-radius:8px;font-size:.9rem;padding:.75rem}.notice-item.privacy-warning{background:#f59e0b1a;border-left:3px solid #f59e0b}.notice-item.copyright-notice{background:#10b9811a;border-left:3px solid #10b981}.notice-item.content-safety{background:#3b82f61a;border-left:3px solid #3b82f6}.matric-exam-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem;text-align:center}.matric-exam-badge span{align-items:center;display:inline-flex;gap:.5rem}.section-header-main{background:#fff;border:1px solid #667eea14;border-radius:1rem;box-shadow:0 2px 8px #0000000a;padding:1.5rem}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.section-subtitle{color:#374151}.btn-view-all-videos{flex-shrink:0}.btn-view-all-videos:hover{background:linear-gradient(135deg,#5568d3,#653a8b)}.btn-view-all-videos svg{flex-shrink:0}.btn-videos{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-videos:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-subscription{align-items:center;background:linear-gradient(135deg,#06c,#004999);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.btn-subscription:hover{background:linear-gradient(135deg,#004999,#036);box-shadow:0 4px 12px #0066cc4d;transform:translateY(-2px)}.btn-subscription svg{flex-shrink:0}.btn-pixel-tutor{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.btn-pixel-tutor:hover{background:linear-gradient(135deg,#5568d3,#653a8b);box-shadow:0 4px 12px #667eea80;transform:translateY(-2px)}.btn-pixel-tutor:active{transform:translateY(0)}.btn-pixel-tutor svg{animation:sparkle 3s infinite;flex-shrink:0}@media (max-width:1024px){.btn-subscription span{display:none}.btn-subscription{padding:8px 12px}.btn-pixel-tutor span{display:none}.btn-pixel-tutor{justify-content:center;min-width:44px;padding:.75rem}}@media (max-width:768px){.dashboard-main{padding:1.5rem 1rem}.header-container{padding:.875rem 1rem}.logo-image{height:32px}.user-details{display:none}.user-info{gap:8px}.header-content-wrapper{flex-direction:column;gap:1.5rem;padding:2rem 1.5rem;text-align:center}.creator-icon{height:80px;width:80px}.header-text-section{align-items:center;display:flex;flex-direction:column}.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.header-features{justify-content:center}.responsibility-notice{align-items:center;flex-direction:column;padding:1.5rem;text-align:center}.notice-icon{height:48px;width:48px}.notice-points{width:100%}.dashboard-page-header{border-radius:1rem}.section-header-main{align-items:stretch;flex-direction:column;padding:1.25rem}.section-title{font-size:1.5rem}.section-subtitle{font-size:.9375rem}.btn-view-all-videos{justify-content:center;padding:1rem 1.5rem;width:100%}.create-content,.videos-content{border-radius:1rem;padding:1.5rem}.create-section,.videos-section{margin-bottom:2rem}.btn-logout span,.btn-videos span{display:none}.btn-logout,.btn-videos{justify-content:center;min-width:44px;padding:.75rem}.btn-subscription{padding:8px}.btn-pixel-tutor{height:44px;padding:.75rem;width:44px}.btn-menu{height:40px;padding:.625rem;width:40px}}@media (max-width:480px){.dashboard-main{padding:1rem .75rem}.header-container{padding:.75rem .875rem}.logo-image{height:28px}.header-right{gap:.5rem}.header-content-wrapper{padding:1.75rem 1.25rem}.creator-icon{height:72px;width:72px}.page-title{font-size:1.75rem}.page-subtitle{font-size:.9375rem}.feature-badge{font-size:.813rem;padding:.375rem .875rem}.responsibility-notice{gap:1rem;padding:1.25rem}.notice-icon{height:44px;width:44px}.notice-title{font-size:1.125rem}.notice-text{font-size:.875rem}.notice-point{padding:.5rem .875rem}.notice-point span{font-size:.813rem}.dashboard-page-header{margin-bottom:1.5rem}.section-title{font-size:1.375rem}.section-subtitle{font-size:.875rem}.create-content,.videos-content{padding:1.25rem}.btn-view-all-videos{font-size:.875rem;padding:.875rem 1.25rem}.btn-subscription{height:40px;justify-content:center;padding:0;width:40px}.user-plan-badge{display:none}.btn-pixel-tutor{height:40px;padding:.625rem;width:40px}.btn-menu{height:38px;width:38px}}.page-label-row{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.page-label-title{color:#1f2937;font-size:1.25rem;font-weight:700;letter-spacing:-.3px;margin:0}.guidelines-btn{align-items:center;background:#667eea14;border:1px solid #667eea33;border-radius:2rem;color:#667eea;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.4rem;padding:.4rem .875rem;transition:all .2s;white-space:nowrap}.guidelines-btn:hover{background:#667eea26;border-color:#667eea66;transform:translateY(-1px)}.resp-overlay{align-items:center;animation:respFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}@keyframes respFadeIn{0%{opacity:0}to{opacity:1}}.resp-modal{animation:respSlideUp .25s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:1.25rem;box-shadow:0 24px 64px #00000040;max-height:90vh;max-width:560px;overflow-y:auto;padding:2rem;position:relative;width:100%}@keyframes respSlideUp{0%{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.resp-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .15s;width:32px}.resp-close:hover{background:#e5e7eb;color:#374151}.resp-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.resp-header-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;box-shadow:0 4px 12px #667eea59;color:#fff;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.resp-title{color:#111827;font-size:1.1875rem;font-weight:800;line-height:1.3;margin:0 0 .375rem}.resp-subtitle{color:#6b7280;font-size:.875rem;line-height:1.55;margin:0}.resp-points{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.resp-point{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.625rem;display:flex;gap:.625rem;padding:.625rem .875rem}.resp-point-icon{color:#10b981;flex-shrink:0;margin-top:1px}.resp-point span{color:#374151;font-size:.875rem;font-weight:500;line-height:1.45}.resp-notices{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.resp-notice{align-items:flex-start;border-radius:.5rem;display:flex;font-size:.8125rem;font-weight:500;gap:.5rem;line-height:1.45;padding:.625rem .875rem}.resp-notice svg{flex-shrink:0;margin-top:1px}.resp-notice--amber{background:#f59e0b14;border-left:3px solid #f59e0b;color:#92400e}.resp-notice--amber svg{color:#f59e0b}.resp-notice--green{background:#10b98114;border-left:3px solid #10b981;color:#065f46}.resp-notice--green svg{color:#10b981}.resp-notice--blue{background:#3b82f614;border-left:3px solid #3b82f6;color:#1e40af}.resp-notice--blue svg{color:#3b82f6}.resp-matric{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.625rem;margin-bottom:1.5rem;padding:.75rem 1rem;text-align:center}.resp-matric span{color:#fff;font-size:.875rem;font-weight:600}.resp-actions{display:flex;flex-direction:column;gap:.75rem}.resp-agree-note{color:#9ca3af;font-size:.8125rem;margin:0;text-align:center}.resp-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;box-shadow:0 4px 16px #667eea59;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.875rem;transition:all .2s;width:100%}.resp-btn-primary:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.resp-btn-primary:active{transform:translateY(0)}@media (max-width:768px){.resp-modal{padding:1.5rem}.resp-title{font-size:1.0625rem}}@media (max-width:480px){.resp-modal{max-height:95vh;padding:1.25rem}.resp-header{flex-direction:column;gap:.75rem}.resp-header-icon{border-radius:12px;height:44px;width:44px}.page-label-title{font-size:1.125rem}.guidelines-btn span{display:none}.guidelines-btn{padding:.4rem .6rem}}.modal-overlay{background:#000000b3;padding:1rem}.modal-content{box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-width:800px}.video-details-modal{max-width:900px}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e0e0e0;color:#fff;padding:1.5rem 2rem}.modal-header h2{font-size:1.5rem;margin:0}.close-button{border-radius:4px;color:#fff;height:2rem;transition:background .2s;width:2rem}.close-button:hover{background:#fff3}.detail-tabs{background:#f8f9fa;border-bottom:2px solid #e0e0e0;display:flex;gap:0}.detail-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s}.detail-tab.active,.detail-tab:hover{background:#fff;color:#667eea}.detail-tab.active{border-bottom-color:#667eea}.detail-content{flex:1 1;overflow-y:auto;padding:2rem}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.info-item{flex-direction:column}.info-item.full-width{grid-column:1/-1}.info-item label{color:#666;font-size:.9rem;font-weight:600}.info-item span{color:#333;font-size:1rem}.status-badge{display:inline-block;font-size:.875rem;padding:.375rem .75rem;text-transform:capitalize}.status-badge.queued{background:#fff3cd;color:#856404}.status-badge.rendering{background:#cfe2ff;color:#084298}.status-badge.completed{background:#d1e7dd;color:#0f5132}.status-badge.failed{background:#f8d7da;color:#842029}.error-text{color:#dc3545;font-family:monospace;font-size:.9rem}.prompt-section{display:flex;flex-direction:column;gap:1rem}.section-header{margin-bottom:1rem}.section-header h3{color:#333;margin:0}.copy-button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background .2s}.copy-button:hover{background:#5568d3}.prompt-text{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;color:#333;font-size:1rem;line-height:1.6;padding:1.5rem;white-space:pre-wrap}.code-section{display:flex;flex-direction:column;gap:1rem}.code-display{background:#1e1e1e;border-radius:8px;color:#d4d4d4;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;margin:0;overflow-x:auto;padding:1.5rem}.code-display code{font-family:inherit}.modal-footer{background:#f8f9fa;border-top:2px solid #e0e0e0;display:flex;gap:1rem;padding:1.5rem 2rem}.modal-footer .btn-primary,.modal-footer .btn-secondary{border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;text-align:center;text-decoration:none;transition:all .2s}.modal-footer .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.modal-footer .btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.modal-footer .btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.modal-footer .btn-secondary:hover{background:#f0f0ff}.modal-error,.modal-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.spinner{height:40px;width:40px}@media (max-width:768px){.info-grid{gap:1rem;grid-template-columns:1fr}.detail-tabs{flex-direction:column}.detail-tab{border-bottom:1px solid #e0e0e0;border-left:3px solid #0000}.detail-tab.active{border-bottom-color:#e0e0e0;border-left-color:#667eea}.modal-footer{flex-direction:column}.code-display{font-size:.75rem}}.share-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.share-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.share-modal-header{align-items:center;background:linear-gradient(135deg,#f8f9fc,#fff);border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;padding:24px}.share-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;color:#111827;font-size:1.5rem;font-weight:700;margin:0}.share-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.share-modal-close:hover{background:#e5e7eb;color:#111827}.share-modal-content{flex:1 1;overflow-y:auto;padding:24px}.share-modal-content::-webkit-scrollbar{width:8px}.share-modal-content::-webkit-scrollbar-track{background:#f3f4f6}.share-modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.share-section{margin-bottom:32px}.share-section:last-child{margin-bottom:0}.share-section-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.share-section-header svg{color:#667eea}.share-section-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.share-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 16px}.share-input-group{display:flex;gap:8px}.share-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;color:#374151;flex:1 1;font-family:Courier New,monospace;font-size:.875rem;padding:12px 16px}.share-input:focus{border-color:#667eea;outline:none}.share-textarea{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-family:Courier New,monospace;font-size:.813rem;margin-bottom:8px;padding:12px 16px;resize:vertical;width:100%}.share-textarea:focus{border-color:#667eea;outline:none}.share-copy-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s;white-space:nowrap}.share-copy-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.share-copy-btn.copied{background:linear-gradient(135deg,#10b981,#059669)}.share-native-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.938rem;font-weight:600;gap:8px;justify-content:center;margin-top:12px;padding:14px 20px;transition:all .2s;width:100%}.share-native-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.share-native-btn:active{transform:translateY(0)}.share-preview-title{color:#111827;font-size:1rem;font-weight:600;margin:0 0 12px}.share-preview{background:#000;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden}.share-preview iframe{display:block}.share-options{border-top:2px solid #f3f4f6;margin-top:24px;padding-top:24px}.share-advanced{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:16px}.share-advanced summary{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;list-style:none;-webkit-user-select:none;user-select:none}.share-advanced summary::-webkit-details-marker{display:none}.share-advanced summary:before{content:"▶";transition:transform .2s}.share-advanced[open] summary:before{transform:rotate(90deg)}.share-option{border-top:1px solid #e5e7eb;padding-top:16px}.share-option,.share-option:first-of-type{margin-top:16px}.share-option h4{color:#111827;font-size:.938rem;font-weight:600;margin:0 0 12px}.share-textarea-small{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;font-family:Courier New,monospace;font-size:.75rem;margin-bottom:8px;padding:10px 12px;resize:vertical;width:100%}.share-copy-btn-small{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.813rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.share-copy-btn-small:hover{background:#764ba2}.share-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #bfdbfe;border-radius:12px;margin-top:24px;padding:16px}.share-info p{color:#1e40af;font-size:.875rem;line-height:1.5;margin:0 0 8px}.share-info p:last-child{margin-bottom:0}@media (max-width:768px){.share-modal{border-radius:0;max-height:100vh;max-width:100%}.share-modal-header{padding:20px}.share-modal-title{font-size:1.25rem}.share-modal-content{padding:20px}.share-input-group{flex-direction:column}.share-copy-btn{justify-content:center;width:100%}.share-preview iframe{height:200px}}@media (max-width:480px){.share-modal-header{padding:16px}.share-modal-title{font-size:1.125rem}.share-modal-content{padding:16px}.share-section{margin-bottom:24px}.share-section-header h3{font-size:1rem}.share-input,.share-textarea{font-size:.75rem;padding:10px 12px}.share-textarea{rows:4}.share-preview iframe{height:180px}}.modern-video-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.modern-video-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.card-media{aspect-ratio:16/9;background:#f3f4f6;overflow:hidden}.card-media,.card-thumbnail{position:relative;width:100%}.card-thumbnail{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;height:100%;justify-content:center}.card-thumbnail img{height:100%;object-fit:cover;width:100%}.placeholder-icon{font-size:4rem;opacity:.3}.status-badge-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;box-shadow:0 2px 8px #00000026;font-size:.75rem;font-weight:600;left:.75rem;padding:.375rem .75rem;position:absolute;top:.75rem;z-index:2}.play-overlay{align-items:center;background:#0000004d;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:1}.card-thumbnail:hover .play-overlay{opacity:1}.play-button{box-shadow:0 4px 16px #0003;height:72px;transition:all .3s ease;width:72px}.play-button:hover{background:#fff}.play-icon{color:#667eea;font-size:28px;margin-left:4px}.video-player-wrapper{background:#000;height:100%;width:100%}.video-player{object-fit:contain}.card-content{gap:1rem;padding:1.25rem}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;display:-webkit-box;font-size:1.125rem;font-weight:700;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.meta-badge{background:#f3f4f6;border-radius:8px;color:#374151;font-size:.813rem;padding:.375rem .75rem}.meta-badge.quality{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;color:#166534}.card-actions{align-items:center;border-top:1px solid #f3f4f6;display:flex;gap:.5rem;padding-top:.75rem}.action-btn svg{height:24px;width:24px}.action-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.action-btn.delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.question-image-modal-overlay{background:#000000bf}.question-image-modal{box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:90vw}.question-image-modal-body{max-height:calc(90vh - 80px);padding:1.5rem}.card-info-expanded{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#f8f9fc,#f3f4f6);border:2px solid #e5e7eb;border-radius:12px;margin-top:.75rem;padding:1rem}.info-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.info-item{align-items:center;display:flex;gap:.5rem}.info-icon{color:#667eea;flex-shrink:0}.info-label{color:#6b7280;font-size:.813rem;font-weight:600}.info-value{color:#111827;font-size:.813rem;font-weight:700}.info-prompt{margin-bottom:1rem}.info-prompt-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.info-prompt-text{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:.875rem;line-height:1.6;margin:0;max-height:100px;overflow-y:auto;padding:.75rem}.info-prompt-text::-webkit-scrollbar{width:6px}.info-prompt-text::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.info-prompt-text::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.info-prompt-text::-webkit-scrollbar-thumb:hover{background:#9ca3af}.btn-full-details{padding:.75rem}@media (max-width:768px){.card-content{gap:.875rem;padding:1rem}.card-title{font-size:1rem}.meta-badge{font-size:.75rem;padding:.313rem .625rem}.action-btn{height:44px;width:44px}.action-btn svg{height:22px;width:22px}.info-row{gap:.75rem;grid-template-columns:1fr}.play-button{height:56px;width:56px}.play-icon{font-size:22px}.question-image-modal-header{padding:.875rem 1rem}.question-image-modal-title{font-size:1rem}.question-image-modal-body{padding:1rem}}@media (max-width:480px){.card-content{padding:.875rem}.card-title{font-size:.938rem}.meta-badge{font-size:.688rem;padding:.25rem .5rem}.action-btn{height:42px;width:42px}.action-btn svg{height:20px;width:20px}.status-badge-overlay{font-size:.688rem;left:.5rem;padding:.25rem .5rem;top:.5rem}.card-info-expanded{padding:.875rem}.info-label,.info-value{font-size:.75rem}.info-prompt-text{font-size:.813rem;max-height:80px}.question-image-modal-header{padding:.75rem}.question-image-modal-title{font-size:.938rem}.question-image-modal-close{height:32px;width:32px}.question-image-modal-close svg{height:18px;width:18px}.question-image-modal-body{padding:.75rem}}.unified-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-left{gap:2rem}.btn-menu{background:#f3f4f6}.btn-menu:hover{background:#e5e7eb;color:#111827}.btn-menu:active{transform:scale(.95)}@media (max-width:768px){.header-container{padding:1rem 1.5rem}.btn-menu,.logo-image{height:40px}.btn-menu{width:40px}}@media (max-width:480px){.header-container{padding:.875rem 1rem}.logo-image{height:36px}.btn-menu{height:38px;width:38px}.btn-menu svg{height:20px;width:20px}}.all-videos-page{background:linear-gradient(180deg,#f8f9fc 0,#fff);min-height:100vh}.page-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.user-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;gap:.75rem;padding:.5rem 1rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;font-size:1rem;font-weight:700;height:36px;justify-content:center;width:36px}.user-name{font-size:.95rem;font-weight:600}.btn-logout:hover,.user-name{color:#374151}.page-main{margin:0 auto;max-width:1600px;padding:2.5rem 2rem}.page-content{gap:2.5rem}.content-header,.page-content{display:flex;flex-direction:column}.content-header{gap:1.25rem}.btn-back{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s;width:-webkit-fit-content;width:fit-content}.btn-back:hover{background:#f9fafb;border-color:#667eea;color:#667eea;transform:translateX(-4px)}.header-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#111827;font-size:2.25rem;font-weight:700;margin:0 0 .5rem}.video-count{color:#6b7280;font-size:1rem;font-weight:500;margin:0}.loading-state{color:#6b7280;padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite}.loading-state p{font-size:1rem;margin:0}.error-state{color:#ef4444;padding:4rem 2rem;text-align:center}.error-state p{font-size:1.125rem;font-weight:600;margin:0 0 1.5rem}.btn-retry{background:#667eea;border-radius:10px;box-shadow:0 2px 8px #667eea4d;font-size:1rem;padding:.875rem 2rem}.btn-retry:hover{background:#5568d3;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.empty-state{color:#6b7280;padding:6rem 2rem}.empty-icon{font-size:6rem}.empty-state h3{color:#374151;font-size:1.5rem;font-weight:600;margin:0 0 .75rem}.empty-state p{font-size:1.125rem;margin:0 0 2rem}.btn-create{border-radius:12px;box-shadow:0 2px 8px #667eea4d;font-size:1.125rem;padding:1rem 2.5rem}.page-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.page-btn:hover:not(:disabled){background:#f9fafb;border-color:#667eea;color:#667eea}.page-btn:disabled{cursor:not-allowed;opacity:.4}.page-numbers{flex-wrap:wrap;gap:.5rem}.page-number{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;height:44px;justify-content:center;min-width:44px;padding:.5rem;transition:all .2s}.page-number:hover{background:#f9fafb;border-color:#667eea;color:#667eea}.page-number.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 2px 8px #667eea4d;color:#fff}.page-ellipsis{color:#9ca3af;font-size:1.125rem;font-weight:600;padding:0 .5rem}@media (max-width:1024px){.videos-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.page-main{padding:2rem 1.5rem}}@media (max-width:768px){.header-container{padding:1rem 1.5rem}.logo-image{height:40px}.btn-logout span,.user-info{display:none}.btn-logout{justify-content:center;min-width:44px;padding:.75rem}.btn-dashboard span{display:none}.btn-dashboard{justify-content:center;min-width:44px;padding:.75rem}.page-main{padding:1.5rem 1rem}.page-content{gap:2rem}.header-info h1{font-size:1.75rem}.video-count{font-size:.9rem}.videos-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.pagination{gap:.5rem;margin-top:2rem}.page-btn span{display:none}.page-btn{justify-content:center;min-width:44px;padding:.75rem}.page-number{font-size:.875rem;height:40px;min-width:40px}}@media (max-width:480px){.header-container{padding:.875rem 1rem}.logo-image{height:35px}.btn-logout{min-width:40px;padding:.625rem}.btn-logout svg{height:18px;width:18px}.btn-dashboard{min-width:40px;padding:.625rem}.btn-dashboard svg{height:18px;width:18px}.page-main{padding:1.25rem 1rem}.content-header{gap:1rem}.btn-back{font-size:.875rem;padding:.625rem 1rem}.btn-back svg{height:18px;width:18px}.header-info h1{font-size:1.5rem}.video-count{font-size:.875rem}.videos-grid{gap:1rem;grid-template-columns:1fr}.empty-state{padding:4rem 1.5rem}.empty-icon{font-size:4.5rem}.empty-state h3{font-size:1.25rem}.btn-create,.empty-state p{font-size:1rem}.btn-create{padding:.875rem 2rem}.pagination{margin-top:1.5rem}.page-number{font-size:.813rem;height:36px;min-width:36px}.page-btn{min-width:40px}.page-btn svg{height:18px;width:18px}}@media (prefers-reduced-motion:reduce){.btn-back,.btn-create,.btn-dashboard,.btn-logout,.btn-retry,.page-btn,.page-number{transition:none}}.public-gallery{background:linear-gradient(180deg,#f8f9fc 0,#fff);min-height:100vh;padding:2rem 1rem}.gallery-container{margin:0 auto;max-width:1600px}.gallery-header{margin-bottom:2rem;padding:2rem 1rem 0;text-align:center}.gallery-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#111827;font-size:36px;font-weight:800;letter-spacing:-.02em;margin:0 0 .75rem}.gallery-subtitle{color:#6b7280;font-size:18px;font-weight:400;line-height:1.6;margin:0}.search-section{margin-bottom:1.5rem}.search-input{outline:none}.search-input::placeholder{color:#9ca3af}.gallery-controls{margin-bottom:2rem}.filter-select{outline:none}.videos-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem}.public-video-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.public-video-card:hover{box-shadow:0 8px 20px #0000001f}.video-thumbnail-wrapper{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);cursor:pointer;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-thumbnail-wrapper img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.thumbnail-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:3rem;opacity:.3}.video-thumbnail-wrapper:hover .video-overlay{opacity:1}.play-icon{font-size:24px;margin-left:3px}.video-info{background:linear-gradient(180deg,#fff 0,#f9fafb);padding:1.25rem}.video-title{font-size:16px}.video-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.meta-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .625rem;white-space:nowrap}.meta-badge.subject{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;color:#92400e}.meta-badge.language{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;color:#1e40af}.meta-badge.date{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #ddd6fe;color:#5b21b6}.video-actions{border-top:1px solid #f3f4f6;padding-top:.75rem}.action-btn{border-radius:10px;box-shadow:0 2px 6px #00000014;height:40px;width:40px}.action-btn:hover{box-shadow:0 4px 10px #0000001f}.action-btn.question-image{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.action-btn.question-image:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.question-image-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.question-image-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:95vh;max-width:95vw;overflow:hidden;width:-webkit-fit-content;width:fit-content}.question-image-modal-header{align-items:center;background:linear-gradient(135deg,#f8f9fc,#f3f4f6);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem}.question-image-modal-title{color:#111827;font-size:1.125rem;font-weight:700;margin:0}.question-image-modal-close{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.question-image-modal-close svg{height:20px;width:20px}.question-image-modal-close:hover{background:#f3f4f6;transform:rotate(90deg)}.question-image-modal-body{align-items:center;background:#f9fafb;display:flex;justify-content:center;max-height:calc(95vh - 80px);overflow:auto;padding:1rem}.question-image-modal-body img{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.pagination{justify-content:space-between;margin-top:1rem;padding:2rem 0}.pagination-button{font-size:15px;padding:.75rem 1.5rem}.pagination-button:disabled{opacity:.5}.pagination-info{text-align:center}.page-numbers{font-size:15px}.loading-container,.no-videos-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:48px;margin:0 auto 1rem;width:48px}.loading-text,.no-videos-text{color:#6b7280;font-size:1.125rem;font-weight:600;margin:0}@media (max-width:1024px){.videos-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.public-gallery{padding:1.5rem 1rem}.gallery-header{padding:1.5rem .5rem 0}.gallery-title{font-size:28px}.gallery-subtitle{font-size:16px}.search-form{flex-direction:column}.search-button{width:100%}.gallery-controls{align-items:stretch;flex-direction:column;gap:1rem}.gallery-filters{flex-wrap:wrap;width:100%}.filter-select{flex:1 1;min-width:140px}.videos-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.pagination{flex-direction:column;gap:1rem}.pagination-button{justify-content:center;width:100%}.question-image-modal{max-height:98vh;max-width:98vw}.question-image-modal-header{padding:.875rem 1rem}.question-image-modal-title{font-size:1rem}.question-image-modal-body{max-height:calc(98vh - 70px);padding:.75rem}}@media (max-width:480px){.gallery-header{padding:1rem .5rem 0}.gallery-title{font-size:24px}.gallery-subtitle{font-size:15px}.videos-grid{grid-template-columns:1fr}.total-count{font-size:16px}.search-input{font-size:14px}.action-btn{height:36px;width:36px}.action-btn svg{height:18px;width:18px}.question-image-modal-header{padding:.75rem}.question-image-modal-title{font-size:.938rem}.question-image-modal-close{height:32px;width:32px}.question-image-modal-close svg{height:18px;width:18px}.question-image-modal-body{padding:.5rem}}.public-gallery-login-view{background:linear-gradient(180deg,#f8f9fc 0,#fff);min-height:100vh}.gallery-login-main{margin:0 auto;max-width:1600px;padding:2.5rem 2rem}.gallery-login-container{display:flex;flex-direction:column;gap:2rem}.page-title-section{margin:0 auto;max-width:800px;padding:2rem 1rem 0;text-align:center}.page-title{color:#111827;font-size:36px;letter-spacing:-.02em}.page-subtitle{font-size:18px;font-weight:400}.search-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:1.5rem}.search-form{display:flex;gap:1rem}.search-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.search-icon{color:#9ca3af;left:1rem;pointer-events:none;position:absolute}.search-input{border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-size:15px;padding:.875rem 1rem .875rem 3rem;transition:all .2s;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.clear-search-btn{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:1rem;transition:all .2s}.clear-search-btn:hover{background:#f3f4f6;color:#374151}.search-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:.875rem 2rem;transition:all .2s;white-space:nowrap}.search-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.gallery-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;justify-content:space-between;padding:1.5rem}.gallery-stats{align-items:center;display:flex;gap:1rem}.total-count{color:#374151;font-size:18px;font-weight:600}.search-indicator{color:#667eea;font-size:14px}.gallery-filters{display:flex;gap:1rem}.filter-select{border-radius:8px;font-size:14px;font-weight:500;padding:.625rem 1rem;transition:all .2s}.filter-select:hover{border-color:#667eea}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.videos-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.videos-grid a svg,.videos-grid button svg,.videos-grid svg{height:20px;min-height:20px;min-width:20px;width:20px}@media (min-width:1200px){.videos-grid a svg,.videos-grid button svg,.videos-grid svg{height:22px;min-height:22px;min-width:22px;width:22px}}.video-card{background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.video-card:hover{border-color:#667eea33;box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.video-card.expanded{box-shadow:0 8px 24px #667eea33}.video-thumbnail{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-thumbnail img{object-fit:cover}.inline-video-player,.video-thumbnail img{height:100%;left:0;position:absolute;top:0;width:100%}.inline-video-player{background:#000;object-fit:contain}.thumbnail-placeholder{color:#9ca3af;height:100%;left:0;top:0;width:100%}.video-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.video-card:hover .video-overlay{opacity:1}.play-button{background:#fff;border:none;color:#667eea;cursor:pointer;height:56px;transition:all .2s;width:56px}.play-button:hover{background:#667eea;color:#fff;transform:scale(1.1)}.subject-badge{color:#fff;font-size:11px;letter-spacing:.5px;padding:4px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px;z-index:10}.video-info{background:#fff;display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1.5rem}.video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;letter-spacing:-.01em;line-height:1.4;margin:0;min-height:48px;overflow:hidden}.video-meta-grid{grid-gap:.875rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:grid;gap:.875rem;grid-template-columns:repeat(2,1fr);padding:1.125rem}.video-meta-item{display:flex;flex-direction:column;gap:.375rem}.meta-item-label{color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.meta-item-value{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:.5rem}.meta-item-value svg{color:#667eea;flex-shrink:0;height:18px;width:18px}.video-actions-bar{align-items:center;border-top:1px solid #f3f4f6;display:flex;gap:.5rem;padding-top:.75rem}.action-btn{border:none;border-radius:12px;box-shadow:0 2px 8px #00000014;height:48px;justify-content:center;transition:all .2s ease;width:48px}.action-btn svg{stroke-width:2;height:20px;width:20px}.action-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.action-btn.transcript{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-btn.transcript:hover{background:linear-gradient(135deg,#059669,#047857)}.action-btn.share{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.action-btn.share:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.action-btn.info-toggle{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;margin-left:auto}.action-btn.info-toggle:hover{background:linear-gradient(135deg,#4f46e5,#4338ca)}.expanded-details{animation:slideDown .3s ease;border-top:1px solid #e5e7eb;padding:0 1rem 1rem}.details-section{margin-top:1rem}.details-section h4{color:#374151;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.details-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:#6b7280;font-size:12px;font-weight:600;text-transform:uppercase}.detail-value{color:#111827;font-size:14px;font-weight:500}.prompt-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1.5;max-height:150px;overflow-y:auto;padding:.875rem;white-space:pre-wrap;word-break:break-word}.prompt-box::-webkit-scrollbar{width:6px}.prompt-box::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.prompt-box::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.prompt-box::-webkit-scrollbar-thumb:hover{background:#9ca3af}.details-actions{margin-top:1rem}.btn-full-details{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.btn-full-details:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.pagination{flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:3rem;padding:1.5rem 0}.pagination,.pagination-button{align-items:center;display:flex}.pagination-button{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.pagination-button:hover:not(:disabled){background:#f9fafb;border-color:#667eea;color:#667eea}.pagination-button:disabled{cursor:not-allowed;opacity:.4}.pagination-info{flex-wrap:wrap;gap:.5rem}.page-numbers,.pagination-info{align-items:center;display:flex;justify-content:center}.page-numbers{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-size:.95rem;font-weight:600;height:44px;min-width:44px;padding:.5rem}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.spinner{border:4px solid #e5e7eb;height:48px;width:48px}.loading-container p{color:#6b7280;font-size:15px;margin-top:1rem}.error-container{align-items:center;background:#fef2f2;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.error-message{color:#dc2626;font-size:15px}.btn-retry{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-retry:hover{background:#b91c1c}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.empty-icon{font-size:64px;margin-bottom:1.5rem;opacity:.5}.empty-state h2{color:#374151;font-size:24px;font-weight:700;margin:0 0 .5rem}.empty-state p{color:#6b7280;font-size:16px}.btn-create{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-create:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}@media (max-width:1024px){.videos-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.gallery-login-main{padding:1.5rem 1rem}.header-container{padding:1rem 1.5rem}.page-title-section{padding:1.5rem .5rem 0}.page-title{font-size:28px}.page-subtitle{font-size:16px}.search-form{flex-direction:column}.search-button{width:100%}.gallery-controls{align-items:stretch;flex-direction:column;gap:1rem}.gallery-filters{width:100%}.filter-select{flex:1 1}.videos-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.details-grid{grid-template-columns:1fr}.pagination{flex-direction:row;gap:.5rem;margin-top:2rem}.pagination-button span{display:none}.pagination-button{justify-content:center;min-width:44px;padding:.75rem}.video-meta-grid{grid-template-columns:1fr}.action-btn{height:44px;width:44px}.action-btn svg{height:18px;width:18px}}@media (max-width:480px){.logo-image{height:40px}.page-title-section{padding:1rem .5rem 0}.page-title{font-size:24px}.page-subtitle{font-size:15px}.videos-grid{gap:1rem;grid-template-columns:1fr}.total-count{font-size:16px}.search-input,.video-title{font-size:14px}.video-title{min-height:44px}.pagination{margin-top:1.5rem}.pagination-button{min-width:40px}.pagination-button svg{height:18px;width:18px}.action-btn{height:42px;width:42px}.action-btn svg{height:18px;width:18px}.btn-full-details{font-size:13px;padding:.625rem 1rem}}.embed-player{background:#000;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;min-height:100vh;width:100%}.embed-video-wrapper{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.embed-video{height:100%;max-height:100%;max-width:100%;object-fit:contain;width:100%}.embed-watermark{bottom:60px;opacity:.9;pointer-events:none;position:absolute;right:20px;transition:opacity .3s;z-index:10}.embed-video-wrapper:hover .embed-watermark{opacity:1}.watermark-logo-text{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border:2px solid #fff3;border-radius:8px;color:#fff;font-size:18px;font-weight:700;padding:8px 16px;text-shadow:0 2px 4px #00000080}.watermark-logo{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5));height:auto;width:80px}.embed-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000 0,#0000 50%,#000c);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:40px;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s;z-index:5}.embed-video-wrapper:hover .embed-overlay,.embed-video:paused~.embed-overlay{opacity:1;pointer-events:auto}.embed-cta{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 20px #667eea66;color:#fff;cursor:pointer;padding:20px 30px;text-decoration:none;transition:transform .2s,box-shadow .2s}.embed-cta:hover{box-shadow:0 12px 30px #667eea99;transform:translateY(-4px)}.cta-content{align-items:center;display:flex;gap:16px}.cta-icon{font-size:2rem}.cta-text h3{font-size:1.25rem;font-weight:700;margin:0}.cta-text p{font-size:.875rem;margin:4px 0 0;opacity:.9}.embed-info{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border-top:2px solid #667eea4d;display:flex;justify-content:space-between;padding:16px 24px}.embed-title{color:#fff;flex:1 1;font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embed-branding{align-items:center;background:#ffffff1a;border-radius:8px;color:#fff;display:flex;gap:10px;padding:8px 16px;text-decoration:none;transition:background .2s}.embed-branding:hover{background:#fff3}.branding-logo{height:24px;width:24px}.branding-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700}.branding-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-size:.875rem;font-weight:600}.embed-loading{align-items:center;background:#000;display:flex;height:100vh;justify-content:center;width:100%}.embed-loading .spinner{animation:spin 1s linear infinite;color:#667eea}.embed-error{align-items:center;background:#000;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:40px;text-align:center;width:100%}.error-icon{margin-bottom:16px}.embed-error p{font-size:1.125rem;opacity:.8}@media (max-width:768px){.embed-watermark{bottom:50px;right:16px}.watermark-logo{width:60px}.embed-overlay{padding:20px}.embed-cta{padding:16px 24px}.cta-content{gap:12px}.cta-icon{font-size:1.5rem}.cta-text h3{font-size:1.125rem}.cta-text p{font-size:.813rem}.embed-info{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 16px}.embed-title{font-size:.875rem}.embed-branding{align-self:stretch;justify-content:center}}@media (max-width:480px){.embed-watermark{bottom:45px;right:12px}.watermark-logo{width:50px}.cta-content{flex-direction:column;text-align:center}.cta-text h3{font-size:1rem}}.embed-player:fullscreen{height:100%;width:100%}.embed-player:fullscreen .embed-info{display:none}.video-details-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.video-details-header{align-items:center;display:flex;justify-content:space-between;margin:0 auto 20px;max-width:1400px}.back-button,.share-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:.938rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.back-button:hover,.share-button:hover{background:#f9fafb;border-color:#667eea;color:#667eea;transform:translateY(-2px)}.header-actions{display:flex;gap:12px}.share-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.share-button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.video-details-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 350px;margin:0 auto;max-width:1400px}.video-player-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.video-container{aspect-ratio:16/9;background:#000;position:relative;width:100%}.main-video{display:block;height:100%;object-fit:contain;width:100%}.video-info{padding:24px}.video-title{color:#111827;font-size:1.75rem;font-weight:700;line-height:1.3;margin:0 0 20px}.video-meta{grid-gap:16px;background:#f9fafb;border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px;padding:20px}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{color:#6b7280;font-size:.813rem;font-weight:500}.meta-value{color:#111827;font-size:1rem;font-weight:600}.video-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tag{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:20px;color:#1e40af;font-size:.813rem;font-weight:500;padding:6px 14px}.video-description{background:#f9fafb;border-left:4px solid #667eea;border-radius:12px;margin-bottom:24px;padding:20px}.video-description h3{color:#111827;font-size:1rem;font-weight:600;margin:0 0 12px}.video-description p{color:#374151;font-size:.938rem;line-height:1.6;margin:0}.embed-section{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #bfdbfe;border-radius:12px;padding:20px}.embed-section h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 8px}.embed-description{color:#374151;font-size:.875rem;margin:0 0 16px}.get-embed-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.938rem;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s;width:100%}.get-embed-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.video-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:24px}.sidebar-section h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 12px}.sidebar-section p{color:#6b7280;font-size:.938rem;line-height:1.6;margin:0 0 16px}.cta-link{align-items:center;color:#667eea;display:inline-flex;font-size:.938rem;font-weight:600;gap:4px;text-decoration:none;transition:color .2s}.cta-link:hover{color:#764ba2}.video-details-loading{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.video-details-loading .spinner{animation:spin 1s linear infinite;color:#667eea;margin-bottom:16px}.video-details-loading p{color:#6b7280;font-size:1rem;font-weight:500}.video-details-error{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px;text-align:center}.error-icon{font-size:4rem;margin-bottom:20px;opacity:.7}.video-details-error h2{color:#111827;font-size:1.75rem;font-weight:700;margin:0 0 12px}.video-details-error p{color:#6b7280;font-size:1rem;margin:0 0 24px}.back-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.938rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.back-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}@media (max-width:1024px){.video-details-content{grid-template-columns:1fr}.video-sidebar{order:-1}}@media (max-width:768px){.video-details-page{padding:12px}.video-details-header{margin-bottom:16px}.back-button,.share-button{font-size:.875rem;padding:8px 16px}.video-info{padding:20px}.video-title{font-size:1.5rem}.video-meta{gap:12px;grid-template-columns:repeat(2,1fr);padding:16px}.meta-label{font-size:.75rem}.meta-value{font-size:.938rem}}@media (max-width:480px){.video-details-header{flex-wrap:wrap}.header-actions{margin-top:12px;width:100%}.share-button{flex:1 1;justify-content:center}.video-title{font-size:1.25rem}.video-meta{grid-template-columns:1fr}}.pixel-tutor-page{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;height:100vh;overflow:hidden}.pixel-header{background:#fff;box-shadow:0 2px 8px #0000001a;justify-content:space-between;padding:1rem 1.5rem;z-index:10}.back-button,.pixel-header{align-items:center;display:flex}.back-button{background:#0000;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.back-button:hover{background:#f3f4f6}.pixel-header-title{align-items:center;display:flex;gap:.75rem}.pixel-icon{color:#667eea}.pixel-header-title h1{color:#111827;font-size:1.25rem;font-weight:700;margin:0}.pixel-status{color:#6b7280}.status-indicator{border-radius:50%;height:8px;width:8px}.status-indicator.online{animation:pulse 2s infinite;background:#10b981}.messages-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;flex:1 1;overflow-y:auto;padding:1.5rem}.messages-inner{gap:1.5rem;margin:0 auto;max-width:800px}.message-wrapper,.messages-inner{display:flex;flex-direction:column}.message-wrapper{gap:.5rem}.pixel-message{align-items:flex-start}.user-message{align-items:flex-end}.message-content-wrapper{align-items:flex-start;display:flex;gap:.75rem;max-width:85%}.user-message .message-content-wrapper{flex-direction:row-reverse;margin-left:auto}.pixel-avatar,.user-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.pixel-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.user-avatar{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.message-bubble{animation:fadeIn .3s ease;border-radius:18px;position:relative}.pixel-bubble{background:#fff;border:1px solid #e5e7eb;box-shadow:0 2px 8px #00000014}.user-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message-text{font-size:.95rem;line-height:1.6}.pixel-bubble .message-text{color:#374151}.user-bubble .message-text{color:#fff}.message-text p{margin:.5rem 0}.message-text p:first-child{margin-top:0}.message-text p:last-child{margin-bottom:0}.message-text strong{font-weight:700}.message-text code{background:#0000000d;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;padding:.15rem .4rem}.user-bubble .message-text code{background:#fff3}.message-text pre{background:#f3f4f6;border-radius:8px;margin:.75rem 0;overflow-x:auto;padding:1rem}.user-bubble .message-text pre{background:#ffffff26}.message-image{border-radius:12px;margin-bottom:.75rem;max-height:400px;max-width:100%}.thinking-indicator{display:flex;gap:.4rem;padding:.5rem 0}.thinking-indicator span{animation:bounce 1.4s ease-in-out infinite both;background:#9ca3af;border-radius:50%;height:8px;width:8px}.thinking-indicator span:first-child{animation-delay:-.32s}.thinking-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.message-timestamp{color:#9ca3af;font-size:.75rem;padding:0 .5rem}.pixel-timestamp{margin-left:52px;text-align:left}.user-timestamp{margin-right:52px;text-align:right}.onboarding-options{display:flex;flex-direction:column;gap:.75rem;margin-left:52px;margin-top:1rem;max-width:500px}.onboarding-option{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;font-size:.95rem;font-weight:500;padding:1rem 1.25rem;text-align:left;transition:all .2s}.onboarding-option:hover{background:#f9fafb;border-color:#667eea;transform:translateX(4px)}.action-buttons-section{margin-left:52px;margin-top:1rem;max-width:600px}.action-title{color:#6b7280;font-size:.9rem;font-weight:600;margin-bottom:.75rem}.action-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.action-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:20px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s;white-space:nowrap}.action-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.action-btn-primary{background:linear-gradient(135deg,#10b981,#059669);border-color:#0000;color:#fff}.action-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);border-color:#0000}.input-area{background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -2px 8px #0000000d;padding:1rem 1.5rem}.input-container{align-items:flex-end;display:flex;gap:.75rem;margin:0 auto;max-width:800px}.image-upload-wrapper{position:relative}.image-upload-button{align-items:center;background:#f3f4f6;border:none;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.image-upload-button:hover:not(:disabled){background:#e5e7eb;color:#374151}.image-upload-button:disabled{cursor:not-allowed;opacity:.5}.image-options-popup{background:#fff;border:1px solid #e5e7eb;border-radius:12px;bottom:100%;box-shadow:0 4px 12px #00000026;left:0;margin-bottom:.5rem;min-width:180px;overflow:hidden;position:absolute;z-index:10}.image-options-popup button{align-items:center;background:#fff;border:none;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;transition:background .2s;width:100%}.image-options-popup button:hover{background:#f3f4f6}.image-options-popup button:not(:last-child){border-bottom:1px solid #e5e7eb}.hidden-input{display:none}.message-input{border:2px solid #e5e7eb;border-radius:12px;flex:1 1;font-family:inherit;font-size:.95rem;max-height:150px;padding:.875rem 1rem;resize:none;transition:border-color .2s}.message-input:focus{border-color:#667eea;outline:none}.message-input:disabled{background:#f9fafb;cursor:not-allowed}.send-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.send-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.input-hint{color:#9ca3af;font-size:.75rem;margin-bottom:0;margin-top:.5rem;text-align:center}.video-link-container{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.video-link-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.video-link-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.video-link-button:active{transform:translateY(0)}@media (max-width:768px){.pixel-header{padding:.875rem 1rem}.back-button span{display:none}.back-button{padding:.5rem}.pixel-header-title h1{font-size:1.125rem}.pixel-status span{display:none}.messages-container{padding:1rem}.message-content-wrapper{max-width:90%}.pixel-avatar,.user-avatar{height:36px;width:36px}.action-buttons-section,.onboarding-options,.pixel-timestamp{margin-left:44px}.user-timestamp{margin-right:44px}.input-area{padding:.875rem 1rem}}@media (max-width:480px){.messages-container{padding:.75rem}.pixel-avatar,.user-avatar{font-size:.875rem;height:32px;width:32px}.message-bubble{padding:.875rem 1rem}.action-buttons-section,.onboarding-options,.pixel-timestamp{margin-left:40px}.user-timestamp{margin-right:40px}.action-buttons{flex-direction:column}.video-link-button{justify-content:center;width:100%}.action-btn{flex:1 1;justify-content:center}}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#f3f4f6}.messages-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.content-creator{background:linear-gradient(135deg,#f5f7fa,#e3e8f0);display:flex;flex-direction:column;min-height:100vh}.creator-header{background:#fff;border-bottom:1px solid #0000000f;box-shadow:0 2px 8px #0000000a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{padding:1rem 1.5rem}.header-left{gap:1.5rem}.logo-image{height:36px}.btn-menu{background:#667eea1a;border:none;border-radius:.5rem;color:#667eea;padding:.5rem}.btn-menu:hover{background:#667eea33;transform:translateY(-1px)}.creator-main{flex:1 1;padding:2rem 1.5rem}.creator-container{margin:0 auto;max-width:1200px}.creator-back{margin-bottom:1.5rem}.back-link{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;color:#667eea;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .2s}.back-link:hover{background:#667eea0d;border-color:#667eea;transform:translateX(-4px)}.creator-page-header{background:#fff;border:1px solid #667eea1f;border-radius:1.5rem;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;overflow:hidden;padding:0}.header-content-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding:2.5rem 2.5rem 2rem}.header-content-wrapper:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-20%;top:-50%;width:100%}.header-icon-section{position:relative;z-index:1}.creator-icon{align-items:center;animation:float 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:3px solid #ffffff4d;border-radius:24px;box-shadow:0 8px 24px #00000026;color:#fff;display:flex;height:96px;justify-content:center;width:96px}.header-text-section{position:relative;z-index:1}.page-title{color:#fff;font-size:2.5rem;font-weight:900;line-height:1.1;margin:0 0 .75rem}.page-subtitle{color:#fffffff2;line-height:1.6;margin:0 0 1.5rem;max-width:700px}.header-features{display:flex;flex-wrap:wrap;gap:.75rem}.feature-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:2rem;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.feature-badge:hover{background:#ffffff4d;transform:translateY(-2px)}.feature-badge svg{flex-shrink:0}.responsibility-notice{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border-top:3px solid #f59e0b;display:flex;gap:1.5rem;padding:2rem 2.5rem}.notice-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #f59e0b33;color:#f59e0b;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.notice-content{flex:1 1}.notice-title{color:#78350f;font-size:1.25rem;font-weight:800;letter-spacing:-.3px;margin:0 0 .75rem}.notice-text{color:#92400e;font-size:.9375rem;font-weight:500;line-height:1.7;margin:0 0 1.25rem}.notice-points{display:flex;flex-direction:column;gap:.75rem}.notice-point{align-items:center;background:#fff9;border:1px solid #f59e0b33;border-radius:.5rem;display:flex;gap:.75rem;padding:.625rem 1rem}.notice-point svg{color:#10b981;flex-shrink:0}.notice-point span{color:#78350f;font-size:.875rem;font-weight:600;line-height:1.4}.create-section,.videos-section{margin-bottom:3rem}.section-header-main{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.section-title-group{flex:1 1}.section-title{color:#111827;font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin:0 0 .5rem}.section-subtitle{font-size:1rem;font-weight:500;margin:0}.create-content,.videos-content{background:#fff;border:1px solid #667eea14;border-radius:1.25rem;box-shadow:0 4px 20px #0000000f;padding:2rem}.btn-view-all-videos{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:700;gap:.5rem;padding:.875rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-view-all-videos:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-view-all-videos:active{transform:translateY(0)}@media (max-width:768px){.creator-main{padding:1.5rem 1rem}.header-container{padding:.875rem 1rem}.logo-image{height:32px}.header-content-wrapper{flex-direction:column;gap:1.5rem;padding:2rem 1.5rem;text-align:center}.creator-icon{height:80px;width:80px}.header-text-section{align-items:center;display:flex;flex-direction:column}.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.header-features{justify-content:center}.responsibility-notice{align-items:center;flex-direction:column;padding:1.5rem;text-align:center}.notice-icon{height:48px;width:48px}.notice-points{width:100%}.creator-page-header{border-radius:1rem}.section-header-main{align-items:stretch;flex-direction:column}.section-title{font-size:1.5rem}.section-subtitle{font-size:.9375rem}.btn-view-all-videos{justify-content:center;padding:1rem 1.5rem;width:100%}.create-content,.videos-content{border-radius:1rem;padding:1.5rem}.create-section,.videos-section{margin-bottom:2rem}.back-link{justify-content:center;padding:1rem;width:100%}}@media (max-width:480px){.creator-main{padding:1rem .75rem}.header-container{padding:.75rem .875rem}.logo-image{height:28px}.header-right{gap:.5rem}.header-content-wrapper{padding:1.75rem 1.25rem}.creator-icon{height:72px;width:72px}.page-title{font-size:1.75rem}.page-subtitle{font-size:.9375rem}.feature-badge{font-size:.813rem;padding:.375rem .875rem}.responsibility-notice{gap:1rem;padding:1.25rem}.notice-icon{height:44px;width:44px}.notice-title{font-size:1.125rem}.notice-text{font-size:.875rem}.notice-point{padding:.5rem .875rem}.notice-point span{font-size:.813rem}.creator-page-header{margin-bottom:1.5rem}.section-title{font-size:1.375rem}.section-subtitle{font-size:.875rem}.create-content,.videos-content{padding:1.25rem}.btn-view-all-videos{font-size:.875rem;padding:.875rem 1.25rem}.back-link{font-size:.875rem;padding:.875rem}}@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_AMS-Regular.73ea273a72f4aca30ca5.woff2) format("woff2"),url(/static/media/KaTeX_AMS-Regular.d562e886c52f12660a41.woff) format("woff"),url(/static/media/KaTeX_AMS-Regular.853be92419a6c3766b9a.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Caligraphic-Bold.a1abf90dfd72792a577a.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Bold.d757c535a2e5902f1325.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Bold.7489a2fbfb9bfe704420.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Caligraphic-Regular.d6484fce1ef428d5bd94.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Regular.db074fa22cf224af93d7.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Regular.7e873d3833eb108a0758.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Fraktur-Bold.931d67ea207ab37ee693.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Bold.354501bac435c3264834.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Bold.4c761b3711973ab04edf.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Fraktur-Regular.172d3529b26f8cedef6b.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Regular.6fdf0ac577be0ba82a4c.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Regular.ed305b5434865e06ffde.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Main-Bold.39890742bc957b368704.woff2) format("woff2"),url(/static/media/KaTeX_Main-Bold.0c3b8929d377c0e9b2f3.woff) format("woff"),url(/static/media/KaTeX_Main-Bold.8169508bf58f8bd92ad8.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Main-BoldItalic.20f389c4120be058d80a.woff2) format("woff2"),url(/static/media/KaTeX_Main-BoldItalic.428978dc7837d46de091.woff) format("woff"),url(/static/media/KaTeX_Main-BoldItalic.828abcb200061cffbaae.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Main-Italic.fe2176f79edaa716e621.woff2) format("woff2"),url(/static/media/KaTeX_Main-Italic.fd947498bc16392e76c2.woff) format("woff"),url(/static/media/KaTeX_Main-Italic.fa675e5e4bec9eb250b6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Main-Regular.f650f111a3b890d116f1.woff2) format("woff2"),url(/static/media/KaTeX_Main-Regular.4f35fbcc9ee8614c2bcc.woff) format("woff"),url(/static/media/KaTeX_Main-Regular.9eba1d77abcf2aa6e94e.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Math-BoldItalic.dcbcbd93bac0470b462d.woff2) format("woff2"),url(/static/media/KaTeX_Math-BoldItalic.3f07ed67f06c720120ce.woff) format("woff"),url(/static/media/KaTeX_Math-BoldItalic.bf2d440b3a42ea78a998.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Math-Italic.6d3d25f4820d0da8f01f.woff2) format("woff2"),url(/static/media/KaTeX_Math-Italic.96759856b4e70f3a8338.woff) format("woff"),url(/static/media/KaTeX_Math-Italic.8a5f936332e8028c7278.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/static/media/KaTeX_SansSerif-Bold.95591a929f0d32aa282a.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Bold.b9cd458ac6d5889ff9c3.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Bold.5b49f4993ae22d7975b4.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Italic.7d393d382f3e7fb1c637.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Italic.8d593cfaa96238d5e2f8.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Italic.b257a18c016f37ee4543.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Regular.cd5e231e0cc53b2cb2c0.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Regular.02271ec5cb9f5b4588ac.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Regular.2f7bc363fc5424ebda59.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Script-Regular.c81d1b2a4b75d3eded60.woff2) format("woff2"),url(/static/media/KaTeX_Script-Regular.073b3402d036714b4370.woff) format("woff"),url(/static/media/KaTeX_Script-Regular.fc9ba5249878cd8f8d88.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size1-Regular.6eec866c69313624be60.woff2) format("woff2"),url(/static/media/KaTeX_Size1-Regular.0108e89c9003e8c14ea3.woff) format("woff"),url(/static/media/KaTeX_Size1-Regular.6de7d4b539221a49e9e2.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size2-Regular.2960900c4f271311eb36.woff2) format("woff2"),url(/static/media/KaTeX_Size2-Regular.3a99e70aee4076660d38.woff) format("woff"),url(/static/media/KaTeX_Size2-Regular.57f5c1837853986ea1db.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size3-Regular.e1951519f6f0596f7356.woff2) format("woff2"),url(/static/media/KaTeX_Size3-Regular.7947224e8a9914fa332b.woff) format("woff"),url(/static/media/KaTeX_Size3-Regular.8d6b6822586eea3d3b20.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size4-Regular.e418bf257af1052628d8.woff2) format("woff2"),url(/static/media/KaTeX_Size4-Regular.aeffd8025cba3647f1a6.woff) format("woff"),url(/static/media/KaTeX_Size4-Regular.4ad7c7e8bb8d10a34bb7.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Typewriter-Regular.c295e7f71970f03c0549.woff2) format("woff2"),url(/static/media/KaTeX_Typewriter-Regular.4c6b94fd1d07f8beff7c.woff) format("woff"),url(/static/media/KaTeX_Typewriter-Regular.c5c02d763c89380dcb4e.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.28"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.practice-modal-overlay{align-items:center;animation:fadeIn .25s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.practice-modal-container{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:24px;box-shadow:0 24px 60px #0003;display:flex;flex-direction:column;margin:auto;max-height:95vh;max-width:800px;position:relative;width:100%}.practice-modal-close{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:1.25rem;top:1.25rem;transition:all .2s;width:44px;z-index:10}.practice-modal-close:hover{background:#ef44441a;color:#ef4444;transform:scale(1.1)}.practice-carousel-nav{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#667eea;cursor:pointer;display:flex;height:56px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;width:56px;z-index:5}.practice-carousel-nav:hover:not(:disabled){background:#667eea;border-color:#667eea;box-shadow:0 8px 20px #667eea4d;color:#fff;transform:translateY(-50%) scale(1.1)}.practice-carousel-nav:disabled{cursor:not-allowed;opacity:.3}.practice-carousel-prev{left:-28px}.practice-carousel-next{right:-28px}.practice-modal-content{display:flex;flex-direction:column;height:100%;max-height:95vh}.practice-modal-header{border-bottom:2px solid #f3f4f6;padding:2rem 5rem 1.5rem 2rem}.practice-header-top{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.practice-difficulty-badge{border-radius:8px;flex-shrink:0;font-size:.75rem;font-weight:800;letter-spacing:.5px;padding:.5rem 1rem}.practice-difficulty-badge.difficulty-easy{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.practice-difficulty-badge.difficulty-medium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.practice-difficulty-badge.difficulty-hard{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.practice-problem-counter{background:#667eea1a;border-radius:8px;color:#667eea;flex-shrink:0;font-size:.875rem;font-weight:700;padding:.5rem 1rem;white-space:nowrap}.practice-modal-title{color:#111827;font-size:1.875rem;font-weight:800;letter-spacing:-.5px;margin:0}.practice-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}.practice-modal-body::-webkit-scrollbar{width:8px}.practice-modal-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.practice-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.practice-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.practice-section{margin-bottom:2rem}.practice-section:last-child{margin-bottom:0}.practice-section-title{color:#111827;font-size:1.125rem;font-weight:700;margin:0 0 1rem}.practice-problem-text{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-left:4px solid #667eea;border-radius:16px;color:#374151;font-size:1.0625rem;line-height:1.8;padding:1.5rem}.practice-topics{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.practice-topic-tag{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:.8125rem;font-weight:600;padding:.375rem .875rem;transition:all .2s}.practice-topic-tag:hover{border-color:#667eea;color:#667eea}.practice-toggle-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-size:.9375rem;font-weight:700;gap:.625rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s;width:100%}.practice-toggle-btn:hover{background:#667eea0d;border-color:#667eea;box-shadow:0 4px 12px #667eea26;color:#667eea;transform:translateY(-2px)}.practice-hint-btn,.practice-hint-btn:hover{border-color:#fbbf24;color:#d97706}.practice-hint-btn:hover{background:#fbbf241a}.practice-solution-btn{border-color:#667eea;color:#667eea}.practice-answer-btn,.practice-answer-btn:hover{border-color:#10b981;color:#059669}.practice-answer-btn:hover{background:#10b9811a}.practice-hint-content{animation:expandDown .3s ease-out;background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #fbbf24;border-radius:12px;color:#78350f;line-height:1.7;margin-top:1rem;padding:1.25rem}.practice-solution-textarea{background:#fafafa;border:2px solid #e5e7eb;border-radius:12px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:1rem;line-height:1.7;min-height:200px;padding:1.25rem;resize:vertical;transition:all .3s;width:100%}.practice-solution-textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.practice-solution-textarea:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.practice-solution-textarea::placeholder{color:#9ca3af}.practice-evaluation-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.practice-eval-btn{align-items:center;background:#fff;border:3px solid;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.625rem;justify-content:center;padding:1.125rem;transition:all .3s}.practice-eval-correct{border-color:#d1fae5;color:#059669}.practice-eval-correct:hover{background:#d1fae5;border-color:#10b981}.practice-eval-correct.selected{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 8px 20px #10b9814d;color:#fff;transform:scale(1.05)}.practice-eval-incorrect{border-color:#fee2e2;color:#dc2626}.practice-eval-incorrect:hover{background:#fee2e2;border-color:#ef4444}.practice-eval-incorrect.selected{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;box-shadow:0 8px 20px #ef44444d;color:#fff;transform:scale(1.05)}.practice-complete-solution{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-left:4px solid #8b5cf6;color:#5b21b6}.practice-answer-content,.practice-complete-solution{animation:expandDown .3s ease-out;border-radius:12px;line-height:1.8;margin-top:1rem;padding:1.5rem}.practice-answer-content{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:4px solid #10b981;color:#065f46}.practice-grading-criteria{background:#fff;border:2px solid #d1fae5;border-radius:12px;margin-top:1.5rem;padding:1.25rem}.practice-grading-criteria h4{color:#065f46;font-size:1rem;font-weight:700;margin:0 0 1rem}.practice-grading-criteria ul{margin:0;padding-left:1.5rem}.practice-grading-criteria li{color:#065f46;line-height:1.7;margin-bottom:.75rem}.practice-grading-criteria li:last-child{margin-bottom:0}.practice-modal-footer{align-items:center;background:#fff;border-radius:0 0 24px 24px;border-top:2px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem 2rem}.practice-footer-actions{align-items:center;display:flex;gap:.75rem}.practice-btn-secondary{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;font-size:.9375rem;font-weight:700;padding:.875rem 1.75rem;transition:all .3s}.practice-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.practice-btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 6px 20px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:800;gap:.625rem;padding:.875rem 2rem;transition:all .3s}.practice-btn-primary:hover:not(:disabled){box-shadow:0 10px 28px #667eea80;transform:translateY(-3px)}.practice-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.practice-submission-message{animation:slideDown .4s ease-out;border-radius:12px;font-size:1rem;font-weight:700;margin-top:1rem;padding:1.25rem;text-align:center}.practice-submission-message.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;color:#065f46}.practice-submission-message.needs-review{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;color:#92400e}@media (max-width:768px){.practice-modal-overlay{padding:.5rem}.practice-modal-container{border-radius:20px;max-height:98vh}.practice-carousel-nav{height:48px;width:48px}.practice-carousel-prev{left:-24px}.practice-carousel-next{right:-24px}.practice-modal-header{padding:1.5rem 1.5rem 1.25rem}.practice-modal-title{font-size:1.5rem}.practice-modal-body{padding:1rem 1.5rem}.practice-section-title{font-size:1rem}.practice-problem-text{font-size:1rem;padding:1.25rem}.practice-evaluation-buttons{gap:.75rem}.practice-modal-footer{align-items:stretch;flex-direction:column;padding:1.25rem 1.5rem}.practice-footer-actions{flex-direction:column;width:100%}.practice-btn-primary,.practice-btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.practice-modal-overlay{align-items:flex-start;padding:0}.practice-modal-container{border-radius:0;height:100vh;max-height:100vh;max-width:100%}.practice-modal-close{height:40px;right:1rem;top:1rem;width:40px}.practice-carousel-nav{display:none}.practice-modal-header{padding:1.25rem 1rem 1rem}.practice-modal-title{font-size:1.375rem}.practice-modal-body{padding:1rem}.practice-problem-text{font-size:.9375rem;padding:1rem}.practice-solution-textarea{font-size:.9375rem;min-height:160px}.practice-evaluation-buttons{grid-template-columns:1fr}.practice-toggle-btn{font-size:.875rem;padding:.75rem 1.25rem}.practice-modal-footer{padding:1rem}.practice-btn-primary,.practice-btn-secondary{font-size:.875rem;padding:.75rem 1.5rem}}@media (max-width:360px){.practice-modal-title{font-size:1.25rem}.practice-section-title{font-size:.9375rem}.practice-difficulty-badge,.practice-problem-counter{font-size:.6875rem;padding:.375rem .75rem}}.video-lang-modal-overlay{align-items:center;animation:fadeIn .25s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.video-lang-modal-container{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:24px;box-shadow:0 24px 60px #0003;max-width:500px;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.video-lang-modal-close{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:1.25rem;top:1.25rem;transition:all .2s;width:44px;z-index:10}.video-lang-modal-close:hover{background:#ef44441a;color:#ef4444;transform:scale(1.1)}.video-lang-modal-header{border-bottom:2px solid #f3f4f6;padding:2.5rem 2rem 1.5rem;text-align:center}.video-lang-icon{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:20px;box-shadow:0 8px 24px #f093fb66;color:#fff;display:flex;height:72px;justify-content:center;margin:0 auto 1.25rem;width:72px}.video-lang-modal-header h2{color:#111827;font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin:0 0 .625rem}.video-lang-modal-header p{color:#6b7280;font-size:1rem;line-height:1.5;margin:0}.video-lang-modal-body{padding:2rem}.video-lang-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.video-lang-option{grid-gap:1rem;align-items:center;background:#fff;border:3px solid #e5e7eb;border-radius:16px;cursor:pointer;display:grid;gap:1rem;grid-template-columns:60px 1fr 40px;padding:1.25rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.video-lang-option:hover{background:#667eea05;border-color:#667eea;box-shadow:0 8px 20px #667eea26;transform:translateY(-2px)}.video-lang-option.selected{background:linear-gradient(135deg,#667eea14,#764ba214);border-color:#667eea;box-shadow:0 8px 20px #667eea33;transform:translateY(-2px)}.video-lang-flag{align-items:center;display:flex;font-size:3rem;justify-content:center;line-height:1}.video-lang-info{display:flex;flex-direction:column;gap:.25rem}.video-lang-name{color:#111827;font-size:1.125rem;font-weight:700}.video-lang-native{color:#6b7280;font-size:.9375rem;font-weight:500}.video-lang-check{align-items:center;color:#667eea;display:flex;justify-content:center}.video-lang-option:not(.selected) .video-lang-check{opacity:0}.video-lang-info-box{align-items:flex-start;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-left:4px solid #8b5cf6;border-radius:12px;display:flex;gap:.875rem;padding:1.25rem}.video-lang-info-box svg{color:#7c3aed;flex-shrink:0;margin-top:.125rem}.video-lang-info-box p{color:#5b21b6;font-size:.9375rem;font-weight:500;line-height:1.6;margin:0}.video-lang-modal-footer{align-items:center;background:#fff;border-radius:0 0 24px 24px;border-top:2px solid #f3f4f6;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem 2rem}.video-lang-btn-secondary{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;font-size:.9375rem;font-weight:700;padding:.875rem 1.75rem;transition:all .3s}.video-lang-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.video-lang-btn-primary{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:12px;box-shadow:0 6px 20px #f093fb66;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:800;gap:.625rem;padding:.875rem 2rem;transition:all .3s}.video-lang-btn-primary:hover{box-shadow:0 10px 28px #f093fb80;transform:translateY(-3px)}@media (max-width:768px){.video-lang-modal-container{max-width:90%}.video-lang-modal-header{padding:2rem 1.5rem 1.25rem}.video-lang-modal-header h2{font-size:1.5rem}.video-lang-icon{height:64px;width:64px}.video-lang-modal-body{padding:1.5rem}.video-lang-option{padding:1rem}.video-lang-flag{font-size:2.5rem}.video-lang-modal-footer{padding:1.25rem 1.5rem}}@media (max-width:480px){.video-lang-modal-overlay{align-items:flex-end;padding:0}.video-lang-modal-container{border-radius:24px 24px 0 0;max-height:90vh;max-width:100%}.video-lang-modal-close{height:40px;right:1rem;top:1rem;width:40px}.video-lang-modal-header{padding:1.75rem 1rem 1rem}.video-lang-modal-header h2{font-size:1.375rem}.video-lang-icon{height:56px;width:56px}.video-lang-modal-body{padding:1rem}.video-lang-option{gap:.75rem;grid-template-columns:50px 1fr 36px;padding:1rem}.video-lang-flag{font-size:2rem}.video-lang-name{font-size:1rem}.video-lang-native{font-size:.875rem}.video-lang-info-box{gap:.75rem;padding:1rem}.video-lang-info-box p{font-size:.875rem}.video-lang-modal-footer{flex-direction:column-reverse;padding:1rem}.video-lang-btn-primary,.video-lang-btn-secondary{justify-content:center;padding:.875rem 1.5rem;width:100%}}:root{--primary-blue:#667eea;--primary-purple:#764ba2;--primary-gradient:linear-gradient(135deg,#667eea,#764ba2)}.problem-solver-page{background:linear-gradient(135deg,#f0f9ff,#e0e7ff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:1.5rem 1rem}.problem-solver-container{margin:0 auto;max-width:1000px}.problem-solver-header{background:#fff;border:2px solid #667eea1a;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:2rem;position:relative}.page-title{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;gap:.75rem}.page-title .title-icon{-webkit-text-fill-color:initial;color:#667eea;flex-shrink:0}.history-button-desktop{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--radius-sm);color:#667eea;color:var(--primary-blue);cursor:pointer;display:flex;font-family:inherit;font-size:.9375rem;font-weight:700;gap:.5rem;padding:.875rem 1.5rem;transition:all .3s;white-space:nowrap}.history-button-desktop:hover{background:#667eea0d;border-color:#667eea;border-color:var(--primary-blue);transform:translateY(-2px)}.mobile-menu-btn{background:#667eea1a;color:#667eea}.mobile-menu-btn:hover{background:#667eea33}.mobile-menu-item:hover{background:#667eea0d;border-color:#667eea;color:#667eea}.solver-header{background:#fff;border:2px solid #667eea1a;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding:2rem}.solver-header,.solver-title{align-items:center;display:flex}.solver-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:800;gap:.75rem;letter-spacing:-.5px;margin:0 0 .5rem}.title-emoji{-webkit-text-fill-color:initial;font-size:2.5rem}.solver-subtitle{color:#6b7280;color:var(--text-light);font-size:1.125rem;font-weight:500;margin:0}.history-btn-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:12px;border-radius:var(--radius-sm);box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;padding:1rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.history-btn-header:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.history-btn-header:active{transform:translateY(0)}.solver-content{animation:fadeIn .5s ease-out}.solver-card{background:#fff;border:2px solid #667eea1a;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);padding:2rem}.input-section{gap:1.5rem}.input-section,.subject-selector{display:flex;flex-direction:column}.subject-selector{gap:1rem}.section-label{margin:0}.section-label,.selector-label{color:#111827;color:var(--text-dark);font-size:1.125rem;font-weight:700}.selector-label{margin:0 0 1rem}.subject-buttons{display:flex;flex-wrap:wrap;gap:1rem}.subject-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:16px;border-radius:var(--radius-md);color:#374151;color:var(--text-medium);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;min-width:140px;padding:1rem 1.5rem;transition:all .3s}.subject-button:hover{border-color:#667eea;border-color:var(--primary-blue);box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.subject-button.selected{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#0000;box-shadow:0 6px 20px #667eea66;color:#fff;transform:translateY(-2px)}.subject-button.chemistry.selected{background:linear-gradient(135deg,#e74c3c,#c0392b)}.subject-button.physics.selected{background:linear-gradient(135deg,#3498db,#2980b9)}.subject-button.mathematics.selected{background:linear-gradient(135deg,#2ecc71,#27ae60)}.subject-emoji{font-size:1.75rem;transition:transform .3s}.subject-name{font-size:.938rem;font-weight:700;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;overflow-wrap:break-word;text-align:center;word-break:break-word}.subject-pills{flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.subject-pill,.subject-pills{display:flex;justify-content:center}.subject-pill{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow-sm);color:#374151;color:var(--text-medium);cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;gap:.875rem;max-width:220px;min-width:140px;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1)}.subject-pill:before{background:linear-gradient(135deg,#667eea0d,#764ba20d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.subject-pill:hover:before{opacity:1}.subject-pill .subject-icon{font-size:1.75rem;transition:transform .35s cubic-bezier(.68,-.55,.265,1.55)}.subject-pill:hover{border-color:var(--primary);box-shadow:0 12px 28px #667eea2e;transform:translateY(-4px)}.subject-pill:hover .subject-icon{transform:scale(1.25) rotate(5deg)}.subject-pill.active{border-color:#0000;box-shadow:0 12px 28px #667eea59;color:#fff;transform:translateY(-2px)}.subject-pill.active:before{opacity:0}.subject-grid{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));max-width:100%;width:100%}.subject-card{align-items:center;border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.5rem;max-width:100%;min-width:0;overflow:hidden;padding:1rem .75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.subject-card,.subject-card:hover{color:#111827;color:var(--text-dark)}.subject-card:hover{border-color:#667eea;border-color:var(--primary-blue);box-shadow:0 6px 16px #667eea33;transform:translateY(-2px)}.subject-card.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#0000;box-shadow:0 6px 20px #667eea66;color:#fff;transform:translateY(-2px)}.subject-card:hover .subject-emoji{transform:scale(1.1)}.input-card{background:#fff;border:2px solid #667eea1a;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);gap:1.5rem;padding:2rem}.input-card,.input-group{display:flex;flex-direction:column}.input-group{gap:1rem}.input-label{color:#111827;color:var(--text-dark);font-size:1.25rem;font-weight:700;margin:0}.problem-textarea{background:#f9fafb;background:var(--bg-light);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:16px;border-radius:var(--radius-md);font-family:inherit;font-size:1rem;line-height:1.7;min-height:180px;padding:1.25rem;resize:vertical;transition:all .3s;width:100%}.problem-textarea:focus{background:#fff;border-color:#667eea;border-color:var(--primary-blue);box-shadow:0 0 0 4px #667eea1a;outline:none}.problem-textarea::placeholder{color:#9ca3af}.image-upload-section,.upload-section{display:flex;flex-direction:column;gap:1rem}.upload-buttons{display:flex;flex-wrap:wrap;gap:1rem}.camera-btn,.upload-btn,.upload-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--radius-sm);color:#374151;color:var(--text-medium);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.625rem;justify-content:center;min-width:140px;padding:.875rem 1.5rem;transition:all .3s}.camera-btn:hover:not(:disabled),.upload-btn:hover:not(:disabled),.upload-button:hover:not(:disabled){background:#667eea0d;border-color:#667eea;border-color:var(--primary-blue);box-shadow:0 2px 8px #667eea26;color:#667eea;color:var(--primary-blue);transform:translateY(-2px)}.camera-btn:disabled,.upload-btn:disabled,.upload-button:disabled{cursor:not-allowed;opacity:.5}.upload-progress{align-items:center;background:#667eea0d;border-radius:12px;border-radius:var(--radius-sm);color:#667eea;color:var(--primary-blue);display:flex;font-size:.9375rem;font-weight:600;gap:.75rem;padding:1rem}.image-preview-container{background:#f9fafb;background:var(--bg-light);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:16px;border-radius:var(--radius-md);margin-bottom:1rem;max-width:100%;overflow:hidden;position:relative}.image-preview-container .image-preview{display:block;height:auto;max-height:400px;object-fit:contain;width:100%}.image-preview-container .remove-image-btn{align-items:center;background:#ef4444f2;border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:.75rem;top:.75rem;transition:all .3s;width:40px}.image-preview-container .remove-image-btn:hover{background:#dc2626;transform:scale(1.1) rotate(90deg)}.uploaded-image-preview{background:#f9fafb;background:var(--bg-light);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:16px;border-radius:var(--radius-md);overflow:hidden;position:relative}.uploaded-image-preview img{display:block;height:auto;max-height:400px;object-fit:contain;width:100%}.remove-image-btn,.remove-image-button{align-items:center;background:#ef4444f2;border:none;border-radius:50%;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s;width:44px}.remove-image-btn:hover,.remove-image-button:hover{background:#dc2626;transform:scale(1.1) rotate(90deg)}.error-message{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444;border-left:4px solid var(--danger);border-radius:12px;border-radius:var(--radius-sm);color:#991b1b;display:flex;font-size:.9375rem;font-weight:600;gap:.75rem;padding:1rem 1.25rem}.error-icon{font-size:1.25rem}.solve-section{margin-top:1rem}.solve-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:16px;border-radius:var(--radius-md);box-shadow:0 4px 16px #667eea4d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1.0625rem;font-weight:700;gap:.75rem;justify-content:center;padding:1.25rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.solve-button:hover:not(:disabled){box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}.solve-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner-small{animation:spin 1s linear infinite}.button-credit-cost{align-items:center;background:#fff3;border-radius:12px;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.25rem;margin-left:.5rem;padding:.25rem .5rem}.gem-icon-inline{color:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,.6))}.solve-button:hover .button-credit-cost{background:#ffffff4d;transform:scale(1.05);transition:all .2s ease}.action-card:hover .card-credit-badge{box-shadow:0 2px 8px #fbbf244d;transform:scale(1.05);transition:all .2s ease}.solve-button:disabled .button-credit-cost{display:none}.results-section{animation:fadeIn .6s ease-out;display:flex;flex-direction:column;gap:1.5rem}.question-card,.solution-card,.video-card{background:#fff;border:2px solid #667eea1a;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);padding:2rem}.card-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.card-header h3{color:#111827;color:var(--text-dark);font-size:1.5rem;font-weight:800;margin:0}.card-content{display:flex;flex-direction:column;gap:1.5rem}.new-problem-btn,.new-problem-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--radius-sm);color:#374151;color:var(--text-medium);cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:700;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s}.new-problem-btn:hover,.new-problem-button:hover{background:#ef44440d;border-color:#ef4444;border-color:var(--danger);color:#ef4444;color:var(--danger)}.question-content{display:flex;flex-direction:column;gap:1.5rem}.question-image{background:#f9fafb;background:var(--bg-light);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:16px;border-radius:var(--radius-md);overflow:hidden}.question-image img{display:block;height:auto;max-height:400px;object-fit:contain;width:100%}.question-text{background:linear-gradient(135deg,#f0f9ff,#e0e7ff);border-left:4px solid #667eea;border-left:4px solid var(--primary-blue);color:#374151;color:var(--text-medium);font-size:1.0625rem;line-height:1.8;padding:1.5rem}.question-text,.video-player-wrapper{border-radius:16px;border-radius:var(--radius-md)}.video-player-wrapper{background:#f9fafb;background:var(--bg-light);overflow:hidden}.solution-video,.video-player{display:block;height:auto;max-height:500px;width:100%}.video-content{background:#f9fafb;background:var(--bg-light);border-radius:16px;border-radius:var(--radius-md);overflow:hidden}.video-failed,.video-loading,.video-status-card{align-items:center;background:#fff;border:2px solid #667eea1a;border-radius:20px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:3rem 2rem;text-align:center}.spinner-large,.spinner-medium{animation:spin 1s linear infinite;color:#667eea;color:var(--primary-blue)}.video-status-card h4{color:#111827;color:var(--text-dark);font-size:1.25rem;font-weight:700;margin:0}.video-loading-subtitle,.video-status-card p{color:#6b7280;color:var(--text-light);font-size:.9375rem;margin:0}.status-badge,.video-status{background:#667eea1a;border-radius:12px;border-radius:var(--radius-sm);color:#667eea;color:var(--primary-blue);font-size:.875rem;font-weight:700;padding:.5rem 1rem}.failed-icon{font-size:3rem}.retry-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:12px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-family:inherit;font-weight:700;gap:.5rem;padding:.875rem 1.5rem;transition:all .3s}.retry-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.markdown-content,.solution-content{color:#374151;color:var(--text-medium);font-size:1.0625rem;line-height:1.9}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:#111827;color:var(--text-dark);margin-bottom:.75rem;margin-top:1.5rem}.markdown-content p{margin-bottom:1rem}.markdown-content code{border-radius:4px;font-size:.9em;padding:.2rem .4rem}.markdown-content code,.markdown-content pre{background:#f9fafb;background:var(--bg-light)}.markdown-content pre{border-radius:12px;border-radius:var(--radius-sm);margin:1rem 0;overflow-x:auto;padding:1rem}.action-cards-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.action-card{align-items:center;background:#fff;border:3px solid #e5e7eb;border:3px solid var(--border-light);border-radius:16px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:inherit;gap:1.25rem;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-card:hover:not(.success-card):not(.loading-card){border-color:#667eea;border-color:var(--primary-blue);box-shadow:0 8px 20px #667eea33;transform:translateY(-4px)}.action-card-icon{align-items:center;background:linear-gradient(135deg,#e0e7ff,#ddd6fe);border-radius:12px;border-radius:var(--radius-sm);color:#667eea;color:var(--primary-blue);display:flex;flex-shrink:0;height:64px;justify-content:center;transition:all .3s;width:64px}.action-card:hover:not(.success-card):not(.loading-card) .action-card-icon{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff;transform:scale(1.1)}.action-card-content{flex:1 1}.action-card-content h4{align-items:center;color:#111827;color:var(--text-dark);display:flex;flex-wrap:wrap;font-size:1.125rem;font-weight:800;gap:.5rem;margin:0 0 .5rem}.action-card-content p{color:#6b7280;color:var(--text-light);font-size:.9375rem;line-height:1.6;margin:0}.success-card{border-color:#10b981;border-color:var(--success);cursor:default}.success-card .action-card-icon{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success) 0,#059669 100%);color:#fff}.loading-card{border-color:#667eea;border-color:var(--primary-blue);cursor:default}.video-action .action-card-icon{color:#f59e0b}.practice-action .action-card-icon{color:#8b5cf6}.practice-problems-section,.practice-section{animation:fadeIn .6s ease-out;margin-top:1rem}.section-header{margin-bottom:2rem}.section-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:900;letter-spacing:-.5px;margin:0 0 .75rem}.section-header p{color:#6b7280;color:var(--text-light);font-size:1.125rem;font-weight:500;margin:0}.practice-grid,.practice-problems-carousel{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.practice-card,.practice-problem-card{background:#fff;border:3px solid #e5e7eb;border:3px solid var(--border-light);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:1rem;padding:1.75rem;text-align:left;transition:all .3s}.practice-card:hover,.practice-problem-card:hover{border-color:#667eea;border-color:var(--primary-blue);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-6px)}.practice-card.difficulty-easy{border-color:#10b981;border-color:var(--success)}.practice-card.difficulty-medium{border-color:#f59e0b;border-color:var(--warning)}.practice-card.difficulty-hard{border-color:#ef4444;border-color:var(--danger)}.practice-card-header,.practice-problem-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.problem-number{color:#6b7280;color:var(--text-light);font-size:.875rem;font-weight:700}.difficulty-badge{border-radius:12px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:800;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.difficulty-badge.easy{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.difficulty-badge.medium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.difficulty-badge.hard{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.practice-card-content,.practice-problem-text{color:#374151;color:var(--text-medium);flex:1 1;font-size:1rem;line-height:1.6;margin:0}.practice-card-content{line-height:1.8}.practice-card-hint{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-left:4px solid var(--warning);border-radius:12px;border-radius:var(--radius-sm);color:#92400e;font-size:.875rem;line-height:1.6;padding:1rem}.solve-practice-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:12px;border-radius:var(--radius-sm);box-shadow:0 4px 16px #667eea4d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:800;gap:.625rem;justify-content:center;padding:1rem;transition:all .3s}.solve-practice-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-3px)}@media (max-width:768px){.problem-solver-page{padding:1rem .75rem}.header-content,.solver-header{align-items:stretch;flex-direction:column;padding:1.5rem}.header-title-section h1,.solver-title{font-size:1.75rem}.title-emoji{font-size:2rem}.header-subtitle,.solver-subtitle{font-size:1rem}.history-btn-header,.history-button{justify-content:center;padding:1rem;width:100%}.input-card,.question-card,.solution-card,.solver-card,.subject-selector,.video-card{padding:1.25rem}.section-label,.selector-label{font-size:1rem;margin-bottom:.875rem}.subject-buttons,.subject-grid{flex-direction:column;gap:.75rem;grid-template-columns:1fr}.subject-button,.subject-card{border-radius:16px;flex-direction:row;gap:.75rem;justify-content:center;padding:1.25rem;width:100%}.subject-emoji{font-size:2rem}.subject-name{font-size:1.125rem;font-weight:600;white-space:nowrap}.subject-card.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff}.subject-card:not(.active){background:#fff;color:#111827;color:var(--text-dark)}.upload-buttons{flex-direction:column}.camera-btn,.upload-btn,.upload-button{width:100%}.action-cards-grid{grid-template-columns:1fr}.card-header{align-items:flex-start;flex-direction:column}.new-problem-btn,.new-problem-button{justify-content:center;width:100%}.practice-grid,.practice-problems-carousel{grid-template-columns:1fr}}@media (max-width:640px){.button-credit-cost{font-size:.813rem;margin-left:.375rem;padding:.2rem .4rem}.card-credit-badge{font-size:.75rem;margin-left:.375rem;padding:.15rem .4rem}.gem-icon-inline{height:14px;width:14px}.gem-icon-card{height:12px;width:12px}}@media (max-width:480px){.problem-solver-page{padding:.75rem .5rem}.header-content,.solver-header{border-radius:16px;border-radius:var(--radius-md);padding:1.25rem}.header-title-section h1,.solver-title{font-size:1.5rem}.title-emoji{font-size:1.75rem}.header-subtitle,.solver-subtitle{font-size:.9375rem}.history-btn-header,.history-button{font-size:.9375rem;padding:.875rem}.input-card,.question-card,.solution-card,.solver-card,.subject-selector,.video-card{border-radius:16px;border-radius:var(--radius-md);padding:1rem}.input-label,.section-label,.selector-label{font-size:1rem}.subject-grid{gap:.625rem}.subject-button,.subject-card{border-radius:14px;gap:.625rem;padding:1rem}.subject-emoji{font-size:1.75rem}.subject-name{font-size:1rem}.card-header h3{font-size:1.25rem}.problem-textarea{font-size:.9375rem;min-height:150px}.solve-button{font-size:1rem;padding:1.125rem 1.75rem}.action-card{padding:1.5rem}.action-card-icon{height:56px;width:56px}.practice-card{padding:1.5rem}.section-header h3{font-size:1.625rem}.section-header p{font-size:1rem}}@media (max-width:400px){.button-credit-cost{margin-left:auto}.solve-button span:first-of-type{flex:1 1}}button:focus-visible,textarea:focus-visible{outline:3px solid #667eea;outline:3px solid var(--primary-blue);outline-offset:2px}.solver-compact-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 0}.header-left{flex:1 1}.page-title-compact{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin:0}.history-button-compact{align-items:center;background:#fff;border:2px solid #667eea;border:2px solid var(--primary-blue);border-radius:12px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow-sm);color:#667eea;color:var(--primary-blue);cursor:pointer;display:flex;font-size:.938rem;font-weight:600;gap:.625rem;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.history-button-compact:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#0000;box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.history-button-compact:active{transform:translateY(0)}.pixel-header-controls{display:flex;justify-content:flex-end;margin-bottom:1rem}.pixel-minimize-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:50%;color:#374151;color:var(--text-medium);cursor:pointer;display:flex;font-size:1.5rem;font-weight:300;height:32px;justify-content:center;line-height:1;transition:all .3s ease;width:32px}.pixel-minimize-button:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#0000;color:#fff;transform:scale(1.1)}.pixel-minimized-badge{animation:slideInFromTop .4s cubic-bezier(.34,1.56,.64,1);margin-bottom:1.5rem}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.pixel-restore-button{align-items:center;animation:gentle-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #fff;border-radius:16px;border-radius:var(--radius-md);box-shadow:0 4px 16px #667eea66;cursor:pointer;display:flex;gap:.75rem;padding:.875rem 1.5rem;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.pixel-restore-button:hover{box-shadow:0 6px 24px #667eea80;transform:scale(1.05) translateY(-2px)}@keyframes gentle-pulse{0%,to{box-shadow:0 4px 16px #667eea66}50%{box-shadow:0 4px 20px #667eea99}}.pixel-mini-character{align-items:center;display:flex;justify-content:center}.pixel-head-mini{align-items:center;animation:blink-mini 4s infinite;background:#fff;border-radius:6px;display:flex;height:28px;justify-content:space-around;padding:0 6px;position:relative;width:28px}@keyframes blink-mini{0%,48%,52%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.pixel-eye-mini{background:#111827;border-radius:50%;height:5px;width:5px}.pixel-restore-text{color:#fff;font-size:1rem;font-weight:700;letter-spacing:.5px}.pixel-welcome-card{animation:slideInDown .5s cubic-bezier(.34,1.56,.64,1);animation-fill-mode:forwards;background:#fff;border:2px solid #8b5cf626;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);margin-bottom:2rem;opacity:0;padding:2rem}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.pixel-character-container{align-items:center;display:flex;flex-direction:column;margin-bottom:1.5rem}.pixel-avatar{align-items:center;animation:float 3s ease-in-out infinite;display:flex;height:100px;justify-content:center;position:relative;width:100px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pixel-beaker{filter:drop-shadow(0 4px 12px rgba(139,92,246,.25));height:90px;position:relative;width:70px}.beaker-body{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 0 10px 10px;bottom:0;height:60px;left:50%;overflow:hidden;position:absolute;transform:translateX(-50%);width:50px}.beaker-liquid{animation:liquidBubble 2s ease-in-out infinite;background:linear-gradient(180deg,#667eeab3,#764ba2e6);bottom:0;height:75%;position:absolute;width:100%}@keyframes liquidBubble{0%,to{height:72%}50%{height:78%}}.pixel-sparkle{animation:sparkle 2s ease-in-out infinite;color:#fbbf24;position:absolute}.sparkle-1{animation-delay:0s;left:18%;top:12%}.sparkle-2{animation-delay:.7s;right:12%;top:22%}.sparkle-3{animation-delay:1.4s;bottom:32%;left:8%}@keyframes sparkle{0%,to{opacity:.2;transform:scale(.7) rotate(0deg)}50%{opacity:1;transform:scale(1.3) rotate(180deg)}}.beaker-bubble{animation:bubble 3s ease-in-out infinite;background:#ffffff80;border-radius:50%;position:absolute}.bubble-1{animation-delay:0s;bottom:12%;height:7px;left:22%;width:7px}.bubble-2{animation-delay:1s;bottom:8%;height:5px;left:52%;width:5px}.bubble-3{animation-delay:2s;bottom:18%;height:9px;left:72%;width:9px}@keyframes bubble{0%{bottom:10%;opacity:0;transform:translateY(0) scale(.7)}50%{opacity:.9}to{bottom:78%;opacity:0;transform:translateY(-15px) scale(1)}}.pixel-status{align-items:center;color:#374151;color:var(--text-medium);display:flex;font-size:.875rem;gap:.5rem;margin-top:.875rem}.status-dot{animation:pulse 2s ease-in-out infinite;background:#10b981;height:7px;width:7px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.status-text{color:#10b981;font-weight:600}.pixel-messages{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.pixel-message{opacity:0;transform:translateX(-15px);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.pixel-message.visible{opacity:1;transform:translateX(0)}.message-bubble{background:linear-gradient(135deg,#f0f9ff,#e0e7ff);border:2px solid #8b5cf614;border-radius:14px;max-width:100%;padding:1rem 1.25rem}.message-bubble p{color:#111827;color:var(--text-dark);font-size:.938rem;line-height:1.6;margin:0}.greeting-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin-bottom:.375rem!important}.ready-text{color:#111827;color:var(--text-dark);font-size:1.063rem;font-weight:600}.features-bubble{padding:1.25rem 1.5rem}.feature-item{color:#374151;color:var(--text-medium);font-size:.938rem;line-height:1.7;margin:.5rem 0;padding-left:.5rem}.feature-item:first-child{margin-top:0}.feature-item:last-child{margin-bottom:0}.pixel-quick-actions{grid-gap:.875rem;animation:fadeInUp .5s ease-out .2s;animation-fill-mode:both;display:grid;gap:.875rem;grid-template-columns:repeat(2,1fr)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.quick-action-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow-sm);color:#111827;color:var(--text-dark);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.625rem;justify-content:center;padding:.875rem 1.25rem;transition:all .2s ease}.quick-action-btn:hover{border-color:#667eea;border-color:var(--primary-blue);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);color:#667eea;color:var(--primary-blue);transform:translateY(-2px)}.quick-action-btn.primary-action{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#0000;color:#fff}.quick-action-btn.primary-action:hover{box-shadow:0 8px 16px #8b5cf64d;transform:translateY(-3px) scale(1.02)}.quick-action-btn svg{flex-shrink:0}.input-section.with-welcome{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pixel-badge-button{align-items:center;animation:gentle-bounce 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 16px #667eea66;cursor:pointer;display:flex;height:64px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:64px}.pixel-badge-button:hover{box-shadow:0 6px 24px #667eea80;transform:scale(1.1) translateY(-2px)}.pixel-badge-button:active{transform:scale(.95)}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pixel-character{align-items:center;display:flex;flex-direction:column;gap:2px;position:relative}.pixel-head{animation:blink 4s infinite;background:#fff;border-radius:6px;height:24px;position:relative;width:24px}@keyframes blink{0%,48%,52%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.pixel-eye{background:#111827;border-radius:50%;height:4px;position:absolute;top:8px;width:4px}.pixel-eye-left{left:6px}.pixel-eye-right{right:6px}.pixel-smile{border:2px solid #111827;border-radius:0 0 10px 10px;border-top:none;bottom:5px;height:5px;left:50%;position:absolute;transform:translateX(-50%);width:10px}.pixel-body{background:#fff;border-radius:0 0 4px 4px;height:8px;width:16px}.pixel-badge-count{align-items:center;animation:pulse-badge 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:12px;box-shadow:0 2px 8px #ef444466;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:0 6px;position:absolute;right:-4px;top:-4px}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.pixel-practice-panel{animation:slideDown .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#f0f9ff,#e0e7ff);border:3px solid #667eea33;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);margin-top:2rem;padding:2rem}.panel-header{align-items:center;border-bottom:2px solid #667eea26;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.panel-title-section{align-items:center;display:flex;gap:1rem}.panel-title-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;margin:0}.panel-pixel-character{align-items:center;animation:gentle-spin 4s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d;display:flex;height:40px;justify-content:center;width:40px}@keyframes gentle-spin{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.pixel-head-small{align-items:center;background:#fff;border-radius:4px;display:flex;height:20px;justify-content:space-around;padding:0 4px;position:relative;width:20px}.pixel-eye-small{background:#111827;border-radius:50%;height:3px;width:3px}.panel-close-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:50%;color:#374151;color:var(--text-medium);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.panel-close-button:hover{background:#ef4444;background:var(--danger);border-color:#ef4444;border-color:var(--danger);color:#fff;transform:rotate(90deg) scale(1.1)}.pixel-practice-panel .practice-problems-carousel{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.clickable-card{cursor:pointer;transition:all .3s ease}.clickable-card:hover{box-shadow:0 12px 32px #10b98140;transform:translateY(-4px) scale(1.02)}@media (max-width:768px){.problem-solver-header{padding:1.5rem}.header-title-row{gap:1rem}.page-title{font-size:1.75rem}.page-title .title-icon{height:28px;width:28px}.page-subtitle{font-size:.9375rem}.header-actions-desktop{display:none}.mobile-menu-btn{display:flex}.solver-compact-header{margin-bottom:1.25rem;padding:.75rem 0}.page-title-compact{font-size:1.5rem}.history-button-compact{font-size:.875rem;gap:.5rem;padding:.625rem 1rem}.history-button-compact svg{height:18px;width:18px}.image-preview-container{margin-bottom:1rem}.image-preview-container .image-preview{max-height:300px}.image-preview-container .remove-image-btn{height:36px;right:.5rem;top:.5rem;width:36px}.pixel-restore-button{gap:.625rem;padding:.75rem 1.25rem}.pixel-head-mini{height:24px;padding:0 5px;width:24px}.pixel-eye-mini{height:4px;width:4px}.pixel-restore-text{font-size:.875rem}.pixel-minimize-button{font-size:1.25rem;height:28px;width:28px}.pixel-badge-button{height:56px;width:56px}.pixel-head{height:20px;width:20px}.pixel-eye{height:3px;top:7px;width:3px}.pixel-eye-left{left:5px}.pixel-eye-right{right:5px}.pixel-smile{bottom:4px;height:4px;width:8px}.pixel-body{height:7px;width:14px}.pixel-badge-count{font-size:.688rem;height:20px;min-width:20px;padding:0 5px}.pixel-practice-panel{padding:1.5rem}.panel-header{align-items:flex-start;flex-direction:column;gap:1rem}.panel-title-section h3{font-size:1.25rem}.panel-pixel-character{height:36px;width:36px}.pixel-head-small{height:18px;width:18px}.panel-close-button{align-self:flex-end;height:36px;width:36px}.pixel-practice-panel .practice-problems-carousel{grid-template-columns:1fr}.pixel-welcome-card{margin-bottom:1.5rem;padding:1.5rem}.pixel-avatar{height:90px;width:90px}.beaker-body{height:55px;width:45px}.pixel-sparkle{display:none}.message-bubble{padding:.875rem 1rem}.message-bubble p{font-size:.875rem}.greeting-text{font-size:1.25rem}.ready-text{font-size:.938rem}.feature-item{font-size:.875rem;margin:.375rem 0}.pixel-quick-actions{gap:.75rem}.quick-action-btn{font-size:.813rem;gap:.5rem;padding:.75rem 1rem}.quick-action-btn svg{height:18px;width:18px}}@media (max-width:480px){.solver-compact-header{align-items:flex-start;flex-direction:column;gap:.75rem}.page-title-compact{font-size:1.375rem}.history-button-compact{justify-content:center;width:100%}.image-preview-container .image-preview{max-height:250px}.image-preview-container .remove-image-btn{height:32px;width:32px}.pixel-restore-button{justify-content:center;padding:.75rem 1rem;width:100%}.pixel-head-mini{height:22px;width:22px}.pixel-eye-mini{height:3px;width:3px}.pixel-badge-button{height:52px;width:52px}.pixel-head{height:18px;width:18px}.pixel-badge-count{font-size:.625rem;height:18px;min-width:18px;right:-3px;top:-3px}.pixel-practice-panel{padding:1.25rem}.panel-title-section{gap:.75rem}.panel-title-section h3{font-size:1.125rem}.panel-pixel-character{height:32px;width:32px}.pixel-head-small{height:16px;width:16px}.pixel-eye-small{height:2px;width:2px}.pixel-welcome-card{padding:1.25rem}.pixel-avatar{height:80px;width:80px}.pixel-quick-actions{gap:.625rem;grid-template-columns:1fr}.quick-action-btn{justify-content:flex-start;padding:.875rem}.message-bubble{padding:.75rem .875rem}.features-bubble{padding:1rem 1.125rem}}.problem-textarea:active,.problem-textarea:focus{border-color:#667eea;border-color:var(--primary-blue);box-shadow:0 0 0 3px #667eea1a}.history-button-compact:focus-visible,.quick-action-btn:focus-visible{outline:3px solid #667eea;outline:3px solid var(--primary-blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){.beaker-bubble,.beaker-liquid,.pixel-avatar,.pixel-message,.pixel-sparkle,.pixel-welcome-card,.quick-action-btn,.status-dot{animation:none!important;transition:none!important}.pixel-message.visible{opacity:1;transform:none}}:root{--primary-blue:#3b82f6;--primary-purple:#8b5cf6;--primary-gradient:linear-gradient(135deg,#3b82f6,#8b5cf6);--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--text-dark:#111827;--text-medium:#374151;--text-light:#6b7280;--border-light:#e5e7eb;--bg-light:#f9fafb;--bg-white:#fff;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 24px #0000001f;--radius-sm:12px;--radius-md:16px;--radius-lg:20px}.question-history-page{background:linear-gradient(135deg,#f0f9ff,#e0e7ff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:1.5rem 1rem}.question-history-container{margin:0 auto;max-width:1000px}.history-page-header{background:#fff;border:2px solid #3b82f61a;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:2rem}.header-back-row{margin-bottom:1.5rem}.header-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.header-actions-desktop{display:flex;gap:.75rem}.mobile-menu-btn{align-items:center;background:#3b82f61a;border-radius:50%;color:#3b82f6;color:var(--primary-blue);height:48px;justify-content:center;transition:all .3s;width:48px}.mobile-menu-btn:hover{background:#3b82f633;transform:scale(1.1)}.mobile-menu{animation:slideDown .3s ease-out;border-top:2px solid #f9fafb;border-top:2px solid var(--bg-light);margin-top:1.5rem;padding-top:1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--radius-sm);color:#374151;color:var(--text-medium);cursor:pointer;display:flex;font-family:inherit;font-size:.9375rem;font-weight:700;gap:.75rem;padding:1rem 1.5rem;transition:all .3s;width:100%}.mobile-menu-item:hover{background:#3b82f60d;border-color:#3b82f6;border-color:var(--primary-blue);color:#3b82f6;color:var(--primary-blue)}.back-button-history{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--radius-sm);color:#3b82f6;color:var(--primary-blue);cursor:pointer;display:flex;font-family:inherit;font-size:.9375rem;font-weight:700;gap:.5rem;padding:.875rem 1.5rem;transition:all .3s;white-space:nowrap}.back-button-history:hover{background:#3b82f60d;border-color:#3b82f6;border-color:var(--primary-blue);transform:translateX(-4px)}.page-title-section{flex:1 1;min-width:200px}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:800;letter-spacing:-.5px;margin:0 0 .5rem}.page-subtitle{color:#6b7280;color:var(--text-light);font-size:1.125rem;font-weight:500;margin:0;text-align:left}.download-all-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--primary-gradient);border:none;border-radius:12px;border-radius:var(--radius-sm);box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:700;gap:.5rem;padding:1rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.download-all-btn:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-3px)}.history-filters{background:#fff;border:2px solid #3b82f61a;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;padding:1.5rem 2rem}.filter-group{align-items:center;display:flex;gap:.75rem}.filter-group label{color:#111827;color:var(--text-dark);font-size:.9375rem;font-weight:700}.filter-select{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--radius-sm);color:#374151;color:var(--text-medium);cursor:pointer;font-family:inherit;font-size:.9375rem;min-width:150px;padding:.75rem 1rem;transition:all .3s}.filter-select:focus,.filter-select:hover{border-color:#3b82f6;border-color:var(--primary-blue)}.filter-select:focus{box-shadow:0 0 0 4px #3b82f61a;outline:none}.empty-state,.error-state,.loading-state{background:#fff;border:2px solid #3b82f61a;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);padding:4rem 2rem;text-align:center}.spinner-large{animation:spin 1s linear infinite;color:#3b82f6;color:var(--primary-blue);margin:0 auto 1.5rem}.error-state p,.loading-state p{color:#6b7280;color:var(--text-light);font-size:1.0625rem;margin:0}.empty-icon,.error-icon{display:block;font-size:4rem;margin-bottom:1rem}.empty-state h3,.error-state h3{color:#111827;color:var(--text-dark);font-size:1.75rem;font-weight:800;margin:0 0 .75rem}.retry-button,.start-solving-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--primary-gradient);border:none;border-radius:12px;border-radius:var(--radius-sm);box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:700;gap:.5rem;margin-top:1.5rem;padding:1rem 2rem;transition:all .3s}.retry-button:hover,.start-solving-btn:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-3px)}.history-list{display:flex;flex-direction:column;gap:1.25rem}.history-item{background:#fff;border:3px solid #e5e7eb;border:3px solid var(--border-light);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .3s}.history-item:hover{border-color:#3b82f6;border-color:var(--primary-blue);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.history-item-header{align-items:flex-start;cursor:pointer;display:flex;gap:1.5rem;justify-content:space-between;padding:1.75rem;transition:background .2s}.history-item-header:hover{background:#f9fafb;background:var(--bg-light)}.history-item-info{flex:1 1;min-width:0}.history-item-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.subject-badge{align-items:center;border-radius:12px;border-radius:var(--radius-sm);display:inline-flex;font-size:.875rem;font-weight:700;gap:.5rem;padding:.5rem 1rem;text-transform:capitalize}.subject-badge.chemistry{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.subject-badge.physics{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.subject-badge.mathematics{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#5b21b6}.history-date{color:#6b7280;color:var(--text-light);font-size:.875rem;font-weight:600;gap:.5rem}.history-badge,.history-date{align-items:center;display:flex}.history-badge{border-radius:12px;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:700;gap:.375rem;padding:.375rem .75rem}.video-badge{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#9f1239}.practice-badge{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.history-question-preview{color:#111827;color:var(--text-dark);font-size:1.125rem;font-weight:600;line-height:1.6;margin:0}.history-topics{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.topic-tag-small{border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-light);font-size:.8125rem;font-weight:600;padding:.375rem .75rem}.expand-btn,.topic-tag-small{background:#f9fafb;background:var(--bg-light)}.expand-btn{align-items:center;border:none;border-radius:50%;color:#374151;color:var(--text-medium);cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s;width:48px}.expand-btn:hover{background:#e5e7eb;background:var(--border-light);color:#3b82f6;color:var(--primary-blue);transform:scale(1.1)}.history-item-content{animation:expandDown .3s ease-out;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:3px solid #f9fafb;border-top:3px solid var(--bg-light);padding:2rem}@keyframes expandDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.content-section{margin-bottom:2rem}.content-section:last-of-type{margin-bottom:0}.content-section h4{color:#111827;color:var(--text-dark);font-size:1.25rem;font-weight:800;margin:0 0 1rem}.video-player-container{background:#000;border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-player{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.question-full,.solution-full{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:16px;border-radius:var(--radius-md);color:#374151;color:var(--text-medium);font-size:1.0625rem;line-height:1.9;padding:1.75rem}.question-full{background:linear-gradient(135deg,#f0f9ff,#e0e7ff);border-left:4px solid #3b82f6;border-left:4px solid var(--primary-blue)}.solution-full{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #10b981;border-left:4px solid var(--success)}.question-image-container{background:#f9fafb;background:var(--bg-light);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:16px;border-radius:var(--radius-md);margin-top:1.5rem;overflow:hidden}.question-image{display:block;height:auto;max-height:500px;object-fit:contain;width:100%}.card-credit-badge{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:10px;color:#fff;display:inline-flex;font-size:.813rem;font-weight:700;gap:.25rem;margin-left:.5rem;padding:.2rem .5rem;white-space:nowrap}.gem-icon-card{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.action-btn-small.video-btn:hover:not(:disabled) .card-credit-badge{box-shadow:0 2px 8px #fbbf244d;transform:scale(1.05);transition:all .2s ease}.history-item-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.action-btn-small{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--radius-sm);color:#374151;color:var(--text-medium);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.9375rem;font-weight:700;gap:.625rem;justify-content:center;min-width:150px;padding:.875rem 1.5rem;transition:all .3s}.action-btn-small:hover:not(:disabled){border-color:#3b82f6;border-color:var(--primary-blue);box-shadow:0 4px 12px #3b82f633;color:#3b82f6;color:var(--primary-blue);transform:translateY(-2px)}.action-btn-small:disabled{cursor:not-allowed;opacity:.6}.action-btn-small.video-btn{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#0000;color:#fff}.action-btn-small.video-btn:hover:not(:disabled){background:linear-gradient(135deg,#e082ea,#e4465b);box-shadow:0 4px 12px #f093fb66}.action-btn-small.practice-generate-btn{background:linear-gradient(135deg,#a8edea,#fed6e3);border-color:#0000;color:#111827;color:var(--text-dark)}.action-btn-small.practice-generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#97dcd9,#edc5d2);box-shadow:0 4px 12px #a8edea66}.spinner-tiny{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@media (max-width:768px){.question-history-page{padding:1rem .75rem}.history-page-header{padding:1.5rem}.header-actions-desktop{display:none}.mobile-menu-btn{display:flex}.page-title{font-size:1.75rem}.page-subtitle{font-size:1rem}.back-button-history,.download-all-btn{justify-content:center;width:100%}.history-filters{flex-direction:column;gap:1rem;padding:1.5rem}.filter-group{justify-content:space-between;width:100%}.filter-select{flex:1 1}.history-item-header{padding:1.5rem}.history-item-meta{gap:.5rem}.history-question-preview{font-size:1rem}.history-item-content{padding:1.5rem}.history-item-actions{flex-direction:column}.action-btn-small{width:100%}}@media (max-width:480px){.question-history-page{padding:.75rem .5rem}.history-page-header{padding:1.25rem}.page-title{font-size:1.5rem}.page-subtitle{font-size:.9375rem}.back-button-history,.download-all-btn{font-size:.9375rem;padding:.875rem 1.25rem}.history-filters{padding:1.25rem}.card-credit-badge{font-size:.7rem;padding:.1rem .3rem}.history-item-header{padding:1.25rem}.expand-btn{height:44px;width:44px}.content-section h4{font-size:1.125rem}.question-full,.solution-full{font-size:1rem;padding:1.25rem}}@media (max-width:640px){.card-credit-badge{font-size:.75rem;margin-left:.375rem;padding:.15rem .4rem}.gem-icon-card{height:12px;width:12px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,select:focus-visible{outline:3px solid #3b82f6;outline:3px solid var(--primary-blue);outline-offset:2px}.gallery-login-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-container{max-width:1600px}.header-left{align-items:center;display:flex}.logo-image{height:48px}.btn-menu{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.btn-menu:hover{background:#f9fafb;border-color:#667eea;color:#667eea}.pixel-ai-view{background:linear-gradient(180deg,#f8f9fc 0,#fff);min-height:100vh}.pixel-main{margin:0 auto;max-width:1600px;padding:2.5rem 2rem}.pixel-container{display:flex;flex-direction:column;gap:2rem}.pixel-page-header{background:#fff;border:1px solid #667eea1f;border-radius:1.5rem;box-shadow:0 4px 20px #00000014;overflow:hidden}.header-content-wrapper{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);display:flex;gap:2rem;padding:2.5rem;position:relative}.header-icon-section{flex-shrink:0}.pixel-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:3px solid #ffffff4d;border-radius:24px;box-shadow:0 8px 24px #00000026;color:#fff;display:flex;height:96px;justify-content:center;width:96px}.header-text-section{flex:1 1}.pixel-title{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:2.5rem;font-weight:900;gap:1rem;letter-spacing:-.5px;line-height:1.1;margin:0 0 .75rem}.beta-badge{background:#fbbf24;border-radius:.5rem;box-shadow:0 4px 12px #fbbf2466;color:#fff;display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:1px;padding:.375rem .875rem;text-transform:uppercase}.pixel-subtitle{color:#fff;font-size:1.125rem;font-weight:500;line-height:1.6;margin:0;max-width:700px}.pixel-transparency-notice{align-items:center;background:linear-gradient(135deg,#e0e7ff,#ddd6fe);border-top:2px solid #8b5cf6;display:flex;gap:1rem;padding:1.25rem 2rem}.notice-icon-small{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #8b5cf633;color:#8b5cf6;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notice-content-small{flex:1 1}.notice-text-small{color:#5b21b6;font-size:.875rem;font-weight:500;line-height:1.6;margin:0}@media (max-width:768px){.pixel-main{padding:1.5rem 1rem}.header-container{padding:1rem 1.5rem}.logo-image{height:40px}.header-content-wrapper{flex-direction:column;gap:1.5rem;padding:2rem 1.5rem;text-align:center}.pixel-icon{height:80px;width:80px}.header-text-section{align-items:center;display:flex;flex-direction:column}.pixel-title{font-size:2rem;justify-content:center}.beta-badge{font-size:.688rem;padding:.313rem .75rem}.pixel-subtitle{font-size:1rem;text-align:center}.pixel-transparency-notice{align-items:center;flex-direction:column;padding:1rem;text-align:center}.pixel-page-header{border-radius:1rem}}@media (max-width:480px){.pixel-main{padding:1rem .75rem}.header-container{padding:.75rem .875rem}.logo-image{height:32px}.header-right{gap:.5rem}.btn-menu{height:40px;width:40px}.header-content-wrapper{padding:1.75rem 1.25rem}.pixel-icon{height:72px;width:72px}.pixel-title{flex-direction:column;font-size:1.75rem;gap:.75rem}.pixel-subtitle{font-size:.9375rem}.pixel-transparency-notice{padding:.875rem}.notice-text-small{font-size:.813rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible{outline:3px solid #667eea;outline-offset:2px}.studio-page{background:linear-gradient(135deg,#f5f7fa,#e3e8f0);display:flex;flex-direction:column;min-height:100vh}.studio-header{background:#fff;border-bottom:1px solid #0000000f;box-shadow:0 2px 8px #0000000a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.studio-header-inner{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 1.5rem}.studio-header-inner,.studio-header-left{align-items:center;display:flex;gap:1rem}.studio-back-btn{align-items:center;background:none;border:1px solid #e0e0e0;border-radius:8px;color:#555;cursor:pointer;display:flex;font-size:.85rem;gap:.4rem;padding:.4rem .8rem;transition:all .2s}.studio-back-btn:hover{background:#f5f5f5;border-color:#bbb}.studio-page-title{color:#1a1a2e;font-size:1.1rem;font-weight:700;margin:0}.studio-main{margin:0 auto;max-width:1200px;padding:2rem 1.5rem;width:100%}.studio-card{background:#fff;border-radius:14px;box-shadow:0 2px 12px #00000012;padding:1.5rem;transition:box-shadow .2s}.studio-card:hover{box-shadow:0 4px 20px #0000001a}.studio-card-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.btn-primary{align-items:center;border-radius:10px;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.65rem 1.25rem;transition:opacity .2s,transform .1s}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{align-items:center;border:1px solid #ddd;border-radius:10px;color:#555;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.65rem 1.25rem}.btn-secondary:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-danger{align-items:center;background:none;border:1px solid #e53935;border-radius:8px;color:#e53935;cursor:pointer;display:inline-flex;font-size:.82rem;gap:.4rem;padding:.4rem .8rem;transition:all .2s}.btn-danger:hover{background:#ffeaea}.btn-icon{align-items:center;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:inline-flex;justify-content:center;padding:.4rem;transition:background .2s,color .2s}.btn-icon:hover{background:#f0f0f0;color:#333}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.3rem;padding:.2rem .65rem}.badge-green{background:#e8f5e9;color:#2e7d32}.badge-blue{background:#e3f2fd;color:#1565c0}.badge-orange{background:#fff3e0;color:#e65100}.badge-red{background:#fce4ec;color:#c62828}.badge-grey{background:#f5f5f5;color:#616161}.badge-purple{background:#f3e5f5;color:#6a1b9a}.status-dot{border-radius:50%;display:inline-block;height:8px;margin-right:.4rem;width:8px}.status-dot-green{background:#4caf50}.status-dot-orange{background:#ff9800}.status-dot-red{background:#f44336}.status-dot-grey{background:#9e9e9e}.status-dot-blue{background:#2196f3}.studio-tabs{border-bottom:2px solid #e8ecf0;display:flex;gap:.25rem;margin-bottom:1.5rem}.studio-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#888;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.4rem;margin-bottom:-2px;padding:.7rem 1.25rem;transition:all .2s}.studio-tab:hover{color:#333}.studio-tab.active{border-bottom-color:#667eea;color:#667eea;font-weight:700}.form-group{margin-bottom:1.25rem}.form-label{color:#444;display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem}.form-input,.form-select,.form-textarea{background:#fff;border:1.5px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:.9rem;padding:.65rem .9rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f;outline:none}.form-textarea{min-height:100px;resize:vertical}.progress-bar-track{background:#e8ecf0;border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .5s ease}.mastery-ring{align-items:center;display:inline-flex;height:52px;justify-content:center;position:relative;width:52px}.mastery-ring svg{left:0;position:absolute;top:0;transform:rotate(-90deg)}.mastery-ring-text{color:#333;font-size:.75rem;font-weight:700;z-index:1}.empty-state{color:#888;padding:3rem 1rem;text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.4}.empty-state h3{color:#555;margin:0 0 .5rem}.empty-state p{font-size:.9rem;margin:0 0 1.5rem}.spinner{animation:spin .8s linear infinite;border:3px solid #e8ecf0;height:32px;margin:0 auto;width:32px}.spinner-sm{border-width:2px;height:18px;width:18px}.loading-center{align-items:center;color:#888;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 1rem}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1.25rem}.section-header h2{align-items:center;color:#1a1a2e;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;margin:0}.section-header-actions{display:flex;flex-wrap:wrap;gap:.5rem}.heatmap-table{border-collapse:collapse;font-size:.82rem;width:100%}.heatmap-table th{color:#555;font-size:.75rem;font-weight:600;padding:.5rem;text-align:center}.heatmap-table td{padding:.4rem;text-align:center}.heatmap-cell{border-radius:6px;color:#fff;display:inline-block;font-size:.72rem;font-weight:700;height:32px;line-height:32px;width:40px}.heatmap-cell-0{background:#e0e0e0;color:#999}.heatmap-cell-low{background:#ef9a9a}.heatmap-cell-mid{background:#ffcc80;color:#555}.heatmap-cell-high{background:#a5d6a7}.heatmap-cell-mastered{background:#4caf50}.question-item{background:#fff;border:1px solid #e8ecf0;border-radius:10px;margin-bottom:.75rem;padding:1rem;transition:border-color .2s}.question-item:hover{border-color:#c5d0e0}.question-item-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.5rem}.question-item-text{color:#333;flex:1 1;font-size:.9rem;line-height:1.4}.question-item-actions{display:flex;flex-shrink:0;gap:.4rem}.assignment-card{align-items:center;background:#fff;border:1px solid #e8ecf0;border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.75rem;padding:1rem 1.25rem}.assignment-card-info{flex:1 1;min-width:0}.assignment-card-title{color:#1a1a2e;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.assignment-card-meta{color:#888;display:flex;flex-wrap:wrap;font-size:.8rem;gap:1rem}.assignment-card-actions{align-items:center;display:flex;gap:.5rem}.concept-card{background:#fff;border:2px solid #e8ecf0;border-radius:14px;cursor:pointer;padding:1.25rem;position:relative;transition:all .2s}.concept-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.concept-card.mastered{border-color:#4caf50}.concept-card.in-progress{border-color:#667eea}.concept-card.locked{cursor:not-allowed;opacity:.55}.concept-card.locked:hover{box-shadow:none;transform:none}.concept-card-title{color:#1a1a2e;font-size:.95rem;font-weight:700;margin-bottom:.5rem}.concept-card-summary{color:#666;font-size:.82rem;line-height:1.4;margin-bottom:.75rem}.concept-card-footer{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.difficulty-stars{display:flex;gap:2px}.difficulty-star{font-size:.9rem}.step-indicator{margin-bottom:2rem;overflow-x:auto;padding-bottom:.25rem}.step,.step-indicator{align-items:center;display:flex}.step{gap:.5rem;white-space:nowrap}.step-circle{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.step-circle-done{background:#4caf50;color:#fff}.step-circle-active{background:#667eea;color:#fff}.step-circle-pending{background:#e8ecf0;color:#aaa}.step-label{color:#555;font-size:.85rem;font-weight:500}.step-label.active{color:#667eea;font-weight:700}.step-connector{background:#e8ecf0;flex-shrink:0;height:2px;width:40px}.step-connector.done{background:#4caf50}.invite-code{align-items:center;background:#f0f4ff;border:1.5px dashed #667eea;border-radius:10px;color:#4a3f9f;display:inline-flex;font-family:Courier New,monospace;font-size:1.3rem;font-weight:700;gap:.75rem;letter-spacing:4px;padding:.65rem 1rem}.upload-zone{background:#f8f9ff;border:2px dashed #c5d0e8;border-radius:14px;cursor:pointer;padding:3rem 2rem;text-align:center;transition:all .2s}.upload-zone.drag-over,.upload-zone:hover{background:#eef1ff;border-color:#667eea}.upload-zone-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.6}.upload-zone h3{color:#333;margin:0 0 .4rem}.upload-zone p{color:#888;font-size:.9rem;margin:0}.process-step{align-items:center;color:#555;display:flex;font-size:.9rem;gap:.75rem;padding:.65rem 0}.process-step.done{color:#4caf50}.process-step.active{color:#667eea;font-weight:600}.process-step.pending{color:#bbb}.score-circle{align-items:center;border-radius:50%;display:flex;flex-direction:column;font-weight:800;height:120px;justify-content:center;margin:0 auto 1.5rem;width:120px}.score-circle-great{background:linear-gradient(135deg,#4caf50,#81c784);color:#fff}.score-circle-ok{background:linear-gradient(135deg,#ff9800,#ffb74d);color:#fff}.score-circle-low{background:linear-gradient(135deg,#f44336,#e57373);color:#fff}.score-circle-pct{font-size:1.75rem;line-height:1}.score-circle-label{font-size:.75rem;opacity:.85}.answer-options{display:flex;flex-direction:column;gap:.75rem}.answer-option{align-items:flex-start;background:#fff;border:2px solid #e8ecf0;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:1rem 1.25rem;text-align:left;transition:all .15s;width:100%}.answer-option:hover:not(.selected):not(:disabled){background:#f8f9ff;border-color:#c5d0e8}.answer-option.selected{background:#f0f3ff;border-color:#667eea}.answer-option.correct{background:#f1f8e9;border-color:#4caf50}.answer-option.incorrect{background:#fce4ec;border-color:#f44336}.answer-option-indicator{border:2px solid #ccc;border-radius:50%;flex-shrink:0;height:22px;margin-top:1px;transition:all .15s;width:22px}.answer-option.selected .answer-option-indicator{background:#667eea;border-color:#667eea}.answer-option.correct .answer-option-indicator{background:#4caf50;border-color:#4caf50}.answer-option.incorrect .answer-option-indicator{background:#f44336;border-color:#f44336}.studio-toast{animation:slideInRight .3s ease;background:#1a1a2e;border-radius:12px;bottom:1.5rem;box-shadow:0 4px 20px #00000040;color:#fff;font-size:.9rem;max-width:320px;padding:.85rem 1.25rem;position:fixed;right:1.5rem;z-index:9999}.studio-toast.success{background:#2e7d32}.studio-toast.error{background:#c62828}@keyframes slideInRight{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}.studio-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.studio-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:560px;overflow-y:auto;padding:2rem;width:100%}.studio-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.studio-modal-header h2{color:#1a1a2e;font-size:1.15rem;margin:0}.studio-modal-footer{border-top:1px solid #f0f0f0;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.studio-subheader{background:#fff;border-bottom:1px solid #e8ecf0;position:-webkit-sticky;position:sticky;top:81px;z-index:90}.studio-subheader-inner{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:.6rem 1.5rem}.studio-subheader-left{align-items:center;display:flex;gap:.75rem;min-width:0}@media (max-width:768px){.studio-subheader{top:73px}.studio-subheader-inner{padding:.5rem 1rem}.studio-main{padding:1rem}.studio-header-inner{flex-wrap:wrap;gap:.5rem;padding:.65rem 1rem}.studio-header-left{flex:1 1;gap:.5rem;min-width:0}.studio-page-title{font-size:.95rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-card-grid{grid-template-columns:1fr}.studio-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0;scrollbar-width:none}}@media (max-width:768px){.studio-tabs::-webkit-scrollbar{display:none}.studio-tab{font-size:.8rem;padding:.55rem .85rem;white-space:nowrap}.assignment-card{align-items:flex-start;flex-direction:column;gap:.65rem}.assignment-card-actions{justify-content:flex-end;width:100%}.heatmap-table{font-size:.7rem}.heatmap-table th:first-child{max-width:100px;min-width:80px}.heatmap-table th:not(:first-child){font-size:.65rem;max-width:36px;padding:.25rem .2rem;text-orientation:mixed;white-space:nowrap;writing-mode:vertical-lr}.heatmap-cell{font-size:.6rem;height:28px;line-height:28px;width:30px}.score-circle{height:90px;width:90px}.score-circle-pct{font-size:1.4rem}.studio-modal{margin:.5rem;max-height:95vh;padding:1.25rem}.studio-modal-footer{flex-direction:column-reverse;gap:.5rem}.studio-modal-footer .btn-primary,.studio-modal-footer .btn-secondary{justify-content:center;width:100%}.section-header{align-items:flex-start;flex-direction:column}.step-indicator{padding-bottom:.5rem}.step-connector{width:24px}.concept-card{padding:1rem}.studio-card{padding:1.25rem}.btn-primary,.btn-secondary{font-size:.85rem;padding:.6rem 1rem}}@media (max-width:480px){.studio-page-title{max-width:140px}.studio-header-inner{padding:.55rem .75rem}.studio-main{padding:.75rem}.heatmap-cell{font-size:.55rem;height:26px;line-height:26px;width:26px}.studio-card{padding:1rem}.score-circle{height:80px;width:80px}.score-circle-pct{font-size:1.2rem}.studio-tabs{gap:0}.studio-tab{font-size:.78rem;padding:.5rem .7rem}.answer-option{padding:.75rem 1rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.dashboard,body{min-height:100vh}.dashboard{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column}.dashboard-header{background:#fffffff2;box-shadow:0 2px 10px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.logo{color:#667eea;font-size:1.5rem;font-weight:700;transition:transform .2s}.logo:hover{transform:scale(1.05)}.logo-icon{font-size:2rem}.header-right{align-items:center;display:flex;gap:1rem}.btn-logout{border:2px solid #dc3545;border-radius:8px;color:#dc3545;padding:.625rem 1.5rem}.btn-logout:hover{background:#dc3545;color:#fff}.dashboard-main{flex:1 1;width:100%}.dashboard-content{margin:0 auto;max-width:1400px;padding:2rem;width:100%}.input-section{margin-bottom:3rem}.prompt-input-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2rem}.prompt-input-container h2{color:#333;font-size:1.8rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#555;display:block;margin-bottom:.5rem}.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:1rem;resize:vertical;transition:border-color .3s;width:100%}.form-group textarea:focus{border-color:#667eea;outline:none}.form-group input[type=text],.form-group select{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input[type=text]:focus,.form-group select:focus{border-color:#667eea;outline:none}.prompt-input-container button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:transform .2s,box-shadow .2s}.prompt-input-container button[type=submit]:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.prompt-input-container button[type=submit]:disabled{cursor:not-allowed;opacity:.6}.error-message{color:#c33;margin-bottom:1rem;padding:1rem}.examples{background:#f9f9f9;border-radius:8px;margin-top:2rem;padding:1rem}.examples p{color:#555;margin-bottom:.5rem}.examples ul{list-style:none}.examples li{background:#fff;border-radius:6px;cursor:pointer;margin:.5rem 0;padding:.75rem;transition:background .2s}.examples li:hover{background:#f0f0f0}.videos-section{margin-top:2rem}.video-grid-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2rem}.grid-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.grid-header h2{color:#333;font-size:1.8rem}.grid-controls{align-items:center;display:flex;gap:1rem}.btn-refresh{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem}.btn-refresh:hover{background:#5568d3}.video-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.video-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.status-badge{border-radius:20px;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.status-queued{background:#fff3cd;color:#856404}.status-rendering{background:#d1ecf1;color:#0c5460}.status-completed{background:#d4edda;color:#155724}.status-failed{background:#f8d7da;color:#721c24}.video-quality{background:#e9ecef;border-radius:20px;color:#495057;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.video-actions{display:flex;gap:.5rem;justify-content:flex-start}.video-actions a,.video-actions button{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:.75rem;text-align:center;text-decoration:none;transition:transform .2s}.btn-play{background:#667eea;color:#fff}.btn-play:hover{background:#5568d3;transform:translateY(-2px)}.btn-download{background:#28a745;color:#fff}.btn-download:hover{background:#218838;transform:translateY(-2px)}.btn-delete{background:#dc3545;color:#fff}.btn-delete:hover:not(:disabled){background:#c82333;transform:translateY(-2px)}.btn-delete:disabled{cursor:not-allowed;opacity:.6}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#333;font-size:1.3rem}.close-button{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;line-height:1;padding:0;width:40px}.close-button:hover{color:#333}.modal-body{height:500px;padding:1.5rem}.empty-state,.error-container,.loading-container{color:#666;padding:3rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem}@media (max-width:968px){.dashboard-content{padding:1rem}.video-grid{grid-template-columns:1fr}.grid-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-container{padding:1rem}}.home-page{background:#fff;min-height:100vh}.navbar{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000d;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.logo,.nav-container{align-items:center;display:flex}.logo{cursor:pointer;gap:.5rem}.logo-image{height:50px;transition:transform .3s ease;width:auto}.logo-image:hover{transform:scale(1.05)}.nav-buttons{gap:1rem}.btn-dashboard,.nav-buttons{align-items:center;display:flex}.btn-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-dashboard:hover{background:linear-gradient(135deg,#5b6fe0,#6d449b);box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-logout{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-logout:hover{background:#f9fafb;border-color:#d1d5db}.btn-secondary{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:.625rem 1.5rem;transition:all .2s}.btn-secondary:hover{background:#f0f0ff}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.625rem 1.5rem;transition:all .2s}.btn-primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.hero{grid-gap:4rem;align-items:center;background:#fff;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:6rem 2rem 4rem}.hero-content{max-width:600px}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;line-height:1.1;margin:0 0 1rem}.hero-description{color:#666;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.cta-buttons{display:flex;flex-direction:column;gap:1rem;max-width:400px}.btn-google{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:.875rem 2rem;transition:all .2s}.btn-google:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a}.btn-primary-large{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2rem;transition:all .2s}.btn-primary-large:hover{box-shadow:0 8px 24px #667eea4d;transform:translateY(-2px)}.hero-visual{align-items:center}.animation-demo,.hero-visual{display:flex;justify-content:center}.animation-demo{flex-wrap:wrap;gap:1.5rem}.demo-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 24px #667eea33;color:#fff;min-width:150px;padding:2rem;text-align:center;transition:transform .3s}.demo-card:hover{transform:translateY(-8px) scale(1.05)}.demo-icon{font-size:4rem;margin-bottom:.5rem}.demo-card p{font-size:1.125rem;font-weight:600;margin:0}.what-we-do{background:linear-gradient(180deg,#f8f9ff,#f0f2ff);border-top:1px solid #e5e7eb;padding:6rem 2rem}.what-we-do-container{margin:0 auto;max-width:1200px}.section-header{margin-bottom:4rem;text-align:center}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#111827;font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1rem;text-align:center}.section-subtitle{color:#6b7280;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:700px;text-align:center}.core-flow{align-items:stretch;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:4rem}.flow-step{background:#fff;border:2px solid #e5e7eb;border-radius:20px;flex:1 1;max-width:260px;min-width:220px;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.flow-step:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.flow-step:hover:before{transform:scaleX(1)}.flow-step:hover{border-color:#667eea;box-shadow:0 12px 32px #667eea26;transform:translateY(-8px)}.flow-icon{align-items:center;border-radius:50%;display:flex;height:96px;justify-content:center;margin:0 auto 1.5rem;transition:all .3s;width:96px}.flow-step:hover .flow-icon{transform:scale(1.1) rotate(5deg)}.flow-icon.upload{background:linear-gradient(135deg,#667eea15,#764ba215);color:#667eea}.flow-icon.ai{background:linear-gradient(135deg,#10b98115,#05966915);color:#10b981}.flow-icon.video{background:linear-gradient(135deg,#f59e0b15,#d9770815);color:#f59e0b}.flow-icon.practice{background:linear-gradient(135deg,#8b5cf615,#7c3aed15);color:#8b5cf6}.flow-step h3{color:#111827;font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.flow-step p{color:#6b7280;font-size:.9375rem;line-height:1.6;margin:0}.flow-arrow{align-items:center;color:#667eea;display:flex;font-size:2.5rem;font-weight:700;margin:0 .5rem}.key-results{grid-gap:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:3rem}.result-item{align-items:flex-start;display:flex;gap:1rem}.check-icon{color:#10b981;flex-shrink:0;margin-top:.125rem}.result-item span{color:#374151;font-size:1.0625rem;font-weight:500;line-height:1.6}.featured-videos-wrapper{background:linear-gradient(180deg,#f8f9ff,#f0f2ff);padding:0}.features{background:#fff;padding:6rem 2rem}.features h2{color:#333;font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:2rem;transition:transform .2s}.feature-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.feature-icon-wrapper{align-items:center;background:linear-gradient(135deg,#e0e7ff,#ddd6fe);border-radius:12px;display:flex;height:64px;justify-content:center;margin-bottom:1.5rem;width:64px}.feature-icon-svg{color:#667eea}.feature-card h3{color:#333;font-size:1.25rem;margin-bottom:.5rem}.feature-card p{color:#666;line-height:1.6}.how-it-works{margin:0 auto;max-width:1200px;padding:6rem 2rem}.how-it-works h2{color:#333;font-size:2.5rem;margin-bottom:3rem;text-align:center}.steps{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.step{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;max-width:280px;padding:2rem;text-align:center}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.step h3{color:#333;font-size:1.125rem;margin-bottom:.5rem}.step p{color:#666;font-size:.95rem}.step-arrow{color:#667eea;font-size:2rem;font-weight:700}.subjects{background:linear-gradient(180deg,#f8f9ff,#f0f2ff);padding:6rem 2rem}.subjects h2{color:#333;font-size:2.5rem;margin-bottom:3rem;text-align:center}.subjects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.subject-card{background:#fff;border-radius:16px;border-top:4px solid;box-shadow:0 4px 12px #0000000d;padding:2.5rem}.subject-card.chemistry{border-top-color:#e74c3c}.subject-card.physics{border-top-color:#3498db}.subject-card.math{border-top-color:#2ecc71}.subject-icon{font-size:3.5rem;margin-bottom:1rem}.subject-card h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.subject-card ul{list-style:none;margin:0;padding:0}.subject-card li{color:#666;padding:.5rem 0 .5rem 1.5rem;position:relative}.subject-card li:before{color:#667eea;content:"✓";font-weight:700;left:0;position:absolute}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6rem 2rem;text-align:center}.cta-section h2{font-size:2.5rem;margin-bottom:1rem}.cta-section p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.btn-cta{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:1.25rem;font-weight:700;padding:1.25rem 3rem;transition:all .2s}.btn-cta:hover{box-shadow:0 12px 32px #0003;transform:translateY(-4px)}.footer{background:#1a1a1a;color:#fff;padding:3rem 2rem 1rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto 2rem;max-width:1200px}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-brand .logo{color:#fff}.footer-brand .logo-image{filter:brightness(1.1);height:60px;width:auto}.footer-brand p{color:#999}.footer-links{display:flex;gap:3rem}.footer-column{display:flex;flex-direction:column;gap:.75rem}.footer-column h4{color:#fff;font-size:1rem;margin-bottom:.5rem}.footer-column a{color:#999;text-decoration:none;transition:color .2s}.footer-column a:hover{color:#667eea}.footer-bottom{border-top:1px solid #333;color:#666;margin:0 auto;max-width:1200px;padding-top:2rem;text-align:center}.transparency-section{background:#fff;border-bottom:2px solid #e5e7eb;padding:6rem 2rem}.transparency-container{margin:0 auto;max-width:1200px}.transparency-header{margin-bottom:3rem;text-align:center}.transparency-header h2{color:#111827;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.transparency-header p{color:#6b7280;font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:700px}.transparency-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-top:2rem}.transparency-card{background:#fff;border:3px solid;border-radius:16px;padding:2.5rem;position:relative}.transparency-card.is-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981}.transparency-card.is-not-card{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444}.card-icon{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;margin-bottom:1.5rem;width:64px}.card-icon.positive{background:#10b981;color:#fff}.card-icon.negative{background:#ef4444;color:#fff}.transparency-card h3{color:#111827;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.transparency-card ul{list-style:none;margin:0;padding:0}.transparency-card li{border-bottom:1px solid #0000000f;color:#374151;font-size:1rem;line-height:1.6;padding:.875rem 0 .875rem 2rem;position:relative}.transparency-card li:last-child{border-bottom:none}.is-card li:before{color:#10b981;content:"✓"}.is-card li:before,.is-not-card li:before{font-size:1.25rem;font-weight:700;left:0;position:absolute}.is-not-card li:before{color:#ef4444;content:"✕"}.ai-limitations{background:linear-gradient(180deg,#fafafa,#f5f5f5);padding:6rem 2rem}.ai-limitations-container{margin:0 auto;max-width:1200px;text-align:center}.ai-icon-header{color:#667eea;display:flex;justify-content:center;margin-bottom:1.5rem}.ai-limitations h2{color:#111827;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.limitations-intro{color:#6b7280;font-size:1.125rem;line-height:1.7;margin:0 auto 3rem;max-width:800px}.limitations-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:3rem}.limitation-item{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:2rem;text-align:left;transition:all .3s}.limitation-item:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26;transform:translateY(-4px)}.limitation-icon{align-items:center;color:#667eea;display:flex;justify-content:center;margin-bottom:1rem}.limitation-item h4{color:#111827;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.limitation-item p{color:#6b7280;font-size:1rem;line-height:1.6;margin:0}.verification-callout{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;display:flex;gap:1.5rem;margin:0 auto;max-width:900px;padding:2rem}.callout-icon{align-items:center;color:#f59e0b;display:flex;flex-shrink:0;justify-content:center}.verification-callout p{color:#78350f;font-size:1.125rem;font-weight:600;line-height:1.6;margin:0;text-align:left}.curriculum-section{background:#fff;padding:6rem 2rem}.curriculum-container{margin:0 auto;max-width:1200px;text-align:center}.curriculum-container h2{color:#111827;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.curriculum-subtitle{color:#6b7280;font-size:1.125rem;line-height:1.6;margin:0 auto 3rem;max-width:700px}.curriculum-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.curriculum-card{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border:2px solid #e0e7ff;border-radius:16px;padding:2.5rem 2rem;text-align:center;transition:all .3s}.curriculum-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26;transform:translateY(-4px)}.curriculum-icon{align-items:center;color:#667eea;display:flex;justify-content:center;margin:0 auto 1rem}.curriculum-card h3{color:#111827;font-size:1.375rem;font-weight:700;margin-bottom:.75rem}.curriculum-card p{color:#6b7280;font-size:1rem;line-height:1.6;margin:0}.safety-notice{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom:3px solid #ef4444;border-top:3px solid #ef4444;padding:3rem 2rem}.safety-container{background:#fff;border:2px solid #fca5a5;border-radius:16px;gap:2rem;margin:0 auto;max-width:1000px;padding:2rem}.safety-container,.safety-icon{align-items:center;display:flex}.safety-icon{color:#ef4444;flex-shrink:0;justify-content:center}.safety-content h3{color:#991b1b;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.safety-content p{color:#7f1d1d;font-size:1rem;line-height:1.6;margin:0}.footer-disclaimer{background:#2c2c2c;border-bottom:1px solid #404040;padding:2rem 2rem 1.5rem}.disclaimer-content{margin:0 auto;max-width:1200px;text-align:center}.disclaimer-content h4{color:#fbbf24;font-size:1.125rem;font-weight:700;margin-bottom:.75rem}.disclaimer-content p{color:#d1d5db;font-size:.9375rem;line-height:1.6;margin:0}.hero-trust-statement{background:linear-gradient(135deg,#f0f2ff,#e0e7ff);border-left:4px solid #667eea;border-radius:8px;color:#667eea;font-size:1rem;font-weight:600;line-height:1.6;margin-top:1rem;padding:1rem 1.5rem}@media (max-width:968px){.hero{grid-template-columns:1fr;padding:3rem 2rem 2rem}.hero-title{font-size:3rem}.curriculum-grid,.limitations-grid,.transparency-grid{grid-template-columns:1fr}.safety-container{flex-direction:column;text-align:center}.core-flow{align-items:center;flex-direction:column}.flow-step{max-width:100%}.flow-arrow{transform:rotate(90deg)}.key-results{padding:2rem}.features-grid,.key-results,.subjects-grid{grid-template-columns:1fr}.steps{flex-direction:column}.step-arrow{transform:rotate(90deg)}.footer-content{grid-template-columns:1fr}.nav-buttons{gap:.5rem}.btn-dashboard,.btn-logout,.btn-primary,.btn-secondary{font-size:.875rem;padding:.5rem 1rem}.logo-image{height:40px}.footer-brand .logo-image{height:50px}.section-header h2{font-size:2.25rem}.ai-limitations h2,.curriculum-container h2,.transparency-header h2{font-size:2rem}.verification-callout{flex-direction:column;text-align:center}}@media (max-width:480px){.logo-image{height:35px}.nav-buttons{gap:.5rem}.btn-dashboard span,.btn-logout span{display:none}.btn-dashboard,.btn-logout{justify-content:center;min-width:44px;padding:.625rem}.btn-primary{font-size:.813rem;padding:.5rem .875rem}.hero-title{font-size:2.25rem}.hero-description{font-size:1rem}.hero-trust-statement{font-size:.9375rem;padding:.875rem 1rem}.ai-limitations h2,.curriculum-container h2,.transparency-header h2{font-size:1.75rem}.curriculum-card,.limitation-item,.transparency-card{padding:1.5rem}.card-icon{font-size:1.5rem;height:52px;width:52px}.safety-container{padding:1.5rem}.safety-icon{font-size:3rem}.verification-callout{padding:1.5rem}.callout-icon{font-size:2.5rem}.verification-callout p{font-size:1rem}.section-header h2{font-size:1.875rem}.section-subtitle{font-size:1rem}.flow-step{padding:2rem 1.5rem}.key-results{gap:1.5rem;padding:1.5rem}}.nav-menu{align-items:center;display:flex;gap:2rem}.nav-link{color:#4b5563;font-size:.95rem;font-weight:500;position:relative;text-decoration:none;transition:color .2s}.nav-link:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .25s ease;width:0}.nav-link:hover{color:#667eea}.nav-link:hover:after{width:100%}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:4px}.mobile-menu-btn span{background:#4b5563;border-radius:2px;display:block;height:2px;transition:all .2s;width:22px}.mobile-menu{background:#fff;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;padding:.5rem 2rem 1rem}.mobile-nav-link{border-bottom:1px solid #f3f4f6;color:#4b5563;font-weight:500;padding:.75rem 0;text-decoration:none;transition:color .2s}.mobile-nav-link:hover{color:#667eea}@media (max-width:768px){.nav-menu{display:none}.mobile-menu-btn{display:flex}}.phone-mockup-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.phone-glow{background:radial-gradient(ellipse at center,#667eea59 0,#764ba226 60%,#0000 80%);border-radius:50%;filter:blur(32px);height:480px;position:absolute;width:260px;z-index:0}.phone-mockup{animation:phoneFloat 4s ease-in-out infinite;background:linear-gradient(160deg,#1a1a2e,#16213e 50%,#0f3460);border-radius:40px;box-shadow:0 0 0 1px #ffffff14,0 0 0 3px #ffffff0a,inset 0 1px 0 #ffffff26,0 32px 80px #0000008c,0 8px 24px #667eea40;display:flex;flex-direction:column;gap:0;height:520px;padding:12px;position:relative;width:248px;z-index:1}@keyframes phoneFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.phone-top{align-items:center;display:flex;flex-shrink:0;gap:8px;height:28px;justify-content:center}.phone-camera{background:#111;border-radius:50%;box-shadow:0 0 0 2px #ffffff0f,inset 0 0 4px #000c;height:10px;position:relative;width:10px}.phone-camera:after{background:#3b82f699;border-radius:50%;content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.phone-speaker{background:#ffffff14;border-radius:4px;height:5px;width:48px}.phone-screen{background:#000;border-radius:28px;flex:1 1;overflow:hidden;position:relative}.phone-bottom{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center}.phone-home-indicator{background:#ffffff40;border-radius:4px;height:4px;width:80px}.promo-thumbnail{align-items:center;background:#0f0f1a;cursor:pointer;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.thumbnail-img{display:block;height:100%;inset:0;object-fit:cover;object-position:center;position:absolute;transition:transform .4s ease;width:100%}.promo-thumbnail:hover .thumbnail-img{transform:scale(1.04)}.thumbnail-placeholder{align-items:center;background:linear-gradient(180deg,#1e1b4b,#312e81 45%,#4c1d95);display:flex;flex-direction:column;inset:0;justify-content:center;padding:1.5rem;position:absolute;text-align:center}.thumbnail-icon{font-size:2rem;margin-bottom:.5rem}.thumbnail-title{color:#fff;font-size:.95rem;font-weight:700;line-height:1.3;margin:0 0 .25rem}.thumbnail-sub{color:#ffffff8c;font-size:.72rem;margin:0}.thumbnail-hover-overlay{align-items:center;background:#0000;display:flex;flex-direction:column;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .25s ease,background .25s ease;z-index:3}.promo-thumbnail:hover .thumbnail-hover-overlay{background:#00000073;opacity:1}.play-button{align-items:center;background:#fffffff2;border-radius:50%;box-shadow:0 6px 32px #00000080;display:flex;height:64px;justify-content:center;transform:scale(.8);transition:transform .25s cubic-bezier(.34,1.56,.64,1);width:64px}.promo-thumbnail:hover .play-button{transform:scale(1)}.promo-thumbnail:active .play-button{transform:scale(.93)}.play-button svg{fill:#667eea;margin-left:4px}.promo-label{color:#ffffffe6;font-size:.68rem;font-weight:700;letter-spacing:.12em;margin-top:.75rem;text-transform:uppercase;transform:translateY(4px);transition:transform .25s ease .05s}.promo-thumbnail:hover .promo-label{transform:translateY(0)}.promo-player{background:#000;height:100%;position:relative;width:100%}.promo-player iframe{border:none;display:block;height:100%;width:100%}.close-video-btn{align-items:center;background:#000000bf;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.75rem;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:background .2s;width:28px;z-index:10}.close-video-btn:hover{background:#000000f2}.nav-link-cta{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff!important;font-weight:600;padding:.45rem 1.1rem}.nav-link-cta:after{display:none}.nav-link-cta:hover{color:#fff!important;opacity:.9;transform:translateY(-1px)}.mobile-nav-link-cta{color:#667eea!important;font-weight:700}@media (max-width:768px){.phone-mockup{height:440px;width:210px}.phone-glow{height:400px;width:210px}}.founders-section{background:linear-gradient(180deg,#fafafa,#f0f4ff);padding:5rem 2rem}.founders-container{margin:0 auto;max-width:1100px}.founders-header{margin-bottom:3.5rem;text-align:center}.founders-header h2{color:#1f2937;font-size:2.2rem;font-weight:800;margin-bottom:.75rem}.founders-header p{color:#6b7280;font-size:1.1rem;margin:0 auto;max-width:560px}.founders-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.founder-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 4px 24px #00000012;display:flex;flex-direction:column;padding:2.5rem;text-align:center;transition:transform .2s,box-shadow .2s}.founder-card:hover{box-shadow:0 16px 48px #667eea26;transform:translateY(-6px)}.founder-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 24px #667eea59;display:flex;height:100px;justify-content:center;margin-bottom:1.5rem;width:100px}.founder-avatar-2{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 8px 24px #f5576c4d}.avatar-initials{color:#fff;font-size:2rem;font-weight:800;letter-spacing:.05em}.founder-info h3{color:#1f2937;font-size:1.3rem;font-weight:700;margin:0 0 .35rem}.founder-role{color:#667eea;font-size:.9rem;font-weight:600;margin:0 0 1rem}.founder-bio{color:#6b7280;font-size:.95rem;line-height:1.65;margin:0 0 1.5rem}.linkedin-btn{align-items:center;background:#0a66c2;border-radius:8px;color:#fff;display:inline-flex;font-size:.88rem;font-weight:600;gap:.5rem;padding:.6rem 1.3rem;text-decoration:none;transition:background .2s,transform .2s}.linkedin-btn:hover{background:#0952a5;transform:translateY(-2px)}@media (max-width:768px){.founders-grid{grid-template-columns:1fr}.promo-video-wrapper{max-width:100%}}.auth-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:440px;padding:3rem;width:100%}.auth-header{margin-bottom:2rem;text-align:center}.auth-header .logo{align-items:center;color:#667eea;cursor:pointer;display:inline-flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem;transition:transform .2s}.auth-header .logo:hover{transform:scale(1.05)}.auth-header h1{color:#333;font-size:2rem;margin:0 0 .5rem}.auth-header p{color:#666;font-size:1rem}.btn-google-auth{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;margin-bottom:1.5rem;padding:.875rem 1.5rem;transition:all .2s;width:100%}.btn-google-auth:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a}.google-icon{height:24px;width:24px}.divider{align-items:center;color:#999;display:flex;margin:1.5rem 0}.divider:after,.divider:before{border-bottom:1px solid #e0e0e0;content:"";flex:1 1}.divider span{font-size:.875rem;padding:0 1rem}.auth-form{gap:1.25rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#333;font-size:.875rem;font-weight:600}.form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.875rem 1rem;transition:border-color .2s}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.form-group small{color:#999;font-size:.813rem}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:1rem 2rem;transition:all .2s}.btn-submit:hover:not(:disabled){box-shadow:0 8px 24px #667eea4d;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c00;font-size:.875rem;padding:.875rem}.auth-footer{color:#666;font-size:.875rem;margin-top:2rem;text-align:center}.link{color:#667eea;cursor:pointer;font-weight:600;transition:color .2s}.link:hover{color:#764ba2;text-decoration:underline}@media (max-width:480px){.auth-container{padding:2rem 1.5rem}.auth-header h1{font-size:1.5rem}}
/*# sourceMappingURL=main.7487bc3a.css.map*/