body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:900px;padding:20px}.form-group{margin-bottom:15px}.form-row{display:flex;gap:15px;justify-content:space-between}.form-group label{display:block;margin-bottom:5px}.form-group input{box-sizing:border-box;padding:8px;width:100%}.rectangler{background-color:initial;border:2px solid #541ac9;border-radius:50px;box-shadow:4px 4px 12px #0000004d;height:100px;width:200px}.loading{align-items:center;display:flex;font-size:1.5rem;height:100vh;justify-content:center}:root[data-theme=light]{--background-color:#f3f4f6;--card-background:#fff;--text-color:#1f2937;--primary-color:#1d79bc;--secondary-color:#dc2626;--button-hover:#135a8c;--shadow-color:#0003;--input-border:#1d79bc;--success-color:#16a34a;--title-color:#1d79bc;--hover-background:#e5e7eb;--border-color:#d1d5db;--icon-color:#1f2937;--icon-hover:#135a8c}:root[data-theme=dark]{--background-color:#1a202c;--card-background:#2d3748;--text-color:#e2e8f0;--primary-color:#1d79bc;--secondary-color:#f56565;--button-hover:#2a93d5;--shadow-color:#00000080;--input-border:#1d79bc;--success-color:#48bb78;--title-color:#fff;--hover-background:#4b5563;--border-color:#4b5563;--icon-color:#e2e8f0;--icon-hover:#2a93d5}body{background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;font-size:clamp(14px,2.5vw,16px);margin:0}.display-form-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:clamp(20px,4vw,32px)}.display-form-header{align-items:center;display:flex;gap:clamp(8px,1.5vw,12px);justify-content:space-between;margin-bottom:clamp(16px,2.5vw,24px);max-width:clamp(800px,90vw,1200px);width:100%}.display-form-title{color:var(--text-color);flex-grow:1;font-size:clamp(1.5rem,4vw,1.75rem);font-weight:600;margin:0;text-align:center}.display-form-header-controls{gap:clamp(8px,1.5vw,12px);justify-content:flex-end}.display-form-header-controls,.language-toggle{align-items:center;display:flex;padding:clamp(6px,1vw,8px)}.language-toggle{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:clamp(6px,1vw,8px);gap:clamp(6px,1vw,8px);min-height:44px;min-width:44px;transition:background-color .2s ease}.language-toggle:hover{background-color:var(--hover-background)}.language-toggle:hover .language-icon{color:var(--icon-hover)}.header-actions{align-items:center;display:flex;gap:clamp(12px,2vw,16px)}.exercise-grid{display:flex;flex-wrap:wrap;gap:clamp(16px,2.5vw,24px);justify-content:center;max-width:clamp(800px,90vw,1200px)}.exercise-card{background-color:var(--card-background);border:1px solid var(--input-border);border-radius:clamp(12px,2vw,16px);box-shadow:0 6px 12px var(--shadow-color);box-sizing:border-box;max-width:clamp(250px,35vw,300px);min-width:clamp(200px,30vw,250px);padding:clamp(16px,2.5vw,20px);position:relative;text-align:center;width:100%}.exercise-title{color:var(--title-color);font-size:clamp(1rem,2.5vw,1.25rem);font-weight:500;margin-bottom:clamp(8px,1.5vw,12px)}.action-button{align-items:center;border:none;border-radius:50%;box-shadow:0 2px 4px var(--shadow-color);cursor:pointer;height:clamp(32px,5vw,36px);transition:background-color .2s ease,transform .2s ease;width:clamp(32px,5vw,36px)}.action-button,.action-buttons{display:flex;justify-content:center}.action-buttons{gap:clamp(12px,2vw,16px)}.publish-button{border:1px solid var(--input-border)}.publish-button:hover{background-color:var(--button-hover);transform:scale(1.05)}.publish-button .fa-share{color:#fff;font-size:clamp(14px,2vw,16px)}.edit-button{background-color:var(--primary-color);border:1px solid var(--input-border)}.edit-button:hover{background-color:var(--button-hover);transform:scale(1.05)}.edit-button .fa-pen-to-square{color:#fff;font-size:clamp(14px,2vw,16px)}.delete-button{background-color:var(--secondary-color);border:1px solid var(--secondary-color)}.delete-button:hover{background-color:#b91c1c;transform:scale(1.05)}.delete-button .fa-trash{color:#fff;font-size:clamp(14px,2vw,16px)}.search-input{background-color:var(--card-background);box-shadow:0 2px 4px var(--shadow-color);font-size:clamp(14px,2vw,16px);max-width:clamp(250px,40vw,300px);outline:none;padding:0 clamp(12px,2vw,16px)}.create-button,.search-input{border:1px solid var(--input-border)}.create-button{background-color:var(--primary-color)}.create-button:hover{background-color:var(--button-hover);transform:scale(1.05)}.create-button span{color:#fff;font-size:clamp(14px,2vw,16px)}.ai-button{background-color:var(--primary-color);border:1px solid var(--input-border)}.ai-button:hover{background-color:var(--button-hover);transform:scale(1.05)}.ai-button .fa-robot{color:#fff;font-size:clamp(14px,2vw,16px)}.published-icon{color:var(--success-color);cursor:default;font-size:clamp(1.25rem,2.5vw,1.5rem);position:absolute;right:clamp(8px,1.5vw,10px);top:clamp(8px,1.5vw,10px)}.exercise-image-container{height:clamp(120px,20vw,140px);margin-bottom:clamp(8px,1.5vw,12px);overflow:hidden;position:relative;width:100%}.exercise-image{border-radius:clamp(8px,1.5vw,10px);display:block;height:100%;object-fit:cover;width:100%}.play-button{align-items:center;background-color:#000000b3;border:2px solid #fff;border-radius:50%;cursor:pointer;display:flex;height:clamp(40px,6vw,48px);justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:clamp(40px,6vw,48px)}.exercise-image-container:hover .play-button{opacity:1}.play-button span{color:#fff;font-size:clamp(1.5rem,3vw,1.75rem)}.error-container,.loading-container{align-items:center;color:var(--text-color);display:flex;justify-content:center;min-height:100vh}.publish-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.publish-modal-container{background-color:var(--card-background);border:1px solid var(--input-border);border-radius:clamp(12px,2vw,16px);box-shadow:0 6px 12px var(--shadow-color);max-width:clamp(320px,80vw,400px);min-width:clamp(280px,70vw,300px);padding:clamp(16px,3vw,24px);width:100%}:where([data-theme=dark]) .publish-modal-container{background-color:var(--card-background);box-shadow:0 6px 12px var(--shadow-color)}.publish-modal-title{color:var(--primary-color);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;margin-bottom:clamp(16px,2.5vw,20px);text-align:center}:where([data-theme=dark]) .publish-modal-title{color:var(--primary-color)}.publish-modal-field{margin-bottom:clamp(12px,2vw,16px)}.publish-modal-label{color:var(--text-color);display:block;font-size:clamp(.875rem,2vw,1rem);margin-bottom:clamp(6px,1vw,8px)}:where([data-theme=dark]) .publish-modal-label{color:var(--text-color)}.publish-modal-select{background-color:var(--card-background);border:1px solid var(--input-border);border-radius:clamp(6px,1vw,8px);color:var(--text-color);font-size:clamp(.875rem,2vw,1rem);height:clamp(32px,5vw,36px);outline:none;padding:0 clamp(8px,1.5vw,12px);width:100%}:where([data-theme=dark]) .publish-modal-select{background-color:var(--card-background);border-color:var(--input-border);color:var(--text-color)}.publish-modal-select:disabled{background-color:#d1d5db;cursor:not-allowed}:where([data-theme=dark]) .publish-modal-select:disabled{background-color:#4b5563}.publish-modal-button{border:none;border-radius:clamp(6px,1vw,8px);color:#fff;cursor:pointer;font-size:clamp(.875rem,2vw,1rem);height:clamp(32px,5vw,36px);transition:background-color .2s ease;width:100%}.publish-modal-button:disabled{cursor:not-allowed;opacity:.6}.publish-button{background-color:var(--primary-color)}.publish-button:hover:not(:disabled){background-color:var(--button-hover)}:where([data-theme=dark]) .publish-button{background-color:var(--primary-color)}:where([data-theme=dark]) .publish-button:hover:not(:disabled){background-color:var(--button-hover)}.cancel-button{background-color:var(--secondary-color)}.cancel-button:hover:not(:disabled){background-color:#b91c1c}:where([data-theme=dark]) .cancel-button{background-color:var(--secondary-color)}:where([data-theme=dark]) .cancel-button:hover:not(:disabled){background-color:#ef4444}.publish-modal-error{color:var(--secondary-color);font-size:clamp(.875rem,2vw,1rem);margin-bottom:clamp(12px,2vw,16px);text-align:center}:where([data-theme=dark]) .publish-modal-error{color:var(--secondary-color)}.publish-modal-success{color:var(--success-color);font-size:clamp(.875rem,2vw,1rem);margin-bottom:clamp(12px,2vw,16px);text-align:center}:where([data-theme=dark]) .publish-modal-success{color:var(--success-color)}.publish-modal-error-container,.publish-modal-loading{background-color:var(--card-background);border:1px solid var(--input-border);border-radius:clamp(12px,2vw,16px);box-shadow:0 6px 12px var(--shadow-color);max-width:clamp(320px,80vw,400px);min-width:clamp(280px,70vw,300px);padding:clamp(16px,3vw,24px);text-align:center;width:100%}:where([data-theme=dark]) .publish-modal-error-container,:where([data-theme=dark]) .publish-modal-loading{background-color:var(--card-background);box-shadow:0 6px 12px var(--shadow-color)}.publish-modal-error-text{color:var(--text-color);font-size:clamp(.875rem,2vw,1rem);margin-bottom:clamp(12px,2vw,16px)}:where([data-theme=dark]) .publish-modal-error-text{color:var(--text-color)}.event-form-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.event-form-container{background-color:var(--card-background);border-radius:clamp(12px,2vw,16px);box-shadow:0 6px 12px var(--shadow-color);box-sizing:border-box;max-height:clamp(80vh,90vh,85vh);max-width:clamp(360px,80vw,448px);overflow-y:auto;padding:clamp(16px,3vw,24px);position:relative;scroll-behavior:smooth;width:100%}.event-form-container::-webkit-scrollbar{width:clamp(6px,1vw,8px)}.event-form-container::-webkit-scrollbar-track{background:var(--card-background);border-radius:clamp(6px,1vw,8px)}.event-form-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:clamp(6px,1vw,8px)}.event-form-container::-webkit-scrollbar-thumb:hover{background:var(--button-hover)}.event-form-container{scrollbar-color:var(--primary-color) var(--card-background);scrollbar-width:thin}:where([data-theme=dark]) .event-form-container{background-color:var(--card-background);box-shadow:0 6px 12px var(--shadow-color)}:where([data-theme=dark]) .event-form-container::-webkit-scrollbar-track{background:var(--card-background)}:where([data-theme=dark]) .event-form-container::-webkit-scrollbar-thumb{background:var(--primary-color)}:where([data-theme=dark]) .event-form-container::-webkit-scrollbar-thumb:hover{background:var(--button-hover)}:where([data-theme=dark]) .event-form-container{scrollbar-color:var(--primary-color) var(--card-background)}.event-form-title{color:var(--text-color);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;margin-bottom:clamp(16px,2.5vw,20px);margin-top:clamp(24px,5vw,32px);text-align:center}.event-form-header{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;padding:clamp(6px,1vw,8px) clamp(12px,2vw,16px);width:100%}.event-form-header-controls{align-items:center;display:flex;gap:clamp(8px,1.5vw,12px)}.language-toggle-right{align-items:center;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:clamp(6px,1vw,8px);display:flex;gap:clamp(6px,1vw,8px);min-height:44px;min-width:44px;padding:clamp(6px,1vw,8px);transition:background-color .2s ease}.language-toggle-right:hover{background-color:var(--hover-background)}.language-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:initial;border:none;color:var(--text-color);cursor:pointer;font-size:clamp(12px,2vw,14px);outline:none;padding:clamp(4px,.8vw,6px)}.language-select:focus{outline:none}.language-icon{color:var(--icon-color);font-size:clamp(16px,2.5vw,18px);transition:color .2s ease}.language-toggle-right:hover .language-icon{color:var(--icon-hover)}.theme-toggle{align-items:center;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:clamp(6px,1vw,8px);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:clamp(6px,1vw,8px);transition:background-color .2s ease,transform .2s ease}.theme-toggle:hover{background-color:var(--hover-background);transform:scale(1.05)}.theme-icon{color:var(--icon-color);font-size:clamp(16px,2.5vw,18px);transition:color .2s ease}.theme-toggle:hover .theme-icon{color:var(--icon-hover)}.event-form-content{align-items:center;display:flex;flex-direction:column;gap:clamp(12px,2vw,16px);justify-content:center;width:100%}.event-form-custom-select-container{align-items:center;background-color:var(--card-background);border:1px solid var(--input-border);border-radius:clamp(6px,1vw,8px);box-shadow:0 2px 4px var(--shadow-color);cursor:default;display:flex;height:clamp(32px,5vw,36px);justify-content:space-between;margin:clamp(8px,1.5vw,10px) auto;max-width:clamp(250px,60vw,300px);padding:0 clamp(8px,1.5vw,12px);position:relative;width:100%;z-index:1}:where([data-theme=dark]) .event-form-custom-select-container{background-color:var(--card-background)}.event-form-custom-select-text{color:#6b7280;flex-grow:1;overflow:hidden;padding-right:clamp(6px,1vw,8px);pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.event-form-custom-select-container:has(select:not([value=""])) .event-form-custom-select-text{color:var(--text-color)}.event-form-caret-icon{color:var(--primary-color);cursor:pointer;font-size:clamp(14px,2vw,16px);margin-left:clamp(6px,1vw,8px);z-index:2}.event-form-custom-select{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:0}.event-form-input{background-color:var(--card-background);border:1px solid var(--input-border);border-radius:clamp(6px,1vw,8px);box-shadow:0 2px 4px var(--shadow-color);color:var(--text-color);font-size:clamp(.875rem,2vw,1rem);height:clamp(32px,5vw,36px);margin:clamp(8px,1.5vw,10px) auto;max-width:clamp(250px,60vw,300px);outline:none;padding:0 clamp(8px,1.5vw,12px);width:100%}:where([data-theme=dark]) .event-form-input{background-color:var(--card-background);color:var(--text-color)}.event-form-file-placeholder{align-items:center;background-color:var(--card-background);border:1px solid var(--input-border);border-radius:clamp(6px,1vw,8px);box-shadow:0 2px 4px var(--shadow-color);color:#6b7280;cursor:pointer;display:flex;height:clamp(32px,5vw,36px);justify-content:space-between;margin:clamp(8px,1.5vw,10px) auto;max-width:clamp(250px,60vw,300px);padding:0 clamp(8px,1.5vw,12px);width:100%}:where([data-theme=dark]) .event-form-file-placeholder{background-color:var(--card-background)}.event-form-file-placeholder:has(.event-form-file-text:not(:empty)){color:var(--text-color)}.event-form-file-text{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-form-upload-icon{color:var(--primary-color);font-size:clamp(14px,2vw,16px)}.event-form-preview-image{display:block;margin:clamp(8px,1.5vw,10px) auto;width:clamp(80px,20vw,100px)}.event-form-preview-audio{display:block;margin:clamp(8px,1.5vw,10px) auto;max-width:clamp(250px,60vw,300px);width:100%}.event-form-back-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:clamp(6px,1vw,8px);box-shadow:0 2px 4px var(--shadow-color);cursor:pointer;display:flex;height:clamp(32px,5vw,36px);justify-content:center;left:clamp(12px,2vw,16px);position:absolute;top:clamp(12px,2vw,16px);transition:background-color .2s ease,transform .2s ease;width:clamp(32px,5vw,36px)}.event-form-back-button:hover{background-color:var(--button-hover);transform:scale(1.05)}.event-form-back-icon{color:#fff;font-size:clamp(18px,2.5vw,20px)}.event-form-button-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,16px);margin-left:auto;margin-right:auto;margin-top:clamp(16px,2.5vw,20px);max-width:clamp(250px,60vw,300px);width:100%}.event-form-button{border:none;border-radius:clamp(6px,1vw,8px);box-shadow:0 2px 4px var(--shadow-color);color:#fff;cursor:pointer;font-size:clamp(.875rem,2vw,1rem);font-weight:600;padding:clamp(6px,1vw,8px) clamp(12px,2vw,16px);transition:background-color .2s ease;width:clamp(100px,25vw,120px)}.event-form-button:disabled{background-color:#d1d5db;cursor:not-allowed}:where([data-theme=dark]) .event-form-button:disabled{background-color:#4b5563}.event-form-back-button-action{background-color:var(--secondary-color)}.event-form-back-button-action:hover:not(:disabled){background-color:#b91c1c}:where([data-theme=dark]) .event-form-back-button-action:hover:not(:disabled){background-color:#ef4444}.event-form-next-button{background-color:var(--success-color)}.event-form-next-button:hover:not(:disabled){background-color:#15803d}:where([data-theme=dark]) .event-form-next-button:hover:not(:disabled){background-color:#3f9c64}.event-form-save-button{background-color:var(--primary-color)}.event-form-save-button:hover:not(:disabled){background-color:var(--button-hover)}.generate-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.generate-modal-container{background-color:var(--card-background);border-radius:clamp(8px,1.5vw,10px);box-shadow:0 6px 12px var(--shadow-color);max-width:clamp(320px,80vw,400px);padding:clamp(16px,3vw,24px);position:relative;width:100%}:where([data-theme=dark]) .generate-modal-container{background-color:var(--card-background);box-shadow:0 6px 12px var(--shadow-color)}.generate-modal-title{color:var(--text-color);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;margin-bottom:clamp(16px,2.5vw,20px);text-align:center}:where([data-theme=dark]) .generate-modal-title{color:var(--text-color)}.generate-modal-field{margin-bottom:clamp(12px,2vw,16px)}.generate-modal-label{color:var(--text-color);display:block;font-size:clamp(.875rem,2vw,1rem);margin-bottom:clamp(6px,1vw,8px)}:where([data-theme=dark]) .generate-modal-label{color:var(--text-color)}.generate-modal-input,.generate-modal-select{background-color:var(--card-background);border:1px solid var(--input-border);border-radius:clamp(6px,1vw,8px);color:var(--text-color);font-size:clamp(.875rem,2vw,1rem);height:clamp(32px,5vw,36px);outline:none;padding:0 clamp(8px,1.5vw,8px);width:100%}:where([data-theme=dark]) .generate-modal-input,:where([data-theme=dark]) .generate-modal-select{background-color:var(--card-background);border-color:var(--input-border);color:var(--text-color)}.generate-modal-button-container{display:flex;gap:clamp(8px,1.5vw,12px);justify-content:space-between}.generate-modal-button{border:none;border-radius:clamp(6px,1vw,8px);color:#fff;cursor:pointer;font-size:clamp(.875rem,2vw,1rem);font-weight:600;height:clamp(32px,5vw,36px);transition:background-color .2s ease;width:48%}.generate-modal-cancel-button{background-color:var(--secondary-color)}.generate-modal-cancel-button:hover:not(:disabled){background-color:#b91c1c}:where([data-theme=dark]) .generate-modal-cancel-button{background-color:var(--secondary-color)}:where([data-theme=dark]) .generate-modal-cancel-button:hover:not(:disabled){background-color:#ef4444}.generate-modal-generate-button{background-color:var(--primary-color)}.generate-modal-generate-button:hover:not(:disabled){background-color:var(--button-hover)}:where([data-theme=dark]) .generate-modal-generate-button{background-color:var(--primary-color)}:where([data-theme=dark]) .generate-modal-generate-button:hover:not(:disabled){background-color:var(--button-hover)}.update-form-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.update-form-container{background-color:var(--card-background);border:1px solid var(--input-border);border-radius:clamp(10px,2vw,12px);box-shadow:0 6px 12px var(--shadow-color);box-sizing:border-box;max-height:clamp(80vh,90vh,85vh);max-width:clamp(360px,90vw,600px);min-width:clamp(280px,80vw,300px);overflow-y:auto;padding:clamp(16px,3vw,24px);position:relative;scroll-behavior:smooth;width:100%}.update-form-container::-webkit-scrollbar{width:clamp(6px,1vw,8px)}.update-form-container::-webkit-scrollbar-track{background:var(--card-background);border-radius:clamp(6px,1vw,8px)}.update-form-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:clamp(6px,1vw,8px)}.update-form-container::-webkit-scrollbar-thumb:hover{background:var(--button-hover)}.update-form-container{scrollbar-color:var(--primary-color) var(--card-background);scrollbar-width:thin}:where([data-theme=dark]) .update-form-container{background-color:var(--card-background);border-color:var(--input-border);box-shadow:0 6px 12px var(--shadow-color)}:where([data-theme=dark]) .update-form-container::-webkit-scrollbar-track{background:var(--card-background)}:where([data-theme=dark]) .update-form-container::-webkit-scrollbar-thumb{background:var(--primary-color)}:where([data-theme=dark]) .update-form-container::-webkit-scrollbar-thumb:hover{background:var(--button-hover)}:where([data-theme=dark]) .update-form-container{scrollbar-color:var(--primary-color) var(--card-background)}.update-form-title{color:var(--primary-color);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;margin:clamp(12px,2vw,16px) 0;position:relative;text-align:center;z-index:1}:where([data-theme=dark]) .update-form-title{color:var(--primary-color)}.update-form-content{align-items:center;justify-content:center}.exercise-section,.question-section,.update-form-content{display:flex;flex-direction:column;gap:clamp(12px,2vw,16px);width:100%}.exercise-section,.question-section{margin:0 auto;max-width:clamp(250px,60vw,300px)}.update-form-custom-select-container{align-items:center;background-color:var(--card-background);border:1px solid var(--input-border);border-radius:clamp(6px,1vw,8px);box-shadow:0 2px 4px var(--shadow-color);cursor:default;display:flex;height:clamp(32px,5vw,36px);justify-content:space-between;margin:clamp(8px,1.5vw,10px) auto;max-width:clamp(250px,60vw,300px);padding:0 clamp(8px,1.5vw,12px);position:relative;width:100%;z-index:1}:where([data-theme=dark]) .update-form-custom-select-container{background-color:var(--card-background)}.update-form-custom-select-text{color:#6b7280;flex-grow:1;overflow:hidden;padding-right:clamp(6px,1vw,8px);pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.update-form-custom-select-container:has(select:not([value=""])) .update-form-custom-select-text{color:var(--text-color)}:where([data-theme=dark]) .update-form-custom-select-text{color:#6b7280}:where([data-theme=dark]) .update-form-custom-select-container:has(select:not([value=""])) .update-form-custom-select-text{color:var(--text-color)}.update-form-caret-icon{color:var(--primary-color);cursor:pointer;font-size:clamp(14px,2vw,16px);margin-left:clamp(6px,1vw,8px);z-index:2}.update-form-custom-select{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:0}.update-form-input{background-color:var(--card-background);border:1px solid var(--input-border);border-radius:clamp(6px,1vw,8px);box-shadow:0 2px 4px var(--shadow-color);color:var(--text-color);font-size:clamp(.875rem,2vw,1rem);height:clamp(32px,5vw,36px);margin:clamp(8px,1.5vw,10px) auto;max-width:clamp(250px,60vw,300px);outline:none;padding:0 clamp(8px,1.5vw,12px);width:100%}:where([data-theme=dark]) .update-form-input{background-color:var(--card-background);color:var(--text-color)}.update-form-custom-file-input{display:block;max-width:clamp(250px,60vw,300px);width:100%}.update-form-file-placeholder{align-items:center;background-color:var(--card-background);border:1px solid var(--input-border);border-radius:clamp(6px,1vw,8px);box-shadow:0 2px 4px var(--shadow-color);color:#6b7280;cursor:pointer;display:flex;height:clamp(32px,5vw,36px);justify-content:space-between;margin:clamp(8px,1.5vw,10px) auto;max-width:clamp(250px,60vw,300px);padding:0 clamp(8px,1.5vw,12px);width:100%}:where([data-theme=dark]) .update-form-file-placeholder{background-color:var(--card-background);color:#6b7280}.update-form-file-text{flex-grow:1;overflow:hidden;padding-right:clamp(6px,1vw,8px);text-overflow:ellipsis;white-space:nowrap}.update-form-file-placeholder:has(.update-form-file-text:not(:empty)){color:var(--text-color)}:where([data-theme=dark]) .update-form-file-placeholder:has(.update-form-file-text:not(:empty)){color:var(--text-color)}.update-form-upload-icon{color:var(--primary-color);font-size:clamp(14px,2vw,16px)}.update-form-file-input{display:none}.update-form-preview-image{border-radius:clamp(6px,1vw,8px);box-shadow:0 2px 4px var(--shadow-color);display:block;margin:clamp(8px,1.5vw,10px) auto;max-width:100%;width:clamp(120px,30vw,150px)}.update-form-preview-audio{display:block;margin:clamp(8px,1.5vw,10px) auto;max-width:clamp(250px,60vw,300px);width:100%}.update-form-back-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:clamp(6px,1vw,8px);box-shadow:0 2px 4px var(--shadow-color);cursor:pointer;display:flex;height:clamp(32px,5vw,36px);justify-content:center;left:clamp(12px,2vw,16px);position:absolute;top:clamp(12px,2vw,16px);transition:background-color .2s ease,transform .2s ease;width:clamp(32px,5vw,36px)}.update-form-back-button:hover{background-color:var(--button-hover);transform:scale(1.05)}.update-form-back-icon{color:#fff;font-size:clamp(18px,2.5vw,20px)}.update-form-button-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,16px);margin-left:auto;margin-right:auto;margin-top:clamp(16px,2.5vw,20px);max-width:clamp(250px,60vw,300px);width:100%}.update-form-button-group{display:flex;gap:clamp(8px,1.5vw,12px);justify-content:space-between}.update-form-button{border:none;border-radius:clamp(6px,1vw,8px);box-shadow:0 2px 4px var(--shadow-color);color:#fff;cursor:pointer;font-size:clamp(.875rem,2vw,1rem);font-weight:600;padding:clamp(6px,1vw,8px) clamp(12px,2vw,16px);transition:background-color .2s ease;width:48%}.update-form-button:disabled{background-color:#d1d5db;cursor:not-allowed}:where([data-theme=dark]) .update-form-button:disabled{background-color:#4b5563}.update-form-back-button-action{background-color:var(--secondary-color)}.update-form-back-button-action:hover:not(:disabled){background-color:#b91c1c}:where([data-theme=dark]) .update-form-back-button-action:hover:not(:disabled){background-color:#ef4444}.update-form-next-button{background-color:var(--success-color)}.update-form-next-button:hover:not(:disabled){background-color:#15803d}:where([data-theme=dark]) .update-form-next-button:hover:not(:disabled){background-color:#3f9c64}.update-form-save-button{background-color:var(--primary-color)}.update-form-save-button:hover:not(:disabled){background-color:var(--button-hover)}.update-form-retry-button{background-color:var(--primary-color)}.update-form-retry-button:hover:not(:disabled){background-color:var(--button-hover)}:where([data-theme=dark]) .update-form-retry-button{background-color:var(--primary-color)}:where([data-theme=dark]) .update-form-retry-button:hover:not(:disabled){background-color:var(--button-hover)}.update-form-error-container,.update-form-loading{background-color:var(--card-background);border:1px solid var(--input-border);border-radius:clamp(12px,2vw,16px);box-shadow:0 6px 12px var(--shadow-color);max-width:clamp(320px,80vw,400px);min-width:clamp(280px,70vw,300px);padding:clamp(16px,3vw,24px);text-align:center;width:100%}:where([data-theme=dark]) .update-form-error-container,:where([data-theme=dark]) .update-form-loading{background-color:var(--card-background);box-shadow:0 6px 12px var(--shadow-color)}.update-form-error-text{color:var(--text-color);font-size:clamp(.875rem,2vw,1rem);margin-bottom:clamp(12px,2vw,16px)}:where([data-theme=dark]) .update-form-error-text{color:var(--text-color)}.iframe-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.iframe-modal{background-color:var(--card-background);border-radius:clamp(6px,1vw,8px);box-shadow:0 4px 8px #0003;height:clamp(70vh,80vh,85vh);max-width:clamp(1000px,90vw,1800px);overflow:hidden;position:relative;width:clamp(80%,90vw,95%)}.exercise-iframe{border:none;height:100%;width:100%}.modal-close-button{background-color:var(--primary-color);border:none;border-radius:clamp(4px,.8vw,6px);color:#fff;cursor:pointer;font-size:clamp(14px,2vw,16px);padding:clamp(6px,1vw,8px);position:absolute;right:clamp(8px,1.5vw,10px);top:clamp(8px,1.5vw,10px);z-index:1001}.modal-close-button:hover{background-color:var(--button-hover)}.search-filter-container{align-items:center;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:clamp(6px,1vw,8px);display:flex;overflow:hidden}.search-input{background:#0000!important;border:none!important;height:clamp(32px,5vw,36px);max-width:clamp(200px,40vw,250px);outline:none!important;padding:0 clamp(8px,1.5vw,12px);width:100%}.search-filter-container select,.search-input{color:var(--text-color);font-size:clamp(.875rem,2vw,1rem)}.search-filter-container select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--card-background);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-position:right clamp(6px,1vw,8px) center;background-repeat:no-repeat;border:none;border-left:1px solid var(--border-color);cursor:pointer;padding:clamp(6px,1vw,8px) clamp(12px,2vw,16px)}.search-filter-container select:focus{outline:none}.no-exercises-message{justify-content:center;min-height:clamp(200px,40vh,300px)}.no-exercises-card,.no-exercises-message{align-items:center;display:flex;padding:clamp(16px,3vw,24px);width:100%}.no-exercises-card{animation:fadeIn .5s ease-in-out;background-color:var(--card-background);border:1px solid var(--input-border);border-radius:clamp(10px,2vw,12px);flex-direction:column;gap:clamp(12px,2vw,16px);max-width:clamp(320px,80vw,400px);text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:where([data-theme=dark]) .no-exercises-card{background-color:var(--card-background);border-color:var(--input-border)}.no-exercises-title{color:var(--primary-color);font-size:clamp(1.5rem,3vw,1.75rem);font-weight:700;margin-bottom:clamp(8px,1.5vw,12px)}:where([data-theme=dark]) .no-exercises-title{color:var(--primary-color)}.no-exercises-description{color:var(--text-color);font-size:clamp(.875rem,2vw,1rem);line-height:1.6;margin-bottom:clamp(12px,2vw,16px)}:where([data-theme=dark]) .no-exercises-description{color:var(--text-color)}.clear-filters-button{background-color:var(--primary-color);border:1px solid var(--input-border);border-radius:clamp(8px,1.5vw,12px);color:#fff;cursor:pointer;font-size:clamp(.875rem,2vw,1.1rem);font-weight:600;padding:clamp(8px,1.5vw,12px) clamp(16px,3vw,24px);text-align:center;transition:background-color .2s ease,transform .2s ease;width:clamp(200px,60vw,250px)}.clear-filters-button:hover{background-color:var(--button-hover);transform:scale(1.05)}:where([data-theme=dark]) .clear-filters-button{background-color:var(--primary-color);border-color:var(--input-border)}:where([data-theme=dark]) .clear-filters-button:hover{background-color:var(--button-hover)}@media (max-width:1024px){.display-form-header{flex-wrap:wrap;gap:clamp(10px,2vw,14px);justify-content:center}.display-form-header-controls{flex-wrap:wrap;justify-content:center;width:100%}.language-toggle,.theme-toggle{min-height:44px;min-width:44px;padding:clamp(5px,.8vw,7px)}.language-icon,.theme-icon{font-size:clamp(14px,2vw,16px)}.event-form-header{flex-wrap:wrap;gap:clamp(10px,2vw,14px);justify-content:center}.event-form-header-controls{flex-wrap:wrap;justify-content:center;width:100%}.event-form-back-button{left:clamp(10px,1.5vw,12px);top:clamp(10px,1.5vw,12px)}}@media (max-width:768px){.display-form-header{align-items:center;flex-direction:column;gap:clamp(12px,2vw,16px)}.display-form-header-controls{justify-content:center;width:100%}.language-toggle,.theme-toggle{min-height:44px;min-width:44px;padding:clamp(4px,.7vw,6px)}.language-icon,.theme-icon{font-size:clamp(14px,2vw,16px)}.search-input{max-width:clamp(200px,80vw,250px)}.exercise-card{max-width:clamp(220px,50vw,280px);min-width:clamp(180px,45vw,220px)}.no-exercises-card{max-width:clamp(280px,85vw,360px);padding:clamp(12px,2.5vw,16px)}.no-exercises-title{font-size:clamp(1.25rem,3vw,1.5rem)}.clear-filters-button{font-size:clamp(.875rem,2vw,1rem);padding:clamp(6px,1vw,8px) clamp(12px,2vw,16px);width:clamp(180px,70vw,220px)}.event-form-header{align-items:center;flex-direction:column;gap:clamp(8px,1.5vw,12px)}.event-form-header-controls{justify-content:center;width:100%}.language-toggle-right{margin-left:0}}@media (max-width:480px){.display-form-container{padding:clamp(12px,3vw,16px)}.display-form-title{font-size:clamp(1.25rem,3vw,1.5rem)}.language-toggle,.theme-toggle{min-height:44px;min-width:44px;padding:clamp(4px,.6vw,5px)}.language-icon,.theme-icon{font-size:clamp(12px,2vw,14px)}.play-button{height:clamp(32px,8vw,40px);width:clamp(32px,8vw,40px)}.play-button span{font-size:clamp(1.25rem,3vw,1.5rem)}.event-form-container,.publish-modal-container,.publish-modal-error-container,.publish-modal-loading{max-width:clamp(280px,90vw,360px);padding:clamp(12px,2.5vw,16px)}.event-form-custom-select-container,.event-form-file-placeholder,.event-form-input{max-width:clamp(200px,80vw,250px)}.event-form-title{font-size:clamp(1rem,2.5vw,1.25rem);margin-top:clamp(20px,5vw,28px)}.event-form-button{padding:clamp(4px,1vw,6px) clamp(8px,1.5vw,12px);width:clamp(80px,40vw,100px)}.event-form-button-container{max-width:clamp(200px,80vw,250px)}.generate-modal-container{max-width:clamp(280px,90vw,360px);padding:clamp(12px,2.5vw,16px)}.generate-modal-button{width:100%}.generate-modal-button-container{flex-direction:column;gap:clamp(6px,1vw,8px)}.update-form-container,.update-form-error-container,.update-form-loading{max-width:clamp(280px,90vw,360px);padding:clamp(12px,2.5vw,16px)}.update-form-title{font-size:clamp(1rem,2.5vw,1.25rem);margin:clamp(8px,1.5vw,12px) 0}.update-form-back-button{height:clamp(28px,4vw,32px);left:clamp(8px,1.5vw,10px);top:clamp(8px,1.5vw,10px);width:clamp(28px,4vw,32px)}.update-form-back-icon{font-size:clamp(16px,2vw,18px)}.update-form-content{padding:clamp(8px,1.5vw,12px)}.update-form-custom-select-container,.update-form-file-placeholder,.update-form-input{max-width:clamp(200px,80vw,250px)}.update-form-button{width:100%}.update-form-button-container{max-width:clamp(200px,80vw,250px)}.update-form-button-group{flex-direction:column;gap:clamp(6px,1vw,8px)}}@media (min-width:1024px){.language-toggle,.theme-toggle{padding:clamp(6px,1vw,8px)}.language-icon,.theme-icon{font-size:clamp(16px,2vw,18px)}}
/*# sourceMappingURL=main.061bb8b5.css.map*/