.audio-player{display:flex;align-items:center;gap:8px;background-color:#fafafa;border:1px solid #F4F4F5;border-radius:24px;padding:4px 12px;max-width:280px;font-family:sans-serif;overflow:visible}.audio-player button{background:none;border:none;cursor:pointer;color:#71717a;display:flex;align-items:center;justify-content:center;padding:0}.play-pause-btn{width:32px;height:32px;background-color:#fff;border-radius:50%;border:1px solid #e5e5e5;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.play-pause-btn:hover{background-color:#f0f0f0}.time-display{color:#71717a;min-width:60px;text-align:center;font-size:.8rem}.progress-bar{width:56px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#e5e5e5;border-radius:2px;outline:none;cursor:pointer}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#2e7d80;border-radius:50%;border:2px solid #fff;box-shadow:0 0 2px #0003;cursor:pointer}.volume-wrapper{display:flex;align-items:center;gap:1px;border-radius:8px;padding:1px;width:24px;overflow:hidden;transition:width .2s ease}.volume-wrapper:hover{width:80px}.volume-btn{color:#71717a;width:24px;height:24px;border-radius:4px;transition:background-color .2s ease}.volume-btn:hover{background-color:#f0f0f0}.volume-slider{width:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#d1d5db;border-radius:2px;outline:none;cursor:pointer;display:block;margin-left:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#2e7d80;border-radius:50%;border:2px solid #fff;box-shadow:0 0 2px #0003;cursor:pointer}.add-word-btn{background-color:#6abdc2;color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease;display:inline-flex;align-items:center;justify-content:center}.add-word-btn.outline{background-color:transparent;border:1px solid #379598;color:#379598}.add-word-btn:hover:not(:disabled):not(.outline){background-color:#5aa7ad}.add-word-btn.outline:hover:not(:disabled){background-color:#3795981a}.add-word-btn:disabled{background-color:#e4e4e7!important;color:#9ca3af!important;cursor:not-allowed;border:none}.spinner{border:2px solid rgba(255,255,255,.6);border-top:2px solid #fff;border-radius:50%;width:16px;height:16px;animation:spin .8s linear infinite}.form-group{position:relative;width:300px;max-width:100%}.form-group input{height:45px;width:100%;padding:0 .75rem;font-size:1rem;border:1px solid #D4D4D8;border-radius:8px;outline:none;background:transparent}.form-group.search input{padding-right:2.5rem}.form-group input::placeholder{color:transparent;background:transparent}.form-group label{position:absolute;top:50%;left:.75rem;color:#999;background:transparent;padding:0 .25rem;transition:.2s ease all;pointer-events:none;transform:translateY(-50%)}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label{top:-.05rem;left:.6rem;font-size:.8rem;color:#27272a;background:#fafafa}.search-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none}.pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;position:static}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:.5rem;grid-column:2}.pagination-button,.pagination-page{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .5rem;border:1px solid #E4E4E7;border-radius:9999px;background:#f4f4f5;color:#71717a;cursor:pointer;transition:all .2s}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-button:not(:disabled):hover,.pagination-page:not(:disabled):hover{background:#e4e4e7}.pagination-page.active{background:#6abdc2;color:#fff;border-color:#6abdc2}.dots{color:#71717a;padding:0 4px}.pagination-info{display:flex;align-items:center;gap:.5rem;color:#71717a;grid-column:3;justify-self:end}.select-container{position:relative;display:inline-block}.pagination-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:4px 32px 4px 8px;border:1px solid #E4E4E7;border-radius:.375rem;background:#f4f4f5;color:#71717a;cursor:pointer;min-width:80px}.select-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;color:#52525b}.pagination-select:focus{outline:none;border-color:#6abdc2}@media (max-width: 640px){.pagination{grid-template-columns:1fr;row-gap:.5rem}.pagination-controls{grid-column:1}.pagination-info{grid-column:1;justify-self:center;justify-content:center;flex-wrap:wrap;font-size:.85rem}.pagination-button,.pagination-page{min-width:30px;height:30px;padding:0 .45rem}}.add-audio-wrapper{display:flex;align-items:center;flex-wrap:wrap;gap:6px;max-width:100%}.gallery-btn{background-color:#e2e8f0;color:#4a5568}.add-audio-btn{background-color:#6abdc2;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;transition:background-color .2s ease}.add-audio-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{border:2px solid #fff;border-top:2px solid rgba(255,255,255,.3);border-radius:50%;width:16px;height:16px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.add-audio-input{display:none}@media (max-width: 640px){.add-audio-wrapper{width:100%}.add-audio-btn{flex:1 1 120px;min-width:0}}.dd-outer{display:flex;align-items:center;gap:6px}.dd-gallery-btn{background-color:#e2e8f0;color:#4a5568;border:none;padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease}.dd-gallery-btn:hover{background-color:#cbd5e0}.dd-container{border:2px dashed #E4E4E7;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;overflow:hidden}.dd-file-input{display:none}.dd-instructions{color:#a1a1aa;text-align:center;font-size:.9rem;padding:8px}.dd-preview-img{max-width:100%;max-height:100%;object-fit:cover;border-radius:4px}.dd-preview-video{max-width:100%;max-height:100%;border-radius:4px}.remove-audio-btn{background-color:transparent;color:#ef4444;border:none;border-radius:4px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.remove-syllable-btn{color:#fff;border:none;border-radius:4px;padding:4px;cursor:pointer;transition:background-color .2s ease}.video-preview-container{position:relative;width:127px;height:86px;margin-top:16px}.video-preview{width:127px;height:86px;border-radius:8px;object-fit:cover}.remove-video-btn{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;border:none;border-radius:4px;padding:2px;cursor:pointer;transition:background-color .2s ease}.remove-video-btn:hover{background-color:#d64545}.remove-phrase-btn{background-color:#f87171;color:#fff;border:none;border-radius:4px;padding:4px;cursor:pointer;transition:background-color .2s ease}.remove-phrase-btn:hover{background-color:#e55a5a}.tabs-container{width:100%;min-width:0;height:100%;display:flex;flex-direction:column;margin:0;padding:0}.tabs{display:flex;width:100%;min-width:0;list-style:none;border-bottom:1px solid #D4D4D8;margin:0;padding:0;flex-shrink:0}.tab{flex:1;min-width:0;text-align:center;padding:1rem 0;cursor:pointer;position:relative;color:#71717a;transition:color .3s ease}.tab:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#2e7d80;border-radius:4px;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.tab.active{color:#2e7d80}.tab.active:after{transform:scaleX(1)}.tab-content{flex:1;overflow:auto;max-width:100%;padding:1rem 1rem 1rem 0}.fls-form-group{position:relative;width:300px;max-width:100%}.fls-form-group select{height:45px;width:100%;padding:0 2.5rem 0 .75rem;font-size:1rem;border:1px solid #d4d4d8;border-radius:8px;outline:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.fls-form-group select:focus{border-color:#999}.fls-form-group label{position:absolute;top:50%;left:.75rem;color:#999;background:transparent;padding:0 .25rem;transition:.2s ease all;pointer-events:none;transform:translateY(-50%)}.fls-form-group select:focus+label{top:-.05rem;left:.6rem;font-size:.8rem;color:#27272a;background:#fafafa}.fls-form-group.filled label{top:-.05rem;left:.6rem;font-size:.8rem;color:#27272a;background:#fafafa}.fls-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none}.switch-container{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.switch-disabled{opacity:.5;cursor:not-allowed}.switch-track{width:40px;height:24px;border-radius:24px;background-color:#ccc;position:relative;transition:background-color .2s ease}.switch-handle{width:20px;height:20px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s ease}.switch-checked{background-color:#379598}.switch-checked .switch-handle{transform:translate(16px)}.switch-label{font-size:.9rem;color:#71717a}.accordion-container{width:100%;border-radius:8px;background-color:#f4f4f5;overflow:hidden}.accordion-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:12px 16px}.accordion-icon-circle{width:28px;height:28px;background-color:#5ba1a6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-right:16px}.accordion-title{display:flex;align-items:center;font-size:1rem;color:#333}.accordion-title-content{display:flex;align-items:center;gap:8px}.accordion-chevron{transition:transform .2s ease;color:#999}.accordion-chevron.rotated{transform:rotate(180deg)}.accordion-content{padding:16px;animation:slideDown .2s ease forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.filter-btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;border:none;border-radius:8px;background:#6abdc2;cursor:pointer;position:relative;padding:0;color:#fff}.filter-lines{display:flex;flex-direction:column;gap:3px;padding:4px}.line{display:block;height:2px;background-color:#71717a;border-radius:1px}.line-1{width:16px}.line-2{width:12px}.line-3{width:8px}.filter-badge{position:absolute;top:-2px;right:-2px;width:6px;height:6px;background-color:#ef4444;border-radius:50%}