@import"https://fonts.googleapis.com/css2?family=Comic+Relief:wght@400;700;900&family=Open+Sans:wght@300;400;600;700&display=swap";.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.content-editor-modal{background:var(--color-bg-card, #fff);border-radius:16px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .2s ease-out;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border, #e5e7eb)}.modal-header__info{display:flex;align-items:center;gap:12px}.modal-header__avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.modal-header__title{margin:0;font-size:18px;font-weight:600;color:var(--color-text-main, #1f2937)}.modal-header__username{font-size:14px;color:var(--color-text-light, #6b7280)}.modal-close{background:none;border:none;color:var(--color-text-light, #6b7280);cursor:pointer;padding:8px;border-radius:8px;transition:all .15s ease}.modal-close:hover{background:var(--color-bg-light, #f3f4f6);color:var(--color-text-main, #1f2937)}.modal-metrics{display:flex;gap:16px;padding:12px 24px;background:var(--color-bg-light, #f9fafb);font-size:14px;color:var(--color-text-light, #6b7280)}.modal-metrics span{display:flex;align-items:center;gap:4px}.modal-metrics .viral-score{color:var(--color-warning, #f59e0b);font-weight:600}.modal-error{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--color-error-light, #fef2f2);color:var(--color-error, #ef4444);font-size:14px}.modal-error button{background:none;border:none;color:inherit;font-size:18px;cursor:pointer;padding:0 4px}.modal-media{padding:16px 24px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-bg-light, #f9fafb)}.modal-media__preview{position:relative;display:inline-block}.media-thumbnail{width:200px;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px #0000001a}.media-placeholder{width:200px;height:200px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-main, #e5e7eb);border-radius:12px;color:var(--color-text-light, #9ca3af);font-size:14px}.media-type-badge{position:absolute;top:8px;left:8px;padding:4px 8px;background:#000000b3;color:#fff;font-size:12px;font-weight:500;border-radius:6px}.open-instagram-btn{position:absolute;bottom:8px;left:8px;right:8px;padding:8px 12px;background:#000000b3;color:#fff;font-size:12px;font-weight:500;border-radius:6px;text-align:center;text-decoration:none;transition:background .15s ease}.open-instagram-btn:hover{background:#000000d9}.carousel-thumbnails{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:8px}.carousel-thumb{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;flex-shrink:0}.carousel-thumb:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.carousel-slides-preview{display:flex;flex-direction:column;gap:12px}.carousel-slide-item{position:relative;flex-shrink:0}.carousel-slide-item .slide-number{position:absolute;bottom:4px;right:4px;background:#000000b3;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px}.carousel-texts-list{background:var(--color-bg-light, #f9fafb);border-radius:8px;padding:12px;max-height:200px;overflow-y:auto}.carousel-texts-list h4{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--color-text-light, #6b7280);text-transform:uppercase;letter-spacing:.05em}.slide-text-item{display:flex;gap:8px;padding:6px 0;border-bottom:1px solid var(--color-border, #e5e7eb);font-size:13px;line-height:1.4}.slide-text-item:last-child{border-bottom:none}.slide-label{flex-shrink:0;font-weight:600;color:var(--color-primary, #5e17eb);min-width:65px}.slide-text{color:var(--color-text-main, #1f2937)}.view-mode-tabs{display:flex;gap:4px;padding:16px 24px 0}.view-mode-tabs button{padding:8px 16px;background:none;border:none;font-size:14px;font-weight:500;color:var(--color-text-light, #6b7280);border-radius:8px;cursor:pointer;transition:all .15s ease}.view-mode-tabs button:hover{background:var(--color-bg-light, #f3f4f6);color:var(--color-text-main, #1f2937)}.view-mode-tabs button.active{background:var(--color-primary, #5e17eb);color:#fff}.content-area{display:flex;gap:16px;padding:16px 24px;flex:1;overflow:hidden;min-height:250px;max-height:50vh}.content-area.original .content-column.original,.content-area.adapted .content-column.adapted{flex:1;max-width:100%}.content-area.original .content-column.adapted,.content-area.adapted .content-column.original,.content-area.original .content-arrow,.content-area.adapted .content-arrow{display:none}.content-arrow{display:flex;align-items:center;color:var(--color-text-light, #9ca3af);flex-shrink:0}.content-column{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0;max-width:50%;overflow-y:auto;overflow-x:hidden}.content-column.original{background:var(--color-bg-light, #f9fafb);padding:12px;border-radius:12px}.content-column.adapted{padding:12px;border:2px dashed var(--color-border, #e5e7eb);border-radius:12px}.content-column::-webkit-scrollbar{width:6px}.content-column::-webkit-scrollbar-track{background:transparent}.content-column::-webkit-scrollbar-thumb{background:var(--color-border, #d1d5db);border-radius:3px}.content-column::-webkit-scrollbar-thumb:hover{background:var(--color-text-light, #9ca3af)}.content-column__header{display:flex;align-items:center;justify-content:space-between}.content-column__header h3{margin:0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light, #6b7280)}.copy-btn{background:none;border:none;color:var(--color-text-light, #9ca3af);cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease}.copy-btn:hover:not(:disabled){color:var(--color-primary, #5e17eb);background:var(--color-primary-light, #ede9fe)}.copy-btn:disabled{opacity:.3;cursor:not-allowed}.content-field{display:flex;flex-direction:column;gap:8px}.content-field label{font-size:12px;font-weight:600;color:var(--color-text-light, #6b7280);text-transform:uppercase;letter-spacing:.05em}.content-text{font-size:14px;line-height:1.6;color:var(--color-text-main, #1f2937);white-space:pre-wrap;word-break:break-word}.content-text.readonly{background:#fff;padding:12px;border-radius:8px;min-height:60px}.content-input{width:100%;padding:12px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;font-size:14px;line-height:1.6;color:var(--color-text-main, #1f2937);resize:vertical;font-family:inherit;transition:border-color .15s ease}.content-input:focus{outline:none;border-color:var(--color-primary, #5e17eb);box-shadow:0 0 0 3px var(--color-primary-light, #ede9fe)}.content-input::-moz-placeholder{color:var(--color-text-light, #9ca3af)}.content-input::placeholder{color:var(--color-text-light, #9ca3af)}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--color-border, #e5e7eb);background:var(--color-bg-light, #f9fafb);border-radius:0 0 16px 16px}.account-selector{display:flex;align-items:center;gap:12px}.account-selector label{font-size:14px;color:var(--color-text-light, #6b7280);white-space:nowrap}.account-selector select{padding:8px 12px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;font-size:14px;color:var(--color-text-main, #1f2937);background:#fff;min-width:200px;cursor:pointer}.account-selector select:focus{outline:none;border-color:var(--color-primary, #5e17eb)}.modal-actions{display:flex;gap:12px}.modal-actions .btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.modal-actions .btn--secondary{background:#fff;border:1px solid var(--color-border, #e5e7eb);color:var(--color-text-main, #1f2937)}.modal-actions .btn--secondary:hover:not(:disabled){background:var(--color-bg-light, #f3f4f6);border-color:var(--color-primary, #5e17eb)}.modal-actions .btn--primary{background:var(--color-primary, #5e17eb);border:1px solid var(--color-primary, #5e17eb);color:#fff}.modal-actions .btn--primary:hover:not(:disabled){background:var(--color-primary-hover, #4c12c9)}.modal-actions .btn:disabled{opacity:.5;cursor:not-allowed}.modal-actions .spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 900px){.modal-overlay{padding:10px}.content-editor-modal{max-width:100%;max-height:95vh}.content-area{flex-direction:column;max-height:none}.content-column{max-width:100%}.content-arrow{transform:rotate(90deg);justify-content:center;padding:8px 0}.modal-footer{flex-direction:column;gap:12px}.account-selector{width:100%}.account-selector select{flex:1}.modal-actions{width:100%;justify-content:flex-end}.modal-media{padding:12px}.media-thumbnail{width:150px;height:150px}}.media-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.media-viewer-modal{position:relative;width:100%;max-width:1200px;max-height:90vh;display:flex;background:var(--color-bg-card, #fff);border-radius:16px;overflow:hidden;animation:viewerSlideIn .2s ease-out}@keyframes viewerSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.media-viewer-close{position:absolute;top:16px;right:16px;z-index:10;background:#00000080;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.media-viewer-close:hover{background:#000000b3}.media-viewer-content{display:flex;width:100%;height:80vh}.media-viewer-display{flex:1;background:#000;display:flex;align-items:center;justify-content:center;position:relative;min-width:0}.video-viewer{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-player{max-width:100%;max-height:100%;border-radius:0}.video-thumbnail{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.carousel-viewer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.carousel-main-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:48px;height:48px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;color:#333}.carousel-nav:hover:not(:disabled){background:#fff;transform:translateY(-50%) scale(1.1)}.carousel-nav:disabled{opacity:.3;cursor:not-allowed}.carousel-nav.prev{left:16px}.carousel-nav.next{right:16px}.carousel-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px}.carousel-dots .dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .15s ease}.carousel-dots .dot.active{background:#fff;transform:scale(1.2)}.carousel-counter{position:absolute;top:16px;left:16px;background:#0009;color:#fff;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500}.no-media{color:#666;font-size:18px}.media-viewer-sidebar{width:350px;background:var(--color-bg-card, #fff);padding:24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;flex-shrink:0}.viewer-account{display:flex;align-items:center;gap:12px}.viewer-avatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.viewer-username{display:block;font-weight:600;color:var(--color-text-main, #1f2937)}.viewer-name{display:block;font-size:14px;color:var(--color-text-light, #6b7280)}.viewer-content{flex:1;min-height:0;overflow-y:auto}.viewer-header{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--color-text-main, #1f2937);line-height:1.4}.viewer-description{margin:0;font-size:14px;color:var(--color-text-body, #4b5563);line-height:1.6;white-space:pre-wrap}.viewer-thumbnails{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.viewer-thumb{width:56px;height:56px;-o-object-fit:cover;object-fit:cover;border-radius:8px;cursor:pointer;opacity:.6;transition:all .15s ease;flex-shrink:0;border:2px solid transparent}.viewer-thumb:hover{opacity:.9}.viewer-thumb.active{opacity:1;border-color:var(--color-primary, #5e17eb)}.viewer-actions{display:flex;flex-direction:column;gap:8px}.viewer-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-decoration:none;border:none}.viewer-btn--primary{background:var(--color-primary, #5e17eb);color:#fff}.viewer-btn--primary:hover{background:var(--color-primary-hover, #4c12c9)}.viewer-btn--outline{background:transparent;border:1px solid var(--color-border, #e5e7eb);color:var(--color-text-main, #1f2937)}.viewer-btn--outline:hover{background:var(--color-bg-light, #f3f4f6)}.viewer-downloads{padding-top:16px;border-top:1px solid var(--color-border, #e5e7eb)}.viewer-downloads h4{margin:0 0 12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light, #6b7280)}.download-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;margin-bottom:8px;background:var(--color-bg-light, #f3f4f6);border:none;border-radius:8px;font-size:13px;color:var(--color-text-main, #1f2937);cursor:pointer;transition:all .15s ease}.download-btn:hover:not(:disabled){background:var(--color-bg-main, #e5e7eb)}.download-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 900px){.media-viewer-content{flex-direction:column;height:auto;max-height:90vh}.media-viewer-display{height:50vh;min-height:300px}.media-viewer-sidebar{width:100%;max-height:40vh}}.slide-preview{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease,background-color .4s ease,background .4s ease;flex-shrink:0}.slide-preview:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.slide-preview.selected{box-shadow:0 0 0 3px var(--color-primary, #3B82F6),0 8px 24px #00000026}.slide-pattern{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.slide-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;z-index:2;transition:color .3s ease,opacity .3s ease}.header-username{font-weight:500}.header-slide-number{font-weight:400;opacity:.8}.header-line{position:absolute;bottom:0;left:0;right:0}.slide-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;z-index:2;transition:padding .3s ease}.slide-title{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;transition:color .3s ease,font-size .3s ease,font-family .3s ease}.slide-title span{transition:color .3s ease,font-size .3s ease,background-color .3s ease}.slide-body{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;transition:color .3s ease,font-size .3s ease,font-family .3s ease}.slide-body span{transition:color .3s ease,font-size .3s ease}.slide-facts-list{margin:0}.slide-footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;z-index:2;transition:color .3s ease,opacity .3s ease}.footer-text{font-weight:400}.footer-arrow{font-size:1.2em;opacity:.8}.footer-line{position:absolute;top:0;left:0;right:0}.accent-highlight{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}.accent-underline{display:inline}.slide-selection-ring{position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:3px solid var(--color-primary, #3B82F6);border-radius:11px;pointer-events:none;z-index:10}@media (max-width: 768px){.slide-preview{border-radius:6px}}.template-selector{display:flex;flex-direction:column;gap:16px}.template-search{position:relative}.template-search-input{width:100%;padding:10px 14px;border:1px solid var(--border-color, #E5E7EB);border-radius:8px;font-size:14px;background:var(--bg-secondary, #F9FAFB);transition:border-color .2s,background-color .2s}.template-search-input:focus{outline:none;border-color:var(--color-primary, #3B82F6);background:var(--bg-primary, #FFFFFF)}.template-search-input::-moz-placeholder{color:var(--text-tertiary, #9CA3AF)}.template-search-input::placeholder{color:var(--text-tertiary, #9CA3AF)}.template-categories{display:flex;gap:8px;flex-wrap:wrap}.category-tab{padding:6px 12px;border:1px solid var(--border-color, #E5E7EB);border-radius:20px;background:transparent;font-size:13px;color:var(--text-secondary, #6B7280);cursor:pointer;transition:all .2s}.category-tab:hover{border-color:var(--color-primary, #3B82F6);color:var(--color-primary, #3B82F6)}.category-tab.active{background:var(--color-primary, #3B82F6);border-color:var(--color-primary, #3B82F6);color:#fff}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;max-height:400px;overflow-y:auto;padding:4px}.templates-empty{grid-column:1 / -1;text-align:center;padding:32px;color:var(--text-tertiary, #9CA3AF);font-size:14px}.template-preview-mini{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;border:2px solid transparent;border-radius:12px;background:var(--bg-secondary, #F9FAFB);cursor:pointer;transition:all .2s}.template-preview-mini:hover{background:var(--bg-hover, #F3F4F6);border-color:var(--border-color, #E5E7EB)}.template-preview-mini.selected{border-color:var(--color-primary, #3B82F6);background:var(--bg-primary-light, #EFF6FF)}.template-preview-slide{width:80px;height:100px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.template-preview-title{font-size:20px;line-height:1;z-index:1}.template-preview-body{font-size:10px;opacity:.7;z-index:1}.template-preview-accent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:24px;border-radius:2px;opacity:.3;z-index:0}.template-preview-underline{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:30px;height:3px;border-radius:1px}.template-preview-name{font-size:11px;color:var(--text-secondary, #6B7280);text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-selector{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--border-color, #E5E7EB)}.variant-label{font-size:13px;color:var(--text-secondary, #6B7280);flex-shrink:0}.variant-buttons{display:flex;gap:6px;flex-wrap:wrap}.variant-button{padding:4px 10px;border:1px solid var(--border-color, #E5E7EB);border-radius:6px;background:transparent;font-size:12px;color:var(--text-secondary, #6B7280);cursor:pointer;transition:all .2s}.variant-button:hover{border-color:var(--color-primary, #3B82F6);color:var(--color-primary, #3B82F6)}.variant-button.selected{background:var(--color-primary, #3B82F6);border-color:var(--color-primary, #3B82F6);color:#fff}.templates-grid::-webkit-scrollbar{width:6px}.templates-grid::-webkit-scrollbar-track{background:transparent}.templates-grid::-webkit-scrollbar-thumb{background:var(--border-color, #E5E7EB);border-radius:3px}.templates-grid::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary, #9CA3AF)}.settings-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-primary, #FFFFFF);border-radius:12px;overflow:hidden}.settings-tabs{display:flex;border-bottom:1px solid var(--border-color, #E5E7EB);overflow-x:auto;flex-shrink:0}.settings-tab{display:flex;align-items:center;gap:6px;padding:12px 16px;background:none;border:none;border-bottom:2px solid transparent;font-size:13px;color:var(--text-secondary, #6B7280);cursor:pointer;transition:all .2s;white-space:nowrap}.settings-tab:hover{color:var(--text-primary, #111827);background:var(--bg-hover, #F9FAFB)}.settings-tab.active{color:var(--color-primary, #3B82F6);border-bottom-color:var(--color-primary, #3B82F6)}.tab-icon{font-size:14px}.tab-label{font-weight:500}.settings-tab-content{flex:1;overflow-y:auto;padding:16px}.settings-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary, #9CA3AF);font-size:14px;text-align:center;padding:32px}.setting-group{margin-bottom:16px}.setting-group.half{flex:1;min-width:0}.setting-row{display:flex;gap:12px}.setting-label{display:block;margin-bottom:6px;font-size:12px;font-weight:500;color:var(--text-secondary, #6B7280);text-transform:uppercase;letter-spacing:.05em}.setting-hint{margin-top:4px;font-size:11px;color:var(--text-tertiary, #9CA3AF)}.setting-input,.setting-select,.setting-textarea{width:100%;padding:8px 12px;border:1px solid var(--border-color, #E5E7EB);border-radius:6px;font-size:14px;background:var(--bg-primary, #FFFFFF);transition:border-color .2s}.setting-input:focus,.setting-select:focus,.setting-textarea:focus{outline:none;border-color:var(--color-primary, #3B82F6)}.setting-textarea{resize:vertical;min-height:80px;font-family:inherit}.setting-select{cursor:pointer}.setting-input-prefix{display:flex;align-items:center;border:1px solid var(--border-color, #E5E7EB);border-radius:6px;overflow:hidden}.input-prefix{padding:8px 0 8px 12px;color:var(--text-tertiary, #9CA3AF);font-size:14px;background:var(--bg-secondary, #F9FAFB)}.setting-input.with-prefix{border:none;border-radius:0;padding-left:4px}.setting-color-row{display:flex;gap:8px;align-items:center}.setting-color{width:40px;height:40px;padding:2px;border:1px solid var(--border-color, #E5E7EB);border-radius:6px;cursor:pointer}.setting-input.color-input{flex:1;font-family:JetBrains Mono,monospace;font-size:13px}.setting-range{width:calc(100% - 50px);height:4px;border-radius:2px;background:var(--border-color, #E5E7EB);outline:none;-webkit-appearance:none}.setting-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary, #3B82F6);cursor:pointer}.setting-range-value{display:inline-block;min-width:45px;text-align:right;font-size:13px;color:var(--text-secondary, #6B7280)}.setting-checkbox-row{display:flex;align-items:center;gap:8px}.setting-checkbox-row input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary, #3B82F6)}.setting-checkbox-row label{font-size:14px;color:var(--text-primary, #111827);cursor:pointer}.setting-buttons{display:flex;gap:8px}.setting-button{flex:1;padding:8px;border:1px solid var(--border-color, #E5E7EB);border-radius:6px;background:var(--bg-primary, #FFFFFF);font-size:16px;cursor:pointer;transition:all .2s}.setting-button:hover{background:var(--bg-hover, #F9FAFB)}.setting-button.active{border-color:var(--color-primary, #3B82F6);background:var(--bg-primary-light, #EFF6FF)}.setting-list-item{display:flex;gap:8px;margin-bottom:8px}.setting-remove-btn{width:36px;height:36px;border:1px solid var(--border-color, #E5E7EB);border-radius:6px;background:none;color:var(--text-tertiary, #9CA3AF);font-size:18px;cursor:pointer;transition:all .2s}.setting-remove-btn:hover{border-color:var(--color-error, #EF4444);color:var(--color-error, #EF4444);background:var(--bg-error-light, #FEF2F2)}.setting-add-btn{width:100%;padding:8px;border:1px dashed var(--border-color, #E5E7EB);border-radius:6px;background:none;color:var(--text-secondary, #6B7280);font-size:13px;cursor:pointer;transition:all .2s}.setting-add-btn:hover{border-color:var(--color-primary, #3B82F6);color:var(--color-primary, #3B82F6);background:var(--bg-primary-light, #EFF6FF)}.color-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.color-preset{width:100%;aspect-ratio:1;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s}.color-preset.selected{border-color:var(--color-primary, #3B82F6);box-shadow:0 0 0 2px var(--bg-primary, #FFFFFF)}.gradient-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gradient-preset{width:100%;height:40px;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.gradient-preset:hover{transform:scale(1.02)}.gradient-preset.selected{border-color:var(--color-primary, #3B82F6)}.setting-divider{height:1px;background:var(--border-color, #E5E7EB);margin:16px 0}.settings-tab-content::-webkit-scrollbar{width:6px}.settings-tab-content::-webkit-scrollbar-track{background:transparent}.settings-tab-content::-webkit-scrollbar-thumb{background:var(--border-color, #E5E7EB);border-radius:3px}.settings-tab-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary, #9CA3AF)}.carousel-editor-page{display:flex;flex-direction:column;height:100vh;background:#f8f9fa;overflow:hidden}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#fff;border-bottom:1px solid #e9ecef;flex-shrink:0}.editor-header-left{display:flex;align-items:center;gap:16px}.editor-back-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;background:transparent;border:none;color:#6c757d;font-size:14px;cursor:pointer;transition:color .15s}.editor-back-btn:hover{color:#495057}.editor-title{font-size:18px;font-weight:600;color:#ff6b35;margin:0}.editor-header-right{display:flex;align-items:center;gap:12px}.editor-action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;font-size:14px;cursor:pointer;transition:all .15s}.editor-action-btn:hover{background:#f8f9fa;border-color:#dee2e6}.editor-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.editor-action-btn.primary:hover{opacity:.9}.editor-content{display:flex;flex:1;overflow:hidden}.editor-preview-area{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px;overflow-y:auto}.slide-toolbar{display:flex;align-items:center;gap:4px;padding:8px 16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:8px;color:#6c757d;cursor:pointer;transition:all .15s}.toolbar-btn:hover{background:#f8f9fa;color:#495057}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn.danger:hover:not(:disabled){background:#fff5f5;color:#e53e3e}.toolbar-divider{width:1px;height:24px;background:#e9ecef;margin:0 8px}.slide-viewer{display:flex;justify-content:center;align-items:center;margin-bottom:24px;transition:opacity .2s ease}.slide-viewer>*{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.slide-navigation{display:flex;align-items:center;gap:16px;padding:12px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.nav-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;cursor:pointer;transition:all .15s}.nav-arrow:hover{background:#f8f9fa;border-color:#dee2e6}.nav-dots{display:flex;align-items:center;gap:6px}.nav-dot{width:8px;height:8px;background:#dee2e6;border:none;border-radius:50%;cursor:pointer;transition:all .15s;padding:0}.nav-dot:hover{background:#adb5bd}.nav-dot.active{width:24px;border-radius:4px;background:#495057}.nav-counter{font-size:14px;color:#6c757d;white-space:nowrap}.add-slide-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;margin-top:16px;background:transparent;border:2px dashed #dee2e6;border-radius:10px;color:#6c757d;font-size:14px;cursor:pointer;transition:all .15s}.add-slide-btn:hover{border-color:#adb5bd;color:#495057}.editor-sidebar{width:320px;display:flex;flex-direction:column;background:#fff;border-left:1px solid #e9ecef;flex-shrink:0}.sidebar-content{flex:1;overflow-y:auto;padding:8px 0}.accordion-section{border-bottom:1px solid #f1f3f4}.accordion-header{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:transparent;border:none;cursor:pointer;transition:background .15s;text-align:left}.accordion-header:hover{background:#f8f9fa}.accordion-icon{display:flex;align-items:center;justify-content:center;color:#6c757d}.accordion-title{flex:1;font-size:14px;font-weight:500;color:#343a40}.accordion-arrow{display:flex;align-items:center;justify-content:center;color:#adb5bd;transition:transform .2s}.accordion-arrow.open{transform:rotate(180deg)}.accordion-content{padding:0 20px 16px}.settings-section{display:flex;flex-direction:column;gap:12px}.setting-label{font-size:12px;font-weight:500;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.setting-input,.setting-select{padding:10px 12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-size:14px;color:#343a40;transition:border-color .15s}.setting-input:focus,.setting-select:focus{outline:none;border-color:#667eea}.setting-range{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e9ecef;border-radius:2px;cursor:pointer}.setting-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#667eea;border-radius:50%;cursor:pointer}.setting-checkbox{display:flex;align-items:center;gap:10px;font-size:14px;color:#343a40;cursor:pointer;margin-bottom:8px}.setting-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;min-width:18px;min-height:18px;border:2px solid #adb5bd;border-radius:4px;background:#fff;cursor:pointer;position:relative;transition:all .15s;flex-shrink:0}.setting-checkbox input[type=checkbox]:checked{background:#667eea;border-color:#667eea}.setting-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.setting-checkbox input[type=checkbox]:hover{border-color:#667eea}.setting-checkbox span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.color-picker-row{display:flex;gap:8px}.color-input{width:40px;height:40px;padding:0;border:1px solid #e9ecef;border-radius:8px;cursor:pointer}.color-text{flex:1;padding:10px 12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-size:14px;color:#343a40}.alignment-buttons{display:flex;gap:4px}.alignment-buttons button{flex:1;padding:8px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;font-size:14px;color:#6c757d;cursor:pointer;transition:all .15s}.alignment-buttons button:hover{background:#e9ecef}.alignment-buttons button.active{background:#667eea;border-color:#667eea;color:#fff}.font-group{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f1f3f4}.font-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.font-controls{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.font-control{display:flex;flex-direction:column;gap:4px;flex:1;min-width:70px}.font-control label{font-size:11px;color:#6c757d}.setting-input.small,.setting-select.small{padding:6px 8px;font-size:12px}.color-input.small{width:32px;height:32px}.color-presets{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.color-preset{width:28px;height:28px;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .15s;padding:0}.color-preset:hover{transform:scale(1.1)}.color-preset.active{border-color:#667eea;box-shadow:0 0 0 2px #667eea4d}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.template-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;background:transparent;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.template-item:active{transform:scale(.95)}.template-item:hover{border-color:#dee2e6}.template-item.selected{border-color:#667eea}.template-preview{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:6px;overflow:hidden}.template-name{font-size:11px;color:#6c757d;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-actions{display:flex;gap:8px;padding:16px 20px;border-top:1px solid #e9ecef;background:#fff}.action-btn{flex:1;padding:10px 12px;font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s}.action-btn.secondary{background:transparent;border:1px solid #e9ecef;color:#6c757d}.action-btn.secondary:hover{background:#f8f9fa}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.action-btn.primary:hover{opacity:.9}.action-btn.outline{background:transparent;border:1px solid #667eea;color:#667eea}.action-btn.outline:hover{background:#667eea1a}@media (max-width: 1024px){.editor-sidebar{width:280px}}@media (max-width: 768px){.editor-content{flex-direction:column}.editor-sidebar{width:100%;max-height:40vh;border-left:none;border-top:1px solid #e9ecef}.template-grid{grid-template-columns:repeat(4,1fr)}}.carousel-editor-page.loading{display:flex;align-items:center;justify-content:center}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:12px;color:#667eea}.loading-spinner svg{width:32px;height:32px}.editor-notification{position:fixed;top:80px;right:24px;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;font-size:14px;color:#fff;z-index:1000;animation:slideIn .3s ease;box-shadow:0 4px 12px #00000026}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.editor-notification.success{background:linear-gradient(135deg,#10b981,#059669)}.editor-notification.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.editor-notification.info{background:linear-gradient(135deg,#667eea,#764ba2)}.editor-notification button{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;opacity:.7;transition:opacity .15s}.editor-notification button:hover{opacity:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #0003;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;font-size:16px;font-weight:600;color:#212529}.modal-header button{background:transparent;border:none;color:#6c757d;cursor:pointer;padding:4px}.modal-header button:hover{color:#212529}.modal-body{padding:20px;overflow-y:auto}.modal-body .setting-label{display:block;margin-bottom:6px;margin-top:16px;font-size:13px;font-weight:500;color:#495057}.modal-body .setting-label:first-child{margin-top:0}.modal-body .setting-select,.modal-body .setting-input{width:100%;padding:10px 12px;border:1px solid #e9ecef;border-radius:8px;font-size:14px;color:#212529;background:#fff}.modal-body .setting-select:focus,.modal-body .setting-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.setting-textarea{width:100%;padding:10px 12px;border:1px solid #e9ecef;border-radius:8px;font-size:14px;color:#212529;resize:vertical;font-family:inherit}.setting-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #e9ecef;background:#f8f9fa}.modal-footer .action-btn{display:flex;align-items:center;justify-content:center;gap:8px}.modal-footer .action-btn.primary:disabled{opacity:.5;cursor:not-allowed}.editor-action-btn:disabled{opacity:.6;cursor:not-allowed}.editor-action-btn:disabled:hover{opacity:.6}.video-analysis-overlay{position:fixed;top:64px;right:0;bottom:0;left:240px;background:#0d0e12d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:stretch;justify-content:center;z-index:1000;padding:24px;overflow:hidden}.video-analysis-modal{position:relative;background:#fff;width:100%;max-width:900px;max-height:100%;overflow-y:auto;border-radius:24px;box-shadow:0 20px 60px #0003;animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.video-analysis-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.video-analysis-title{font-size:18px;font-weight:700;color:#0d0e12;margin:0}.video-analysis-close{width:40px;height:40px;background:#f3f4f6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s ease}.video-analysis-close:hover{background:#e5e7eb;color:#0d0e12}.video-analysis-content{display:grid;grid-template-columns:280px 1fr;gap:32px;padding:24px 32px 32px}.video-analysis-left{display:flex;flex-direction:column;gap:16px;position:sticky;top:80px;align-self:start}.video-analysis-preview{position:relative;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#f3f4f6;box-shadow:0 4px 20px #00000014}.video-analysis-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-preview-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.video-preview-title{color:#fff;font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.video-analysis-meta{display:flex;align-items:center;justify-content:space-between}.video-date{display:flex;align-items:center;gap:6px;font-size:12px;color:#9ca3af}.video-actions-mini{display:flex;gap:8px}.action-btn-text{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f3f4f6;border:none;border-radius:8px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.action-btn-text:hover{background:#e5e7eb;color:#0d0e12}.video-author-card{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.author-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.author-info{flex:1;min-width:0}.author-name{display:block;font-size:14px;font-weight:600;color:#0d0e12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.author-sub{font-size:12px;color:#9ca3af}.save-competitor-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:none;border:1.5px solid #e5e7eb;border-radius:8px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;flex-shrink:0}.save-competitor-btn:hover{border-color:#21dc82;color:#21dc82;background:#21dc820d}.video-description{font-size:13px;color:#6b7280;line-height:1.5;margin:0}.video-analysis-right{display:flex;flex-direction:column;gap:24px;padding-top:8px}.metrics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metric-card{background:#f9fafb;border-radius:16px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;border:1px solid #e5e7eb}.metric-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.metric-card--views .metric-icon{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.metric-card--likes .metric-icon{background:linear-gradient(135deg,#ec4899,#f472b6)}.metric-card--comments .metric-icon{background:linear-gradient(135deg,#22c55e,#4ade80)}.metric-card--shares .metric-icon{background:linear-gradient(135deg,#f97316,#fb923c)}.metric-card--er .metric-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.metric-label{font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:18px;font-weight:700;color:#0d0e12}.analysis-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;background:linear-gradient(135deg,#21dc820d,#21dc8205);border:2px dashed #21dc82;border-radius:20px;text-align:center}.loading-animation{color:#21dc82;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}.analysis-loading p{margin-top:16px;font-size:14px;color:#6b7280}.transcription-section{background:#f9fafb;border-radius:20px;padding:20px;border:1px solid #e5e7eb}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.section-header h3{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#0d0e12;margin:0}.section-header h3 svg{color:#21dc82}.section-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.bookmark-btn{width:32px;height:32px;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.bookmark-btn:hover{background:#e5e7eb;color:#21dc82}.translated-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;font-size:11px;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.3px}.take-to-work-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#21dc82;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.take-to-work-btn:hover{background:#1cc073}.transcription-text{font-size:14px;line-height:1.8;color:#374151;margin:0}.content-analysis-section h3{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#0d0e12;margin:0 0 16px}.content-analysis-section h3 svg{color:#21dc82}.analysis-cards{display:flex;flex-direction:column;gap:12px}.analysis-card{background:#f9fafb;border-radius:16px;padding:16px;border:1px solid #e5e7eb;transition:all .2s ease}.analysis-card:hover{border-color:#21dc82;box-shadow:0 2px 12px #21dc821a}.analysis-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.analysis-card-header svg:first-child{color:#21dc82}.analysis-card-header span{font-size:14px;font-weight:600;color:#0d0e12}.bookmark-btn-sm{width:24px;height:24px;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:auto;transition:color .2s ease}.bookmark-btn-sm:hover{color:#21dc82}.analysis-card p{font-size:13px;line-height:1.6;color:#6b7280;margin:0}@media (max-width: 1200px){.video-analysis-overlay{left:0}.video-analysis-modal{max-width:100%}}@media (max-width: 800px){.video-analysis-content{grid-template-columns:1fr;padding:0 20px 20px;gap:24px}.video-analysis-left{position:static;max-width:280px;margin:0 auto}.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 500px){.video-analysis-close{width:40px;height:40px;margin:12px}.video-analysis-content{padding:0 16px 16px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.section-header{flex-direction:column;align-items:flex-start;gap:10px}.section-actions{margin-left:0;flex-wrap:wrap}.transcription-section,.analysis-card{padding:14px}}.format-modal-overlay{position:fixed;top:64px;right:0;bottom:0;left:240px;background:#0d0e1299;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:24px}.format-modal{position:relative;background:#fff;border-radius:24px;padding:40px;max-width:480px;width:100%;box-shadow:0 25px 60px #0003;animation:modalSlideIn .35s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.format-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;background:#f3f4f6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s ease}.format-modal-close:hover{background:#e5e7eb;color:#0d0e12}.format-modal-title{font-size:22px;font-weight:700;color:#0d0e12;margin:0 0 8px;text-align:center;line-height:1.3}.format-modal-subtitle{font-size:14px;color:#6b7280;text-align:center;margin:0 0 32px}.format-options{display:flex;flex-direction:column;gap:16px}.format-option{display:flex;align-items:center;gap:20px;padding:20px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:20px;cursor:pointer;text-align:left;transition:all .25s ease}.format-option:hover{border-color:#21dc82;background:#fff;box-shadow:0 4px 20px #21dc8226;transform:translateY(-2px)}.format-option-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.format-option-icon--carousel{background:linear-gradient(135deg,#f97316,#fb923c);box-shadow:0 4px 16px #f973164d}.format-option-icon--hook{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 4px 16px #8b5cf64d}.format-option-content h3{font-size:17px;font-weight:600;color:#0d0e12;margin:0 0 6px}.format-option-content p{font-size:13px;color:#6b7280;margin:0;line-height:1.4}@media (max-width: 1200px){.format-modal-overlay{left:0}}@media (max-width: 520px){.format-modal-overlay{padding:16px}.format-modal{padding:28px 20px;border-radius:20px}.format-modal-title{font-size:20px;padding-right:32px}.format-option{flex-direction:column;text-align:center;padding:20px 16px}.format-option-icon{width:56px;height:56px}.format-option-icon svg{width:28px;height:28px}}.saved-videos-widget{background:linear-gradient(135deg,#fff9eb,#fff5dc);border:2px solid var(--color-primary);border-radius:var(--radius-xl);margin-bottom:var(--space-6);overflow:hidden}.saved-videos-widget__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);cursor:pointer;transition:background .2s ease}.saved-videos-widget__header:hover{background:#f5c5181a}.saved-videos-widget__header-left{display:flex;align-items:center;gap:var(--space-3)}.saved-videos-widget__title-group{display:flex;flex-direction:column;gap:2px}.saved-videos-widget__title{font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--space-2)}.saved-videos-widget__count{background:var(--color-primary);color:var(--color-bg-dark);font-size:12px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);min-width:24px;text-align:center}.saved-videos-widget__subtitle{font-size:13px;color:var(--color-text-secondary);margin:0}.saved-videos-widget__header-right{display:flex;align-items:center;gap:var(--space-3)}.saved-videos-widget__clear-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:transparent;color:var(--color-text-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:12px;cursor:pointer;transition:all .2s ease}.saved-videos-widget__clear-btn:hover{background:var(--color-error-light);color:var(--color-error);border-color:var(--color-error)}.saved-videos-widget__toggle{width:32px;height:32px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.saved-videos-widget__toggle:hover{background:#0000000d;color:var(--color-text-primary)}.saved-videos-widget__content{padding:0 var(--space-5) var(--space-5);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.saved-videos-widget__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.saved-video-card{position:relative;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 8px #0000000f;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.saved-video-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.saved-video-card--selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #f5c5184d}.saved-video-card__selected-badge{position:absolute;top:var(--space-2);left:var(--space-2);z-index:10;width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-bg-dark);display:flex;align-items:center;justify-content:center;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.saved-video-card__remove{position:absolute;top:var(--space-2);right:var(--space-2);z-index:10;width:24px;height:24px;border-radius:var(--radius-full);background:#0009;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.saved-video-card:hover .saved-video-card__remove{opacity:1}.saved-video-card__remove:hover{background:var(--color-error);transform:scale(1.1)}.saved-video-card__thumbnail{position:relative;aspect-ratio:9 / 12;background:var(--color-bg-grey);overflow:hidden}.saved-video-card__thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.saved-video-card__thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);color:#fff}.saved-video-card__video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.saved-video-card__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:var(--radius-full);background:#000000b3;color:#fff;border:2px solid rgba(255,255,255,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:5}.saved-video-card__play-btn:hover{background:#000000e6;transform:translate(-50%,-50%) scale(1.1);border-color:#fff}.saved-video-card__play-btn svg{margin-left:2px}.saved-video-card__platform{position:absolute;bottom:var(--space-2);left:var(--space-2);width:24px;height:24px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.saved-video-card__source{position:absolute;bottom:var(--space-2);right:var(--space-2);display:flex;align-items:center;gap:4px;padding:4px 8px;background:#000000b3;border-radius:var(--radius-md);color:#fff;font-size:10px;font-weight:500}.saved-video-card__viral{position:absolute;top:var(--space-2);right:36px;padding:4px 8px;background:#ff6b00e6;border-radius:var(--radius-md);color:#fff;font-size:11px;font-weight:700}.saved-video-card__info{padding:var(--space-3)}.saved-video-card__author{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.saved-video-card__avatar{width:20px;height:20px;border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover}.saved-video-card__username{font-size:12px;color:var(--color-text-secondary);font-weight:500}.saved-video-card__title{font-size:13px;font-weight:500;color:var(--color-text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 var(--space-2) 0}.saved-video-card__metrics{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-2)}.saved-video-card__metrics span{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-tertiary)}.saved-video-card__time{font-size:10px;color:var(--color-text-tertiary)}.saved-video-card__actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.saved-video-card__action-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;width:100%}.saved-video-card__action-btn--primary{background:var(--color-bg-dark);color:#fff}.saved-video-card__action-btn--primary:hover{background:#2d2d2d;transform:translateY(-1px)}.saved-video-card__action-btn--secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.saved-video-card__action-btn--secondary:hover{background:var(--color-bg-grey);color:var(--color-text-primary);border-color:var(--color-text-secondary)}.saved-video-card__action-btn--secondary.active{background:var(--color-bg-dark);color:#fff;border-color:var(--color-bg-dark)}.saved-video-card--expanded{grid-column:span 2}@media (max-width: 768px){.saved-video-card--expanded{grid-column:span 1}}.saved-video-card__transcript{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);animation:fadeIn .2s ease}.saved-video-card__transcript-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.saved-video-card__transcript-header span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary)}.saved-video-card__transcript-content{font-size:13px;line-height:1.6;color:var(--color-text-secondary);max-height:150px;overflow-y:auto;padding-right:var(--space-2)}.saved-video-card__transcript-content::-webkit-scrollbar{width:4px}.saved-video-card__transcript-content::-webkit-scrollbar-track{background:var(--color-bg-grey);border-radius:2px}.saved-video-card__transcript-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.saved-videos-widget__selection-info{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:#f5c51833;border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--color-text-primary);text-align:center}@media (max-width: 768px){.saved-videos-widget__grid{grid-template-columns:repeat(2,1fr)}.saved-videos-widget__header{padding:var(--space-3) var(--space-4)}.saved-videos-widget__content{padding:0 var(--space-4) var(--space-4)}.saved-videos-widget__subtitle{display:none}}@media (max-width: 480px){.saved-videos-widget__grid{grid-template-columns:1fr}}.search-bar-v2{display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg-white);border:2px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);transition:all .2s ease}.search-bar-v2:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #1e1e1e14}.search-bar-v2__dropdown{position:relative;flex-shrink:0}.search-bar-v2__dropdown-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-soft);border:none;border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);transition:all .2s ease}.search-bar-v2__dropdown-btn:hover{background:var(--color-bg-grey)}.search-bar-v2__dropdown-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.search-bar-v2__dropdown-label{min-width:60px}.search-bar-v2__chevron{transition:transform .2s ease;color:var(--color-text-tertiary)}.search-bar-v2__chevron.open{transform:rotate(180deg)}.search-bar-v2__menu{position:absolute;top:calc(100% + 8px);left:0;min-width:160px;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;padding:var(--space-2);animation:searchBarFadeIn .15s ease}@keyframes searchBarFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-bar-v2__menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-primary);transition:all .15s ease}.search-bar-v2__menu-item:hover{background:var(--color-bg-soft)}.search-bar-v2__menu-item.active{background:var(--color-bg-grey);font-weight:500}.search-bar-v2__menu-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.search-bar-v2__input{flex:1;min-width:0;padding:var(--space-2) var(--space-2);border:none;background:transparent;font-size:var(--text-base);color:var(--color-text-primary);outline:none}.search-bar-v2__input::-moz-placeholder{color:var(--color-text-light)}.search-bar-v2__input::placeholder{color:var(--color-text-light)}.search-bar-v2__submit{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-sm);font-weight:500;transition:all .2s ease;white-space:nowrap}.search-bar-v2__submit:hover:not(:disabled){background:var(--color-primary-hover)}.search-bar-v2__submit:disabled{opacity:.5;cursor:not-allowed}.search-bar-v2__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:searchBarSpin .8s linear infinite}@keyframes searchBarSpin{to{transform:rotate(360deg)}}@media (max-width: 640px){.search-bar-v2{flex-wrap:wrap;border-radius:var(--radius-lg);padding:var(--space-2);gap:var(--space-2)}.search-bar-v2__dropdown{flex:0 0 auto}.search-bar-v2__dropdown-btn{padding:var(--space-2)}.search-bar-v2__dropdown-label{display:none}.search-bar-v2__input{flex:1;min-width:100px}.search-bar-v2__submit{padding:var(--space-2) var(--space-3)}.search-bar-v2__submit span{display:none}}.search-section{margin-bottom:var(--space-6)}.search-section__label{font-size:var(--text-sm);color:var(--color-text-light);margin-bottom:var(--space-2)}.progress-page{padding:24px;max-width:1400px;margin:0 auto}.progress-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:24px}.progress-page__header-content h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.progress-page__header-content p{font-size:14px;color:var(--text-secondary);margin:0}.progress-page__balance{display:flex;align-items:center;gap:12px;background:var(--surface-primary);padding:12px 20px;border-radius:16px;border:1px solid var(--border-primary)}.progress-page__balance-icon{color:var(--color-accent)}.progress-page__balance-info{display:flex;flex-direction:column}.progress-page__balance-value{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1}.progress-page__balance-label{font-size:12px;color:var(--text-secondary)}.progress-page__promo{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,var(--color-accent) 0%,#E5B408 100%);padding:20px 24px;border-radius:16px;margin-bottom:24px}.progress-page__promo-content{display:flex;align-items:center;gap:16px}.progress-page__promo-icon{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.progress-page__promo-text h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.progress-page__promo-text p{font-size:13px;color:var(--text-primary);opacity:.8;margin:0}.progress-page__next-step{display:block;background:var(--surface-primary);border:2px solid var(--color-accent);border-radius:16px;padding:20px 24px;margin-bottom:24px;text-decoration:none;transition:all .2s ease}.progress-page__next-step:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f5c51833}.progress-page__next-step-badge{display:inline-flex;align-items:center;gap:6px;background:var(--color-accent);color:var(--text-primary);font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;margin-bottom:12px}.progress-page__next-step-content{display:flex;align-items:center;gap:16px}.progress-page__next-step-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.progress-page__next-step-info{flex:1}.progress-page__next-step-info h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.progress-page__next-step-info p{font-size:14px;color:var(--text-secondary);margin:0 0 8px}.progress-page__next-step-reward{display:inline-flex;align-items:center;gap:4px;color:var(--color-accent);font-size:14px;font-weight:600}.progress-page__next-step-arrow{color:var(--text-tertiary);flex-shrink:0}.progress-page__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.progress-page__card{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:16px;padding:24px}.progress-page__card-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--text-primary)}.progress-page__card-header h2{font-size:16px;font-weight:600;margin:0;flex:1}.progress-page__card-badge{background:var(--surface-secondary);color:var(--text-secondary);font-size:12px;font-weight:500;padding:4px 10px;border-radius:20px}.progress-page__referral-stats{display:flex;gap:24px;margin-bottom:20px}.progress-page__referral-stat{display:flex;flex-direction:column}.progress-page__referral-stat-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1}.progress-page__referral-stat-label{font-size:12px;color:var(--text-secondary);margin-top:4px}.progress-page__referral-link{display:flex;gap:8px;margin-bottom:12px}.progress-page__referral-input{flex:1;background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:10px;padding:12px 16px;font-size:13px;color:var(--text-secondary);outline:none}.progress-page__referral-copy{width:44px;height:44px;background:var(--color-accent);border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .2s ease}.progress-page__referral-copy:hover{transform:scale(1.05)}.progress-page__referral-hint{font-size:12px;color:var(--text-tertiary);margin:0}.progress-page__tasks-list{display:flex;flex-direction:column;gap:12px}.progress-page__task{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface-secondary);border-radius:12px;text-decoration:none;transition:all .2s ease}.progress-page__task:hover{background:var(--surface-tertiary)}.progress-page__task--completed{opacity:.6}.progress-page__task-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.progress-page__task-info{flex:1;min-width:0}.progress-page__task-info h4{font-size:14px;font-weight:500;color:var(--text-primary);margin:0 0 6px}.progress-page__task-progress{height:4px;background:var(--border-primary);border-radius:2px;overflow:hidden;margin-bottom:4px}.progress-page__task-progress-bar{height:100%;border-radius:2px;transition:width .3s ease}.progress-page__task-count{font-size:11px;color:var(--text-tertiary)}.progress-page__task-reward{display:flex;align-items:center;gap:4px;color:var(--color-accent);font-size:13px;font-weight:600;flex-shrink:0}.progress-page__achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.progress-page__achievement{background:var(--surface-secondary);border-radius:12px;padding:16px;text-align:center;opacity:.5;transition:all .2s ease}.progress-page__achievement--unlocked{opacity:1;background:linear-gradient(135deg,#f5c5181a,#f5c5180d);border:1px solid var(--color-accent)}.progress-page__achievement-icon{width:48px;height:48px;background:var(--surface-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--text-tertiary)}.progress-page__achievement--unlocked .progress-page__achievement-icon{background:var(--color-accent);color:var(--text-primary)}.progress-page__achievement h4{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.progress-page__achievement p{font-size:11px;color:var(--text-secondary);margin:0 0 8px}.progress-page__achievement-progress{height:4px;background:var(--border-primary);border-radius:2px;overflow:hidden;position:relative;margin-bottom:4px}.progress-page__achievement-progress-bar{height:100%;background:var(--color-accent);border-radius:2px;transition:width .3s ease}.progress-page__achievement-progress span{font-size:10px;color:var(--text-tertiary)}.progress-page__achievement-date{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--color-accent)}.progress-page__history-list{display:flex;flex-direction:column;gap:8px}.progress-page__history-item{display:flex;align-items:center;gap:12px;padding:10px;background:var(--surface-secondary);border-radius:10px}.progress-page__history-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.progress-page__history-icon--task{background:#10b9811a;color:#10b981}.progress-page__history-icon--referral{background:#6366f11a;color:#6366f1}.progress-page__history-icon--achievement{background:#f59e0b1a;color:#f59e0b}.progress-page__history-icon--bonus{background:#ec48991a;color:#ec4899}.progress-page__history-info{flex:1;min-width:0}.progress-page__history-title{display:block;font-size:13px;font-weight:500;color:var(--text-primary)}.progress-page__history-date{display:block;font-size:11px;color:var(--text-tertiary)}.progress-page__history-points{font-size:14px;font-weight:600;color:var(--color-accent);flex-shrink:0}@media (max-width: 1024px){.progress-page__grid{grid-template-columns:1fr}}@media (max-width: 640px){.progress-page{padding:16px}.progress-page__header{flex-direction:column;align-items:stretch}.progress-page__balance{justify-content:center}.progress-page__promo{flex-direction:column;text-align:center}.progress-page__promo-content{flex-direction:column}.progress-page__next-step-content{flex-direction:column;text-align:center}.progress-page__next-step-arrow{display:none}.progress-page__achievements-grid{grid-template-columns:1fr}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-body),Open Sans,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Fira Code,ui-monospace,SFMono-Regular,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{border-color:hsl(var(--border));-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background-color:hsl(var(--background));font-family:var(--font-body),Open Sans,system-ui,sans-serif;color:hsl(var(--foreground));font-family:var(--font-body);overscroll-behavior:none}button,a,input,select,textarea{touch-action:manipulation}@media (max-width: 767px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],select,textarea{font-size:16px!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading),Comic Relief,Comic Sans MS,cursive;font-family:var(--font-heading)}h1{font-size:2.25rem;line-height:2.5rem;font-weight:700;line-height:1.25}@media (min-width: 768px){h1{font-size:3rem;line-height:1}}@media (min-width: 1024px){h1{font-size:3.75rem;line-height:1}}h2{font-size:1.875rem;line-height:2.25rem;font-weight:700;line-height:1.25}@media (min-width: 768px){h2{font-size:2.25rem;line-height:2.5rem}}@media (min-width: 1024px){h2{font-size:3rem;line-height:1}}h3{font-size:1.5rem;line-height:2rem;font-weight:600;line-height:1.5}@media (min-width: 768px){h3{font-size:1.875rem;line-height:2.25rem}}p{font-family:var(--font-body),Open Sans,system-ui,sans-serif;line-height:1.625;font-family:var(--font-body)}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}@media (min-width: 1400px){.container{max-width:1400px;padding-right:6rem;padding-left:6rem}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: rgb(17 24 39 / 10%);--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-neutral{--tw-prose-body: #404040;--tw-prose-headings: #171717;--tw-prose-lead: #525252;--tw-prose-links: #171717;--tw-prose-bold: #171717;--tw-prose-counters: #737373;--tw-prose-bullets: #d4d4d4;--tw-prose-hr: #e5e5e5;--tw-prose-quotes: #171717;--tw-prose-quote-borders: #e5e5e5;--tw-prose-captions: #737373;--tw-prose-kbd: #171717;--tw-prose-kbd-shadows: rgb(23 23 23 / 10%);--tw-prose-code: #171717;--tw-prose-pre-code: #e5e5e5;--tw-prose-pre-bg: #262626;--tw-prose-th-borders: #d4d4d4;--tw-prose-td-borders: #e5e5e5;--tw-prose-invert-body: #d4d4d4;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #a3a3a3;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #a3a3a3;--tw-prose-invert-bullets: #525252;--tw-prose-invert-hr: #404040;--tw-prose-invert-quotes: #f5f5f5;--tw-prose-invert-quote-borders: #404040;--tw-prose-invert-captions: #a3a3a3;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d4d4d4;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #525252;--tw-prose-invert-td-borders: #404040}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.-bottom-0\.5{bottom:-.125rem}.-bottom-4{bottom:-1rem}.-left-20{left:-5rem}.-left-4{left:-1rem}.-right-0\.5{right:-.125rem}.-right-1{right:-.25rem}.-right-2{right:-.5rem}.-right-4{right:-1rem}.-top-1{top:-.25rem}.-top-2{top:-.5rem}.-top-3{top:-.75rem}.-top-4{top:-1rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-2{bottom:.5rem}.bottom-20{bottom:5rem}.bottom-24{bottom:6rem}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.bottom-5{bottom:1.25rem}.bottom-6{bottom:1.5rem}.bottom-8{bottom:2rem}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.left-8{left:2rem}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-5{right:1.25rem}.right-6{right:1.5rem}.right-8{right:2rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-20{top:5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-8{top:2rem}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.col-span-12{grid-column:span 12 / span 12}.m-0{margin:0}.m-auto{margin:auto}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-mb-px{margin-bottom:-1px}.-mt-8{margin-top:-2rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-auto{margin-bottom:auto}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-0\.5{margin-right:.125rem}.mr-1{margin-right:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-\[9\/14\]{aspect-ratio:9/14}.aspect-\[9\/16\]{aspect-ratio:9/16}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[400px\]{height:400px}.h-\[500px\]{height:500px}.h-\[calc\(100vh-4rem\)\]{height:calc(100vh - 4rem)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-32{max-height:8rem}.max-h-48{max-height:12rem}.max-h-60{max-height:15rem}.max-h-64{max-height:16rem}.max-h-\[400px\]{max-height:400px}.max-h-\[70vh\]{max-height:70vh}.max-h-\[90vh\]{max-height:90vh}.max-h-screen{max-height:100vh}.min-h-\[360px\]{min-height:360px}.min-h-\[400px\]{min-height:400px}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-0\.5{width:.125rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[400px\]{width:400px}.w-\[500px\]{width:500px}.w-\[calc\(100vw-2rem\)\]{width:calc(100vw - 2rem)}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-\[100px\]{min-width:100px}.min-w-\[140px\]{min-width:140px}.min-w-\[160px\]{min-width:160px}.min-w-\[200px\]{min-width:200px}.min-w-\[600px\]{min-width:600px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-\[120px\]{max-width:120px}.max-w-\[70px\]{max-width:70px}.max-w-\[75\%\]{max-width:75%}.max-w-\[80\%\]{max-width:80%}.max-w-\[900px\]{max-width:900px}.max-w-\[calc\(100vw-3rem\)\]{max-width:calc(100vw - 3rem)}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-5{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[22px\]{--tw-translate-x: 22px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.02\]{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}0%,to{opacity:1}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-grab{cursor:grab}.cursor-wait{cursor:wait}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.list-disc{list-style-type:disc}.auto-rows-auto{grid-auto-rows:auto}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[60px_repeat\(7\,1fr\)\]{grid-template-columns:60px repeat(7,1fr)}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-.5rem * var(--tw-space-x-reverse));margin-left:calc(-.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-border>:not([hidden])~:not([hidden]){border-color:hsl(var(--border))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-b-2xl{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-bl-sm{border-bottom-left-radius:calc(var(--radius) - 4px)}.rounded-br-sm{border-bottom-right-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#3A3530\]{--tw-border-opacity: 1;border-color:rgb(58 53 48 / var(--tw-border-opacity, 1))}.border-\[\#5C5347\]{--tw-border-opacity: 1;border-color:rgb(92 83 71 / var(--tw-border-opacity, 1))}.border-\[\#E8E0D4\]{--tw-border-opacity: 1;border-color:rgb(232 224 212 / var(--tw-border-opacity, 1))}.border-border{border-color:hsl(var(--border))}.border-border\/50{border-color:hsl(var(--border) / .5)}.border-card{border-color:hsl(var(--card))}.border-cosmic-blue\/20{border-color:#7693e733}.border-cosmic-cyan\/20{border-color:#85d2e733}.border-cosmic-orange{--tw-border-opacity: 1;border-color:rgb(249 175 108 / var(--tw-border-opacity, 1))}.border-cosmic-orange\/20{border-color:#f9af6c33}.border-cosmic-orange\/30{border-color:#f9af6c4d}.border-cosmic-orange\/50{border-color:#f9af6c80}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-green-500\/20{border-color:#22c55e33}.border-green-500\/30{border-color:#22c55e4d}.border-indigo-500{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}.border-indigo-500\/20{border-color:#6366f133}.border-indigo-500\/30{border-color:#6366f14d}.border-indigo-500\/40{border-color:#6366f166}.border-input{border-color:hsl(var(--input))}.border-muted-foreground\/30{border-color:hsl(var(--muted-foreground) / .3)}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-red-500\/20{border-color:#ef444433}.border-red-500\/30{border-color:#ef44444d}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.border-yellow-500\/20{border-color:#eab30833}.border-t-cosmic-orange{--tw-border-opacity: 1;border-top-color:rgb(249 175 108 / var(--tw-border-opacity, 1))}.bg-\[\#0077FF\]{--tw-bg-opacity: 1;background-color:rgb(0 119 255 / var(--tw-bg-opacity, 1))}.bg-\[\#0088CC\]{--tw-bg-opacity: 1;background-color:rgb(0 136 204 / var(--tw-bg-opacity, 1))}.bg-\[\#229ED9\]\/10{background-color:#229ed91a}.bg-\[\#2A2520\]{--tw-bg-opacity: 1;background-color:rgb(42 37 32 / var(--tw-bg-opacity, 1))}.bg-\[\#3A3530\]{--tw-bg-opacity: 1;background-color:rgb(58 53 48 / var(--tw-bg-opacity, 1))}.bg-\[\#6B4DE6\]{--tw-bg-opacity: 1;background-color:rgb(107 77 230 / var(--tw-bg-opacity, 1))}.bg-\[\#6B4DE6\]\/10{background-color:#6b4de61a}.bg-\[\#7B8F6A\]{--tw-bg-opacity: 1;background-color:rgb(123 143 106 / var(--tw-bg-opacity, 1))}.bg-\[\#7B8F6A\]\/10{background-color:#7b8f6a1a}.bg-\[\#7B8F6A\]\/15{background-color:#7b8f6a26}.bg-\[\#C4A882\]{--tw-bg-opacity: 1;background-color:rgb(196 168 130 / var(--tw-bg-opacity, 1))}.bg-\[\#C4A882\]\/10{background-color:#c4a8821a}.bg-\[\#C4A882\]\/15{background-color:#c4a88226}.bg-\[\#E4405F\]{--tw-bg-opacity: 1;background-color:rgb(228 64 95 / var(--tw-bg-opacity, 1))}.bg-\[\#F5F0E8\]{--tw-bg-opacity: 1;background-color:rgb(245 240 232 / var(--tw-bg-opacity, 1))}.bg-\[\#FAF8F5\]{--tw-bg-opacity: 1;background-color:rgb(250 248 245 / var(--tw-bg-opacity, 1))}.bg-\[\#FAF8F5\]\/80{background-color:#faf8f5cc}.bg-\[\#FF0000\]{--tw-bg-opacity: 1;background-color:rgb(255 0 0 / var(--tw-bg-opacity, 1))}.bg-\[\#FF6B00\]{--tw-bg-opacity: 1;background-color:rgb(255 107 0 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--background))}.bg-background\/95{background-color:hsl(var(--background) / .95)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/30{background-color:#0000004d}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-blue-500\/10{background-color:#3b82f61a}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-card\/50{background-color:hsl(var(--card) / .5)}.bg-card\/95{background-color:hsl(var(--card) / .95)}.bg-cosmic-blue{--tw-bg-opacity: 1;background-color:rgb(118 147 231 / var(--tw-bg-opacity, 1))}.bg-cosmic-blue-light{--tw-bg-opacity: 1;background-color:rgb(163 183 255 / var(--tw-bg-opacity, 1))}.bg-cosmic-blue\/10{background-color:#7693e71a}.bg-cosmic-blue\/20{background-color:#7693e733}.bg-cosmic-blue\/30{background-color:#7693e74d}.bg-cosmic-blue\/5{background-color:#7693e70d}.bg-cosmic-cyan{--tw-bg-opacity: 1;background-color:rgb(133 210 231 / var(--tw-bg-opacity, 1))}.bg-cosmic-cyan\/10{background-color:#85d2e71a}.bg-cosmic-orange{--tw-bg-opacity: 1;background-color:rgb(249 175 108 / var(--tw-bg-opacity, 1))}.bg-cosmic-orange-light{--tw-bg-opacity: 1;background-color:rgb(255 217 183 / var(--tw-bg-opacity, 1))}.bg-cosmic-orange\/10{background-color:#f9af6c1a}.bg-cosmic-orange\/20{background-color:#f9af6c33}.bg-cosmic-orange\/30{background-color:#f9af6c4d}.bg-cosmic-orange\/5{background-color:#f9af6c0d}.bg-destructive{background-color:hsl(var(--destructive))}.bg-foreground{background-color:hsl(var(--foreground))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-500\/20{background-color:#22c55e33}.bg-green-500\/5{background-color:#22c55e0d}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.bg-indigo-500\/10{background-color:#6366f11a}.bg-indigo-500\/15{background-color:#6366f126}.bg-indigo-500\/20{background-color:#6366f133}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-muted{background-color:hsl(var(--muted))}.bg-muted-foreground{background-color:hsl(var(--muted-foreground))}.bg-muted-foreground\/20{background-color:hsl(var(--muted-foreground) / .2)}.bg-muted-foreground\/30{background-color:hsl(var(--muted-foreground) / .3)}.bg-muted-foreground\/40{background-color:hsl(var(--muted-foreground) / .4)}.bg-muted-foreground\/50{background-color:hsl(var(--muted-foreground) / .5)}.bg-muted\/30{background-color:hsl(var(--muted) / .3)}.bg-muted\/50{background-color:hsl(var(--muted) / .5)}.bg-pink-500{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))}.bg-popover{background-color:hsl(var(--popover))}.bg-purple-500\/10{background-color:#a855f71a}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/5{background-color:#ef44440d}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:transparent}.bg-violet-500\/10{background-color:#8b5cf61a}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.bg-white\/30{background-color:#ffffff4d}.bg-white\/50{background-color:#ffffff80}.bg-white\/80{background-color:#fffc}.bg-white\/90{background-color:#ffffffe6}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-yellow-500\/10{background-color:#eab3081a}.bg-gradient-blue{background-image:radial-gradient(circle at bottom left,#7693E7 0%,#D1D8FB 50%,transparent 100%)}.bg-gradient-orange{background-image:radial-gradient(circle at top right,#F9AF6C 0%,#FFD9B7 50%,transparent 100%)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#3A3530\]{--tw-gradient-from: #3A3530 var(--tw-gradient-from-position);--tw-gradient-to: rgb(58 53 48 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#3A3530\]\/40{--tw-gradient-from: rgb(58 53 48 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(58 53 48 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#6B4DE6\]\/20{--tw-gradient-from: rgb(107 77 230 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(107 77 230 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#FAF8F5\]{--tw-gradient-from: #FAF8F5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 248 245 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/70{--tw-gradient-from: rgb(0 0 0 / .7) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/80{--tw-gradient-from: rgb(0 0 0 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cosmic-blue{--tw-gradient-from: #7693E7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(118 147 231 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cosmic-blue\/20{--tw-gradient-from: rgb(118 147 231 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(118 147 231 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cosmic-orange{--tw-gradient-from: #F9AF6C var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 175 108 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cosmic-orange\/10{--tw-gradient-from: rgb(249 175 108 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 175 108 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cosmic-orange\/15{--tw-gradient-from: rgb(249 175 108 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 175 108 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cosmic-orange\/20{--tw-gradient-from: rgb(249 175 108 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 175 108 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cosmic-orange\/5{--tw-gradient-from: rgb(249 175 108 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 175 108 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-700{--tw-gradient-from: #374151 var(--tw-gradient-from-position);--tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-muted{--tw-gradient-from: hsl(var(--muted)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-muted\/30{--tw-gradient-from: hsl(var(--muted) / .3) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-500{--tw-gradient-from: #ec4899 var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500\/20{--tw-gradient-from: rgb(239 68 68 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-\[\#6B4DE6\]\/10{--tw-gradient-to: rgb(107 77 230 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(107 77 230 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-\[\#F5F0E8\]{--tw-gradient-to: rgb(245 240 232 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #F5F0E8 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-background{--tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background)) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-cosmic-blue{--tw-gradient-to: rgb(118 147 231 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #7693E7 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-cosmic-blue\/5{--tw-gradient-to: rgb(118 147 231 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(118 147 231 / .05) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-cosmic-orange\/10{--tw-gradient-to: rgb(249 175 108 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(249 175 108 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-red-500\/10{--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(239 68 68 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#2A2520\]{--tw-gradient-to: #2A2520 var(--tw-gradient-to-position)}.to-\[\#6B4DE6\]{--tw-gradient-to: #6B4DE6 var(--tw-gradient-to-position)}.to-\[\#E85D04\]{--tw-gradient-to: #E85D04 var(--tw-gradient-to-position)}.to-\[\#EDE8DD\]{--tw-gradient-to: #EDE8DD var(--tw-gradient-to-position)}.to-background{--tw-gradient-to: hsl(var(--background)) var(--tw-gradient-to-position)}.to-cosmic-blue{--tw-gradient-to: #7693E7 var(--tw-gradient-to-position)}.to-cosmic-blue\/10{--tw-gradient-to: rgb(118 147 231 / .1) var(--tw-gradient-to-position)}.to-cosmic-blue\/20{--tw-gradient-to: rgb(118 147 231 / .2) var(--tw-gradient-to-position)}.to-cosmic-blue\/5{--tw-gradient-to: rgb(118 147 231 / .05) var(--tw-gradient-to-position)}.to-cosmic-orange{--tw-gradient-to: #F9AF6C var(--tw-gradient-to-position)}.to-cosmic-orange-dark{--tw-gradient-to: #E89A52 var(--tw-gradient-to-position)}.to-cosmic-orange\/10{--tw-gradient-to: rgb(249 175 108 / .1) var(--tw-gradient-to-position)}.to-cosmic-orange\/20{--tw-gradient-to: rgb(249 175 108 / .2) var(--tw-gradient-to-position)}.to-cosmic-orange\/5{--tw-gradient-to: rgb(249 175 108 / .05) var(--tw-gradient-to-position)}.to-gray-900{--tw-gradient-to: #111827 var(--tw-gradient-to-position)}.to-muted\/50{--tw-gradient-to: hsl(var(--muted) / .5) var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to: #f97316 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-\[\#C4A882\]{fill:#c4a882}.fill-cosmic-orange{fill:#f9af6c}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-20{padding-left:5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-28{padding-top:7rem}.pt-32{padding-top:8rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-heading{font-family:var(--font-heading),Comic Relief,Comic Sans MS,cursive}.font-mono{font-family:Fira Code,ui-monospace,SFMono-Regular,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.text-\[8px\]{font-size:8px}.text-\[8rem\]{font-size:8rem}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#0077FF\]{--tw-text-opacity: 1;color:rgb(0 119 255 / var(--tw-text-opacity, 1))}.text-\[\#0088CC\]{--tw-text-opacity: 1;color:rgb(0 136 204 / var(--tw-text-opacity, 1))}.text-\[\#229ED9\]{--tw-text-opacity: 1;color:rgb(34 158 217 / var(--tw-text-opacity, 1))}.text-\[\#3A3530\]{--tw-text-opacity: 1;color:rgb(58 53 48 / var(--tw-text-opacity, 1))}.text-\[\#5C5347\]{--tw-text-opacity: 1;color:rgb(92 83 71 / var(--tw-text-opacity, 1))}.text-\[\#6B4DE6\]{--tw-text-opacity: 1;color:rgb(107 77 230 / var(--tw-text-opacity, 1))}.text-\[\#6B6259\]{--tw-text-opacity: 1;color:rgb(107 98 89 / var(--tw-text-opacity, 1))}.text-\[\#7B8F6A\]{--tw-text-opacity: 1;color:rgb(123 143 106 / var(--tw-text-opacity, 1))}.text-\[\#9B8E7E\]{--tw-text-opacity: 1;color:rgb(155 142 126 / var(--tw-text-opacity, 1))}.text-\[\#A09889\]{--tw-text-opacity: 1;color:rgb(160 152 137 / var(--tw-text-opacity, 1))}.text-\[\#B8ADA0\]{--tw-text-opacity: 1;color:rgb(184 173 160 / var(--tw-text-opacity, 1))}.text-\[\#C4A882\]{--tw-text-opacity: 1;color:rgb(196 168 130 / var(--tw-text-opacity, 1))}.text-\[\#E4405F\]{--tw-text-opacity: 1;color:rgb(228 64 95 / var(--tw-text-opacity, 1))}.text-\[\#FF0000\]{--tw-text-opacity: 1;color:rgb(255 0 0 / var(--tw-text-opacity, 1))}.text-\[\#FF6B00\]{--tw-text-opacity: 1;color:rgb(255 107 0 / var(--tw-text-opacity, 1))}.text-accent{color:hsl(var(--accent))}.text-background{color:hsl(var(--background))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-cosmic-blue{--tw-text-opacity: 1;color:rgb(118 147 231 / var(--tw-text-opacity, 1))}.text-cosmic-cyan{--tw-text-opacity: 1;color:rgb(133 210 231 / var(--tw-text-opacity, 1))}.text-cosmic-orange{--tw-text-opacity: 1;color:rgb(249 175 108 / var(--tw-text-opacity, 1))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/70{color:hsl(var(--foreground) / .7)}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-indigo-300{--tw-text-opacity: 1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}.text-indigo-400{--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.text-muted{color:hsl(var(--muted))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-muted-foreground\/30{color:hsl(var(--muted-foreground) / .3)}.text-muted-foreground\/40{color:hsl(var(--muted-foreground) / .4)}.text-muted-foreground\/50{color:hsl(var(--muted-foreground) / .5)}.text-muted-foreground\/60{color:hsl(var(--muted-foreground) / .6)}.text-muted\/20{color:hsl(var(--muted) / .2)}.text-primary{--tw-text-opacity: 1;color:rgb(249 175 108 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-transparent{color:transparent}.text-violet-500{--tw-text-opacity: 1;color:rgb(139 92 246 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/90{color:#ffffffe6}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow: 0 -4px 20px rgba(0,0,0,.08);--tw-shadow-colored: 0 -4px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-glow-blue{--tw-shadow: 0 0 30px rgba(118, 147, 231, .3);--tw-shadow-colored: 0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-glow-orange{--tw-shadow: 0 0 30px rgba(249, 175, 108, .3);--tw-shadow-colored: 0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-cosmic-orange\/10{--tw-shadow-color: rgb(249 175 108 / .1);--tw-shadow: var(--tw-shadow-colored)}.shadow-cosmic-orange\/30{--tw-shadow-color: rgb(249 175 108 / .3);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-cosmic-blue\/30{--tw-ring-color: rgb(118 147 231 / .3)}.ring-cosmic-orange{--tw-ring-opacity: 1;--tw-ring-color: rgb(249 175 108 / var(--tw-ring-opacity, 1))}.ring-cosmic-orange\/20{--tw-ring-color: rgb(249 175 108 / .2)}.ring-cosmic-orange\/30{--tw-ring-color: rgb(249 175 108 / .3)}.ring-green-500\/30{--tw-ring-color: rgb(34 197 94 / .3)}.ring-offset-2{--tw-ring-offset-width: 2px}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-2xl{--tw-blur: blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur: blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-lg{--tw-backdrop-blur: blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.animate-out{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.fade-out-80{--tw-exit-opacity: .8}.zoom-in-95{--tw-enter-scale: .95}.slide-in-from-bottom-4{--tw-enter-translate-y: 1rem}.slide-in-from-right-full{--tw-enter-translate-x: 100%}.slide-out-to-right-full{--tw-exit-translate-x: 100%}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}.paused{animation-play-state:paused}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hover-lift:hover{transform:translateY(-8px)}.font-heading{font-family:var(--font-heading)}.text-accent{position:relative;display:inline-block}.text-accent:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--color-primary-orange),var(--color-accent-blue));border-radius:2px}.safe-bottom{padding-bottom:max(env(safe-area-inset-bottom,0px),8px)}.touch-target{min-height:44px;min-width:44px}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}:root{--font-heading: "Comic Relief", "Comic Sans MS", cursive;--font-body: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;--color-primary-orange: #F9AF6C;--color-primary-orange-light: #FFD9B7;--color-primary-orange-dark: #E89A52;--color-accent-blue: #7693E7;--color-accent-blue-light: #A3B7FF;--color-accent-blue-dark: #5A7AD6;--color-accent-cyan: #85D2E7;--color-accent-cyan-light: #B3E5F5;--color-neutral-white: #FFFFFF;--color-neutral-black: #212121;--color-neutral-bg-light: #F8F9FA;--gradient-orange: radial-gradient(circle at top right, #F9AF6C 0%, #FFD9B7 50%, transparent 100%);--gradient-blue: radial-gradient(circle at bottom left, #7693E7 0%, #D1D8FB 50%, transparent 100%);--shadow-glow-orange: 0 0 30px rgba(249, 175, 108, .3);--background: 0 0% 100%;--foreground: 0 0% 3.9%;--card: 0 0% 100%;--card-foreground: 0 0% 3.9%;--popover: 0 0% 100%;--popover-foreground: 0 0% 3.9%;--primary: 0 0% 9%;--primary-foreground: 0 0% 98%;--secondary: 0 0% 96.1%;--secondary-foreground: 0 0% 9%;--muted: 0 0% 96.1%;--muted-foreground: 0 0% 45.1%;--accent: 0 0% 96.1%;--accent-foreground: 0 0% 9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 0 0% 89.8%;--input: 0 0% 89.8%;--ring: 0 0% 3.9%;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%;--radius: .5rem}.dark{--background: 0 0% 3.9%;--foreground: 0 0% 98%;--card: 0 0% 3.9%;--card-foreground: 0 0% 98%;--popover: 0 0% 3.9%;--popover-foreground: 0 0% 98%;--primary: 0 0% 98%;--primary-foreground: 0 0% 9%;--secondary: 0 0% 14.9%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 14.9%;--muted-foreground: 0 0% 63.9%;--accent: 0 0% 14.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 0 0% 14.9%;--input: 0 0% 14.9%;--ring: 0 0% 83.1%;--chart-1: 220 70% 50%;--chart-2: 160 60% 45%;--chart-3: 30 80% 55%;--chart-4: 280 65% 60%;--chart-5: 340 75% 55%}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}.animate-ripple{animation:ripple .6s ease-out forwards}button,[type=button],[type=submit],[type=reset],.btn,[class*=btn-],[class*=-btn],[class*=button]{border-radius:var(--radius-button, 50px)!important}.gamification-task-card{border-radius:12px!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-weight-semibold);font-family:var(--font-family-base);line-height:1.2;text-decoration:none;border:none;border-radius:50px;cursor:pointer;transition:all var(--transition-normal) var(--ease-out);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0);box-shadow:none}.btn-accent{background-color:var(--color-primary);color:var(--color-text-inverse);border-radius:50px;padding:var(--space-4) var(--space-8);font-weight:var(--font-weight-bold)}.btn-accent:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-accent:active{transform:translateY(0);box-shadow:none}.btn-outline{background-color:#fff!important;border:2px solid #1A1A1A!important;color:#1a1a1a!important}.btn-outline:hover{background-color:#1a1a1a!important;color:#fff!important}.btn-ghost{background-color:transparent;color:var(--color-text-body)}.btn-ghost:hover{background-color:var(--color-bg-light);color:var(--color-text-main)}.btn-danger,.btn-ghost.btn-danger{color:var(--color-error)}.btn-danger:hover,.btn-ghost.btn-danger:hover{background-color:var(--color-error-light);color:var(--color-error)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn-icon{padding:var(--space-3)}.btn-icon.btn-sm{padding:var(--space-2)}.btn-icon.btn-lg{padding:var(--space-4)}.card{background:var(--color-bg-white);border-radius:24px;padding:var(--space-6);border:none;box-shadow:0 4px 20px #0000000f;transition:all var(--transition-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-card-hover)}.card-interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);cursor:pointer}.card-bordered{border:1px solid var(--color-border);box-shadow:none}.card-elevated{border:none;box-shadow:var(--shadow-card)}.card-elevated:hover{box-shadow:var(--shadow-card-hover)}.card-dark{background:var(--color-bg-dark);color:var(--color-text-inverse)}.card-dark .card-title,.card-dark h3,.card-dark h4{color:var(--color-text-inverse)}.card-sm{padding:var(--space-4);border-radius:var(--radius-md)}.card-lg{padding:var(--space-8);border-radius:var(--radius-xl)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.card-header-title{font-family:var(--font-family-heading);font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--color-text-main)}.card-header-action{color:var(--color-text-light);cursor:pointer;transition:color var(--transition-fast)}.card-header-action:hover{color:var(--color-text-main)}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.input-field{display:block;width:100%;height:52px;padding:0 var(--space-4);font-size:var(--text-base);font-family:var(--font-family-base);color:var(--color-text-main);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast) var(--ease-out)}.input-field:hover{border-color:var(--color-border-dark)}.input-field:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px var(--color-accent-lighter)}.input-field:disabled{background-color:var(--color-bg-light);color:var(--color-text-disabled);cursor:not-allowed}.input-field.is-error{border-color:var(--color-error)}.input-field.is-error:focus{box-shadow:0 0 0 3px var(--color-error-light)}.input-field.is-success{border-color:var(--color-success)}.textarea-field{height:auto;min-height:120px;padding:var(--space-3) var(--space-4);resize:vertical}.input-sm{height:40px;font-size:var(--text-sm);padding:0 var(--space-3)}.input-lg{height:56px;font-size:var(--text-lg);padding:0 var(--space-5)}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#0d0e12;color:var(--color-text-main, #0D0E12)}.form-input{width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;color:#0d0e12;color:var(--color-text-main, #0D0E12);background-color:#fff;background-clip:padding-box;border:1px solid #E5E7EB;border-color:var(--color-border, #E5E7EB);border-radius:.5rem;transition:border-color .15s ease,box-shadow .15s ease}.form-input:focus{border-color:var(--color-accent);outline:0;box-shadow:0 0 0 3px var(--color-accent-lighter)}.form-input::-moz-placeholder{color:#666;opacity:.7}.form-input::placeholder{color:#666;opacity:.7}input::-moz-placeholder,textarea::-moz-placeholder{color:#666;opacity:.7}input::placeholder,textarea::placeholder{color:#666;opacity:.7}input,textarea,select{color:#1a1a1a!important}input:focus,textarea:focus,select:focus{color:#1a1a1a!important}.form-hint{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-light)}.form-error{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-error)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-medium);line-height:1.2;border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary)}.badge-accent{background-color:var(--color-accent);color:var(--color-text-main)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-error{background-color:var(--color-error-light);color:var(--color-error)}.badge-info{background-color:var(--color-info-light);color:var(--color-info)}.badge-paid{background-color:var(--color-success-light);color:var(--color-status-paid)}.badge-absent{background-color:#88888826;color:var(--color-status-absent)}.badge-pending{background-color:var(--color-accent-lighter);color:var(--color-text-main)}.badge-active{background-color:var(--color-accent);color:var(--color-text-main)}.badge-dot{display:inline-flex;align-items:center;gap:var(--space-2)}.badge-dot:before{content:"";width:6px;height:6px;border-radius:var(--radius-full)}.table-row-hover:hover{background-color:#f5c5181a}.table-row-selected{background-color:#f5c51826}.table-row-selected:hover{background-color:#f5c51833}.crextio-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--color-border);border-radius:4px;cursor:pointer;transition:all .2s ease}.crextio-checkbox:checked{background-color:var(--color-accent);border-color:var(--color-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A1A1A' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:12px;background-position:center;background-repeat:no-repeat}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:var(--text-sm);overflow:hidden}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-lg{width:56px;height:56px;font-size:var(--text-lg)}.avatar-xl{width:80px;height:80px;font-size:var(--text-2xl)}.divider{width:100%;height:1px;background-color:var(--color-border);margin:var(--space-4) 0}.divider-vertical{width:1px;height:100%;background-color:var(--color-border);margin:0 var(--space-4)}.link{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast) var(--ease-out)}.link:hover{color:var(--color-primary-hover);text-decoration:underline}.link-muted{color:var(--color-text-light)}.link-muted:hover{color:var(--color-text-body)}.spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:40px;height:40px;border-width:3px}.skeleton{background:linear-gradient(90deg,var(--color-bg-light) 25%,var(--color-bg-grey) 50%,var(--color-bg-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.bg-success-light{background-color:var(--color-success-light)}.bg-warning-light{background-color:var(--color-warning-light)}.bg-error-light{background-color:var(--color-error-light)}.bg-info-light{background-color:var(--color-info-light)}.bg-accent-light{background-color:var(--color-accent-light)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.transition-colors{transition-property:color,background-color,border-color;transition-duration:var(--transition-normal);transition-timing-function:var(--ease-out)}.transition-all{transition:all var(--transition-normal) var(--ease-out)}.-translate-y-1\/2{transform:translateY(-50%)}.-translate-x-1\/2{transform:translate(-50%)}.divide-y>*+*{border-top:1px solid var(--color-border)}.divide-x>*+*{border-left:1px solid var(--color-border)}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.min-w-0{min-width:0}.tabs{width:100%}.tabs-list{display:flex;gap:var(--space-1);padding:var(--space-1);background-color:var(--color-bg-light);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.tabs-list-pills{background:transparent;padding:0;gap:var(--space-2)}.tab-item{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.tab-item svg{flex-shrink:0}.tab-item:hover{color:var(--color-text-main);background-color:var(--color-bg-white)}.tab-item.tab-active{color:var(--color-text-main);background-color:var(--color-bg-white);box-shadow:var(--shadow-sm)}.tab-item-pill{border-radius:var(--radius-full);padding:var(--space-2) var(--space-4)}.tab-item-pill.tab-active{background-color:var(--color-bg-grey);color:var(--color-text-main)}.tab-item.tab-disabled{opacity:.5;cursor:not-allowed}.nav-pills{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background-color:var(--color-bg-light);border-radius:var(--radius-full)}.nav-pill-item{padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body);background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);white-space:nowrap}.nav-pill-item:hover{color:var(--color-text-main)}.nav-pill-item.active{background-color:var(--color-bg-grey);color:var(--color-text-main);box-shadow:var(--shadow-xs)}.tabs-panel{animation:fadeIn var(--transition-fast) var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stepper-wrapper{padding:var(--space-2) 0;width:100%;max-width:900px;margin:0 auto}.stepper-container{padding:var(--space-4) var(--space-6);background:transparent;border:none;border-radius:999px;margin:var(--space-4) 0}@media (max-width: 768px){.stepper-wrapper{padding:var(--space-3) 0}.stepper-container{padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl)}}.stepper-v2{position:relative;padding:var(--space-2) 0;width:100%;max-width:900px;margin:0 auto}.stepper-v2__nodes{display:flex;justify-content:space-between;position:relative;z-index:2}.stepper-v2__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.stepper-v2__step:not(:last-child):before{content:"";position:absolute;top:21px;left:calc(50% + 22px);right:calc(-50% + 22px);height:3px;background:#e5e0da;z-index:0}.stepper-v2__step--completed:not(:last-child):before{background:var(--color-primary)}.stepper-v2__step--active:not(:last-child):after{content:"";position:absolute;top:21px;left:calc(50% + 22px);right:calc(-50% + 22px);height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary) 40%,transparent 100%);background-size:200% 100%;z-index:1;animation:lineFlowToNext 1.5s ease-in-out infinite}@keyframes lineFlowToNext{0%{background-position:100% 0;opacity:.3}50%{opacity:.8}to{background-position:0% 0;opacity:.3}}.stepper-v2__circle{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.stepper-v2__circle-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#fafaf8;border:2px solid #D4CFC8;transition:background .3s ease,border-color .3s ease}.stepper-v2__circle-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.stepper-v2__number{font-size:15px;font-weight:600;color:#a09a92;font-family:Inter,system-ui,sans-serif}.stepper-v2__check{color:#fff}.stepper-v2__label{margin-top:var(--space-2);text-align:center}.stepper-v2__label-text{display:block;font-size:13px;font-weight:500;color:#a09a92;letter-spacing:-.01em;white-space:nowrap}.stepper-v2__step--active .stepper-v2__circle-bg{background:var(--color-primary);border-color:var(--color-primary)}.stepper-v2__step--active .stepper-v2__number{color:#fff}.stepper-v2__step--active .stepper-v2__label-text{color:var(--color-primary);font-weight:600}.stepper-v2__step--completed .stepper-v2__circle-bg{background:var(--color-primary);border-color:var(--color-primary)}.stepper-v2__step--completed .stepper-v2__check{color:#fff}.stepper-v2__step--completed .stepper-v2__label-text{color:var(--color-primary);font-weight:600}.stepper-v2__step--pending .stepper-v2__circle-bg{background:#fafaf8;border-color:#d4cfc8}.stepper-v2__step--pending .stepper-v2__number,.stepper-v2__step--pending .stepper-v2__label-text{color:#a09a92}.stepper-v2--transitioning .stepper-v2__circle-bg{transition-duration:.2s}.stepper-v2--compact .stepper-v2__label{display:none}.stepper-v2--compact{padding:var(--space-4) 0}.stepper-v2--compact .stepper-v2__track{top:calc(var(--space-4) + 18px)}.stepper-v2--compact .stepper-v2__circle{width:36px;height:36px}@media (max-width: 640px){.stepper-v2{padding:var(--space-4) 0;max-width:100%}.stepper-v2__track{top:calc(var(--space-4) + 16px);left:24px;right:24px}.stepper-v2__circle{width:36px;height:36px}.stepper-v2__number{font-size:13px}.stepper-v2__label-text{font-size:11px}.stepper-v2__step--active .stepper-v2__circle-bg{transform:scale(1.05)}}.stepper{display:flex;justify-content:space-between;position:relative}.step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.step-indicator{display:flex;align-items:center;width:100%}.step-circle{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);background-color:var(--color-bg-light);color:var(--color-text-light);border:2px solid var(--color-border);transition:all var(--transition-fast) var(--ease-out);flex-shrink:0;z-index:1}.step-line{flex:1;height:2px;background-color:var(--color-border);margin:0 var(--space-2)}.step-content{margin-top:var(--space-3);text-align:center}.step-label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body)}.step-description{display:block;font-size:var(--text-xs);color:var(--color-text-light);margin-top:var(--space-1)}.step-active .step-circle{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.step-active .step-label{color:var(--color-primary)}.step-completed .step-circle{background-color:var(--color-success);border-color:var(--color-success);color:var(--color-text-inverse)}.step-completed .step-line{background-color:var(--color-success)}.step-completed .step-label{color:var(--color-success)}.stepper-compact .step-content{display:none}.checkbox-wrapper{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.checkbox-control{position:relative;flex-shrink:0;cursor:pointer;display:flex;align-items:center}.checkbox-input{position:absolute;opacity:0;width:0;height:0}.checkbox-box{width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-white);transition:all var(--transition-fast) var(--ease-out);cursor:pointer;color:transparent}.checkbox-input:focus+.checkbox-box{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.checkbox-box.checkbox-checked{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.checkbox-box.checkbox-error{border-color:var(--color-error)}.checkbox-content{display:flex;flex-direction:column;gap:var(--space-1)}.checkbox-label{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text-main);cursor:pointer}.checkbox-description{font-size:var(--text-sm);color:var(--color-text-light)}.checkbox-error-text{font-size:var(--text-sm);color:var(--color-error);margin-top:var(--space-1)}.checkbox-disabled{opacity:.5;pointer-events:none}.textarea-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.textarea-wrapper{position:relative}.input-field.is-warning{border-color:var(--color-warning)}.input-field.is-warning:focus{box-shadow:0 0 0 3px var(--color-warning-light)}.character-counter{font-size:var(--text-xs);color:var(--color-text-light);font-weight:var(--font-weight-medium)}.character-counter-inside{position:absolute;bottom:var(--space-2);right:var(--space-3)}.counter-warning{color:var(--color-warning)}.counter-error{color:var(--color-error)}.select-container{position:relative}.select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:48px;padding:0 var(--space-4);font-size:var(--text-base);color:var(--color-text-main);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.select-trigger:hover{border-color:var(--color-border-dark)}.select-trigger.select-open{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.select-trigger.select-disabled{background-color:var(--color-bg-light);cursor:not-allowed;opacity:.5}.select-value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-placeholder{color:var(--color-text-light)}.select-option-content{display:flex;align-items:center;gap:var(--space-2)}.select-chevron{color:var(--color-text-light);transition:transform var(--transition-fast) var(--ease-out)}.select-chevron-open{transform:rotate(180deg)}.select-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;max-height:300px;overflow-y:auto;background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:slideUp var(--transition-fast) var(--ease-out)}@keyframes slideUp{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.select-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background-color var(--transition-fast) var(--ease-out)}.select-option:hover,.select-option-highlighted{background-color:var(--color-bg-light)}.select-option-selected{background-color:var(--color-primary-lighter);color:var(--color-primary)}.select-option-disabled{opacity:.5;cursor:not-allowed}.select-option-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.select-option-text{flex:1;min-width:0}.select-option-label{display:block;font-size:var(--text-base)}.select-option-description{display:block;font-size:var(--text-sm);color:var(--color-text-light);margin-top:var(--space-0.5)}.select-option-check{color:var(--color-primary);flex-shrink:0}.metrics-row{display:flex;align-items:center;gap:var(--space-4);color:var(--color-text-light);font-size:var(--text-sm)}.metrics-row-sm{gap:var(--space-3);font-size:var(--text-xs)}.metric-item{display:flex;align-items:center;gap:var(--space-1)}.viral-score{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-semibold)}.viral-score-sm{padding:var(--space-0.5) var(--space-1.5);font-size:10px}.viral-score-lg{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.viral-score-high{background-color:var(--color-success-light);color:var(--color-success)}.viral-score-medium{background-color:var(--color-info-light);color:var(--color-info)}.viral-score-low{background-color:var(--color-warning-light);color:var(--color-warning)}.viral-score-minimal{background-color:var(--color-bg-light);color:var(--color-text-light)}.platform-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-sm);background-color:var(--color-bg-light)}.platform-badge-sm{padding:var(--space-0.5)}.platform-badge-lg{padding:var(--space-2)}.platform-instagram{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af);color:#fff}.platform-tiktok{background-color:#000;color:#fff}.platform-youtube{background-color:red;color:#fff}.platform-vk{background-color:#07f;color:#fff}.platform-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.content-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal) var(--ease-out)}.content-card:hover{border-color:var(--color-border-dark);box-shadow:var(--shadow-md)}.content-card-selectable{cursor:pointer}.content-card-selectable:hover{transform:translateY(-2px)}.content-card-selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.content-card-processed{opacity:.6}.content-card-thumbnail{position:relative;aspect-ratio:9 / 16;background-color:var(--color-bg-grey);overflow:hidden}.content-card-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.content-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-light)}.content-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--space-2);display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.content-card-viral{align-self:flex-start}.content-card-platform{align-self:flex-end}.content-card-checkbox{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;border-radius:var(--radius-sm);background-color:var(--color-bg-white);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast) var(--ease-out);pointer-events:auto}.content-card-checkbox-checked{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.content-card-processed-badge{position:absolute;bottom:var(--space-2);left:var(--space-2);padding:var(--space-1) var(--space-2);background-color:#000000b3;color:#fff;font-size:var(--text-xs);border-radius:var(--radius-sm)}.content-card-info{padding:var(--space-3)}.content-card-account{display:block;font-size:var(--text-xs);color:var(--color-text-light);margin-bottom:var(--space-1)}.content-card-title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-main);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-2)}.content-card-date{display:block;font-size:var(--text-xs);color:var(--color-text-light);margin-top:var(--space-2)}.content-card-skeleton{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;padding:var(--space-3)}.content-card-thumbnail-skeleton{aspect-ratio:9 / 16;margin-bottom:var(--space-3)}.account-selector{background-color:var(--color-bg-white);border-radius:var(--radius-lg);overflow:hidden}.account-selector-header{padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;align-items:center}.account-selector-select-all{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;cursor:pointer;font-size:var(--text-sm);color:var(--color-text-body);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast) var(--ease-out)}.account-selector-select-all:hover{color:var(--color-text-main);background-color:var(--color-bg-light)}.account-checkbox{width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-white);transition:all var(--transition-fast) var(--ease-out);color:transparent;flex-shrink:0}.account-checkbox-checked{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 2px 4px #8b5cf64d}.account-selector-list{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.account-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);border-radius:var(--radius-lg);border:2px solid transparent;background-color:var(--color-bg-light);min-width:200px;flex:0 0 auto}.account-item:hover{background-color:var(--color-bg-subtle);border-color:var(--color-border);transform:translateY(-1px)}.account-item-selected{background-color:var(--color-primary-lighter);border-color:var(--color-primary);box-shadow:0 2px 8px #8b5cf626}.account-item-selected:hover{background-color:var(--color-primary-lighter);border-color:var(--color-primary)}.account-item-disabled{opacity:.5;cursor:not-allowed}.account-item-disabled:hover{transform:none;border-color:transparent}.account-avatar{width:44px;height:44px;border-radius:var(--radius-full);overflow:hidden;background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);display:flex;align-items:center;justify-content:center;padding:2px;flex-shrink:0}.account-avatar-inner{width:100%;height:100%;border-radius:var(--radius-full);overflow:hidden;background-color:var(--color-bg-white);display:flex;align-items:center;justify-content:center}.account-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.account-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.account-username{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main);line-height:1.3}.account-platform-label{display:block;font-size:var(--text-xs);color:var(--color-text-light);text-transform:capitalize}.account-status{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);flex-shrink:0}.account-status-active{color:var(--color-success);background-color:#22c55e1a}.account-status-invalid{color:var(--color-error);background-color:#ef44441a}.account-status-pending{color:var(--color-warning);background-color:#f59e0b1a}.account-selector-summary{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-body);text-align:right;font-weight:var(--font-weight-medium)}.source-selector{width:100%}.source-selector-toolbar{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.source-selector-search{position:relative;flex:1;min-width:200px}.source-selector-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-light)}.source-selector-search .input-field{padding-left:var(--space-10)}.source-selector-filters{display:flex;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-bg-light);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.source-selector-selection{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background-color:var(--color-primary-lighter);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-primary)}.source-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.source-selector-empty{grid-column:1 / -1;text-align:center;padding:var(--space-12);color:var(--color-text-light)}.source-selector-empty p{font-size:var(--text-lg);font-weight:var(--font-weight-medium);margin-top:var(--space-4)}.source-selector-empty span{font-size:var(--text-sm)}.source-selector-manual{max-width:640px}.source-selector-variants{display:flex;flex-direction:column;gap:var(--space-6)}.source-variant{padding:var(--space-4);background-color:var(--color-bg-light);border-radius:var(--radius-lg)}.source-variant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.source-selector-actions{margin-top:var(--space-4)}.source-selector-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--color-text-light)}.source-selector-import{margin-top:var(--space-4)}.source-selector-import-label{display:block;cursor:pointer}.source-selector-import-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8);border:2px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-light);transition:all var(--transition-fast) var(--ease-out)}.source-selector-import-content:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-lighter)}.source-selector-import-content span{font-weight:var(--font-weight-medium)}.source-selector-import-content small{font-size:var(--text-xs)}.content-editor{max-width:640px}.content-editor-original{padding:var(--space-4);background-color:var(--color-bg-light);border-radius:var(--radius-md);margin-bottom:var(--space-6);border-left:3px solid var(--color-primary)}.content-editor-original-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin-bottom:var(--space-2)}.content-editor-original-text{font-size:var(--text-sm);color:var(--color-text-body);line-height:1.5}.content-editor-original-text strong{color:var(--color-text-main)}.content-editor-options{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-bg-light);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.content-editor-option-label{display:flex;align-items:center;gap:var(--space-2)}.content-editor-type{margin-bottom:var(--space-4)}.content-editor-type-options{display:flex;gap:var(--space-3)}.content-editor-type-option{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body)}.content-editor-type-option:hover{border-color:var(--color-border-dark)}.content-editor-type-option-active{border-color:var(--color-primary);background-color:var(--color-primary-lighter);color:var(--color-primary)}.content-editor-validation{padding:var(--space-3);background-color:var(--color-error-light);border-radius:var(--radius-md)}.content-editor-validation-error{display:block;font-size:var(--text-sm);color:var(--color-error)}.generation-settings{max-width:100%}.generation-settings-section{margin-bottom:var(--space-6)}.generation-settings-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin-bottom:var(--space-3)}.generation-settings-preview{padding:var(--space-5);background:linear-gradient(135deg,var(--color-primary-lighter),var(--color-bg-light));border-radius:var(--radius-lg);border:1px solid var(--color-primary-light)}.generation-settings-preview-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin-bottom:var(--space-4)}.generation-settings-preview-content{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-3)}.generation-settings-preview-item{text-align:center}.generation-settings-preview-value{display:block;font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-main)}.generation-settings-preview-label{display:block;font-size:var(--text-xs);color:var(--color-text-light)}.generation-settings-preview-multiply,.generation-settings-preview-equals{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-light)}.generation-settings-preview-total .generation-settings-preview-value{color:var(--color-primary)}.generation-settings-preview-note{text-align:center;font-size:var(--text-sm);color:var(--color-text-body)}.generation-settings-hint{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-light)}.generation-settings-loading,.generation-settings-empty{padding:1rem;text-align:center;color:var(--color-text-light);font-size:var(--text-sm)}.generation-result{max-width:800px}.generation-result-summary{text-align:center;padding:var(--space-8);background-color:var(--color-bg-light);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.generation-result-summary svg{margin-bottom:var(--space-4)}.generation-result-summary h2{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin-bottom:var(--space-2)}.generation-result-summary p{color:var(--color-text-body)}.generation-result-summary-success{background-color:var(--color-success-light)}.generation-result-summary-success svg{color:var(--color-success)}.generation-result-summary-error{background-color:var(--color-error-light)}.generation-result-summary-error svg{color:var(--color-error)}.generation-result-summary-processing svg{color:var(--color-primary)}.generation-result-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.generation-result-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md)}.generation-result-item-success{border-left:3px solid var(--color-success)}.generation-result-item-error{border-left:3px solid var(--color-error)}.generation-result-item-processing{border-left:3px solid var(--color-primary)}.generation-result-item-thumbnail{width:48px;height:64px;background-color:var(--color-bg-grey);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.generation-result-item-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.generation-result-item-info{flex:1;min-width:0}.generation-result-item-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.generation-result-item-account{font-size:var(--text-sm);color:var(--color-text-light)}.generation-result-item-title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.generation-result-item-error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1)}.generation-result-item-retry{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-warning);margin-top:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-warning-soft);border-radius:var(--radius-sm)}.generation-result-item-retry svg{flex-shrink:0}.generation-result-item-actions{display:flex;align-items:center;gap:var(--space-2)}.generation-result-item-status{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-light)}.generation-result-actions{display:flex;justify-content:center;gap:var(--space-3)}.btn-active{background-color:var(--color-primary-lighter);color:var(--color-primary)}.toast-container{position:fixed;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);max-width:400px;width:100%;padding:var(--space-4);pointer-events:none}.toast-container-top-right{top:0;right:0}.toast-container-top-left{top:0;left:0}.toast-container-bottom-right{bottom:0;right:0}.toast-container-bottom-left{bottom:0;left:0}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toastSlideIn var(--transition-normal) var(--ease-out)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-exit{animation:toastSlideOut var(--transition-normal) var(--ease-in) forwards}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-success .toast-icon{color:var(--color-success)}.toast-error .toast-icon{color:var(--color-error)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info .toast-icon{color:var(--color-info)}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-error)}.toast-warning{border-left:3px solid var(--color-warning)}.toast-info{border-left:3px solid var(--color-info)}.toast-content{flex:1;min-width:0}.toast-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.toast-description{font-size:var(--text-sm);color:var(--color-text-body);margin:var(--space-1) 0 0}.toast-action{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background:none;border:none;cursor:pointer;white-space:nowrap}.toast-action:hover{text-decoration:underline}.toast-close{flex-shrink:0;padding:var(--space-1);color:var(--color-text-light);background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toast-close:hover{color:var(--color-text-main);background-color:var(--color-bg-light)}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip-trigger{display:inline-flex}.tooltip{position:absolute;z-index:var(--z-tooltip);padding:var(--space-2) var(--space-3);background-color:var(--color-bg-darker);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:tooltipFadeIn var(--transition-fast) var(--ease-out)}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tooltip-content{font-size:var(--text-xs);color:var(--color-text-inverse);white-space:nowrap;max-width:250px;white-space:normal;line-height:1.4}.tooltip-arrow{position:absolute;width:8px;height:8px;background-color:var(--color-bg-darker);transform:rotate(45deg)}.tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-top .tooltip-arrow{bottom:-4px;left:50%;margin-left:-4px}.tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-bottom .tooltip-arrow{top:-4px;left:50%;margin-left:-4px}.tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-left .tooltip-arrow{right:-4px;top:50%;margin-top:-4px}.tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-right .tooltip-arrow{left:-4px;top:50%;margin-top:-4px}.help-tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;padding:0;background:none;border:none;color:var(--color-text-light);cursor:help;transition:color var(--transition-fast)}.help-tooltip-trigger:hover{color:var(--color-primary)}.skeleton{background:linear-gradient(90deg,var(--color-bg-light) 25%,var(--color-bg-grey) 50%,var(--color-bg-light) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-wave{background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);background-size:200% 100%;animation:skeletonWave 1.5s infinite}@keyframes skeletonWave{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-no-animation{animation:none;background:var(--color-bg-grey)}.skeleton-text{height:1em;border-radius:var(--radius-sm)}.skeleton-circle{border-radius:var(--radius-full)}.skeleton-rect{border-radius:0}.skeleton-rounded{border-radius:var(--radius-md)}.content-card-skeleton{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.content-card-thumbnail-skeleton{aspect-ratio:9 / 16}.content-card-skeleton-info{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.content-card-skeleton-metrics{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.account-item-skeleton{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.account-item-skeleton-info{display:flex;flex-direction:column;gap:var(--space-1)}.footer-summary{display:flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);background-color:var(--color-bg-light);border-radius:var(--radius-full);animation:footerSummarySlideUp var(--transition-normal) var(--ease-out)}@keyframes footerSummarySlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.footer-summary-items{display:flex;align-items:center;gap:var(--space-4)}.footer-summary-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-body)}.footer-summary-item-icon{color:var(--color-text-light)}.footer-summary-item-value{font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.footer-summary-item-label{color:var(--color-text-light)}.footer-summary-item-highlight{padding:var(--space-1) var(--space-3);background-color:var(--color-primary-lighter);border-radius:var(--radius-full)}.footer-summary-item-highlight .footer-summary-item-icon,.footer-summary-item-highlight .footer-summary-item-value,.footer-summary-item-highlight .footer-summary-item-label{color:var(--color-primary)}.wizard-step-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-bg-light);border-radius:var(--radius-md);font-size:var(--text-sm)}.wizard-step-indicator-label{color:var(--color-text-body)}.form-label-with-help{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.form-label-with-help .form-label{margin-bottom:0}.source-selector-with-preview{display:grid;grid-template-columns:1fr 320px;gap:var(--space-6)}.source-selector-main{min-width:0}.video-preview-panel{position:sticky;top:var(--space-4);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;animation:previewSlideIn var(--transition-normal) var(--ease-out)}@keyframes previewSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.video-preview-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.video-preview-panel-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.video-preview-panel-thumbnail{position:relative;aspect-ratio:9 / 16;max-height:300px;background-color:var(--color-bg-grey);overflow:hidden}.video-preview-panel-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-preview-panel-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-light);background:linear-gradient(135deg,var(--color-bg-grey) 0%,var(--color-bg-light) 100%)}.video-preview-panel-overlay{position:absolute;top:var(--space-3);left:var(--space-3)}.video-preview-panel-processed-badge{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-2);background-color:var(--color-warning-light);color:var(--color-warning);font-size:var(--text-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm)}.video-preview-panel-info{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.video-preview-panel-account{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.video-preview-panel-username{font-size:var(--text-sm);color:var(--color-text-body)}.video-preview-panel-video-title{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text-main);margin:0 0 var(--space-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.video-preview-panel-date{font-size:var(--text-xs);color:var(--color-text-light);margin:0}.video-preview-panel-metrics{padding:var(--space-4)}.video-preview-panel-metrics-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0 0 var(--space-3)}.video-preview-panel-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.video-preview-panel-metric{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-light)}.video-preview-panel-metric-info{display:flex;flex-direction:column}.video-preview-panel-metric-value{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.video-preview-panel-metric-label{font-size:var(--text-xs);color:var(--color-text-light)}.video-preview-panel-engagement{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.video-preview-panel-engagement-label{font-size:var(--text-sm);color:var(--color-text-body)}.video-preview-panel-engagement-value{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-success)}.video-preview-panel-actions{padding:var(--space-4);border-top:1px solid var(--color-border)}@media (max-width: 1024px){.source-selector-with-preview{grid-template-columns:1fr}.video-preview-panel{position:fixed;bottom:0;left:0;right:0;max-height:60vh;overflow-y:auto;border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:var(--z-modal);animation:previewSlideUp var(--transition-normal) var(--ease-out)}@keyframes previewSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.video-preview-panel-thumbnail{max-height:200px}}.content-editor-with-preview{display:grid;grid-template-columns:1fr 280px;gap:var(--space-6)}.content-editor-main{min-width:0}.content-editor-field{margin-bottom:var(--space-4)}.content-editor-field .form-label-with-help{margin-bottom:var(--space-2)}.content-editor-option-row{display:flex;align-items:flex-start;gap:var(--space-2)}.content-editor-preview-wrapper{display:flex;flex-direction:column;gap:var(--space-3)}.content-editor-preview-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-body);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.content-editor-preview-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.mobile-preview{position:sticky;top:var(--space-4)}.mobile-preview-label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);text-align:center}.mobile-preview-frame{position:relative;background-color:#1a1a1a;border-radius:36px;padding:8px;box-shadow:0 0 0 2px #2d2d2d,0 0 0 4px #1a1a1a,0 20px 40px -10px #00000080}.mobile-preview-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:80px;height:24px;background-color:#000;border-radius:12px;z-index:10}.mobile-preview-screen{position:relative;aspect-ratio:9 / 16;border-radius:28px;overflow:hidden}.mobile-preview-safe-zones{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.mobile-preview-safe-zone{position:absolute;left:0;right:0;background-color:#f003;border:1px dashed rgba(255,0,0,.5);font-size:8px;color:#ffffffb3;text-align:center;padding:2px}.mobile-preview-safe-zone-top{top:0;height:44px}.mobile-preview-safe-zone-bottom{bottom:0;height:100px}.mobile-preview-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.mobile-preview-video{flex:1;display:flex;align-items:center;justify-content:center}.mobile-preview-video-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:#ffffff4d;font-size:var(--text-xs)}.mobile-preview-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3);padding-bottom:calc(var(--space-3) + 20px);background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);display:flex;gap:var(--space-3)}.mobile-preview-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.mobile-preview-user{display:flex;align-items:center;gap:var(--space-2)}.mobile-preview-avatar{width:24px;height:24px;border-radius:50%;background-color:#fff3;display:flex;align-items:center;justify-content:center;color:#fff}.mobile-preview-username{font-size:10px;font-weight:var(--font-weight-semibold);color:#fff}.mobile-preview-title{font-size:10px;font-weight:var(--font-weight-semibold);color:#fff;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mobile-preview-description{font-size:9px;color:#fffc;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mobile-preview-music{display:flex;align-items:center;gap:4px;color:#fff9;font-size:8px;margin-top:var(--space-1)}.mobile-preview-music-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.mobile-preview-action{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:#fff;cursor:default;padding:0}.mobile-preview-action span{font-size:8px}.mobile-preview-action svg{width:20px;height:20px}.mobile-preview-stats{display:flex;justify-content:space-between;margin-top:var(--space-4);padding:var(--space-3);background-color:var(--color-bg-light);border-radius:var(--radius-md)}.mobile-preview-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.mobile-preview-stat-label{font-size:var(--text-xs);color:var(--color-text-light)}.mobile-preview-stat-value{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.mobile-preview-stat-warning{color:var(--color-warning)}.mobile-preview-stat-error{color:var(--color-error)}.mobile-preview-tips{margin-top:var(--space-4);padding:var(--space-3);background-color:var(--color-bg-light);border-radius:var(--radius-md)}.mobile-preview-tips h4{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0 0 var(--space-2)}.mobile-preview-tips ul{margin:0;padding-left:var(--space-4)}.mobile-preview-tips li{font-size:var(--text-xs);color:var(--color-text-body);margin-bottom:var(--space-1)}.mobile-preview-tips li:last-child{margin-bottom:0}@media (max-width: 1024px){.content-editor-with-preview{grid-template-columns:1fr}.mobile-preview{position:relative;top:0}.mobile-preview-frame{max-width:200px;margin:0 auto}}.template-gallery{margin-bottom:var(--space-6)}.template-gallery-header{margin-bottom:var(--space-3)}.template-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.template-card{position:relative;background-color:var(--color-bg-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-fast)}.template-card:hover{border-color:var(--color-primary-light);transform:translateY(-2px)}.template-card-selected{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lighter)}.template-card-thumbnail{position:relative;aspect-ratio:9 / 12;background-color:var(--color-bg-grey);overflow:hidden}.template-card-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.template-card-placeholder{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:var(--radius-md);overflow:hidden}.template-preview-content{flex:1;display:flex;flex-direction:column;padding:var(--space-3);gap:var(--space-2)}.template-preview-header{display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:var(--font-weight-medium)}.template-preview-username,.template-preview-slide-num{font-size:7px}.template-preview-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-2)}.template-preview-title{font-size:11px;font-weight:var(--font-weight-bold);margin:0;text-align:center;line-height:1.2}.template-preview-text{display:flex;flex-direction:column;gap:4px;align-items:center}.template-preview-line{height:4px;background-color:currentColor;border-radius:2px;opacity:.5}.template-preview-footer{text-align:center}.template-preview-cta{font-size:7px;font-weight:var(--font-weight-medium)}.template-card-placeholder-lines{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);width:100%}.template-card-placeholder-line{height:8px;background-color:var(--color-border);border-radius:var(--radius-sm)}.template-card-preview-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background-color:#000000b3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.template-card:hover .template-card-preview-btn{opacity:1}.template-card-selected-badge{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center}.template-card-premium-badge{position:absolute;top:var(--space-2);left:var(--space-2);padding:2px 6px;background:linear-gradient(135deg,gold,orange);color:#000;font-size:9px;font-weight:var(--font-weight-bold);border-radius:var(--radius-sm)}.template-card-create{border:2px dashed var(--color-border);background-color:transparent}.template-card-create:hover{border-color:var(--color-primary);background-color:var(--color-primary-lighter)}.template-card-create-thumbnail{display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-light);color:var(--color-text-light)}.template-card-create:hover .template-card-create-thumbnail{color:var(--color-primary);background-color:var(--color-primary-lighter)}.template-card-info{padding:var(--space-2);text-align:center}.template-card-name{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-main)}.template-card-description{display:block;font-size:var(--text-xs);color:var(--color-text-light);margin-top:2px}.template-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn var(--transition-fast)}.template-preview-modal{background-color:var(--color-bg-white);border-radius:var(--radius-xl);overflow:hidden;max-width:320px;width:100%}.template-preview-video{aspect-ratio:9 / 16;background-color:var(--color-bg-grey)}.template-preview-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-text-light)}.background-gallery{margin-bottom:var(--space-6)}.background-gallery-header{margin-bottom:var(--space-3)}.background-gallery-modes{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.background-gallery-mode-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-body);background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.background-gallery-mode-btn:hover{border-color:var(--color-primary-light)}.background-gallery-mode-btn-active{background-color:var(--color-primary-lighter);border-color:var(--color-primary);color:var(--color-primary)}.background-gallery-category{margin-bottom:var(--space-4);max-width:250px}.background-gallery-random-info{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-bg-light);border-radius:var(--radius-lg);color:var(--color-text-body)}.background-gallery-random-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.background-gallery-random-description{font-size:var(--text-sm);color:var(--color-text-body);margin:var(--space-1) 0 0}.background-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-3)}.background-card{cursor:pointer}.background-card-thumbnail{position:relative;aspect-ratio:9 / 16;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-border);transition:all var(--transition-fast)}.background-card:hover .background-card-thumbnail{border-color:var(--color-primary-light)}.background-card-selected .background-card-thumbnail{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lighter)}.background-card-thumbnail img,.background-card-thumbnail video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.background-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg-light) 0%,var(--color-bg-grey) 100%)}.background-card-placeholder-pattern{width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.05) 10px,rgba(0,0,0,.05) 20px)}.background-card-preview-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background-color:#000000b3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.background-card:hover .background-card-preview-btn{opacity:1}.background-card-selected-badge{position:absolute;top:var(--space-1);right:var(--space-1);width:20px;height:20px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center}.background-card-duration{position:absolute;bottom:var(--space-1);right:var(--space-1);padding:2px 4px;background-color:#000000b3;color:#fff;font-size:9px;border-radius:var(--radius-sm)}.background-card-name{display:block;font-size:var(--text-xs);color:var(--color-text-body);margin-top:var(--space-1);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.background-gallery-samples{margin-top:var(--space-4)}.background-gallery-samples-label{display:block;font-size:var(--text-xs);color:var(--color-text-light);margin-bottom:var(--space-2)}.background-gallery-samples-grid{display:flex;gap:var(--space-2)}.background-sample{width:48px;height:64px;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--color-bg-grey)}.background-sample img,.background-sample video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.background-sample-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg-light) 0%,var(--color-bg-grey) 100%)}.video-thumbnail-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-light) 0%,var(--color-bg-grey) 100%);color:var(--color-text-muted)}.video-thumbnail-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-grey)}.video-thumbnail-spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.background-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn var(--transition-fast)}.background-preview-modal{max-width:300px;border-radius:var(--radius-xl);overflow:hidden}.background-preview-video{aspect-ratio:9 / 16;background-color:var(--color-bg-grey)}.background-preview-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-text-light)}.music-selector{margin-bottom:var(--space-6)}.music-selector-header{margin-bottom:var(--space-3)}.music-selector-modes{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.music-selector-mode-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-body);background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.music-selector-mode-btn:hover{border-color:var(--color-primary-light)}.music-selector-mode-btn-active{background-color:var(--color-primary-lighter);border-color:var(--color-primary);color:var(--color-primary)}.music-selector-mood{margin-bottom:var(--space-4);max-width:250px}.music-selector-random-info{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-bg-light);border-radius:var(--radius-lg);color:var(--color-text-body)}.music-selector-random-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.music-selector-random-description{font-size:var(--text-sm);color:var(--color-text-body);margin:var(--space-1) 0 0}.music-selector-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:300px;overflow-y:auto}.music-track{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.music-track:hover{border-color:var(--color-primary-light);background-color:var(--color-bg-light)}.music-track-selected{border-color:var(--color-primary);background-color:var(--color-primary-lighter)}.music-track-playing{border-color:var(--color-success)}.music-track-play{flex-shrink:0;width:36px;height:36px;border-radius:50%;background-color:var(--color-bg-grey);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-main);transition:all var(--transition-fast)}.music-track-play:hover{background-color:var(--color-primary);color:#fff}.music-track-playing .music-track-play{background-color:var(--color-success);color:#fff}.music-track-info{flex:1;min-width:0}.music-track-name{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-track-artist{display:block;font-size:var(--text-xs);color:var(--color-text-light)}.music-track-duration{font-size:var(--text-xs);color:var(--color-text-light);flex-shrink:0}.music-track-selected-badge{width:24px;height:24px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.music-track-playing-indicator{display:flex;align-items:center;gap:2px;height:16px}.music-track-playing-indicator span{width:3px;background-color:var(--color-success);border-radius:1px;animation:musicBars .6s infinite alternate}.music-track-playing-indicator span:nth-child(1){height:8px;animation-delay:0s}.music-track-playing-indicator span:nth-child(2){height:14px;animation-delay:.2s}.music-track-playing-indicator span:nth-child(3){height:10px;animation-delay:.4s}@keyframes musicBars{0%{transform:scaleY(1)}to{transform:scaleY(.5)}}.music-selector-empty{text-align:center;padding:var(--space-6);color:var(--color-text-light)}.music-selector-empty p{margin:var(--space-2) 0 0}.music-selector-samples{margin-top:var(--space-4)}.music-selector-samples-label{display:block;font-size:var(--text-xs);color:var(--color-text-light);margin-bottom:var(--space-2)}.music-selector-samples-list{display:flex;flex-direction:column;gap:var(--space-2)}.music-sample{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background-color:var(--color-bg-light);border-radius:var(--radius-sm)}.music-sample-play{width:24px;height:24px;border-radius:50%;background-color:var(--color-bg-grey);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-body);flex-shrink:0}.music-sample-play:hover{background-color:var(--color-primary);color:#fff}.music-sample-name{flex:1;font-size:var(--text-xs);color:var(--color-text-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-sample-duration{font-size:var(--text-xs);color:var(--color-text-light);flex-shrink:0}.quick-mode-toggle{margin-bottom:var(--space-4);padding:var(--space-3);background-color:var(--color-bg-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2)}.quick-mode-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);width:-moz-fit-content;width:fit-content}.quick-mode-btn:hover{border-color:var(--color-warning);color:var(--color-warning)}.quick-mode-btn-active{background-color:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning)}.quick-mode-btn-active svg{animation:zapPulse 1s ease-in-out infinite}@keyframes zapPulse{0%,to{opacity:1}50%{opacity:.5}}.quick-mode-badge{padding:2px 6px;font-size:9px;font-weight:var(--font-weight-bold);background-color:var(--color-warning);color:#fff;border-radius:var(--radius-full)}.quick-mode-hint{font-size:var(--text-xs);color:var(--color-text-light);margin:0;padding-left:var(--space-1)}.create-page{display:flex;flex-direction:column;min-height:100%}.create-page-header{padding:var(--space-5) var(--space-6);background:transparent;border-bottom:none}.create-page-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.create-page-header-left{display:flex;align-items:center;gap:var(--space-3)}.create-page-header-right{display:flex;align-items:center}.create-page-header-left .back-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-bg-white);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.create-page-header-left .back-link:hover{border-color:var(--color-primary);color:var(--color-primary)}.create-page-title{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.create-page-content{flex:1;padding:var(--space-6);overflow-y:auto;overflow-x:hidden}.workflow-button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4) var(--space-6);font-size:var(--text-base);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.workflow-button--primary{background:var(--color-primary);color:var(--color-text-inverse)}.workflow-button--primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.workflow-button--primary:active:not(:disabled){transform:translateY(0)}.workflow-button--secondary{background:var(--color-bg-white);color:var(--color-primary);border:2px solid var(--color-primary)}.workflow-button--secondary:hover:not(:disabled){background:var(--color-bg-secondary)}.workflow-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.workflow-button__spinner{animation:spin 1s linear infinite}.workflow-action-container{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:600px;margin:var(--space-8) auto 0;padding:0}.workflow-back-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:color .2s ease}.workflow-back-btn:hover{color:var(--color-text-primary)}.create-page-footer{padding:var(--space-6) 0;background:transparent;border-top:none}.create-page-footer-summary{display:flex;justify-content:center;margin-bottom:var(--space-4)}.create-page-footer-nav{display:flex;flex-direction:column;gap:var(--space-3);max-width:600px;margin:0 auto}.create-page-media-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #E5E7EB}.create-page-section-title{font-size:1rem;font-weight:600;color:#0d0e12;margin-bottom:1rem}.create-page-media-pickers{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.create-page-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:.5rem;color:#92400e;font-size:.875rem;margin-bottom:1rem}.create-page-warning a{color:#5e17eb;text-decoration:underline}.batch-progress{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.batch-progress-bar{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.batch-progress-fill{height:100%;background:linear-gradient(90deg,#5e17eb,#8b5cf6);border-radius:4px;transition:width .3s ease}.batch-progress-text{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.batch-results{margin-bottom:var(--space-6)}.batch-results h3{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3)}.batch-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.batch-result-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.batch-result-item.success{border-color:var(--color-success)}.batch-result-item.error{border-color:var(--color-error)}.batch-result-username{font-weight:500;color:var(--color-text-primary)}.batch-result-edit{padding:var(--space-2) var(--space-3);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:background .2s}.batch-result-edit:hover{background:var(--color-primary-hover)}.batch-result-error{font-size:var(--text-xs);color:var(--color-error)}.segment-control{position:relative;display:inline-flex;background-color:var(--color-bg-grey);border-radius:9999px;padding:4px;gap:0;border:1px solid var(--color-border);overflow:hidden}.segment-control-item{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:transparent;border:none;border-radius:9999px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:1;position:relative;white-space:nowrap}.segment-control-item:hover:not(.segment-control-item-active){color:var(--color-primary)}.segment-control-item-active{color:#fff}.segment-control-icon{display:flex;align-items:center;justify-content:center;width:auto;height:auto;border-radius:0;background-color:transparent;transition:all .25s cubic-bezier(.4,0,.2,1)}.segment-control-item-active .segment-control-icon{background-color:transparent;color:#fff}.segment-control-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.segment-control-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-body);transition:color .25s cubic-bezier(.4,0,.2,1)}.segment-control-item-active .segment-control-label{color:#fff}.segment-control-item:hover:not(.segment-control-item-active) .segment-control-label{color:var(--color-primary)}.segment-control-description{display:none}.segment-control-indicator{position:absolute;top:4px;left:4px;bottom:4px;background:var(--color-bg-dark);border-radius:9999px;box-shadow:0 2px 8px #1a1a1a40;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);z-index:0}.segment-control-sm{padding:3px}.segment-control-sm .segment-control-item{padding:var(--space-2) var(--space-4)}.segment-control-sm .segment-control-label{font-size:var(--text-xs)}.segment-control-sm .segment-control-indicator{top:3px;left:3px;bottom:3px}.segment-control-md{padding:4px}.segment-control-md .segment-control-item{padding:var(--space-2) var(--space-5)}.segment-control-md .segment-control-icon{width:16px;height:16px}.segment-control-md .segment-control-label{font-size:var(--text-sm)}.segment-control-md .segment-control-indicator{top:4px;left:4px;bottom:4px}.segment-control-lg{padding:6px}.segment-control-lg .segment-control-item{padding:var(--space-3) var(--space-6)}.segment-control-lg .segment-control-icon{width:18px;height:18px}.segment-control-lg .segment-control-label{font-size:var(--text-sm)}.segment-control-lg .segment-control-indicator{top:6px;left:6px;bottom:6px}.content-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);min-width:0}.content-list-item:hover{border-color:var(--color-primary-light);background-color:var(--color-bg-light)}.content-list-item-selected{border-color:var(--color-primary);background-color:var(--color-primary-lighter)}.content-list-item-processed{opacity:.7}.content-list-item-checkbox{flex-shrink:0}.content-list-checkbox{width:24px;height:24px;border-radius:var(--radius-md);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);color:transparent}.content-list-item:hover .content-list-checkbox{border-color:var(--color-primary-light)}.content-list-checkbox-checked{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}.content-list-item-thumbnail{position:relative;width:60px;height:80px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-bg-grey)}.content-list-item-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.content-list-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-light);background:linear-gradient(135deg,var(--color-bg-light) 0%,var(--color-bg-grey) 100%)}.content-list-item-processed-badge{position:absolute;bottom:var(--space-1);left:var(--space-1);right:var(--space-1);padding:2px 4px;font-size:8px;font-weight:var(--font-weight-semibold);text-align:center;background-color:var(--color-warning-light);color:var(--color-warning);border-radius:var(--radius-sm)}.content-list-item-info{flex:1 1 200px;min-width:150px;max-width:300px;display:flex;flex-direction:column;gap:var(--space-1)}.content-list-item-title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-main);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-list-item-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-light)}.content-list-item-account{color:var(--color-text-body)}.content-list-item-viral{display:flex;align-items:center;gap:var(--space-2)}.content-list-item-viral-label{font-size:var(--text-xs);color:var(--color-text-light)}.content-list-item-viral-bar{width:60px;height:6px;background-color:var(--color-bg-grey);border-radius:var(--radius-full);overflow:hidden}.content-list-item-viral-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-normal)}.content-list-item-viral-value{font-size:var(--text-xs);font-weight:var(--font-weight-bold);min-width:28px}.content-list-item-metrics{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:auto}.content-list-item-metric{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:45px;color:var(--color-text-light);padding:var(--space-1)}.content-list-item-metric-value{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.content-list-item-metric-highlight{padding:var(--space-1) var(--space-2);background-color:var(--color-success-light);border-radius:var(--radius-md)}.content-list-item-metric-highlight .content-list-item-metric-value{color:var(--color-success)}.content-list-item-metric-highlight svg{color:var(--color-success)}.selection-bar{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);padding:var(--space-4);background-color:var(--color-bg-white);border-top:1px solid var(--color-border);box-shadow:0 -4px 20px #0000001a;animation:selectionBarSlideUp var(--transition-normal) var(--ease-out)}@keyframes selectionBarSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.selection-bar-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.selection-bar-info{display:flex;align-items:center;gap:var(--space-3)}.selection-bar-icon{color:var(--color-success)}.selection-bar-count{font-size:var(--text-base);color:var(--color-text-body)}.selection-bar-count strong{color:var(--color-text-main);font-weight:var(--font-weight-bold)}.selection-bar-actions{display:flex;align-items:center;gap:var(--space-3)}.selection-bar-continue{min-width:160px}.content-list-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);background-color:var(--color-bg-light);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.content-list-header-checkbox{width:24px;flex-shrink:0}.content-list-header-thumbnail{width:60px;flex-shrink:0}.content-list-header-info{flex:1;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em}.content-list-header-metrics{display:flex;align-items:center;gap:var(--space-4)}.content-list-header-metric{display:flex;align-items:center;gap:var(--space-1);min-width:50px;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-light);cursor:pointer;transition:color var(--transition-fast);justify-content:center}.content-list-header-metric:hover,.content-list-header-metric-active{color:var(--color-primary)}.content-list-header-metric svg{transition:transform var(--transition-fast)}.content-list-header-metric-asc svg{transform:rotate(180deg)}.content-list{display:flex;flex-direction:column;gap:var(--space-2)}.content-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-light);text-align:center}.content-list-empty svg{margin-bottom:var(--space-3);opacity:.5}.content-list-empty p{margin:0;font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text-body)}.content-list-empty span{font-size:var(--text-sm);margin-top:var(--space-1)}.create-page-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.create-page-title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.wizard-step-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-bg-light);border-radius:var(--radius-full);font-size:var(--text-sm)}.wizard-step-indicator-step{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.wizard-step-indicator-label{color:var(--color-text-light)}.create-page-segment-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:var(--space-6);gap:var(--space-3)}.create-page-segment-wrapper--secondary{padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:0}.create-page-alternative-label{font-size:13px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.create-page-step-title{margin-bottom:var(--space-4)}.create-page-step-title h2{margin:0}.parser-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:2px dashed var(--color-border)}.parser-empty-icon{font-size:48px;margin-bottom:var(--space-4)}.parser-empty-state h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.parser-empty-state p{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:360px;margin:0;line-height:1.5}.quick-mode-toggle{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.quick-mode-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body);cursor:pointer;transition:all var(--transition-fast)}.quick-mode-btn:hover{border-color:var(--color-primary-light);color:var(--color-primary)}.quick-mode-btn-active{background-color:var(--color-primary-lighter);border-color:var(--color-primary);color:var(--color-primary)}.quick-mode-btn-active svg{color:var(--color-warning)}.quick-mode-badge{padding:2px 6px;background-color:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-sm)}.quick-mode-hint{font-size:var(--text-sm);color:var(--color-text-light);margin:0}.source-selector-list{display:flex;flex-direction:column;gap:var(--space-4)}.source-selector-search-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.source-selector-search{flex:1;position:relative}.source-selector-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-light);pointer-events:none}.source-selector-search .input-field{width:100%;padding-left:var(--space-10)}.source-selector-manual,.source-selector-variants{display:flex;flex-direction:column;gap:var(--space-6)}.source-variant{padding:var(--space-4);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.source-variant-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.source-variant-number{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.source-selector-actions{display:flex;justify-content:center}.source-selector-divider{display:flex;align-items:center;gap:var(--space-4);color:var(--color-text-light);font-size:var(--text-sm)}.source-selector-divider:before,.source-selector-divider:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.source-selector-import{display:flex;justify-content:center}.source-selector-import-label{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-8);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.source-selector-import-label:hover{border-color:var(--color-primary);background-color:var(--color-primary-lighter)}.source-selector-import-input{display:none}.source-selector-import-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);color:var(--color-text-body)}.source-selector-import-content svg{color:var(--color-primary)}.source-selector-import-content small{font-size:var(--text-xs);color:var(--color-text-light)}.source-selector-load-more{display:flex;justify-content:center;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.source-selector-count{display:flex;justify-content:center;margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-light)}.create-page-footer-summary{margin-bottom:var(--space-3)}.preset-selector{margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.preset-quick-apply{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-body);background-color:var(--color-bg-light);border:1px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);width:100%;text-align:left}.preset-quick-apply:hover{border-color:var(--color-primary);border-style:solid;background-color:var(--color-primary-lighter)}.preset-quick-apply-icon{margin-left:auto;opacity:0;transition:opacity var(--transition-fast)}.preset-quick-apply:hover .preset-quick-apply-icon{opacity:1;color:var(--color-primary)}.preset-dropdown{position:relative}.preset-dropdown-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-body);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.preset-dropdown-trigger:hover{border-color:var(--color-primary-light)}.preset-dropdown-arrow{transition:transform var(--transition-fast)}.preset-dropdown-arrow-open{transform:rotate(180deg)}.preset-dropdown-content{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;min-width:280px;background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden;animation:dropdownSlide var(--transition-fast) var(--ease-out)}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.preset-group{padding:var(--space-2);border-bottom:1px solid var(--color-border)}.preset-group:last-of-type{border-bottom:none}.preset-group-label{display:block;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em}.preset-item-row{display:flex;align-items:center}.preset-item{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background-color var(--transition-fast);width:100%}.preset-item:hover{background-color:var(--color-bg-light)}.preset-item-info{display:flex;flex-direction:column;gap:2px}.preset-item-name{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-main)}.preset-item-description{font-size:var(--text-xs);color:var(--color-text-light)}.preset-item-delete{flex-shrink:0;padding:var(--space-2);color:var(--color-text-light);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:all var(--transition-fast)}.preset-item-row:hover .preset-item-delete{opacity:1}.preset-item-delete:hover{color:var(--color-error);background-color:var(--color-error-light)}.preset-save{padding:var(--space-3);border-top:1px solid var(--color-border)}.preset-save-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2);font-size:var(--text-sm);color:var(--color-primary);background:none;border:1px dashed var(--color-primary-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.preset-save-btn:hover{background-color:var(--color-primary-lighter);border-style:solid}.preset-save-form{display:flex;flex-direction:column;gap:var(--space-2)}.preset-save-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.settings-page{max-width:800px;margin:0 auto;padding:var(--space-6)}.settings-page__loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12);color:var(--color-text-light)}.settings-page__header{margin-bottom:var(--space-8)}.settings-page__title-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.settings-page__icon{color:var(--color-primary)}.settings-page__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-main)}.settings-page__description{color:var(--color-text-light);font-size:var(--text-base)}.settings-page__content{display:flex;flex-direction:column;gap:var(--space-6)}.settings-page__actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.settings-card{padding:0;overflow:hidden}.settings-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background-color:var(--color-bg-subtle);border-bottom:1px solid var(--color-border)}.settings-card__title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.settings-card__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.settings-field{display:flex;flex-direction:column;gap:var(--space-2)}.settings-field__label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-main)}.settings-field__hint{font-size:var(--text-xs);color:var(--color-text-light)}.settings-preview{padding:var(--space-4);background-color:var(--color-bg-subtle);border-radius:var(--radius-md);border:1px solid var(--color-border)}.settings-preview__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-light)}.settings-preview__text{font-size:var(--text-sm);color:var(--color-text-body);white-space:pre-wrap;font-family:inherit;margin:0;line-height:1.5}.media-library-page{max-width:1200px;margin:0 auto;padding:var(--space-6)}.media-library-page__loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12);color:var(--color-text-light)}.media-library-page__auth-required{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);text-align:center;color:var(--color-text-light)}.media-library-page__auth-required h2{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);margin:0}.media-library-page__auth-required p{color:var(--color-text-light);margin:0}.media-library-page__header{margin-bottom:var(--space-6)}.media-library-page__title-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.media-library-page__icon{color:var(--color-primary)}.media-library-page__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-main)}.media-library-page__description{color:var(--color-text-light);font-size:var(--text-base)}.media-library-page__tabs{display:flex;gap:var(--space-2);padding:var(--space-2);background-color:var(--color-bg-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.media-library-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-light);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.media-library-tab:hover{color:var(--color-text-main);background-color:var(--color-bg-light)}.media-library-tab--active{color:var(--color-primary);background-color:var(--color-bg-main);box-shadow:var(--shadow-sm)}.media-library-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);background-color:var(--color-primary);border-radius:var(--radius-full)}.media-library-tab--active .media-library-tab__badge{background-color:var(--color-primary-dark)}.media-library-page__content{min-height:400px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.media-grid--texts{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.media-grid--music{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.media-card{display:flex;flex-direction:column;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.media-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.media-card__preview{position:relative;aspect-ratio:9 / 16;background-color:var(--color-bg-dark);overflow:hidden}.media-card--background .media-card__preview{aspect-ratio:16 / 9}.media-card__video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.media-card__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:100%;color:var(--color-text-light);background-color:var(--color-bg-subtle)}.media-card__badge{position:absolute;top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-inverse);background-color:var(--color-primary);border-radius:var(--radius-sm)}.media-card__badge--carousel{background:linear-gradient(135deg,#8b5cf6,#5e17eb)}.media-card--carousel .media-card__preview{cursor:pointer}.media-card--carousel .media-card__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.media-card__placeholder--carousel{background:linear-gradient(135deg,#f3f0ff,#e9e4ff)}.media-card__slides-count{font-size:var(--text-xs);color:var(--color-primary);font-weight:var(--font-weight-medium)}.media-card__body{flex:1;padding:var(--space-4)}.media-card__title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0 0 var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.media-card__description{font-size:var(--text-sm);color:var(--color-text-body);margin:var(--space-2) 0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.media-card__meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.media-card__status{font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.media-card__date{font-size:var(--text-xs);color:var(--color-text-light)}.media-card__category{font-size:var(--text-xs);color:var(--color-primary);background-color:var(--color-primary-lighter);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.media-card__duration{font-size:var(--text-xs);color:var(--color-text-light)}.media-card__badge-inline{font-size:var(--text-xs);color:var(--color-text-light);background-color:var(--color-bg-subtle);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.media-card__error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-2)}.media-card__original{margin-bottom:var(--space-3);padding:var(--space-2);background-color:var(--color-bg-subtle);border-radius:var(--radius-sm)}.media-card__original .media-card__label{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-light);display:block;margin-bottom:var(--space-1)}.media-card__original p{font-size:var(--text-sm);color:var(--color-text-body);margin:0}.media-card__actions{display:flex;justify-content:flex-end;gap:var(--space-1);padding:var(--space-2) var(--space-4) var(--space-4);border-top:1px solid var(--color-border)}.media-card--music{flex-direction:row;align-items:center;padding:var(--space-3)}.media-card--music .media-card__body{padding:0 var(--space-3)}.media-card--music .media-card__actions{padding:0;border-top:none}.media-card__play-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;color:var(--color-primary);background-color:var(--color-primary-lighter);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.media-card__play-btn:hover{background-color:var(--color-primary);color:var(--color-text-inverse)}.media-card--playing .media-card__play-btn{background-color:var(--color-primary);color:var(--color-text-inverse);animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 rgba(var(--color-primary-rgb),.4)}50%{box-shadow:0 0 0 10px rgba(var(--color-primary-rgb),0)}}.media-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);text-align:center;color:var(--color-text-light)}.media-empty-state h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.media-empty-state p{margin:0;max-width:300px}.media-library-page__pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.media-library-page__page-info{font-size:var(--text-sm);color:var(--color-text-light)}@media (max-width: 768px){.media-library-page{padding:var(--space-4)}.media-library-page__tabs{flex-wrap:wrap}.media-library-tab{flex:1;justify-content:center;min-width:80px}.media-library-tab span:not(.media-library-tab__badge){display:none}.media-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.media-card--music{flex-direction:column;text-align:center}.media-card--music .media-card__body{padding:var(--space-3) 0}}.upload-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upload-modal{background:var(--color-bg-secondary);border-radius:var(--radius-xl);width:100%;max-width:500px;overflow:hidden;box-shadow:var(--shadow-xl);animation:modalSlideIn .3s var(--ease-out)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.upload-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.upload-modal__header h2{margin:0;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.upload-modal__close{background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.upload-modal__close:hover{background:var(--color-bg-tertiary);color:var(--color-text-main)}.upload-modal__content{padding:var(--space-6)}.media-library-page__upload-btn{margin-left:auto}.media-library-page__title-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);padding:var(--space-6)}.not-found-page__content{text-align:center;max-width:500px}.not-found-page__code{font-size:clamp(100px,20vw,180px);font-weight:var(--font-weight-bold);line-height:1;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;margin-bottom:var(--space-4);animation:glitch 2s ease-in-out infinite}.not-found-page__code:before,.not-found-page__code:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.not-found-page__code:before{animation:glitch-1 .3s ease-in-out infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);opacity:.8}.not-found-page__code:after{animation:glitch-2 .3s ease-in-out infinite reverse;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);opacity:.8}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,2px)}94%{transform:translate(2px,-2px)}96%{transform:translate(-1px,-1px)}98%{transform:translate(1px,1px)}}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,2px)}80%{transform:translate(1px,-2px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(2px,-1px)}40%{transform:translate(-2px,1px)}60%{transform:translate(1px,-2px)}80%{transform:translate(-1px,2px)}}.not-found-page__title{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0 0 var(--space-4)}.not-found-page__description{font-size:var(--text-base);color:var(--color-text-body);line-height:1.6;margin:0 0 var(--space-8)}.not-found-page__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-10)}.not-found-page__links{padding-top:var(--space-6);border-top:1px solid var(--color-border)}.not-found-page__links-label{display:block;font-size:var(--text-sm);color:var(--color-text-light);margin-bottom:var(--space-3)}.not-found-page__links-list{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.not-found-page__links-list a{font-size:var(--text-sm);color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.not-found-page__links-list a:hover{color:var(--color-primary-hover);text-decoration:underline}.landing-page{min-height:100vh;background:var(--color-bg-primary)}.landing-header{position:sticky;top:0;z-index:100;padding:var(--space-4) 0;background:rgba(var(--color-bg-primary-rgb, 255, 255, 255),.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.landing-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.landing-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.landing-logo__icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border-radius:var(--radius-lg);color:#fff}.landing-logo__icon--small{width:28px;height:28px}.landing-logo__text{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-main);letter-spacing:-.02em}.landing-nav{display:none;align-items:center;gap:var(--space-8)}@media (min-width: 768px){.landing-nav{display:flex}}.landing-nav__link{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body);text-decoration:none;transition:color var(--transition-fast)}.landing-nav__link:hover{color:var(--color-primary)}.landing-header__actions{display:flex;align-items:center;gap:var(--space-3)}.landing-hero{padding:var(--space-16) 0 var(--space-20);background:linear-gradient(180deg,var(--color-bg-light) 0%,var(--color-bg-primary) 100%)}.landing-hero__content{max-width:720px;margin:0 auto;text-align:center}.landing-hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-6);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background:var(--color-primary-lighter);border-radius:var(--radius-full)}.landing-hero__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-weight-bold);line-height:1.1;color:var(--color-text-main);margin:0 0 var(--space-6);letter-spacing:-.02em}.landing-hero__description{font-size:var(--text-lg);line-height:1.6;color:var(--color-text-body);margin:0 0 var(--space-8)}.landing-hero__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.landing-hero__note{font-size:var(--text-sm);color:var(--color-text-light);margin:0}.landing-features{padding:var(--space-16) 0;background:var(--color-bg-primary)}.landing-section__header{text-align:center;margin-bottom:var(--space-12)}.landing-section__title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);margin:0 0 var(--space-4)}.landing-section__subtitle{font-size:var(--text-lg);color:var(--color-text-body);margin:0}.landing-features__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 768px){.landing-features__grid{grid-template-columns:repeat(3,1fr)}}.landing-feature-card{text-align:center;padding:var(--space-8)}.landing-feature-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5);border-radius:var(--radius-lg)}.landing-feature-card__icon--primary{background:var(--color-primary-lighter);color:var(--color-primary)}.landing-feature-card__icon--accent{background:var(--color-accent-light);color:var(--color-accent)}.landing-feature-card__icon--success{background:var(--color-success-light);color:var(--color-success)}.landing-feature-card__title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0 0 var(--space-3)}.landing-feature-card__text{font-size:var(--text-base);line-height:1.6;color:var(--color-text-body);margin:0}.landing-cta{padding:var(--space-16) 0;background:var(--color-primary)}.landing-cta__content{text-align:center}.landing-cta__title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:#fff;margin:0 0 var(--space-4)}.landing-cta__text{font-size:var(--text-lg);color:#ffffffe6;margin:0 0 var(--space-8)}.landing-footer{padding:var(--space-8) 0;background:var(--color-bg-dark);border-top:1px solid var(--color-border)}.landing-footer__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}@media (min-width: 768px){.landing-footer__inner{flex-direction:row;justify-content:space-between}}.landing-footer__copyright{font-size:var(--text-sm);color:var(--color-text-light);margin:0}.landing-page .container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.page-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-8)}.page-header__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-lighter);color:var(--color-accent);border-radius:var(--radius-lg);flex-shrink:0}.page-header__content{flex:1}.page-header__title{font-size:var(--font-h3);font-weight:var(--font-weight-regular);font-family:var(--font-family-heading);color:var(--color-text-main);margin:0 0 var(--space-1)}.page-header__description{font-size:var(--text-base);color:var(--color-text-body);margin:0}.page-header__actions{display:flex;gap:var(--space-3)}.analytics-page{max-width:1100px}.analytics-filters{margin-bottom:var(--space-6)}.analytics-time-range{display:flex;gap:var(--space-2);padding:var(--space-1);background:var(--color-bg-light);border-radius:var(--radius-lg);width:-moz-fit-content;width:fit-content}.analytics-time-range__btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.analytics-time-range__btn:hover{color:var(--color-text-main)}.analytics-time-range__btn--active{background:var(--color-bg-card);color:var(--color-text-main);box-shadow:var(--shadow-sm)}.analytics-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media (max-width: 1024px){.analytics-metrics-grid{grid-template-columns:repeat(2,1fr)}}.analytics-metric-card{padding:var(--space-5)}.analytics-metric-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.analytics-metric-card__icon{color:var(--color-text-light)}.analytics-metric-card__change{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.analytics-metric-card__change--up{background:var(--color-success-light);color:var(--color-success)}.analytics-metric-card__change--down{background:var(--color-error-light);color:var(--color-error)}.analytics-metric-card__value{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);margin-bottom:var(--space-1)}.analytics-metric-card__label{font-size:var(--text-sm);color:var(--color-text-light)}.analytics-chart-card{padding:var(--space-6);margin-bottom:var(--space-6)}.analytics-chart-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.analytics-chart-card__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.analytics-chart-card__legend{display:flex;gap:var(--space-4)}.analytics-chart-card__legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-body)}.analytics-chart-card__legend-item:before{content:"";width:12px;height:12px;border-radius:var(--radius-sm)}.analytics-chart-card__legend-item--primary:before{background:var(--color-primary)}.analytics-chart-card__legend-item--secondary:before{background:var(--color-accent)}.analytics-chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);background:var(--color-bg-light);border-radius:var(--radius-lg);color:var(--color-text-light)}.analytics-chart-placeholder p{margin:0;font-size:var(--text-sm)}.analytics-table-card{padding:var(--space-6)}.analytics-table-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.analytics-table-card__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.analytics-table-wrapper{overflow-x:auto}.analytics-table{width:100%;border-collapse:collapse}.analytics-table th,.analytics-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.analytics-table th{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-light);white-space:nowrap}.analytics-table td{font-size:var(--text-sm);color:var(--color-text-main)}.analytics-table__title{font-weight:var(--font-weight-medium)}.analytics-table__platform{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);text-transform:capitalize}.analytics-table__platform--instagram{background:#e1306c20;color:#e1306c}.analytics-table__platform--tiktok{background:#00000020;color:var(--color-text-main)}.analytics-table__platform--youtube{background:#ff000020;color:red}.analytics-table__date{color:var(--color-text-light)}.subscription-page{max-width:1100px}.current-plan-card{padding:var(--space-5);margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--color-primary-lighter) 0%,var(--color-bg-card) 100%)}.current-plan-card__header{display:flex;align-items:center;justify-content:space-between}.current-plan-card__label{font-size:var(--text-sm);color:var(--color-text-light)}.current-plan-card__name{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);margin:var(--space-1) 0 0}.current-plan-card__status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-body)}.current-plan-card__upgrade-hint{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);background:var(--color-warning-light);color:var(--color-warning);border-radius:var(--radius-md);font-size:var(--text-sm)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-bottom:var(--space-8)}@media (max-width: 1024px){.plans-grid{grid-template-columns:1fr}}.plan-card{position:relative;padding:var(--space-6);text-align:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.plan-card--popular{border:2px solid var(--color-accent);box-shadow:0 8px 32px #f5c51833}.plan-card--current{background:var(--color-bg-light)}.plan-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-4);background:var(--color-accent);color:var(--color-text-main);font-size:var(--text-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full)}.plan-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);background:var(--color-accent-lighter);border-radius:var(--radius-lg);color:var(--color-accent)}.plan-card__name{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);margin:0 0 var(--space-3)}.plan-card__price{margin-bottom:var(--space-5)}.plan-card__price-value{font-size:var(--font-h2);font-weight:var(--font-weight-medium);font-family:var(--font-family-heading);color:var(--color-text-main)}.plan-card__price-period{font-size:var(--text-sm);color:var(--color-text-light);margin-left:var(--space-1)}.plan-card__features{list-style:none;padding:0;margin:0 0 var(--space-6);text-align:left}.plan-card__feature{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-body)}.plan-card__feature svg{color:var(--color-success);flex-shrink:0}.plan-card__btn{width:100%}.payment-history-card{padding:var(--space-6)}.payment-history-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);color:var(--color-text-light)}.payment-history-card__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.payment-history-table-wrapper{overflow-x:auto}.payment-history-table{width:100%;border-collapse:collapse}.payment-history-table th,.payment-history-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.payment-history-table th{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-light)}.payment-history-table td{font-size:var(--text-sm);color:var(--color-text-main)}.payment-status{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm)}.payment-status--success{background:var(--color-success-light);color:var(--color-success)}.payment-status--error{background:var(--color-error-light);color:var(--color-error)}.payment-history-empty{text-align:center;padding:var(--space-8);color:var(--color-text-light)}.help-page{max-width:900px}.help-quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}@media (max-width: 768px){.help-quick-links{grid-template-columns:1fr}}.help-quick-link{padding:var(--space-5);text-align:center}.help-quick-link svg{color:var(--color-primary);margin-bottom:var(--space-3)}.help-quick-link h3{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0 0 var(--space-1)}.help-quick-link p{font-size:var(--text-sm);color:var(--color-text-light);margin:0 0 var(--space-3)}.help-quick-link a{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-primary);text-decoration:none}.help-quick-link a:hover{text-decoration:underline}.faq-section{padding:var(--space-6);margin-bottom:var(--space-6)}.faq-section__title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);margin:0 0 var(--space-5)}.faq-filters{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5)}.faq-search{max-width:400px}.faq-categories{display:flex;gap:var(--space-2);flex-wrap:wrap}.faq-category-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body);background:var(--color-bg-light);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.faq-category-btn:hover{background:var(--color-bg-subtle)}.faq-category-btn--active{background:var(--color-primary);color:#fff}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item__question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) 0;font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text-main);background:none;border:none;text-align:left;cursor:pointer;transition:color var(--transition-fast)}.faq-item__question:hover{color:var(--color-primary)}.faq-item__question svg{flex-shrink:0;color:var(--color-text-light)}.faq-item__answer{padding:0 0 var(--space-4)}.faq-item__answer p{font-size:var(--text-base);line-height:1.6;color:var(--color-text-body);margin:0}.faq-empty{text-align:center;padding:var(--space-8);color:var(--color-text-light)}.contact-form-card{padding:var(--space-6)}.contact-form-card__title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);margin:0 0 var(--space-1)}.contact-form-card__subtitle{font-size:var(--text-base);color:var(--color-text-light);margin:0 0 var(--space-5)}.contact-form{display:flex;flex-direction:column;gap:var(--space-4)}.contact-form__row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (max-width: 640px){.contact-form__row{grid-template-columns:1fr}}.contact-form__field{display:flex;flex-direction:column;gap:var(--space-2)}.contact-form__field label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-main)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card-hover);width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #E5E7EB;border-bottom-color:var(--color-border, #E5E7EB);background:#fff}.modal__header h2{margin:0;font-size:1.25rem;font-weight:700;color:#0d0e12;color:var(--color-text-main, #0D0E12)}.modal__close{background:none;border:none;color:#9ca3af;color:var(--color-text-light, #9CA3AF);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .15s ease}.modal__close:hover{background:#f9fafb;background:var(--color-bg-light, #F9FAFB);color:#0d0e12;color:var(--color-text-main, #0D0E12)}.modal__close:disabled{opacity:.5;cursor:not-allowed}.modal__body{padding:1.5rem;overflow-y:auto;flex:1;background:#fff}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #E5E7EB;border-top-color:var(--color-border, #E5E7EB);background:#f9fafb;background:var(--color-bg-light, #F9FAFB)}.modal__success{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) 0;text-align:center}.modal__success svg{color:var(--color-success)}.modal__success p{margin:0;font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--color-text-main)}.platform-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.platform-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#f9fafb;background:var(--color-bg-light, #F9FAFB);border:2px solid transparent;border-radius:1rem;cursor:pointer;transition:all .15s ease}.platform-option:hover{background:#fff;background:var(--color-bg-card, #FFFFFF);border-color:#e5e7eb;border-color:var(--color-border, #E5E7EB)}.platform-option--active{background:#5e17eb0d;background:var(--color-primary-lighter, rgba(94, 23, 235, .05));border-color:#5e17eb;border-color:var(--color-primary, #5E17EB)}.platform-option:disabled{opacity:.5;cursor:not-allowed}.platform-option span{font-size:.875rem;font-weight:500;color:#4b5563;color:var(--color-text-body, #4B5563)}.platform-option--active span{color:#5e17eb;color:var(--color-primary, #5E17EB)}.input-with-prefix{display:flex;align-items:stretch;border:1px solid #E5E7EB;border-color:var(--color-border, #E5E7EB);border-radius:1rem;overflow:hidden;transition:border-color .15s ease;background:#fff}.input-with-prefix:focus-within{border-color:#5e17eb;border-color:var(--color-primary, #5E17EB);box-shadow:0 0 0 3px #5e17eb0d}.input-prefix{display:flex;align-items:center;padding:0 .75rem;background:#f9fafb;background:var(--color-bg-light, #F9FAFB);color:#9ca3af;color:var(--color-text-light, #9CA3AF);font-size:1rem;border-right:1px solid #E5E7EB;border-right-color:var(--color-border, #E5E7EB)}.input-with-prefix .form-input{border:none;border-radius:0;flex:1;background:#fff}.input-with-prefix .form-input:focus{box-shadow:none}.form-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm)}.form-hint{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-text-light)}.integration-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);color:var(--color-text-light)}.integration-loading .spin{animation:spin 1s linear infinite}.integration-card__username{display:block;font-size:var(--text-sm);color:var(--color-primary);font-weight:var(--font-weight-normal);margin-top:var(--space-1)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-muted{color:var(--color-text-light);font-style:italic}.alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm)}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-error)}.alert button{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;text-decoration:underline;font-size:inherit}.media-picker{background:#fff;border:1px solid #E5E7EB;border-radius:1rem;overflow:hidden}.media-picker__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f9fafb;border-bottom:1px solid #E5E7EB}.media-picker__title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#0d0e12}.media-picker__actions{display:flex;align-items:center;gap:.5rem}.media-picker__mute-btn,.media-picker__refresh-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:.375rem;color:#9ca3af;cursor:pointer;transition:all .15s}.media-picker__mute-btn:hover,.media-picker__refresh-btn:hover{background:#e5e7eb;color:#4b5563}.media-picker__content{max-height:300px;overflow-y:auto;padding:.75rem}.media-picker__loading,.media-picker__error,.media-picker__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:#9ca3af;font-size:.875rem}.media-picker__error button{margin-top:.5rem;padding:.25rem .75rem;background:#5e17eb;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.75rem}.media-picker__section-title{font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin:1rem 0 .5rem;padding:0 .25rem}.media-picker__section-title:first-child{margin-top:0}.media-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.media-picker__item{position:relative;display:flex;flex-direction:column;gap:.375rem;padding:.5rem;background:#f9fafb;border:2px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .15s}.media-picker__item:hover{background:#f3f4f6;border-color:#e5e7eb}.media-picker__item--selected{background:#5e17eb0d;border-color:#5e17eb}.media-picker__item--playing{border-color:#10b981}.media-picker__item--random{flex-direction:row;align-items:center;padding:.75rem;margin-bottom:.5rem}.media-picker__item--random .media-picker__item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#e5e7eb;border-radius:.5rem;color:#4b5563}.media-picker__item--random .media-picker__item-info{flex:1;margin-left:.75rem}.media-picker__item-preview{position:relative;width:100%;aspect-ratio:9 / 16;background:#1f2937;border-radius:.375rem;overflow:hidden}.media-picker__item-preview video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.media-picker__item-music-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#5e17eb,#7c3aed);color:#fff}.media-picker__item-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;border:none;color:#fff;cursor:pointer;opacity:0;transition:opacity .15s}.media-picker__item:hover .media-picker__item-play,.media-picker__item--playing .media-picker__item-play{opacity:1}.media-picker__item-info{display:flex;flex-direction:column;gap:.125rem}.media-picker__item-name{font-size:.75rem;font-weight:500;color:#0d0e12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-picker__item-meta,.media-picker__item-duration{font-size:.625rem;color:#9ca3af}.media-picker__item-check{position:absolute;top:.375rem;right:.375rem;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#5e17eb;border-radius:50%;color:#fff}.integration-tags-filter{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.integration-tags-filter__label{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#9ca3af}.integration-tag{padding:.25rem .75rem;background:#f3f4f6;border:1px solid transparent;border-radius:9999px;font-size:.75rem;font-weight:500;color:#4b5563;cursor:pointer;transition:all .15s}.integration-tag:hover{background:#e5e7eb}.integration-tag--active{background:#5e17eb1a;border-color:#5e17eb;color:#5e17eb}.integration-card__tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.integration-card__tag{padding:.125rem .5rem;background:#5e17eb1a;border-radius:.25rem;font-size:.625rem;font-weight:500;color:#5e17eb}.tags-editor{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;background:#f9fafb;border:1px solid #E5E7EB;border-radius:.5rem;min-height:42px}.tag-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#5e17eb;border-radius:.25rem;font-size:.75rem;color:#fff}.tag-chip button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff;opacity:.7;cursor:pointer;padding:0}.tag-chip button:hover{opacity:1}.tag-input-wrapper{display:flex;align-items:center;gap:.25rem;flex:1;min-width:100px}.tag-input{flex:1;background:none;border:none;font-size:.875rem;color:#0d0e12;outline:none}.tag-input::-moz-placeholder{color:#9ca3af}.tag-input::placeholder{color:#9ca3af}.tag-add-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#e5e7eb;border:none;border-radius:.25rem;color:#4b5563;cursor:pointer;font-size:1rem;font-weight:700}.tag-add-btn:hover:not(:disabled){background:#d1d5db}.tag-add-btn:disabled{opacity:.5;cursor:not-allowed}.tags-suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem}.tags-suggestions__label{font-size:.75rem;color:#9ca3af}.tag-suggestion{padding:.125rem .5rem;background:#f3f4f6;border:1px dashed #D1D5DB;border-radius:.25rem;font-size:.75rem;color:#4b5563;cursor:pointer;transition:all .15s}.tag-suggestion:hover:not(:disabled){background:#e5e7eb;border-style:solid}.modal--wide{max-width:560px}.form-textarea{min-height:60px;resize:vertical}.coming-soon-card{padding:var(--space-12);text-align:center;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-hover) 100%);border:2px dashed var(--color-border)}.coming-soon-card__content{max-width:480px;margin:0 auto}.coming-soon-card__icon{display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--color-primary-soft) 0%,var(--color-accent-soft) 100%);border-radius:var(--radius-full);color:var(--color-primary)}.coming-soon-card__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-4)}.coming-soon-card__text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-8)}.coming-soon-card__features{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-8)}.coming-soon-card__feature{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary)}.coming-soon-card__feature svg{color:var(--color-primary)}.coming-soon-modal{max-width:420px;text-align:center}.coming-soon-modal__content{padding:var(--space-2)}.coming-soon-modal__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--color-primary-soft) 0%,var(--color-accent-soft) 100%);border-radius:var(--radius-full);color:var(--color-primary)}.coming-soon-modal__title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-3)}.coming-soon-modal__text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-6)}.coming-soon-modal__plan-card{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6);color:#fff}.coming-soon-modal__plan-name{font-size:var(--text-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.coming-soon-modal__plan-price{font-size:var(--text-2xl);font-weight:var(--font-weight-bold)}.coming-soon-modal__plan-period{font-size:var(--text-sm);opacity:.8}.coming-soon-modal__actions{display:flex;flex-direction:column;gap:var(--space-3)}.coming-soon-modal__actions .btn-primary{width:100%}.coming-soon-modal__actions .btn-ghost{color:var(--color-text-secondary)}.carousel-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.carousel-preview-empty{background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);text-align:center;min-height:300px}.carousel-preview-empty svg{color:var(--color-text-muted)}.carousel-preview-empty h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.carousel-preview-empty p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.carousel-preview-header{display:flex;align-items:center;justify-content:space-between}.carousel-preview-header h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.carousel-preview-count{font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.carousel-preview-current{display:flex;align-items:stretch;gap:var(--space-3);min-height:280px}.carousel-preview-nav{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.carousel-preview-nav:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.carousel-preview-nav:disabled{opacity:.3;cursor:not-allowed}.carousel-preview-slide{flex:1;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-surface) 100%);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;position:relative;overflow:hidden}.carousel-preview-slide:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%)}.carousel-preview-slide-type{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);background:var(--color-primary-subtle);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);width:-moz-fit-content;width:fit-content;margin-bottom:var(--space-4)}.carousel-preview-slide-content{flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.carousel-preview-slide-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1.3}.carousel-preview-slide-body{font-size:var(--text-base);color:var(--color-text-secondary);margin:0;line-height:1.6}.carousel-preview-slide-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.carousel-preview-slide-items li{font-size:var(--text-sm);color:var(--color-text-secondary);padding-left:var(--space-4);position:relative}.carousel-preview-slide-items li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:700}.carousel-preview-slide-number{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin-top:auto;padding-top:var(--space-4)}.carousel-preview-dots{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.carousel-preview-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);border:none;cursor:pointer;padding:0;transition:all var(--transition-fast)}.carousel-preview-dot:hover{background:var(--color-text-muted)}.carousel-preview-dot-active{background:var(--color-primary);width:24px;border-radius:var(--radius-full)}.carousel-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.carousel-preview-thumb{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:var(--space-2);transition:all var(--transition-fast)}.carousel-preview-thumb:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary-light)}.carousel-preview-thumb-active{border-color:var(--color-primary);background:var(--color-primary-subtle)}.carousel-preview-thumb-type{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-primary)}.carousel-preview-thumb-title{font-size:var(--text-xs);color:var(--color-text-primary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.carousel-preview-thumb-num{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:auto}.carousel-preview-description{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4)}.carousel-preview-description h4{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.carousel-preview-description p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.carousel-preview-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.text-preview{background-color:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.text-preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-light)}.text-preview-header-title{display:flex;align-items:center;gap:var(--space-2)}.text-preview-header-title h3{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.text-preview-header-actions{display:flex;align-items:center;gap:var(--space-2)}.text-preview-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-error-light);color:var(--color-error);font-size:var(--text-sm)}.text-preview-content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.text-preview-field{display:flex;flex-direction:column;gap:var(--space-2)}.text-preview-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body)}.text-preview-label-row{display:flex;align-items:center;justify-content:space-between}.text-preview-char-count{font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.text-preview-char-count.text-muted{color:var(--color-text-light)}.text-preview-char-count.text-warning{color:var(--color-warning)}.text-preview-char-count.text-error{color:var(--color-error)}.text-preview-value{padding:var(--space-3);background-color:var(--color-bg-light);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-main);line-height:1.6}.text-preview-title{font-weight:var(--font-weight-semibold);font-size:var(--text-base)}.text-preview-description{white-space:pre-wrap;max-height:400px;overflow-y:auto}.text-preview-tips{padding:var(--space-3) var(--space-4);background-color:var(--color-bg-subtle);border-top:1px solid var(--color-border)}.text-preview-tips p{margin:0;font-size:var(--text-sm);color:var(--color-text-light)}.text-preview-content-loading{position:relative;min-height:300px}.text-preview-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffffe6;border-radius:var(--radius-md);z-index:10}.text-preview-loading-spinner{color:var(--color-primary);margin-bottom:var(--space-3)}.text-preview-loading-spinner svg{animation:spin 1s linear infinite}.text-preview-loading-text{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0 0 var(--space-1)}.text-preview-loading-subtext{font-size:var(--text-sm);color:var(--color-text-light);margin:0}.text-preview-skeleton{background:linear-gradient(90deg,var(--color-bg-light) 25%,var(--color-bg-subtle) 50%,var(--color-bg-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.text-preview-skeleton-title{height:40px;width:80%}.text-preview-skeleton-group{display:flex;flex-direction:column;gap:var(--space-2)}.text-preview-skeleton-line{height:16px}.format-selection-page{padding:var(--space-6);max-width:900px;margin:0 auto}.format-selection-header{text-align:center;margin-bottom:var(--space-8)}.format-selection-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.format-selection-header p{font-size:var(--text-base);color:var(--color-text-secondary)}.format-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.format-card{position:relative;display:flex;flex-direction:column;padding:var(--space-6);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all .3s ease}.format-card:hover{border-color:var(--color-primary);box-shadow:0 8px 30px #5e17eb26;transform:translateY(-4px)}.format-card-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);color:#fff;margin-bottom:var(--space-4)}.format-card-badge{position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,#5e17eb,#8b5cf6);color:#fff;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full)}.format-card-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.format-card-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.format-card-features{list-style:none;padding:0;margin:0 0 var(--space-6) 0;display:flex;flex-direction:column;gap:var(--space-2);flex:1}.format-card-features li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.format-card-features li svg{color:var(--color-primary);flex-shrink:0}.format-card-button{width:100%}.format-selection-hint{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-secondary)}.format-selection-hint a{color:var(--color-primary);font-weight:500}.create-carousel-page{display:flex;flex-direction:column;min-height:100%;padding-bottom:80px}.back-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-md);transition:all .2s}.back-link:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.carousel-text-input{display:grid;grid-template-columns:1fr 280px;gap:var(--space-6)}.carousel-text-input .textarea{min-height:400px}.carousel-text-tips{padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);height:-moz-fit-content;height:fit-content}.carousel-text-tips h4{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3)}.carousel-text-tips ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.carousel-text-tips li{font-size:var(--text-sm);color:var(--color-text-secondary);padding-left:var(--space-4);position:relative}.carousel-text-tips li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.idea-input-section{display:flex;flex-direction:column;gap:var(--space-5);max-width:600px;margin:0 auto}.idea-input-section--minimal{padding-top:var(--space-4)}.idea-input-group{display:flex;flex-direction:column;gap:var(--space-2)}.idea-input-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);line-height:1.4}.idea-textarea-wrapper{position:relative}.idea-textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:400;line-height:1.5;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-white);color:var(--color-text-primary);resize:vertical;min-height:60px;transition:border-color .2s ease,box-shadow .2s ease}.idea-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0000000f}.idea-textarea::-moz-placeholder{color:var(--color-text-muted);font-weight:400}.idea-textarea::placeholder{color:var(--color-text-muted);font-weight:400}.idea-input-counter{position:absolute;right:var(--space-3);bottom:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);pointer-events:none}.concept-section{max-width:700px;margin:0 auto}.concept-section__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-5) 0;text-align:center}.concept-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}@media (max-width: 768px){.concept-grid{grid-template-columns:repeat(2,1fr)}}.concept-card{padding:var(--space-4);background:var(--color-bg-white);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-align:center}.concept-card:hover{border-color:var(--color-text-muted);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.concept-card--selected{border-color:var(--color-primary);background:var(--color-bg-secondary)}.concept-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto var(--space-3);color:var(--color-text-secondary);transition:color .2s ease}.concept-card:hover .concept-card__icon,.concept-card--selected .concept-card__icon{color:var(--color-primary)}.concept-card__title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.concept-card__description{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;line-height:1.3}.concept-custom{margin-top:var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.concept-custom__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background .2s ease}.concept-custom__header:hover{background:var(--color-bg-secondary)}.concept-custom__header--active{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.concept-custom__icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.concept-custom__header--active .concept-custom__icon{color:var(--color-primary)}.concept-custom__label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.concept-custom__header--active .concept-custom__label{color:var(--color-text-primary)}.concept-custom__input{padding:var(--space-3) var(--space-4) var(--space-4)}.concept-custom__textarea{width:100%;padding:var(--space-3);font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-white);color:var(--color-text-primary);resize:vertical;min-height:80px}.concept-custom__textarea:focus{outline:none;border-color:var(--color-primary)}.concept-custom__textarea::-moz-placeholder{color:var(--color-text-muted)}.concept-custom__textarea::placeholder{color:var(--color-text-muted)}.generated-texts-preview{max-width:800px}.generated-texts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.generated-texts-concept{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary)}.generated-texts-count{font-size:var(--text-sm);color:var(--color-text-muted)}.generated-texts-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.generated-text-item{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .15s ease}.generated-text-item:hover{border-color:var(--color-text-muted)}.generated-text-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-weight:700;font-size:var(--text-sm);border-radius:50%;flex-shrink:0}.generated-text-content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.generated-text-title{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-weight:600;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary)}.generated-text-title:focus{outline:none;border-color:var(--color-primary)}.generated-text-delete{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all .15s ease;flex-shrink:0}.generated-text-delete:hover{background:var(--color-danger);color:#fff}.transcription-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);gap:var(--space-4)}.transcription-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.transcription-manual{max-width:800px;margin:0 auto}.transcription-editor{width:100%}.transcription-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);gap:var(--space-4);text-align:center;color:var(--color-text-secondary)}.transcription-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);min-height:500px}.transcription-column{display:flex;flex-direction:column;background:var(--color-bg-white);border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden}.transcription-column-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.transcription-column-header h3{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0}.transcription-blocks{flex:1;padding:var(--space-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.transcription-block{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.transcription-block--readonly{background:var(--color-bg-secondary)}.transcription-block--editable{background:var(--color-bg-white)}.transcription-block-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.transcription-block-type{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);padding:var(--space-1) var(--space-2);background:var(--color-primary-light);border-radius:var(--radius-sm)}.transcription-block-source{font-size:var(--text-xs);color:var(--color-text-tertiary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transcription-block-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;white-space:pre-wrap}.transcription-block-text .empty-text{color:var(--color-text-disabled);font-style:italic}.transcription-block--editable .textarea{min-height:80px;font-size:var(--text-sm)}.transcription-column-desc{font-size:var(--text-sm);color:var(--color-text-secondary);padding:0 var(--space-4);margin:0 0 var(--space-3) 0}.transcription-content{flex:1;padding:var(--space-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.transcription-text-block{padding:var(--space-4);background:#fdf8f3;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.transcription-text-source{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.transcription-text-source:before{content:"";width:6px;height:6px;background:var(--color-primary);border-radius:50%}.transcription-text-content{font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.6;white-space:pre-wrap}.transcription-text-content .empty-text{color:var(--color-text-tertiary);font-style:italic}.customization-instruction{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.customization-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.customization-optional{font-size:var(--text-xs);font-weight:400;color:var(--color-text-tertiary)}.customization-textarea{min-height:120px;font-size:var(--text-sm);line-height:1.6}.customization-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0}@media (max-width: 1024px){.transcription-columns{grid-template-columns:1fr;gap:var(--space-4)}.transcription-column{min-height:auto}.transcription-original{max-height:300px}}.carousel-style-section{margin-bottom:var(--space-6)}.carousel-style-section h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-4)}.background-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-3)}.background-option{aspect-ratio:1;border:3px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;position:relative}.background-option:hover{transform:scale(1.05)}.background-option.active{border-color:var(--color-primary);box-shadow:0 0 0 3px #5e17eb33}.background-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.font-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.font-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.font-option:hover{border-color:var(--color-primary-light)}.font-option.active{border-color:var(--color-primary);background:#5e17eb0d}.font-preview{font-size:32px;font-weight:600;color:var(--color-text-primary)}.font-name{font-size:var(--text-sm);color:var(--color-text-secondary)}.carousel-style-preview{margin-top:var(--space-6)}.carousel-style-preview h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-4)}.style-preview-card{width:200px;aspect-ratio:4/5;border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;box-shadow:0 4px 20px #00000026}.style-preview-card h4{margin-bottom:var(--space-2);text-shadow:0 1px 2px rgba(0,0,0,.2)}.style-preview-card p{opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.2)}.slides-editor{display:grid;grid-template-columns:240px 1fr;gap:var(--space-6);min-height:500px}.slides-list{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column}.slides-list-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-3);font-weight:600;color:var(--color-text-primary)}.slides-list-items{display:flex;flex-direction:column;gap:var(--space-2);flex:1;overflow-y:auto}.slide-list-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;text-align:left}.slide-list-item:hover{border-color:var(--color-primary-light)}.slide-list-item.active{border-color:var(--color-primary);background:#5e17eb0d}.slide-drag-handle{color:var(--color-text-muted);cursor:grab}.slide-number{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:50%;font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary)}.slide-type-badge{font-size:var(--text-xs);padding:2px 6px;background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-sm)}.slide-title-preview{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.slide-editor-main{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.slide-editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.slide-nav{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.slide-editor-actions{display:flex;align-items:center;gap:var(--space-2)}.slide-editor-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);padding:var(--space-6)}.slide-preview{aspect-ratio:4/5;border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:var(--space-6);position:relative;box-shadow:0 4px 20px #00000026}.slide-preview-content{display:flex;flex-direction:column;gap:var(--space-3)}.slide-preview-content h3{text-shadow:0 2px 4px rgba(0,0,0,.2)}.slide-preview-content p{opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.2)}.slide-type-indicator{position:absolute;bottom:var(--space-3);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:#00000080;border-radius:var(--radius-full);font-size:var(--text-xs);color:#fff}.slide-form{display:flex;flex-direction:column;gap:var(--space-4)}.slide-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.slide-form-group label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.slide-form-group input[type=text]{padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text-primary);transition:border-color .2s}.slide-form-group input[type=text]:focus{outline:none;border-color:var(--color-primary)}.slide-form-actions{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.slide-edit-form{display:flex;flex-direction:column;gap:var(--space-4);flex:1}.slide-field input[type=text]{padding:var(--space-3) var(--space-4);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s;width:100%;min-height:48px}.slide-field input[type=text]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00000014}.slide-field input[type=text]::-moz-placeholder{color:var(--color-text-light);opacity:.7}.slide-field input[type=text]::placeholder{color:var(--color-text-light);opacity:.7}.slide-delete-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#00000080;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s,transform .2s;opacity:0}.slide-list-item:hover .slide-delete-btn,.carousel-preview-slide:hover .slide-delete-btn{opacity:1}.slide-delete-btn:hover{background:#ef4444;transform:scale(1.1)}.slide-list-item,.slide-list-item-wrapper{position:relative}.slide-list-item-wrapper .slide-delete-btn{position:absolute;top:50%;right:8px;transform:translateY(-50%);z-index:2}.slide-delete-header-btn{color:#ef4444!important}.slide-delete-header-btn:hover{background:#ef44441a!important}.create-page-step-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin-top:var(--space-2)}.carousel-result{display:grid;grid-template-columns:1fr 360px;gap:var(--space-8)}.carousel-result--centered{max-width:1000px;margin:0 auto}.carousel-result-preview{display:flex;flex-direction:column;gap:var(--space-4)}.carousel-preview-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.carousel-preview-slide{aspect-ratio:4/5;border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.carousel-preview-slide:hover{transform:scale(1.02)}.carousel-preview-slide.active{box-shadow:0 0 0 3px var(--color-primary)}.carousel-preview-slide h4{font-size:10px;font-weight:600;margin-bottom:4px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.carousel-preview-slide p{font-size:8px;opacity:.8;text-shadow:0 1px 2px rgba(0,0,0,.3)}.slide-number-badge{position:absolute;top:8px;left:8px;width:18px;height:18px;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.carousel-preview-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.carousel-result-actions{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.carousel-result-actions h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.result-action-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.result-action-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-white);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;text-align:left;width:100%}.result-action-btn:hover{border-color:var(--color-primary);background:#00000005}.result-action-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.result-action-btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.result-action-btn__icon{width:40px;height:40px;border-radius:var(--radius-md);background:#0000000d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.result-action-btn--primary .result-action-btn__icon{background:#fff3}.result-action-btn__content{flex:1}.result-action-btn__title{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.result-action-btn--primary .result-action-btn__title{color:#fff}.result-action-btn__desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.result-action-btn--primary .result-action-btn__desc{color:#fffc}.result-action-cards{display:flex;flex-direction:column;gap:var(--space-3)}.result-action-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;text-align:center}.result-action-card:hover{border-color:var(--color-primary);background:#5e17eb08}.result-action-card:disabled{opacity:.5;cursor:not-allowed}.result-action-card svg{color:var(--color-primary)}.result-action-card .action-title{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary)}.result-action-card .action-desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.carousel-result-actions-v2{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-8);background:var(--color-bg-white);border-radius:var(--radius-xl);border:1px solid var(--color-border);max-width:500px;margin:0 auto}.carousel-result-actions-v2 .result-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-2)}.carousel-result-actions-v2 .result-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-4)}.result-action-cards-v2{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.result-action-card-v2{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-bg-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.result-action-card-v2:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.result-action-card-v2--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.result-action-card-v2--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 4px 16px #0003}.result-action-card-v2__icon{width:48px;height:48px;border-radius:var(--radius-md);background:#0000000d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.result-action-card-v2--primary .result-action-card-v2__icon{background:#fff3}.result-action-card-v2__icon svg{width:24px;height:24px;color:var(--color-primary)}.result-action-card-v2--primary .result-action-card-v2__icon svg{color:#fff}.result-action-card-v2__content{flex:1}.result-action-card-v2__title{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.result-action-card-v2--primary .result-action-card-v2__title{color:#fff}.result-action-card-v2__desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.result-action-card-v2--primary .result-action-card-v2__desc{color:#fffc}.slide-edit-form{display:flex;flex-direction:column;gap:var(--space-4)}.slide-field{display:flex;flex-direction:column;gap:var(--space-2)}.slide-field label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.slide-field input[type=text],.slide-field textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text-main);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease;font-family:inherit;resize:vertical}.slide-field input[type=text]:focus,.slide-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00000014}.slide-field input[type=text]::-moz-placeholder,.slide-field textarea::-moz-placeholder{color:var(--color-text-light);opacity:.7}.slide-field input[type=text]::placeholder,.slide-field textarea::placeholder{color:var(--color-text-light);opacity:.7}.slide-field textarea{min-height:120px}.slide-editor-header-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.slide-delete-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-2);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.slide-delete-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.slides-list-item-delete{display:flex;align-items:center;justify-content:center;padding:var(--space-1);background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;opacity:0;transition:all .2s ease;margin-left:auto}.slides-list-item:hover .slides-list-item-delete{opacity:1}.slides-list-item-delete:hover{color:#dc2626}.result-stats{display:flex;gap:var(--space-6);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-top:var(--space-4)}.result-stats .stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.result-stats .stat-value{font-size:var(--text-xl);font-weight:700;color:var(--color-primary)}.result-stats .stat-label{font-size:var(--text-sm);color:var(--color-text-secondary)}@media (max-width: 768px){.format-selection-grid,.carousel-text-input{grid-template-columns:1fr}.carousel-text-tips{order:-1}.slides-editor{grid-template-columns:1fr}.slides-list{max-height:200px;overflow-y:auto}.slide-editor-content,.carousel-result{grid-template-columns:1fr}}.my-trends-page{padding:var(--space-6);max-width:1400px;margin:0 auto}.my-trends-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);gap:var(--space-4)}.my-trends-header-left{flex:1}.my-trends-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-1)}.my-trends-subtitle{font-size:var(--text-base);color:var(--color-text-secondary)}.my-trends-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.my-trends-search{display:flex;align-items:center;gap:var(--space-2);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);flex:1;max-width:400px}.my-trends-search input{border:none;background:none;outline:none;flex:1;font-size:var(--text-sm);color:var(--color-text-primary)}.my-trends-search input::-moz-placeholder{color:var(--color-text-muted)}.my-trends-search input::placeholder{color:var(--color-text-muted)}.my-trends-search svg{color:var(--color-text-muted)}.my-trends-view-toggle{display:flex;background:var(--color-bg-light);border-radius:var(--radius-md);padding:2px}.my-trends-view-toggle button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all .15s ease}.my-trends-view-toggle button:hover{color:var(--color-text-primary)}.my-trends-view-toggle button.active{background:var(--color-bg-white);color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.my-trends-grid{display:grid;gap:var(--space-5)}.my-trends-grid--grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.my-trends-grid--compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.trend-board-card{background:var(--color-bg-white);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative;border:1px solid var(--color-border)}.trend-board-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.trend-board-cover{aspect-ratio:1;display:grid;gap:2px;background:var(--color-bg-light);overflow:hidden}.trend-board-cover--1{grid-template-columns:1fr}.trend-board-cover--2{grid-template-columns:1fr 1fr}.trend-board-cover--3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.trend-board-cover--3 .trend-board-cover-item:first-child{grid-row:span 2}.trend-board-cover--4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.trend-board-cover-item{overflow:hidden}.trend-board-cover-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.trend-board-card:hover .trend-board-cover-item img{transform:scale(1.05)}.trend-board-cover-empty{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg,var(--color-bg-light) 0%,var(--color-border) 100%);color:var(--color-text-muted)}.trend-board-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,transparent 30%);pointer-events:none}.trend-board-menu-btn{position:absolute;top:var(--space-2);right:var(--space-2);width:32px;height:32px;border-radius:50%;background:var(--color-bg-white);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:all;opacity:.9;transition:all .15s ease}.trend-board-menu-btn:hover{opacity:1;transform:scale(1.1)}.trend-board-info{padding:var(--space-4)}.trend-board-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.trend-board-title{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0}.trend-board-private-icon{color:var(--color-text-muted)}.trend-board-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trend-board-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted)}.trend-board-card--create{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;border:2px dashed var(--color-border);background:var(--color-bg-light)}.trend-board-card--create:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.trend-board-create-icon{width:64px;height:64px;border-radius:50%;background:var(--color-bg-white);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);margin-bottom:var(--space-3);transition:all .2s ease}.trend-board-card--create:hover .trend-board-create-icon{background:var(--color-primary);color:#fff;transform:scale(1.1)}.trend-board-create-text{font-size:var(--text-base);font-weight:500;color:var(--color-text-secondary)}.trend-board-card--create:hover .trend-board-create-text{color:var(--color-primary)}.my-trends-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;color:var(--color-text-muted)}.my-trends-empty svg{margin-bottom:var(--space-4);opacity:.5}.my-trends-empty h3{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-2)}.my-trends-empty p{font-size:var(--text-sm)}.trend-board-modal{max-width:420px}.modal-field--checkbox{display:flex;flex-direction:column;gap:var(--space-1)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-primary)}.checkbox-hint{font-size:var(--text-xs);color:var(--color-text-muted);padding-left:26px}.my-trends-grid--compact .trend-board-card--create{min-height:200px}.my-trends-grid--compact .trend-board-info{padding:var(--space-3)}.my-trends-grid--compact .trend-board-title{font-size:var(--text-sm)}.my-trends-grid--compact .trend-board-description{display:none}@media (max-width: 768px){.my-trends-header,.my-trends-toolbar{flex-direction:column;align-items:stretch}.my-trends-search{max-width:none}.my-trends-view-toggle{align-self:flex-end}.my-trends-grid--grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.dashboard-ts{min-height:100%;background:var(--color-bg-primary)}.dashboard-ts-demo-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-2) var(--space-4);background:var(--color-accent)}.dashboard-ts-demo-bar .btn,.dashboard-ts-demo-bar .btn-outline{background-color:#fff!important;border:2px solid #1A1A1A!important;color:#1a1a1a!important;border-radius:50px!important}.dashboard-ts-demo-bar .btn:hover,.dashboard-ts-demo-bar .btn-outline:hover{background-color:#1a1a1a!important;color:#fff!important}.dashboard-ts-demo-bar-content{display:flex;align-items:center;gap:var(--space-2)}.dashboard-ts-demo-bar-title{font-size:var(--text-base);font-weight:600;color:#000}.dashboard-ts-demo-bar-text{font-size:var(--text-sm);color:#000000b8}.dashboard-ts-content{max-width:720px;margin:0 auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.dashboard-ts-banners{position:relative;height:126px;border-radius:var(--radius-3xl);overflow:hidden}.dashboard-ts-banners-track{display:flex;height:100%;transition:transform .7s ease}.dashboard-ts-banner{flex-shrink:0;width:100%;height:100%;padding:var(--space-6);display:flex;flex-direction:column;justify-content:center;text-decoration:none}.dashboard-ts-banner-content{display:flex;flex-direction:column;gap:var(--space-3)}.dashboard-ts-banner-header{display:flex;align-items:center;gap:var(--space-4)}.dashboard-ts-banner-title{font-size:var(--text-xl);font-weight:700;margin:0}.dashboard-ts-banner-badge{padding:var(--space-1) var(--space-2);background:#fff0cb;color:#9e3f00;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700}.dashboard-ts-banner-description{font-size:var(--text-sm);margin:0;opacity:.9}.dashboard-ts-banners-dots{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);display:flex;gap:var(--space-2)}.dashboard-ts-banners-dot{width:8px;height:8px;border-radius:50%;background:#fff6;border:none;cursor:pointer;transition:background .2s}.dashboard-ts-banners-dot.active{background:#fff}.dashboard-ts-greeting{text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}.dashboard-ts-greeting-hello{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0}.dashboard-ts-greeting-title{font-size:var(--font-h3);font-weight:var(--font-weight-regular);font-family:var(--font-family-heading);color:var(--color-text-primary);margin:0}.dashboard-ts-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.dashboard-ts-action-card{padding:var(--space-6) var(--space-4);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid transparent;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-decoration:none;text-align:center;transition:all var(--transition-normal) var(--ease-out);cursor:pointer}.dashboard-ts-action-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-accent);transform:translateY(-2px)}.dashboard-ts-action-card-icon{width:56px;height:56px;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center}.dashboard-ts-action-card-content{display:flex;flex-direction:column;gap:var(--space-2)}.dashboard-ts-action-card-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0}.dashboard-ts-action-card-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;opacity:.72;line-height:1.4}.dashboard-ts-demo-card{padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-2xl);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.dashboard-ts-demo-card-content{display:flex;flex-direction:column;gap:var(--space-2)}.dashboard-ts-demo-card-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0}.dashboard-ts-demo-card-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.dashboard-ts-gamification{padding:var(--space-5);background:var(--color-bg-secondary);border-radius:var(--radius-3xl);box-shadow:inset 0 0 0 1px var(--color-border-light);display:flex;flex-direction:column;gap:var(--space-5)}.dashboard-ts-gamification-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.dashboard-ts-gamification-header-left{display:flex;flex-direction:column;gap:var(--space-2)}.dashboard-ts-gamification-header-title{display:flex;align-items:center;gap:var(--space-3)}.dashboard-ts-gamification-header-title h2{font-size:var(--text-xl);font-weight:700;margin:0}.dashboard-ts-gamification-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;opacity:.72}.dashboard-ts-gamification-total{padding:var(--space-2) var(--space-4);background:#171c1f;color:#fff;border-radius:var(--radius-full);font-weight:700;display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.dashboard-ts-gamification-earned{font-size:var(--text-lg);color:#22c55e}.dashboard-ts-gamification-divider{opacity:.5}.dashboard-ts-gamification-max{opacity:.7}.dashboard-ts-gamification-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.dashboard-ts-gamification-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:#fff;border-radius:var(--radius-xl);box-shadow:inset 0 0 0 1px var(--color-border-light);cursor:pointer;transition:all .2s ease}.dashboard-ts-gamification-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.dashboard-ts-gamification-card-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-ts-gamification-card-content{flex:1;min-width:0}.dashboard-ts-gamification-card-title{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.dashboard-ts-gamification-card-desc{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0 0 var(--space-3) 0}.dashboard-ts-gamification-card-progress{height:6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);margin-bottom:var(--space-2);overflow:hidden}.dashboard-ts-gamification-card-progress-bar{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.dashboard-ts-gamification-card-stats{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.dashboard-ts-gamification-card-count{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.dashboard-ts-gamification-card-reward{font-size:var(--text-xs);color:var(--color-text-tertiary)}.dashboard-ts-gamification-card-earned{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:#22c55e1a;border-radius:var(--radius-full);flex-shrink:0}.dashboard-ts-gamification-card-earned-value{font-size:var(--text-base);font-weight:700;color:#22c55e}@media (max-width: 768px){.dashboard-ts-gamification-cards{grid-template-columns:1fr}.dashboard-ts-gamification-header{flex-direction:column;align-items:flex-start}}.dashboard-ts-tutorials{display:flex;flex-direction:column;gap:var(--space-4)}.dashboard-ts-tutorials-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0}.dashboard-ts-tutorials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.dashboard-ts-tutorial-card{display:flex;flex-direction:column;gap:var(--space-2)}.dashboard-ts-tutorial-video{aspect-ratio:16/9;background:var(--color-bg-secondary);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);cursor:pointer;transition:background .2s}.dashboard-ts-tutorial-video:hover{background:var(--color-bg-tertiary)}.dashboard-ts-tutorial-label{font-size:var(--text-sm);color:var(--color-text-secondary);padding:0 var(--space-1)}.dashboard-ts-referral{padding:var(--space-4) var(--space-6);background:linear-gradient(90deg,#aa74ff,#ffa99f);border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:var(--space-4);color:#fff}.dashboard-ts-referral-header{display:flex;justify-content:space-between;gap:var(--space-4)}.dashboard-ts-referral-info{display:flex;flex-direction:column;gap:var(--space-2)}.dashboard-ts-referral-title{font-size:var(--text-xl);font-weight:700;margin:0}.dashboard-ts-referral-description{font-size:var(--text-sm);margin:0;opacity:.9}.dashboard-ts-referral-stats{font-size:var(--text-sm);margin:0}.dashboard-ts-referral-link{display:flex;gap:var(--space-4)}.dashboard-ts-referral-input{flex:1;padding:var(--space-3);background:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--color-text-primary);min-width:0}.dashboard-ts-telegram{padding:var(--space-4);background:#9380fe;border-radius:var(--radius-3xl);display:flex;flex-direction:column;gap:var(--space-4);color:#fff}.dashboard-ts-telegram-title{font-size:var(--text-xl);font-weight:700;color:#eefd58;margin:0;line-height:1.3}.dashboard-ts-telegram-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#fff;color:var(--color-text-primary);border-radius:var(--radius-2xl);font-weight:600;text-decoration:none;transition:opacity .2s}.dashboard-ts-telegram-btn:hover{opacity:.9}@media (max-width: 768px){.dashboard-ts-demo-bar-text{display:none}.dashboard-ts-content{padding:var(--space-4)}.dashboard-ts-banners{height:auto}.dashboard-ts-banner{padding:var(--space-4)}.dashboard-ts-actions{grid-template-columns:1fr}.dashboard-ts-action-card{flex-direction:row;text-align:left;padding:var(--space-3)}.dashboard-ts-action-card-icon{width:48px;height:48px}.dashboard-ts-action-card-description{display:none}.dashboard-ts-demo-card{flex-direction:column;text-align:center}.dashboard-ts-quests-header{flex-direction:column;gap:var(--space-3)}.dashboard-ts-quests-reward{align-self:flex-start}.dashboard-ts-quest-card{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.dashboard-ts-quest-card-meta{flex-direction:row;gap:var(--space-2)}.dashboard-ts-tutorials-grid{grid-template-columns:1fr}.dashboard-ts-referral{padding:var(--space-4)}.dashboard-ts-referral-title .desktop-only{display:none}.dashboard-ts-referral-link{flex-direction:column}}.my-competitors-page-v2{padding:var(--space-6);max-width:1200px;margin:0 auto}.ai-agent-widget{position:relative;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,#8b5cf614,#3b82f614);border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.ai-agent-close{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.ai-agent-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.ai-agent-icon{width:40px;height:40px;background:var(--color-accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-main);flex-shrink:0}.ai-agent-content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.ai-agent-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.4;margin:0}.ai-agent-input{display:flex;gap:var(--space-2);max-width:500px}.ai-agent-input input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-primary);font-size:var(--text-sm);color:var(--color-text-primary)}.ai-agent-input input::-moz-placeholder{color:var(--color-text-tertiary)}.ai-agent-input input::placeholder{color:var(--color-text-tertiary)}.ai-agent-input input:focus{outline:none;border-color:var(--color-accent)}.ai-agent-input button{width:36px;height:36px;background:var(--color-primary);border:none;border-radius:var(--radius-full);color:var(--color-text-inverse);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.ai-agent-input button:disabled{opacity:.5;cursor:not-allowed}.ai-agent-input button:not(:disabled):hover{opacity:.9}.my-competitors-title-v2{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-6)}.platform-section{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.platform-section:last-of-type{border-bottom:none;margin-bottom:var(--space-6)}.platform-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.platform-section-title{display:flex;align-items:center;gap:var(--space-3)}.platform-section-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.platform-section-icon svg{width:18px;height:18px}.platform-section-title h2{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0}.platform-section-count{font-size:var(--text-sm);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.platform-section-followers{font-size:var(--text-sm);color:var(--color-accent);font-weight:500}.competitors-row{display:flex;gap:var(--space-4);padding:var(--space-4) 0;margin-bottom:var(--space-6);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.competitors-row::-webkit-scrollbar{display:none}.competitor-avatar-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);background:transparent;border:none;cursor:pointer;transition:transform .2s ease;flex-shrink:0}.competitor-avatar-btn:hover{transform:scale(1.05)}.competitor-avatar-ring{width:66px;height:66px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);display:flex;align-items:center;justify-content:center}.competitor-avatar-ring--active{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.competitor-avatar-ring img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid var(--color-bg-primary)}.competitor-avatar-btn--selected .competitor-avatar-ring{background:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent)}.competitor-avatar-name{font-size:11px;color:var(--color-text-secondary);max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.competitor-avatar-wrapper{position:relative;display:inline-flex}.competitor-avatar-wrapper:hover .competitor-avatar-remove{opacity:1;transform:scale(1)}.competitor-avatar-remove{position:absolute;top:0;right:0;width:22px;height:22px;border-radius:50%;background:var(--color-bg-dark);color:#fff;border:2px solid var(--color-bg-white);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .2s ease;z-index:10}.competitor-avatar-remove:hover{background:#ef4444;transform:scale(1.1)}.competitor-add-btn .competitor-add-ring{width:66px;height:66px;border-radius:50%;border:2px dashed var(--color-border);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);transition:all .2s ease}.competitor-add-btn:hover .competitor-add-ring{border-color:var(--color-accent);color:var(--color-accent);background:#8b5cf61a}.competitors-sort-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.competitors-sort-left{display:flex;align-items:center;gap:var(--space-2)}.competitors-content-count{font-size:var(--text-sm);color:var(--color-text-tertiary);display:flex;align-items:center;gap:var(--space-2)}.show-all-btn{font-size:var(--text-sm);color:var(--color-accent);background:none;border:none;cursor:pointer;text-decoration:underline;padding:0}.show-all-btn:hover{color:var(--color-accent-dark)}.competitors-sort-right{display:flex;gap:var(--space-2)}.sort-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.sort-btn:hover{border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.sort-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.sort-btn .sort-dir{font-size:10px;margin-left:2px}.competitors-content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.video-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);overflow:hidden;transition:all .2s ease}.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.video-card-content{display:flex;flex-direction:column;min-height:130px;padding:0}.video-card-content .video-card-author{padding:var(--space-3) var(--space-2) var(--space-1)}.video-card-content .video-card-title{flex:1;min-height:36px}.video-card-content .video-card-analyze{margin-top:auto}.video-card-thumb{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:var(--radius-xl)}.video-card-thumb>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-card-badge{position:absolute;top:var(--space-2);left:var(--space-2);display:flex;align-items:center;gap:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:var(--radius-full);z-index:2}.video-card-badge svg{width:12px;height:12px}.video-card-duration{position:absolute;bottom:48px;right:var(--space-2);background:#000000b3;color:#fff;font-size:11px;font-weight:500;padding:2px 6px;border-radius:var(--radius-sm);z-index:2}.video-card-favorite{position:absolute;top:var(--space-2);right:var(--space-2);width:32px;height:32px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2;color:var(--color-text-tertiary)}.video-card-favorite:hover{background:#fff;transform:scale(1.1)}.video-card-favorite--active{color:#ed003d;background:#fff}.video-card-share{position:absolute;top:calc(var(--space-2) + 40px);right:var(--space-2);width:32px;height:32px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2;color:var(--color-text-tertiary)}.video-card-share:hover{background:#fff;transform:scale(1.1)}.video-card-stats{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);padding:var(--space-6) var(--space-3) var(--space-3);display:flex;justify-content:space-around;z-index:2}.video-card-stats span{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;font-size:12px;font-weight:600}.video-card-stats span svg{opacity:.9}.video-card-author{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2) var(--space-1)}.video-card-author>img{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.video-card-author-name{flex:1;font-size:13px;font-weight:500;color:var(--color-text-primary)}.video-card-follow{width:24px;height:24px;background:none;border:1.5px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-tertiary);transition:all .2s ease}.video-card-follow:hover{border-color:var(--color-accent);color:var(--color-accent)}.video-card-title{padding:0 var(--space-2);font-size:12px;color:var(--color-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.video-card-analyze{display:block;width:100%;margin:0;padding:var(--space-2) var(--space-3);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:50px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.video-card-analyze:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.video-card-actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto;padding:var(--space-2) var(--space-3) var(--space-3)}.video-card-actions .video-card-analyze{margin:0;width:100%}.video-card-take-to-work{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:50px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.video-card-take-to-work:hover{background:var(--color-primary);color:var(--color-text-inverse);transform:translateY(-1px)}.video-card-take-to-work svg{flex-shrink:0}.video-card-take-to-work--saved{background:var(--color-success-light, #D1FAE5);color:var(--color-success, #059669);border-color:var(--color-success, #059669);cursor:default}.video-card-take-to-work--saved:hover{background:var(--color-success-light, #D1FAE5);color:var(--color-success, #059669);transform:none}.video-card-take-to-work--saved:disabled{opacity:1}.saved-toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-success, #059669);color:#fff;border-radius:var(--radius-full);font-size:14px;font-weight:500;box-shadow:0 8px 24px #0596694d;z-index:9999;animation:toastSlideUp .3s ease-out}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.competitors-empty{text-align:center;padding:var(--space-12);color:var(--color-text-tertiary)}@media (max-width: 768px){.ai-agent-widget{flex-direction:column}.competitors-sort-bar{flex-direction:column;gap:var(--space-3);align-items:flex-start}.competitors-sort-right{flex-wrap:wrap}.competitors-content-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.video-card-stats{padding:var(--space-4) var(--space-2) var(--space-2)}.video-card-stats span{font-size:10px}.video-card-analyze{font-size:12px;padding:var(--space-2)}}.competitor-card-dropdown button.danger:hover{background:#ef44441a}.competitor-card-stats{display:flex;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-3)}.competitor-stat{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm)}.competitor-stat svg{color:var(--color-text-tertiary)}.competitor-stat-value{font-weight:600;color:var(--color-text-primary)}.competitor-stat-label{color:var(--color-text-tertiary)}.competitor-card-videos{margin-bottom:var(--space-3)}.competitor-card-videos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.competitor-videos-count{color:var(--color-text-tertiary)}.competitor-card-videos-grid{display:flex;gap:var(--space-2)}.competitor-video-thumb{position:relative;width:60px;height:100px;border-radius:var(--radius-md);overflow:hidden;cursor:pointer}.competitor-video-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.competitor-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.competitor-video-thumb:hover .competitor-video-overlay{opacity:1}.competitor-video-overlay svg{color:#fff}.competitor-video-duration{position:absolute;bottom:4px;right:4px;background:#000000b3;color:#fff;font-size:10px;padding:1px 4px;border-radius:2px}.competitor-video-stats{position:absolute;bottom:4px;left:4px;display:flex;gap:var(--space-1)}.competitor-video-stats span{display:flex;align-items:center;gap:2px;background:#000000b3;color:#fff;font-size:9px;padding:1px 3px;border-radius:2px}.competitor-card-footer{display:flex;justify-content:space-between;align-items:center}.sync-status{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.sync-status--active{background:#22c55e1a;color:#22c55e}.sync-status--syncing{background:#3b82f61a;color:#3b82f6}.sync-status--error{background:#ef44441a;color:#ef4444}.spinning{animation:spin 1s linear infinite}.competitor-card-updated{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-tertiary)}.my-competitors-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-4);text-align:center}.my-competitors-empty svg{color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.my-competitors-empty h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.my-competitors-empty p{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6)}@media (max-width: 768px){.my-competitors-header{flex-direction:column}.my-competitors-header-actions{width:100%}.my-competitors-header-actions .btn{flex:1}.my-competitors-stats-bar{flex-wrap:wrap}.my-competitors-toolbar{flex-direction:column;align-items:stretch}.my-competitors-search{max-width:100%}.my-competitors-grid--grid{grid-template-columns:1fr}}.my-trends-page-v2{padding:var(--space-6);max-width:1200px;margin:0 auto}.my-trends-title-v2{font-size:28px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-4)}.trends-search-wrapper,.competitors-search-wrapper{margin-bottom:var(--space-5);max-width:700px}.trends-tags-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.trend-tag-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;white-space:nowrap;height:32px}.trend-tag-badge:hover{border-color:var(--color-primary);background:var(--color-bg-tertiary)}.trend-tag-badge--selected{border-color:var(--color-primary);background:var(--color-primary)}.trend-tag-badge--selected .trend-tag-name{color:var(--color-text-inverse)}.trend-tag-name{font-size:13px;font-weight:500;color:var(--color-text-primary);line-height:1}.trend-tag-add{border-style:dashed;color:var(--color-text-tertiary)}.trend-tag-add:hover{border-color:var(--color-accent);color:var(--color-accent)}.trend-tag-add .trend-tag-name{color:inherit}.trend-tag-wrapper{position:relative;display:inline-flex}.trend-tag-wrapper:hover .trend-tag-remove{opacity:1;transform:scale(1)}.trend-tag-remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--color-bg-dark);color:#fff;border:2px solid var(--color-bg-white);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .2s ease;z-index:10}.trend-tag-remove:hover{background:#ef4444;transform:scale(1.1)}.trend-tag-add svg{flex-shrink:0}.trend-tag-count{font-size:12px;color:var(--color-text-tertiary);background:var(--color-bg-tertiary);padding:2px 8px;border-radius:var(--radius-full)}.video-card-tag-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent),#8b5cf6);color:#fff;border-radius:50%}.competitor-add-hint{display:none;position:absolute;bottom:-8px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:10px;color:var(--color-text-tertiary);background:var(--color-bg-primary);padding:2px 6px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.competitor-add-btn:hover .competitor-add-hint{display:block}.trends-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-4);text-align:center}.trends-empty-state svg{color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.trends-empty-state h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.trends-empty-state p{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6)}@media (max-width: 768px){.trends-tags-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch}.trend-tag-badge{flex-shrink:0}}.crextio-progress-tracker{display:flex;height:32px;border-radius:50px;overflow:hidden;background:var(--color-bg-light)}.crextio-progress-segment{display:flex;align-items:center;justify-content:center;padding:0 var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap;transition:all .2s ease}.crextio-progress-segment--active{background:var(--color-primary);color:var(--color-text-inverse)}.crextio-progress-segment--dark{background:var(--color-bg-dark);color:var(--color-text-inverse)}.crextio-stat-counter{display:flex;align-items:center;gap:var(--space-2)}.crextio-stat-counter__icon{width:24px;height:24px;color:var(--color-text-secondary)}.crextio-stat-counter__value{font-size:48px;font-weight:400;color:var(--color-text-main);line-height:1}.crextio-stat-counter__label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.crextio-filter-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:50px;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-main);cursor:pointer;transition:all .2s ease}.crextio-filter-chip:hover{border-color:var(--color-border-dark);background:var(--color-bg-light)}.crextio-filter-chip--active{background:var(--color-bg-dark);border-color:var(--color-bg-dark);color:var(--color-text-inverse)}.crextio-filter-chip__arrow{width:12px;height:12px;transition:transform .2s ease}.crextio-filter-chip--open .crextio-filter-chip__arrow{transform:rotate(180deg)}.crextio-search-input{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:50px;transition:all .2s ease}.crextio-search-input:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-lighter)}.crextio-search-input__icon{width:20px;height:20px;color:var(--color-text-tertiary)}.crextio-search-input__field{flex:1;border:none;background:transparent;font-size:var(--text-base);color:var(--color-text-main);outline:none}.crextio-search-input__field::-moz-placeholder{color:var(--color-text-tertiary)}.crextio-search-input__field::placeholder{color:var(--color-text-tertiary)}.crextio-profile-card{position:relative;background:var(--color-bg-white);border-radius:24px;padding:var(--space-6);box-shadow:0 4px 20px #0000000f}.crextio-profile-card__photo{width:100%;aspect-ratio:1;border-radius:16px;-o-object-fit:cover;object-fit:cover}.crextio-profile-card__name{font-size:var(--text-lg);font-weight:600;color:var(--color-text-main);margin-top:var(--space-4)}.crextio-profile-card__role{font-size:var(--text-sm);color:var(--color-text-secondary)}.crextio-profile-card__price{position:absolute;bottom:var(--space-6);right:var(--space-6);padding:var(--space-2) var(--space-4);background:var(--color-accent);border-radius:50px;font-size:var(--text-sm);font-weight:600;color:var(--color-text-main)}.crextio-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.crextio-card-header__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-main)}.crextio-card-header__arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-light);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.crextio-card-header__arrow:hover{background:var(--color-bg-tertiary);color:var(--color-text-main)}.crextio-pricing-page{max-width:1200px;margin:0 auto;padding:var(--space-8)}.crextio-pricing-title{font-size:48px;font-weight:400;color:var(--color-text-main);margin-bottom:var(--space-8)}.crextio-billing-toggle{display:inline-flex;background:var(--color-bg-light);border-radius:50px;padding:4px;margin-bottom:var(--space-10)}.crextio-billing-toggle__btn{padding:var(--space-3) var(--space-6);border:none;background:transparent;border-radius:50px;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.crextio-billing-toggle__btn--active{background:var(--color-bg-dark);color:var(--color-text-inverse)}.crextio-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);align-items:stretch}@media (max-width: 1024px){.crextio-plans-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.crextio-plan-card{position:relative;background:linear-gradient(180deg,#fffdf5,#fff8e7,#fff4d9);border-radius:24px 0 24px 24px;padding:var(--space-8);padding-top:calc(var(--space-8) + 8px);box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;overflow:visible;clip-path:polygon(0 0,calc(100% - 100px) 0,calc(100% - 100px) 28px,100% 28px,100% 100%,0 100%)}.crextio-plan-card__badge{position:absolute;top:0;right:0;font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:inherit;padding:6px 16px;border-radius:0 24px 0 12px;display:flex;align-items:center;gap:6px;z-index:2}.crextio-plan-card__badge:after{content:"";width:6px;height:6px;border-radius:50%;background:#8bc34a}.crextio-plan-card--featured{background:#1a1a1a;color:var(--color-text-inverse);border-radius:24px;clip-path:none}.crextio-plan-card--featured:before{content:"";position:absolute;top:-8px;left:-6px;right:-6px;bottom:-6px;background:linear-gradient(135deg,#f5c518,#e8c547,#d4af37);border-radius:30px;z-index:-1;clip-path:polygon(0 0,calc(100% - 90px) 0,calc(100% - 90px) 32px,100% 32px,100% 100%,0 100%)}.crextio-plan-card--featured .crextio-plan-card__badge{color:#fffc}.crextio-plan-card__badge--featured{background:#8bc34a;color:var(--color-text-main);padding:6px 14px;border-radius:50px}.crextio-plan-card__badge--featured:after{display:none}.crextio-plan-card__name{font-size:var(--text-2xl);font-weight:500;margin-bottom:var(--space-6);margin-top:var(--space-2)}.crextio-plan-card--featured .crextio-plan-card__name{color:var(--color-text-inverse)}.crextio-plan-card__price-block{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2)}.crextio-plan-card__price-original{font-size:var(--text-xl);color:var(--color-text-tertiary);text-decoration:line-through}.crextio-plan-card--featured .crextio-plan-card__price-original{color:#ffffff80}.crextio-plan-card__price{font-size:48px;font-weight:400;line-height:1}.crextio-plan-card__price-period{font-size:var(--text-sm);color:var(--color-text-secondary)}.crextio-plan-card--featured .crextio-plan-card__price-period{color:#ffffffb3}.crextio-plan-card__price-yearly{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-6)}.crextio-plan-card--featured .crextio-plan-card__price-yearly{color:#ffffff80}.crextio-plan-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-6)}.crextio-plan-card--featured .crextio-plan-card__description{color:#ffffffb3}.crextio-plan-card__features{list-style:none;padding:0;margin:0 0 var(--space-8) 0;flex:1}.crextio-plan-card__feature{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;font-size:var(--text-sm)}.crextio-plan-card__feature--excluded{color:var(--color-text-tertiary)}.crextio-plan-card--featured .crextio-plan-card__feature--excluded{color:#fff6}.crextio-plan-card__feature-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.crextio-plan-card__feature-icon--check{background:#8bc34a;color:#fff}.crextio-plan-card__feature-icon--x{background:transparent;color:var(--color-text-tertiary)}.crextio-plan-card--featured .crextio-plan-card__feature-icon--x{color:#fff6}.crextio-plan-card__btn{width:100%;padding:var(--space-4) var(--space-6);border:2px solid var(--color-bg-dark);background:transparent;border-radius:50px;font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text-main);cursor:pointer;transition:all .2s ease}.crextio-plan-card__btn:hover{background:var(--color-bg-dark);color:var(--color-text-inverse)}.crextio-plan-card__btn--featured{background:#fff;border-color:#fff;color:var(--color-text-main)}.crextio-plan-card__btn--featured:hover{background:#f5f5f5;border-color:#f5f5f5}.crextio-plan-card__btn--current{background:transparent;border-color:var(--color-border);color:var(--color-text-secondary);cursor:default}.crextio-plan-card__btn--current:hover{background:transparent;color:var(--color-text-secondary)}.crextio-plan-card__btn:disabled{opacity:.6;cursor:not-allowed}.crextio-plan-card__folder-bg{position:absolute;top:-10px;left:-8px;right:-8px;bottom:-8px;width:calc(100% + 16px);height:calc(100% + 18px);z-index:-1;pointer-events:none}.crextio-plan-card--featured:before{display:none}.video-details-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .2s ease}.video-details-modal{position:relative;background:var(--color-bg-white);border-radius:var(--radius-xl);max-width:800px;max-height:90vh;width:100%;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.video-details-modal__close{position:absolute;top:var(--space-3);right:var(--space-3);z-index:10;width:36px;height:36px;border-radius:var(--radius-full);background:#0009;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.video-details-modal__close:hover{background:#000c;transform:scale(1.05)}.video-details-modal__content{display:grid;grid-template-columns:1fr 1fr;max-height:90vh}.video-details-modal__video{background:#1a1a1a;aspect-ratio:9 / 16;max-height:80vh;display:flex;align-items:center;justify-content:center}.video-details-modal__video video,.video-details-modal__video img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.video-details-modal__placeholder{color:#ffffff80}.video-details-modal__info{padding:var(--space-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.video-details-modal__author{display:flex;align-items:center;gap:var(--space-3)}.video-details-modal__author img{width:40px;height:40px;border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover}.video-details-modal__author span{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary)}.video-details-modal__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.4}.video-details-modal__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin:0}.video-details-modal__metrics{display:flex;flex-direction:column;gap:var(--space-2)}.video-details-modal__metrics span{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.video-details-modal__viral{padding:var(--space-3) var(--space-4);background:#ff6b001a;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;color:#ff6b00}.video-details-modal__customize-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-primary);color:var(--color-bg-dark);border:none;border-radius:var(--radius-button);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:auto}.video-details-modal__customize-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}@media (max-width: 768px){.video-details-modal__content{grid-template-columns:1fr}.video-details-modal__video{max-height:40vh}.video-details-modal__info{padding:var(--space-4)}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:220px;background-color:var(--color-bg-white);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:var(--z-sticky)}.sidebar-header{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);height:52px}.sidebar-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.sidebar-logo__icon{width:28px;height:28px;border-radius:var(--radius-md);background:var(--color-text-main);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo__text{font-size:1.125rem;font-weight:var(--font-weight-bold);color:var(--color-text-main)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-2) 0}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.sidebar-group{margin-bottom:var(--space-1)}.sidebar-group__label{padding:var(--space-2) var(--space-3);font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.08em}.sidebar-group__items{display:flex;flex-direction:column;gap:1px;padding:0 var(--space-2)}.sidebar-menu-item-wrapper{width:100%}.sidebar-menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:8px 10px;border-radius:var(--radius-md);color:var(--color-text-body);text-decoration:none;font-size:13px;font-weight:var(--font-weight-medium);transition:all var(--transition-fast) var(--ease-out);cursor:pointer;border:none;background:transparent;text-align:left}.sidebar-menu-item:hover{background-color:var(--color-bg-light);color:var(--color-text-main)}.sidebar-menu-item--active,.sidebar-menu-item--active:hover{background-color:var(--color-accent-lighter);color:var(--color-text-main)}.sidebar-menu-item__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.sidebar-menu-item__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-menu-item__arrow{display:flex;align-items:center;justify-content:center;color:var(--color-text-light);transition:transform var(--transition-fast) var(--ease-out)}.sidebar-menu-item--sub{padding-left:32px;font-size:12px}.sidebar-menu-item--sub .sidebar-menu-item__icon{width:18px;height:18px}.sidebar-submenu{display:flex;flex-direction:column;gap:1px;margin-top:1px}.sidebar-bottom-menu{margin-top:auto;padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border)}.sidebar-footer{border-top:1px solid var(--color-border);padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-user{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);text-decoration:none;color:inherit}.sidebar-user--clickable{cursor:pointer;transition:background var(--transition-fast) var(--ease-out)}.sidebar-user--clickable:hover{background:var(--color-bg-light)}.sidebar-profile-wrapper{position:relative}.sidebar-profile-menu{position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;background:var(--color-bg-main);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 24px #0000001f;padding:8px;z-index:100;animation:slideUp .15s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar-profile-menu__email{padding:8px 12px;font-size:12px;color:var(--color-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile-menu__divider{height:1px;background:var(--color-border);margin:4px 0}.sidebar-profile-menu__item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);font-size:13px;color:var(--color-text-main);text-decoration:none;cursor:pointer;background:none;border:none;width:100%;transition:background .15s ease}.sidebar-profile-menu__item:hover{background:var(--color-bg-light)}.sidebar-profile-menu__item--danger{color:var(--color-error)}.sidebar-profile-menu__item--danger:hover{background:var(--color-error-light)}.sidebar-user__chevron{margin-left:auto;opacity:.5;transition:transform .2s ease}.sidebar-user__chevron--open{transform:rotate(180deg)}.sidebar-user__avatar{width:28px;height:28px;border-radius:var(--radius-full);background-color:var(--color-accent-lighter);color:var(--color-text-main);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.sidebar-user__avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sidebar-user__info{display:flex;flex-direction:column;min-width:0}.sidebar-user__name{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user__plan{font-size:10px;color:var(--color-text-light)}.sidebar-logout{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:8px 10px;border-radius:var(--radius-md);color:var(--color-text-light);font-size:12px;font-weight:var(--font-weight-medium);transition:all var(--transition-fast) var(--ease-out);cursor:pointer;background:none;border:none}.sidebar-logout:hover{background-color:var(--color-error-light);color:var(--color-error)}.sidebar-login-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:10px 12px;border-radius:var(--radius-md);background-color:var(--color-primary);color:var(--color-text-inverse);font-size:12px;font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-fast) var(--ease-out)}.sidebar-login-btn:hover{background-color:var(--color-primary-hover)}@media (max-width: 1024px){.sidebar{transform:translate(-100%);transition:transform .25s ease;box-shadow:none}.sidebar--open{transform:translate(0);box-shadow:4px 0 24px #00000026}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:calc(var(--z-sticky) - 1);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.sidebar-overlay--visible{opacity:1;visibility:visible}.dashboard-main{margin-left:0!important}.mobile-menu-toggle{display:flex!important}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--color-bg-white);border-top:1px solid var(--color-border);z-index:var(--z-sticky);padding-bottom:env(safe-area-inset-bottom)}@media (max-width: 768px){.mobile-nav{display:flex;align-items:stretch}.sidebar{display:none}.dashboard-main{margin-left:0!important;padding-bottom:calc(64px + env(safe-area-inset-bottom))!important}.dashboard-header{margin-left:0!important;padding-left:var(--space-4)!important}}.mobile-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-2) var(--space-1);text-decoration:none;color:var(--color-text-light);transition:color .15s ease;position:relative}.mobile-nav__item:active{transform:scale(.95)}.mobile-nav__item--active,.mobile-nav__item--active .mobile-nav__icon{color:var(--color-primary)}.mobile-nav__item--create{position:relative}.mobile-nav__item--create .mobile-nav__icon{width:44px;height:44px;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;margin-top:-16px;box-shadow:0 4px 12px #6366f159}.mobile-nav__item--create .mobile-nav__label{display:none}.mobile-nav__icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px}.mobile-nav__label{font-size:10px;font-weight:var(--font-weight-medium);line-height:1}.mobile-menu-toggle{display:none;position:fixed;top:12px;left:12px;z-index:calc(var(--z-sticky) + 1);width:40px;height:40px;border-radius:8px;background:var(--color-bg-white);border:1px solid var(--color-border);align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000001a}.mobile-menu-toggle:hover{background:var(--color-bg-light)}.sidebar-menu-item--expandable{width:100%;text-align:left;background:none;border:none;font:inherit}.sidebar-menu-item__arrow{transition:transform .2s ease;opacity:.5;margin-left:auto;flex-shrink:0}.sidebar-menu-item__arrow--open{transform:rotate(180deg)}.sidebar-submenu{display:flex;flex-direction:column;gap:var(--space-1);padding-left:var(--space-6);padding-top:var(--space-1);padding-bottom:var(--space-1)}.sidebar-submenu-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;transition:all .15s ease}.sidebar-submenu-item:hover{background:var(--color-bg-light);color:var(--color-text-primary)}.sidebar-submenu-item--active{background:var(--color-accent-lighter);color:var(--color-text-main)}.sidebar-submenu-item__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.sidebar-submenu-item__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-bento{min-height:100vh;background:var(--color-bg-page)}.bento-section-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin-bottom:var(--space-4)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-4);padding:var(--space-6)}.bento-cell{background:var(--color-bg-white);border-radius:var(--radius-lg);border:none;padding:var(--space-5);box-shadow:var(--shadow-card);transition:all var(--transition-normal) var(--ease-out);overflow:hidden}.bento-cell:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.bento-cell--span-3{grid-column:span 3}.bento-cell--span-4{grid-column:span 4}.bento-cell--span-5{grid-column:span 5}.bento-cell--span-6{grid-column:span 6}.bento-cell--span-7{grid-column:span 7}.bento-cell--span-8{grid-column:span 8}.bento-cell--span-12{grid-column:span 12}.bento-cell--tall{min-height:280px}.bento-cell--medium{min-height:200px}.bento-cell--short{min-height:120px}.bento-cell--auto{min-height:auto}.plan-fact{display:flex;flex-direction:column;height:100%}.plan-fact__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.plan-fact__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body)}.plan-fact__title-icon{color:var(--color-accent)}.plan-fact__edit-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--color-text-light);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.plan-fact__edit-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-lighter)}.plan-fact__content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.plan-fact__progress-ring{position:relative;width:140px;height:140px}.plan-fact__progress-ring svg{transform:rotate(-90deg)}.plan-fact__progress-bg{fill:none;stroke:var(--color-bg-grey);stroke-width:12}.plan-fact__progress-bar{fill:none;stroke:var(--color-accent);stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset var(--transition-slow) var(--ease-out)}.plan-fact__progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.plan-fact__progress-value{display:block;font-size:var(--font-h3);font-weight:var(--font-weight-bold);color:var(--color-text-main);line-height:1}.plan-fact__progress-label{display:block;font-size:var(--text-xs);color:var(--color-text-light);margin-top:var(--space-1)}.plan-fact__stats{display:flex;gap:var(--space-6);text-align:center}.plan-fact__stat-value{display:block;font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.plan-fact__stat-label{font-size:var(--text-xs);color:var(--color-text-light)}.stats-compact{display:flex;align-items:center;gap:var(--space-3);height:100%}.stats-compact__item{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-light);border-radius:var(--radius-md);transition:background var(--transition-fast) var(--ease-out)}.stats-compact__item:hover{background:var(--color-bg-grey)}.stats-compact__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-bg-white);color:var(--color-accent)}.stats-compact__icon--success{color:var(--color-success)}.stats-compact__icon--info{color:var(--color-info)}.stats-compact__icon--warning{color:var(--color-warning)}.stats-compact__info{flex:1;min-width:0}.stats-compact__value{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-main);line-height:1.2}.stats-compact__label{font-size:var(--text-xs);color:var(--color-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-compact__trend{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-success)}.stats-compact__trend--down{color:var(--color-error)}.mini-calendar{display:flex;flex-direction:column;height:100%}.mini-calendar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.mini-calendar__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body)}.mini-calendar__title-icon{color:var(--color-info)}.mini-calendar__nav{display:flex;gap:var(--space-1)}.mini-calendar__nav-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-light);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.mini-calendar__nav-btn:hover{color:var(--color-text-main);border-color:var(--color-border-dark)}.mini-calendar__month{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.mini-calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1);margin-bottom:var(--space-2)}.mini-calendar__weekday{text-align:center;font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-light);padding:var(--space-1)}.mini-calendar__days{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1);flex:1}.mini-calendar__day{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;font-size:var(--text-sm);color:var(--color-text-body);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.mini-calendar__day:hover{background:var(--color-bg-light)}.mini-calendar__day--today{background:var(--color-accent);color:var(--color-text-main);font-weight:var(--font-weight-semibold)}.mini-calendar__day--today:hover{background:var(--color-accent-hover)}.mini-calendar__day--other-month{color:var(--color-text-disabled)}.mini-calendar__day--has-content:after{content:"";position:absolute;bottom:4px;width:4px;height:4px;background:var(--color-accent);border-radius:var(--radius-full)}.mini-calendar__day--today.mini-calendar__day--has-content:after{background:var(--color-text-inverse)}.mini-calendar__day-count{position:absolute;top:2px;right:2px;min-width:14px;height:14px;padding:0 4px;font-size:9px;font-weight:var(--font-weight-bold);color:var(--color-text-inverse);background:var(--color-success);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.quick-actions-compact{display:flex;flex-direction:column;height:100%}.quick-actions-compact__header{margin-bottom:var(--space-3)}.quick-actions-compact__title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body)}.quick-actions-compact__grid{display:flex;gap:var(--space-2);flex:1}.quick-actions-compact__btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-light);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.quick-actions-compact__btn:hover{background:var(--color-bg-white);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-actions-compact__btn-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-text-inverse)}.quick-actions-compact__btn-icon--video{background:var(--color-primary)}.quick-actions-compact__btn-icon--image{background:var(--color-success)}.quick-actions-compact__btn-icon--text{background:var(--color-info)}.quick-actions-compact__btn-icon--ai{background:linear-gradient(135deg,var(--color-primary),var(--color-accent))}.quick-actions-compact__btn-label{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-body)}.channel-status{margin-top:var(--space-4);border-top:1px solid var(--color-border);padding-top:var(--space-4)}.channel-status__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);cursor:pointer}.channel-status__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-light);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.channel-status__toggle{color:var(--color-text-light);transition:transform var(--transition-fast) var(--ease-out)}.channel-status__toggle--open{transform:rotate(180deg)}.channel-status__list{display:flex;flex-direction:column;gap:var(--space-1);max-height:300px;overflow-y:auto}.channel-status__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast) var(--ease-out)}.channel-status__item:hover{background:var(--color-bg-light)}.channel-status__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-text-body)}.channel-status__name{flex:1;font-size:var(--text-sm);color:var(--color-text-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-status__indicator{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.channel-status__indicator--connected{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.channel-status__indicator--disconnected{background:var(--color-text-disabled)}.channel-status__indicator--error{background:var(--color-error);box-shadow:0 0 6px var(--color-error);animation:pulse-error 2s infinite}@keyframes pulse-error{0%,to{opacity:1}50%{opacity:.5}}.channel-status__summary{display:flex;gap:var(--space-3);padding:var(--space-2);margin-bottom:var(--space-2);background:var(--color-bg-light);border-radius:var(--radius-sm)}.channel-status__summary-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-light)}.channel-status__summary-count{font-weight:var(--font-weight-semibold);color:var(--color-text-body)}.channel-status__add-link{display:block;margin-top:var(--space-3);padding:var(--space-2) var(--space-3);text-align:center;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background:var(--color-bg-light);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast) var(--ease-out)}.channel-status__add-link:hover{background:var(--color-primary-lighter);color:var(--color-primary)}.dashboard-banner-compact{margin-top:var(--space-4)}.dashboard-banner-compact__item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);text-decoration:none;transition:transform var(--transition-fast) var(--ease-out)}.dashboard-banner-compact__item:hover{transform:scale(1.01)}.dashboard-banner-compact__content h3{font-size:var(--text-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.dashboard-banner-compact__content p{font-size:var(--text-sm);margin:0}.dashboard-banner-compact__badge{padding:var(--space-1) var(--space-3);background:#ffffff40;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:inherit}.dashboard-banner-compact__dots{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-3)}.dashboard-banner-compact__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-border);border:none;cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.dashboard-banner-compact__dot.active{background:var(--color-primary);width:24px}.dashboard-referral-compact__text{font-size:var(--text-sm);color:var(--color-text-light);margin-bottom:var(--space-3)}.dashboard-referral-compact__link{display:flex;gap:var(--space-2)}.dashboard-referral-compact__input{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-body);background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none}.dashboard-referral-compact__input:focus{border-color:var(--color-primary)}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.dashboard-welcome__text{font-size:var(--font-h3);font-weight:var(--font-weight-regular);font-family:var(--font-family-heading);color:var(--color-text-main)}.dashboard-welcome__date{font-size:var(--text-sm);color:var(--color-text-light)}.dashboard-row{display:grid;grid-template-columns:280px 1fr;gap:var(--space-6)}.channels-widget{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.channels-widget__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.channels-widget__title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.channels-widget__link{font-size:var(--text-xs);color:var(--color-primary);text-decoration:none}.channels-widget__link:hover{text-decoration:underline}.channels-widget__list{display:flex;flex-direction:column;gap:var(--space-2)}.channels-widget__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-light);border-radius:var(--radius-md);transition:background var(--transition-fast) var(--ease-out)}.channels-widget__item:hover{background:var(--color-bg-grey)}.channels-widget__icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--color-text-body)}.channels-widget__name{flex:1;font-size:var(--text-sm);color:var(--color-text-body)}.channels-widget__status{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.channels-widget__status--connected{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.channels-widget__status--disconnected{background:var(--color-text-disabled)}.channels-widget__status--error{background:var(--color-error);box-shadow:0 0 6px var(--color-error);animation:pulse-error 2s infinite}.channels-widget__status--paused{background:var(--color-warning)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.integration-stats{display:flex;gap:var(--space-4);flex-wrap:wrap}.integration-stat{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.integration-stat:hover{border-color:var(--color-primary);background:var(--color-primary-lighter)}.integration-stat__dot{width:8px;height:8px;border-radius:var(--radius-full)}.integration-stat__value{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-main)}.integration-stat__label{font-size:var(--text-sm);color:var(--color-text-light)}.integration-filters{display:flex;gap:var(--space-2);flex-wrap:wrap}.integration-filter{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.integration-filter:hover{border-color:var(--color-primary);color:var(--color-primary)}.integration-filter--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.integration-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.integration-card{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast) var(--ease-out);flex:1 1 220px;max-width:320px}.integration-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-border-dark)}.integration-card--connected{border-left:3px solid var(--color-success)}.integration-card--error{border-left:3px solid var(--color-error)}.integration-card--paused{border-left:3px solid var(--color-warning)}.integration-card--disconnected{opacity:.6}.integration-card__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-bg-light);border-radius:var(--radius-sm);color:var(--color-text-body);flex-shrink:0}.integration-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.integration-card__name{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-main);line-height:1.2}.integration-card__status{font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.integration-card__actions{display:flex;gap:var(--space-1);flex-shrink:0}.integration-card__actions .btn-sm{padding:var(--space-1) var(--space-2);min-width:28px;justify-content:center;font-size:var(--text-sm)}.btn-danger{color:var(--color-error)!important}@media (max-width: 1280px){.bento-cell--span-3{grid-column:span 4}.bento-cell--span-4,.bento-cell--span-5{grid-column:span 6}.bento-cell--span-7,.bento-cell--span-8{grid-column:span 12}.dashboard-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.bento-grid{grid-template-columns:repeat(6,1fr);gap:var(--space-3);padding:var(--space-4)}.bento-cell--span-3,.bento-cell--span-4,.bento-cell--span-5,.bento-cell--span-6{grid-column:span 6}.stats-compact{flex-wrap:wrap}.stats-compact__item{flex:1 1 calc(50% - var(--space-2));min-width:140px}.stats-grid{grid-template-columns:repeat(2,1fr)}.integration-list{grid-template-columns:1fr}.integration-card__actions{flex-direction:column}}@media (max-width: 768px){.bento-grid{grid-template-columns:1fr}.bento-cell--span-3,.bento-cell--span-4,.bento-cell--span-5,.bento-cell--span-6,.bento-cell--span-7,.bento-cell--span-8,.bento-cell--span-12{grid-column:span 1}.quick-actions-compact__grid{flex-wrap:wrap}.quick-actions-compact__btn{flex:1 1 calc(50% - var(--space-1))}.integration-stats{flex-direction:column}.integration-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-2)}.integration-filter{flex-shrink:0}}.channels-widget__loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8);color:var(--color-text-light);font-size:var(--text-sm)}.channels-widget__sync{font-size:var(--text-xs);color:var(--color-text-light);margin-left:auto;margin-right:var(--space-2)}.stat-card--loading{background:var(--color-bg-light);min-height:100px}.stat-card__skeleton{width:100%;height:100%;background:linear-gradient(90deg,var(--color-bg-light) 25%,var(--color-bg-subtle) 50%,var(--color-bg-light) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dashboard-error{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-4);margin-top:var(--space-4);background:var(--color-error-light);color:var(--color-error);border-radius:var(--radius-lg);font-size:var(--text-sm)}.dashboard-error button{padding:var(--space-2) var(--space-4);background:var(--color-error);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity var(--transition-fast)}.dashboard-error button:hover{opacity:.9}.login-page{min-height:100vh;display:flex}.login-page__promo{flex:1;background:linear-gradient(135deg,#1e3a5f,#0f2744,#0a1929);display:flex;flex-direction:column;justify-content:center;padding:64px;color:#fff;position:relative;overflow:hidden}.login-page__promo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,rgba(99,179,237,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.08) 0%,transparent 40%);pointer-events:none}.login-page__promo-content{position:relative;z-index:1;max-width:480px}.login-page__logo{display:flex;align-items:center;gap:12px;margin-bottom:64px}.login-page__logo-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:20px;font-weight:700;border-radius:12px}.login-page__logo-text{display:flex;flex-direction:column}.login-page__logo-name{font-size:20px;font-weight:700;letter-spacing:-.02em;color:#fff}.login-page__logo-tagline{font-size:12px;color:#fff9;letter-spacing:.02em}.login-page__promo-hero{margin-bottom:48px}.login-page__promo-title{font-size:42px;font-weight:700;line-height:1.2;margin:0 0 20px;color:#fff}.login-page__promo-accent{color:#60a5fa}.login-page__promo-description{font-size:16px;line-height:1.6;color:#ffffffb3;margin:0}.login-page__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.login-page__feature{display:flex;align-items:center;gap:12px;font-size:15px;color:#ffffffd9}.login-page__feature svg{width:20px;height:20px;color:#60a5fa;flex-shrink:0}.login-page__form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:64px;background:#fff}.login-page__form-container{width:100%;max-width:400px}.login-page__form-header{margin-bottom:32px}.login-page__form-title{font-size:28px;font-weight:700;color:#0d0e12;margin:0 0 8px}.login-page__form-subtitle{font-size:15px;color:#6b7280;margin:0}.login-page__form{display:flex;flex-direction:column;gap:20px}.login-page__field{display:flex;flex-direction:column;gap:8px}.login-page__label{font-size:14px;font-weight:500;color:#374151}.login-page__input-wrapper{position:relative;display:flex;align-items:center}.login-page__input-icon{position:absolute;left:16px;color:#9ca3af;pointer-events:none}.login-page__input{width:100%;height:52px;padding:0 48px;font-size:15px;color:#0d0e12;background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;outline:none;transition:all .2s ease}.login-page__input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.login-page__input::-moz-placeholder{color:#9ca3af}.login-page__input::placeholder{color:#9ca3af}.login-page__password-toggle{position:absolute;right:16px;display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;color:#9ca3af;cursor:pointer;transition:color .2s}.login-page__password-toggle:hover{color:#374151}.login-page__options{display:flex;align-items:center;justify-content:space-between}.login-page__remember{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer}.login-page__remember input[type=checkbox]{width:18px;height:18px;accent-color:#3B82F6;cursor:pointer}.login-page__forgot{font-size:14px;color:#3b82f6;text-decoration:none;font-weight:500}.login-page__forgot:hover{text-decoration:underline}.login-page__submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;margin-top:8px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.login-page__submit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.login-page__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-page__quick-login{margin-top:16px}.login-page__quick-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;font-size:14px;font-weight:500;color:#059669;background:#10b9811a;border:1px dashed #10B981;border-radius:10px;cursor:pointer;transition:all .2s ease}.login-page__quick-btn:hover{background:#10b98126;border-style:solid}.login-page__quick-btn:disabled{opacity:.5;cursor:not-allowed}.login-page__footer{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:32px;font-size:14px}.login-page__footer span{color:#6b7280}.login-page__footer a{color:#3b82f6;text-decoration:none;font-weight:500}.login-page__footer a:hover{text-decoration:underline}.login-page__version{text-align:center;margin-top:24px;font-size:12px;color:#9ca3af}@media (max-width: 1024px){.login-page__promo{display:none}.login-page__form-section{padding:32px}}@media (max-width: 480px){.login-page__form-section{padding:24px}.login-page__form-title{font-size:24px}}.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--color-bg-page);padding:var(--space-6)}.auth-page__container{width:100%;max-width:420px;display:flex;flex-direction:column}.auth-page__form-section{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-12) var(--space-16);max-width:520px}.auth-page__image-section{flex:1.2;position:relative;overflow:hidden;display:none}@media (min-width: 1024px){.auth-page__image-section{display:block}}.auth-page__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.auth-page__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0000001a,#0000004d)}.auth-page__close-btn{position:absolute;top:var(--space-6);right:var(--space-6);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-white);border:none;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.auth-page__close-btn:hover{transform:scale(1.05)}.auth-page__floating-widget{position:absolute;background:var(--color-bg-white);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-lg)}.auth-page__floating-widget--calendar{bottom:var(--space-8);left:50%;transform:translate(-50%)}.auth-page__floating-widget--task{top:var(--space-8);left:var(--space-8);background:var(--color-accent);color:var(--color-text-main)}.auth-page--centered{justify-content:center;align-items:center;padding:var(--space-6)}.auth-page--centered .auth-page__form-section{max-width:420px;padding:0}.auth-page__logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-12)}.auth-page__logo-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-text-main);color:#fff;font-size:var(--text-lg);font-weight:var(--font-weight-bold);border-radius:var(--radius-md)}.auth-page__logo-text{font-size:var(--text-xl);font-weight:var(--font-weight-bold);font-family:var(--font-family-base);color:var(--color-text-main);letter-spacing:-.02em}.auth-card{width:100%;background-color:transparent;border:none;padding:0}.auth-card__header{text-align:left;margin-bottom:var(--space-8)}.auth-card__title{font-size:var(--font-h2);font-weight:var(--font-weight-regular);font-family:var(--font-family-heading);color:var(--color-text-main);margin:0 0 var(--space-2);line-height:var(--line-height-tight)}.auth-card__subtitle{font-size:var(--text-base);color:var(--color-text-light);margin:0}.auth-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-8);padding-top:0;border-top:none;font-size:var(--text-sm)}.auth-card__footer span{color:var(--color-text-light)}.auth-card__footer a{color:var(--color-text-main);text-decoration:underline;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.auth-card__footer a:hover{color:var(--color-text-body)}.auth-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-error-light);color:var(--color-error);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm)}.auth-error svg{flex-shrink:0}.auth-referral-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-accent-lighter);color:var(--color-text-main);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-field{display:flex;flex-direction:column;gap:var(--space-2)}.auth-field__header{display:flex;align-items:center;justify-content:space-between}.auth-field__label{font-size:var(--text-xs);font-weight:var(--font-weight-regular);color:var(--color-text-light);text-transform:capitalize}.auth-field__toggle{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;color:var(--color-text-light);cursor:pointer;transition:color var(--transition-fast)}.auth-field__toggle:hover{color:var(--color-text-main)}.auth-field__input-wrapper{position:relative;display:flex;align-items:center;width:100%}.auth-field__input-wrapper .form-group{width:100%;margin:0}.auth-field__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-text-light);pointer-events:none;z-index:10}.auth-field__input,.auth-field__input-wrapper .form-group .input-field{width:100%;height:52px;padding:0 var(--space-4);font-size:var(--text-base);color:var(--color-text-main);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md)}.auth-field__input:focus,.auth-field__input-wrapper .form-group .input-field:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px var(--color-accent-lighter)}.auth-field__input-wrapper .auth-field__input,.auth-field__input-wrapper .form-group .input-field,.auth-field--has-icon .auth-field__input,.auth-field--has-icon .auth-field__input-wrapper .form-group .input-field{padding-left:48px!important}.auth-form__forgot{text-align:right;margin-top:calc(-1 * var(--space-2))}.auth-form__forgot a{font-size:var(--text-sm);color:var(--color-text-light);text-decoration:underline;transition:color var(--transition-fast)}.auth-form__forgot a:hover{color:var(--color-text-main)}.auth-form__submit{width:100%;height:52px;margin-top:var(--space-4);background-color:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold);font-size:var(--text-base);border:none;border-radius:50px;cursor:pointer;transition:all var(--transition-fast)}.auth-form__submit:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.auth-form__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-checkbox{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-body)}.auth-checkbox input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;margin-top:2px;flex-shrink:0;cursor:pointer;accent-color:var(--color-accent);appearance:auto;-webkit-appearance:checkbox;-moz-appearance:checkbox;opacity:1;visibility:visible;border:1px solid var(--color-border);background-color:var(--color-bg-white)}.auth-checkbox label{cursor:pointer;line-height:1.4}.auth-checkbox a{color:var(--color-text-main);text-decoration:underline}.auth-checkbox a:hover{color:var(--color-text-body)}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.auth-divider span{font-size:var(--text-xs);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em}.auth-social{display:flex;gap:var(--space-3)}.auth-social__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);height:48px;padding:0 var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-main);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.auth-social__btn:hover{background-color:var(--color-bg-light);border-color:var(--color-border-dark)}.auth-social__btn svg,.auth-social__btn img{width:20px;height:20px}.auth-social__btn--telegram{background-color:#229ed9;border-color:#229ed9;color:#fff}.auth-social__btn--telegram:hover{background-color:#1a8cc5;border-color:#1a8cc5}.auth-spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:400px;color:var(--color-text-light)}.auth-loading__spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:auth-spin .8s linear infinite}@media (max-width: 1024px){.auth-page{justify-content:center}.auth-page__form-section{max-width:100%;padding:var(--space-8)}}@media (max-width: 480px){.auth-page__form-section{padding:var(--space-6)}.auth-card__title{font-size:var(--font-h3)}.auth-social{flex-direction:column}}.competitors-page{padding:2rem;max-width:1600px;margin:0 auto}.parse-form{padding:1.5rem;margin-bottom:1.5rem}.parse-form .card-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-primary)}.parse-form__row{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.parse-form__input-group{flex:1;min-width:200px}.parse-form__input-group--small{flex:0 0 100px;min-width:80px}.parse-form__input-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.5rem}.parse-form__input-group input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:1rem}.input-with-icon{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-secondary);overflow:hidden}.input-with-icon .input-prefix{padding:.75rem;color:var(--color-text-tertiary);font-weight:500}.input-with-icon input{border:none;padding-left:0;flex:1}.parse-form__checkboxes{display:flex;gap:.75rem;padding-bottom:.5rem}.parse-form__checkboxes .checkbox-label{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;background:var(--color-bg-light);border:2px solid transparent;cursor:pointer;transition:all .15s ease;font-size:14px;font-weight:500;color:var(--color-text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.parse-form__checkboxes .checkbox-label:hover{background:var(--color-bg-secondary)}.parse-form__checkboxes .checkbox-label:has(input:checked){background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.parse-form__checkboxes .checkbox-label input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--color-text-secondary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.filters-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;flex-wrap:wrap}.filters-bar__left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filters-bar__right{display:flex;align-items:center;gap:.5rem}.filters-bar__right .btn{display:flex;align-items:center;gap:6px}.filters-bar__right .btn-text-mobile{display:none}@media (min-width: 768px){.filters-bar__right .btn-text-mobile{display:inline}}.filter-tabs{display:flex;background:var(--color-bg-secondary);border-radius:8px;padding:4px}.filter-tab{display:flex;align-items:center;gap:6px;padding:.5rem 1rem;border:none;background:transparent;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.filter-tab:hover{color:var(--color-text-primary)}.filter-tab.active{background:var(--color-bg-card);color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.filter-select{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.875rem}.filter-search{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.875rem;width:200px}.stats-bar{display:flex;align-items:center;gap:1.5rem;padding:.75rem 0;font-size:.875rem;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);margin-bottom:1.5rem}.stats-bar strong{color:var(--color-text-primary)}.select-all-btn{margin-left:auto;padding:.25rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:transparent;color:var(--color-text-secondary);font-size:.75rem;cursor:pointer}.select-all-btn:hover{background:var(--color-bg-secondary)}.competitors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.competitor-card{position:relative;background:var(--color-bg-card);border-radius:12px;border:1px solid var(--color-border);overflow:hidden;transition:all .2s}.competitor-card:hover{border-color:var(--color-primary-light);box-shadow:0 4px 12px #0000001a}.competitor-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.competitor-card.processed{background:linear-gradient(135deg,var(--color-bg-card),rgba(var(--color-success-rgb),.05))}.competitor-card__select{position:absolute;top:12px;left:12px;z-index:10;width:28px;height:28px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0003}.competitor-card__select input{width:20px;height:20px;cursor:pointer;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#fff;border:2px solid #d1d5db;border-radius:5px;transition:all .15s ease;position:relative}.competitor-card__select input:hover{border-color:var(--color-primary)}.competitor-card__select input:checked{background:var(--color-primary);border-color:var(--color-primary)}.competitor-card__select input:checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) rotate(45deg);width:5px;height:10px;border:solid white;border-width:0 2px 2px 0}.competitor-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg, rgba(94, 23, 235, .15)),var(--shadow-card)}.competitor-card__thumbnail{position:relative;aspect-ratio:1;background:var(--color-bg-secondary)}.competitor-card__thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.competitor-card__thumbnail .placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.thumbnail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;font-size:12px;font-weight:500;opacity:0;transition:opacity .2s ease}.competitor-card__thumbnail:hover .thumbnail-overlay{opacity:1}.media-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:4px 8px;background:#000000b3;color:#fff;border-radius:6px;font-size:.75rem;font-weight:600}.media-badge.carousel{background:linear-gradient(135deg,#833ab4,#fd1d1d,#f77737)}.status-badge{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:600}.status-badge.adapted{background:var(--color-success);color:#fff}.status-badge.used{background:var(--color-warning);color:#fff}.competitor-card__content{padding:1rem}.competitor-card__account{display:flex;align-items:center;gap:8px;margin-bottom:.75rem}.competitor-card__account .avatar{width:24px;height:24px;border-radius:50%}.competitor-card__account .username{font-size:.8rem;color:var(--color-text-secondary);font-weight:500}.competitor-card__title{font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem;line-height:1.4}.competitor-card__desc{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.75rem;line-height:1.5}.competitor-card__desc p{margin:0}.competitor-card__desc button{background:none;border:none;color:var(--color-primary);font-size:.8rem;cursor:pointer;padding:0;margin-top:.25rem}.competitor-card__metrics{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.75rem;color:var(--color-text-tertiary)}.competitor-card__metrics span{display:flex;align-items:center;gap:4px}.competitor-card__metrics .viral-score{color:#ff6b35;font-weight:600}.carousel-preview{display:flex;gap:4px;margin-top:.75rem;overflow-x:auto;padding-bottom:4px}.carousel-preview img{width:48px;height:48px;-o-object-fit:cover;object-fit:cover;border-radius:6px;flex-shrink:0}.carousel-preview .more{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:6px;font-size:.75rem;color:var(--color-text-secondary);flex-shrink:0}.competitor-card__actions{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.competitor-card__actions .btn--sm{padding:.5rem .75rem}.loading-state,.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--color-text-secondary)}.empty-state svg{opacity:.3;margin-bottom:1rem}.empty-state h3{color:var(--color-text-primary);margin-bottom:.5rem}.error-message{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:rgba(var(--color-error-rgb),.1);border:1px solid var(--color-error);border-radius:8px;color:var(--color-error);margin-bottom:1.5rem}.error-message button{background:none;border:none;color:inherit;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.competitors-page{padding:1rem}.parse-form__row{flex-direction:column;align-items:stretch}.parse-form__input-group,.parse-form__input-group--small{flex:none;width:100%}.filters-bar{flex-direction:column;align-items:stretch}.filters-bar__left,.filters-bar__right{flex-wrap:wrap}.filter-search{width:100%}.competitors-grid{grid-template-columns:1fr}}.dashboard-v2{padding:0}.dashboard-v2__greeting{font-size:var(--text-xl);color:var(--color-text-main);margin-bottom:var(--space-6)}.dashboard-v2__greeting strong{font-weight:var(--font-weight-semibold)}.hero-section{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#6d28d9);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-8);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.hero-section__content{position:relative;z-index:1}.hero-section__title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:#fff;margin:0 0 var(--space-6) 0}.hero-section__input-wrapper{position:relative;margin-bottom:var(--space-4)}.hero-section__input{width:100%;padding:var(--space-4) var(--space-5);border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);background:#fffffffa;font-size:var(--text-base);color:#1a1a1a;transition:all var(--transition-fast) var(--ease-out)}.hero-section__input::-moz-placeholder{color:#555;opacity:.8}.hero-section__input::placeholder{color:#555;opacity:.8}.hero-section__input:focus{outline:none;border-color:#fff;box-shadow:0 0 0 4px #fff3}.hero-section__input.valid{border-color:var(--color-success)}.hero-section__input.invalid{border-color:var(--color-error)}.hero-section__platform-badge{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);padding:var(--space-1) var(--space-3);background:var(--color-success);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.hero-section__actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.hero-section__link{color:#ffffffe6;font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast) var(--ease-out)}.hero-section__link:hover{color:#fff;text-decoration:underline}.dashboard-section{margin-bottom:var(--space-8)}.dashboard-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.dashboard-section__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.dashboard-section__link{color:var(--color-primary);font-size:var(--text-sm);text-decoration:none;font-weight:var(--font-weight-medium)}.dashboard-section__link:hover{text-decoration:underline}.trends-carousel{display:flex;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.trends-carousel::-webkit-scrollbar{height:6px}.trends-carousel::-webkit-scrollbar-track{background:transparent}.trends-carousel::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.trend-card-mini{flex:0 0 200px;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast) var(--ease-out)}.trend-card-mini:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.trend-card-mini__preview{aspect-ratio:1 / 1;background:linear-gradient(135deg,var(--color-bg-light),var(--color-border));display:flex;align-items:center;justify-content:center}.trend-card-mini__emoji{font-size:48px}.trend-card-mini__content{padding:var(--space-3)}.trend-card-mini__title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0 0 var(--space-2) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trend-card-mini__stats{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.trend-card-mini__views{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text-main)}.trend-card-mini__growth{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-success)}.activity-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.activity-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;transition:all var(--transition-fast) var(--ease-out)}.activity-card:hover{box-shadow:var(--shadow-sm)}.activity-card__icon{width:56px;height:56px;margin:0 auto var(--space-3);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.activity-card__icon--video{background:#8b5cf61a;color:var(--color-primary)}.activity-card__icon--image{background:#10b9811a;color:var(--color-success)}.activity-card__icon--text{background:#3b82f61a;color:var(--color-info)}.activity-card__value{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);margin-bottom:var(--space-1)}.activity-card__label{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.activity-card__link{color:var(--color-primary);font-size:var(--text-sm);text-decoration:none;font-weight:var(--font-weight-medium)}.activity-card__link:hover{text-decoration:underline}.empty-state-inline{text-align:center;padding:var(--space-6);background:var(--color-bg-light);border-radius:var(--radius-lg);margin-top:var(--space-4)}.empty-state-inline span{color:var(--color-text-muted);margin-right:var(--space-2)}.empty-state-inline a{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.empty-state-inline a:hover{text-decoration:underline}.quick-actions-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.quick-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-main);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-fast) var(--ease-out)}.quick-action-btn:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);text-decoration:none}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--primary:disabled{opacity:.6;cursor:not-allowed}.btn--secondary{background:var(--color-bg-light);color:var(--color-text-main)}.btn--secondary:hover{background:var(--color-border)}.btn--large{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}@media (max-width: 768px){.hero-section{padding:var(--space-6)}.hero-section__title{font-size:var(--text-xl)}.hero-section__actions{flex-direction:column;align-items:stretch}.activity-cards,.quick-actions-row{grid-template-columns:1fr}.trends-carousel{padding-left:var(--space-1)}.trend-card-mini{flex:0 0 160px}}.trends-page{padding:0}.trends-page__header{margin-bottom:var(--space-6)}.trends-page__title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.trends-page__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);margin:0}.trends-page__updated{font-size:var(--text-sm);color:var(--color-text-muted)}.trends-page__filters{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.trends-filter{display:flex;flex-direction:column;gap:var(--space-1)}.trends-filter__label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.trends-filter__select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-white);font-size:var(--text-sm);color:var(--color-text-main);min-width:140px;cursor:pointer}.trends-filter__select:focus{outline:none;border-color:var(--color-primary)}.trends-page__section{margin-bottom:var(--space-8)}.trends-page__section-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0 0 var(--space-4) 0}.trends-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.trend-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast) var(--ease-out)}.trend-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.trend-card__preview{aspect-ratio:16 / 9;background:var(--color-bg-light);display:flex;align-items:center;justify-content:center}.trend-card__preview-placeholder{font-size:48px}.trend-card__content{padding:var(--space-4)}.trend-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.trend-card__title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.trend-card__platform{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:capitalize}.trend-card__stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-3)}.trend-card__stat{display:flex;flex-direction:column}.trend-card__stat-value{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-main)}.trend-card__stat--growth .trend-card__stat-value{color:var(--color-success)}.trend-card__stat-label{font-size:var(--text-xs);color:var(--color-text-muted)}.trend-card__meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.trend-card__category{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.trend-card__stage{font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.trend-card__confidence{display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-4)}.trend-card__confidence-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border)}.trend-card__confidence-dot--active{background:var(--color-success)}.trend-card__confidence-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:var(--space-2)}.trend-card__actions{display:flex;gap:var(--space-2)}.trend-card__btn{flex:1;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.trend-card__btn--primary{background:var(--color-primary);color:#fff}.trend-card__btn--primary:hover{background:var(--color-primary-hover)}.trend-card__btn--secondary{background:var(--color-bg-light);color:var(--color-text-main)}.trend-card__btn--secondary:hover{background:var(--color-border)}.trends-page__empty{text-align:center;padding:var(--space-12);background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.trends-page__empty-icon{font-size:48px;margin-bottom:var(--space-4)}.trends-page__empty h3{margin:0 0 var(--space-2) 0;color:var(--color-text-main)}.trends-page__empty p{margin:0 0 var(--space-4) 0;color:var(--color-text-muted)}.trends-page__empty-btn{padding:var(--space-3) var(--space-6);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer}.my-content-page{padding:0}.my-content-page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.my-content-page__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);margin:0}.my-content-page__count{font-size:var(--text-sm);color:var(--color-text-muted)}.my-content-page__type-filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.my-content-page__type-btn{padding:var(--space-2) var(--space-4);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-main);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.my-content-page__type-btn:hover{border-color:var(--color-primary)}.my-content-page__type-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.my-content-page__toolbar{display:flex;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.my-content-page__sort{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-white);font-size:var(--text-sm);color:var(--color-text-main);cursor:pointer}.my-content-page__search{flex:1;max-width:300px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm)}.my-content-page__search:focus{outline:none;border-color:var(--color-primary)}.my-content-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.content-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast) var(--ease-out)}.content-card:hover{box-shadow:var(--shadow-sm)}.content-card__preview{position:relative;aspect-ratio:9 / 16;background:var(--color-bg-light);display:flex;align-items:center;justify-content:center}.content-card--carousel .content-card__preview{aspect-ratio:1 / 1}.content-card__preview-placeholder{font-size:48px}.content-card__duration{position:absolute;bottom:var(--space-2);left:var(--space-2);padding:var(--space-1) var(--space-2);background:#000000b3;color:#fff;border-radius:var(--radius-sm);font-size:var(--text-xs)}.content-card__slides-indicator{position:absolute;bottom:var(--space-2);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-1)}.content-card__dot{width:6px;height:6px;border-radius:50%;background:#ffffff80}.content-card__dot--active{background:#fff}.content-card__slides-more{font-size:var(--text-xs);color:#fff;margin-left:var(--space-1)}.content-card__text-preview{padding:var(--space-4);min-height:200px;display:flex;flex-direction:column}.content-card__text-icon{font-size:32px;margin-bottom:var(--space-3)}.content-card__text-content{flex:1;font-size:var(--text-sm);color:var(--color-text-main);line-height:1.5;margin:0}.content-card__show-more{background:none;border:none;color:var(--color-primary);font-size:var(--text-xs);cursor:pointer;padding:0;margin-top:var(--space-2)}.content-card__info{padding:var(--space-3);border-top:1px solid var(--color-border)}.content-card__source{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-1)}.content-card__date{font-size:var(--text-xs);color:var(--color-text-muted)}.content-card__actions{display:flex;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border)}.content-card__btn{flex:1;padding:var(--space-2);background:var(--color-bg-light);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.content-card__btn:hover{background:var(--color-border)}.content-card__btn--danger:hover{background:var(--color-error);color:#fff}.my-content-page__empty{text-align:center;padding:var(--space-12);background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.my-content-page__empty-icon{font-size:48px;margin-bottom:var(--space-4)}.my-content-page__empty h3{margin:0 0 var(--space-2) 0;color:var(--color-text-main)}.my-content-page__empty p{margin:0 0 var(--space-4) 0;color:var(--color-text-muted)}.my-content-page__empty-btn{display:inline-block;padding:var(--space-3) var(--space-6);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer}.my-content-page__empty-hint{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.my-content-page__empty-hint a{color:var(--color-primary);text-decoration:none}@media (max-width: 1024px){.trends-page__grid{grid-template-columns:repeat(2,1fr)}.my-content-page__grid,.activity-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.dashboard-v2,.trends-page,.my-content-page{padding-bottom:80px}.hero-section{padding:var(--space-5);margin-bottom:var(--space-6);border-radius:var(--radius-lg)}.hero-section__title{font-size:var(--text-lg);flex-direction:column;align-items:flex-start;gap:var(--space-2)}.hero-section__input{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.hero-section__actions{flex-direction:column;align-items:stretch;gap:var(--space-3)}.hero-section__link{text-align:center}.dashboard-section{margin-bottom:var(--space-6)}.dashboard-section__header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.dashboard-section__title{font-size:var(--text-base)}.trends-carousel{margin-left:calc(var(--space-4) * -1);margin-right:calc(var(--space-4) * -1);padding-left:var(--space-4);padding-right:var(--space-4)}.trend-card-mini{flex:0 0 150px}.trend-card-mini__emoji{font-size:36px}.trend-card-mini__content{padding:var(--space-2)}.trend-card-mini__title{font-size:var(--text-xs)}.activity-cards{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.activity-card{padding:var(--space-3)}.activity-card__icon{width:40px;height:40px;margin-bottom:var(--space-2)}.activity-card__value{font-size:var(--text-xl)}.activity-card__label{font-size:var(--text-xs);margin-bottom:var(--space-2)}.activity-card__link{font-size:var(--text-xs)}.quick-actions-row{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.quick-action-btn{padding:var(--space-3);flex-direction:column;gap:var(--space-1);font-size:var(--text-xs);text-align:center}.trends-page__title-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.trends-page__title{font-size:var(--text-xl)}.trends-page__filters{flex-direction:column;gap:var(--space-2)}.trends-filter,.trends-filter__select{width:100%}.trends-page__grid{grid-template-columns:1fr;gap:var(--space-3)}.trend-card__stats{gap:var(--space-3)}.trend-card__actions{flex-direction:column;gap:var(--space-2)}.my-content-page__header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.my-content-page__title{font-size:var(--text-xl)}.my-content-page__type-filters{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2);scrollbar-width:none;-ms-overflow-style:none}.my-content-page__type-filters::-webkit-scrollbar{display:none}.my-content-page__type-btn{flex-shrink:0;white-space:nowrap}.my-content-page__toolbar{flex-direction:column;gap:var(--space-3)}.my-content-page__search{max-width:none;order:-1}.my-content-page__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.content-card__preview{aspect-ratio:4 / 5}.content-card__preview-placeholder{font-size:36px}.content-card__info,.content-card__actions{padding:var(--space-2)}.trends-page__empty,.my-content-page__empty{padding:var(--space-8)}.trends-page__empty-icon,.my-content-page__empty-icon{font-size:40px}.trends-page__empty h3,.my-content-page__empty h3{font-size:var(--text-base)}.trends-page__empty p,.my-content-page__empty p{font-size:var(--text-sm)}}@media (max-width: 480px){.hero-section{padding:var(--space-4)}.hero-section__title{font-size:var(--text-base)}.activity-cards{grid-template-columns:1fr}.activity-card{flex-direction:row;text-align:left;padding:var(--space-4);gap:var(--space-3)}.activity-card__icon{margin:0}.quick-actions-row{grid-template-columns:1fr}.quick-action-btn{flex-direction:row;justify-content:flex-start}.my-content-page__grid{grid-template-columns:1fr}.content-card{display:flex}.content-card__preview{flex:0 0 100px;aspect-ratio:1 / 1}.content-card__body{flex:1;display:flex;flex-direction:column}.content-card__info{flex:1;border-top:none;border-left:1px solid var(--color-border)}.content-card__actions{border-top:none;border-left:1px solid var(--color-border);flex-direction:row}.trend-card-mini{flex:0 0 140px}}.from-competitor-page{max-width:800px;margin:0 auto}.from-competitor-page__header{margin-bottom:var(--space-6)}.from-competitor-page__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-main);margin:0 0 var(--space-2) 0}.from-competitor-page__subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin:0}.from-competitor-card{padding:var(--space-6);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.from-competitor-card__section{display:flex;flex-direction:column;gap:var(--space-4)}.from-competitor-card__section-header{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-main)}.from-competitor-card__section-header h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin:0}.from-competitor-card__section-header svg{color:var(--color-primary)}.url-input-wrapper{position:relative}.url-input{width:100%;padding:var(--space-4);padding-right:120px;border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);color:#1a1a1a;background:#fff;transition:all .2s ease}.url-input:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #1a1a1a14}.url-input--valid{border-color:var(--color-success-green)}.url-input--invalid{border-color:var(--color-error-red)}.url-input::-moz-placeholder{color:#555;opacity:.7;font-size:var(--text-sm)}.url-input::placeholder{color:#555;opacity:.7;font-size:var(--text-sm)}.platform-badge{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);background:var(--color-bg-light)}.platform-badge--tiktok{background:#000;color:#fff}.platform-badge--instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.platform-badge--youtube{background:red;color:#fff}.supported-platforms{font-size:var(--text-sm);color:var(--color-text-muted)}.supported-platforms span{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.url-submit-btn{width:100%;justify-content:center;font-size:var(--text-base)!important;padding:var(--space-4)!important}.from-competitor-card__divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.from-competitor-card__divider:before,.from-competitor-card__divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.from-competitor-card__divider span{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.username-search{display:flex;flex-direction:column;gap:var(--space-4)}.username-input-wrapper{display:flex;align-items:center;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;overflow:hidden;transition:all .2s ease}.username-input-wrapper:focus-within{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #1a1a1a14}.username-prefix{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);color:#555;font-weight:var(--font-weight-medium);font-size:var(--text-lg)}.username-input{flex:1;padding:var(--space-3) var(--space-4) var(--space-3) 0;border:none;background:transparent;font-size:var(--text-base);color:#1a1a1a}.username-input::-moz-placeholder{color:#555;opacity:.7}.username-input::placeholder{color:#555;opacity:.7}.username-input:focus{outline:none}.platform-chips{display:flex;gap:var(--space-2);flex-wrap:wrap}.platform-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-full);background:#fff;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.platform-chip:hover{border-color:var(--color-text-light)}.platform-chip--active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.platform-chip--active.platform-chip:hover{border-color:var(--color-primary)}.username-search-btn{width:100%;justify-content:center}.error-card{padding:var(--space-5);background:var(--color-error-light);border:1px solid var(--color-error-red);margin-top:var(--space-6)}.error-card__content{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.error-card__content>svg{color:var(--color-error-red);flex-shrink:0;margin-top:2px}.error-card__text h4{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-error-red);margin:0 0 var(--space-2) 0}.error-card__text p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-1) 0}.error-card__text ul{list-style:none;padding:0;margin:0}.error-card__text li{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-1) 0}.error-card__actions{display:flex;gap:var(--space-3)}.recently-parsed{margin-top:var(--space-8)}.recently-parsed__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.recently-parsed__header h2{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0}.parsed-items-list{display:flex;flex-direction:column;gap:var(--space-4)}.parsed-item{display:flex;gap:var(--space-4);padding:var(--space-4);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .15s ease}.parsed-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-text-lighter)}.parsed-item__thumbnail{position:relative;width:80px;height:100px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.parsed-item__thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.parsed-item__platform{position:absolute;bottom:4px;left:4px;width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.parsed-item__platform--tiktok{background:#000}.parsed-item__platform--instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.parsed-item__platform--youtube{background:red}.parsed-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.parsed-item__header{display:flex;align-items:center;gap:var(--space-2)}.parsed-item__username{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.parsed-item__platform-label{font-size:var(--text-xs);color:var(--color-text-muted);padding:2px 6px;background:var(--color-bg-light);border-radius:var(--radius-sm)}.parsed-item__title{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parsed-item__stats{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.parsed-item__stats span{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--color-text-muted)}.parsed-item__date{margin-left:auto}.parsed-item__actions{display:flex;flex-direction:column;gap:var(--space-2);flex-shrink:0}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);background:var(--color-bg-light);border-radius:var(--radius-xl);margin-top:var(--space-8)}.empty-state__icon{font-size:48px;margin-bottom:var(--space-4)}.empty-state h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-main);margin:0 0 var(--space-2) 0}.empty-state p{font-size:var(--text-base);color:var(--color-text-muted);margin:0}@media (max-width: 1024px){.from-competitor-page{max-width:100%}}@media (max-width: 768px){.from-competitor-page{padding-bottom:80px}.from-competitor-page__title{font-size:var(--text-xl)}.from-competitor-page__subtitle{font-size:var(--text-sm)}.from-competitor-card{padding:var(--space-4);border-radius:var(--radius-lg)}.from-competitor-card__section-header h3{font-size:var(--text-base)}.url-input{padding:var(--space-3);padding-right:var(--space-3);font-size:var(--text-sm)}.platform-badge{position:static;transform:none;margin-top:var(--space-2);display:inline-flex}.url-input-wrapper{display:flex;flex-direction:column}.url-submit-btn{padding:var(--space-3)!important}.from-competitor-card__divider{margin:var(--space-4) 0}.username-prefix{padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);font-size:var(--text-base)}.username-input{padding:var(--space-2) var(--space-3) var(--space-2) 0;font-size:var(--text-sm)}.platform-chips{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2);flex-wrap:nowrap}.platform-chip{flex-shrink:0;padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.parsed-item{flex-direction:column}.parsed-item__thumbnail{width:100%;height:160px}.parsed-item__actions{flex-direction:row;justify-content:flex-end}.error-card__content,.error-card__actions{flex-direction:column}.recently-parsed{margin-top:var(--space-6)}.recently-parsed__header h2{font-size:var(--text-base)}.empty-state{padding:var(--space-8) var(--space-4);margin-top:var(--space-6)}.empty-state__icon{font-size:40px}.empty-state h3{font-size:var(--text-base)}.empty-state p{font-size:var(--text-sm)}}@media (max-width: 480px){.from-competitor-page__header{margin-bottom:var(--space-4)}.from-competitor-card__section{gap:var(--space-3)}.parsed-item{padding:var(--space-3)}.parsed-item__thumbnail{height:140px}.parsed-item__content{gap:var(--space-1)}.parsed-item__stats{gap:var(--space-2)}}.account-page{max-width:960px;margin:0;padding:48px 32px}.account-page__main-title{font-size:28px;font-weight:500;color:#1a1a1a;margin:0 0 32px;letter-spacing:-.5px}.account-page__layout{display:grid;grid-template-columns:180px 1fr;gap:48px;align-items:start}.account-sidebar{display:flex;flex-direction:column;gap:4px;position:sticky;top:24px}.account-sidebar__item{display:flex;align-items:center;padding:10px 14px;background:transparent;border:none;border-radius:8px;color:#666;font-size:14px;font-weight:500;cursor:pointer;text-align:left;transition:all .15s ease}.account-sidebar__item:hover{background:#f5f5f5;color:#333}.account-sidebar__item--active{background:#f0f0f0;color:#1a1a1a;font-weight:600}.account-content{flex:1;min-width:0}.section-header{margin-bottom:24px}.section-header__title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.section-header__subtitle{font-size:14px;color:#888;margin:0}.section-divider{height:1px;background:#eee;margin:32px 0}.profile-tab{display:flex;flex-direction:column;gap:0}.profile-header{display:flex;align-items:center;gap:20px;padding-bottom:32px;border-bottom:1px solid #eee}.profile-header__avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:28px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-header__info{flex:1}.profile-header__name{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.profile-header__email{font-size:14px;color:#888;margin:0}.profile-header__edit{padding:10px 20px;background:#fff;border:2px solid #1A1A1A;border-radius:50px;color:#1a1a1a;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.profile-header__edit:hover{background:#1a1a1a;color:#fff}.profile-edit-form{padding:24px 0;border-bottom:1px solid #eee}.profile-edit-form__fields{display:flex;flex-direction:column;gap:20px;max-width:400px}.profile-edit-form__field label{display:block;font-size:13px;font-weight:500;color:#555;margin-bottom:6px}.profile-edit-form__field input{width:100%;padding:12px 14px;border:1px solid #d4d4d4;border-radius:8px;font-size:14px;color:#1a1a1a;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.profile-edit-form__field input::-moz-placeholder{color:#666;opacity:.7}.profile-edit-form__field input::placeholder{color:#666;opacity:.7}.profile-edit-form__field input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.profile-edit-form__field input:disabled{background:#f5f5f5;color:#888}.profile-edit-form__actions{display:flex;gap:12px;margin-top:8px}.profile-edit-form__save{padding:8px 20px;background:#1a1a1a;border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease}.profile-edit-form__save:hover{background:#333}.profile-edit-form__cancel{padding:8px 16px;background:transparent;border:none;color:#666;font-size:13px;font-weight:500;cursor:pointer}.profile-edit-form__cancel:hover{color:#333}.profile-section{padding:24px 0;border-bottom:1px solid #eee}.profile-section:last-child{border-bottom:none}.profile-section__title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888;margin:0 0 16px}.profile-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.profile-row__label{font-size:14px;color:#555}.profile-row__value{font-size:14px;font-weight:500;color:#1a1a1a}.profile-actions{padding-top:32px}.profile-logout{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid #fee2e2;border-radius:6px;color:#dc2626;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.profile-logout:hover{background:#fee2e2;border-color:#fecaca}.subscription-tab{display:flex;flex-direction:column;gap:32px}.current-plan{background:#1a1a1a;border-radius:12px;padding:24px;color:#fff}.current-plan__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.current-plan__badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff9}.current-plan__name{font-size:24px;font-weight:600;margin:4px 0 0}.current-plan__upgrade{padding:8px 16px;background:#fff;border:none;border-radius:6px;color:#1a1a1a;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.current-plan__upgrade:hover{background:#f0f0f0}.current-plan__usage{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.usage-item{display:flex;flex-direction:column;gap:6px}.usage-item__header{display:flex;justify-content:space-between;font-size:13px}.usage-item__label{color:#ffffffb3}.usage-item__value{color:#fff;font-weight:500}.usage-item__bar{height:4px;background:#fff3;border-radius:2px;overflow:hidden}.usage-item__progress{height:100%;background:#fff;border-radius:2px;transition:width .3s ease}.current-plan__renewal{font-size:12px;color:#ffffff80;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.plans-section__title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:20px;transition:all .15s ease}.plan-card:hover{border-color:#ddd;box-shadow:0 4px 12px #0000000d}.plan-card--popular{border-color:#667eea;position:relative}.plan-card__badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#667eea;color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600}.plan-card__name{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.plan-card__price{margin-bottom:16px}.plan-card__amount{font-size:28px;font-weight:700;color:#1a1a1a}.plan-card__period{font-size:13px;color:#888}.plan-card__features{list-style:none;padding:0;margin:0 0 20px}.plan-card__features li{display:flex;align-items:center;gap:8px;font-size:13px;color:#555;padding:6px 0}.plan-card__features li svg{color:#22c55e;flex-shrink:0}.plan-card__button{width:100%;padding:12px;background:#fff;border:2px solid #1A1A1A;border-radius:50px;color:#1a1a1a;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.plan-card__button:hover{background:#1a1a1a;color:#fff}.plan-card--popular .plan-card__button{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.plan-card--popular .plan-card__button:hover{background:#333}.referral-section{background:#fafafa;border-radius:12px;padding:24px}.referral-section__title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.referral-section__subtitle{font-size:14px;color:#888;margin:0 0 20px}.referral-stats{display:flex;gap:32px;margin-bottom:20px}.referral-stat{display:flex;flex-direction:column}.referral-stat__value{font-size:24px;font-weight:700;color:#1a1a1a}.referral-stat__label{font-size:12px;color:#888}.referral-link{display:flex;gap:8px;margin-bottom:16px}.referral-link input{flex:1;padding:12px 14px;background:#fff;border:1px solid #d4d4d4;border-radius:8px;font-size:13px;color:#1a1a1a}.referral-link input::-moz-placeholder{color:#666;opacity:.7}.referral-link input::placeholder{color:#666;opacity:.7}.referral-link__copy{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#1a1a1a;border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease}.referral-link__copy:hover{background:#333}.referral-link__copy--copied{background:#22c55e}.referral-bonuses{display:flex;gap:16px;font-size:13px;color:#555}.referral-bonus{display:flex;align-items:center;gap:6px}.settings-tab{display:flex;flex-direction:column;gap:0}.settings-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px;color:#888;font-size:14px}.settings-section{padding:24px 0;border-bottom:1px solid #eee}.settings-section:first-child{padding-top:0}.settings-section:last-of-type{border-bottom:none}.settings-section__header{margin-bottom:16px}.settings-section__title{font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.settings-section__description{font-size:13px;color:#888;margin:0}.settings-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.settings-field:last-child{margin-bottom:0}.settings-field__label{font-size:13px;font-weight:500;color:#555}.settings-field__input{width:100%;max-width:560px;padding:12px 14px;border:1px solid #d4d4d4;border-radius:8px;font-size:14px;color:#1a1a1a;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.settings-field__input::-moz-placeholder{color:#666;opacity:.7}.settings-field__input::placeholder{color:#666;opacity:.7}.settings-field__input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.settings-field__input--textarea{min-height:100px;resize:vertical;font-family:inherit}.settings-field__hint{font-size:12px;color:#999}.settings-actions{display:flex;gap:12px;padding-top:24px;margin-top:8px}.settings-save{display:flex;align-items:center;gap:8px;padding:10px 24px;background:#1a1a1a;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease}.settings-save:hover{background:#333}.settings-save:disabled{opacity:.6;cursor:not-allowed}.help-tab{display:flex;flex-direction:column;gap:32px}.support-links{display:flex;gap:16px}.support-link{flex:1;display:flex;align-items:center;gap:16px;padding:20px;background:#fafafa;border-radius:12px;text-decoration:none;transition:background .15s ease}.support-link:hover{background:#f0f0f0}.support-link__icon{width:44px;height:44px;border-radius:10px;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.support-link--email .support-link__icon{background:#22c55e}.support-link__content{flex:1}.support-link__title{font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 2px}.support-link__subtitle{font-size:13px;color:#888;margin:0}.faq-section__title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.faq-list{display:flex;flex-direction:column;border:1px solid #eee;border-radius:12px;overflow:hidden}.faq-item{border-bottom:1px solid #eee}.faq-item:last-child{border-bottom:none}.faq-item__question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border:none;font-size:14px;font-weight:500;color:#1a1a1a;text-align:left;cursor:pointer;transition:background .15s ease}.faq-item__question:hover{background:#fafafa}.faq-item__question svg{color:#888;flex-shrink:0}.faq-item__answer{padding:0 20px 16px;font-size:14px;color:#555;line-height:1.6}.contact-section__title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-form textarea{width:100%;min-height:120px;padding:14px 16px;border:1px solid #d4d4d4;border-radius:8px;font-size:14px;font-family:inherit;color:#1a1a1a;background:#fff;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}.contact-form textarea::-moz-placeholder{color:#666;opacity:.7}.contact-form textarea::placeholder{color:#666;opacity:.7}.contact-form textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.contact-submit{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#1a1a1a;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease;align-self:flex-start}.contact-submit:hover{background:#333}.contact-submit:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#fff;border-radius:16px;max-width:400px;width:100%;position:relative;padding:32px}.modal__close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#888;cursor:pointer;padding:4px}.modal__close:hover{color:#333}.modal__icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.modal__title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 8px;text-align:center}.modal__description{font-size:14px;color:#888;margin:0 0 24px;text-align:center}.modal__plan-info{background:#fafafa;padding:16px;border-radius:8px;text-align:center;margin-bottom:24px}.modal__plan-name{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.modal__plan-price{font-size:14px;color:#888}.modal__cta{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#667eea;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease}.modal__cta:hover{background:#5a67d8}@media (max-width: 1024px){.account-page__layout{grid-template-columns:160px 1fr;gap:32px}.plans-grid{grid-template-columns:repeat(2,1fr)}.plan-card__amount{font-size:24px}}@media (max-width: 768px){.account-page{padding:20px 16px 100px}.account-page__main-title{font-size:24px;margin-bottom:24px}.account-page__layout{grid-template-columns:1fr;gap:20px}.account-sidebar{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:16px;margin-bottom:8px;border-bottom:1px solid #eee;position:static;scrollbar-width:none;-ms-overflow-style:none}.account-sidebar::-webkit-scrollbar{display:none}.account-sidebar__item{padding:10px 16px;font-size:14px;white-space:nowrap;border-radius:20px;background:#f5f5f5;flex-shrink:0}.account-sidebar__item--active{background:#1a1a1a;color:#fff}.profile-header{flex-direction:column;text-align:center;gap:16px}.profile-header__avatar{width:80px;height:80px;font-size:32px}.profile-header__edit{width:100%;margin-top:8px}.profile-edit-form__fields{max-width:100%}.profile-row{flex-direction:column;align-items:flex-start;gap:4px}.profile-row__value{font-size:16px}.profile-actions{padding-top:24px}.profile-logout{width:100%;justify-content:center}.current-plan{padding:20px}.current-plan__header{flex-direction:column;align-items:flex-start;gap:12px}.current-plan__upgrade{width:100%}.current-plan__name{font-size:20px}.plans-grid{grid-template-columns:1fr;gap:12px}.plan-card{padding:16px}.plan-card__badge{font-size:10px;top:-8px}.plan-card__amount{font-size:24px}.plan-card__features{margin-bottom:16px}.referral-section{padding:20px}.referral-stats{flex-wrap:wrap;gap:20px}.referral-stat{flex:1 1 calc(33.33% - 14px);min-width:80px;text-align:center}.referral-stat__value{font-size:20px}.referral-link{flex-direction:column;gap:12px}.referral-link input{width:100%;font-size:12px}.referral-link__copy{width:100%;justify-content:center}.referral-bonuses{flex-direction:column;gap:8px}.settings-section{padding:20px 0}.settings-field__input{max-width:100%}.settings-actions{padding-top:20px}.settings-save{width:100%;justify-content:center}.support-links{flex-direction:column;gap:12px}.support-link{padding:16px}.support-link__icon{width:40px;height:40px}.faq-item__question{padding:14px 16px;font-size:13px}.faq-item__answer{padding:0 16px 14px;font-size:13px}.contact-form textarea{min-height:100px}.contact-submit{width:100%;justify-content:center}.modal-overlay{padding:16px;align-items:flex-end}.modal{padding:24px;border-radius:16px 16px 0 0;max-width:100%}.modal__icon{width:48px;height:48px}.modal__title{font-size:18px}}@media (max-width: 480px){.account-page{padding:16px 12px 100px}.account-page__main-title{font-size:20px}.account-sidebar__item{padding:8px 14px;font-size:13px}.profile-header__avatar{width:64px;height:64px;font-size:24px}.profile-header__name{font-size:18px}.profile-section__title{font-size:11px}.current-plan__name{font-size:18px}.plan-card__name{font-size:14px}.plan-card__amount{font-size:20px}.referral-stat__value{font-size:18px}.settings-section__title{font-size:14px}.faq-section__title,.contact-section__title,.plans-section__title{font-size:15px}}.onboarding-wizard{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center}.onboarding-wizard__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fffffffa,#f8fafcfa,#fffffffa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.onboarding-wizard__container{position:relative;width:100%;max-width:600px;max-height:90vh;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;overflow-y:auto}.onboarding-wizard__header{display:flex;align-items:center;justify-content:space-between;padding:24px 0}.onboarding-wizard__logo{display:flex;align-items:center;gap:10px}.onboarding-wizard__logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700}.onboarding-wizard__logo-text{font-size:20px;font-weight:700;color:#1e293b;letter-spacing:-.5px}.onboarding-wizard__close{width:40px;height:40px;border-radius:50%;background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.onboarding-wizard__close:hover{background:#e2e8f0;color:#1e293b}.onboarding-wizard__progress{position:relative;height:6px;background:#e8dec9;border-radius:3px;margin-bottom:8px;overflow:hidden}.onboarding-wizard__progress-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#1a1a1a,#6cbf6c);border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}.onboarding-wizard__progress-text{display:block;text-align:center;font-size:13px;font-weight:500;color:#64748b;margin-bottom:24px}.onboarding-wizard__content{flex:1;display:flex;flex-direction:column}.onboarding-step{animation:fadeIn .4s ease}.onboarding-step__header{text-align:center;margin-bottom:32px}.onboarding-step__title{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 8px;letter-spacing:-.5px}.onboarding-step__subtitle{font-size:16px;color:#64748b;margin:0}.onboarding-step__actions{display:flex;gap:12px;justify-content:center;margin-top:32px;padding-bottom:24px}.onboarding-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.onboarding-btn--primary{background:linear-gradient(135deg,#1a1a1a,#333);color:#fff;box-shadow:0 4px 12px #1a1a1a4d}.onboarding-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #1a1a1a66}.onboarding-btn--primary:disabled{opacity:.5;cursor:not-allowed}.onboarding-btn--ghost{background:transparent;color:#64748b;border:1px solid #e2e8f0}.onboarding-btn--ghost:hover:not(:disabled){background:#f1f5f9;color:#1e293b}.onboarding-btn--large{padding:18px 36px;font-size:17px}.onboarding-label{display:block;font-size:14px;font-weight:600;color:#1e293b;margin-bottom:8px}.onboarding-input{width:100%;padding:14px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:15px;color:#1e293b;transition:all .2s ease}.onboarding-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.onboarding-input::-moz-placeholder{color:#94a3b8}.onboarding-input::placeholder{color:#94a3b8}.onboarding-input-wrapper{position:relative;display:flex;align-items:center}.onboarding-input-prefix{position:absolute;left:16px;color:var(--color-text-muted);font-size:15px}.onboarding-input-wrapper .onboarding-input{padding-left:36px}.onboarding-textarea{width:100%;padding:14px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;font-size:15px;color:var(--color-text);resize:vertical;min-height:100px;font-family:inherit;transition:all .2s ease}.onboarding-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.onboarding-hint{display:block;font-size:13px;color:var(--color-text-light);margin-top:6px}.onboarding-field{margin-bottom:20px}.onboarding-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:var(--color-error);font-size:14px;margin-top:16px}.onboarding-info{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:10px;color:var(--color-text-muted);font-size:14px;margin-top:16px}.onboarding-info svg{flex-shrink:0;margin-top:2px;color:var(--color-primary)}.onboarding-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;animation:scaleIn .4s ease}.onboarding-success__icon{width:80px;height:80px;background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:20px}.onboarding-success__title{font-size:24px;font-weight:700;color:var(--color-text);margin:0 0 8px}.onboarding-success__text{font-size:16px;color:var(--color-text-muted);margin:0}.welcome-hero{text-align:center;margin-bottom:40px}.welcome-hero__icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;animation:float 3s ease-in-out infinite}.welcome-hero__title{font-size:32px;font-weight:700;color:#1e293b;margin:0 0 12px;letter-spacing:-.5px}.welcome-hero__subtitle{font-size:17px;color:#64748b;margin:0;line-height:1.5}.welcome-features{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.welcome-feature{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;animation:slideInRight .5s ease;animation-fill-mode:both}.welcome-feature__icon{width:48px;height:48px;background:linear-gradient(135deg,#6366f133,#6366f11a);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.welcome-feature__content{flex:1}.welcome-feature__title{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 4px}.welcome-feature__description{font-size:14px;color:#64748b;margin:0}.welcome-cta{text-align:center}.welcome-cta__text{font-size:15px;color:#64748b;margin:0 0 16px}.platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.platform-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:14px;cursor:pointer;transition:all .2s ease}.platform-card:hover{border-color:var(--color-primary);background:var(--color-bg-tertiary)}.platform-card--selected{border-color:var(--color-primary);background:#6366f11a}.platform-card__icon{color:var(--color-text)}.platform-card__name{font-size:14px;font-weight:500;color:var(--color-text)}.platform-card__check{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.account-step__input-group{margin-top:8px}.watermark-preview{margin-bottom:24px}.watermark-preview__video{position:relative;width:100%;aspect-ratio:9/16;max-height:280px;background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:16px;overflow:hidden;margin:0 auto}.watermark-preview__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.4) 100%)}.watermark-preview__watermark{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px}.watermark-preview__tg-icon{width:32px;height:32px;color:#fff;opacity:.9}.watermark-preview__text{font-size:18px;font-weight:600;color:#fff;opacity:.9}.watermark-preview__label{display:block;text-align:center;font-size:13px;color:var(--color-text-light);margin-top:12px}.watermark-step__input-group{margin-top:8px}.video-bg-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.video-bg-option{position:relative;display:flex;align-items:center;gap:16px;padding:20px;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:14px;cursor:pointer;text-align:left;transition:all .2s ease}.video-bg-option:hover{border-color:var(--color-primary)}.video-bg-option--selected{border-color:var(--color-primary);background:#6366f11a}.video-bg-option__icon{width:56px;height:56px;background:#6366f126;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.video-bg-option__content{flex:1}.video-bg-option__title{font-size:16px;font-weight:600;color:var(--color-text);margin:0 0 4px}.video-bg-option__description{font-size:14px;color:var(--color-text-muted);margin:0}.video-bg-option__check{width:28px;height:28px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.video-bg-custom{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:14px;padding:20px;animation:fadeIn .3s ease}.demo-video-form{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;padding:24px}.demo-video-form__section{margin-bottom:24px}.demo-video-form__section:last-child{margin-bottom:0}.demo-video-form__label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.demo-video-form__randomize{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease}.demo-video-form__randomize:hover{background:var(--color-bg-hover);color:var(--color-text)}.demo-video-backgrounds{display:flex;gap:10px}.demo-video-bg{position:relative;width:60px;height:60px;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.demo-video-bg:hover{border-color:var(--color-primary)}.demo-video-bg--selected{border-color:var(--color-primary);background:#6366f126}.demo-video-bg__preview{font-size:24px}.demo-video-bg__check{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.demo-video-music{display:flex;flex-direction:column;gap:8px}.demo-video-track{position:relative;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.demo-video-track:hover{border-color:var(--color-primary)}.demo-video-track--selected{border-color:var(--color-primary);background:#6366f11a}.demo-video-track__play{width:32px;height:32px;background:var(--color-bg-hover);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0}.demo-video-track__play:hover{background:var(--color-primary);color:#fff}.demo-video-track__name{flex:1;font-size:14px;font-weight:500;color:var(--color-text)}.demo-video-track__check{width:20px;height:20px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.demo-video-generating{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px}.demo-video-generating__loader{color:var(--color-primary);margin-bottom:24px}.demo-video-generating__title{font-size:22px;font-weight:600;color:var(--color-text);margin:0 0 8px}.demo-video-generating__subtitle{font-size:15px;color:var(--color-text-muted);margin:0 0 24px}.demo-video-generating__progress{width:100%;max-width:300px;height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden}.demo-video-generating__progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-success) 100%);transition:width .5s ease}.demo-video-generating__progress-text{display:block;font-size:14px;color:var(--color-text-muted);margin-top:8px}.demo-video-result{display:flex;flex-direction:column;align-items:center;text-align:center}.demo-video-result__success{width:64px;height:64px;background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:16px;animation:scaleIn .4s ease}.demo-video-result__title{font-size:24px;font-weight:700;color:var(--color-text);margin:0 0 24px}.demo-video-result__player{width:100%;max-width:280px;margin:0 auto 24px}.demo-video-result__video{width:100%;aspect-ratio:9/16;border-radius:16px;background:#000;-o-object-fit:cover;object-fit:cover}.demo-video-result__actions{display:flex;gap:12px}.demo-video-error{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;color:var(--color-error)}.demo-video-error__title{font-size:22px;font-weight:600;color:var(--color-text);margin:16px 0 8px}.demo-video-error__message{font-size:15px;color:var(--color-text-muted);margin:0 0 24px}.demo-video-error__actions{display:flex;gap:12px}.demo-carousel-templates{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.demo-carousel-template{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s ease}.demo-carousel-template:hover{border-color:var(--color-primary)}.demo-carousel-template--selected{border-color:var(--color-primary);background:#6366f11a}.demo-carousel-template__preview{width:64px;height:64px;border-radius:10px;display:flex;align-items:center;justify-content:center}.demo-carousel-template__emoji{font-size:28px}.demo-carousel-template__name{font-size:13px;font-weight:500;color:var(--color-text)}.demo-carousel-template__check{position:absolute;top:6px;right:6px;width:20px;height:20px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.demo-carousel-preview{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:14px;padding:20px}.demo-carousel-preview__card{width:100%;aspect-ratio:1;max-height:200px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:20px;margin:0 auto}.demo-carousel-preview__text{font-size:18px;font-weight:700;text-align:center;line-height:1.3}.demo-carousel-preview__info{text-align:center;font-size:13px;color:var(--color-text-muted);margin-top:12px}.demo-carousel-generating{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px}.demo-carousel-generating__loader{color:var(--color-primary);margin-bottom:24px}.demo-carousel-generating__title{font-size:22px;font-weight:600;color:var(--color-text);margin:0 0 8px}.demo-carousel-generating__subtitle{font-size:15px;color:var(--color-text-muted);margin:0}.demo-carousel-result{display:flex;flex-direction:column;align-items:center;text-align:center}.demo-carousel-result__success{width:64px;height:64px;background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:16px;animation:scaleIn .4s ease}.demo-carousel-result__title{font-size:24px;font-weight:700;color:var(--color-text);margin:0 0 24px}.demo-carousel-result__preview{width:100%;max-width:280px;margin:0 auto 24px}.demo-carousel-result__slides{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden}.demo-carousel-result__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .5s ease}.demo-carousel-result__slide--active{opacity:1}.demo-carousel-result__dots{display:flex;justify-content:center;gap:6px;margin-top:12px}.demo-carousel-result__dot{width:8px;height:8px;border-radius:50%;background:var(--color-bg-tertiary);border:none;cursor:pointer;transition:all .2s ease}.demo-carousel-result__dot--active{background:var(--color-primary);width:24px;border-radius:4px}.demo-carousel-result__actions{display:flex;gap:12px}.demo-carousel-error{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;color:var(--color-error)}.demo-carousel-error__title{font-size:22px;font-weight:600;color:var(--color-text);margin:16px 0 8px}.demo-carousel-error__message{font-size:15px;color:var(--color-text-muted);margin:0 0 24px}.demo-carousel-error__actions{display:flex;gap:12px}.complete-hero{text-align:center;margin-bottom:40px}.complete-hero__confetti{width:100px;height:100px;margin:0 auto 24px;background:linear-gradient(135deg,#6366f133,#a855f733);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);animation:bounce 1s ease infinite}.complete-hero__title{font-size:32px;font-weight:700;color:var(--color-text);margin:0 0 8px}.complete-hero__subtitle{font-size:17px;color:var(--color-text-muted);margin:0}.complete-stats{display:flex;justify-content:center;gap:20px;margin-top:16px}.complete-stats__item{font-size:14px;color:var(--color-text-muted)}.complete-stats__item--skipped{opacity:.7}.complete-suggestions{margin-bottom:32px}.complete-suggestions__title{font-size:16px;font-weight:600;color:var(--color-text);margin:0 0 16px;text-align:center}.complete-suggestions__grid{display:flex;flex-direction:column;gap:10px}.complete-suggestion{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;text-decoration:none;transition:all .2s ease}.complete-suggestion:hover{border-color:var(--color-primary);transform:translate(4px)}.complete-suggestion__icon{width:44px;height:44px;background:#6366f126;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.complete-suggestion__content{flex:1}.complete-suggestion__title{font-size:15px;font-weight:600;color:var(--color-text);margin:0 0 2px}.complete-suggestion__description{font-size:13px;color:var(--color-text-muted);margin:0}.complete-suggestion__arrow{color:var(--color-text-light)}.complete-cta{text-align:center}.complete-hint{text-align:center;font-size:14px;color:var(--color-text-muted);margin-top:16px}.onboarding-checklist{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;padding:20px}.onboarding-checklist__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.onboarding-checklist__title-row{display:flex;align-items:center;gap:10px}.onboarding-checklist__icon{color:var(--color-primary)}.onboarding-checklist__title{font-size:16px;font-weight:600;color:var(--color-text);margin:0}.onboarding-checklist__progress-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#6366f126;border-radius:12px;font-size:13px;font-weight:600;color:var(--color-primary)}.onboarding-checklist__dismiss{width:28px;height:28px;border-radius:6px;background:transparent;border:none;color:var(--color-text-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.onboarding-checklist__dismiss:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.onboarding-checklist__progress{height:4px;background:var(--color-bg-tertiary);border-radius:2px;overflow:hidden;margin-bottom:16px}.onboarding-checklist__progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-success) 100%);transition:width .5s ease}.onboarding-checklist__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.onboarding-checklist__item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--color-bg-tertiary);border-radius:10px;transition:all .2s ease}.onboarding-checklist__item--completed{opacity:.6}.onboarding-checklist__item--completed .onboarding-checklist__item-icon{color:var(--color-success)}.onboarding-checklist__item-icon{color:var(--color-text-light);flex-shrink:0}.onboarding-checklist__item-content{flex:1;min-width:0}.onboarding-checklist__item-label{display:block;font-size:14px;font-weight:500;color:var(--color-text)}.onboarding-checklist__item-description{display:block;font-size:12px;color:var(--color-text-muted)}.onboarding-checklist__item-action{width:28px;height:28px;background:var(--color-bg-hover);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);text-decoration:none;transition:all .2s ease}.onboarding-checklist__item-action:hover{background:var(--color-primary);color:#fff}.onboarding-checklist__resume{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;margin-top:12px;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.onboarding-checklist__resume:hover{background:var(--color-primary-dark)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 600px){.onboarding-wizard__container{padding:0 16px}.onboarding-step__title{font-size:24px}.welcome-hero__title{font-size:26px}.platform-grid,.demo-carousel-templates{grid-template-columns:repeat(2,1fr)}.onboarding-btn{padding:12px 20px;font-size:14px}.onboarding-step__actions{flex-direction:column}.onboarding-step__actions .onboarding-btn{width:100%}}.dark\:prose-invert:is(.dark *){--tw-prose-body: var(--tw-prose-invert-body);--tw-prose-headings: var(--tw-prose-invert-headings);--tw-prose-lead: var(--tw-prose-invert-lead);--tw-prose-links: var(--tw-prose-invert-links);--tw-prose-bold: var(--tw-prose-invert-bold);--tw-prose-counters: var(--tw-prose-invert-counters);--tw-prose-bullets: var(--tw-prose-invert-bullets);--tw-prose-hr: var(--tw-prose-invert-hr);--tw-prose-quotes: var(--tw-prose-invert-quotes);--tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);--tw-prose-captions: var(--tw-prose-invert-captions);--tw-prose-kbd: var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);--tw-prose-code: var(--tw-prose-invert-code);--tw-prose-pre-code: var(--tw-prose-invert-pre-code);--tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);--tw-prose-th-borders: var(--tw-prose-invert-th-borders);--tw-prose-td-borders: var(--tw-prose-invert-td-borders)}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.last\:mb-0:last-child{margin-bottom:0}.last\:border-0:last-child{border-width:0px}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[\#A09889\]:hover{--tw-border-opacity: 1;border-color:rgb(160 152 137 / var(--tw-border-opacity, 1))}.hover\:border-border:hover{border-color:hsl(var(--border))}.hover\:border-cosmic-blue\/50:hover{border-color:#7693e780}.hover\:border-cosmic-orange:hover{--tw-border-opacity: 1;border-color:rgb(249 175 108 / var(--tw-border-opacity, 1))}.hover\:border-cosmic-orange\/30:hover{border-color:#f9af6c4d}.hover\:border-cosmic-orange\/40:hover{border-color:#f9af6c66}.hover\:border-cosmic-orange\/50:hover{border-color:#f9af6c80}.hover\:border-green-500:hover{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.hover\:border-indigo-500\/50:hover{border-color:#6366f180}.hover\:border-muted-foreground\/50:hover{border-color:hsl(var(--muted-foreground) / .5)}.hover\:border-violet-500:hover{--tw-border-opacity: 1;border-color:rgb(139 92 246 / var(--tw-border-opacity, 1))}.hover\:bg-\[\#6A7D5A\]:hover{--tw-bg-opacity: 1;background-color:rgb(106 125 90 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#B89B75\]:hover{--tw-bg-opacity: 1;background-color:rgb(184 155 117 / var(--tw-bg-opacity, 1))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-card\/50:hover{background-color:hsl(var(--card) / .5)}.hover\:bg-card\/80:hover{background-color:hsl(var(--card) / .8)}.hover\:bg-cosmic-blue-dark:hover{--tw-bg-opacity: 1;background-color:rgb(90 122 214 / var(--tw-bg-opacity, 1))}.hover\:bg-cosmic-blue\/20:hover{background-color:#7693e733}.hover\:bg-cosmic-blue\/90:hover{background-color:#7693e7e6}.hover\:bg-cosmic-cyan\/20:hover{background-color:#85d2e733}.hover\:bg-cosmic-orange:hover{--tw-bg-opacity: 1;background-color:rgb(249 175 108 / var(--tw-bg-opacity, 1))}.hover\:bg-cosmic-orange-dark:hover{--tw-bg-opacity: 1;background-color:rgb(232 154 82 / var(--tw-bg-opacity, 1))}.hover\:bg-cosmic-orange\/10:hover{background-color:#f9af6c1a}.hover\:bg-cosmic-orange\/20:hover{background-color:#f9af6c33}.hover\:bg-cosmic-orange\/5:hover{background-color:#f9af6c0d}.hover\:bg-cosmic-orange\/90:hover{background-color:#f9af6ce6}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-foreground\/90:hover{background-color:hsl(var(--foreground) / .9)}.hover\:bg-green-500\/20:hover{background-color:#22c55e33}.hover\:bg-green-500\/5:hover{background-color:#22c55e0d}.hover\:bg-indigo-500\/30:hover{background-color:#6366f14d}.hover\:bg-indigo-500\/5:hover{background-color:#6366f10d}.hover\:bg-indigo-600:hover{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-700:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-muted-foreground\/20:hover{background-color:hsl(var(--muted-foreground) / .2)}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted) / .5)}.hover\:bg-muted\/80:hover{background-color:hsl(var(--muted) / .8)}.hover\:bg-purple-500\/20:hover{background-color:#a855f733}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:bg-red-500\/20:hover{background-color:#ef444433}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:bg-violet-500\/5:hover{background-color:#8b5cf60d}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:text-\[\#7B8F6A\]:hover{--tw-text-opacity: 1;color:rgb(123 143 106 / var(--tw-text-opacity, 1))}.hover\:text-\[\#A09889\]:hover{--tw-text-opacity: 1;color:rgb(160 152 137 / var(--tw-text-opacity, 1))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-cosmic-orange:hover{--tw-text-opacity: 1;color:rgb(249 175 108 / var(--tw-text-opacity, 1))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-green-300:hover{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}.hover\:text-red-300:hover{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-50:hover{opacity:.5}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-glow-blue:hover{--tw-shadow: 0 0 30px rgba(118, 147, 231, .3);--tw-shadow-colored: 0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-glow-orange:hover{--tw-shadow: 0 0 30px rgba(249, 175, 108, .3);--tw-shadow-colored: 0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[\#7B8F6A\]\/20:hover{--tw-shadow-color: rgb(123 143 106 / .2);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-\[\#C4A882\]\/20:hover{--tw-shadow-color: rgb(196 168 130 / .2);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-cosmic-orange\/40:hover{--tw-shadow-color: rgb(249 175 108 / .4);--tw-shadow: var(--tw-shadow-colored)}.hover\:ring-2:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.hover\:ring-muted:hover{--tw-ring-color: hsl(var(--muted))}.focus\:border-cosmic-orange:focus{--tw-border-opacity: 1;border-color:rgb(249 175 108 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-cosmic-blue:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(118 147 231 / var(--tw-ring-opacity, 1))}.focus\:ring-cosmic-orange:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(249 175 108 / var(--tw-ring-opacity, 1))}.focus\:ring-cosmic-orange\/20:focus{--tw-ring-color: rgb(249 175 108 / .2)}.focus\:ring-cosmic-orange\/50:focus{--tw-ring-color: rgb(249 175 108 / .5)}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:border-cosmic-orange:focus-visible{--tw-border-opacity: 1;border-color:rgb(249 175 108 / var(--tw-border-opacity, 1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-cosmic-blue:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(118 147 231 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-cosmic-orange:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(249 175 108 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-red-500:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-yellow-500:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-\[\#229ED9\]{--tw-bg-opacity: 1;background-color:rgb(34 158 217 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-\[\#6B4DE6\]\/20{background-color:#6b4de633}.group:hover .group-hover\:bg-cosmic-blue{--tw-bg-opacity: 1;background-color:rgb(118 147 231 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-cosmic-cyan{--tw-bg-opacity: 1;background-color:rgb(133 210 231 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-cosmic-orange{--tw-bg-opacity: 1;background-color:rgb(249 175 108 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:text-cosmic-orange{--tw-text-opacity: 1;color:rgb(249 175 108 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-muted-foreground{color:hsl(var(--muted-foreground))}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-100{opacity:1}@supports (backdrop-filter: var(--tw)){.supports-\[backdrop-filter\]\:bg-background\/60{background-color:hsl(var(--background) / .6)}}@media (min-width: 475px){.xs\:inline{display:inline}.xs\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 640px){.sm\:right-6{right:1.5rem}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:w-40{width:10rem}.sm\:w-96{width:24rem}.sm\:w-auto{width:auto}.sm\:max-w-md{max-width:28rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-4{gap:1rem}.sm\:p-6{padding:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-\[10rem\]{font-size:10rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 1024px){.lg\:bottom-6{bottom:1.5rem}.lg\:right-6{right:1.5rem}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:ml-64{margin-left:16rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-1\/2{width:50%}.lg\:w-64{width:16rem}.lg\:w-full{width:100%}.lg\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-16{gap:4rem}.lg\:overflow-x-visible{overflow-x:visible}.lg\:border-b-0{border-bottom-width:0px}.lg\:border-r{border-right-width:1px}.lg\:p-12{padding:3rem}.lg\:p-6{padding:1.5rem}.lg\:p-8{padding:2rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:pb-0{padding-bottom:0}.lg\:pb-6{padding-bottom:1.5rem}.lg\:text-left{text-align:left}.lg\:text-7xl{font-size:4.5rem;line-height:1}.lg\:text-\[3\.25rem\]{font-size:3.25rem}}@media (min-width: 1280px){.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}.\[\&\>div\]\:w-full>div{width:100%}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}