a{color:#d4af37!important;transition:color .2s}a,a:focus,a:hover{text-decoration:none!important}a:focus,a:hover{color:rgb(230.049382716,208.5802469136,138.950617284)!important}a:visited{color:rgb(175.55,155.7302547771,91.45)}.main-content{display:flex;flex-direction:column;align-items:center;width:100%;height:calc(100svh - 90px - 80px - 30px);overflow-x:hidden;color:#eee;padding-left:12px;padding-right:12px}.main-content::-webkit-scrollbar{width:12px;padding-right:0}.main-content::-webkit-scrollbar-thumb{background-color:#5a2585;cursor:pointer}.main-content::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:0 25px 0 0;cursor:pointer}.main-content__title{font-size:50px;margin-bottom:0}body{scroll-padding-top:0}body.scrollbar-active{padding-right:0!important}.tuning-system-manager{width:100%;margin-top:0;scroll-margin-top:0}.tuning-system-manager__header{font-size:20px;margin-left:0;font-weight:700;display:inline}.tuning-system-manager__abjad-name{font-size:13px}.tuning-system-manager__form{display:flex;flex-direction:column;gap:1rem;width:100%}.tuning-system-manager__input-container{display:flex;flex-direction:column;flex:1 1}.tuning-system-manager__sources-container,.tuning-system-manager__sources-select-container{display:flex;align-items:center;gap:15px;width:50%}.tuning-system-manager__source-add-button{height:-moz-fit-content;height:fit-content;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer}.tuning-system-manager__source-item{display:flex;flex-direction:column;gap:5px}[dir=rtl] .tuning-system-manager__source-item{direction:rtl;text-align:right}.tuning-system-manager__source-select-item{display:flex;flex-direction:column;gap:5px;width:100px}.tuning-system-manager__source-input,.tuning-system-manager__source-select{padding:5px;font-size:14px}.tuning-system-manager__source-delete-button{padding:5px;font-size:14px;border-radius:5px;cursor:pointer;background-color:#c62300;color:#fff;transition:.1s}.tuning-system-manager__source-delete-button:hover{box-shadow:0 0 5px rgba(0,0,0,.3)}.tuning-system-manager__bib-title{font-style:italic}.tuning-system-manager__group{display:flex;gap:.5rem;width:100%}.tuning-system-manager__label{margin-bottom:.4rem;font-weight:700}.tuning-system-manager__input,.tuning-system-manager__select,.tuning-system-manager__textarea{padding:.4rem;resize:vertical}.tuning-system-manager__select{margin-bottom:1.5rem;padding:.4rem}.tuning-system-manager__select :focus{outline:none}.tuning-system-manager__buttons{margin-top:1rem}.tuning-system-manager__delete-button,.tuning-system-manager__save-button{margin-right:20px;padding:10px 20px;font-size:.9rem;border-radius:5px;cursor:pointer;transition:.1s;color:#fff}.tuning-system-manager__delete-button:hover,.tuning-system-manager__save-button:hover{border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.3)}.tuning-system-manager__save-button{background-color:#83105d}.tuning-system-manager__save-button:disabled{background-color:rgba(0,0,0,.3);cursor:not-allowed}.tuning-system-manager__delete-button{background-color:#c62300}.tuning-system-manager__pitch-class-type{opacity:.7;font-style:italic}.tuning-system-manager__options-container{display:flex;justify-content:space-between;gap:0;padding-left:0;padding-right:0;margin-top:20px;margin-bottom:20px;font-size:14px;font-weight:300;width:100%}[dir=rtl] .tuning-system-manager__options-container{direction:rtl}.tuning-system-manager__sorting-options{display:inline-flex;align-items:center;float:left;gap:10px;margin:0}[dir=rtl] .tuning-system-manager__sorting-options{float:right}.tuning-system-manager__sorting-label{margin-bottom:0}.tuning-system-manager__sorting-button{padding:5px 20px;background-color:rgba(90,37,133,.5);width:-moz-fit-content;width:fit-content;border-radius:0;color:#eee;cursor:pointer;transition:.1s;margin:0;align-items:flex-start;display:block}.tuning-system-manager__sorting-button:hover{background-color:#5a2585}.tuning-system-manager__sorting-button:active{background-color:#d4af37!important}.tuning-system-manager__sorting-button_selected,.tuning-system-manager__sorting-button_selected:hover{background-color:#83105d}.tuning-system-manager__starting-note-container{align-items:baseline;gap:10px}.tuning-system-manager__starting-note-left{display:flex;align-items:baseline;gap:10px;margin-left:20px}.tuning-system-manager__starting-note{display:block;flex-direction:column;align-items:baseline;gap:0;text-align:center;margin-right:10px}.tuning-system-manager__starting-note-input{display:inline-block;box-sizing:border-box;padding:5px 10px;margin-left:10px;background-color:#000;border-radius:0;color:#eee;width:70px}.tuning-system-manager__starting-note-input::-webkit-inner-spin-button,.tuning-system-manager__starting-note-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tuning-system-manager__starting-note-input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.tuning-system-manager__starting-note-right{display:flex;align-items:baseline;gap:10px}.tuning-system-manager__starting-note-button{padding:5px 20px;background-color:rgba(90,37,133,.5);width:-moz-fit-content;width:fit-content;border-radius:0;color:#eee;cursor:pointer;transition:.1s;margin:0;align-items:flex-start}.tuning-system-manager__starting-note-button:hover{background-color:#5a2585}.tuning-system-manager__starting-note-button:active{background-color:#d4af37!important}.tuning-system-manager__starting-note-button_selected,.tuning-system-manager__starting-note-button_selected:hover{background-color:#83105d}.tuning-system-manager__starting-note-button_disabled{background-color:rgba(0,0,0,.5)!important;color:#eee}.tuning-system-manager__starting-note-button_disabled:hover{background-color:rgba(90,37,133,.5);box-shadow:none;color:#eee}.tuning-system-manager__starting-note-button_reset{background-color:#5a2585}.tuning-system-manager__starting-note-button_save{background-color:#83105d}.tuning-system-manager__starting-note-button_save:disabled{background-color:rgba(0,0,0,.3)}.tuning-system-manager__starting-note-button_delete{background-color:#c62300}.tuning-system-manager__starting-note-button_delete:disabled{background-color:rgba(0,0,0,.3)}.tuning-system-manager h3{font-size:18px;margin-bottom:10px;font-weight:300}.tuning-system-manager__comments-sources-container{display:inline-block;width:100%;margin-top:0;margin-bottom:50px;padding:0 20px}[dir=rtl] .tuning-system-manager__comments-sources-container{direction:rtl}.tuning-system-manager__comments-english{font-size:14px;width:60%;min-height:80px;direction:ltr;text-align:left;vertical-align:top;padding-right:30px;float:left;margin-bottom:0;line-height:20px}[dir=rtl] .tuning-system-manager__comments-english{float:right;padding-right:0;padding-left:30px;text-align:right;direction:rtl}.tuning-system-manager__comments-arabic{font-size:14px;width:60%;min-height:80px;text-align:right;direction:rtl;vertical-align:top;padding-left:30px;float:right}.tuning-system-manager__sources-english{font-size:14px;width:40%;min-height:80px;direction:ltr;text-align:left;vertical-align:top;padding-right:30px;float:left}[dir=rtl] .tuning-system-manager__sources-english{float:right;padding-right:0;padding-left:30px;text-align:right}.tuning-system-manager__sources-arabic{font-size:14px;width:40%;min-height:80px;text-align:right;direction:rtl;vertical-align:top;padding-left:30px;float:right}.tuning-system-manager__list{width:100%;background-color:#000;display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-gap:10px;gap:10px;height:200px;overflow-x:scroll;overflow-y:hidden;position:relative;padding:10px 25px}[dir=rtl] .tuning-system-manager__list{direction:rtl}.tuning-system-manager__list::-webkit-scrollbar{height:6px;position:relative}.tuning-system-manager__list::-webkit-scrollbar-thumb{background-color:#5a2585;cursor:pointer;position:relative}.tuning-system-manager__list::-webkit-scrollbar-track{background:#333;cursor:pointer;position:relative}.tuning-system-manager__carousel{display:flex;align-items:center;position:relative;width:100%}[dir=rtl] .tuning-system-manager__carousel{direction:rtl}.tuning-system-manager__carousel .carousel-button{background:none;border:none;font-size:30px;cursor:pointer;color:#eee;padding:0}.tuning-system-manager__carousel .carousel-button:hover{color:#a4079c;transition:background-color .2s ease-in-out}.tuning-system-manager__carousel .carousel-button-next,.tuning-system-manager__carousel .carousel-button-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:1;height:calc(100% - 20px);width:25px;background-color:#000}.tuning-system-manager__carousel .carousel-button-next:hover,.tuning-system-manager__carousel .carousel-button-prev:hover{color:#a4079c;transition:color .1s ease-in-out}.tuning-system-manager__carousel .carousel-button-prev{left:0}[dir=rtl] .tuning-system-manager__carousel .carousel-button-prev{left:auto;right:0}.tuning-system-manager__carousel .carousel-button-next{right:0}[dir=rtl] .tuning-system-manager__carousel .carousel-button-next{right:auto;left:0}.tuning-system-manager__octaves-carousel{display:flex;align-items:center;position:relative;width:calc(100% - 0px)}[dir=rtl] .tuning-system-manager__octaves-carousel{direction:rtl}.tuning-system-manager__octaves-carousel .carousel-button{background:none;border:none;font-size:30px;cursor:pointer;color:#eee;padding:0}.tuning-system-manager__octaves-carousel .carousel-button:hover{color:#a4079c;transition:background-color .2s ease-in-out}.tuning-system-manager__octaves-carousel .carousel-button-next,.tuning-system-manager__octaves-carousel .carousel-button-prev{position:absolute;top:calc(50% - 8px);transform:translateY(-50%);z-index:1;height:calc(100% - 16px);width:25px;background-color:#222;border-top:1px solid #555;border-bottom:1px solid #555}.tuning-system-manager__octaves-carousel .carousel-button-next:hover,.tuning-system-manager__octaves-carousel .carousel-button-prev:hover{color:#a4079c;transition:color .1s ease-in-out}.tuning-system-manager__octaves-carousel .carousel-button-prev{left:0;border-left:1px solid #555}[dir=rtl] .tuning-system-manager__octaves-carousel .carousel-button-prev{left:auto;right:0;border-left:none;border-right:1px solid #555}.tuning-system-manager__octaves-carousel .carousel-button-next{right:0;border-right:1px solid #555}[dir=rtl] .tuning-system-manager__octaves-carousel .carousel-button-next{right:auto;left:0;border-right:none;border-left:1px solid #555}.tuning-system-manager__item{display:flex;flex-direction:column;align-items:flex-start;padding:5px 10px;background-color:rgba(90,37,133,.4);font-size:14px;color:#eee;cursor:pointer;transition:.2s}[dir=rtl] .tuning-system-manager__item{text-align:right}.tuning-system-manager__item_disabled{background-color:rgba(90,37,133,.1)!important;color:#eee}.tuning-system-manager__item_disabled:hover{background-color:rgba(90,37,133,.5);box-shadow:none;color:#eee}.tuning-system-manager__item_active{background-color:rgba(90,37,133,.4)}.tuning-system-manager__item_active:hover{background-color:rgba(90,37,133,.9)}.tuning-system-manager__item_selected,.tuning-system-manager__item_selected:hover{background-color:#a4079c}.tuning-system-manager__item:hover{background-color:rgba(90,37,133,.9)}.tuning-system-manager__item-english-creator{font-size:14px;margin-bottom:0;font-weight:300}.tuning-system-manager__item-english-title{font-size:14px;margin-top:3px;font-weight:200}.tuning-system-manager__grid-wrapper{width:100%}.tuning-system-manager__grid{display:flex;flex-direction:column;gap:0;width:100%;max-width:100%;overflow:auto;font-size:14px;font-weight:200;padding-bottom:0}.tuning-system-manager__details{width:100%;padding:20px;background-color:rgba(0,0,0,.3);border-radius:10px;margin-bottom:10px}.tuning-system-manager__octave-details{width:100%;padding:10px 20px;background-color:rgba(0,0,0,.3);border-radius:0;margin-bottom:10px;position:relative}.tuning-system-manager__summary{font-size:20px;margin-bottom:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tuning-system-manager__octave-summary{font-size:20px;margin-bottom:10px;cursor:pointer;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;display:flex;align-items:center;gap:10px}.tuning-system-manager__octave-summary-title{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.tuning-system-manager__octave-cascade-button{padding:6px;background-color:rgba(0,0,0,.3);border-radius:10px;color:#eee}.tuning-system-manager__octave-cascade-button,.tuning-system-manager__octave-copy-button{cursor:pointer;transition:.1s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tuning-system-manager__octave-copy-button{padding:6px 12px;background-color:rgba(90,37,133,.5);border-radius:0;color:#fff;border:none;font-size:12px;display:inline-flex;align-items:center;gap:5px;margin-left:auto}[dir=rtl] .tuning-system-manager__octave-copy-button{margin-left:0;margin-right:auto}.tuning-system-manager__octave-copy-button:hover{background-color:rgba(90,37,133,.8)}.tuning-system-manager__octave-copy-button:active{background-color:#d4af37!important}.tuning-system-manager__octave-copy-button:focus{outline:rgba(0,0,0,0)}.tuning-system-manager__copy-icon.MuiSvgIcon-root{color:#fff;padding:0;margin:0 3px 0 0;font-size:16px;cursor:pointer;vertical-align:middle}[dir=rtl] .tuning-system-manager__copy-icon.MuiSvgIcon-root{margin-right:0;margin-left:3px}.tuning-system-manager__octave-scroll{display:flex;flex-direction:column;gap:10px;width:100%;overflow-x:scroll;white-space:nowrap;height:-moz-fit-content;height:fit-content;padding:10px 0}.tuning-system-manager__octave-scroll::-webkit-scrollbar{height:6px}.tuning-system-manager__octave-scroll::-webkit-scrollbar-thumb{background-color:#5a2585;cursor:pointer}.tuning-system-manager__octave-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,.1);cursor:pointer}.tuning-system-manager__filter-menu{gap:10px;margin:0;float:right}[dir=rtl] .tuning-system-manager__filter-menu{float:left}.tuning-system-manager__filter-item{display:inline-flex;align-items:center;gap:8px;padding:0;border-radius:5px;color:#eee;cursor:pointer;transition:0s;margin-left:10px;font-size:14px}[dir=rtl] .tuning-system-manager__filter-item{margin-left:0;margin-right:10px}.tuning-system-manager__filter-item:hover,.tuning-system-manager__filter-item_active{color:#fff}.tuning-system-manager__filter-item:has(>.tuning-system-manager__filter-checkbox:disabled){background-color:#83105d;color:#eee;cursor:not-allowed}.tuning-system-manager__filter-item:has(>.tuning-system-manager__filter-checkbox:disabled):hover{background-color:rgba(0,0,0,.3);box-shadow:none;color:#eee}.tuning-system-manager__filter-label{-webkit-user-select:none;-moz-user-select:none;user-select:none}.tuning-system-manager__octave-table{width:calc(100% - 50px);border-collapse:collapse;border-spacing:0;overflow:auto;background-color:#222;color:#fff;padding:0;margin:-10px 25px 0}.tuning-system-manager__octave-table th{padding:0;margin:0}.tuning-system-manager__octave-table tr{border:0;padding:0;margin:0}.tuning-system-manager__octave-table td{font-size:12px;padding:5px 10px;text-align:center;vertical-align:middle;min-width:80px;max-width:80px;height:28px;border:1px solid #565656;margin:0;white-space:normal;overflow-wrap:normal;word-break:normal}.tuning-system-manager__octave-table_row-header{font-weight:700;width:120px!important;background-color:#333;text-transform:capitalize;text-align:left}.tuning-system-manager__octave-table__detectedPitchClassType{background-color:#333}.tuning-system-manager__cell_selected{background-color:#5a2585!important;color:#fff}.tuning-system-manager__cell_active{background-color:#83105d!important;color:#fff}.tuning-system-manager__cell_descending{background-color:rgba(90,37,133,.5)}.tuning-system-manager__cell_editing{background-color:#000!important;color:#eee!important}.tuning-system-manager__select-note{border:none;border-radius:0;background-color:rgba(0,0,0,0)!important;color:#fff!important;height:45px;max-width:60px;font-size:12px;text-align:center;white-space:wrap;padding-top:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;padding-left:0;padding-bottom:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path fill='%23aaa' d='M0 0l5 6 5-6z'/></svg>")!important;background-repeat:no-repeat!important;background-position:center bottom 0!important}.tuning-system-manager__select-note:focus,.tuning-system-manager__select-note:hover{color:#fff!important}.tuning-system-manager__select-abjad{border:none;border-radius:0;background-color:rgba(0,0,0,0)!important;color:#fff!important;height:35px;max-width:60px;font-size:16px;text-align:center;white-space:wrap;padding-bottom:0;padding-top:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;padding-left:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path fill='%23aaa' d='M0 0l5 6 5-6z'/></svg>")!important;background-repeat:no-repeat!important;background-position:center bottom 0!important}.tuning-system-manager__select-abjad:focus,.tuning-system-manager__select-abjad:hover{color:#333!important}.tuning-system-manager__freq-input{width:80%;box-sizing:border-box;margin:0;font-size:inherit;text-align:center;border-radius:0;background-color:#000!important;color:#eee!important;padding:0}.tuning-system-manager__freq-input::-webkit-inner-spin-button,.tuning-system-manager__freq-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tuning-system-manager__freq-input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.tuning-system-manager__play-circle-icon.MuiSvgIcon-root{background-color:rgba(0,0,0,0);color:#fff;padding:0;margin:0;font-size:20px;cursor:pointer;vertical-align:middle}.tuning-system-manager__checkbox{transform:scale(1);cursor:pointer;padding:0;margin:0}.tuning-system-manager__play-sequence-button{padding:10px;background-color:rgba(0,0,0,.3);border-radius:10px;color:#eee;cursor:pointer;transition:.1s;background-color:#5a2585}.tuning-system-manager__play-sequence-button:disabled{background-color:rgba(0,0,0,.3)}.tuning-system-manager__export-container{display:inline-flex;float:right;align-items:center;gap:10px;margin-right:20px;margin-bottom:0}[dir=rtl] .tuning-system-manager__export-container{float:left;margin-right:0;margin-left:20px}.tuning-system-manager__export-button{padding-top:5px;padding-bottom:0;width:50px;background-color:rgba(90,37,133,.5);cursor:pointer;border-radius:0;color:#eee;margin-left:0}.tuning-system-manager__export-button:hover{background-color:#5a2585}.tuning-system-manager__sources-english{display:flex;flex-direction:column}[dir=rtl] .tuning-system-manager__sources-english{direction:rtl}.tuning-system-manager__tabs{display:flex;gap:5px;margin-bottom:0;margin-left:25px}[dir=rtl] .tuning-system-manager__tabs{margin-left:0;margin-right:25px;direction:rtl}.tuning-system-manager__tab{text-align:left;width:-moz-fit-content;width:fit-content;padding:10px;border-radius:0;border:none;background:#333;color:#eee;font-weight:400;cursor:pointer;font-size:13px}[dir=rtl] .tuning-system-manager__tab{text-align:right}.tuning-system-manager__tab:hover{background:hsl(0,0%,10%)}.tuning-system-manager__tab_active{border:none;background:#000;font-weight:400}.tuning-system-manager__tab_active:hover{background:#000}.tuning-system-manager__tab-count{font-size:.95em;color:silver;margin-left:2px}[dir=rtl] .tuning-system-manager__tab-count{margin-left:0;margin-right:2px}.tuning-system-manager__row-header{text-align:left}[dir=rtl] .tuning-system-manager__row-header{text-align:right}.settings-open-button{position:fixed;top:20px;right:20px;background-color:rgba(0,0,0,0);color:#eee;border:none;cursor:pointer;z-index:10000}.settings-card{font-size:18px;position:fixed;top:0;right:0;height:100%;width:288px;transform:translateX(130%);transition:transform .3s ease-in-out;z-index:9999;box-shadow:-10px 0 50px rgba(0,0,0,.75)}.settings-card--open{transform:translateX(0)}.settings-card__content{display:flex;flex-direction:column;padding-bottom:50px;padding-top:89px;color:#000;height:100%;width:100%;overflow-y:auto;background:#000;color:#eee;font-size:14px}.settings-card__details{display:flex;flex-direction:column;justify-content:center;width:100%;height:80px;padding:10px 20px;border-top:1px solid #555;transition:all .1s ease-in-out}.settings-card__details[open]{background-color:#222;height:-moz-fit-content;height:fit-content}.settings-card__summary{width:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:14px;font-weight:300;font-size:16px}.settings-card__input-container{width:100%;margin-bottom:5px}.settings-card__filter-container{width:100%;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center;padding-right:40px}.settings-card__filter-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.settings-card__filter-checkbox{display:block;position:relative;cursor:pointer;font-size:1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.settings-card__filter-checkbox .checkmark{position:relative;top:0;left:0;height:28px;width:28px;background-color:#eee;border-radius:50%;transition:.3s}.settings-card__filter-checkbox input:checked~.checkmark{background-color:#5a2585;border-radius:5px;animation:pulse .5s ease-in-out}.settings-card__filter-checkbox .checkmark:after{content:"";position:absolute;display:none}.settings-card__filter-checkbox input:checked~.checkmark:after{display:block}.settings-card__filter-checkbox .checkmark:after{left:.45em;top:.25em;width:.25em;height:.5em;border:solid #e0e0e2;border-width:0 .15em .15em 0;transform:rotate(45deg)}.settings-card__label{display:flex;align-items:flex-end;width:100%;margin-bottom:5px}.settings-card__pattern-label{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:5px;padding-right:10px}.settings-card__drone-button{padding:5px 10px;cursor:pointer;transition:.1s;color:#eee;background-color:#000;font-size:12px;margin:10px 0}.settings-card__drone-button_active{color:#eee;background-color:#5a2585}.settings-card__filter-label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.settings-card__number-input{width:100%}.settings-card__clear-button{padding:10px 20px;font-size:14px;cursor:pointer;transition:.1s;color:#eee;margin:10px;background-color:#5a2585}.settings-card__clear-button:hover{background-color:#83105d}.settings-card__number-input,.settings-card__select{padding:5px 10px;font-size:12px;border:none;width:100%;border-radius:0;background-position:left -40px center}.settings-card__select{cursor:pointer;padding-right:20px}.settings-card__sound-mode{padding:10px 0;width:-moz-fit-content;width:fit-content;margin:0 auto}.settings-card__sound-mode-button{padding:10px;font-size:12px;margin-right:10px;transition:.1s;cursor:pointer;background-color:rgba(90,37,133,.5);color:#eee}.settings-card__sound-mode-button:hover{background-color:#5a2585}.settings-card__refresh-button,.settings-card__sound-mode-button_selected{background-color:#83105d;color:#eee}.settings-card__refresh-button{margin-left:auto;margin-right:10px;margin-top:5px;padding:5px;font-size:12px;cursor:pointer}.settings-card__reset-container{display:flex;justify-content:center;width:100%}.settings-card__quick-action-button{padding:6px 12px;background-color:rgba(90,37,133,.8);color:#fff;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s ease;box-shadow:0 2px 5px rgba(0,0,0,.2)}.settings-card__quick-action-button:hover{background-color:#5a2585}.settings-card__quick-action-button:active{transform:translateY(1px)}.settings-card__checkbox{margin-right:8px;transform:scale(1.2)}.settings-card__description{font-size:12px;color:#555;margin-top:4px;line-height:1.3}.jins-manager{display:flex;flex-direction:column;gap:10px;width:100%;margin-bottom:20px}.jins-manager__header{margin:20px 0;display:flex;align-items:center}.jins-manager__selections{display:flex;align-items:center;font-weight:700}.jins-manager__selected-note{font-size:14px;background-color:#83105d;padding:5px;margin:0 3px;border-radius:5px;cursor:pointer}.jins-manager__selected-note_unsaved{background-color:rgba(0,0,0,0);border:2px dashed #83105d}.jins-manager__comments-sources-container{display:block;width:100%;margin-top:20px;margin-bottom:150px}.jins-manager__sources-english{font-size:14px;width:50%;min-height:80px;direction:ltr;text-align:left;vertical-align:top;padding-right:30px;float:left}.jins-manager__sources-arabic{font-size:14px;width:50%;min-height:80px;text-align:right;direction:rtl;vertical-align:top;padding-left:30px;float:right}.jins-manager__list{width:100%;background-color:#000;display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-gap:10px;gap:10px;height:200px;overflow-x:scroll;overflow-y:hidden;position:relative;padding:10px 25px}[dir=rtl] .jins-manager__list{direction:rtl}.jins-manager__list::-webkit-scrollbar{height:6px;position:relative}.jins-manager__list::-webkit-scrollbar-thumb{background-color:#5a2585;cursor:pointer;position:relative}.jins-manager__list::-webkit-scrollbar-track{background:#333;cursor:pointer;position:relative}.jins-manager__carousel{display:flex;align-items:center;position:relative;width:100%}.jins-manager__carousel .carousel-button{background:none;border:none;font-size:30px;cursor:pointer;color:#eee;padding:0}.jins-manager__carousel .carousel-button:hover{color:#a4079c;transition:background-color .2s ease-in-out}.jins-manager__carousel .carousel-button-next,.jins-manager__carousel .carousel-button-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:1;height:calc(100% - 20px);width:25px;background-color:#000}.jins-manager__carousel .carousel-button-next:hover,.jins-manager__carousel .carousel-button-prev:hover{color:#a4079c;transition:color .1s ease-in-out}.jins-manager__carousel .carousel-button-prev{left:0}[dir=rtl] .jins-manager__carousel .carousel-button-prev{left:auto;right:0}.jins-manager__carousel .carousel-button-next{right:0}[dir=rtl] .jins-manager__carousel .carousel-button-next{right:auto;left:0}.jins-manager__item{display:flex;flex-direction:column;align-items:flex-start;padding:5px 10px;background-color:rgba(0,0,0,.3);font-size:14px;color:#eee;cursor:pointer;transition:.2s}[dir=rtl] .jins-manager__item{text-align:right}.jins-manager__item_active{background-color:rgba(90,37,133,.4)}.jins-manager__item_active:hover{background-color:rgba(90,37,133,.9)}.jins-manager__item_selected,.jins-manager__item_selected:hover{background-color:#a4079c}.jins-manager__item-name{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variation-settings:"wght" 400;font-synthesis:none}[dir=rtl] .jins-manager__item-name{text-align:right}.jins-manager__item-name-transpositions{color:#fff;font-size:14px;margin-top:3px;font-weight:200;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variation-settings:"wght" 200;font-synthesis:none}[dir=rtl] .jins-manager__item-name-transpositions{text-align:right}.jins-manager__play-button{margin:0 10px;display:flex;align-items:center;justify-content:center;padding:5px 10px;gap:10px;color:#5a2585;border-radius:5px;cursor:pointer;transition:.1s}.jins-manager__play-button:hover{box-shadow:0 0 5px rgba(0,0,0,.3)}.jins-manager__create-new-jins-button{width:-moz-fit-content;width:fit-content;margin:20px auto;font-size:20px;padding:10px;background-color:#83105d;border-radius:5px;color:#eee;cursor:pointer;box-shadow:0 0 5px rgba(0,0,0,.3);transition:.1s}.jins-manager__create-new-jins-button:hover{background-color:#5a2585}.jins-manager__jins-form{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:20px;font-size:20px}[dir=rtl] .jins-manager__jins-form{align-items:flex-end;text-align:right}.jins-manager__jins-input{padding:.4rem;font-size:1rem;border-radius:4px}.jins-manager__clear-button,.jins-manager__delete-button,.jins-manager__save-button{margin-right:20px;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer;transition:.1s;color:#fff}[dir=rtl] .jins-manager__clear-button,[dir=rtl] .jins-manager__delete-button,[dir=rtl] .jins-manager__save-button{margin-right:0;margin-left:20px}.jins-manager__clear-button:hover,.jins-manager__delete-button:hover,.jins-manager__save-button:hover{border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.3)}.jins-manager__save-button{background-color:#83105d}.jins-manager__delete-button{background-color:#c62300}.jins-manager__clear-button{background-color:#5a2585}.jins-manager__source-add-button{padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer}.jins-manager__source-item{display:flex;flex-direction:column;gap:5px;width:100px}.jins-manager__source-input,.jins-manager__source-select{padding:5px;font-size:14px}.jins-manager__source-delete-button{padding:5px;font-size:14px;border-radius:5px;cursor:pointer;background-color:#c62300;color:#fff;transition:.1s}.jins-manager__source-delete-button:hover{box-shadow:0 0 5px rgba(0,0,0,.3)}.jins-manager__comments-english{font-size:14px;width:50%;min-height:80px;direction:ltr;text-align:left;vertical-align:top;padding-right:30px;float:left;margin-bottom:40px}.jins-manager__comments-arabic{font-size:14px;width:50%;min-height:80px;text-align:right;direction:rtl;vertical-align:top;padding-left:30px;float:right}.jins-manager__input-container{display:flex;flex-direction:column;flex:1 1}.jins-manager__group{display:flex;gap:.5rem;width:100%}[dir=rtl] .jins-manager__group{flex-direction:row-reverse}.jins-manager__label{margin-bottom:.4rem;font-weight:700}[dir=rtl] .jins-manager__label{text-align:right}.jins-manager__input,.jins-manager__textarea{padding:.4rem;resize:vertical}.jins-manager__tabs{display:flex;gap:5px;margin-bottom:-10px;margin-left:25px}[dir=rtl] .jins-manager__tabs{margin-left:0;margin-right:25px}.jins-manager__tab{text-align:left;width:max-content;padding:10px;border-radius:0;border:none;background:#333;color:#eee;font-size:13px;font-weight:400;cursor:pointer}[dir=rtl] .jins-manager__tab{text-align:right}.jins-manager__tab:hover{background:hsl(0,0%,10%)}.jins-manager__tab_active{border:none;background:#000;font-weight:400}.jins-manager__tab_active:hover{background:#000}.jins-manager__tab-count{font-size:.95em;color:silver;margin-left:2px}[dir=rtl] .jins-manager__tab-count{margin-left:0;margin-right:2px}.jins-manager__export-container{display:inline-flex;float:right;align-items:center;gap:10px;margin-right:20px;margin-bottom:0;margin-left:auto}[dir=rtl] .jins-manager__export-container{float:left;margin-right:auto;margin-left:20px}.jins-manager__export-button{padding-top:5px;padding-bottom:0;width:50px;background-color:rgba(90,37,133,.5);cursor:pointer;border-radius:0;color:#eee;margin-left:0}[dir=rtl] .jins-manager__export-button{margin-left:auto;margin-right:0}.jins-manager__export-button:hover{background-color:#5a2585}.jins-transpositions{width:100%;font-size:.9rem;margin-top:10px;scroll-margin-top:450px;margin-bottom:40px}.jins-transpositions__title{width:100%;background-color:rgb(108.2755102041,13.2244897959,76.8673469388);color:#eee;font-size:20px;font-weight:300;text-align:left;padding:10px 20px;border:1px solid #555;position:sticky;position:-webkit-sticky;top:110px;margin-bottom:20px;box-shadow:0 10px 20px #000;z-index:10;margin-top:10px}.jins-transpositions__title:before{content:"";position:absolute;top:-22px;left:-1px;right:0;width:calc(100% + 2px);height:21px;background-color:#222;z-index:-1}[dir=rtl] .jins-transpositions__title:before{left:0;right:-1px}[dir=rtl] .jins-transpositions__title{text-align:right}.jins-transpositions__play-circle-icon.MuiSvgIcon-root{color:#fff;padding:0;margin:0;font-size:21px;cursor:pointer;vertical-align:middle}[dir=rtl] .jins-transpositions__play-circle-icon.MuiSvgIcon-root{margin-right:0;margin-left:5px}.jins-transpositions__export-icon.MuiSvgIcon-root{color:#fff;padding:0;margin:0 5px 0 0;font-size:16px;cursor:pointer;vertical-align:middle}[dir=rtl] .jins-transpositions__export-icon.MuiSvgIcon-root{margin-right:0;margin-left:5px}.jins-transpositions__copy-icon.MuiSvgIcon-root{color:#fff;padding:0;margin:0 5px 0 0;font-size:16px;cursor:pointer;vertical-align:middle}[dir=rtl] .jins-transpositions__copy-icon.MuiSvgIcon-root{margin-right:0;margin-left:5px}.jins-transpositions__buttons{margin-left:auto}.jins-transpositions__button{background-color:rgba(90,37,133,.5);color:#fff;padding:0 10px;border-radius:2px;cursor:pointer;margin-right:10px;font-size:12px;min-width:120px;width:auto;height:27px;vertical-align:middle;text-align:center;border:none;display:inline-block}[dir=rtl] .jins-transpositions__button{margin-right:0;margin-left:10px}.jins-transpositions__button:focus{outline:rgba(0,0,0,0)}.jins-transpositions__button:active{background-color:#d4af37!important}.jins-transpositions__button:hover{background-color:#5a2585}.jins-transpositions__button--toggle{background-color:rgba(164,7,156,.7)}.jins-transpositions__button--toggle:hover{background-color:#a4079c}.jins-transpositions h3{font-size:18px;margin-bottom:10px;font-weight:300}.jins-transpositions__comments-sources-container{width:100%;margin-top:0}.jins-transpositions__comments-english{font-size:14px;width:50%;min-height:80px;direction:ltr;text-align:left;vertical-align:top;padding-right:30px;float:left;margin-bottom:0;line-height:20px}[dir=rtl] .jins-transpositions__comments-english{direction:rtl;text-align:right;padding-right:0;padding-left:30px;float:right}.jins-transpositions__sources-english{font-size:14px;width:50%;min-height:80px;direction:ltr;text-align:left;vertical-align:top;padding-right:30px;float:left}[dir=rtl] .jins-transpositions__sources-english{direction:rtl;text-align:right;padding-right:0;padding-left:30px;float:right}.jins-transpositions__comments-arabic,.jins-transpositions__sources-arabic{font-size:14px;width:50%;min-height:80px;text-align:right;direction:rtl;vertical-align:top;padding-left:30px;float:right}.jins-transpositions__table{width:100%;border-collapse:collapse;table-layout:fixed;margin-bottom:0;font-size:12px;font-weight:200}.jins-transpositions__table th{vertical-align:middle;text-align:left;padding:10px;border:1px solid #555;font-weight:200}[dir=rtl] .jins-transpositions__table th{text-align:right}.jins-transpositions__table td{vertical-align:middle;text-align:left;padding:10px;border:1px solid #555;font-weight:200}[dir=rtl] .jins-transpositions__table td{text-align:right}.jins-transpositions__transposition-title{font-size:16px;font-weight:300;padding-left:10px;padding-right:20px;float:left;max-width:60%;display:flex;flex-direction:column;justify-content:center;height:40px;line-height:1.4}.jins-transpositions__transposition-title>span:first-child{white-space:nowrap}[dir=rtl] .jins-transpositions__transposition-title{padding-left:20px;padding-right:10px;float:right}.jins-transpositions__darajat-al-istiqrar{display:block;font-size:14px;font-weight:200;margin-top:2px;opacity:.85}.jins-transpositions__transposition-number{width:34px!important;font-size:20px;padding:0 2px!important;margin:0;text-align:center!important;background-color:#000}.jins-transpositions__transposition-number_0{background-color:#5a2585}.jins-transpositions__transposition-number_1{background-color:#83105d}.jins-transpositions__transposition-number_2{background-color:#a4079c}.jins-transpositions__header{text-align:left;background-color:rgba(0,0,0,0);scroll-margin-top:178px;cursor:pointer;transition:opacity .2s ease}.jins-transpositions__header--toggling{opacity:.7}[dir=rtl] .jins-transpositions__header{text-align:right}.jins-transpositions__cell{text-align:left;background-color:rgba(0,0,0,0)}[dir=rtl] .jins-transpositions__cell{text-align:right}.jins-transpositions__cell_highlighted{background-color:rgba(131,16,93,.2)!important}.jins-transpositions__row-header{background-color:#333;text-transform:capitalize;font-weight:400!important}.jins-transpositions__jins-name-row{background-color:#000;color:#fff;padding:15px;position:relative;height:70px}.jins-transpositions__buttons{display:flex;gap:8px;align-items:center;justify-content:flex-end;float:right;height:40px}[dir=rtl] .jins-transpositions__buttons{float:left;justify-content:flex-start}.jins-transpositions__input{width:50px;font-size:14px;border:1px solid #eee;border-radius:0;resize:vertical;padding:5px}.jins-transpositions__comments-sources-container{display:flex;justify-content:space-between;padding:0 30px;margin-top:40px}[dir=rtl] .jins-transpositions__comments-sources-container{flex-direction:row-reverse;padding:0 30px}.jins-transpositions__sources{width:100%;display:flex;padding:10px 30px}[dir=rtl] .jins-transpositions__sources{flex-direction:row-reverse}.jins-transpositions .jins-transpositions__spacer{padding:10px!important;border:0}.maqam-manager{display:flex;flex-direction:column;width:100%;margin-bottom:20px}.maqam-manager__header{margin:10px 0}.maqam-manager__header,.maqam-manager__selections{display:flex;align-items:center}.maqam-manager__rows{font-size:18px}.maqam-manager__selections-row{margin:10px 0}.maqam-manager__selected-note{font-size:14px;background-color:#83105d;padding:5px;margin:0 3px;border-radius:5px;cursor:pointer}.maqam-manager__selected-note_unsaved{background-color:rgba(0,0,0,0);border:2px dashed #83105d}.maqam-manager__toggle-button{margin:0 10px;padding:5px 10px;font-size:16px;border-radius:5px;cursor:pointer;transition:.3s;color:#5a2585}.maqam-manager__toggle-button:hover{border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.3)}.maqam-manager__tabs-container{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;height:auto;vertical-align:top}.maqam-manager__group-toggle-button{background-color:rgba(164,7,156,.7);color:#fff;padding:0 10px;border-radius:2px;cursor:pointer;font-size:12px;min-width:150px;width:auto;height:30px;vertical-align:middle;text-align:center;border:none;display:inline-block;flex-shrink:0;margin-bottom:10px}.maqam-manager__group-toggle-button:focus{outline:rgba(0,0,0,0)}.maqam-manager__group-toggle-button:active{background-color:#d4af37!important}.maqam-manager__group-toggle-button:hover{background-color:#a4079c}.maqam-manager__list{width:100%;background-color:#000;display:grid;grid-template-columns:repeat(16,minmax(250px,1fr));grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-gap:10px;gap:10px;height:200px;overflow-x:scroll;overflow-y:hidden;position:relative;padding:10px 25px}[dir=rtl] .maqam-manager__list{direction:rtl}.maqam-manager__list::-webkit-scrollbar{height:6px;position:relative}.maqam-manager__list::-webkit-scrollbar-thumb{background-color:#5a2585;cursor:pointer;position:relative}.maqam-manager__list::-webkit-scrollbar-track{background:#333;cursor:pointer;position:relative}.maqam-manager__carousel{display:flex;align-items:center;position:relative;width:100%}.maqam-manager__carousel .carousel-button{background:none;border:none;font-size:30px;cursor:pointer;color:#eee;padding:0}.maqam-manager__carousel .carousel-button:hover{color:#a4079c;transition:background-color .2s ease-in-out}.maqam-manager__carousel .carousel-button-next,.maqam-manager__carousel .carousel-button-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:1;height:calc(100% - 20px);width:25px;background-color:#000}.maqam-manager__carousel .carousel-button-next:hover,.maqam-manager__carousel .carousel-button-prev:hover{color:#a4079c;transition:color .1s ease-in-out}.maqam-manager__carousel .carousel-button-prev{left:0}[dir=rtl] .maqam-manager__carousel .carousel-button-prev{left:auto;right:0}.maqam-manager__carousel .carousel-button-next{right:0}[dir=rtl] .maqam-manager__carousel .carousel-button-next{right:auto;left:0}.maqam-manager__item{display:flex;flex-direction:column;align-items:left;padding:5px 10px;background-color:rgba(0,0,0,.3);font-size:14px;color:#eee;cursor:pointer;transition:.2s}[dir=rtl] .maqam-manager__item{text-align:right}.maqam-manager__item_active{background-color:rgba(90,37,133,.4)}.maqam-manager__item_active:hover{background-color:rgba(90,37,133,.9)}.maqam-manager__item_selected,.maqam-manager__item_selected:hover{background-color:#a4079c}.maqam-manager__item-name{display:flex;flex-direction:column;align-items:left;justify-content:left;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variation-settings:"wght" 400;font-synthesis:none}[dir=rtl] .maqam-manager__item-name{text-align:right}.maqam-manager__item-name-transpositions{font-weight:200;margin-top:3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variation-settings:"wght" 200;font-synthesis:none}[dir=rtl] .maqam-manager__item-name-transpositions{text-align:right}.maqam-manager__play-button{margin:0 10px;display:flex;align-items:center;justify-content:center;padding:5px 10px;gap:10px;color:#5a2585;border-radius:5px;cursor:pointer;transition:.3s}.maqam-manager__play-button:hover{box-shadow:0 0 5px rgba(0,0,0,.3)}.maqam-manager__create-new-maqam-button{width:-moz-fit-content;width:fit-content;margin:20px auto;font-size:20px;padding:10px;background-color:#83105d;border-radius:10px;color:#eee;cursor:pointer;box-shadow:0 0 5px rgba(0,0,0,.3);transition:.3s}.maqam-manager__create-new-maqam-button:hover{background-color:#5a2585}.maqam-manager__maqam-form{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:20px;font-size:20px}[dir=rtl] .maqam-manager__maqam-form{align-items:flex-end;text-align:right}.maqam-manager__maqam-input{padding:.4rem;font-size:1rem;border-radius:4px}.maqam-manager__clear-button,.maqam-manager__delete-button,.maqam-manager__save-button{margin-right:20px;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer;transition:.3s;color:#fff}[dir=rtl] .maqam-manager__clear-button,[dir=rtl] .maqam-manager__delete-button,[dir=rtl] .maqam-manager__save-button{margin-right:0;margin-left:20px}.maqam-manager__clear-button:hover,.maqam-manager__delete-button:hover,.maqam-manager__save-button:hover{border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.3)}.maqam-manager__save-button{background-color:#83105d}.maqam-manager__delete-button{background-color:#c62300}.maqam-manager__clear-button{background-color:#5a2585}.maqam-manager__source-add-button{padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer}.maqam-manager__source-item{display:flex;flex-direction:column;gap:5px;width:100px}.maqam-manager__source-input,.maqam-manager__source-select{padding:5px;font-size:14px}.maqam-manager__source-delete-button{padding:5px;font-size:14px;border-radius:5px;cursor:pointer;background-color:#c62300;color:#fff;transition:.1s}.maqam-manager__source-delete-button:hover{box-shadow:0 0 5px rgba(0,0,0,.3)}.maqam-manager__comments-english{font-size:14px;width:50%;min-height:80px;direction:ltr;text-align:left;vertical-align:top;padding-right:30px;float:left;margin-bottom:40px}.maqam-manager__comments-arabic{font-size:14px;width:50%;min-height:80px;text-align:right;direction:rtl;vertical-align:top;padding-left:30px;float:right}.maqam-manager__input-container{display:flex;flex-direction:column;flex:1 1}.maqam-manager__group{display:flex;gap:.5rem;width:100%}[dir=rtl] .maqam-manager__group{flex-direction:row-reverse}.maqam-manager__label{margin-bottom:.4rem;font-weight:700}[dir=rtl] .maqam-manager__label{text-align:right}.maqam-manager__input,.maqam-manager__textarea{padding:.4rem;resize:vertical}.maqam-manager__tabs{display:flex;flex-wrap:wrap;gap:5px;flex-grow:1;min-width:0;margin-left:25px}[dir=rtl] .maqam-manager__tabs{margin-left:0;margin-right:25px}.maqam-manager__tab{text-align:left;width:max-content;padding:10px;border-radius:0;border:none;background:#333;color:#eee;font-size:13px;height:38px;font-weight:400;cursor:pointer}[dir=rtl] .maqam-manager__tab{text-align:right}.maqam-manager__tab:hover{background:hsl(0,0%,10%)}.maqam-manager__tab_active{border:none;background:#000;font-weight:400}.maqam-manager__tab_active:hover{background:#000}.maqam-manager__tab-count{font-size:.95em;color:silver;margin-left:2px}[dir=rtl] .maqam-manager__tab-count{margin-left:0;margin-right:2px}.maqam-manager__export-container{display:inline-flex;float:right;align-items:center;gap:10px;margin-right:20px;margin-bottom:0;margin-left:auto}[dir=rtl] .maqam-manager__export-container{float:left;margin-right:auto;margin-left:20px}.maqam-manager__export-button{padding-top:5px;padding-bottom:0;width:50px;background-color:rgba(90,37,133,.5);cursor:pointer;border-radius:0;color:#eee;margin-left:0}[dir=rtl] .maqam-manager__export-button{margin-left:auto;margin-right:0}.maqam-manager__export-button:hover{background-color:#5a2585}.sayr-manager{width:100%;margin-top:20px}.sayr-manager__header{font-size:1.5rem;margin-bottom:1rem;font-weight:700;display:inline}.sayr-manager__notice{color:#a00;font-style:italic;margin-bottom:1rem}.sayr-manager__transposition-warning{background-color:#fff3cd;color:#856404;padding:.75rem 1rem;margin-bottom:1rem;border:1px solid #ffeaa7;border-radius:4px;font-size:.9rem;display:flex;align-items:center;gap:.5rem}[dir=rtl] .sayr-manager__transposition-warning{text-align:right}.sayr-manager__group{display:flex;gap:1rem;margin-bottom:1rem}[dir=rtl] .sayr-manager__group{flex-direction:row-reverse}.sayr-manager__input-container{flex:1 1;display:flex;flex-direction:column}.sayr-manager__label{margin-bottom:.5rem;font-weight:600}[dir=rtl] .sayr-manager__label{text-align:right}.sayr-manager__list{display:grid;width:100%;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.sayr-manager__item{display:flex;flex-direction:column;align-items:left;padding:10px;background-color:rgba(90,37,133,.4);border-radius:5px;font-size:14px;color:#eee;cursor:pointer;transition:.3s}[dir=rtl] .sayr-manager__item{align-items:right;text-align:right}.sayr-manager__item_active{background-color:rgba(90,37,133,.4)}.sayr-manager__item_active:hover{background-color:rgba(90,37,133,.9)}.sayr-manager__item_selected,.sayr-manager__item_selected:hover{background-color:#a4079c}.sayr-manager__input,.sayr-manager__select,.sayr-manager__textarea{padding:.4rem;resize:vertical}.sayr-manager__form{display:flex;flex-direction:column}.sayr-manager__stops-section{margin-top:1rem}.sayr-manager__stops-header{font-size:14px;font-weight:400;margin-bottom:10px}.sayr-manager__add-stop{padding:.5rem 1rem;background-color:#83105d;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-bottom:.5rem}.sayr-manager__add-stop:hover{opacity:.9}.sayr-manager__admin-stops{display:flex;gap:10px}[dir=rtl] .sayr-manager__admin-stops{flex-direction:row-reverse}.sayr-manager__stops{display:flex;gap:10px;align-items:center;flex-wrap:wrap}[dir=rtl] .sayr-manager__stops{text-align:right}.sayr-manager__admin-stop{display:flex;flex-direction:column;gap:.5rem;align-items:center;margin-bottom:.5rem}.sayr-manager__stop{background-color:#5a2585;color:#eee;padding:10px 15px;border-radius:0;font-size:14px;font-weight:300}.sayr-manager__transition-label{width:max-content;font-size:14px;font-weight:300;color:#eee}.sayr-manager__stop-type,.sayr-manager__stop-value{padding:.4rem;font-size:.9rem;border:1px solid #ccc;border-radius:4px;max-width:80px}.sayr-manager__delete-stop{padding:.4rem .8rem;background-color:#c62300;color:#fff;border:none;border-radius:4px;cursor:pointer}.sayr-manager__delete-stop:hover{opacity:.9}.sayr-manager__buttons{width:100%;margin:10px;display:flex;justify-content:center;gap:20px}.sayr-manager__delete-button,.sayr-manager__save-button{padding:.6rem 1.2rem;font-size:1rem;border:none;border-radius:4px;cursor:pointer;color:#fff;transition:.2s ease}.sayr-manager__delete-button:hover,.sayr-manager__save-button:hover{filter:brightness(.9)}.sayr-manager__save-button{background-color:#83105d}.sayr-manager__delete-button{background-color:#c62300}.sayr-manager__details{min-width:100%;width:-moz-fit-content;width:fit-content;padding:10px;background-color:rgba(0,0,0,.075);border-radius:10px;margin:20px 0}.sayr-manager__summary{font-size:24px;margin-bottom:10px;cursor:pointer}.sayr-manager__comments-section{width:50%;text-align:left;display:flex;flex-direction:column;justify-content:space-between;padding:0}[dir=rtl] .sayr-manager__comments-section{text-align:right}.sayr-manager__comments-english{font-size:14px;font-weight:200;margin-bottom:20px}.sayr-manager__comments-english_title{font-size:14px;font-weight:400}.maqam-transpositions{width:100%;margin-top:20px;margin-bottom:40px;scroll-margin-top:450px}.maqam-transpositions__title{width:100%;background-color:rgb(108.2755102041,13.2244897959,76.8673469388);color:#eee;font-size:20px;font-weight:300;text-align:left;padding:10px 20px;border:1px solid #555;position:sticky;position:-webkit-sticky;top:110px;margin-bottom:20px;box-shadow:0 10px 20px #000;z-index:10}.maqam-transpositions__title:before{content:"";position:absolute;top:-22px;left:-1px;right:0;width:calc(100% + 2px);height:21px;background-color:#222;z-index:-1}[dir=rtl] .maqam-transpositions__title:before{left:0;right:-1px}[dir=rtl] .maqam-transpositions__title{text-align:right}.maqam-transpositions__play-circle-icon.MuiSvgIcon-root{color:#fff;padding:0;margin:0 5px 0 0;font-size:21px;cursor:pointer;vertical-align:middle}[dir=rtl] .maqam-transpositions__play-circle-icon.MuiSvgIcon-root{margin-right:0;margin-left:5px}.maqam-transpositions__export-icon.MuiSvgIcon-root{color:#fff;padding:0;margin:0 5px 0 0;font-size:16px;cursor:pointer;vertical-align:middle}[dir=rtl] .maqam-transpositions__export-icon.MuiSvgIcon-root{margin-right:0;margin-left:5px}.maqam-transpositions__copy-icon.MuiSvgIcon-root{color:#fff;padding:0;margin:0 5px 0 0;font-size:16px;cursor:pointer;vertical-align:middle}[dir=rtl] .maqam-transpositions__copy-icon.MuiSvgIcon-root{margin-right:0;margin-left:5px}.maqam-transpositions__button{background-color:rgba(90,37,133,.5);color:#fff;padding:0 10px;border-radius:2px;cursor:pointer;margin-right:10px;font-size:12px;min-width:120px;width:auto;height:27px;vertical-align:middle;text-align:center;border:none;display:inline-block}[dir=rtl] .maqam-transpositions__button{margin-right:0;margin-left:10px}.maqam-transpositions__button:focus{outline:rgba(0,0,0,0)}.maqam-transpositions__button:active{background-color:#d4af37!important}.maqam-transpositions__button:hover{background-color:#5a2585}.maqam-transpositions__button--toggle{background-color:rgba(164,7,156,.7)}.maqam-transpositions__button--toggle:hover{background-color:#a4079c}.maqam-transpositions__table{width:100%;border-collapse:collapse;table-layout:fixed;margin-bottom:0;font-size:12px;font-weight:200}.maqam-transpositions__table th{vertical-align:middle;text-align:left;padding:8px;border:1px solid #555;font-weight:200}[dir=rtl] .maqam-transpositions__table th{text-align:right}.maqam-transpositions__table tr{height:100%}.maqam-transpositions__table td{vertical-align:top;border:1px solid #555;height:100%;position:relative}.maqam-transpositions__transposition-title{font-size:16px;font-weight:300;padding-left:10px;padding-right:20px;float:left;max-width:60%;display:flex;flex-direction:column;justify-content:center;height:40px;line-height:1.4}.maqam-transpositions__transposition-title>span:first-child{white-space:nowrap}[dir=rtl] .maqam-transpositions__transposition-title{padding-left:20px;padding-right:10px;float:right}.maqam-transpositions__darajat-al-istiqrar{display:block;font-size:14px;font-weight:200;line-height:1.3;margin-top:2px;opacity:.85}.maqam-transpositions__buttons{display:flex;gap:8px;align-items:center;justify-content:flex-end;float:right;height:40px}[dir=rtl] .maqam-transpositions__buttons{float:left;justify-content:flex-start}.maqam-transpositions__transposition-number{width:34px!important;font-size:20px;padding:0 2px!important;margin:0;text-align:center!important;background-color:#000;vertical-align:middle!important}.maqam-transpositions__transposition-number_0{background-color:#5a2585}.maqam-transpositions__transposition-number_1{background-color:#83105d}.maqam-transpositions__transposition-number_2{background-color:#a4079c}.maqam-transpositions__header{text-align:left;background-color:#000;scroll-margin-top:178px;cursor:pointer;transition:opacity .2s ease;height:70px;position:relative;padding:15px}.maqam-transpositions__header--toggling{opacity:.7}[dir=rtl] .maqam-transpositions__header{text-align:right}.maqam-transpositions__header-cell{text-align:left;background-color:rgba(0,0,0,0)}[dir=rtl] .maqam-transpositions__header-cell{text-align:right}.maqam-transpositions__header-cell_unique{background-color:rgba(90,37,133,.5)}.maqam-transpositions__header-cell_highlighted{background-color:rgba(164,7,156,.5)!important}.maqam-transpositions__header-cell_scale-degrees{background-color:#333}.maqam-transpositions__header-cell_scale-degrees-number{background-color:#333;font-weight:400!important}.maqam-transpositions__asc-desc-column{font-family:inherit;font-size:24px;font-weight:400!important;padding:0;margin:0;text-align:center;vertical-align:middle!important;color:#eee}.maqam-transpositions__row-header{background-color:#333;text-transform:capitalize;font-weight:400!important}.maqam-transpositions__maqam-name-row{background-color:#000;color:#fff;padding:15px}.maqam-transpositions__input{width:50px;font-size:14px;border:1px solid #eee;border-radius:0;resize:vertical;padding:5px}.maqam-transpositions__jins-button{width:100%;padding:0;border-radius:0;background-color:rgba(0,0,0,0);color:#eee;font-family:inherit;font-weight:inherit;font-size:12px;text-align:left;display:flex;align-items:flex-start;justify-content:flex-start;cursor:pointer;margin-bottom:0}[dir=rtl] .maqam-transpositions__jins-button{text-align:right;justify-content:flex-end}.maqam-transpositions h3{font-size:18px;margin-bottom:10px;font-weight:300}.maqam-transpositions__comments-sources-container{display:flex;width:100%;margin-top:0}[dir=rtl] .maqam-transpositions__comments-sources-container{flex-direction:row-reverse}.maqam-transpositions__comments-english{font-size:14px;width:50%;min-height:80px;direction:ltr;text-align:left;vertical-align:top;padding-right:30px;float:left;margin-bottom:0;line-height:20px}[dir=rtl] .maqam-transpositions__comments-english{direction:rtl;text-align:right;padding-right:0;padding-left:30px;float:right}.maqam-transpositions__sources-english{font-size:14px;width:50%;min-height:80px;direction:ltr;text-align:left;vertical-align:top;padding-right:30px;float:left}[dir=rtl] .maqam-transpositions__sources-english{direction:rtl;text-align:right;padding-right:0;padding-left:30px;float:right}.maqam-transpositions__comments-arabic,.maqam-transpositions__sources-arabic{font-size:14px;width:50%;min-height:80px;text-align:right;direction:rtl;vertical-align:top;padding-left:30px;float:right}.maqam-transpositions .maqam-transpositions__spacer-after,.maqam-transpositions .maqam-transpositions__spacer-analysis,.maqam-transpositions .maqam-transpositions__spacer-between{height:20px;border:0}.navbar{width:100%;display:flex;flex-direction:column;z-index:1001;top:0;padding-bottom:30px!important;background-color:#222;position:sticky;position:-webkit-sticky;scroll-margin-top:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px)}.navbar__center-panel{text-align:center}.navbar__title{font-size:30px;font-weight:300;color:#fff;cursor:pointer;direction:ltr!important;text-align:center!important}.navbar__subtitle{font-size:14px;color:#fff;cursor:pointer}.navbar__top-bar{height:90px;padding:20px;font-size:20px}.navbar__bottom-bar,.navbar__top-bar{display:flex;width:100%;justify-content:space-between;align-items:center;color:#fff;border-bottom:1px solid #555;background-color:#222}.navbar__bottom-bar{height:80px;box-shadow:0 20px 15px rgba(0,0,0,.6)}.navbar__bottom-bar--rtl{flex-direction:row-reverse}.navbar__bottom-bar-item{display:flex;flex-direction:column;flex:1 1;vertical-align:top;height:100%;background-color:rgba(0,0,0,0);color:#fff;cursor:pointer;transition:.1s ease;padding:10px 20px;word-break:keep-all;overflow-wrap:anywhere;min-width:0;text-size-adjust:100%}.navbar__bottom-bar-item:not(:last-child){border-right:1px solid #555}.navbar__bottom-bar-item:hover{background-color:rgba(131,16,93,.5)}.navbar__bottom-bar-item:disabled{color:hsla(0,0%,100%,.521);cursor:not-allowed}.navbar__bottom-bar-item:disabled:hover{background-color:rgba(0,0,0,0)}.navbar__bottom-bar-item_selected,.navbar__bottom-bar-item_selected:hover{background-color:#5a2585!important}.navbar__bottom-bar-item_active{background-color:rgba(90,37,133,.3)}.navbar__bottom-bar-item_active:hover{background-color:rgba(90,37,133,.5)}.navbar__bottom-bar-item_tab-title{font-size:14px;font-weight:500;margin-bottom:5px}.navbar__bottom-bar-item_tab-subtitle{font-size:13px;font-weight:200}.navbar__bottom-bar-item:last-child .navbar__bottom-bar-item_tab-title{font-size:14px}.navbar__bottom-bar-item:last-child .navbar__bottom-bar-item_tab-subtitle{font-size:13px}.navbar__left-panel{width:10%;display:flex;flex-direction:row;align-items:center;cursor:pointer;z-index:10}.navbar__left-panel svg{font-size:40px;margin-bottom:4px;margin-right:10px}.navbar__left-panel-admin{position:fixed;top:23px;left:50px;font-size:11px;display:flex;align-items:left;justify-content:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#5a2585;padding:2px 10px}.navbar__right-panel{width:10%;justify-content:flex-end;gap:15px;cursor:pointer;z-index:1000}.navbar__right-panel,.navbar__right-panel-icon,.navbar__right-panel-language{display:flex;align-items:center}.navbar__quick-actions{position:fixed;top:50px;right:20px;display:flex;flex-direction:row;gap:8px;z-index:10000;-webkit-overflow-scrolling:touch}.navbar__quick-action-button{padding:6px 12px;background-color:rgba(90,37,133,.8);color:#fff;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s ease;box-shadow:0 2px 5px rgba(0,0,0,.2)}.navbar__quick-action-button:hover{background-color:#5a2585}.navbar__quick-action-button:active{transform:translateY(1px)}.navbar__backdrop{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;z-index:900}.navbar__side-bar{position:fixed;top:10px;left:0;width:190px;height:auto;background-color:rgba(90,37,133,.9);box-shadow:2px 0 6px rgba(0,0,0,.2);z-index:1001;border-radius:0 0 10px 0;transform:translateX(-100%);transition:transform .3s ease;flex-direction:column;-webkit-overflow-scrolling:touch}.navbar__side-bar_open{transform:translateX(0)}.navbar__side-bar-content{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:10px 0}.navbar__side-bar-ruler{width:90%;border:1px dashed #fff;border-radius:10px;margin:5px auto}.navbar__side-bar-link{display:flex;align-items:center;width:90%;height:-moz-fit-content;height:fit-content;padding:7px 10px;margin:0 auto;border-radius:10px;color:#fff;font-size:20px;letter-spacing:1.5;cursor:pointer;transition:.3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;gap:10px}.navbar__side-bar-link svg{margin-bottom:4px}.navbar__side-bar-link_active{color:#e73878;background-color:#fff}.navbar__side-bar-bottom-link{display:flex;align-items:center;width:90%;padding:5px;margin:0 auto;color:#fff;font-size:16px;cursor:pointer;transition:.3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none}.language-selector{position:fixed;top:22px;right:50px;display:flex;align-items:center}.language-selector__select{background-color:rgba(0,0,0,0);color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.language-selector__select:hover{border-color:hsla(0,0%,100%,.6);background-color:hsla(0,0%,100%,.1)}.language-selector__select:focus{outline:none}.language-selector__select option,.language-selector__select:focus{background-color:rgba(0,0,0,0);color:#fff}[dir=rtl] .language-selector{direction:rtl}.sources-manager{display:flex;flex-direction:column;align-items:center;width:100%;color:#eee;padding:20px 10px;font-weight:700}.sources-manager::-webkit-scrollbar{width:12px}.sources-manager::-webkit-scrollbar-thumb{background-color:#5a2585;cursor:pointer}.sources-manager::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:0 25px 0 0;cursor:pointer}.sources-manager__title{font-size:50px;margin-bottom:20px}.sources-manager__header{font-size:26px;font-weight:700}.sources-manager__form{display:flex;flex-direction:column;gap:1rem;width:100%}.sources-manager__input-container{display:flex;flex-direction:column;flex:1 1}.sources-manager__group{display:flex;gap:.5rem;width:100%;height:-moz-fit-content;height:fit-content}.sources-manager__group_vertical{flex-direction:column}.sources-manager__contributor{display:flex;gap:.5rem;width:100%}.sources-manager__contributor input,.sources-manager__contributor select{flex:1 0;height:-moz-fit-content;height:fit-content;padding:15px 10px}.sources-manager__label{margin-bottom:.4rem;font-weight:700}.sources-manager__input,.sources-manager__select,.sources-manager__textarea{padding:.4rem;resize:vertical}.sources-manager__select{margin-bottom:1.5rem;padding:.4rem}.sources-manager__buttons{display:flex;justify-content:center;align-items:center;margin-top:1rem}.sources-manager__add-button,.sources-manager__delete-button,.sources-manager__remove-button,.sources-manager__save-button{height:-moz-fit-content;height:fit-content;margin-right:20px;padding:15px 20px;font-size:.9rem;border-radius:5px;cursor:pointer;transition:.3s;color:#fff}.sources-manager__add-button:hover,.sources-manager__delete-button:hover,.sources-manager__remove-button:hover,.sources-manager__save-button:hover{border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.3)}.sources-manager__save-button{background-color:#83105d}.sources-manager__delete-button,.sources-manager__remove-button{background-color:#c62300}.sources-manager__add-button{background-color:#5a2585;margin-left:10px;font-size:.8rem;padding:10px 15px}.sources-list{display:flex;flex-direction:column;width:100%;color:#eee;padding:20px 10px;font-weight:200}.sources-list::-webkit-scrollbar{width:12px}.sources-list::-webkit-scrollbar-thumb{background-color:#5a2585;cursor:pointer}.sources-list::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:0 25px 0 0;cursor:pointer}.sources-list__row{display:grid;grid-template-columns:1fr 1fr;align-items:start;padding:.75rem 0;border-bottom:0;grid-gap:200px;gap:200px}.sources-list__row:nth-child(2n){background-color:rgba(34,34,34,.05)}.sources-list__row_highlighted{background-color:rgba(131,16,93,.3)!important;border-left:4px solid #83105d;border-right:4px solid #83105d}.sources-list__cell{padding:0 .5rem;word-wrap:break-word;word-break:break-word}.sources-list__cell--english{text-align:left;font-size:.95rem;line-height:1.4}.sources-list__cell--arabic{text-align:right;direction:rtl;font-size:.95rem;line-height:1.4}.sources-list__citation-title{font-style:italic}.patterns-manager{display:flex;flex-direction:column;align-items:center;width:100%;color:#eee;padding:20px 10px;font-weight:700}.patterns-manager::-webkit-scrollbar{width:12px}.patterns-manager::-webkit-scrollbar-thumb{background-color:#5a2585;cursor:pointer}.patterns-manager::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:0 25px 0 0;cursor:pointer}.patterns-manager__header{font-size:1.5rem;margin-bottom:1rem;font-weight:700}.patterns-manager__group{display:flex;flex-direction:row;float:left;gap:20px;margin-bottom:20px;width:50%;align-items:center;justify-content:center}.patterns-manager__input-container{display:flex;flex-direction:column;align-items:center}.patterns-manager__label{margin-bottom:.5rem;font-weight:300}.patterns-manager__input,.patterns-manager__select{padding:.4rem;font-size:.9rem;border-radius:0;min-width:0;width:-moz-fit-content;width:fit-content;display:inline-block}.patterns-manager__form{display:flex;flex-direction:column;align-items:center;width:100%}.patterns-manager__notes-section{margin-top:1rem;width:100%;padding:0 100px}.patterns-manager__notes-header{display:flex;align-items:center;font-size:1.2rem;margin-bottom:.5rem;gap:10px}.patterns-manager__add-note{padding:.4rem .8rem;background-color:#83105d;color:#eee;border:none;cursor:pointer;font-size:.9rem}.patterns-manager__add-note:hover{opacity:.9}.patterns-manager__notes{display:flex;gap:.75rem}.patterns-manager__note{display:flex;flex-direction:column;align-items:left;gap:10px;flex-wrap:wrap}.patterns-manager__note-duration,.patterns-manager__note-scaleDegree,.patterns-manager__note-target,.patterns-manager__note-velocity{padding:.4rem;font-size:.9rem;border:0 solid #ccc;border-radius:0}.patterns-manager__delete-note{padding:.4rem .8rem;background-color:#c62300;color:#fff;border:none;cursor:pointer;font-size:.9rem}.patterns-manager__delete-note:hover{opacity:.9}.patterns-manager__buttons{display:flex;justify-content:center;gap:20px;margin-top:1.5rem}.patterns-manager__delete-button,.patterns-manager__play-button,.patterns-manager__save-button{padding:10px 20px;color:#eee;background-color:#5a2585;transition:filter .2s ease}.patterns-manager__delete-button:hover,.patterns-manager__play-button:hover,.patterns-manager__save-button:hover{filter:brightness(.9)}.patterns-manager__save-button{background-color:#83105d}.patterns-manager__delete-button{background-color:#c62300}.pitch-class-bar{flex:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;overflow-x:scroll;overflow-y:hidden;display:flex;z-index:50;background-color:#222;box-shadow:0 15px 20px rgba(0,0,0,.6);padding-top:0;position:-webkit-sticky;position:sticky;top:0}.pitch-class-bar::-webkit-scrollbar{height:0}.pitch-class-bar::-webkit-scrollbar-thumb{background-color:#555;cursor:pointer}.pitch-class-bar::-webkit-scrollbar-track{background:rgba(0,0,0,.5);cursor:pointer}.pitch-class-bar__cell{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;flex:none;border-top:3px solid #555;border-left:1px solid #555!important;border-right:1px solid #555;border-bottom:3px solid #555;border-left:0;width:80px;height:90px;padding:5px 6px 0}.pitch-class-bar__cell_selected{background-color:rgba(90,37,133,.8)!important}.pitch-class-bar__cell_active{background-color:#a4079c!important}.pitch-class-bar__cell_tonic{border-top:3px solid rgba(164,7,156,.8)!important;border-bottom:3px solid rgba(164,7,156,.8)!important}.pitch-class-bar__cell_tonic_current{background-color:rgba(164,7,156,.8)!important;border:3px solid rgba(164,7,156,.8)!important}.pitch-class-bar__cell_tonic_selected{border-top:3px solid rgba(164,7,156,.8);border-bottom:3px solid rgba(164,7,156,.8);background-color:rgba(90,37,133,.8)!important}.pitch-class-bar__cell_tonic_current_active{background-color:#a4079c!important}.pitch-class-bar__cell_tonic:hover{background-color:#a4079c!important;color:#eee!important}.pitch-class-bar__cell_descending{background-color:rgba(90,37,133,.4)}.pitch-class-bar__cell_midi_black{background-color:#000!important;color:#eee}.pitch-class-bar__cell_midi_white{background-color:#eee!important;color:#000}.pitch-class-bar__cell_midi_active{background-color:#a4079c!important;color:#fff!important}.pitch-class-bar__cell_midi_descending{background-color:rgba(90,37,133,.4)!important}.pitch-class-bar__cell_midi_tonic_black{background-color:#000!important;color:#eee}.pitch-class-bar__cell_midi_tonic_black,.pitch-class-bar__cell_midi_tonic_white{border-top:3px solid rgba(164,7,156,.8)!important;border-bottom:3px solid rgba(164,7,156,.8)!important}.pitch-class-bar__cell_midi_tonic_white{background-color:#eee;color:#000}.pitch-class-bar__cell_midi_tonic_current{border:3px solid #a4079c!important;background-color:#fff!important;color:#000!important}.pitch-class-bar__cell_midi_tonic_current_active{background-color:#a4079c!important;color:#fff!important}.pitch-class-bar__cell-label{width:100%;word-break:break-word;margin:0;padding-bottom:0;font-size:12px;font-weight:300;line-height:16px;align-self:flex-start}.pitch-class-bar__cell-english{width:100%;line-height:12px;padding:0;font-size:12px;font-weight:200}.pitch-class-bar__cell-mapping{font-size:10px;font-weight:300;border:1px solid rgba(238,238,238,.6);color:rgba(238,238,238,.8);width:28px;height:18px;padding:1px 0 0;margin-right:2px;text-align:center}.pitch-class-bar__cell-qwerty-englishname{width:100%;height:28px;padding-bottom:0;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;gap:4px;margin-top:auto}.navigation-menu-open-button{position:fixed;top:20px;left:20px;background-color:rgba(0,0,0,0);color:#eee!important;border:none;cursor:pointer;z-index:2001;pointer-events:auto}.navigation-menu-card{font-size:18px;position:fixed;top:0;left:0;width:288px;height:100vh;max-height:100vh;overflow-y:hidden;transform:translateX(-130%);transition:transform .3s ease-in-out;z-index:2000}.navigation-menu-card--open{transform:translateX(0)}.navigation-menu-card__content{display:flex;flex-direction:column;padding-bottom:50px;padding-top:89px;color:#000;height:100%;width:100%;overflow-y:auto;background:#000;color:#eee;font-size:14px;overflow-y:hidden}.navigation-menu-card__link{text-decoration:none;color:#eee!important;font-weight:300;display:flex;flex-direction:column;justify-content:center;width:100%;min-height:80px;padding:10px 20px;border-top:1px solid #555;transition:all .1s ease-in-out}.navigation-menu-card__link:visited{color:#eee!important}.navigation-menu-card__link:hover{background-color:#a4079c;color:#eee!important}.modulations__container{width:100%;margin-top:20px;margin-bottom:40px}.modulations__header{font-weight:300;margin-bottom:10px;margin-left:10px;min-height:40px}[dir=rtl] .modulations__header{margin-left:0;margin-right:10px}.modulations__header-text{font-weight:400}.modulations__wrapper-modulations-header{text-align:center;align-items:center;margin-bottom:10px}.modulations__source-maqam-name{color:#eee!important;font-size:24px;font-weight:400;text-decoration:none!important;padding:0;margin-bottom:20px;display:inline-flex}.modulations__source-maqam-name:hover{text-decoration:underline!important;outline:none}.modulations__ajnas-count,.modulations__maqamat-count{color:#eee!important;font-size:14px;font-weight:400;text-decoration:none!important;background-color:rgba(90,37,133,.5);padding:10px;cursor:pointer}.modulations__ajnas-count:hover,.modulations__maqamat-count:hover{background-color:#5a2585;outline:none}.modulations__ajnas-count_active,.modulations__maqamat-count_active{background-color:rgba(164,7,156,.5);outline:none}.modulations__octave-shift{color:#eee!important;font-size:14px;font-weight:400;text-decoration:none!important;background-color:rgba(90,37,133,.5);padding:10px;cursor:pointer}.modulations__octave-shift:hover{background-color:#5a2585;outline:none}.modulations__octave-shift_active{background-color:rgba(164,7,156,.5);outline:none}.modulations__delete-hop-btn{color:#eee!important;font-size:14px;font-weight:400;text-decoration:none!important;background-color:rgba(90,37,133,.5);padding:10px!important;cursor:pointer}.modulations__delete-hop-btn:hover{background-color:#5a2585;outline:none}.modulations__delete-hop-btn_active{background-color:rgba(164,7,156,.5);outline:none}.modulations__hops-wrapper{width:100%;margin-bottom:0;scroll-margin-top:120px}.modulations__modulations-list{display:inline-flex;flex-direction:column}.modulations__modulations-list:not(:last-child){margin-right:10px}.modulations__modulations-list{gap:10px;width:calc(12.5% - 10px);padding:10px 0}[dir=rtl] .modulations__modulations-list:not(:last-child){margin-right:0;margin-left:10px}.modulations__modulation-item{text-align:left;padding:10px;font-size:14px;font-weight:400;background-color:rgba(90,37,133,.3)}.modulations__modulation-item:hover{background-color:#5a2585}[dir=rtl] .modulations__modulation-item{text-align:right}.modulations__list{width:100%;background-color:#000;display:grid;grid-template-columns:repeat(16,minmax(250px,1fr));grid-template-rows:repeat(3,auto);grid-gap:10px;gap:10px;height:225px;overflow-x:scroll;overflow-y:hidden;position:relative;padding:10px 25px}.modulations__list::-webkit-scrollbar{height:6px;position:relative}.modulations__list::-webkit-scrollbar-thumb{background-color:#5a2585;cursor:pointer;position:relative}.modulations__list::-webkit-scrollbar-track{background:#333;cursor:pointer;position:relative}.modulations__item{display:flex;flex-direction:column;align-items:left;padding:10px;background-color:rgba(90,37,133,.5);font-size:14px;color:#eee;cursor:pointer;transition:.3s}.modulations__item:hover{background-color:#a4079c}.modulations__item_active:hover{background-color:rgba(90,37,133,.9)}.modulations__item_selected,.modulations__item_selected:hover{background-color:#a4079c}.modulations__item-name{display:flex;flex-direction:column;align-items:left;justify-content:left;font-weight:400}.modulations__item-name-transpositions{color:#fff;font-size:14px;margin-top:3px;font-weight:200}.modulations__carousel{display:flex;align-items:center;position:relative;width:100%}.modulations__carousel .carousel-button{background:none;border:none;font-size:30px;cursor:pointer;color:#eee;padding:0}.modulations__carousel .carousel-button:hover{color:#a4079c;transition:background-color .2s ease-in-out}.modulations__carousel .carousel-button-next,.modulations__carousel .carousel-button-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:1;height:calc(100% - 20px);width:25px;background-color:#000}.modulations__carousel .carousel-button-next:hover,.modulations__carousel .carousel-button-prev:hover{color:#a4079c;transition:color .1s ease-in-out}.modulations__carousel .carousel-button-prev{left:0}.modulations__carousel .carousel-button-next{right:0}.modulations__collapse-arrow{display:inline-flex;background:none;border:none;cursor:pointer;font-size:16px;margin-left:10px;color:#888;outline:none;padding:0;transition:color .2s}.modulations__collapse-arrow:hover{color:#5a2585}.modulations__collapse-arrow-icon{transition:transform .2s}[dir=rtl] .modulations__collapse-arrow{margin-left:0;margin-right:10px}.statistics{width:100%;height:calc(100vh - 120px);padding:0;background:#222;display:flex;flex-direction:column;overflow:hidden}.statistics .admin-controls{flex-shrink:0;padding:12px;background:#222;border-bottom:1px solid #555;z-index:100}.statistics .status-message{flex-shrink:0;padding:12px;margin:0;z-index:100}.statistics .status-message.error{background:rgba(255,0,0,.1);color:#ff6b6b;border:1px solid rgba(255,0,0,.3)}.statistics .status-message.success{background:rgba(0,255,0,.1);color:#51cf66;border:1px solid rgba(0,255,0,.3)}.statistics .table-container{flex:1 1;overflow:auto;position:relative;background:#222}.statistics button{font-size:1rem;padding:10px 20px;border-radius:0;border:none;background:#5a2585;color:#eee;cursor:pointer;transition:background .2s}.statistics button:hover:enabled{background:rgb(117,48.1,172.9)}.statistics button:disabled{opacity:.5;cursor:not-allowed}.statistics .statistics-table{width:100%;border-collapse:collapse;background:#222;margin:0;table-layout:auto;min-width:100%}.statistics td,.statistics th{padding:12px 16px;text-align:left;font-size:14px;line-height:1.4}.statistics td{white-space:nowrap;border-bottom:1px solid #555}.statistics th{background:#5a2585;color:#eee;font-weight:500;position:-webkit-sticky;position:sticky;top:0;z-index:500;white-space:nowrap;vertical-align:top;box-shadow:0 2px 4px rgba(0,0,0,.2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom:2px solid #555}.statistics th:hover{background:rgb(117,48.1,172.9)}.statistics tbody tr{cursor:pointer;transition:background .15s ease}.statistics tbody tr:hover td{background:rgba(90,37,133,.3)!important;color:#eee}.statistics tr.selected-row td{background:#83105d!important;color:#eee;font-weight:400}.statistics tbody tr:nth-child(2n) td{background:#333}.statistics tbody tr:nth-child(odd) td{background:#222}.statistics tbody tr:last-child td{border-bottom:none}@media(max-width:1200px){.statistics td,.statistics th{padding:8px 12px;font-size:13px}}@media(max-width:900px){.statistics .table-container{overflow-x:auto}.statistics .statistics-table{min-width:800px}}.analytics-page{min-height:calc(100svh - 90px - 80px - 30px);padding:24px 12px;background:#222;color:#eee;max-width:1200px;margin:0 auto}.analytics-page h1{text-align:center;margin-bottom:32px;font-size:2.5rem;font-weight:600;color:#eee}.analytics-client{display:flex;flex-direction:column;gap:32px}.analytics-client__form-section{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:24px}.analytics-client__section-title{font-size:1.5rem;font-weight:600;color:#eee;margin-bottom:24px;display:flex;align-items:center;gap:8px}.analytics-client__section-title:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#5a2585,#83105d);border-radius:2px}.analytics-client__form{display:flex;flex-direction:column;gap:24px}.analytics-client__form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:16px;gap:16px}@media(max-width:768px){.analytics-client__form-grid{grid-template-columns:1fr}}.analytics-client__form-group{display:flex;flex-direction:column}.analytics-client__label{font-size:.9rem;font-weight:500;color:#eee;margin-bottom:8px}.analytics-client__input,.analytics-client__select{padding:12px;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;background:hsla(0,0%,100%,.05);color:#eee;font-size:.9rem;transition:all .2s ease}.analytics-client__input:focus,.analytics-client__select:focus{outline:none;border-color:#5a2585;box-shadow:0 0 0 2px rgba(90,37,133,.2)}.analytics-client__input:disabled,.analytics-client__select:disabled{background:hsla(0,0%,100%,.02);color:#3b3b3b;cursor:not-allowed;opacity:.6}.analytics-client__select{cursor:pointer}.analytics-client__select option{background:#222;color:#eee}.analytics-client__options{display:flex;flex-direction:column;gap:16px}.analytics-client__options-title{font-size:1.1rem;font-weight:500;color:#eee}.analytics-client__checkboxes{display:flex;flex-wrap:wrap;gap:16px}@media(max-width:768px){.analytics-client__checkboxes{flex-direction:column;gap:12px}}.analytics-client__checkbox-label{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#eee;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.analytics-client__checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#5a2585;cursor:pointer}.analytics-client__checkbox-label:hover{color:#5a2585}.analytics-client__actions{display:flex;gap:12px;justify-content:flex-start}@media(max-width:768px){.analytics-client__actions{flex-direction:column}}.analytics-client__button{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:120px}.analytics-client__button:disabled{cursor:not-allowed;opacity:.6}.analytics-client__button--primary{background:linear-gradient(135deg,#5a2585,#83105d);color:#fff}.analytics-client__button--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(90,37,133,.3)}.analytics-client__button--primary:active:not(:disabled){transform:translateY(0)}.analytics-client__button--secondary{background:hsla(0,0%,100%,.05);color:#eee;border:1px solid hsla(0,0%,100%,.2)}.analytics-client__button--secondary:hover:not(:disabled){background:hsla(0,0%,100%,.1);border-color:#5a2585}.analytics-client__error{background:rgba(198,35,0,.1);border:1px solid #c62300;border-radius:8px;padding:16px;color:#ff6b4d}.analytics-client__error h3{margin:0 0 8px;font-size:1.1rem;font-weight:600}.analytics-client__error p{margin:0;font-size:.9rem}.analytics-client__results{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:24px}.analytics-client__stats{background:hsla(0,0%,100%,.03);border-radius:8px;padding:16px;margin-bottom:24px}.analytics-client__stats h3{margin:0 0 16px;font-size:1.2rem;font-weight:600;color:#eee}.analytics-client__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px}@media(max-width:768px){.analytics-client__stats-grid{grid-template-columns:1fr}}.analytics-client__stat{display:flex;justify-content:space-between;align-items:center;padding:8px;background:hsla(0,0%,100%,.05);border-radius:6px}.analytics-client__stat-label{font-size:.9rem;color:rgba(238,238,238,.8);font-weight:500}.analytics-client__stat-value{font-size:1rem;color:#eee;font-weight:600}.analytics-client__detailed-results h3{margin:0 0 16px;font-size:1.2rem;font-weight:600;color:#eee}.analytics-client__tuning-system-result{margin-bottom:24px;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;overflow:hidden}.analytics-client__tuning-system-result:last-child{margin-bottom:0}.analytics-client__tuning-system-title{background:hsla(0,0%,100%,.1);padding:12px 16px;margin:0;font-size:1rem;font-weight:500;color:#eee;border-bottom:1px solid hsla(0,0%,100%,.1)}.analytics-client__result-content{padding:16px;background:hsla(0,0%,100%,.02)}.analytics-client__json-display{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;padding:12px;font-family:Courier New,Courier,monospace;font-size:.8rem;color:#eee;white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-height:400px;overflow-y:auto;margin:0}.analytics-client__json-display::-webkit-scrollbar{width:6px;height:6px}.analytics-client__json-display::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.analytics-client__json-display::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.analytics-client__transpositions{display:flex;flex-direction:column;gap:16px}.analytics-client__transpositions-summary{font-size:.9rem;color:rgba(238,238,238,.8);margin:0;padding:8px 12px;background:hsla(0,0%,100%,.03);border-radius:6px}.analytics-client__transpositions-grid{display:flex;flex-direction:column;gap:16px}.analytics-client__transposition-card{border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:16px;background:hsla(0,0%,100%,.03)}.analytics-client__transposition-card h5{margin:0 0 12px;font-size:1.1rem;font-weight:500;color:#eee}.analytics-client__transposition-card h6{margin:12px 0 8px;font-size:1rem;font-weight:500;color:#eee}.analytics-client__transpositions{margin-top:20px}.analytics-client__transpositions-summary{margin-bottom:20px;font-size:14px;color:#eee;font-weight:200}.analytics-client__transposition-section{margin-bottom:30px}.analytics-client__transposition-title{font-size:16px;font-weight:300;margin-bottom:10px;color:#eee}.analytics-client__maqam-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;font-weight:200;margin-bottom:20px}.analytics-client__maqam-table td,.analytics-client__maqam-table th{vertical-align:middle;border:1px solid #555;padding:8px;text-align:left}.analytics-client__maqam-table th{font-weight:200}.analytics-client__section-header{background-color:#83105d;color:#eee;text-align:center;font-weight:300;font-size:14px}.analytics-client__asc-desc-column{width:40px;text-align:center;font-size:16px;font-weight:300;vertical-align:middle}.analytics-client__row-header{background-color:#83105d;color:#eee;text-align:left;font-weight:200;min-width:110px;max-width:110px;width:110px}.analytics-client__header-pitchClass{text-align:center;font-weight:200;color:#eee;min-width:30px}.analytics-client__spacer-between{height:10px;border:none;background:rgba(0,0,0,0)}.analytics-client__modulations{margin-top:15px;font-size:12px}.analytics-client__modulations h6{margin-bottom:8px;font-weight:300}.analytics-client__modulation-section{margin-bottom:10px}.analytics-client__modulation-section strong{display:block;margin-bottom:5px;font-weight:300;color:#eee}.analytics-client__modulation-grid{display:flex;flex-wrap:wrap}.analytics-client__modulation-item{font-size:11px;line-height:1.3}.analytics-client__modulation-item strong{display:inline;margin-right:4px;font-weight:300}.analytics-client__data-table{width:100%;border-collapse:collapse;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;overflow:hidden;background:hsla(0,0%,100%,.02);font-size:.85rem}.analytics-client__data-table th{background:hsla(0,0%,100%,.1);padding:8px 12px;text-align:left;font-weight:500;color:#eee;border-bottom:1px solid hsla(0,0%,100%,.1)}.analytics-client__data-table th:not(:last-child){border-right:1px solid hsla(0,0%,100%,.1)}.analytics-client__data-table td{padding:8px 12px;border-bottom:1px solid hsla(0,0%,100%,.05);color:#eee}.analytics-client__data-table td:not(:last-child){border-right:1px solid hsla(0,0%,100%,.05)}.analytics-client__data-table td.note-name{font-family:Courier New,Courier,monospace;font-weight:500;color:#5a2585}.analytics-client__data-table td.frequency{font-family:Courier New,monospace;color:#a4079c}.analytics-client__data-table td.midi{font-family:Courier New,monospace;color:#83105d}.analytics-client__data-table td.cents{font-family:Courier New,monospace;color:#9b7a0c}.analytics-client__data-table .analytics-client__row-header{background:hsla(0,0%,100%,.15);font-weight:600;color:#eee;text-align:left;white-space:nowrap;min-width:140px}.analytics-client__data-table .analytics-client__row-header:not(:last-child){border-right:1px solid hsla(0,0%,100%,.2)}.analytics-client__data-table .analytics-client__note-name{font-family:Courier New,Courier,monospace;font-weight:500;color:#5a2585}.analytics-client__data-table tr:last-child td{border-bottom:none}.analytics-client__data-table tr:hover{background:hsla(0,0%,100%,.02)}.analytics-client__modulations{margin-top:16px;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.1)}.analytics-client__modulations h6{margin:0 0 12px;font-size:1rem;font-weight:500;color:#eee}.analytics-client__modulation-section{margin-bottom:12px}.analytics-client__modulation-section:last-child{margin-bottom:0}.analytics-client__modulation-section-title{display:block;font-size:.9rem;font-weight:500;color:#eee;margin-bottom:8px}.analytics-client__modulation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:8px;gap:8px}@media(max-width:768px){.analytics-client__modulation-grid{grid-template-columns:1fr}}.analytics-client__modulation-item{background:hsla(0,0%,100%,.05);padding:8px;border-radius:6px;font-size:.8rem}.analytics-client__modulation-item strong{display:block;margin-bottom:4px;color:rgba(238,238,238,.8);text-transform:capitalize}.analytics-client__modulation-item span{color:#eee;line-height:1.4}.analytics-client__single-result{display:flex;flex-direction:column;gap:16px}.analytics-client__tahlil-result h5{margin:0 0 12px;font-size:1.1rem;font-weight:500;color:#eee}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.analytics-client__button:disabled{animation:pulse 1.5s ease-in-out infinite}.export-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:30000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.export-modal{background:#222;border:2px solid #555;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5);max-width:800px;width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;color:#eee;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.export-modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #555;background:#5a2585;color:#eee}.export-modal__title{margin:0;font-size:20px;font-weight:700;color:#eee}.export-modal__close{background:#333;border:2px solid #555;color:#eee;font-size:20px;width:35px;height:35px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.export-modal__close:hover:not(:disabled){background:#555;box-shadow:0 0 5px rgba(0,0,0,.3)}.export-modal__close:disabled{opacity:.5;cursor:not-allowed;background:#333}.export-modal__progress-section{background:#222;border-bottom:2px solid #555;padding:15px 20px;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.export-modal__progress-container{width:100%}.export-modal__progress-text{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}@media(max-width:600px){.export-modal__progress-text{flex-direction:column;align-items:flex-start;gap:4px}}.export-modal__progress-step{color:#eee;font-weight:500;flex:1 1}@media(max-width:600px){.export-modal__progress-step{font-size:13px}}.export-modal__progress-percentage{color:#5a2585;font-weight:700;font-size:16px;min-width:50px;text-align:right}@media(max-width:600px){.export-modal__progress-percentage{align-self:flex-end;font-size:15px}}.export-modal__progress-bar{width:100%;height:8px;background:#333;border-radius:4px;overflow:hidden;border:1px solid #555}.export-modal__progress-fill{height:100%;background:linear-gradient(90deg,#5a2585,rgb(117,48.1,172.9));border-radius:3px;transition:width .3s ease-out;box-shadow:0 0 10px rgba(90,37,133,.3);position:relative;overflow:hidden}.export-modal__progress-fill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.export-modal__content{padding:20px;overflow-y:auto;flex:1 1;background:#222}.export-modal__content--disabled{pointer-events:none;opacity:.6;filter:grayscale(.3)}.export-modal__section{margin-bottom:20px}.export-modal__section:last-child{margin-bottom:0}.export-modal__label{display:block;font-size:16px;font-weight:700;color:#eee;margin-bottom:10px}.export-modal__format-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:10px;gap:10px}.export-modal__format-card{border:2px solid #555;border-radius:5px;padding:15px;cursor:pointer;transition:all .2s ease;background:#333;color:#eee}.export-modal__format-card:hover{border-color:rgb(117,48.1,172.9);box-shadow:0 0 5px rgba(0,0,0,.3)}.export-modal__format-card--selected{border-color:#5a2585;background:#5a2585;color:#eee;box-shadow:0 0 10px rgba(90,37,133,.3)}.export-modal__format-name{font-size:16px;font-weight:700;margin-bottom:5px}.export-modal__format-description{font-size:14px;opacity:.8;line-height:1.4}.export-modal__checkbox-group{display:flex;flex-direction:column;gap:5px}.export-modal__checkbox{display:flex;align-items:center;cursor:pointer;font-size:16px;color:#eee;padding:5px;border-radius:5px;transition:background-color .2s ease}.export-modal__checkbox:hover{background-color:#333}.export-modal__checkbox input[type=checkbox]{margin-right:10px;width:16px;height:16px;accent-color:#5a2585;cursor:pointer}.export-modal__select{width:100%;padding:10px;border:2px solid #555;border-radius:5px;font-size:16px;background:#333;color:#eee;cursor:pointer;transition:all .2s ease}.export-modal__select:focus{outline:none;border-color:#5a2585;box-shadow:0 0 5px rgba(90,37,133,.3)}.export-modal__input,.export-modal__select option{background:#333;color:#eee}.export-modal__input{width:100%;padding:10px;border:2px solid #555;border-radius:5px;font-size:16px;transition:all .2s ease}.export-modal__input:focus{outline:none;border-color:#5a2585;box-shadow:0 0 5px rgba(90,37,133,.3)}.export-modal__input::placeholder{color:#ddd;opacity:.7}.export-modal__footer{padding:20px;border-top:2px solid #555;display:flex;justify-content:flex-end;gap:10px;background:#333}.export-modal__button{padding:10px 20px;border-radius:5px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;border:2px solid;min-width:120px}.export-modal__button:active{background-color:#d4af37!important;border-color:#d4af37!important}.export-modal__button--secondary{background:#333;color:#eee;border-color:#555}.export-modal__button--secondary:hover{background:#555;box-shadow:0 0 5px rgba(0,0,0,.3)}.export-modal__button--primary{background:#5a2585;color:#eee;border-color:#5a2585;box-shadow:0 0 5px rgba(90,37,133,.3)}.export-modal__button--primary:hover:not(:disabled){background:rgb(117,48.1,172.9);border-color:rgb(117,48.1,172.9);box-shadow:0 0 10px rgba(90,37,133,.4)}.export-modal__button--primary:disabled{opacity:.6;cursor:not-allowed;background:#3b3b3b;border-color:#3b3b3b;box-shadow:none}.export-modal__inline-options{display:flex;justify-content:space-around;padding:8px 0}.export-modal__inline-options .export-modal__checkbox{width:48%;margin:0;padding:8px 12px;background:rgba(85,85,85,.1);border-radius:6px;transition:background-color .2s ease}.export-modal__inline-options .export-modal__checkbox:hover{background:rgba(85,85,85,.2)}.export-modal__option-group{display:flex;flex-direction:column;gap:8px;padding:18px;background:rgba(90,37,133,.05);border:1px solid rgba(90,37,133,.15);border-radius:8px;transition:all .2s ease}.export-modal__option-group:hover{background:rgba(90,37,133,.08);border-color:rgba(90,37,133,.25)}.export-modal__option-group .export-modal__checkbox{font-weight:500}.export-modal__option-description{font-size:14px;color:#ddd;line-height:1.4;margin-left:26px;opacity:.9}.export-modal__filename-example{font-size:12px;color:#ddd;margin-top:8px;padding:8px;background:rgba(85,85,85,.3);border-radius:4px;font-family:monospace;opacity:.8}@media(max-width:768px){.export-modal{width:95vw;margin:20px}.export-modal__content,.export-modal__footer,.export-modal__header{padding:15px}.export-modal__checkbox-group,.export-modal__format-grid{grid-template-columns:1fr}.export-modal__footer{flex-direction:column}.export-modal__button{width:100%}.export-modal__option-group{padding:12px;margin-top:10px}.export-modal__option-description{margin-left:22px;font-size:13px}.export-modal__filename-example{font-size:11px;padding:6px}.export-modal__inline-options{flex-direction:column;gap:5px}.export-modal__inline-options .export-modal__checkbox{margin-bottom:5px}}.staff-notation{width:100%;overflow:visible}.staff-notation,.staff-notation__container{display:flex;align-items:center;justify-content:center}.staff-notation__container{overflow:visible!important;max-width:100%;min-width:100%;max-height:340px!important}.staff-notation__svg{display:block;margin:0 auto;max-width:100%;height:auto;overflow:visible}.staff-notation-cell{text-align:center;background:#eee!important;border:0;vertical-align:middle;overflow:visible}@media(max-width:768px){.staff-notation .staff-notation-cell{padding:8px 4px}}@media print{.staff-notation .clef-select{display:none}.staff-notation .staff-notation__svg{max-width:100%;height:auto}}.about-page{display:flex;flex-direction:column;max-width:65%;margin:30px auto;padding:0;min-height:-moz-fit-content;min-height:fit-content}.about-page h1{font-size:32px;margin-bottom:2rem;color:#eee;font-weight:400;text-align:center}.about-page h2{font-size:24px;margin-bottom:1.5rem;margin-top:2rem;color:#eee;font-weight:400}.about-page h3{font-size:18px;margin-bottom:1rem;color:#eee;font-weight:400}.about-page p{font-size:16px;line-height:1.7;color:#eee;text-align:justify;margin-bottom:20px}.about-page section,.about-page ul{margin-bottom:2rem}.about-page ul{padding:0;list-style:none;counter-reset:feature;max-width:80%;text-align:justify;margin-left:auto;margin-right:auto}.about-page ul li{position:relative;line-height:1.5;font-size:16px;color:#eee;padding:18px 24px 15px 52px;transition:background .2s;display:flex;align-items:center}.about-page ul li:before{counter-increment:feature;content:counter(feature);position:absolute;left:0;top:50%;transform:translateY(-50%);font-weight:400;color:#eee;background-color:#5a2585;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:14px;border:0 solid #eee;z-index:1}.about-page ul li:last-child{margin-bottom:0}.about-page .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin:2rem 0}.about-page .feature-card{background-color:rgba(51,51,51,.7);border:1px solid rgba(90,37,133,.3);border-radius:8px;padding:1.5rem;transition:all .3s ease}.about-page .feature-card:hover{border-color:#5a2585;background-color:rgba(51,51,51,.9);transform:translateY(-2px)}.about-page .feature-card h3{color:#d4af37;margin-bottom:1rem;font-size:18px}.about-page .feature-card p{margin-bottom:0;text-align:left;font-size:14px;line-height:1.6}.about-page .highlight{background-color:rgba(131,16,93,.8);color:#eee;font-weight:300;padding:1px 3px;margin:0;border-radius:2px}.about-page strong{font-weight:400;color:#d4af37}.mobile-warning{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;min-height:100vh;min-width:100vw;background:#222;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;box-sizing:border-box;margin:0;overflow:hidden}.mobile-warning__content{max-width:500px;width:100%;text-align:center;background:#333;border-radius:5px;padding:40px 30px;border:1px solid #555;box-shadow:0 20px 15px rgba(0,0,0,.6);margin:0 auto}.mobile-warning__icon{font-size:4rem;margin-bottom:20px;display:block;color:#5a2585}.mobile-warning__title{color:#eee;font-size:2rem;font-weight:300;margin-bottom:20px}.mobile-warning__message{color:#eee;font-size:1.1rem;line-height:1.6;margin-bottom:15px;font-weight:200}.mobile-warning__submessage{color:rgba(238,238,238,.8);font-size:.95rem;line-height:1.5;margin-bottom:30px;font-weight:200}.mobile-warning__features{display:flex;flex-direction:column;gap:12px;align-items:center}.mobile-warning__feature{color:rgba(238,238,238,.9);font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 0;font-weight:200;text-align:center}@media(min-width:1024px){.mobile-warning{display:none}}@media(max-width:480px){.mobile-warning{padding:15px}.mobile-warning__content{padding:30px 20px;border-radius:5px}.mobile-warning__title{font-size:1.5rem}.mobile-warning__message{font-size:1rem}.mobile-warning__submessage{font-size:.9rem}.mobile-warning__feature{font-size:.85rem}.mobile-warning__icon{font-size:3rem}}@media(max-width:1023px){body,html{overflow:hidden;margin:0;padding:0;width:100%;height:100%}body{position:relative}.center-container,.navbar{display:none!important}}.frequency-knob-wrapper{display:flex;flex-direction:column;align-items:center;gap:0;margin:0;padding:0;min-width:80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-weight:400!important}.frequency-knob-wrapper *{font-family:inherit!important;font-weight:inherit!important}.frequency-knob-dial{width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#f0f0f0,#cacaca);border:2px solid #ccc;position:relative;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;box-sizing:border-box;margin-bottom:5px;padding:0}.frequency-knob-dial:hover{background:linear-gradient(145deg,#e8e8e8,#ffffff);border-color:#bbb}.frequency-knob-dial.dragging,.frequency-knob-dial:active{cursor:-webkit-grabbing;cursor:grabbing;background:linear-gradient(145deg,#ddd,#f5f5f5)}.frequency-knob-dial-indicator{position:absolute;top:5%;left:50%;width:2px;height:45%;background:#666;border-radius:2px;transform-origin:bottom center;pointer-events:none;margin:0!important;padding:0!important;border:none!important}.frequency-input-field{font-size:12px!important;font-weight:400!important;text-align:center!important;background:#000!important;border-radius:0!important;width:60px!important;height:20px!important;outline:none!important;border:none!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;-moz-appearance:textfield!important;-webkit-appearance:none!important;appearance:textfield!important}.frequency-input-field,.frequency-input-field:focus{color:#fff!important;background-color:#000!important}.frequency-input-field:focus{box-shadow:none!important}.frequency-input-container{display:flex;align-items:center;justify-content:center;gap:2px;width:60px;height:20px}.frequency-input-container .frequency-input-field{width:42px!important}.frequency-unit-label{font-size:12px;color:#fff;font-weight:400;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.frequency-display-field{font-size:12px;color:#fff;font-weight:400;cursor:pointer;padding:0;border-radius:0;width:60px;height:20px;border:none;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);margin:0!important}.frequency-input-no-spinner::-webkit-inner-spin-button,.frequency-input-no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.frequency-input-no-spinner[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.frequency-knob-wrapper.dragging .frequency-knob-dial-indicator{transition:none}.tuning-system-manager__starting-note .frequency-knob-wrapper{margin-left:0;align-self:flex-start}.tuning-system-manager__starting-note-controls{display:flex;align-items:baseline;gap:0;flex-wrap:wrap}@media(max-width:768px){.frequency-knob-wrapper{min-width:70px}.frequency-knob-dial{width:30px!important;height:30px!important}.frequency-display-field,.frequency-input-field{font-size:13px;padding:0!important}.tuning-system-manager__starting-note-controls{flex-direction:column;align-items:flex-start;gap:0}}.footer{background-color:rgba(0,0,0,.6);color:#eee;padding:20px 22px;box-sizing:border-box;width:102%;max-width:100vw;margin-top:auto;margin-bottom:0}.footer__content{margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}@media(max-width:768px){.footer__content{grid-template-columns:1fr;gap:1.5rem}}.footer__section{display:flex;flex-direction:column;gap:.5rem}.footer__title{font-size:1.25rem;font-weight:400;color:#eee;margin-bottom:.5rem;line-height:1}.footer__subtitle{font-size:1.1rem;font-weight:300;color:#ddd;margin-bottom:.5rem}.footer__description{color:#ddd;line-height:1.5;margin-bottom:.5rem;font-size:14px}.footer__text{color:#ddd;line-height:1.4;margin-bottom:.25rem;font-size:14px}.footer__text:last-child{margin-bottom:0}.footer__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.footer__list-item{margin:0;font-size:14px}.footer__link{color:#d4af37!important;text-decoration:none!important;transition:color .2s ease}.footer__link:hover{color:rgb(230.049382716,208.5802469136,138.950617284)!important;text-decoration:none!important}.footer__link:visited{color:rgb(175.55,155.7302547771,91.45)!important}.footer__logo{margin-top:0}.footer__logo img{max-height:50px;width:auto;filter:brightness(.9);transition:filter .2s ease}.footer__logo img:hover{filter:brightness(1.1)}.footer__bottom{margin:0 auto;padding:1rem 1rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}@media(max-width:768px){.footer__bottom{flex-direction:column;text-align:center;gap:.5rem}}.footer__copyright,.footer__license{font-size:12px;color:#ddd;margin:0;line-height:1}@media(max-width:768px){.footer__license{order:-1}}.landing-page,body{overflow-x:hidden}.landing-page{display:flex;flex-direction:column;max-width:60%;margin:30px auto;padding:0;min-height:-moz-fit-content;min-height:fit-content;box-sizing:border-box}@media(max-width:1200px){.landing-page{max-width:70%}}@media(max-width:992px){.landing-page{max-width:80%}}@media(max-width:768px){.landing-page{max-width:90%;margin:20px auto;padding:0 1rem}}@media(max-width:576px){.landing-page{max-width:95%;margin:15px auto;padding:0 .5rem}}.landing-page h1{font-size:40px;margin-top:20px;margin-bottom:20px;color:#eee;text-align:center;font-weight:400}@media(max-width:768px){.landing-page h1{font-size:32px;margin-top:15px;margin-bottom:15px}}@media(max-width:576px){.landing-page h1{font-size:28px}}.landing-page h2{font-size:24px;margin-bottom:10px;color:#eee;font-weight:300}.landing-page h3{font-size:24px;margin-bottom:40px;color:#eee;font-weight:200;text-align:center}@media(max-width:768px){.landing-page h3{font-size:20px;margin-bottom:30px}}@media(max-width:576px){.landing-page h3{font-size:18px;margin-bottom:25px}}.landing-page p{font-size:16px;line-height:1.7;color:#eee;text-align:justify;margin-bottom:20px}.landing-page ul{padding:0;list-style:none;counter-reset:feature;max-width:80%;text-align:justify;margin-left:auto;margin-right:auto}.landing-page ul li{position:relative;line-height:1.5;font-size:16px;color:#eee;padding:18px 24px 15px 52px;transition:background .2s;display:flex;align-items:center}.landing-page ul li:before{counter-increment:feature;content:counter(feature);position:absolute;left:0;top:50%;transform:translateY(-50%);font-weight:400;color:#eee;background-color:#5a2585;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:14px;border:0 solid #eee;z-index:1}.landing-page.rtl ul li{padding:18px 52px 15px 24px;text-align:right}.landing-page.rtl ul li:before{left:auto;right:0}.landing-page ul li:last-child{margin-bottom:0}.landing-page .highlight{color:#eee;font-weight:400;padding:1px 2px;margin:0}.landing-page .cta-row{margin-bottom:20px}.landing-page .button-row,.landing-page .cta-row{display:flex;gap:12px;justify-content:center;width:100%}.landing-page .button-row{margin-bottom:50px;box-sizing:border-box;flex-wrap:wrap}@media(max-width:768px){.landing-page .button-row{flex-direction:column;gap:8px;margin-bottom:40px}}.landing-page .main-button{display:inline-block;background:#5a2585;color:#eee;font-size:24px;text-align:center;padding:10px 18px;border-radius:0;cursor:pointer;font-weight:500;width:100%}.landing-page .main-button:hover{background:#83105d;transition:background .2s}.landing-page .button{display:flex;flex:1 1;justify-content:center;align-items:center;background:#5a2585;color:#eee;padding:12px 10px;border-radius:0;cursor:pointer;font-weight:500;text-align:center;min-width:0;box-sizing:border-box;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media(max-width:768px){.landing-page .button{flex:1 1 100%;min-width:100%;padding:12px 8px;font-size:14px}}.landing-page .button:hover{background:#83105d;transition:background .2s}a.button,a.main-button{background:none;color:inherit!important;padding:0;border-radius:0;box-shadow:none;text-decoration:none;display:inline}a.button:hover,a.main-button:hover{background:none;box-shadow:none;text-decoration:underline}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin:2rem 0;width:100%;box-sizing:border-box}@media(max-width:768px){.features-grid{grid-template-columns:1fr;gap:1.5rem;margin:1.5rem 0}}@media(max-width:576px){.features-grid{gap:1rem;margin:1rem 0}}.feature-card{background-color:rgba(51,51,51,.7);border:1px solid rgba(90,37,133,.3);border-radius:8px;padding:1.5rem;transition:all .3s ease;box-sizing:border-box;width:100%}@media(max-width:576px){.feature-card{padding:1rem}}.feature-card h3{color:#d4af37;margin-bottom:1rem;font-size:18px;font-weight:400}@media(max-width:576px){.feature-card h3{font-size:16px;margin-bottom:.8rem}}.feature-card p{margin-bottom:0;font-size:14px;line-height:1.6;word-wrap:break-word}@media(max-width:576px){.feature-card p{font-size:13px}}:root{display:flex;justify-content:center;background:linear-gradient(0deg,#222222,#222222);overscroll-behavior:none}html{overflow-y:auto}:focus{outline:0 solid gold}a{color:rgba(238,238,238,.75);text-decoration:underline;transition:color .1s ease-in-out}body{font-family:var(--font-readex-pro),sans-serif;font-weight:200;display:flex;flex-direction:column;align-items:center;min-width:1024px;width:100vw;height:100svh;overscroll-behavior:none;background-color:#333;-webkit-font-smoothing:antialiased;color:#eee}body :not(.staff-notation):not(.staff-notation *):not(.frequency-knob-container):not(.frequency-knob-container *):not(.frequency-knob-headless):not(.frequency-knob-headless *){font-family:inherit}*,:after,:before{margin:0;padding:0;box-sizing:border-box}button{border:none}input,select,textarea{background-color:#000;color:#f0f0f0;border:0;border-radius:5px}input:focus,select:focus,textarea:focus{outline:none;box-shadow:none;background-color:#fff;color:#000}.center-container{background:#222;display:flex;flex-direction:column;align-items:center;overscroll-behavior:none;position:relative;width:100%}.center-container>*{width:100%}.center-container input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border:1px solid rgba(238,238,238,.5);border-radius:0;background-color:rgba(0,0,0,0);cursor:pointer}.center-container input[type=checkbox]:checked{background-color:#d1a400;border-color:#d1a400;position:relative}.center-container input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:10px}.center-container input[type=checkbox]:focus{outline:none}.center-container [dir=rtl] .navbar__bottom-bar{direction:rtl;flex-direction:row-reverse}.center-container [dir=rtl] .navbar__bottom-bar-item:not(:last-child){border-right:none;border-left:1px solid}.center-container [dir=rtl] .navbar__bottom-bar-item:not(:first-child){border-right:1px solid}.center-container [dir=rtl] .navigation-menu-card__content{direction:rtl;text-align:right}.center-container [dir=rtl] .navbar__left-panel,.center-container [dir=rtl] .navbar__right-panel{flex-direction:row-reverse}