@font-face{font-family:Cairo;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/cairo-regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/inter-regular.woff2) format("woff2")}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/amiri-regular.woff2) format("woff2")}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/amiri-bold.woff2) format("woff2")}*{margin:0;padding:0;box-sizing:border-box}button,input,select,textarea{font-family:inherit}@media print{html,body{display:none!important}}body{font-family:Inter,-apple-system,system-ui,Segoe UI,Geeza Pro,sans-serif;background-color:#1a120e;background-image:url(/Images/desert.webp?v=5);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-blend-mode:soft-light;color:#eadbc8;height:100vh;height:100dvh;display:flex;justify-content:stretch;padding:0;margin:0;width:100%;max-width:100vw;overflow-x:hidden;-webkit-text-size-adjust:100%;overscroll-behavior-y:contain;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#app{max-width:100%;width:100%;overflow:hidden;display:flex;flex-direction:column;height:100%}:root{--altarab-version: 114}header{margin-bottom:4px;flex-shrink:0}#header-content{display:flex;align-items:center;gap:8px}#oud-image{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(0,255,136,.3))}#oud-image:hover{filter:drop-shadow(0 0 14px rgba(0,255,136,.6))}header h1{font-size:1.3rem;color:#00e07a;letter-spacing:1px;white-space:nowrap}.title-ar{font-family:Cairo,-apple-system,Geeza Pro,system-ui,sans-serif;font-size:inherit;opacity:1}[dir=rtl] .title-ar{font-size:110%}.pill-ar{font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif}[dir=rtl] .inst-name{display:none}[dir=rtl] .inst-name-ar{display:block!important;font-size:.78rem;color:#aaa}[dir=rtl] .inst-card.active .inst-name-ar{color:#00e07a}[dir=rtl] .title-ar{display:inline}[dir=rtl] .title-en,[dir=rtl] .pill-en{display:none}[dir=rtl] .pill-ar{display:inline}[dir=rtl] .maqam-pill .pill-ar{opacity:1;font-size:inherit}[dir=rtl] .maqam-pill.maqam-parent .pill-ar{font-size:.92rem;font-weight:700}[dir=rtl] .root-pill .pill-ar{display:inline}[dir=rtl] .example-name-en{display:none}[dir=rtl] .example-name-ar{display:block;color:#ccc;font-size:.8rem}[dir=ltr] .inst-name-ar,[dir=ltr] .title-ar,[dir=ltr] .pill-ar,[dir=ltr] .example-name-ar,.title-fr,.title-es,[lang=fr] .title-en,[lang=fr] .title-ar{display:none}[lang=fr] .title-fr{display:inline}[lang=es] .title-en,[lang=es] .title-ar{display:none}[lang=es] .title-es{display:inline}[lang=fr] .title-fr:empty~.title-en{display:inline}[lang=es] .title-es:empty~.title-en{display:inline}.subtitle{display:none}#mode-tabs{display:flex;gap:4px;margin-bottom:4px;background:#16162a80;border-radius:12px;padding:3px;flex-shrink:0}.tab{flex:1;padding:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#888;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease;text-align:center;white-space:nowrap;min-height:40px}.tab:hover{color:#bbb;background:#ffffff14;border-color:#ffffff2e}.tab.active{background:#00e07a1f;color:#00e07a;border-color:#00e07a4d;box-shadow:0 1px 6px #00e07a33}.tab-more-wrap{position:relative;flex:0 0 auto}.tab-more-menu{position:absolute;top:100%;right:0;z-index:1000;min-width:180px;background:#1a1a2e;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:4px;box-shadow:0 8px 24px #00000080;margin-top:4px}.tab-more-item{display:block;width:100%;padding:10px 14px;background:none;border:none;border-radius:8px;color:#aaa;font-size:.82rem;font-weight:600;text-align:start;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.tab-more-item:hover{background:#ffffff14;color:#ddd}.tab-more-item.active{color:#00e07a;background:#00e07a1a}#content-area{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,224,122,.2) transparent}#content-area::-webkit-scrollbar{width:4px}#content-area::-webkit-scrollbar-thumb{background:#00e07a33;border-radius:4px}.mode-panel{display:none;background:#16162ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px;padding:10px 12px;margin-bottom:4px;box-shadow:0 2px 8px #0000004d;animation:panelFadeIn .3s ease}.mode-panel.active{display:block}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] #app-root,[data-theme=light] .spa-main{color:#1a1a2e}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4{color:#1a1a2e!important}[data-theme=light] p,[data-theme=light] span,[data-theme=light] div,[data-theme=light] label{color:inherit}[data-theme=light] .iqaat-panel-standalone,[data-theme=light] .songs-library,[data-theme=light] .scores-view,[data-theme=light] .liveband-view,[data-theme=light] .detector-view,[data-theme=light] .tuner-view,[data-theme=light] .metronome-view,[data-theme=light] .lessons-view,[data-theme=light] .solfege-view,[data-theme=light] .progress-view,[data-theme=light] .instruments-view,[data-theme=light] .maqam-explorer-view,[data-theme=light] .videos-view,[data-theme=light] .forum-view,[data-theme=light] .landing-view{color:#1a1a2e}[data-theme=light] .iqaat-name,[data-theme=light] .section-title,[data-theme=light] h2[style*="color:#00e07a"],[data-theme=light] h2[style*="color: #00e07a"]{color:#008850!important}[data-theme=light] [style*="color:#fff"],[data-theme=light] [style*="color: #fff"],[data-theme=light] [style*="color:white"]{color:#1a1a2e!important}[data-theme=light] [style*="color:rgba(255,255,255"],[data-theme=light] [style*="color: rgba(255,255,255"]{color:#000000b3!important}[data-theme=light] input[type=text],[data-theme=light] input[type=search],[data-theme=light] input[type=number],[data-theme=light] input[type=email],[data-theme=light] input[type=password],[data-theme=light] textarea,[data-theme=light] select{background:#0000000a!important;color:#1a1a2e!important;border-color:#00000026!important}[data-theme=light] select option{background:#f5f3ef;color:#1a1a2e}[data-theme=light] select optgroup{background:#eae7e0;color:#008850}[data-theme=light] input::placeholder{color:#0006!important}[data-theme=light] .iqaat-fills-btn,[data-theme=light] .iqaat-demo-btn{border-color:#0003!important;color:#333!important}[data-theme=light] .iqaat-fills-btn.active{background:#c8a85026!important;color:#9a7a20!important;border-color:#c8a850!important}[data-theme=light] .iqaat-demo-btn.active{background:#00a05026!important;color:#008850!important;border-color:#00a060!important}[data-theme=light] .lb-badge-maqam{background:#00a0501f!important;color:#008850!important}[data-theme=light] .lb-badge-iqaa{background:#a080281f!important;color:#9a7a20!important}[data-theme=light] .lb-song-item,[data-theme=light] .song-card,[data-theme=light] .score-card{background:#00000008!important;border-color:#00000014!important}[data-theme=light] .lb-song-item:hover,[data-theme=light] .song-card:hover{background:#0000000f!important}[data-theme=light] .lb-song-item-title,[data-theme=light] .song-title{color:#1a1a2e!important}[data-theme=light] .lb-song-item-sub,[data-theme=light] .song-artist{color:#00000080!important}[data-theme=light] .songs-library input[type=text],[data-theme=light] .songs-library input[type=search]{background:#0000000a!important;color:#1a1a2e!important;border-color:#00000026!important}[data-theme=light] .songs-library input::placeholder{color:#00000059!important}[data-theme=light] .songs-library select{background:#0000000a!important;color:#1a1a2e!important;border-color:#0000001f!important}[data-theme=light] .songs-library button{color:#333!important;border-color:#0000001f!important;background:#00000008!important}[data-theme=light] .songs-library label{color:#00000080!important}[data-theme=light] .songs-library [style*="color:rgba(255,255,255"]{color:#0009!important}[data-theme=light] .songs-library [style*="color:#fff"]{color:#1a1a2e!important}[data-theme=light] .songs-library [style*="color:#ddd"]{color:#333!important}[data-theme=light] .songs-library [style*="color:#e8c860"]{color:#8a6d20!important}[data-theme=light] .songs-library [style*="background:rgba(255,255,255"]{background:#0000000a!important}[data-theme=light] .songs-library [style*="border:1px solid rgba(255,255,255"]{border-color:#0000001f!important}[data-theme=light] .fb-chip{background:#0000000d!important;color:#444!important;border-color:#0000001f!important}[data-theme=light] .fb-chip:hover{background:#0000001a!important;color:#1a1a2e!important}[data-theme=light] .fb-chip.fb-chip-active{background:#b48c2826!important;color:#8a6d20!important;border-color:#b48c2866!important}[data-theme=light] .fb-chip.fb-chip-maqam{border-color:#6450b433!important}[data-theme=light] .fb-chip.fb-chip-maqam.fb-chip-active{background:#6450b41f!important;color:#5a48a0!important;border-color:#6450b466!important}[data-theme=light] #fb-chips [style*="color:rgba(255,255,255"]{color:#00000080!important}[data-theme=light] #fb-count{color:#0000004d!important}[data-theme=light] #fb-adv-toggle{color:#555!important;border-color:#0000001f!important;background:#00000008!important}[data-theme=light] #fb-advanced{background:#00000008!important;border-color:#0000001a!important}[data-theme=light] #fb-active-filter [style*="background:rgba(200,168,80"]{background:#b48c281a!important;border-color:#b48c2840!important}[data-theme=light] #fb-active-filter [style*="color:#e8c860"]{color:#8a6d20!important}[data-theme=light] .sc-card.sc-grid{background:#00000008!important;border-color:#0000001a!important}[data-theme=light] .sc-card.sc-grid:hover{background:#0000000f!important;border-color:#00a0504d!important}[data-theme=light] .sc-card.sc-grid.sc-playing{border-color:#00a060!important;background:#00a0500f!important}[data-theme=light] .sc-card.sc-compact{background:#00000008!important;border-color:#00000014!important}[data-theme=light] .sc-card.sc-compact:hover{background:#0000000f!important}[data-theme=light] .sc-title{color:#1a1a2e!important}[data-theme=light] .sc-title-ar,[data-theme=light] .sc-artist{color:#00000080!important}[data-theme=light] .sc-maqam-tag{color:#00805a!important}[data-theme=light] .sc-badge{background:#0000000f!important;color:#555!important}[data-theme=light] .sc-badge-genre{background:#00a05014!important;color:#00805a!important}[data-theme=light] .sc-duration{color:#0006!important}[data-theme=light] .sc-play-btn{border-color:#00a0504d!important;background:#00a05014!important;color:#00805a!important}[data-theme=light] .sc-play-btn:hover{background:#00a05026!important;border-color:#00a060!important}[data-theme=light] .sc-play{color:#555!important}[data-theme=light] .sc-edit-btn{color:#0006!important}[data-theme=light] .sc-del-btn{color:#c83c3c80!important}[data-theme=light] .sc-cover{background:#0000000f!important}[data-theme=light] .sc-no-audio{opacity:.5}[data-theme=light] .iqaat-perc-btn{background:#0000000a!important;border-color:#0000001a!important}[data-theme=light] .iqaat-perc-btn span{color:#333!important}[data-theme=light] .iqaat-perc-btn.active{background:#00a0501a!important;border-color:#00a060!important}[data-theme=light] .iqaat-perc-btn.active span{color:#008850!important}[data-theme=light] .inst-btn{background:#0000000a!important;border-color:#0000001a!important}[data-theme=light] .inst-btn span,[data-theme=light] .inst-btn .inst-label{color:#333!important}[data-theme=light] .inst-btn.active{background:#00a0501a!important;border-color:#00a060!important}[data-theme=light] .inst-btn.active span{color:#008850!important}[data-theme=light] .iv-family-pill{color:#333!important;border-color:#0003!important;background:#0000000a!important}[data-theme=light] .iv-family-pill.active{background:#00a0501f!important;border-color:#00a060!important;color:#006838!important}[data-theme=light] .iv-branch-pill{color:#444!important;border-color:#0000001f!important;background:#00000008!important}[data-theme=light] .iv-branch-pill.active{background:#00a0501a!important;border-color:#00a060!important;color:#006838!important}[data-theme=light] .iv-iraqi-pill{color:#555!important;border-color:#0000001f!important;background:#00000008!important}[data-theme=light] .inst-card{background:#00000008!important;border-color:#0000001a!important}[data-theme=light] .inst-card.active{background:#00a05014!important;border-color:#00a060!important}[data-theme=light] .inst-card .inst-name{color:#333!important}[data-theme=light] .inst-card.active .inst-name{color:#006838!important}[data-theme=light] .inst-grid{background:#00000005!important;border-color:#0000001a!important}[data-theme=light] .iv-action-btn{color:#8a6d20!important;border-color:#00000026!important;background:#00000008!important}[data-theme=light] .transpose-btn{color:#333!important;border-color:#00000026!important;background:#00000008!important}[data-theme=light] .transpose-btn.active{color:#006838!important;border-color:#00a060!important;background:#00a0501a!important}[data-theme=light] #maqam-keyboard-container{background:#f0ede8!important;border-color:#0000001a!important;box-shadow:0 2px 12px #00000014!important}[data-theme=light] .maqam-keyboard.oriental-kb{background:#e8e5e0!important}[data-theme=light] .mk-key.mk-accidental{background:linear-gradient(180deg,#333,#1a1a1a)!important}[data-theme=light] .mk-key.mk-quarter{background:linear-gradient(180deg,#7a5a28,#5a4018)!important}[data-theme=light] #iv-oud,[data-theme=light] #iv-qanoon,[data-theme=light] #iv-piano{background:var(--bg-app, #f5f3ef)!important;border-radius:12px}[data-theme=light] .maqam-note,[data-theme=light] .scale-note{color:#1a1a2e!important}[data-theme=light] .maqam-select,[data-theme=light] .maqam-dropdown{background:#0000000a!important;color:#1a1a2e!important;border-color:#00000026!important}[data-theme=light] .sol-note{border-color:#0003!important}[data-theme=light] .iqaa-dot{border-color:#00000026!important}[data-theme=light] .iqaa-syllable{color:#555!important}[data-theme=light] .iqaa-pulse.active .iqaa-syllable{color:#1a1a2e!important}[data-theme=light] .lb-karaoke-toggle{background:#00a05014!important;border-color:#00a0504d!important;color:#008850!important}[data-theme=light] .lb-filter-select{background:#0000000a!important;color:#1a1a2e!important;border-color:#00000026!important}[data-theme=light] .lb-active-filter-tag{background:#00a0501a!important;color:#008850!important}[data-theme=light] .lb-song-count{color:#0006!important}[data-theme=light] .filter-chip,[data-theme=light] .maqam-chip{background:#0000000f!important;color:#333!important;border-color:#0000001f!important}[data-theme=light] .filter-chip.active,[data-theme=light] .maqam-chip.active{background:#00a0501f!important;color:#008850!important;border-color:#00a060!important}[data-theme=light] .iqaat-play-btn{background:linear-gradient(135deg,#00c06a,#00a060)!important}[data-theme=light] input[type=range]{background:#0000001f!important}[data-theme=light] .iqaat-description,[data-theme=light] .iqaat-time-sig,[data-theme=light] .iqaat-pads-hint,[data-theme=light] .iqaat-pads-title{color:#666!important}[data-theme=light] .forum-category-name,[data-theme=light] .forum-title{color:#008850!important}[data-theme=light] .forum-desc,[data-theme=light] .progress-label,[data-theme=light] .progress-stat-label{color:#555!important}[data-theme=light] .lesson-card{background:#00000008!important;border-color:#00000014!important}[data-theme=light] .lesson-title{color:#1a1a2e!important}[data-theme=light] .lesson-desc{color:#555!important}[data-theme=light] .level-badge,[data-theme=light] .video-title,[data-theme=light] .video-channel,[data-theme=light] .detect-song-item{color:#1a1a2e!important}[data-theme=light] .drum-canvas-container{border-color:#0000001f!important}[data-theme=light] .tuner-note-name,[data-theme=light] .metro-bpm{color:#1a1a2e!important}[data-theme=light] .metro-panel{background:#0000000a!important;border-color:#0000001a!important}[data-theme=light] .staff-line{border-color:#0003!important}[data-theme=light] kbd{background:#00000014!important;color:#333!important;border-color:#0003!important}[data-theme=light] .iqaat-name-ar{color:#666!important}[data-theme=light] .control-row label{color:#555!important}[data-theme=light] .coupon-overlay{background:#0000004d}[data-theme=light] .coupon-box{background:#fff!important;border-color:#0000001a!important;box-shadow:0 8px 32px #00000026!important;color:#1a1a2e!important}[data-theme=light] .coupon-box h2,[data-theme=light] .coupon-box h3,[data-theme=light] .coupon-box .auth-title{color:#1a1a2e!important}[data-theme=light] .coupon-box p,[data-theme=light] .coupon-box span,[data-theme=light] .coupon-box label,[data-theme=light] .coupon-box div{color:#333!important}[data-theme=light] .auth-input{background:#f5f3ef!important;color:#1a1a2e!important;border-color:#00000026!important}[data-theme=light] .auth-input::placeholder{color:#999!important}[data-theme=light] .auth-input:focus{border-color:#00b060!important;box-shadow:0 0 0 2px #00b06026!important}[data-theme=light] .auth-divider{color:#999!important}[data-theme=light] .coupon-box button{color:#333!important;border-color:#0000001f!important;background:#00000008!important}[data-theme=light] .coupon-box button:hover{background:#0000000f!important}[data-theme=light] .coupon-box .coupon-submit-btn,[data-theme=light] .coupon-box .auth-submit-btn{color:#fff!important;background:linear-gradient(135deg,#00c070,#00a060)!important}[data-theme=light] #license-error{color:#d32f2f!important}[data-theme=light] .coupon-box a{color:#00a060!important}[data-theme=light] .coupon-box svg path{fill:#333}[data-theme=light] .lb-lyrics-container{background:linear-gradient(180deg,#00000005,#0000000f,#00000005)!important}[data-theme=light] .lb-lyrics-container .f-line{color:#0003!important}[data-theme=light] .lb-lyrics-container .f-line.f-active{color:#008850!important;background:#00885014!important;text-shadow:none!important}[data-theme=light] .lb-lyrics-container .f-line.f-past{color:#00000073!important}[data-theme=light] .lb-lyrics-container .f-line.f-upcoming{color:#0000002e!important}[data-theme=light] .lb-lyrics-container .lyrics-display{color:#1a1a2e!important}[data-theme=light] .lb-lyrics-container .lyrics-line.active{color:#008850!important;text-shadow:none!important}[data-theme=light] .lb-lyrics-container .lyrics-line{color:#0000004d!important}[data-theme=light] .lb-lyrics-container .k-active{color:#008850!important;text-shadow:none!important}[data-theme=light] .lb-lyrics-container .k-prev,[data-theme=light] .lb-lyrics-container .k-next{color:#0000004d!important}[data-theme=light] .score-browser-header,[data-theme=light] .score-viewer-header{background:linear-gradient(135deg,#e8e4dc,#f0ede6)!important}[data-theme=light] .score-scale-bar{background:#e8e4dc!important;color:#1a1a2e!important}[data-theme=light] .score-viewer-controls{background:#ede9e1!important;color:#1a1a2e!important;border-color:#00000014!important}[data-theme=light] .score-browser-header *,[data-theme=light] .score-viewer-header *,[data-theme=light] .score-scale-bar *,[data-theme=light] .score-viewer-controls *{color:#1a1a2e!important}[data-theme=light] .score-browser-header input,[data-theme=light] .score-viewer-header input,[data-theme=light] .score-viewer-controls input,[data-theme=light] .score-browser-header select,[data-theme=light] .score-viewer-header select,[data-theme=light] .score-viewer-controls select{background:#fff!important;color:#1a1a2e!important;border-color:#00000026!important}[data-theme=light] .score-browser-header button,[data-theme=light] .score-viewer-header button,[data-theme=light] .score-viewer-controls button{color:#1a1a2e!important;border-color:#00000026!important}[data-theme=light] .score-viewer-controls svg,[data-theme=light] .score-browser-header svg,[data-theme=light] .score-viewer-header svg{fill:#1a1a2e!important}[data-theme=light] .play-scale-btn{background:#008850!important}[data-theme=light] .play-scale-btn svg{fill:#fff!important}[data-theme=light] .score-browser-close{color:#008850!important;background:#0088501a!important;border-color:#00885040!important}[data-theme=light] .style-select{background:#fff!important;color:#1a1a2e!important;border-color:#00000026!important}.eval-pulse-display{display:flex;align-items:center;gap:6px;padding:4px 8px;flex-wrap:wrap}.eval-pulse-dot{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:6px;font-size:.7rem;font-weight:700;color:#fff;transition:transform .1s,box-shadow .1s}.eval-pulse-dot.active{transform:scale(1.25);box-shadow:0 0 10px currentColor}[data-theme=light] .eval-pulse-dot{color:#fff}.sv-pulse-display .eval-pulse-dot{min-width:22px;height:22px;font-size:.6rem}.score-viewer-controls .inst-selected-label img{max-height:28px!important}#scale-keyboard{display:flex;gap:4px;margin-bottom:6px;justify-content:center}.scale-key{width:52px;height:44px;border-radius:8px;background:#22224480;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.6rem;color:#888;transition:background .15s,border-color .15s,color .15s}.scale-key .key-note{font-weight:600;font-size:.95rem;line-height:1}.scale-key .key-degree{font-size:.8rem;opacity:.6;line-height:1}.scale-key.active{background:#032;border-color:#00e07a;color:#00e07a}#maqam-scale-section{background:#16162ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:10px;padding:4px 8px;margin-bottom:2px;box-shadow:0 2px 8px #0000004d}#pitch-section{background:#1a1a2ed9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px;padding:10px 12px;margin-bottom:8px;box-shadow:0 2px 8px #0000004d}.pitch-details{margin-bottom:4px}.pitch-details>summary{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#16162a99;border-radius:10px;color:#888;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s;list-style:none;user-select:none}.pitch-details>summary::-webkit-details-marker{display:none}.pitch-details>summary:before{content:"▸";font-size:.7rem;transition:transform .2s ease}.pitch-details[open]>summary:before{transform:rotate(90deg)}.pitch-details>summary:hover{background:#16162ad9;color:#bbb}.pitch-details[open]>summary{color:#00e07a;margin-bottom:6px}#pitch-status{display:flex;gap:8px;font-size:.65rem;font-family:monospace;color:#555;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.05)}.maqam-label{font-size:.75rem;font-weight:700;color:#00e07a;white-space:nowrap}#pitch-info{display:flex;gap:10px;align-items:baseline;margin-bottom:4px;flex-wrap:wrap}#maqam-detect-bar{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#00e07a14;border-radius:8px;margin-bottom:4px;font-size:.8rem}#detected-maqam{flex:1;font-weight:600;color:#00e07a}.detect-apply-btn{padding:3px 10px;border-radius:6px;border:1px solid #00e07a;background:transparent;color:#00e07a;cursor:pointer;font-size:.75rem}.detect-apply-btn:hover:not(:disabled){background:#00e07a;color:#0d0d1a}.detect-apply-btn:disabled{opacity:.4;cursor:default}.detect-reset-btn{padding:3px 8px;border-radius:6px;border:1px solid #666;background:transparent;color:#999;cursor:pointer;font-size:.75rem}.detect-reset-btn:hover{background:#ffffff1a}#staff-notation-container{margin:4px 0;background:#fff;border-radius:10px;overflow:hidden}.taq-staff-notation #staff-notation-render{max-height:180px}#staff-notation-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;font-size:.8rem;font-weight:600;color:#333;background:#00000008}#staff-notation-render{max-height:320px;overflow-y:auto;overflow-x:hidden;padding:4px}#staff-notation-render svg{display:block;margin:0 auto}.notation-btn{padding:3px 10px;border-radius:6px;border:1px solid #666;background:transparent;color:#999;cursor:pointer;font-size:.7rem}.notation-btn:hover{background:#ffffff1a;color:#fff}.notation-toggle-btn{padding:2px 8px;border-radius:6px;border:1px solid rgba(0,224,122,.3);background:transparent;color:#00e07a;cursor:pointer;font-size:.9rem;line-height:1}.notation-toggle-btn:hover{background:#00e07a26}.notation-toggle-btn.active{background:#00e07a33;border-color:#00e07a}.learn-style-btn{padding:4px 8px;border-radius:8px;border:1px solid rgba(0,224,122,.3);background:transparent;color:#00e07a;cursor:pointer;font-size:1rem;line-height:1}.learn-style-btn:hover{background:#00e07a26}.learn-style-btn.recording{background:#ff3c3c33;border-color:#f44;color:#f44;animation:pulse-red 1s infinite}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.6}}#style-learn-panel{margin-top:8px;padding:10px;background:#16162ae6;border:1px solid rgba(0,224,122,.2);border-radius:10px}.learn-panel-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#00e07a;margin-bottom:6px;font-size:.85rem}.learn-hint{font-size:.72rem;color:#888;margin-bottom:8px;line-height:1.4}.learn-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.learn-action-btn{padding:0;width:36px;height:36px;border-radius:50%;border:1px solid #00e07a;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#00e07a;cursor:pointer;font-size:.75rem}.learn-action-btn:hover:not(:disabled){background:#00e07a;color:#0d0d1a}.learn-action-btn:disabled{opacity:.4;cursor:default}.learn-status{font-size:.72rem;color:#aaa}.learn-stats{font-size:.72rem;color:#bbb;padding:6px 0}.learn-save-row{display:flex;gap:6px;align-items:center;margin-top:6px}.learn-name-input{flex:1;padding:5px 8px;border-radius:6px;border:1px solid #444;background:#ffffff0f;color:#ddd;font-size:.75rem}#note-name{font-size:1.4rem;font-weight:700;color:#00e07a;min-width:50px;transition:color .2s}#note-name.silent{color:#444}#degree-label{font-size:.85rem;color:#aaa}#freq-display{font-size:.75rem;color:#666;font-family:monospace}#transpose-display{font-size:.75rem;color:orange;font-family:monospace;margin-inline-start:auto}#maqam-scale-canvas{width:100%;max-width:100%;height:120px;border-radius:8px;display:block;background:#0f0f22;margin-bottom:4px}#pitch-canvas{width:100%;max-width:100%;height:80px;border-radius:6px;display:block}.scores-hero,.songs-header,.iqaat-panel-standalone>.ctx-help-btn:first-child{text-align:start}.scores-hero h2,.songs-header h2{font-size:.95rem;margin:0;display:inline}.ctx-help-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid rgba(200,168,80,.4);background:#c8a8501a;color:#c8a850;font-size:.7rem;font-weight:700;cursor:pointer;vertical-align:middle;margin-inline-start:6px;padding:0;line-height:1;flex-shrink:0}.ctx-help-btn:hover{background:#c8a85033}.ctx-help-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.ctx-help-card{background:#1a1a2e;border:1px solid rgba(200,168,80,.3);border-radius:14px;padding:20px;max-width:420px;width:100%;max-height:80vh;overflow-y:auto;color:#ddd;font-size:.85rem;line-height:1.5}.ctx-help-close{float:right;background:none;border:none;color:#888;font-size:1.4rem;cursor:pointer;padding:0 4px;line-height:1}.ctx-help-close:hover{color:#fff}.ctx-help-body b{color:#c8a850}.control-row{display:flex;gap:8px;margin-bottom:6px;flex-wrap:wrap;align-items:center}.control-row:last-child{margin-bottom:0}.control-group{flex:1;min-width:100px}.control-group label{display:block;font-size:.7rem;color:#999;margin-bottom:2px}select,input[type=range]{width:100%;max-width:100%}select{background:#1e1e37;color:#e0e0e0;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 10px;font-size:.82rem;cursor:pointer;min-height:36px;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;color-scheme:dark}select option,select optgroup{background:#1e1e37;color:#e0e0e0}select:focus{border-color:#00e07a;box-shadow:0 0 0 2px #00e07a26;outline:none}input[type=range]{-webkit-appearance:none;appearance:none;height:6px;background:#333;border-radius:3px;outline:none;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:#00e07a;border-radius:50%;cursor:pointer;border:2px solid #0d0d1a}input[type=range]::-moz-range-thumb{width:22px;height:22px;background:#00e07a;border-radius:50%;cursor:pointer;border:2px solid #0d0d1a}button{padding:8px 16px;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s,box-shadow .2s;min-height:36px}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}#start-btn,#karaoke-play-toggle{background:linear-gradient(135deg,#00e07a,#00c06a);color:#0d0d1a;box-shadow:0 2px 6px #00e07a33}#karaoke-play-toggle{width:42px;height:42px;padding:0;border-radius:50%;font-size:1.2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}#karaoke-play-toggle.playing,#start-btn.active{background:linear-gradient(135deg,#f44,#d33);color:#fff;box-shadow:0 2px 6px #f443}#karaoke-pause{background:linear-gradient(135deg,orange,#e89500);color:#0d0d1a;box-shadow:0 2px 6px #ffa50033}.file-row{gap:8px}.file-group{flex:1;min-width:180px}.file-group label{display:block;font-size:.7rem;color:#999;margin-bottom:2px}.file-group input[type=file]{width:100%;font-size:.75rem;color:#ccc;padding:3px 0}.file-group input[type=file]::file-selector-button{background:#224;color:#e0e0e0;border:1px solid #444;border-radius:4px;padding:6px 10px;font-size:.7rem;cursor:pointer;margin-inline-end:6px;min-height:32px}.file-name{display:block;font-size:.65rem;color:#666;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-maqam-badge{display:inline-block;font-size:.7rem;color:#00e07a;background:#00e07a1a;border:1px solid rgba(0,224,122,.25);border-radius:12px;padding:2px 10px;margin-top:4px;animation:maqamPulse 2s ease-in-out infinite}@keyframes maqamPulse{0%,to{opacity:.85}50%{opacity:1}}.identify-song-btn{font-size:.65rem;color:#00b4d8;background:#00b4d81a;border:1px solid rgba(0,180,216,.3);border-radius:10px;padding:2px 10px;cursor:pointer;margin-top:4px;transition:background .2s}.identify-song-btn:hover{background:#00b4d833}.identify-song-btn:disabled{opacity:.5;cursor:default}.song-recognition-result{font-size:.65rem;color:#ffb703;margin-top:4px;display:block}.sl-live-maqam{font-size:.7rem;color:#00e07a;background:#00e07a1a;border:1px solid rgba(0,224,122,.2);border-radius:10px;padding:2px 8px;margin-inline-start:auto;white-space:nowrap}.time-display{font-family:monospace;font-size:.8rem;color:#aaa;margin-inline-start:auto}.toggle-label{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#aaa;cursor:pointer;min-height:36px}.toggle-label input[type=checkbox]{width:20px;height:20px;accent-color:#00e07a;cursor:pointer}.lyrics-sync-row{display:flex;align-items:center;gap:8px;padding:6px 12px;margin:4px 0;background:#0a0a1a66;border-radius:8px;font-size:.8rem;color:#ffffffb3}.lyrics-sync-row label{white-space:nowrap;font-size:.75rem;min-width:70px}.lyrics-sync-row input[type=range]{flex:1;height:4px}.lyrics-sync-row span{font-size:.75rem;min-width:30px;text-align:end;color:#00e07a}#lyrics-container{max-height:200px;overflow-y:auto;margin:6px 0;padding:10px 12px;background:#0a0a1a99;border-radius:12px;border:1px solid rgba(255,255,255,.04);scroll-behavior:smooth;-webkit-overflow-scrolling:touch}#lyrics-container:empty{display:none}.lyric-line{padding:5px 8px;font-size:.95rem;color:#444;border-radius:4px;transition:color .3s,background .3s,font-size .3s,opacity .3s;line-height:1.5;margin-bottom:2px}.lyric-line.past{color:#666;opacity:.7}.lyric-line.active{color:#fff;background:#00ff8814;font-size:1.05rem;font-weight:600;padding:6px 10px}.lyric-line.upcoming{color:#888;opacity:.9}.lyric-word{transition:color .15s ease}.lyric-line.active .lyric-word{color:#556}.lyric-line.active .lyric-word.sung{color:#00e07a;text-shadow:0 0 8px rgba(0,255,136,.4)}.lyric-line.past .lyric-word{color:#666}.lyric-line.past .lyric-word.sung{color:#666;text-shadow:none}.lyric-line.full-upcoming{color:#aaa;opacity:.85}.lyric-line.full-past{color:#666;opacity:.6}.lyric-line.full-active{color:#fff;font-weight:600;background:#00e07a0f;border-inline-start:3px solid #00e07a;padding-inline-start:10px}.lyrics-mode-toggle{display:inline-flex;gap:0;border-radius:4px;overflow:hidden;border:1px solid #333;margin-inline-start:8px}.lyrics-mode-btn{padding:3px 10px;font-size:.65rem;border:none;background:#112;color:#666;cursor:pointer;min-height:24px}.lyrics-mode-btn.active{background:#00e07a;color:#0d0d1a;font-weight:600}#pdf-container{margin:6px 0;text-align:center;min-height:0}#pdf-container:empty{display:none}.pdf-canvas{max-width:100%;border-radius:6px;background:#fff;cursor:pointer}.pdf-page-label{font-size:.65rem;color:#666;margin-top:4px}.karaoke-hero{text-align:center;padding:8px 4px 6px}.hero-text{font-size:.8rem;color:#00e07a;font-weight:600;letter-spacing:.5px}.hero-ar{font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif;font-size:.85rem;color:#00cc6a;opacity:.8;margin-top:2px}.karaoke-search-bar{margin-bottom:6px}.karaoke-search-bar input[type=text]{font-size:16px;padding:10px 12px;min-height:44px}.karaoke-search-bar button{min-height:44px;padding:10px 18px;font-size:.85rem}.search-bar{display:flex;gap:4px}.search-bar input[type=text]{flex:1;background:#2249;color:#e0e0e0;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 12px;font-size:16px;min-height:40px;transition:border-color .2s,box-shadow .2s}.search-bar input[type=text]:focus{border-color:#00e07a;box-shadow:0 0 0 2px #00e07a26;outline:none}.search-bar button{padding:8px 14px;font-size:.8rem;background:linear-gradient(135deg,#00e07a,#00c06a);color:#0d0d1a;min-height:40px;border-radius:10px;box-shadow:0 2px 6px #00e07a33}#search-results,#stored-songs-list{max-height:40vh;overflow-y:auto;margin-bottom:6px;-webkit-overflow-scrolling:touch}#search-results:empty,#stored-songs-list:empty{display:none}.search-result-item,.stored-song-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;cursor:pointer;transition:background .15s;font-size:.78rem;color:#ccc;border-bottom:1px solid #1a1a2e;min-height:48px}.search-result-item:hover,.stored-song-item:hover{background:#1a1a3a}.search-result-item:active,.stored-song-item:active{background:#224}.search-result-item .result-name,.stored-song-item .stored-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-item .result-artist,.stored-song-item .stored-artist{font-size:.7rem;color:#777;white-space:nowrap}.search-result-item .result-source{font-size:.6rem;color:#555;text-transform:uppercase;background:#222;padding:1px 4px;border-radius:3px}.search-result-item .result-badges{display:flex;gap:2px}.badge{font-size:.65rem;padding:2px 5px;border-radius:3px;text-transform:uppercase;font-weight:600}.badge-midi{background:#032;color:#00e07a}.badge-audio{background:#220;color:#fa0}.badge-lyrics{background:#202;color:#f8f}.badge-youtube{background:#300;color:#f44}.badge-soundcloud{background:#320;color:#f60}.external-player-container{margin:6px 0;border-radius:10px;overflow:hidden;background:#16162a99}.external-player-container iframe{display:block;width:100%;border:none;border-radius:10px}.result-artwork{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0}.stored-song-item .result-artwork{width:36px;height:36px}.result-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.result-info .result-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-info .result-artist{font-size:.65rem;color:#777}.result-download-btn,.result-play-btn,.result-save-btn{padding:6px 10px;font-size:.75rem;border-radius:6px;border:none;cursor:pointer;font-weight:600;flex-shrink:0;min-height:32px;min-width:32px}.result-download-btn{background:#00e07a;color:#0d0d1a}.result-play-btn{background:#0af;color:#fff;font-size:.9rem;padding:6px 12px;border-radius:50%;min-width:36px;min-height:36px}.result-save-btn{background:transparent;color:#00e07a;border:1px solid #00e07a;font-size:.85rem;padding:4px 8px;border-radius:4px}.result-save-btn:disabled{border-color:#555;color:#555}.accomp-label{font-size:.72rem;color:#888;margin-bottom:4px;display:block}.inst-grid{display:flex;gap:6px;margin-bottom:8px;padding:10px;background:#0c0e1cb3;border:1px solid rgba(255,255,255,.15);border-radius:14px;box-shadow:0 2px 12px #0000004d,inset 0 1px #ffffff0a}.inst-grid .inst-card{flex:1 1 0;min-width:0}.iv-inst-pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:8px;padding:6px 0}.iv-inst-pill{padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff9;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.iv-inst-pill:hover{background:#00e07a14;border-color:#00e07a40;color:#fff}.iv-inst-pill.active{background:#00e07a26;border-color:#00e07a;color:#00e07a;box-shadow:0 0 8px #00e07a33}.inst-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0;background:#12122a80;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;transition:all .2s ease;overflow:hidden;height:108px}.inst-card:hover{background:#1a1a3acc;border-color:#ffffff1a}.inst-card:active{transform:scale(.95)}.inst-card.active{background:#00e07a14;border-color:#00e07a;box-shadow:0 0 10px #00e07a26}.inst-icon{width:100%;height:79px;opacity:.9;transition:opacity .2s;object-fit:contain}.inst-card:hover .inst-icon,.inst-card.active .inst-icon{opacity:1}.inst-name{font-size:.7rem;font-weight:600;color:#777;line-height:1}.inst-name-ar{font-size:.65rem;color:#555;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif;line-height:1}.inst-card.active .inst-name{color:#00e07a}.inst-card.active .inst-name-ar{color:#00cc6a}.inst-selected-label{display:flex;align-items:center;gap:10px;padding:6px 12px;margin:6px 0}.inst-label-icon{width:36px;height:36px;object-fit:contain}.inst-label-name{font-size:1.1rem;font-weight:700;color:#00e07a}.inst-label-name-secondary{font-size:.85rem;color:#888;margin-inline-start:6px}[dir=rtl] .inst-label-name-secondary{margin-inline-start:0;margin-inline-end:6px}#accomp-controls{gap:8px;padding:2px 0}.stored-song-item .stored-delete{color:#f44;cursor:pointer;font-size:1rem;padding:4px 6px;opacity:.5;transition:opacity .15s;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.stored-song-item .stored-delete:hover,.stored-song-item .stored-delete:active{opacity:1}.search-loading{text-align:center;padding:12px;color:#888;font-size:.78rem}.section-label{font-size:.7rem;color:#666;padding:4px 0 2px;border-bottom:1px solid #222;margin-bottom:2px}.advanced-section{margin-top:6px;margin-bottom:6px}.advanced-section>summary{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#16162a99;border-radius:10px;color:#888;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s;list-style:none;user-select:none}.advanced-section>summary::-webkit-details-marker{display:none}.advanced-section>summary:before{content:"▸";font-size:.7rem;transition:transform .2s ease}.advanced-section[open]>summary:before{transform:rotate(90deg)}.advanced-section>summary:hover{background:#16162ad9;color:#bbb}.advanced-section[open]>summary{color:#00e07a;margin-bottom:8px}#audio-source-panel,#midi-source-panel{margin-bottom:4px}.info-text{font-size:.7rem;color:#888;padding:2px 0}.info-text:empty{display:none}#song-library{background:#112;border-radius:6px;padding:8px;margin-bottom:6px}#song-library:empty{display:none}.library-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.library-header h3{font-size:.8rem;color:#aaa;margin:0;flex:1}#library-search{background:#224;color:#e0e0e0;border:1px solid #333;border-radius:4px;padding:6px 8px;font-size:16px;width:150px;min-height:34px}#library-search:focus{border-color:#00e07a;outline:none}.song-list{max-height:150px;overflow-y:auto;-webkit-overflow-scrolling:touch}.song-item{display:flex;align-items:center;gap:6px;padding:8px 6px;border-radius:4px;cursor:pointer;transition:background .15s;font-size:.78rem;color:#ccc;min-height:40px}.song-item:hover{background:#1a1a3a}.song-item:active{background:#224}.song-item.active{background:#032;color:#00e07a}.song-item .song-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-item .song-type{font-size:.65rem;color:#666;text-transform:uppercase}.song-item .song-remove{color:#f44;cursor:pointer;font-size:1rem;padding:4px 6px;opacity:.5;transition:opacity .15s;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.song-item .song-remove:hover,.song-item .song-remove:active{opacity:1}#error-banner{display:none;flex-shrink:0}#error-banner.visible{display:block}#bottom-bar{display:flex;align-items:center;gap:8px;background:#16162ab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:6px 10px;margin-top:4px;flex-wrap:wrap;box-shadow:0 1px 4px #0003;flex-shrink:0}#recording-controls{display:flex;align-items:center;gap:4px;white-space:nowrap}.rec-btn{padding:6px 12px;font-size:.75rem;border-radius:4px;cursor:pointer;border:1px solid #444;background:#1a1a2e;color:#ccc;min-height:34px}.rec-btn:disabled{opacity:.4;cursor:not-allowed}#rec-start{border-color:#c33;color:#f44}#rec-start:hover:not(:disabled){background:#2a1a1a}.rec-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#444;vertical-align:middle}.rec-dot.recording{background:#f44;animation:rec-pulse 1s infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.3}}.rec-timer{font-family:monospace;color:#888;font-size:.75rem}.rec-list{max-height:120px;overflow-y:auto;margin-top:4px}.rec-empty{color:#555;font-size:.7rem;text-align:center;padding:4px}.rec-item{display:flex;justify-content:space-between;align-items:center;padding:6px;border-bottom:1px solid #1a1a2e;font-size:.75rem;min-height:40px}.rec-item:hover{background:#1a1a3a}.rec-item-info{display:flex;flex-direction:column;gap:1px}.rec-item-name{color:#ccc}.rec-item-meta{color:#666;font-size:.65rem}.rec-item-actions{display:flex;gap:4px}.rec-play-btn,.rec-delete-btn{background:none;border:1px solid #444;color:#aaa;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:.7rem;min-height:30px}.rec-play-btn:hover,.rec-play-btn:active{border-color:#00e07a;color:#00e07a}.rec-delete-btn:hover,.rec-delete-btn:active{border-color:#f44;color:#f44}#transcription-canvas{width:100%;border-radius:6px;margin-top:4px;background:#0d0d1a}#status{display:flex;gap:8px;font-size:.65rem;font-family:monospace;color:#555;margin-inline-start:auto;flex-wrap:wrap}#mic-status{color:#f44}html,body,#app-root,.spa-shell{overflow-x:hidden;max-width:100vw}@media (max-width: 600px){html,body{overflow-x:hidden}body{padding:2px 3px}#app{max-width:100%}header{margin-bottom:2px;flex-shrink:0}#header-content{gap:4px}header h1{font-size:.85rem}.title-ar{font-size:.75rem}#oud-image{width:22px;height:22px}.lang-toggle{padding:4px 8px;font-size:.68rem;min-height:28px}.tab{padding:7px 8px;font-size:.72rem;min-height:34px;white-space:nowrap}.mode-panel{padding:4px 6px;margin-bottom:2px}.install-btn{padding:4px 8px;font-size:.65rem;min-height:28px}.control-group{min-width:0;flex:1}.file-group{min-width:100%}.control-row{gap:5px;margin-bottom:4px}.karaoke-hero{padding:4px 2px 3px}.hero-text{font-size:.72rem}.hero-ar{font-size:.75rem;margin-top:1px}.karaoke-search-bar input[type=text]{font-size:16px;padding:8px 10px;min-height:42px}.karaoke-search-bar button{min-height:42px;padding:8px 14px;font-size:.8rem}#karaoke-play-toggle{width:38px;height:38px;font-size:1rem}input[type=range]::-webkit-slider-thumb{width:26px;height:26px}input[type=range]::-moz-range-thumb{width:26px;height:26px}input[type=range]{height:8px}.inst-grid{gap:4px}.inst-card{padding:0;border-radius:6px}.inst-name{font-size:.62rem}.inst-name-ar{font-size:.6rem}.accomp-label{font-size:.65rem;margin-bottom:2px}#lyrics-container{max-height:150px;padding:8px;margin:4px 0}.lyric-line{font-size:.82rem;padding:3px 5px}.lyric-line.active{font-size:.92rem;padding:4px 6px}#pitch-section{padding:4px 6px}#pitch-info{gap:6px;margin-bottom:2px}#note-name{font-size:1.1rem;min-width:36px}#degree-label{font-size:.75rem}#freq-display,#transpose-display{font-size:.65rem}#scale-keyboard{gap:2px;margin-bottom:4px}.scale-key{flex:1;min-width:0;height:38px;font-size:.72rem}.scale-key .key-note{font-size:.85rem}.scale-key .key-degree{font-size:.7rem}#maqam-scale-canvas{height:100px;margin-bottom:2px}#pitch-canvas{height:60px}.discover-notation{min-height:120px;max-height:240px}.iqaat-name{font-size:1.1rem}.iqaat-name-ar{font-size:.85rem}.iqaa-pulse{min-width:18px}.iqaa-pulse-d .iqaa-dot{width:22px;height:22px}.iqaa-pulse-t .iqaa-dot{width:14px;height:14px}.iqaa-pulse-k .iqaa-dot{width:8px;height:8px}.iqaa-pulse-k{min-width:12px}.iqaa-syllable{font-size:.5rem}.iqaat-play-btn{width:40px;height:40px;font-size:1rem}.iqaat-fills-btn{padding:3px 8px;font-size:.6rem;height:28px}.maqam-pill.maqam-parent{padding:5px 10px;min-height:34px}.maqam-pill.maqam-parent .pill-en{font-size:.78rem}.maqam-pill.maqam-parent .pill-ar{font-size:.58rem}.maqam-pill{padding:4px 8px;font-size:.65rem;min-height:24px}.maqam-branches .maqam-pill{font-size:.72rem;padding:4px 9px}.maqam-branches{padding:4px 6px}.root-pill{padding:5px 9px;font-size:.78rem;min-height:28px}.style-select{font-size:.7rem;min-height:34px}.taq-row{margin-bottom:3px}.taq-ctrl-row{gap:4px}.taq-mini-select{font-size:.68rem;min-height:30px}.taq-vol-slider{min-width:50px;max-width:100px}.taqasim-badge{font-size:.68rem}#taqasim-start{width:38px;height:38px;font-size:1rem}.example-search-bar input{font-size:16px;padding:6px 8px;min-height:40px}.example-search-bar button{min-height:40px;padding:6px 10px;font-size:.75rem}.example-chip{padding:4px 10px;font-size:.7rem}.example-upload-row{flex-wrap:wrap;gap:6px}.example-result-item{padding:5px;gap:5px}.example-result-thumb{width:40px;height:30px}.example-result-name{font-size:.72rem}.example-result-artist{font-size:.62rem}.search-result-item,.stored-song-item{padding:6px;gap:6px;min-height:44px}.result-artwork{width:38px;height:38px}.detect-maqam-name{font-size:1.3rem}.discover-detection{padding:10px 12px}.discover-btn{padding:7px 16px;font-size:.78rem}#bottom-bar{flex-wrap:wrap;gap:4px;padding:4px 6px;margin-top:2px}#status{gap:4px;font-size:.65rem}#instrument-visual{max-width:260px}#instrument-visual-section{margin:2px 0;max-height:140px}}@media (max-width: 400px){body{padding:1px 2px}header h1{font-size:.75rem}.title-ar{font-size:.65rem}.tab{font-size:.72rem;padding:6px 8px;min-height:32px;white-space:nowrap}.maqam-pill .pill-ar{display:none}.maqam-pill.maqam-parent{padding:4px 8px;min-height:30px;flex-direction:row;gap:0}.maqam-pill.maqam-parent .pill-en{font-size:.72rem}.maqam-pill.maqam-parent .pill-ar{display:none}.maqam-pill{padding:3px 5px;font-size:.6rem;min-height:22px}.maqam-branches .maqam-pill{font-size:.65rem;padding:3px 7px}.maqam-branches{padding:3px 4px;gap:3px}.root-pill{padding:4px 8px;font-size:.72rem;min-height:26px}.taq-root-row{gap:2px}.time-display{width:100%;text-align:center;margin-inline-start:0;font-size:.72rem}#maqam-scale-canvas{height:80px}#pitch-canvas{height:50px}.scale-key{height:32px}.inst-grid{gap:3px}.inst-card{padding:0;border-radius:6px}.inst-name{font-size:.6rem}.inst-name-ar{display:none}#taqasim-start{width:34px;height:34px;font-size:.9rem}.example-chip{padding:3px 8px;font-size:.65rem}.example-search-bar{gap:4px}.example-search-bar input{padding:5px 7px}.example-search-bar button{padding:5px 8px;font-size:.7rem}#instrument-visual{max-width:220px}#instrument-visual-section{max-height:120px}.hero-text{font-size:.65rem}.hero-ar{font-size:.68rem}}@media (max-width: 340px){header h1{font-size:.65rem}.title-ar{display:none}.tab{font-size:.7rem;padding:6px 8px;min-height:30px;white-space:nowrap}.inst-card{padding:0}}@supports (padding: env(safe-area-inset-top)){body{padding-top:calc(4px + env(safe-area-inset-top));padding-bottom:calc(4px + env(safe-area-inset-bottom));padding-inline-start:calc(4px + env(safe-area-inset-left));padding-inline-end:calc(4px + env(safe-area-inset-right))}}button,.tab,select,input[type=file]::file-selector-button,.maqam-pill,.root-pill,.inst-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}input[type=range]{touch-action:none}#app{overscroll-behavior:contain}.h-scroll{display:flex!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;flex-wrap:nowrap!important}.h-scroll::-webkit-scrollbar{display:none}.h-scroll>*{flex:0 0 auto;scroll-snap-align:start}@media (max-width: 600px){.inst-grid{display:flex!important;gap:3px;padding:8px;background:#0c0e1cb3!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:14px!important;box-shadow:0 2px 12px #0000004d,inset 0 1px #ffffff0a!important}.inst-card{min-width:0;flex:1 1 0}.inst-icon{max-height:88px}.inst-title{font-size:.85rem;margin:3px 0}.inst-selected-label{font-size:.88rem;padding:3px 8px;margin:2px 0}.inst-controls-row{gap:4px;margin-bottom:3px}#maqam-keyboard-container,.mk-keyboard-wrap{padding:4px;margin:2px 0}#maqam-keyboard-container{border-width:1px;border-radius:10px}.maqam-keyboard.oriental-kb{gap:2px;padding:3px}.mk-key{height:min(52px,7dvh);min-width:24px;border-radius:6px;gap:2px;padding:4px 1px}.mk-key.mk-accidental{min-width:20px}.mk-key.mk-quarter{min-width:18px}.mk-label{font-size:.58rem}.mk-label-ar{font-size:.48rem}.mk-degree{font-size:.52rem}.discover-notation{min-height:8dvh;max-height:20dvh}#maqam-scale-canvas{height:min(60px,8dvh);margin-bottom:1px}#pitch-canvas{height:min(35px,4.5dvh)}#instrument-visual-section{max-height:min(100px,13dvh);margin:1px 0}.jins-explorer{margin-top:4px;padding:5px}.jins-title{margin:0 0 3px;font-size:.82rem}.jins-rows{gap:4px}.jins-card{padding:5px;min-width:90px}.jins-info{gap:5px;font-size:.76rem}.practice-mode{margin-top:4px;padding:5px}.practice-controls{gap:3px}.mode-panel{padding:5px 6px;margin-bottom:2px}.exp-grid{gap:3px;grid-template-columns:repeat(auto-fill,minmax(78px,1fr))!important;max-height:min(150px,20dvh)}.exp-card{padding:4px 3px}.exp-card-en{font-size:.72rem}.exp-card-ar{font-size:.65rem}.exp-detail{padding:6px}.exp-n{width:38px;height:38px}.exp-n-name{font-size:.82rem}.exp-notes{padding:6px 3px;gap:3px}.exp-scale-row{gap:2px;margin:3px 0}.exp-actions{gap:3px;margin:3px 0;flex-wrap:wrap}.exp-actions button{padding:5px 8px;font-size:.7rem;white-space:nowrap;flex:0 0 auto}.exp-jins{margin:3px 0;font-size:.8rem}.exp-branches,.exp-example-info{margin:3px 0}.iqaat-perc-selector{flex-wrap:wrap!important;gap:6px;padding-bottom:3px}.iqaat-perc-btn{flex:0 0 auto;min-width:54px}.iqaat-perc-btn img{width:32px;height:32px}#lyrics-container{max-height:min(90px,12dvh)}#search-results,#stored-songs-list{max-height:26dvh}.song-list{max-height:min(110px,14dvh)}.rec-list{max-height:min(70px,9dvh)}.saved-taqasim-panel{max-height:min(130px,16dvh);padding:5px}.section-title,h3{font-size:.9rem;margin:3px 0}.evaluator-title,.inst-title{font-size:.95rem;margin:3px 0}.sc-card.sc-grid{padding:8px;gap:8px}.sc-cover{width:42px;height:42px}.sc-title{font-size:.92rem}.sc-artist{font-size:.78rem}.sc-badge{font-size:.68rem;padding:1px 5px}.sl-song-grid{gap:6px}.fb-mode-option{padding:4px 10px;font-size:.78rem}}@media (max-height: 600px){.inst-card{height:80px}.mk-key{height:36px}.mk-key.mk-offscale{height:30px}.discover-notation{max-height:16dvh}#maqam-scale-canvas{height:min(45px,7dvh)}#instrument-visual-section{max-height:min(75px,11dvh)}.jins-explorer,.practice-mode{padding:3px;margin-top:2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}*,*:before,*:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.inst-icon,.metro-photo,.lp-hero-logo,.spa-header-logo img,.active .inst-icon,.notation-cursor,.maqam-indicator{filter:none!important}.sol-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sol-header h2{margin:0;font-size:1.1rem;color:#00e07a}.sol-tabs{display:flex;gap:3px;margin-bottom:14px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sol-tabs::-webkit-scrollbar{display:none}.sol-tab{flex:1;min-width:0;padding:8px 4px;border:1px solid #333;border-radius:8px;background:#ffffff08;color:#aaa;font-size:.72rem;cursor:pointer;white-space:nowrap;text-align:center;transition:all .2s}.sol-tab.active{background:linear-gradient(135deg,#00e07a1a,#00643c1a);color:#00e07a;border-color:#00e07a4d}.sol-panel{margin-bottom:16px}.sol-controls{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap;align-items:center}.sol-controls select{flex:1;min-width:90px;padding:6px 8px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0d;color:#ddd;font-size:.8rem}.sol-score{font-size:.88rem;color:#c8a850;font-weight:600}.sol-scale{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;margin:14px 0}.sol-note{width:46px;height:46px;border-radius:50%;border:2px solid #555;display:flex;align-items:center;justify-content:center;background:#ffffff08;transition:all .2s}.sol-note.qt{border-style:dashed}.sol-note.playing{background:#00e07a26;transform:scale(1.15);box-shadow:0 0 12px #00e07a66;border-color:#00e07a}.sol-note.correct{background:#28a74526;border-color:#28a745}.sol-note.wrong{background:#dc354526;border-color:#dc3545}.sol-note-name{font-size:.68rem;color:#e8e0d0;text-align:center;line-height:1.1}.sol-step{font-size:.55rem;color:#ffffff4d;min-width:26px;text-align:center}.sol-play-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.sol-btn{padding:10px 18px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0a;color:#ddd;font-size:.82rem;cursor:pointer;transition:all .15s}.sol-btn:active{transform:scale(.96)}.sol-btn-accent{background:#00e07a14;border-color:#00e07a4d;color:#00e07a}.sol-quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.sol-answer-btn{padding:12px 8px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0a;color:#ddd;font-size:.82rem;cursor:pointer;transition:all .15s}.sol-answer-btn:active{transform:scale(.96)}.sol-answer-btn.correct{background:#28a74526;border-color:#28a745;color:#28a745}.sol-answer-btn.wrong{background:#dc354526;border-color:#dc3545;color:#dc3545}.sol-answer-btn:disabled{opacity:.7;cursor:default}.sol-quiz-feedback{text-align:center;margin:10px 0;font-size:.88rem}.sol-correct{color:#28a745;font-weight:600}.sol-wrong{color:#dc3545;font-weight:600}.sol-live-pitch{text-align:center;margin:14px 0;padding:16px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.sol-results-summary{text-align:center;margin:12px 0;font-size:1rem;color:#c8a850}.sol-results-grid{display:flex;flex-direction:column;gap:4px;margin-top:8px}.sol-result-row{display:flex;justify-content:space-between;padding:6px 12px;border-radius:6px;font-size:.78rem}.sol-result-row.hit{background:#28a7451a;color:#28a745}.sol-result-row.miss{background:#dc35451a;color:#dc3545}.sol-ref-grid{display:flex;flex-direction:column;gap:1px}.sol-ref-header{display:grid;grid-template-columns:40px 1fr 1fr 40px;gap:8px;padding:6px 10px;font-size:.7rem;color:#fff6;font-weight:600;border-bottom:1px solid rgba(255,255,255,.08)}.sol-ref-row{display:grid;grid-template-columns:40px 1fr 1fr 40px;gap:8px;padding:6px 10px;font-size:.8rem;color:#ddd;align-items:center;border-bottom:1px solid rgba(255,255,255,.03)}.sol-ref-row.qt{color:#c8a850;background:#c8a8500a}.sol-ref-play{width:28px;height:28px;border:none;border-radius:50%;background:#00e07a14;color:#00e07a;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.sol-ref-play:active{transform:scale(.9)}.sol-rhythm-cell{cursor:pointer}.sol-rhythm-cell:hover{opacity:.8}@media (max-width:480px){.sol-note{width:38px;height:38px}.sol-note-name{font-size:.6rem}.sol-tab{font-size:.65rem;padding:6px 3px}.sol-quiz-options{grid-template-columns:1fr 1fr}}.metro-page{display:flex;flex-direction:column;align-items:center;padding:12px 16px 24px;gap:16px;max-width:500px;margin:0 auto}.metro-body{display:flex;flex-direction:column;align-items:center;width:100%}.metro-image-wrap{position:relative;width:500px;max-width:80vw}.metro-photo{width:100%;height:auto;border-radius:8px;filter:drop-shadow(0 4px 16px rgba(0,0,0,.3))}.metro-pendulum-arm{position:absolute;top:22%;left:50%;width:3px;height:55%;background:linear-gradient(to bottom,#bbb,#999);transform-origin:top center;transform:rotate(0);margin-inline-start:-1.5px;border-radius:2px;z-index:2;pointer-events:none}.metro-pendulum-weight{position:absolute;top:30%;left:50%;width:14px;height:18px;margin-inline-start:-7px;background:linear-gradient(135deg,#c4a020,#a08010);border:1px solid #8a7008;border-radius:2px}.metro-beat-dots{display:flex;gap:8px;justify-content:center;margin-top:12px}.metro-dot{width:14px;height:14px;border-radius:50%;background:#333;border:1px solid #555;transition:all .08s ease}.metro-dot.active{background:#00e07a;border-color:#00e07a;box-shadow:0 0 8px #00e07a80}.metro-dot.downbeat{background:#ffb020;border-color:#ffb020;box-shadow:0 0 10px #ffb02099;transform:scale(1.15)}.metro-controls-panel{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:420px;background:#16162a99;border-radius:16px;padding:18px 20px;backdrop-filter:blur(10px)}.metro-bpm-row{display:flex;align-items:center;gap:16px}.metro-adj{width:44px;height:44px;border-radius:50%;border:2px solid #555;background:transparent;color:#ddd;font-size:1.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.metro-adj:hover,.metro-adj:active{border-color:#00e07a;color:#00e07a;background:#00e07a14}.metro-bpm-display{display:flex;flex-direction:column;align-items:center;min-width:90px}.metro-bpm-number{font-family:Georgia,serif;font-size:3rem;font-weight:700;color:#fff;line-height:1}.metro-bpm-unit{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:2px}.metro-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:#333;border-radius:3px;outline:none}.metro-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#00cc6a,#0a5);cursor:pointer;box-shadow:0 2px 6px #0000004d}.metro-play-btn{width:64px;height:64px;border-radius:50%;border:none;background:linear-gradient(135deg,#00cc6a,#0a5);color:#fff;font-size:1.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 16px #00cc6a4d}.metro-play-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #00cc6a66}.metro-play-btn.active{background:linear-gradient(135deg,#f44,#d33);box-shadow:0 4px 16px #ff44444d}.metro-time-sig{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.metro-sig-label{font-size:.8rem;color:#888}.metro-sig-btns{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;width:100%}.metro-sig-btn{width:34px;height:34px;border-radius:8px;border:1px solid #444;background:transparent;color:#bbb;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.metro-sig-btn:hover{border-color:#00e07a;color:#00e07a}.metro-sig-btn.active{background:#00e07a26;border-color:#00e07a;color:#00e07a}.keyboard-details{margin-bottom:4px}.keyboard-details>summary{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#16162a99;border-radius:10px;color:#888;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s;list-style:none;user-select:none}.keyboard-details>summary::-webkit-details-marker{display:none}.keyboard-details>summary:before{content:"▸";font-size:.7rem;transition:transform .2s ease}.keyboard-details[open]>summary:before{transform:rotate(90deg)}.keyboard-details>summary:hover{background:#16162ad9;color:#bbb}.keyboard-details[open]>summary{color:#00e07a;margin-bottom:6px}.mk-inst-display{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 8px 6px}.mk-inst-image{width:80px;height:80px;object-fit:cover;border-radius:12px;border:2px solid rgba(200,150,62,.4);box-shadow:0 2px 12px #00000080,0 0 20px #c8963e1a;transition:transform .2s}.mk-inst-image:hover{transform:scale(1.05)}.mk-inst-label{font-size:1.1rem;font-weight:700;color:#c8963e;letter-spacing:.5px;text-shadow:0 1px 4px rgba(0,0,0,.5)}#maqam-keyboard-container{background:#1a1a22;border:2px solid rgba(255,255,255,.08);border-radius:14px;padding:10px;margin:8px 0;box-shadow:0 4px 20px #0006;position:relative;overflow:hidden}#maqam-keyboard-container:before{display:none}#maqam-keyboard-container:after{display:none}.maqam-keyboard.oriental-kb{display:flex;gap:3px;padding:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:center;flex-wrap:nowrap;background:#111118;border-radius:10px;position:relative}.maqam-keyboard::-webkit-scrollbar{display:none}.mk-key{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px;border:none;cursor:pointer;transition:all .1s ease;flex-shrink:1;overflow:hidden;position:relative;height:64px;min-width:32px;flex:1 1 0;border-radius:8px}.mk-key.mk-natural{background:linear-gradient(180deg,#f5f3ed,#e8e5dc);box-shadow:0 2px 4px #00000040,inset 0 1px #ffffffe6}.mk-key.mk-natural .mk-label{color:#333}.mk-key.mk-natural .mk-label-ar{color:#777}.mk-key.mk-natural .mk-degree{color:#1a8a50}.mk-key.mk-natural:hover{background:linear-gradient(180deg,#fff,#f0ede4);box-shadow:0 3px 8px #0003}.mk-key.mk-natural.mk-active{background:linear-gradient(180deg,#d0f0dd,#b8e4c8);transform:scale(.96);box-shadow:0 1px 2px #0003}.mk-key.mk-accidental{background:linear-gradient(180deg,#2a2a32,#18181e);box-shadow:0 2px 4px #0006,inset 0 1px #ffffff0f;min-width:28px;flex:.85 1 0}.mk-key.mk-accidental .mk-label{color:#ffffffbf}.mk-key.mk-accidental .mk-label-ar{color:#fff6}.mk-key.mk-accidental .mk-degree{color:#4ae88a}.mk-key.mk-accidental:hover{background:linear-gradient(180deg,#38383e,#222228)}.mk-key.mk-accidental.mk-active{background:linear-gradient(180deg,#1a4030,#0e2a1e);transform:scale(.96)}.mk-key.mk-quarter{background:linear-gradient(180deg,#6b5020,#4a3818);box-shadow:0 2px 4px #00000059,inset 0 1px #ffc86426;min-width:26px;flex:.75 1 0}.mk-key.mk-quarter .mk-label{color:#ffdc96e6}.mk-key.mk-quarter .mk-label-ar{color:#ffd28280}.mk-key.mk-quarter .mk-degree{color:#e8c060}.mk-key.mk-quarter:hover{background:linear-gradient(180deg,#7d6028,#5a4420)}.mk-key.mk-quarter.mk-active{background:linear-gradient(180deg,#4a6020,#384a18);transform:scale(.96)}.mk-key.mk-off-scale{opacity:.25}.mk-key.mk-off-scale:hover{opacity:.45}.mk-key.mk-root{border-bottom:3px solid #00e07a}.mk-key.mk-natural.mk-tonic{background:linear-gradient(180deg,#e0f4e6,#c8e8d0)}.mk-key.mk-accidental.mk-tonic{background:linear-gradient(180deg,#1a3025,#0e201a)}.mk-key.mk-quarter.mk-tonic{background:linear-gradient(180deg,#506020,#3e4a18)}.mk-label{font-size:.65rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2;letter-spacing:-.01em}.mk-label-ar{font-size:.55rem;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif;white-space:nowrap;overflow:hidden;line-height:1.2}.mk-degree{font-size:.6rem;font-family:system-ui,sans-serif;font-weight:800;line-height:1;opacity:.7}.mk-key.mk-active .mk-label,.mk-key.mk-active .mk-label-ar{color:#00e07a!important}.mk-key.mk-active .mk-degree{color:#00e07a!important;opacity:1}.mk-key.mk-off-scale .mk-label{opacity:.5}.mk-key.mk-off-scale .mk-label-ar,.mk-key.mk-off-scale .mk-degree{display:none}.jins-explorer{margin-top:16px;padding:12px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.jins-title{margin:0 0 10px;font-size:.95rem;color:#ddd}.jins-rows{display:flex;gap:10px;flex-wrap:wrap}.jins-card{flex:1;min-width:140px;background:#00000040;border-radius:8px;padding:10px;border:1px solid rgba(255,255,255,.06)}.jins-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.jins-label{font-size:.8rem;color:#aaa}.jins-play-btn{background:#00e07a26;border:1px solid rgba(0,224,122,.3);color:#00e07a;border-radius:50%;width:28px;height:28px;font-size:.7rem;cursor:pointer;transition:all .2s}.jins-play-btn:hover{background:#00e07a40}.jins-play-btn.active{background:#00e07a59;box-shadow:0 0 8px #00e07a66}.jins-notes{display:flex;gap:6px;flex-wrap:wrap}.jins-note{display:inline-block;padding:4px 8px;background:#ffffff0f;border-radius:6px;font-size:.85rem;color:#ccc;border:1px solid transparent}.jins-note.jins-ghammaz{border-color:#f0a030;color:#f0a030;font-weight:600}.jins-note.jins-emphasis{background:#00e07a1a;color:#7fe8aa}.jins-info{margin-top:8px;display:flex;gap:16px;font-size:.78rem;color:#888}.jins-info strong{color:#f0a030}.practice-mode{margin-top:14px;padding:12px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.practice-title{margin:0 0 10px;font-size:.95rem;color:#ddd}.practice-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.practice-btn{padding:6px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#ccc;font-size:.85rem;cursor:pointer;transition:all .2s}.practice-btn:hover{background:#ffffff1a}.practice-btn.active{background:#00e07a33;border-color:#00e07a;color:#00e07a;box-shadow:0 0 8px #00e07a4d}.practice-btn:disabled{opacity:.4;cursor:default}.practice-iqaa-group{display:flex;gap:6px;align-items:center}.practice-iqaa-group select{max-width:180px;font-size:.8rem}.practice-bpm-group{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#aaa}.practice-bpm-group input[type=range]{width:100px}.transpose-row{display:flex;gap:3px;flex-wrap:wrap}.transpose-btn{padding:4px 8px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff0a;color:#999;font-size:.75rem;cursor:pointer;transition:all .15s}.transpose-btn:hover{background:#ffffff14;color:#ccc}.transpose-btn.active{background:#00e07a2e;border-color:#00e07a66;color:#00e07a;font-weight:600}.inst-controls-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.layout-toggle{display:flex;gap:2px;background:#ffffff0d;border-radius:8px;padding:2px}.layout-btn{padding:4px 12px;border:none;border-radius:6px;background:transparent;color:#888;font-size:.78rem;cursor:pointer;transition:all .2s}.layout-btn.active{background:#00e07a2e;color:#00e07a}.layout-btn:hover:not(.active){color:#ccc}.oud-fingerboard{padding:10px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.oud-string-row{display:flex;align-items:center;margin-bottom:2px;position:relative}.oud-string-row:after{content:"";position:absolute;left:36px;right:0;top:50%;height:1px;background:linear-gradient(90deg,#b48c5080,#b48c5026);pointer-events:none;z-index:0}.oud-string-label{width:32px;text-align:center;font-size:.7rem;color:#b48c50;font-weight:600;flex-shrink:0;z-index:1}.oud-positions{display:flex;gap:1px;z-index:1}.oud-pos{position:relative;width:38px;height:36px;border:1px solid rgba(255,255,255,.06);border-radius:4px;background:#1e140a99;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s;padding:0}.oud-pos:hover{background:#3c2814cc}.oud-pos.oud-active{background:#00e07a4d!important;border-color:#00e07a;transform:scale(1.08)}.oud-pos.oud-in-maqam{background:#3c2814d9;border-color:#b48c504d}.oud-pos.oud-root{border-color:#00e07a;background:#00e07a1f}.oud-pos.oud-quarter{border-style:dashed;border-color:#7864dc59}.oud-pos.oud-quarter.oud-in-maqam{background:#503c8c40}.oud-pos.oud-open{border-left:2px solid #b48c50}.oud-pos:not(.oud-in-maqam){opacity:.3}.oud-pos-label{font-size:.6rem;color:#ccc;pointer-events:none;line-height:1}.oud-pos.oud-root .oud-pos-label{color:#00e07a;font-weight:600}.oud-pos.oud-quarter .oud-pos-label{color:#a89cdb}@media (max-width: 600px){.oud-pos{width:32px;height:30px}.oud-pos-label{font-size:.5rem}}.mk-kb-hint{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:.5rem;color:#0003;border:1px solid rgba(0,0,0,.1);border-radius:2px;padding:0 3px;line-height:1.3;pointer-events:none}.mk-key.mk-accidental .mk-kb-hint,.mk-key.mk-quarter .mk-kb-hint{color:#ffffff2e;border-color:#ffffff14}.mk-key.mk-active .mk-kb-hint{color:#00e07a80;border-color:#00e07a33}.mk-controls{display:flex;gap:8px;align-items:center;padding:4px 4px 0}#speed-display{font-size:.7rem;color:#aaa;font-family:monospace}.taq-row{display:flex;align-items:center;gap:3px;margin-bottom:4px}.taq-row:last-child{margin-bottom:0}.taq-maqam-selector{margin-bottom:6px}.maqam-main-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:4px}.maqam-pill.maqam-parent{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 13px 5px;min-height:38px;background:#141428b3;border:1.5px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative}.maqam-pill.maqam-parent .pill-en{font-size:.88rem;font-weight:800;letter-spacing:.3px;color:#bbb;line-height:1.1}.maqam-pill.maqam-parent .pill-ar{font-size:.68rem;font-weight:400;opacity:.45;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif;color:#aaa;line-height:1;margin:0}.maqam-pill.maqam-parent:hover{background:#1e1e3cd9;border-color:#fff3}.maqam-pill.maqam-parent:hover .pill-en{color:#ddd}.maqam-pill.maqam-parent:active{transform:scale(.96)}.maqam-pill.maqam-parent.active{background:linear-gradient(135deg,#002846e6,#001932e6);border-color:#0af;box-shadow:0 0 12px #00aaff26}.maqam-pill.maqam-parent.active .pill-en{color:#fff}.maqam-pill.maqam-parent.active .pill-ar{opacity:.7;color:#8cf}.maqam-pill.maqam-parent.family-active:after{content:"";position:absolute;bottom:-3px;left:25%;right:25%;height:2px;background:#0af;border-radius:1px}.iraqi-pill{border-color:#ffaa004d!important;color:#fa0!important}.iraqi-pill.active,.iraqi-pill.family-active{background:#ffaa0026!important;border-color:#fa0!important;color:#fc4!important}.iraqi-pill.family-active:after{background:#fa0!important}.maqam-branch-row{min-height:0;margin-top:2px}.maqam-branches{display:none;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px 6px 14px;background:#001e3773;border-radius:0 8px 8px;border:1px solid rgba(0,170,255,.2);border-left:3px solid #00aaff;animation:branchSlide .2s ease;position:relative}.maqam-branches:before{content:"";position:absolute;top:-6px;left:16px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(0,170,255,.35)}.maqam-branches[data-family=iraqi]{border-color:#ffaa0040;border-left-color:#fa0;background:#321e0059}.maqam-branches[data-family=iraqi]:before{border-bottom-color:#ffaa0059}@keyframes branchSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.maqam-pill{padding:5px 11px;font-size:.75rem;font-weight:600;background:#1a1a2e99;border:1px solid rgba(255,255,255,.06);border-radius:20px;color:#999;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:26px}.maqam-pill .pill-ar{font-size:.62rem;opacity:.45;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif;margin-left:3px}.maqam-pill:hover{background:#232341cc;border-color:#ffffff26;color:#ccc}.maqam-pill:active{transform:scale(.95)}.maqam-pill.active{background:#002a44d9;border-color:#0af;color:#0cf}.maqam-pill.active .pill-ar{opacity:.75;color:#6be}.maqam-branches .maqam-pill{font-size:.82rem;padding:5px 12px;min-height:28px;background:#16162a66;border-color:#ffffff0d}.maqam-branches .maqam-pill .pill-ar{font-size:.68rem}.taq-root-row{flex-wrap:wrap;gap:3px}.root-pill{padding:6px 12px;font-size:.85rem;font-weight:700;background:transparent;border:1px solid rgba(255,255,255,.06);border-radius:12px;color:#777;cursor:pointer;transition:all .2s ease;min-height:26px}.root-pill:hover{border-color:#555;color:#aaa}.root-pill:active{transform:scale(.95)}.root-pill.active{background:#002a44;border-color:#0af;color:#0cf}.style-select{flex:0 1 auto;max-width:180px;background:#111125;color:#e0e0e0;border:1px solid #2a2a44;border-radius:6px;padding:6px 10px;font-size:.78rem;cursor:pointer;transition:border-color .2s;min-width:0;min-height:36px;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif}.style-select:focus{border-color:#00e07a;outline:none}.style-select optgroup{color:#00e07a;font-size:.7rem;font-weight:700;font-style:normal}.style-select option{color:#e0e0e0;background:#16162a;padding:4px 8px;font-size:.78rem}.taq-main-row{gap:4px;flex-wrap:wrap}.play-scale-btn{background:#00e07a1f;color:#00e07a;border:1px solid rgba(0,224,122,.3);font-weight:600;padding:0 12px;height:42px;border-radius:10px;font-size:.78rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:all .2s}.play-scale-btn:hover{background:#00e07a38;border-color:#00e07a}.play-scale-btn.active{background:#f443;border-color:#f44;color:#f44}.play-scale-btn.active:hover{background:#ff444459;border-color:#f55}#taqasim-start{background:linear-gradient(135deg,#00e07a,#00c06a);color:#fff;font-weight:700;padding:0 14px;height:42px;border-radius:10px;font-size:.78rem;display:flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 2px 8px #00e07a40;flex-shrink:0;border:none;cursor:pointer;transition:all .2s}#taqasim-start:hover{background:linear-gradient(135deg,#00f08a,#00d070);box-shadow:0 3px 12px #00e07a59}#taqasim-start.active{background:linear-gradient(135deg,#f44,#c33);color:#fff;box-shadow:0 2px 8px #ff444440}#taqasim-start.active:hover{background:linear-gradient(135deg,#f55,#d33)}.taq-save-btn{background:#00e07a14;color:#00e07a;border:1px solid rgba(0,224,122,.2);font-weight:600;padding:0 10px;height:42px;border-radius:10px;font-size:.72rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:all .2s}.taq-save-btn:disabled{opacity:.35;cursor:default}.taq-save-btn:not(:disabled):hover{background:#00e07a33;border-color:#00e07a}.taq-save-btn.saved{background:#00e07a59;border-color:#00e07a}.saved-taqasim-panel{background:#16162aeb;backdrop-filter:blur(12px);border:1px solid #2a2a44;border-radius:12px;padding:10px;margin-top:6px;max-height:240px;overflow-y:auto}.saved-taqasim-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.82rem;font-weight:600;color:#00e07a}.saved-taqasim-empty{text-align:center;padding:16px;color:#888;font-size:.75rem}.saved-taqasim-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:8px;background:#ffffff08;margin-bottom:4px;transition:background .15s}.saved-taqasim-item:hover{background:#ffffff12}.saved-taq-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.saved-taq-name{font-size:.78rem;font-weight:600;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-taq-meta{font-size:.65rem;color:#888}.saved-taq-actions{display:flex;gap:4px;flex-shrink:0}.saved-taq-play,.saved-taq-delete{background:none;border:1px solid #2a2a44;color:#ccc;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.saved-taq-play:hover{color:#00e07a;border-color:#00e07a}.saved-taq-delete:hover{color:#f55;border-color:#f55}.taq-ctrl-row{gap:6px;flex-wrap:wrap}.taq-mini-select{background:#111125;color:#e0e0e0;border:1px solid #2a2a44;border-radius:4px;padding:5px 8px;font-size:.72rem;cursor:pointer;width:auto;min-height:32px}.taq-mini-select:focus{border-color:#00e07a;outline:none}.taq-octave{display:flex;align-items:center;gap:2px}.taq-tiny-btn{padding:4px 8px;font-size:.65rem;background:#1a1a2e;color:#999;border:1px solid #2a2a44;border-radius:4px;cursor:pointer;line-height:1;min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center}.taq-tiny-btn:hover{border-color:#00e07a;color:#00e07a}.taq-tiny-btn:active{background:#00e07a;color:#0d0d1a;transform:scale(.93)}.taq-oct-val{font-size:.7rem;color:#aaa;font-family:monospace;min-width:12px;text-align:center}.taq-vol-slider{flex:1;min-width:60px;max-width:120px}.taq-vol-label{font-size:.65rem;color:#666;font-family:monospace;white-space:nowrap}.taqasim-badge{font-size:.78rem;font-weight:700;color:#00e07a;margin-left:auto;white-space:nowrap}.taq-note-display{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 14px;margin:4px 0;background:#00e07a14;border:1px solid rgba(0,224,122,.25);border-radius:10px;min-height:44px}.taq-note-name{font-size:1.6rem;font-weight:800;color:#00e07a;letter-spacing:1px;transition:transform .12s ease}.taq-note-name.pulse{transform:scale(1.2)}.taq-note-degree{font-size:.85rem;color:#fff9;font-weight:500}.import-section{margin:8px 0;background:#16162a99;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden}.import-summary{padding:10px 14px;cursor:pointer;font-weight:600;font-size:.9rem;color:#ffffffd9;list-style:none;display:flex;align-items:center;gap:8px}.import-summary:before{content:"▸";transition:transform .2s}.import-section[open]>.import-summary:before{transform:rotate(90deg)}.import-summary::-webkit-details-marker{display:none}.import-content{padding:0 14px 14px}.import-file-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.import-file-btn{display:inline-block;padding:7px 16px;background:#00e07a26;border:1px solid rgba(0,224,122,.4);border-radius:8px;color:#00e07a;font-weight:600;font-size:.8rem;cursor:pointer;transition:background .2s}.import-file-btn:hover{background:#00e07a40}.import-file-name{font-size:.78rem;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.import-progress{margin:8px 0}.import-progress-bar{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.import-progress-fill{height:100%;width:0;background:linear-gradient(90deg,#00e07a,#00b8d4);border-radius:3px;transition:width .3s ease}.import-progress-text{font-size:.72rem;color:#ffffff80;margin-top:4px;display:block}.import-result{margin-top:8px}.import-stats-row{display:flex;gap:16px;margin-bottom:10px;flex-wrap:wrap}.import-stat{display:flex;flex-direction:column;align-items:center}.import-stat-label{font-size:.68rem;color:#ffffff73;text-transform:uppercase;letter-spacing:.5px}.import-stat-value{font-size:1rem;font-weight:700;color:#00e07a}.import-notation{background:#0003;border-radius:8px;padding:4px;margin:8px 0;overflow-x:auto;min-height:80px}.import-controls-row{display:flex;gap:8px;margin:8px 0;flex-wrap:wrap}.import-btn{padding:6px 14px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0d;color:#fffc;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.import-btn:hover{background:#ffffff1a;border-color:#ffffff40}.import-btn:disabled{opacity:.4;cursor:not-allowed}.import-btn-accent{background:#00e07a26;border-color:#00e07a66;color:#00e07a}.import-btn-accent:hover{background:#00e07a40}.import-variation-section{margin-top:12px}.import-var-label{font-size:.72rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:6px}.import-var-pills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.variation-pill{padding:5px 12px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#ffffff0a;color:#ffffffb3;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.variation-pill:hover{background:#00e07a1a;border-color:#00e07a4d}.variation-pill.active{background:#00e07a33;border-color:#00e07a;color:#00e07a}.variation-pill .pill-ar,[dir=rtl] .variation-pill .pill-en{display:none}[dir=rtl] .variation-pill .pill-ar{display:inline}.import-library{margin-top:14px;border-top:1px solid rgba(255,255,255,.06);padding-top:10px}.import-library-label{font-size:.72rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:6px}.import-library-list{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto}.import-library-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#ffffff08;border-radius:6px;cursor:pointer;transition:background .15s}.import-library-item:hover{background:#00e07a14}.import-library-item-name{font-size:.78rem;color:#ffffffbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.import-library-item-meta{font-size:.65rem;color:#ffffff59;margin:0 8px}.import-library-item-delete{background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:.85rem;padding:2px 4px;transition:color .15s}.import-library-item-delete:hover{color:#f46}.import-library-empty{font-size:.72rem;color:#ffffff4d;text-align:center;padding:12px;font-style:italic}#instrument-visual-section{margin:2px 0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;max-height:100px;opacity:1}#instrument-visual-section.hidden{max-height:0;opacity:0;margin:0}#instrument-visual{max-width:200px;margin:0 auto;position:relative}.iv-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .3s ease,transform .3s ease}.iv-photo-container{position:relative;display:flex;align-items:center;justify-content:center;max-width:90%;max-height:85%}.iv-photo{max-width:100%;max-height:180px;object-fit:contain;border-radius:8px;user-select:none;pointer-events:none;transition:transform .05s linear;filter:brightness(1.05) contrast(1.05) saturate(1.1)}.iv-photo.iv-pulse{animation:iv-note-pulse .35s ease-out}@keyframes iv-note-pulse{0%{filter:brightness(1.05) contrast(1.05) saturate(1.1) drop-shadow(0 0 0 rgba(0,224,122,0))}25%{filter:brightness(1.3) contrast(1.1) saturate(1.3) drop-shadow(0 0 12px rgba(0,224,122,.5))}to{filter:brightness(1.05) contrast(1.05) saturate(1.1) drop-shadow(0 0 0 rgba(0,224,122,0))}}.iv-glow-ring{position:absolute;inset:-8px;border-radius:14px;pointer-events:none;opacity:0;transition:opacity .15s,box-shadow .15s}#instrument-visual:not(.instrument-playing) .iv-photo{animation:iv-breathe 4s ease-in-out infinite}#instrument-visual.instrument-playing .iv-photo{animation:none}@keyframes iv-breathe{0%{filter:brightness(1) contrast(1.05) saturate(1.05)}50%{filter:brightness(1.1) contrast(1.08) saturate(1.15) drop-shadow(0 0 6px rgba(0,224,122,.1))}to{filter:brightness(1) contrast(1.05) saturate(1.05)}}.iv-canvas{position:absolute;inset:0;pointer-events:none;z-index:2}.iv-label{position:absolute;bottom:2px;left:50%;transform:translate(-50%);display:flex;gap:6px;align-items:baseline;z-index:3}.iv-label-en{font-size:.7rem;color:#ffffff59;font-weight:600}.iv-label-ar{font-family:Amiri,serif;font-size:.85rem;color:#b48c3c80;font-weight:700}.iv-piano-svg{width:95%;height:auto;display:block;border-radius:6px}.iv-piano-svg .piano-wk,.iv-piano-svg .piano-bk{transition:fill .1s}.instrument-svg{width:100%;height:auto;display:block}.inst-string{transition:stroke .1s,filter .1s}#taqasim-start.active{background:linear-gradient(135deg,#d33,#c22);color:#fff;box-shadow:0 2px 6px #f443}#taqasim-start.active:hover{background:linear-gradient(135deg,#f44,#d33)}.discover-intro{text-align:center;color:#888;font-size:.72rem;margin-bottom:4px;line-height:1.2}.discover-steps{background:#1129;border-radius:8px;padding:8px 12px;margin-bottom:8px;color:#aaa;font-size:.7rem;line-height:1.6;white-space:pre-line;border-left:2px solid rgba(0,224,122,.3)}[dir=rtl] .discover-steps{border-left:none;border-right:2px solid rgba(0,224,122,.3)}.discover-detection{background:#112c;border-radius:10px;padding:10px 14px;margin-bottom:8px;text-align:center;border:1px solid rgba(0,224,122,.1)}.detect-maqam-display{margin-bottom:8px}.detect-label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:#666;margin-bottom:4px}.detect-maqam-row{display:flex;align-items:baseline;justify-content:center;gap:10px}.detect-maqam-name{font-size:1.6rem;font-weight:700;color:#00e07a;transition:color .3s}.detect-maqam-name-ar{font-size:1.1rem;color:#888;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif}.detect-root-name{display:block;font-size:.9rem;color:#aaa;margin-top:2px}.detect-confidence-wrap{display:flex;align-items:center;gap:8px;margin-top:6px}.detect-confidence-bar{flex:1;height:6px;background:#1a1a2e;border-radius:3px;overflow:hidden}.detect-confidence-fill{height:100%;width:0%;border-radius:3px;transition:width .5s ease,background .3s;background:linear-gradient(90deg,#00e07a,#00cc6a)}.detect-confidence-fill.high{background:linear-gradient(90deg,#00e07a,#0f8)}.detect-confidence-fill.medium{background:linear-gradient(90deg,#fa0,#fc3)}.detect-confidence-fill.low{background:linear-gradient(90deg,#666,#888)}.detect-confidence-text{font-size:.7rem;color:#888;min-width:30px;text-align:right;font-family:monospace}.discover-controls{justify-content:center;gap:12px;margin-bottom:10px}.discover-btn{padding:0;width:42px;height:42px;font-size:1.2rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;border:none;background:linear-gradient(135deg,#00cc6a,#0a5);color:#fff;transition:all .2s}.discover-btn:hover{background:linear-gradient(135deg,#00e07a,#00cc6a);transform:translateY(-1px)}.discover-btn.active{background:linear-gradient(135deg,#f44,#d33)}.discover-btn.active:hover{background:linear-gradient(135deg,#f55,#e44)}.discover-accompany-label{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#aaa;cursor:pointer}.discover-accompany-label input[type=checkbox]{accent-color:#00e07a;width:16px;height:16px}.discover-notation{background:#0a0a18;border-radius:10px;padding:8px;margin-bottom:6px;min-height:120px;overflow-y:auto;max-height:280px;position:relative}.discover-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:110px;color:#444;font-size:.75rem;gap:6px}.discover-empty-icon{font-size:2rem;opacity:.4}.discover-status{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:#888;padding:0 2px}.discover-note-count{color:#00e07a;font-family:monospace}#rec-start.recording{background:#f44;color:#fff;border-color:#f44;animation:rec-pulse 1s infinite}.editor-btn{padding:6px 12px;font-size:.75rem;border-radius:4px;cursor:pointer;border:1px solid #444;background:#1a1a2e;color:#ccc;min-height:34px}.editor-btn:hover:not(:disabled){border-color:#00e07a;color:#00e07a}.editor-btn:disabled{opacity:.4;cursor:not-allowed}.editor-select{padding:4px 8px;font-size:.75rem;border-radius:4px;border:1px solid #444;background:#224;color:#e0e0e0;min-height:34px}.editor-info{font-size:.7rem;color:#888;font-family:monospace;margin-left:auto}.taqasim-editor-controls{display:flex;gap:6px;align-items:center;margin-top:4px;flex-wrap:wrap}.iqaat-perc-selector{display:flex;gap:6px;margin-bottom:8px;justify-content:center;flex-wrap:wrap}.iqaat-perc-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 6px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);border-radius:8px;cursor:pointer;transition:all .2s;min-width:52px}.iqaat-perc-btn img{width:44px;height:44px;object-fit:cover;border-radius:8px}@media (max-width: 480px){.iqaat-perc-selector{gap:4px;margin-bottom:6px}.iqaat-perc-btn{padding:3px 4px;min-width:40px;border-radius:6px}.iqaat-perc-btn img{width:34px;height:34px;border-radius:6px}.iqaat-perc-btn span{font-size:.6rem}}.iqaat-perc-btn span{font-size:.82rem;color:#ffffffb3}.iqaat-perc-btn .perc-ar{font-size:.65rem;color:#ffffff73;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif}.iqaat-perc-btn:hover{background:#00e07a1a;border-color:#00e07a4d}.iqaat-perc-btn.active{background:#00e07a26;border-color:#00e07a99;box-shadow:0 0 8px #00e07a33}.iqaat-perc-btn.active span{color:#00e07a}.iqaat-perc-btn.active .perc-ar{color:#00e07ab3}.iqaat-rhythm-list-wrap{position:relative;margin-bottom:6px}.iqaat-rhythm-list{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:rgba(200,169,106,.3) transparent;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.iqaat-rhythm-list::-webkit-scrollbar{height:3px}.iqaat-rhythm-list::-webkit-scrollbar-track{background:transparent}.iqaat-rhythm-list::-webkit-scrollbar-thumb{background:#c8a96a4d;border-radius:3px}.iqaat-scroll-fade{position:absolute;top:0;bottom:0;right:0;width:36px;background:linear-gradient(to right,transparent,var(--bg-app, #0a0a14));pointer-events:none;border-radius:0 8px 8px 0;display:flex;align-items:center;justify-content:center}.iqaat-scroll-fade:after{content:"›";font-size:1.2rem;color:#c8a96a99;animation:iqaat-scroll-hint 1.5s ease-in-out infinite;pointer-events:none}@keyframes iqaat-scroll-hint{0%,to{transform:translate(0);opacity:.6}50%{transform:translate(5px);opacity:1}}[dir=rtl] .iqaat-scroll-fade{right:auto;left:0;background:linear-gradient(to left,transparent,var(--bg-app, #0a0a14));border-radius:8px 0 0 8px}[dir=rtl] .iqaat-scroll-fade:after{content:"‹"}[dir="rtl"] @keyframes iqaat-scroll-hint{0%,100%{transform:translate(0);opacity:.6}50%{transform:translate(-5px);opacity:1}}.iqaat-rhythm-item{padding:5px 10px;border-radius:6px;cursor:pointer;transition:all .12s;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);white-space:nowrap;text-align:center;font-size:.78rem;font-weight:600;color:#fffc;flex-shrink:0;scroll-snap-align:start}.iqaat-rhythm-item .iqaat-rhythm-sig{font-size:.6rem;color:#ffffff59;margin-inline-start:2px}.iqaat-rhythm-item:hover{background:#ffffff14}.iqaat-rhythm-item.active{background:#00885026;border-color:#00e07a66;color:#00e07a}.iqaat-rhythm-item.active .iqaat-rhythm-sig{color:#00e07a80}@media (max-width: 480px){.iqaat-rhythm-item{padding:4px 8px;font-size:.7rem}}.iqaat-header{margin-bottom:8px;display:flex;align-items:center;gap:10px}.iqaat-header select{flex:0 1 auto;max-width:220px;padding:8px 10px;font-size:.85rem;border-radius:8px;background:#0f0f1ee6;color:#e0e0e0;border:1px solid rgba(0,224,122,.15)}.iqaat-header select option{background:#1a1a2e;color:#e0e0e0;font-size:1rem;padding:6px}.iqaat-header select optgroup{background:#12122a;color:#00e07a;font-size:.9rem;font-weight:700}.iqaat-info{text-align:center;margin-bottom:6px}.iqaat-name{font-size:1.4rem;font-weight:700;color:#00e07a}.iqaat-name-ar{font-size:1rem;color:#999;margin-left:8px;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif}[dir=rtl] .iqaat-name-ar{margin-left:0;margin-right:8px}.iqaat-time-sig{display:block;font-size:.7rem;color:#666;margin-top:2px}.iqaat-description{font-size:.7rem;color:#777;text-align:center;margin-bottom:8px;line-height:1.3}.iqaat-panel-standalone .control-row{max-width:500px;margin-left:auto;margin-right:auto}.iqaat-panel-standalone .control-group{max-width:220px}.iqaat-pulse-display{display:flex;justify-content:center;align-items:flex-end;gap:4px;padding:8px;margin-bottom:4px;background:transparent;border-radius:10px;border:1px solid rgba(0,224,122,.08);overflow-x:auto;min-height:48px}.iqaa-pulse{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:24px;transition:transform .1s ease}.iqaa-dot{width:20px;height:20px;border-radius:50%;background:#ffffff14;border:1.5px solid rgba(255,255,255,.12);transition:all .1s ease}.iqaa-pulse-d .iqaa-dot{width:28px;height:28px;background:#00e07a26;border-color:#00e07a4d}.iqaa-pulse-t .iqaa-dot{width:18px;height:18px;background:#64c8ff1a;border-color:#64c8ff33}.iqaa-pulse-- .iqaa-dot{width:8px;height:8px;background:#ffffff0a;border-color:#ffffff0f}.iqaa-pulse.accented .iqaa-dot{border-width:2.5px}.iqaa-pulse.active{transform:scale(1.25)}.iqaa-pulse.active .iqaa-dot{box-shadow:0 0 14px #00e07a80}.iqaa-pulse-d.active .iqaa-dot{background:#00e07a;border-color:#0f8}.iqaa-pulse-t.active .iqaa-dot{background:#64c8ff;border-color:#8df}.iqaa-syllable{font-size:.6rem;color:#777;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif}.iqaa-pulse.active .iqaa-syllable{color:#fff}.iqaat-play-row{text-align:center;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:10px}.iqaat-play-btn{padding:0;width:46px;height:46px;border:none;border-radius:50%;font-size:1.2rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;background:linear-gradient(135deg,#00e07a,#00c06a);color:#0d0d1a;box-shadow:0 2px 8px #00e07a33}.iqaat-play-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00e07a4d}.iqaat-play-btn.playing{background:linear-gradient(135deg,#f44,#d33);color:#fff;box-shadow:0 2px 8px #ff444440}.iqaat-fills-btn{padding:4px 12px;height:32px;border:1.5px solid rgba(255,200,100,.3);border-radius:16px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:#ffc86414;color:#ffc86499}.iqaat-fills-btn:hover{background:#ffc86426;color:#ffc864cc}.iqaat-fills-btn.active{background:#ffc86433;border-color:#ffc86499;color:#ffc864;box-shadow:0 0 8px #ffc86426}.iqaat-demo-btn{padding:4px 14px;height:32px;border:1.5px solid rgba(0,224,122,.3);border-radius:16px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:#00e07a14;color:#00e07a99}.iqaat-demo-btn:hover{background:#00e07a26;color:#00e07acc}.iqaat-demo-btn.active{background:#00e07a33;border-color:#00e07a99;color:#00e07a;box-shadow:0 0 8px #00e07a26;animation:demo-pulse .8s ease-in-out infinite alternate}@keyframes demo-pulse{0%{box-shadow:0 0 4px #00e07a1a}to{box-shadow:0 0 12px #00e07a4d}}.iqaat-pads-section{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.iqaat-pads-title{text-align:center;font-size:.8rem;color:#fff6;margin:0 0 12px;font-weight:500}.iqaat-drum-pads{display:flex;justify-content:center;gap:12px;padding:0 8px}.iqaat-pad{flex:1;max-width:160px;min-width:80px;aspect-ratio:1;border-radius:16px;border:2px solid rgba(255,255,255,.12);background:#ffffff0a;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:transform .06s,background .06s,border-color .1s;user-select:none;-webkit-user-select:none;position:relative}.iqaat-pad-label{font-size:1.5rem;font-weight:700;letter-spacing:2px}.iqaat-pad-ar{font-size:1rem;opacity:.6;font-family:Amiri,serif}.iqaat-pad-key{position:absolute;bottom:8px;right:10px;font-size:.7rem;font-weight:600;color:#fff6;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:2px 6px;font-family:monospace}.iqaat-pad-dum{border-color:#ff78324d;color:#ffa050d9}.iqaat-pad-dum.iqaat-pad-hit{background:#ff783240;border-color:#ff7832b3;color:#f94;transform:scale(.94);box-shadow:0 0 20px #ff78324d}.iqaat-pad-tak{border-color:#00c8ff4d;color:#64dcffd9}.iqaat-pad-tak.iqaat-pad-hit{background:#00c8ff33;border-color:#00c8ffb3;color:#4df;transform:scale(.94);box-shadow:0 0 20px #00c8ff4d}.iqaat-pad-ka{border-color:#c8b46440;color:#c8b464b3}.iqaat-pad-ka.iqaat-pad-hit{background:#c8b46433;border-color:#c8b46499;color:#cb6;transform:scale(.94);box-shadow:0 0 16px #c8b46440}.drum-canvas-container{width:100%;height:300px;max-width:400px;margin:0 auto;border-radius:16px;overflow:hidden;background:none;border:none}@media (max-width: 480px){.drum-canvas-container{height:220px;max-width:280px}}.iqaat-pads-hint{text-align:center;font-size:.78rem;color:#ffffff59;margin:12px 0 0}.iqaat-pads-hint kbd{display:inline-block;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:1px 7px;font-family:monospace;font-size:.85rem;font-weight:700;color:#fff9;margin:0 1px;min-width:22px;text-align:center}.iqaa-pulse-k{opacity:.5}.iqaa-pulse-k .iqaa-dot{width:10px;height:10px;background:#ffc86414;border-color:#ffc86426}.iqaa-pulse-k .iqaa-syllable{font-size:.45rem;color:#ffc86466}.iqaa-pulse-k.active .iqaa-dot{background:#ffc86480;border-color:#ffc864b3;box-shadow:0 0 6px #ffc8644d}.iqaa-pulse-k.active .iqaa-syllable{color:#ffc864}.ensemble-controls{margin-top:4px}.ensemble-controls .control-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:4px}.ensemble-parts-list{margin-top:4px}.ensemble-part-item{display:flex;align-items:center;gap:6px;padding:6px;border-radius:4px;font-size:.78rem;min-height:36px}.ensemble-part-item.selected{background:#1a1a3a}.ensemble-part-item .part-name{font-weight:600;min-width:50px}.ensemble-part-item .part-notes{color:#666;font-size:.65rem;margin-left:auto}.part-mute,.part-solo,.part-delete{background:none;border:1px solid #333;color:#666;border-radius:3px;padding:4px 8px;font-size:.65rem;cursor:pointer;min-width:28px;min-height:28px}.part-mute.active{border-color:#f44;color:#f44}.part-solo.active{border-color:#fa0;color:#fa0}.part-delete:hover{border-color:#f44;color:#f44}.ensemble-save-btn{background:linear-gradient(135deg,#00e07a,#00c06a)!important;color:#fff!important;border:none!important}.ensemble-arr-name{color:#00e07a;font-size:.75rem;font-weight:600;padding:2px 0;min-height:16px}.ensemble-saved-list{margin:4px 0;max-height:160px;overflow-y:auto;border-radius:6px;background:#0f0f22cc}.ensemble-saved-empty{color:#555;font-size:.7rem;padding:8px;text-align:center}.ensemble-saved-item{display:flex;align-items:center;gap:6px;padding:6px 8px;cursor:pointer;border-radius:4px;transition:background .15s}.ensemble-saved-item:hover{background:#1a1a3a}.ensemble-saved-item .saved-name{color:#ccc;font-size:.75rem;font-weight:600}.ensemble-saved-item .saved-meta{color:#555;font-size:.6rem;margin-left:auto}.ensemble-saved-item .saved-delete{background:none;border:1px solid #333;color:#666;border-radius:3px;padding:2px 6px;font-size:.65rem;cursor:pointer;min-width:22px;min-height:22px}.ensemble-saved-item .saved-delete:hover{border-color:#f44;color:#f44}.app-version{font-size:.75rem;color:#ffffff80;font-family:monospace;font-weight:400;letter-spacing:.5px;margin-left:4px}#tuner-panel{text-align:center;padding:16px 12px}.tuner-gauge{width:100%;max-width:400px;margin:0 auto 8px}.tuner-arc-svg{width:100%;height:auto;display:block}#tuner-needle-group{transition:transform .12s ease-out}.examples-section{margin:12px 0 8px}.examples-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:6px}.examples-title{font-size:.95rem;font-weight:600;color:#aaa}.examples-filter{display:flex;gap:4px}.example-type-btn{padding:4px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#16162a99;color:#888;font-size:.75rem;cursor:pointer;transition:all .15s}.example-type-btn.active{background:#00e07a26;border-color:#00e07a4d;color:#00e07a}.examples-grid{display:flex;flex-wrap:wrap;gap:6px;max-height:220px;overflow-y:auto;overflow-x:hidden;padding-right:4px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.examples-grid::-webkit-scrollbar{width:4px}.examples-grid::-webkit-scrollbar-track{background:transparent}.examples-grid::-webkit-scrollbar-thumb{background:#00e07a40;border-radius:2px}.examples-grid::-webkit-scrollbar-thumb:hover{background:#00e07a66}.example-card{position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#16162ab3;cursor:pointer;transition:all .15s;min-width:0}.example-card:hover{border-color:#00e07a4d;background:#16162ae6}.example-card.playing{border-color:#00e07a;background:#00e07a1a}.example-play-icon{font-size:1rem;color:#00e07a;flex-shrink:0;width:18px}.example-name-wrap{display:flex;flex-direction:column;min-width:0}.example-name-en,.example-name-ar{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.example-name-en{color:#ccc}.example-name-ar{color:#999;font-size:.75rem}[dir=rtl] .example-name-en{font-size:.75rem;color:#999}[dir=rtl] .example-name-ar{font-size:.8rem;color:#ccc}.example-type-badge{font-size:.6rem;padding:2px 6px;border-radius:4px;background:#ffffff14;color:#888;text-transform:uppercase;flex-shrink:0}.example-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:8px;scrollbar-width:none}.example-chips::-webkit-scrollbar{display:none}.example-chip{padding:5px 12px;border-radius:14px;border:1px solid rgba(0,224,122,.2);background:#00e07a14;color:#00e07a;font-size:.75rem;cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0}.example-chip:hover{background:#00e07a2e;border-color:#00e07a66}.example-search-bar{display:flex;gap:6px;margin-bottom:8px}.example-search-bar input{flex:1;padding:7px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#16162ab3;color:#e0e0e0;font-size:.8rem;outline:none}.example-search-bar input:focus{border-color:#00e07a66}.example-search-bar button{padding:7px 16px;border-radius:8px;border:1px solid rgba(0,224,122,.3);background:#00e07a1f;color:#00e07a;font-size:.8rem;cursor:pointer;transition:all .15s}.example-search-bar button:hover{background:#00e07a38}.example-upload-row{display:flex;gap:8px;margin-bottom:10px;align-items:center}.example-upload-btn{padding:6px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#16162ab3;color:#aaa;font-size:.75rem;cursor:pointer;transition:all .15s}.example-upload-btn:hover{border-color:#00e07a4d;color:#ccc}.example-upload-row select{padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#16162ab3;color:#ccc;font-size:.75rem}.example-search-results{max-height:300px;overflow-y:auto;margin-bottom:8px}.example-result-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#16162a80;margin-bottom:4px}.example-result-item:hover{border-color:#ffffff1f}.example-result-thumb{width:48px;height:36px;border-radius:4px;object-fit:cover;flex-shrink:0}.example-result-info{flex:1;min-width:0}.example-result-name{font-size:.8rem;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.example-result-artist{font-size:.7rem;color:#888}.example-result-source{font-size:.6rem;padding:1px 5px;border-radius:3px;background:#ffffff0f;color:#777;text-transform:uppercase}.example-save-btn{padding:4px 10px;border-radius:6px;border:1px solid rgba(0,224,122,.3);background:#00e07a1a;color:#00e07a;font-size:.7rem;cursor:pointer;flex-shrink:0;transition:all .15s}.example-save-btn:hover{background:#00e07a33}.example-save-type{padding:3px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:#16162ab3;color:#aaa;font-size:.65rem;flex-shrink:0}.example-delete-btn{font-size:.7rem;color:#666;cursor:pointer;padding:2px 6px;border-radius:4px;border:none;background:none;transition:color .15s;flex-shrink:0}.example-delete-btn:hover{color:#f44}.example-player-container{margin-bottom:8px;border-radius:8px;overflow:hidden}.example-player-container iframe{border-radius:8px}.example-searching{color:#888;font-size:.8rem;padding:12px;text-align:center}.tuner-note-display{margin-bottom:8px}.tuner-note{font-size:3.5rem;font-weight:700;color:#e0e0e0;letter-spacing:2px;transition:color .15s}.tuner-octave{font-size:1.5rem;color:#666;vertical-align:super;font-weight:400}.tuner-info{display:flex;justify-content:center;gap:24px;margin-bottom:14px;font-size:1.1rem}.tuner-cents{font-weight:700;font-family:monospace;font-size:1.3rem;min-width:60px;transition:color .15s}.tuner-freq{color:#666;font-family:monospace}#tuner-start{margin-top:4px}.score-instrument-canvas{max-width:100%;margin:8px 0;border-radius:12px;overflow:hidden;background:#0a0a14}.pdf-link-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0c0c1c99;border-top:1px solid rgba(255,255,255,.06)}#keyboard-toggle-btn.active{background:#00aaff40;border-color:#0af;color:#fff}#oud-simulator-btn.active{background:#ffaa0040;border-color:#fa0;color:#fc4}#oud-simulator-container{margin-top:8px;border-radius:14px;overflow:hidden}.keyboard-dock{position:fixed;bottom:0;left:0;right:0;z-index:9998;background:#0c0c1cf5;backdrop-filter:blur(12px);border-top:1px solid rgba(0,170,255,.2);box-shadow:0 -4px 20px #00000080;padding:0 0 env(safe-area-inset-bottom,0);animation:keyboardSlideUp .25s ease}@keyframes keyboardSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.keyboard-dock-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px 4px}.keyboard-dock-title{font-size:.8rem;color:#fff6;font-weight:500}.keyboard-dock-close{background:none;border:none;color:#fff6;font-size:1.3rem;cursor:pointer;padding:0 4px;line-height:1}.keyboard-dock-close:hover{color:#ff6b6b}.keyboard-dock .mk-inst-display{display:none}.keyboard-dock .maqam-keyboard{margin:0}.metronome-widget{position:fixed;bottom:16px;right:16px;z-index:900;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.metronome-toggle{width:44px;height:44px;border-radius:50%;border:none;background:#16162ae6;backdrop-filter:blur(8px);color:#aaa;font-size:1.4rem;cursor:pointer;box-shadow:0 2px 10px #0006;transition:all .2s;display:flex;align-items:center;justify-content:center}.metronome-toggle:hover{color:#00e07a;transform:scale(1.05)}.metronome-toggle.active{color:#00e07a;box-shadow:0 0 12px #00e07a4d}.metronome-controls{background:#16162aeb;backdrop-filter:blur(12px);border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 12px #0006}.metronome-start-btn{width:34px;height:34px;border-radius:50%;border:none;background:linear-gradient(135deg,#00cc6a,#0a5);color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.metronome-start-btn.active{background:linear-gradient(135deg,#f44,#d33)}.metronome-adj-btn{width:28px;height:28px;border-radius:50%;border:1px solid #444;background:transparent;color:#ccc;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.metronome-adj-btn:hover{border-color:#00e07a;color:#00e07a}.metronome-bpm{font-family:monospace;font-size:1.1rem;font-weight:700;color:#e0e0e0;min-width:46px;text-align:center}.metronome-beats{display:flex;gap:4px}.metronome-beat-dot{width:8px;height:8px;border-radius:50%;background:#333;transition:background .1s}.metronome-beat-dot.active{background:#00e07a}.metronome-beat-dot.downbeat{background:#00e07a;box-shadow:0 0 6px #00e07a80}.install-btn{padding:7px 14px;font-size:.78rem;border-radius:8px;cursor:pointer;border:1px solid rgba(0,180,255,.4);background:linear-gradient(135deg,#008cff33,#00c8ff1f);color:#4dc8ff;font-weight:700;white-space:nowrap;min-height:34px;transition:background .2s,border-color .2s,transform .15s;animation:installPulse 3s ease-in-out infinite}.install-btn:hover{border-color:#4dc8ff;background:linear-gradient(135deg,#008cff59,#00c8ff33);transform:scale(1.03)}@keyframes installPulse{0%,to{box-shadow:0 0 #00b4ff00}50%{box-shadow:0 0 8px 2px #00b4ff40}}.lang-toggle{padding:6px 12px;font-size:.75rem;border-radius:8px;cursor:pointer;border:1px solid rgba(0,224,122,.25);background:#00e07a0f;color:#00e07a;font-weight:600;white-space:nowrap;margin-left:auto;min-height:32px;transition:background .2s,border-color .2s;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif}.lang-toggle:hover{border-color:#00e07a;background:#00e07a1f}.score-viewer{background:#16162aeb;backdrop-filter:blur(12px);border:1px solid #2a2a44;border-radius:14px;padding:12px;margin-bottom:10px}.score-viewer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.score-viewer-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.score-viewer-title{font-size:.9rem;font-weight:700;color:#00e07a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-viewer-meta{font-size:.68rem;color:#888}.score-viewer-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}.score-viewer-controls .style-select{max-width:140px;font-size:.72rem}.pdf-progress-wrap{display:flex;align-items:center;gap:6px;flex:1;min-width:100px}.pdf-progress-wrap .tempo-slider{flex:1}.pdf-time-label{font-size:.68rem;color:#999;white-space:nowrap}.pdf-midi-select{max-width:180px;font-size:.72rem}.pdf-midi-status{font-size:.68rem;white-space:nowrap}.score-osmd-container{background:#fff;border-radius:10px;padding:8px 4px;overflow-x:hidden;overflow-y:auto;min-height:200px;max-height:50vh;position:relative;width:100%;box-sizing:border-box}.score-osmd-container>div,.score-osmd-container svg{max-width:100%!important;overflow:hidden}.score-osmd-container .cursor-main{opacity:.5}.score-audio-bar{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#00b47814;border:1px solid rgba(0,224,122,.2);border-radius:8px;margin-bottom:8px}.score-audio-progress-wrap{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.score-audio-progress-wrap input[type=range]{flex:1;min-width:60px}.pdf-tutor-hint{font-size:.68rem;color:#888;padding:6px 10px;background:#ffc8320d;border:1px dashed rgba(255,200,50,.2);border-radius:8px;margin-top:6px;line-height:1.4}.score-notation-container{background:#fff;border-radius:10px;padding:8px 4px;overflow-x:hidden;overflow-y:auto;min-height:120px;width:100%;box-sizing:border-box}.score-notation-container svg{max-width:100%;display:block}.vf-note-active{filter:drop-shadow(0 0 6px #00e07a) drop-shadow(0 0 12px rgba(0,224,122,.4));transition:filter .1s ease}.vf-note-active *{fill:#00e07a!important;stroke:#00e07a!important}.score-browser{background:#16162af2;backdrop-filter:blur(12px);border-radius:14px;padding:0;display:flex;flex-direction:column;min-height:70vh}.score-browser-header{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #2a2a44}.score-back-btn{background:#00e07a1f;color:#00e07a;border:1px solid rgba(0,224,122,.3);border-radius:8px;padding:6px 14px;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .2s}.score-back-btn:hover{background:#00e07a38}.score-browser-iframe{flex:1;width:100%;min-height:70vh;border:none;border-radius:0 0 14px 14px;background:#fff}.score-browser-pdf{flex:1;overflow:auto;padding:8px;display:flex;flex-direction:column;align-items:center}.score-browser-pdf .pdf-canvas{max-width:100%;border-radius:4px}.score-browser-pdf .pdf-page-label{color:#aaa;font-size:.7rem;margin-top:6px}.score-upload-area{display:flex;justify-content:center;padding:6px 0}.scores-hero{text-align:start;padding:4px 0 2px;display:flex;align-items:center;gap:0}.scores-hero h2{font-size:.95rem;margin:0;display:inline}.scores-hero .hero-text{font-size:.9rem;color:#aaa}.scores-search-bar{margin-bottom:8px}.scores-filters{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.scores-type-filter{display:flex;gap:4px;flex-wrap:wrap;flex:1}.score-type-btn{padding:4px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#16162a99;color:#888;font-size:.72rem;cursor:pointer;transition:all .15s;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif}.score-type-btn.active{background:#00e07a26;border-color:#00e07a4d;color:#00e07a}.scores-maqam-filter select{background:#16162acc;color:#ccc;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:5px 10px;font-size:.78rem;outline:none}.scores-count{font-size:.85rem;color:#666;margin-bottom:6px;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif}.scores-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-height:60vh;overflow-y:auto;padding-right:4px;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.scores-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.scores-grid{grid-template-columns:1fr}}.scores-grid::-webkit-scrollbar{width:4px}.scores-grid::-webkit-scrollbar-track{background:transparent}.scores-grid::-webkit-scrollbar-thumb{background:#00e07a40;border-radius:2px}.score-card{padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#16162ab3;cursor:pointer;transition:all .15s}.score-card:hover{border-color:#00e07a4d;background:#16162ae6}.score-card-no-pdf{opacity:.4;cursor:default}.score-admin-bar{position:absolute;top:4px;right:4px;display:flex;gap:4px}.score-admin-edit{background:#00aaff26;color:#0af;border:none;border-radius:4px;width:24px;height:24px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.score-admin-edit:hover{background:#00aaff4d}.score-admin-bar .admin-delete-btn{position:static;width:24px;height:24px;font-size:.75rem;border-radius:4px}.score-card-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}.score-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.score-name{font-size:1rem;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;width:100%;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif}.score-badges{display:flex;gap:4px;flex-shrink:0}.score-sound-badge{font-size:.85rem;color:#f39c12;margin-right:2px}.score-type-badge{font-size:.72rem;padding:2px 6px;border-radius:4px;background:#00e07a1f;color:#00e07a;text-transform:uppercase;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif}.score-maqam-badge{font-size:.72rem;padding:2px 6px;border-radius:4px;background:#ffffff14;color:#aaa;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif}.score-card-meta{display:flex;justify-content:space-between;align-items:center}.score-composer{font-size:.85rem;color:#888;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif}.score-source{font-size:.75rem;color:#555;font-style:italic}.scores-empty{text-align:center;color:#666;padding:20px;font-size:.85rem}.songs-error,.pdf-error,.score-error{text-align:center;padding:24px 16px}.songs-error .error-title,.pdf-error .pdf-error-title{font-size:1.1rem;font-weight:600;color:#ff6b6b;margin-bottom:8px}.songs-error .error-detail,.pdf-error .pdf-error-detail{font-size:.85rem;color:#ffffff80;word-break:break-word;max-width:500px;margin:0 auto}.error-retry-btn{margin-top:12px;padding:8px 20px;border:1px solid #00e07a;background:transparent;color:#00e07a;border-radius:6px;cursor:pointer}.error-retry-btn:hover{background:#00e07a1a}.songs-error-msg{color:#ff6b6b;font-size:.85rem}.pdf-error .pdf-error-detail{font-size:1rem;color:#fff9;word-break:break-word;max-width:90%;margin:8px auto;-webkit-user-select:text;user-select:text}.pdf-error .pdf-error-url{font-size:.85rem;color:#fff6;word-break:break-all;max-width:90%;margin:8px auto 0;font-family:monospace;-webkit-user-select:text;user-select:text;padding:8px;background:#0000004d;border-radius:6px}.score-error{color:#ff6b6b;font-size:.85rem}.score-scale-bar{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#c8963e14;border-bottom:1px solid rgba(200,150,62,.15);font-size:.85rem;flex-wrap:wrap}.score-scale-bar:empty{display:none}.score-scale-label{color:#c8963e;font-weight:600;margin-right:4px}.score-scale-note{color:#e0e0e0;background:#ffffff0f;padding:2px 8px;border-radius:4px;font-size:.82rem;font-weight:500}.coupon-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:couponFadeIn .2s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (max-height: 500px){.coupon-overlay{align-items:flex-start;padding-top:20px}}@keyframes couponFadeIn{0%{opacity:0}to{opacity:1}}.coupon-box{position:relative;background:#16162af2;border:1px solid rgba(0,224,122,.2);border-radius:16px;padding:28px 24px;max-width:360px;width:90%;box-shadow:0 8px 32px #00000080;text-align:center}.modal-lang-toggle{position:absolute;top:12px;right:12px;z-index:1}[dir=rtl] .modal-lang-toggle{right:auto;left:12px}.coupon-box h2{font-size:1.1rem;color:#00e07a;margin-bottom:8px}.coupon-box p{font-size:.82rem;color:#888;margin-bottom:16px}.coupon-input{width:100%;background:#222244b3;color:#e0e0e0;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 14px;font-size:16px;text-align:center;letter-spacing:2px;font-weight:600;outline:none;transition:border-color .2s}.coupon-input:focus{border-color:#00e07a;box-shadow:0 0 0 2px #00e07a26}.coupon-error{color:#f44;font-size:.78rem;min-height:20px;margin:8px 0}.coupon-actions{display:flex;gap:8px;margin-top:8px}.coupon-cancel-btn{flex:1;padding:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#888;font-size:.85rem;font-weight:600;cursor:pointer}.coupon-cancel-btn:hover{background:#ffffff1a;color:#bbb}.coupon-submit-btn{flex:1;padding:10px;background:linear-gradient(135deg,#00e07a,#00c06a);border:none;border-radius:10px;color:#0d0d1a;font-size:.85rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #00e07a40}.coupon-submit-btn:hover{background:linear-gradient(135deg,#00f08a,#00d070)}.auth-box{max-width:380px}.auth-input{width:100%;background:#222244b3;color:#e0e0e0;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 14px;font-size:.9rem;outline:none;transition:border-color .2s;margin-bottom:10px;box-sizing:border-box}.auth-input:focus{border-color:#00e07a;box-shadow:0 0 0 2px #00e07a26}.auth-submit-btn{width:100%;flex:none;margin-top:4px}.auth-divider{color:#666;font-size:.78rem;margin:12px 0;text-align:center}.auth-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#e0e0e0;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.auth-google-btn:hover{background:#ffffff1f}.auth-google-btn svg{flex-shrink:0}.auth-links{margin-top:16px;display:flex;flex-direction:column;gap:6px}.auth-links a{color:#00e07a;text-decoration:none;font-size:.78rem;cursor:pointer}.auth-links a:hover{text-decoration:underline}.license-help{margin-top:12px;text-align:center}.header-signin-btn{padding:5px 14px;border-radius:20px;border:1px solid rgba(200,150,62,.4);background:transparent;color:#c8963e;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}.header-signin-btn:hover{background:#c8963e;color:#fff}.user-profile{position:relative;display:flex;align-items:center}.user-profile-btn{display:flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:4px 12px 4px 4px;cursor:pointer;color:#e0e0e0;font-size:.78rem;transition:background .2s}.user-profile-btn:hover{background:#ffffff1f}.user-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#00e07a,#00a060);color:#0d0d1a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem}.user-display-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:#16162af2;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 0;min-width:180px;box-shadow:0 8px 32px #00000080;z-index:100}[dir=rtl] .user-dropdown{right:auto;left:0}.user-dropdown-email{padding:4px 14px 8px;font-size:.72rem;color:#888;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:4px}.admin-badge{padding:4px 14px;font-size:.72rem;color:#f5a623;font-weight:600}.user-dropdown-item{width:100%;padding:8px 14px;background:none;border:none;color:#e0e0e0;font-size:.82rem;cursor:pointer;text-align:left}[dir=rtl] .user-dropdown-item{text-align:right}.user-dropdown-item:hover{background:#ffffff0f}.admin-only{display:none!important}body.admin-mode .admin-only{display:flex!important}body.admin-mode button.admin-only{display:inline-flex!important}body.admin-mode details.admin-only{display:block!important}.admin-delete-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#f44c;border:none;color:#fff;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:2}.admin-delete-btn:hover{background:#f44}.admin-edit-btn{position:absolute;top:6px;right:34px;width:24px;height:24px;border-radius:50%;background:#00e07acc;border:none;color:#0d0d1a;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:2}.admin-edit-btn:hover{background:#00e07a}[dir=rtl] .admin-delete-btn{right:auto;left:6px}[dir=rtl] .admin-edit-btn{right:auto;left:34px}.score-source-uploaded{color:#00e07a;font-size:.65rem;opacity:.8}[dir=rtl] body{font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif}[dir=rtl] .lang-toggle{margin-left:0;margin-right:auto}[dir=rtl] #header-content,[dir=rtl] #pitch-info{direction:rtl}[dir=rtl] .control-group label{text-align:right}[dir=rtl] .control-row{direction:rtl}[dir=rtl] .time-display,[dir=rtl] #transpose-display{margin-left:0;margin-right:auto}[dir=rtl] .search-bar{direction:rtl}[dir=rtl] .file-group input[type=file]::file-selector-button{margin-right:0;margin-left:6px}[dir=rtl] .taqasim-editor-controls{direction:rtl}[dir=rtl] .editor-info,[dir=rtl] .ensemble-part-item .part-notes{margin-left:0;margin-right:auto}.explorer-container{padding:16px;max-width:1000px;margin:0 auto}.explorer-title{text-align:center;color:#00e07a;margin-bottom:4px}.explorer-subtitle{text-align:center;color:#888;font-size:.85rem;margin-bottom:16px}.explorer-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}.explorer-families{display:flex;flex-wrap:wrap;gap:6px;flex:1}.family-tab{padding:5px 12px;border-radius:16px;border:1px solid #333;background:#ffffff0a;color:#ccc;font-size:.8rem;cursor:pointer;transition:all .2s}.family-tab:hover{background:#ffffff14}.family-tab.active{background:#00e07a26;color:#00e07a;border-color:#00e07a}.explorer-root{display:flex;align-items:center;gap:6px}.explorer-root select{background:#1a1a2e;color:#eee;border:1px solid #333;border-radius:8px;padding:5px 10px}.explorer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:20px}.maqam-card{padding:10px;border-radius:10px;border:1px solid #222;background:#ffffff08;cursor:pointer;text-align:center;transition:all .2s;display:flex;flex-direction:column;gap:2px}.maqam-card:hover{background:#ffffff14;border-color:var(--accent)}.maqam-card.selected{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:var(--accent)}.maqam-card-name{font-weight:600;color:#eee;font-size:.9rem}.maqam-card-arabic{color:#aaa;font-size:.8rem}.maqam-card-family{color:#666;font-size:.7rem;text-transform:uppercase}.explorer-detail{background:#ffffff0a;border:1px solid #222;border-radius:14px;padding:16px;margin-bottom:20px}.detail-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.detail-header h3{margin:0;font-size:1.3rem}.scale-notes{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-bottom:12px}.scale-note{width:44px;height:52px;border-radius:8px;background:#ffffff0f;border:1px solid #333;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s;position:relative}.scale-note.root{background:#ff642233;border-color:#f62}.scale-note.ghammaz{background:#00aaff26;border-color:#0af}.scale-note.emphasis{background:#00cc661a;border-color:#0c6}.scale-note.quarter{background:#9966ff26;border-color:#96f}.scale-note.playing{background:#00eeff40;border-color:#0ef;box-shadow:0 0 12px #00eeff4d}.note-name{font-weight:600;color:#eee;font-size:.85rem}.note-interval{font-size:.65rem;color:#888}.note-badge{position:absolute;top:-8px;right:-4px;font-size:.55rem;background:#0af;color:#fff;padding:1px 4px;border-radius:6px}.scale-step{color:#555;font-size:.7rem;font-weight:600}.jins-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.jins-block{flex:1;min-width:140px;padding:10px;border-radius:10px;border:1px solid #333;background:#ffffff08}.jins-label{display:block;font-weight:600;color:#aaa;font-size:.75rem;margin-bottom:4px}.jins-notes{display:block;color:#eee;font-size:.9rem}.jins-degrees{display:block;color:#555;font-size:.7rem}.jins-pivot{font-size:1.2rem;font-weight:600}.branches-section,.modulation-section{margin-top:12px}.branches-section h4,.modulation-section h4{color:#aaa;font-size:.85rem;margin-bottom:8px}.mod-hint{color:#555;font-size:.75rem;margin-bottom:6px}.branches-list{display:flex;flex-wrap:wrap;gap:6px}.branch-btn{padding:4px 12px;border-radius:14px;border:1px solid #333;background:#ffffff0a;color:#ccc;font-size:.8rem;cursor:pointer}.branch-btn:hover{background:#ffffff1a}.detail-actions{display:flex;gap:8px;margin-top:12px}.explorer-play-btn{padding:8px 20px;border-radius:10px;border:1px solid #00e07a;background:#00e07a1f;color:#00e07a;cursor:pointer;font-size:.85rem;transition:all .2s}.explorer-play-btn:hover{background:#00e07a40}.compare-btn{border-color:#fa0;color:#fa0}.compare-btn:hover{background:#ffaa0026}.trainer-container{padding:12px;max-width:900px;margin:0 auto}.trainer-title{text-align:center;color:#00e07a;margin-bottom:4px;font-size:1.3rem}.trainer-subtitle{text-align:center;color:#888;font-size:.8rem;margin-bottom:16px}.trainer-source-bar{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.trainer-midi-select{flex:1;min-width:180px;font-size:.8rem}.trainer-or{color:#555;font-size:.75rem}.trainer-drop-zone{border:2px dashed #333;border-radius:10px;padding:10px 16px;text-align:center;cursor:pointer;transition:all .2s;color:#888;font-size:.78rem;white-space:nowrap}.trainer-drop-zone:hover,.trainer-drop-zone.drag-over{border-color:#00e07a;background:#00e07a0d}.trainer-song-info{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:8px 12px;border-radius:8px;background:#ffffff0a}.trainer-song-label{color:#00e07a;font-weight:600;font-size:.9rem}.trainer-song-meta{color:#888;font-size:.75rem}.trainer-controls{margin-bottom:10px}.trainer-transport{display:flex;align-items:center;gap:8px;margin-bottom:8px}.trainer-btn{width:36px;height:36px;border-radius:50%;border:1px solid #333;background:#ffffff0f;color:#eee;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.trainer-btn:hover{background:#ffffff1f}.trainer-btn.play-btn{border-color:#00e07a;color:#00e07a}.trainer-progress-bar{flex:1;height:8px;background:#1a1a2e;border-radius:4px;position:relative;overflow:hidden;cursor:pointer}.progress-fill{height:100%;background:#00e07a;border-radius:4px;width:0;transition:width .1s}.progress-time{color:#888;font-size:.72rem;white-space:nowrap}.trainer-settings{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.trainer-setting{display:flex;align-items:center;gap:6px;color:#888;font-size:.78rem}.trainer-setting input[type=range]{width:80px;accent-color:#00e07a}#trainer-tempo-value{color:#eee;font-size:.78rem;min-width:36px}.trainer-settings .style-select{max-width:120px;font-size:.75rem}.trainer-section-label{color:#555;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;padding-left:4px}.trainer-score-section{margin-bottom:8px}.trainer-notation{max-height:240px;overflow:auto;border-radius:10px;background:#ffffff08;padding:6px;scrollbar-width:thin}.trainer-instrument-section{margin-bottom:8px}.trainer-instrument{border-radius:14px;overflow:hidden}.trainer-tuning-btn{font-size:.72rem;padding:4px 10px;border-radius:14px;white-space:nowrap;transition:all .2s}.trainer-tuning-btn.active{background:#00e07a26;border-color:#00e07a;color:#00e07a}.trainer-row2{margin-top:6px;padding-top:6px;border-top:1px solid #222}.trainer-separator{color:#333;margin:0 2px}.trainer-loop-status{font-size:.7rem;color:#fa0;white-space:nowrap}#trainer-loop-btn.active{background:#ffaa0026;border-color:#fa0;color:#fa0}.trainer-transpose-label{display:inline-block;min-width:24px;text-align:center;font-size:.78rem;font-weight:600;color:#eee}.loop-region{position:absolute;top:0;height:100%;border-radius:4px;background:#fa03;border:1px solid rgba(255,170,0,.5);pointer-events:none}.trainer-practice-btn.active{background:#ff444426;border-color:#f44;color:#f44}.trainer-practice-score{font-size:.8rem;font-weight:700;min-width:36px}.trainer-hint{text-align:center;color:#666;font-size:.78rem;padding:8px}.evaluator-container{padding:16px;max-width:700px;margin:0 auto}.evaluator-title{text-align:start;color:#00e07a;margin-bottom:4px}.evaluator-subtitle{text-align:center;color:#888;font-size:.85rem;margin-bottom:20px}.eval-setup{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.eval-setting{display:flex;flex-direction:column;gap:4px;flex:1;min-width:150px}.eval-setting label{color:#888;font-size:.8rem}.eval-setting select{background:#1a1a2e;color:#eee;border:1px solid #333;border-radius:8px;padding:8px}.eval-mic-section{text-align:center;margin-bottom:20px}.eval-record-btn{padding:12px 32px;border-radius:24px;border:2px solid #ff4444;background:#ff44441a;color:#f44;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.eval-record-btn:hover{background:#f443}.eval-record-btn.recording{background:#ff44444d;animation:pulse-rec 1.5s infinite}.rec-dot{width:12px;height:12px;border-radius:50%;background:#f44}.eval-record-btn.recording .rec-dot{animation:blink 1s infinite}@keyframes blink{50%{opacity:.3}}@keyframes pulse-rec{0%,to{box-shadow:0 0 #f446}50%{box-shadow:0 0 0 12px #f440}}.eval-live{margin-top:16px}.live-pitch{display:flex;align-items:baseline;justify-content:center;gap:8px}.live-note{font-size:2.5rem;font-weight:700;color:#00e07a}.live-freq{color:#888;font-size:.9rem}.live-meter{height:6px;background:#1a1a2e;border-radius:3px;margin:8px 0;overflow:hidden}.meter-fill{height:100%;background:#00e07a;transition:width .1s;width:0}.live-timer{color:#888;font-size:.85rem}.eval-results{margin-top:20px}.eval-results h3{text-align:center;color:#eee;margin-bottom:16px}.eval-scores{display:flex;justify-content:center;gap:24px;margin-bottom:20px}.eval-score-item{text-align:center}.score-ring{width:80px;height:80px;border-radius:50%;background:conic-gradient(var(--color) calc(var(--pct) * 1%),#222 0);display:flex;align-items:center;justify-content:center;position:relative}.score-ring:before{content:"";width:64px;height:64px;border-radius:50%;background:#0a0a14;position:absolute}.score-ring span{position:relative;z-index:1;color:#eee;font-weight:700;font-size:.95rem}.score-label{display:block;margin-top:6px;color:#888;font-size:.8rem}.feedback-msg{padding:8px 14px;border-radius:10px;margin-bottom:6px;background:#ffffff0a;border-left:3px solid #00e07a;color:#ccc;font-size:.85rem}[dir=rtl] .feedback-msg{border-left:none;border-right:3px solid #00e07a}.detected-maqam{text-align:center;padding:10px;border-radius:10px;background:#00aaff1a;border:1px solid rgba(0,170,255,.3);color:#aaa;font-size:.9rem;margin-top:12px}.detected-maqam strong{color:#0af}.detector-container{padding:16px;max-width:700px;margin:0 auto}.detector-title{text-align:center;color:#00e07a;margin-bottom:4px}.detector-subtitle{text-align:center;color:#888;font-size:.85rem;margin-bottom:24px}.detector-modes{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.detector-mode-card{flex:1;min-width:200px;padding:24px;border-radius:16px;background:#ffffff08;border:1px solid #222;text-align:center;transition:all .2s}.detector-mode-card:hover{border-color:#00e07a;background:#00e07a08}.mode-icon{font-size:2.5rem;margin-bottom:8px}.detector-mode-card h3{color:#eee;margin:0 0 4px;font-size:1rem}.detector-mode-card p{color:#888;font-size:.8rem;margin:0 0 12px}.detector-start-btn{padding:10px 24px;border-radius:20px;border:1px solid #00e07a;background:#00e07a1f;color:#00e07a;cursor:pointer;font-size:.9rem;transition:all .2s}.detector-start-btn:hover{background:#00e07a40}.detector-live-status{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;margin-bottom:16px}.status-pulse{width:10px;height:10px;border-radius:50%;background:#00e07a;animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}#detector-status-text{color:#888;font-size:.85rem}.live-current-note{font-size:1.5rem;font-weight:700;color:#00e07a}.detector-result{background:#ffffff08;border:1px solid #222;border-radius:16px;padding:20px}.result-main{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:16px}.result-maqam,.result-key,.result-confidence{flex:1;min-width:100px;text-align:center}.result-label{display:block;color:#888;font-size:.75rem;margin-bottom:4px}.result-value{display:block;font-size:1.8rem;font-weight:700;color:#00e07a}.result-arabic{display:block;color:#aaa;font-size:1rem}.result-key .result-value{color:#fa0}.confidence-bar{height:6px;background:#1a1a2e;border-radius:3px;overflow:hidden;margin-top:8px}.confidence-fill{height:100%;border-radius:3px;transition:width .3s;width:0}.confidence-pct{color:#888;font-size:.8rem}.detected-scale-notes{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:16px}.det-scale-note{padding:6px 10px;border-radius:8px;background:#ffffff0f;border:1px solid #333;color:#ccc;font-size:.85rem}.det-scale-note.root{background:#ff642233;border-color:#f62;color:#f84;font-weight:700}.det-scale-note.quarter{background:#9966ff26;border-color:#96f;color:#b8f}.result-histogram{margin-top:12px}.result-histogram h4{color:#888;font-size:.8rem;margin-bottom:8px;text-align:center}.result-histogram canvas{width:100%;border-radius:8px;background:#0003}.result-family{text-align:center;color:#888;font-size:.85rem;margin-top:12px}.result-family strong{color:#0af;text-transform:capitalize}.detector-stop-btn{display:block;margin:16px auto;padding:10px 32px;border-radius:20px;border:1px solid #ff4444;background:#ff44441a;color:#f44;cursor:pointer;font-size:.9rem}.detector-stop-btn:hover{background:#f443}.result-journey{margin-top:16px}.result-journey h4{color:#888;font-size:.85rem;margin-bottom:8px;text-align:center}.result-journey canvas{width:100%;border-radius:8px;background:#0003}.journey-summary{margin-top:8px;text-align:center}.journey-stats{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;color:#888;font-size:.8rem}.journey-stats strong{color:#eee}.journey-maqam-pct{padding:2px 8px;border-radius:10px;background:#ffffff0d}.iqaat-detect-section{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.iqaat-detect-title{font-size:1rem;color:#eee;margin:0 0 6px}.iqaat-detect-hint{color:#888;font-size:.8rem;margin:0 0 12px}.iqaat-detect-controls{display:flex;gap:8px;margin-bottom:12px}.iqaat-detect-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border:1px solid rgba(0,224,122,.3);border-radius:10px;background:#00e07a14;color:#00e07a;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.iqaat-detect-btn.active{background:#00e07a;color:#080812;animation:detect-pulse 1.5s ease infinite}@keyframes detect-pulse{0%,to{box-shadow:0 0 #00e07a66}50%{box-shadow:0 0 0 8px #00e07a00}}.iqaat-detect-clear{padding:10px 16px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:none;color:#888;font-size:.82rem;cursor:pointer}.iqaat-detect-hits{display:flex;gap:4px;flex-wrap:wrap;min-height:36px;padding:8px;border-radius:8px;background:#0003;margin-bottom:10px;overflow-x:auto}.detect-hit{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0}.detect-hit-d{background:#dc5028b3}.detect-hit-t{background:#3c8cdcb3}.iqaat-detect-bpm{color:#00e07a;font-size:.9rem;font-weight:600;margin-bottom:10px}.iqaat-detect-results{display:flex;flex-direction:column;gap:6px}.detect-match{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.detect-match-top{background:#00e07a14;border-color:#00e07a40}.detect-match-name{flex:1;color:#eee;font-size:.88rem;font-weight:600}.detect-match-conf{color:#00e07a;font-weight:700;font-size:.9rem}.detect-match-sig{color:#888;font-size:.78rem;padding:2px 8px;border-radius:6px;background:#ffffff0f}.quran-view{padding:16px}.quran-header{text-align:center;margin-bottom:20px}.quran-header h2{color:#eee;font-size:1.3rem;margin:0 0 6px}.quran-subtitle{color:#888;font-size:.82rem;margin:0}.quran-practice-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:#16162a99;margin-bottom:20px;flex-wrap:wrap}.quran-practice-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid rgba(0,224,122,.25);border-radius:10px;background:#00e07a0f;color:#00e07a;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.quran-practice-btn.active{background:#00e07a;color:#080812;animation:detect-pulse 1.5s ease infinite}.quran-practice-result{display:flex;align-items:center;gap:6px;color:#888;font-size:.85rem}.quran-detected-name{font-weight:700;font-size:.95rem;transition:color .3s}.quran-maqam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:28px}.quran-maqam-card{padding:14px;border-radius:14px;background:#16162a80;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .25s;overflow:hidden}.quran-maqam-card:hover{border-color:var(--accent, rgba(255,255,255,.15));background:#16162abf}.quran-maqam-card.expanded{border-color:var(--accent, #00e07a);box-shadow:0 0 20px #0000004d}.quran-maqam-card.highlight{border-color:var(--accent, #00e07a);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 30%,transparent);transform:scale(1.02)}.quran-maqam-card.detected{border-color:var(--accent, #00e07a);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 25%,transparent)}.qmc-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.qmc-order{width:26px;height:26px;border-radius:50%;background:var(--accent, #444);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.qmc-names{flex:1}.qmc-name-en{color:#eee;font-weight:600;font-size:.95rem}.qmc-name-ar{color:#aaa;font-size:.85rem;margin-inline-start:6px}.qmc-play-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:none;color:#ccc;font-size:.8rem;cursor:pointer;transition:all .2s;flex-shrink:0}.qmc-play-btn:hover{background:#ffffff14;color:#fff}.qmc-play-btn.playing{background:var(--accent);color:#fff}.qmc-mood{color:var(--accent, #888);font-size:.78rem;font-style:italic;margin-bottom:6px}.qmc-scale{font-family:monospace;font-size:.72rem;color:#888;padding:4px 8px;background:#0003;border-radius:6px;margin-bottom:8px;white-space:nowrap;overflow-x:auto}.qmc-usage{color:#aaa;font-size:.78rem;line-height:1.4;max-height:0;overflow:hidden;transition:max-height .3s ease}.quran-maqam-card.expanded .qmc-usage{max-height:200px}.qmc-reciters{margin-top:6px;font-size:.75rem;color:#888;max-height:0;overflow:hidden;transition:max-height .3s ease;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.quran-maqam-card.expanded .qmc-reciters{max-height:60px}.qmc-reciter{padding:2px 8px;border-radius:8px;background:#ffffff0f;color:#bbb;font-size:.72rem}.quran-section-title{color:#eee;font-size:1.05rem;margin:0 0 6px}.quran-section-desc{color:#888;font-size:.8rem;margin:0 0 14px}.quran-transitions{display:flex;flex-direction:column;gap:12px}.quran-transition-card{padding:14px;border-radius:12px;background:#16162a66;border:1px solid rgba(255,255,255,.06)}.qtc-name{font-weight:600;color:#eee;font-size:.92rem;margin-bottom:8px}.qtc-sequence{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px}.qtc-step{padding:4px 10px;border-radius:8px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent, #ccc);font-size:.78rem;font-weight:600}.qtc-arrow{color:#555;font-size:.7rem}.qtc-desc{color:#999;font-size:.78rem;line-height:1.4;margin-bottom:10px}.qtc-play-btn{padding:8px 16px;border:1px solid rgba(0,224,122,.2);border-radius:8px;background:#00e07a0f;color:#00e07a;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.qtc-play-btn:hover{background:#00e07a26}.acad-maqam-section{padding:12px;margin-bottom:8px}.acad-maqam-heading{font-size:.9rem;font-weight:700;color:#c8a96a;margin:0 0 2px}.acad-maqam-sub{font-size:.72rem;color:#fff6;margin:0 0 10px}.acad-maqam-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media (max-width: 480px){.acad-maqam-grid{grid-template-columns:repeat(2,1fr)}}.acad-maqam-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border-radius:10px;background:#ffffff08;border:1.5px solid rgba(255,255,255,.1);text-decoration:none;cursor:pointer;transition:all .15s}.acad-maqam-card:hover{background:#ffffff0f;transform:translateY(-2px)}.acad-maqam-name{font-size:1.1rem;font-weight:700}.acad-maqam-en{font-size:.7rem;color:#ffffff80;text-transform:capitalize}.acad-maqam-mood{font-size:.6rem;color:#ffffff4d;font-style:italic}.mql-container{max-width:700px;margin:0 auto}.mql-header{margin-bottom:12px}.mql-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.mql-name{font-size:1.2rem;font-weight:700;color:#c8a96a;margin:0}.mql-family{font-size:.7rem;color:#fff6;background:#ffffff0f;padding:2px 8px;border-radius:10px}.mql-verified{color:#00e07a;font-size:.8rem}.mql-desc{font-size:.82rem;color:#fff9;line-height:1.5;margin:4px 0 8px}.mql-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.mql-badge{font-size:.68rem;padding:3px 8px;border-radius:6px;background:#ffffff0f;color:#ffffffb3;border:1px solid rgba(255,255,255,.08)}.mql-level{text-transform:capitalize;color:#c8a96a;border-color:#c8a96a33}.mql-mood-tag{font-size:.62rem;padding:2px 6px;border-radius:4px;background:#00e07a14;color:#00e07a99}.mql-microtones{margin-top:6px;display:flex;gap:6px}.mql-micro-badge{font-size:.7rem;padding:3px 8px;border-radius:6px;background:#c864321a;color:#e0a060;border:1px solid rgba(200,100,50,.2)}.mql-drone-bar{margin-bottom:10px;text-align:center}.mql-drone-btn{padding:8px 20px;border-radius:20px;border:1.5px solid rgba(200,169,106,.3);background:#c8a96a0f;color:#c8a96a;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.mql-drone-btn:hover{background:#c8a96a1f}.mql-drone-btn.active{background:#c8a96a33;border-color:#c8a96a;box-shadow:0 0 12px #c8a96a4d}.mql-tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:0}.mql-tab{padding:8px 16px;border:none;background:none;color:#ffffff80;font-size:.82rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.mql-tab:hover{color:#ffffffb3}.mql-tab.active{color:#00e07a;border-bottom-color:#00e07a}.mql-score-container{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:8px;margin-bottom:10px;min-height:60px;overflow-x:auto}.mql-play-row{display:flex;gap:8px;justify-content:center;margin-bottom:12px}.mql-play-btn{padding:6px 16px;border-radius:8px;border:1px solid rgba(0,224,122,.3);background:#00e07a14;color:#00e07a;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.mql-play-btn:hover{background:#00e07a26}.mql-phrase-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px;margin-bottom:10px}.mql-phrase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.mql-phrase-label{font-size:.85rem;font-weight:600;color:#fffc}.mql-phrase-diff{font-size:.6rem;color:#c8a96a80;letter-spacing:2px}.mql-phrase-solfege{font-size:.72rem;color:#fff6;font-family:monospace;margin-bottom:8px;text-align:center}.mql-section-title{font-size:.9rem;color:#fff9;margin:16px 0 8px;font-weight:600}.mql-quiz-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:14px;margin-bottom:12px}.mql-quiz-prompt{font-size:.88rem;color:#fffc;margin-bottom:10px;line-height:1.5}.mql-quiz-choices{display:flex;gap:8px;flex-wrap:wrap}.mql-quiz-choice{padding:8px 16px;border-radius:8px;border:1.5px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fffc;font-size:.82rem;cursor:pointer;transition:all .15s}.mql-quiz-choice:hover{border-color:#c8a96a66;background:#c8a96a14}.mql-quiz-choice.correct{border-color:#00e07a;background:#00e07a26;color:#00e07a}.mql-quiz-choice.wrong{border-color:#f55;background:#ff55551a;color:#f55}.mql-quiz-result{margin-top:8px;font-size:.82rem;font-weight:600}.mql-quiz-result.correct{color:#00e07a}.mql-quiz-result.wrong{color:#f55}.taq-zone-identity{text-align:center;padding:8px 12px 4px;cursor:pointer;-webkit-tap-highlight-color:transparent;border-bottom:1px solid rgba(255,255,255,.06);position:relative}.taq-identity-main{display:flex;flex-direction:column;align-items:center;gap:2px}.taq-identity-names{display:flex;align-items:baseline;gap:8px}.taq-maqam-inline{padding:4px 10px 2px}.taq-maqam-parents-row{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:4px}.taq-maqam-inline .maqam-branch-row{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.taq-explorer{padding:6px 6px 4px}.taq-exp-bar{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:6px}.taq-exp-bar .exp-fam{padding:8px 16px;font-size:.95rem;font-weight:700;white-space:nowrap;flex-shrink:0;border-radius:10px;border:1.5px solid rgba(255,255,255,.1);background:#ffffff08;color:#fff9;transition:all .2s;letter-spacing:.02em}.taq-exp-bar .exp-fam:hover{background:#ffffff0f;color:#ffffffd9}.taq-exp-bar .exp-fam.active{background:var(--fc, #00e07a);color:#000;border-color:var(--fc, #00e07a);box-shadow:0 2px 12px color-mix(in srgb,var(--fc, #00e07a) 30%,transparent)}.taq-exp-grid{display:flex;flex-wrap:wrap;gap:6px;max-height:140px;overflow-y:auto;margin-bottom:6px;padding:4px 0;scrollbar-width:thin;scrollbar-color:#333 transparent}.taq-exp-grid .exp-card{padding:6px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;cursor:pointer;transition:all .2s}.taq-exp-grid .exp-card:hover{background:#ffffff0f;border-color:#ffffff26}.taq-exp-grid .exp-card.sel{background:color-mix(in srgb,var(--ac, #00e07a) 15%,transparent);border-color:var(--ac, #00e07a)}.taq-exp-grid .exp-card-en{font-size:.78rem;font-weight:500;color:#fffc}.taq-exp-grid .exp-card-ar{font-size:.65rem;color:#ffffff59;margin-top:1px}.taq-exp-grid::-webkit-scrollbar{width:4px}.taq-exp-grid::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.taq-separator{border:none;border-top:1px solid rgba(255,255,255,.08);margin:6px 12px}.taq-exp-detail{padding:12px 10px 8px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff04;border-radius:12px;margin:4px 0 8px}.taq-exp-detail .exp-detail-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.taq-exp-detail .exp-detail-head h3{font-size:1.25rem;margin:0;font-weight:700;color:#fff;letter-spacing:.01em}.taq-exp-detail .exp-fam-badge{padding:2px 10px;border-radius:10px;font-size:.65rem;font-weight:600;letter-spacing:.03em}.taq-exp-detail .exp-notes{margin-bottom:8px;padding:10px 4px}.taq-exp-detail .exp-n{width:42px;height:42px;border-radius:50%;border-width:2px;transition:transform .15s}.taq-exp-detail .exp-n:hover{transform:scale(1.08)}.taq-exp-detail .exp-n-name{font-size:.82rem;font-weight:600}.taq-exp-detail .exp-jins{margin-bottom:6px;padding:6px 12px;font-size:.78rem;color:#ffffff80}.taq-exp-detail .exp-btns{display:flex;gap:8px;flex-wrap:wrap}.taq-exp-detail .exp-btn{padding:7px 16px;font-size:.75rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffb3;transition:all .2s;font-weight:500}.taq-exp-detail .exp-btn:hover{background:#ffffff14;color:#fff}.taq-exp-detail .exp-btn-jins{border-color:#0af3;color:#5cf}.taq-exp-detail .exp-btn-jins:hover{background:#00aaff1a}.exp-forms-label{font-size:.72rem;font-weight:600;color:#ffffff80;margin:8px 0 4px;text-align:center}.exp-forms-grid{display:grid;gap:5px;margin-bottom:6px}.exp-forms-grid-4{grid-template-columns:repeat(5,1fr)}.exp-forms-grid-7{grid-template-columns:repeat(3,1fr)}.exp-form-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 3px;border-radius:10px;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.12);color:#ccc;font-size:.65rem;font-weight:600;cursor:pointer;transition:all .2s}.exp-form-btn .exp-form-icon{font-size:.85rem;line-height:1}.exp-form-btn:hover{background:#ffffff14;border-color:#ffffff40}.exp-form-btn:active{transform:scale(.96)}.exp-form-btn[data-form=scale]{border-color:#fff3;color:#e0e0e0}.exp-form-btn[data-form=jins-lower],.exp-form-btn[data-form=jins-upper]{border-color:#00c8b440;color:#00c8b4}.exp-form-btn[data-form=fara-lower],.exp-form-btn[data-form=fara-upper]{border-color:#ffb40040;color:#ffb400}.exp-form-btn[data-form=dolab]{border-color:#00e07a40;color:#00e07a}.exp-form-btn[data-form=taqsim]{border-color:#b478ff40;color:#b478ff}.exp-form-btn[data-form=song]{border-color:#ff646440;color:#ff6464}.exp-form-btn[data-form=samaee]{border-color:#00aaff40;color:#0af}.exp-form-btn[data-form=bashraf]{border-color:#ffaa0040;color:#fa0}.exp-form-btn[data-form=tahmela]{border-color:#dc64c840;color:#dc64c8}.taq-exp-legend{display:flex;gap:10px;justify-content:center;margin-bottom:3px;font-size:.6rem;color:#666}.taq-exp-legend span{display:flex;align-items:center;gap:4px}.taq-exp-legend .leg-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.taq-exp-legend .leg-root{background:#ff8c0066;border:1.5px solid #ff8c00}.taq-exp-legend .leg-ghm{background:#00aaff4d;border:1.5px solid #00aaff}.taq-exp-legend .leg-note{background:#0c63;border:1.5px solid #00cc66}.taq-maqam-name-ar{font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif;font-size:1.3rem;color:#fff9;line-height:1}.taq-maqam-name-en{font-size:1.3rem;color:#fff;font-weight:600;letter-spacing:.3px}.taq-identity-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.taq-branch-subtitle{font-size:.75rem;color:#888;font-style:italic}.taq-tonic-display{background:#00aaff26;color:#0af;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px}.taq-mood-word{font-size:.7rem;color:#999;text-transform:uppercase;letter-spacing:1.5px;font-weight:500}.taq-transpose-section{display:flex;align-items:center;gap:6px;padding:2px 8px;margin:0}.taq-transpose-label{font-size:.75rem;font-weight:600;color:#ffffff80;white-space:nowrap;flex-shrink:0}.taq-notation-toggle{flex-shrink:0;padding:3px 10px;border-radius:12px;border:1px solid rgba(0,224,122,.3);background:#00e07a14;color:#00e07a;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.taq-notation-toggle:hover{background:#00e07a2e;border-color:#00e07a}.taq-transpose-row{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;padding:0 4px}.taq-transpose-row .root-pill{padding:3px 8px;font-size:.68rem;font-weight:600;min-height:auto;border-radius:10px}.taq-identity-chevron{font-size:.6rem;color:#555;margin-top:4px;transition:color .2s}.taq-zone-identity:hover .taq-identity-chevron,.taq-zone-identity:active .taq-identity-chevron{color:#00e07a}.taq-zone-canvas{padding:4px;flex:1}.taq-zone-canvas #scale-keyboard{display:flex;gap:4px;justify-content:center;margin-bottom:6px}.taq-zone-canvas .scale-key{width:42px;height:42px;border-radius:50%;background:#22224480;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.6rem;color:#888;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .1s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.taq-zone-canvas .scale-key:active{transform:scale(.92)}.taq-zone-canvas .scale-key.active{background:radial-gradient(circle,#00e07a33,#003222cc 70%);border-color:#00e07a;color:#00e07a;box-shadow:0 0 16px #00e07a4d}.taq-zone-canvas .scale-key.playing{animation:nodeGlow .6s ease-in-out infinite alternate}@keyframes nodeGlow{0%{box-shadow:0 0 8px #00e07a33}to{box-shadow:0 0 22px #00e07a80}}.taq-exp-head-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.taq-exp-head-row .exp-detail-head{flex:1;min-width:0}.taq-active-instrument{display:flex;align-items:center;gap:6px;padding:2px 0;flex-shrink:0}.taq-active-inst-img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,224,122,.4);box-shadow:0 0 12px #00e07a26;transition:all .3s ease}.taq-active-inst-name{font-size:.72rem;color:#fff9;font-weight:500}.taq-play-bar{display:flex;justify-content:center;align-items:center;gap:16px;margin:8px 0;padding:0 8px;flex-wrap:wrap}.taq-play-bar .play-scale-btn{padding:8px 16px;font-size:.78rem;border-radius:20px;height:auto;min-height:36px;white-space:nowrap;overflow:visible}.taq-play-bar .play-scale-btn.active{background:#00e07a40;border-color:#00e07a;color:#00e07a;box-shadow:0 0 8px #00e07a4d}.taq-play-bar .taqasim-ai-btn,#taqasim-start.play-scale-btn.taqasim-ai-btn{background:transparent!important;border:1px solid rgba(0,224,122,.3)!important;color:#00e07a!important;box-shadow:none!important;width:auto!important;height:auto!important;min-width:unset!important;border-radius:20px!important;padding:8px 18px!important;font-size:.78rem!important}.taq-play-bar .taqasim-ai-btn.active,#taqasim-start.play-scale-btn.taqasim-ai-btn.active{background:#00e07a40!important;border-color:#00e07a!important;color:#00e07a!important;box-shadow:0 0 8px #00e07a4d!important}.taq-play-bar .taq-save-btn{padding:8px 14px;font-size:.72rem;border-radius:20px;min-height:36px}.taq-bottom-dock{position:fixed;bottom:0;left:0;right:0;display:none;justify-content:center;align-items:center;gap:0;padding:6px 12px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));background:#101020f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.06);z-index:100;max-width:500px;margin:0 auto}.taq-dock-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;background:none;border:none;color:#888;cursor:pointer;transition:color .2s;-webkit-tap-highlight-color:transparent;max-width:80px}.taq-dock-btn:hover,.taq-dock-btn:active{color:#ccc}.taq-dock-btn.active{color:#00e07a}.taq-dock-icon{width:22px;height:22px}.taq-dock-label{font-size:.6rem;font-weight:500;letter-spacing:.3px}.taq-sheet-backdrop{position:fixed;inset:0;background:#00000080;z-index:199;opacity:0;pointer-events:none;transition:opacity .3s ease}.taq-sheet-backdrop.visible{opacity:1;pointer-events:auto}.taq-sheet{position:fixed;bottom:0;left:0;right:0;max-height:70vh;background:#16162afa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top-left-radius:20px;border-top-right-radius:20px;z-index:200;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);overflow-y:auto;-webkit-overflow-scrolling:touch;max-width:500px;margin:0 auto;box-shadow:0 -4px 30px #0006}.taq-sheet.open{transform:translateY(0)}.taq-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px;position:sticky;top:0;background:#16162afa;z-index:1}.taq-sheet-header:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;background:#fff3;border-radius:2px}.taq-sheet-title{font-size:.9rem;font-weight:600;color:#ccc}.taq-sheet-close{background:none;border:none;color:#888;font-size:1.3rem;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .2s,color .2s}.taq-sheet-close:hover{background:#ffffff1a;color:#fff}.inst-done-btn{background:#00e07a26;border:1px solid rgba(0,224,122,.3);color:#00e07a;font-size:.82rem;font-weight:600;padding:6px 16px}.inst-done-btn:hover{background:#00e07a40;border-color:#00e07a;color:#00e07a}.taq-sheet-body{padding:8px 16px 20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.taq-sheet-body .inst-grid{gap:10px}.taq-sheet-body .saved-taqasim-panel{display:block!important;margin-bottom:12px;border-radius:10px}.taq-maqam-modal{position:fixed;inset:0;z-index:9000;background:#080812f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow-y:auto;-webkit-overflow-scrolling:touch;animation:modalFadeIn .25s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.taq-maqam-modal-content{max-width:500px;margin:0 auto;padding:20px 16px;padding-top:calc(20px + env(safe-area-inset-top,0px))}.taq-maqam-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.taq-maqam-modal-title{font-size:1.1rem;font-weight:600;color:#ddd}.taq-maqam-modal-close{background:#ffffff14;border:none;color:#aaa;font-size:1.4rem;cursor:pointer;padding:6px 12px;border-radius:10px;transition:background .2s,color .2s}.taq-maqam-modal-close:hover{background:#ffffff26;color:#fff}.taq-maqam-modal .maqam-pill.maqam-parent{padding:10px 18px;min-height:48px}.taq-maqam-modal .maqam-branches{padding:6px 8px;gap:6px}.taq-maqam-modal .maqam-branches .maqam-pill{padding:6px 12px;min-height:34px}#taqasim-panel{backdrop-filter:none;-webkit-backdrop-filter:none;background:#16162af2;padding-bottom:72px}@media (min-width: 768px){.taq-bottom-dock{left:50%;right:auto;transform:translate(-50%);border-radius:16px 16px 0 0;border:1px solid rgba(255,255,255,.06);border-bottom:none}}@media (max-width: 600px){.taq-maqam-name-ar{font-size:1.6rem}.taq-maqam-name-en{font-size:1.1rem}.taq-zone-canvas .scale-key{width:42px;height:42px;font-size:.55rem}.taq-zone-canvas .scale-key .key-note{font-size:.8rem}.taq-play-bar .play-scale-btn{padding:6px 12px;font-size:.72rem}}@media (max-width: 400px){.taq-maqam-name-ar{font-size:1.4rem}.taq-maqam-name-en{font-size:.95rem}.taq-zone-canvas .scale-key{width:36px;height:36px}.taq-zone-canvas .scale-key .key-degree{display:none}.taq-play-bar{gap:4px}.taq-play-bar .play-scale-btn{padding:5px 10px;font-size:.68rem;min-height:32px}.taq-dock-label{font-size:.55rem}}[dir=rtl] .taq-maqam-name-ar{display:block;font-size:2.6rem}[dir=rtl] .taq-maqam-name-en{display:none}[dir=rtl] .taq-identity-meta{direction:rtl}[dir=rtl] .taq-mood-word{font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif;letter-spacing:0}[dir=rtl] .taq-dock-label .title-en{display:none}[dir=rtl] .taq-dock-label .title-ar{display:inline}[dir=rtl] .taq-sheet-header,[dir=rtl] .taq-maqam-modal-header{direction:rtl}.taqasim-view #maqam-scale-canvas{height:80px!important;margin-bottom:0!important}.taqasim-view .taq-active-inst-img{width:32px;height:32px}.taqasim-view .taq-active-inst-name{font-size:.7rem}.taqasim-view .taq-play-bar{margin:4px 0!important}.taqasim-view .taq-identity-chevron{display:none}#landing-page{width:100%;min-height:100vh;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;background-color:#080812;background-image:linear-gradient(#080812a6,#080812a6),url(/images/poster-altarab.webp?v=3);background-repeat:no-repeat;background-position:center top;background-size:cover;background-attachment:scroll;color:#c8c8c8;font-family:Inter,Cairo,-apple-system,system-ui,Geeza Pro,sans-serif;line-height:1.7}.lp-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#080812e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);padding:10px 24px}.lp-nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:10px}.lp-nav-logo{width:52px;height:52px;border-radius:10px;object-fit:contain}.lp-nav-title{font-size:1.35rem;font-family:Inter,Cairo,-apple-system,system-ui,sans-serif;color:#00e07a;font-weight:700;letter-spacing:.5px}.lp-nav-spacer{flex:1}.lp-nav-signin{border:1px solid #00e07a;border-radius:6px;padding:5px 14px!important;color:#00e07a!important;text-decoration:none;font-size:.85rem;white-space:nowrap}.lp-nav-signin:hover{background:#00e07a;color:#080812!important}.lp-signin-overlay{position:fixed;inset:0;z-index:10000;background:#000000b3;display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.lp-signin-overlay.active{display:flex}.lp-signin-modal{background:#141428;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:32px 36px;width:90%;max-width:400px;position:relative}.lp-signin-close{position:absolute;top:12px;right:16px;background:none;border:none;color:#ffffff80;font-size:1.6rem;cursor:pointer}.lp-signin-modal h2{margin:0 0 8px;font-size:1.3rem;text-align:center}.lp-signin-desc{color:#ffffff80;text-align:center;margin:0 0 20px;font-size:.85rem}#lp-signin-form input{display:block;width:100%;padding:11px 14px;margin-bottom:12px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0f;color:#fff;font-size:.95rem;box-sizing:border-box}#lp-signin-form input::placeholder{color:#ffffff59}.lp-signin-submit{width:100%;padding:12px;border:none;border-radius:8px;background:#00e07a;color:#080812;font-size:1rem;font-weight:600;cursor:pointer}.lp-signin-submit:disabled{opacity:.5}.lp-signin-error{color:#e74c3c;text-align:center;margin:12px 0 0;font-size:.85rem;display:none}.lp-hero{min-height:92vh;display:flex;align-items:flex-start;justify-content:center;text-align:center;padding:100px 24px 80px;background-image:radial-gradient(ellipse at 30% 20%,rgba(0,224,122,.05) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(0,140,255,.03) 0%,transparent 50%)}.lp-hero-inner{max-width:760px}.lp-hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:#eaeaea;line-height:1.15;margin:0 0 20px;letter-spacing:-.5px}.lp-hero-tagline{display:block;font-size:clamp(2rem,5vw,3rem);font-weight:400;font-family:Inter,Cairo,-apple-system,system-ui,sans-serif;color:#fff;margin-top:8px}.lp-hero-logo{display:block;width:clamp(180px,30vw,280px);margin:8px auto 20px;border-radius:20px;filter:drop-shadow(0 4px 24px rgba(0,224,122,.15))}.lp-hero-subtitle{font-size:clamp(1.5rem,3.5vw,2.2rem);font-family:Inter,Cairo,-apple-system,system-ui,sans-serif;color:#00e07a;font-weight:500;margin:0 0 20px;letter-spacing:1px}.lp-hero-desc{font-size:clamp(1.25rem,3vw,1.6rem);font-family:Inter,Cairo,-apple-system,system-ui,sans-serif;color:#bbb;line-height:1.7;margin:0 auto 40px;max-width:600px}.lp-hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.lp-btn-primary{padding:16px 40px;font-size:1.15rem;font-weight:700;border:none;border-radius:10px;background:linear-gradient(135deg,#00e07a,#00b864);color:#080812;cursor:pointer;transition:transform .2s,box-shadow .2s;letter-spacing:.3px;font-family:inherit}.lp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00e07a4d}.lp-btn-primary:active{transform:translateY(0)}.lp-download-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:8px}.lp-btn-download{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s;letter-spacing:.3px;font-family:inherit}.lp-btn-download:hover{transform:translateY(-2px)}.lp-btn-android{background:linear-gradient(135deg,#3ddc84,#2bb85a);color:#080812}.lp-btn-android:hover{box-shadow:0 8px 28px #3ddc844d}.lp-btn-ios{background:linear-gradient(135deg,#4a9eff,#007aff);color:#fff}.lp-btn-ios:hover{box-shadow:0 8px 28px #007aff4d}.lp-btn-download:active{transform:translateY(0)}.lp-btn-secondary{padding:14px 36px;font-size:1rem;font-weight:600;border:1.5px solid rgba(0,224,122,.35);border-radius:10px;background:transparent;color:#00e07a;cursor:pointer;transition:background .2s,border-color .2s;font-family:inherit}.lp-btn-secondary:hover{background:#00e07a14;border-color:#00e07a}.lp-section{padding:80px 24px;border-top:1px solid rgba(255,255,255,.04)}.lp-section-inner{max-width:900px;margin:0 auto;text-align:center}.lp-section h2{font-size:clamp(1.7rem,4vw,2.4rem);font-weight:300;color:#ddd;margin:0 0 28px;letter-spacing:-.3px}.lp-section-subtitle{font-size:1.15rem;color:#888;margin:0 auto 32px;max-width:600px;line-height:1.7}.lp-section-note{font-size:.9rem;color:#666;margin:24px 0;font-style:italic}.lp-philosophy-text{max-width:640px;margin:0 auto;text-align:center}.lp-philosophy-text p{margin:0 0 20px;font-size:1.05rem}.lp-text-emphasis{font-size:1.15rem!important;color:#ccc;font-weight:400}.lp-text-quiet{color:#666;font-style:italic;font-size:1rem!important}.lp-text-accent{color:#00e07a;font-weight:500;font-size:1.05rem!important}.lp-maqam-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:800px;margin:0 auto}.lp-maqam-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;background:#16162ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.08);border-radius:14px;cursor:pointer;transition:all .3s ease;font-family:inherit;color:inherit}.lp-maqam-name{font-size:1.3rem;font-weight:700;color:#e0e0e0}.lp-maqam-desc{font-size:.85rem;color:#777}.lp-maqam-card:hover{border-color:#00e07a;background:#00e07a0f;transform:translateY(-4px);box-shadow:0 12px 36px #00e07a1a}.lp-maqam-card:hover .lp-maqam-name{color:#00e07a}.lp-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:32px}.lp-step{padding:28px 16px;background:#16162a80;border-radius:14px;border:1px solid rgba(255,255,255,.06);text-align:center}.lp-step-num{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:50%;background:#00e07a1a;color:#00e07a;font-weight:700;font-size:1rem;margin-bottom:14px}.lp-step h3{font-size:1.05rem;color:#ddd;margin:0 0 8px;font-weight:600}.lp-step p{font-size:.82rem;color:#888;line-height:1.5;margin:0}.lp-learn-footer{font-size:1rem;color:#00e07a;font-style:italic;text-align:center;margin-top:8px}.lp-browse-tags{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.lp-tag{padding:8px 20px;border:1px solid rgba(255,255,255,.12);border-radius:20px;font-size:.88rem;color:#aaa;letter-spacing:.3px}.lp-instrument-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;max-width:700px;margin:0 auto 28px}.lp-instrument-card{display:flex;flex-direction:column;align-items:center;gap:8px}.lp-instrument-card img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.08);transition:border-color .3s}.lp-instrument-card:hover img{border-color:#00e07a66}.lp-instrument-card span{font-size:.78rem;color:#888}.lp-feature-list{list-style:none;padding:0;margin:0 auto 32px;max-width:400px;text-align:start}.lp-feature-list li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.95rem;color:#aaa}.lp-feature-list li:before{content:"•";color:#00e07a;margin-inline-end:10px;font-weight:700}.lp-mission-text{max-width:600px;margin:0 auto}.lp-mission-text p{margin:0 0 18px;font-size:1.05rem}.lp-students .lp-section-inner p{max-width:600px;margin:0 auto 18px;font-size:1.05rem}.lp-final-cta{padding:100px 24px;text-align:center;background-image:radial-gradient(ellipse at 50% 50%,rgba(0,224,122,.04) 0%,transparent 60%)}.lp-final-cta h2{font-size:clamp(1.4rem,3.5vw,2rem);font-weight:300;color:#ccc;margin-bottom:32px}.lp-footer{padding:48px 24px;border-top:1px solid rgba(255,255,255,.06);text-align:center}.lp-footer-brand{font-size:.9rem;color:#666;margin:0 0 6px}.lp-footer-brand .title-en,.lp-footer-brand .title-ar{color:#888}.lp-footer-location{font-size:.8rem;color:#555;margin:0 0 20px}.lp-footer-links{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.lp-footer-links a{font-size:.8rem;color:#555;text-decoration:none;transition:color .2s}.lp-footer-links a:hover{color:#00e07a}@media (max-width: 768px){.lp-steps{grid-template-columns:repeat(3,1fr)}.lp-maqam-grid{grid-template-columns:repeat(2,1fr)}.lp-instrument-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.lp-hero{min-height:80vh;padding:100px 16px 60px}.lp-section{padding:56px 16px}.lp-hero-cta{flex-direction:column;align-items:center;gap:12px}.lp-btn-primary,.lp-btn-secondary{width:100%;max-width:300px}.lp-maqam-grid{grid-template-columns:repeat(2,1fr);gap:10px}.lp-maqam-card{padding:22px 12px}.lp-steps{grid-template-columns:1fr;gap:10px}.lp-step{padding:20px 14px}.lp-instrument-grid{grid-template-columns:repeat(3,1fr);gap:10px}.lp-instrument-card img{width:64px;height:64px}.lp-nav{padding:8px 16px}.lp-philosophy-text p{font-size:.95rem}}[dir=rtl] #landing-page{direction:rtl}[dir=rtl] .lp-hero,[dir=rtl] .lp-section-inner,[dir=rtl] .lp-final-cta{text-align:center}[dir=rtl] .lp-hero-title .title-ar,[dir=rtl] .lp-final-cta .title-ar{font-family:Cairo,-apple-system,Geeza Pro,system-ui,sans-serif;font-size:clamp(2.2rem,5vw,3.6rem)}[dir=rtl] #landing-page .lp-hero-tagline{font-size:clamp(4rem,10vw,6rem);font-family:Cairo,Geeza Pro,sans-serif}[dir=rtl] #landing-page .lp-hero-subtitle{font-size:clamp(3rem,7vw,4.4rem);font-family:Cairo,Geeza Pro,sans-serif}[dir=rtl] #landing-page .lp-hero-desc{font-size:clamp(2.5rem,6vw,3.2rem);font-family:Cairo,Geeza Pro,sans-serif}[dir=rtl] #landing-page .lp-section{font-size:2em;font-family:Cairo,Geeza Pro,sans-serif}[dir=rtl] #landing-page .lp-nav-title,[dir=rtl] #landing-page .lp-nav-link{font-family:Cairo,Geeza Pro,sans-serif}[dir=rtl] .lp-philosophy-text{text-align:center}[dir=rtl] .lp-feature-list{text-align:end}[dir=rtl] .lp-feature-list li:before{margin-inline-end:0;margin-inline-start:10px}.lp-wide{max-width:1100px}.lp-nav-links{display:flex;gap:20px;margin-inline-start:24px}.lp-nav-link{color:#fff;text-decoration:none;font-size:1.15rem;font-weight:700;font-family:Inter,Cairo,-apple-system,system-ui,sans-serif;transition:color .2s;letter-spacing:.6px;text-transform:uppercase;text-shadow:0 0 8px rgba(0,255,136,.15)}.lp-nav-link:hover{color:#00e07a}[dir=rtl] .lp-nav-links{margin-inline-start:0;margin-inline-end:24px}.lp-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1002}.lp-hamburger span{display:block;width:24px;height:2.5px;background:#ccc;border-radius:2px;transition:transform .3s,opacity .3s}.lp-hamburger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.lp-hamburger.open span:nth-child(2){opacity:0}.lp-hamburger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}@media (max-width: 768px){.lp-hamburger{display:flex}.lp-nav-links{display:none;position:fixed;inset:0;background:#080812f7;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:1001;margin:0;padding:60px 20px 20px}.lp-nav-links.open{display:flex}.lp-nav-links .lp-nav-link{font-size:1.3rem;font-weight:700;color:#ddd;padding:8px 0}.lp-nav-links .lp-nav-link:hover,.lp-nav-links .lp-nav-link:active{color:#00e07a}}.lp-promo-strip{padding:48px 24px;text-align:center;background:linear-gradient(135deg,#00e07a08,#0064c805);border-top:1px solid rgba(0,224,122,.08);border-bottom:1px solid rgba(0,224,122,.08)}.lp-promo-strip p{font-size:clamp(1rem,2.5vw,1.25rem);color:#aaa;max-width:700px;margin:0 auto;line-height:1.7}.lp-promo-strip .accent{color:#00e07a;font-weight:600}.lp-section{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.lp-section.lp-visible{opacity:1;transform:translateY(0)}.lp-hero{opacity:1;transform:none}.lp-promo-strip{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.lp-promo-strip.lp-visible{opacity:1;transform:translateY(0)}.lp-family-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:24px}.lp-family-card{background:#16162ab3;border:1.5px solid rgba(255,255,255,.08);border-radius:14px;padding:24px 20px;cursor:pointer;transition:border-color .3s,background .3s,transform .2s}.lp-family-card:hover{border-color:#00e07a4d;transform:translateY(-2px)}.lp-family-card.expanded{border-color:#00e07a;background:#00e07a0a}.lp-family-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.lp-family-name{font-size:1.35rem;font-weight:700;color:#e0e0e0}.lp-family-name-ar{font-size:1.2rem;color:#888;font-family:Cairo,-apple-system,Geeza Pro,system-ui,sans-serif}.lp-family-count{font-size:.82rem;color:#00e07a;background:#00e07a1a;padding:3px 12px;border-radius:12px;margin-inline-start:auto}.lp-family-emotion{font-size:1rem;color:#777;font-style:italic}.lp-family-character{font-size:.95rem;color:#888;margin-top:8px;line-height:1.6;display:none}.lp-family-card.expanded .lp-family-character{display:block}.lp-family-children{display:none;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.lp-family-card.expanded .lp-family-children{display:block}.lp-family-maqams{display:flex;flex-wrap:wrap;gap:8px}.lp-maqam-pill{padding:10px 18px;background:#16162ae6;border:1px solid rgba(255,255,255,.1);border-radius:20px;cursor:pointer;transition:all .2s;font-family:inherit;color:#ccc;font-size:.95rem}.lp-maqam-pill:hover{border-color:#00e07a;color:#00e07a;background:#00e07a14}.lp-maqam-pill.active{border-color:#00e07a;color:#00e07a;background:#00e07a1f}.lp-inline-detail{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease;padding:0}.lp-inline-detail.open{max-height:3000px;padding:20px 0 0;border-top:1px solid rgba(0,224,122,.15);margin-top:16px}.lp-inline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.lp-inline-title{font-size:1.3rem;font-weight:400;color:#eee;margin:0}.lp-inline-close{background:#ffffff14;border:none;color:#aaa;font-size:1.2rem;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.lp-inline-close:hover{background:#ffffff26;color:#fff}.lp-inline-detail .lp-detail-section{margin-bottom:18px}.lp-inline-detail .lp-detail-section h4{font-size:.88rem;text-transform:uppercase;letter-spacing:1.5px;color:#00e07a;margin:0 0 8px;font-weight:600}.lp-inline-detail .lp-detail-section p{color:#bbb;font-size:1rem;line-height:1.6;margin:0}.lp-inline-detail .lp-detail-cta{text-align:center;margin-top:12px}.lp-maqam-pill .pill-ar{margin-inline-start:6px;color:#888;font-size:.82rem}.lp-family-chevron{font-size:.7rem;color:#555;transition:transform .3s,color .3s}.lp-family-card.expanded .lp-family-chevron{transform:rotate(180deg);color:#00e07a}.lp-overlay{position:fixed;inset:0;z-index:9999;background:#080812f7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow-y:auto;-webkit-overflow-scrolling:touch;animation:modalFadeIn .25s ease}.lp-overlay-content{max-width:700px;margin:0 auto;padding:24px 20px 60px}.lp-overlay-close{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;padding:12px 0;background:#080812e6}.lp-overlay-close-btn{background:#ffffff14;border:none;color:#aaa;font-size:1.3rem;cursor:pointer;padding:8px 14px;border-radius:10px;transition:background .2s}.lp-overlay-close-btn:hover{background:#ffffff26;color:#fff}.lp-pdf-overlay-inner{display:flex;flex-direction:column;height:100%;max-width:900px;margin:0 auto}.lp-pdf-header{display:flex;align-items:center;gap:16px;padding:16px 20px;flex-shrink:0}.lp-pdf-back{display:flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ccc;font-size:.95rem;cursor:pointer;padding:8px 18px 8px 14px;border-radius:10px;transition:background .2s,color .2s;flex-shrink:0}.lp-pdf-back:hover{background:#00e07a26;color:#00e07a;border-color:#00e07a4d}.lp-pdf-back-arrow{font-size:1.2rem}[dir=rtl] .lp-pdf-back-arrow{transform:scaleX(-1)}.lp-pdf-title{color:#eee;font-size:1.1rem;font-weight:500}.lp-pdf-body{flex:1;overflow-y:auto;padding:0 20px 20px;display:flex;flex-direction:column;align-items:center;gap:8px}.lp-pdf-body canvas{max-width:100%;height:auto;border-radius:6px;background:#fff;box-shadow:0 4px 20px #0006}.lp-pdf-loading{color:#888;font-size:1rem;padding:60px 0;text-align:center}.lp-detail-title{font-size:2rem;font-weight:300;color:#eee;margin:0 0 4px}.lp-detail-title-ar{font-size:1.6rem;font-family:Cairo,-apple-system,Geeza Pro,system-ui,sans-serif;color:#888;margin:0 0 12px}.lp-detail-family-badge{display:inline-block;padding:4px 14px;border-radius:14px;background:#00e07a1a;color:#00e07a;font-size:.78rem;font-weight:600;margin-bottom:16px}.lp-detail-section{margin-bottom:28px}.lp-detail-section h3{font-size:.95rem;text-transform:uppercase;letter-spacing:1.5px;color:#00e07a;margin:0 0 10px;font-weight:600}.lp-detail-section p{font-size:1.05rem;color:#aaa;line-height:1.7;margin:0}.lp-detail-jins-row{display:flex;gap:16px;flex-wrap:wrap}.lp-detail-jins{flex:1;min-width:200px;padding:14px;background:#16162a99;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.lp-detail-jins-name{font-weight:600;color:#ddd;font-size:.95rem}.lp-detail-jins-on{font-size:.82rem;color:#888}.lp-detail-notes-row{display:flex;gap:24px;margin-top:8px}.lp-detail-note-item{font-size:.88rem;color:#aaa}.lp-detail-note-label{font-size:.72rem;color:#666;display:block;margin-bottom:2px}.lp-detail-mod-list{list-style:none;padding:0;margin:0}.lp-detail-mod-list li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.9rem;color:#aaa;cursor:pointer;transition:color .2s}.lp-detail-mod-list li:hover{color:#00e07a}.lp-detail-mod-list li .mod-arrow{color:#00e07a;margin-inline-end:8px}.lp-detail-cta{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06)}.lp-interval-viz{display:flex;gap:3px;align-items:flex-end;margin-top:8px}.lp-interval-bar{width:14px;background:#00e07a4d;border-radius:3px 3px 0 0;min-height:4px;transition:background .2s}.lp-interval-bar.quarter{background:#ffa50066}.lp-filter-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:24px}.lp-filter-pill{padding:8px 18px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:transparent;color:#888;font-size:.95rem;cursor:pointer;transition:all .2s;font-family:inherit}.lp-filter-pill:hover{border-color:#00e07a4d;color:#ccc}.lp-filter-pill.active{background:#00e07a;color:#080812;border-color:#00e07a;font-weight:600}.lp-example-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.lp-example-card{display:flex;align-items:center;gap:14px;padding:14px;background:#16162a99;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:border-color .2s}.lp-example-card:hover{border-color:#00e07a33}.lp-example-card.lp-playable{cursor:pointer;position:relative}.lp-example-card.lp-playing{border-color:#00e07a;background:#00e07a0f}.lp-example-play-icon{position:absolute;top:50%;left:30px;transform:translate(-50%,-50%);font-size:1.2rem;color:#00e07a;opacity:0;transition:opacity .2s;pointer-events:none;text-shadow:0 0 8px rgba(0,0,0,.8)}.lp-example-card.lp-playable:hover .lp-example-play-icon,.lp-example-card.lp-playing .lp-example-play-icon{opacity:1}.lp-example-artwork{width:50px;height:50px;border-radius:8px;object-fit:cover;background:#ffffff0d;flex-shrink:0}.lp-example-info{flex:1;min-width:0}.lp-example-name{font-size:1rem;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-example-artist{font-size:.88rem;color:#777}.lp-example-type{font-size:.78rem;padding:3px 10px;border-radius:10px;font-weight:600}.lp-example-type.dolab{background:#008cff26;color:#4aa8ff}.lp-example-type.taqsim{background:#00e07a1f;color:#00e07a}.lp-example-type.song{background:#ffa5001f;color:orange}.lp-show-more{background:none;border:none;color:#00e07a;font-size:.9rem;cursor:pointer;padding:12px;font-family:inherit;transition:opacity .2s}.lp-show-more:hover{opacity:.8}.lp-score-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.lp-score-card{padding:16px;background:#16162a99;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:border-color .2s}.lp-score-card:hover{border-color:#00e07a33}.lp-score-name{font-size:1.05rem;color:#ddd;font-weight:500;margin-bottom:4px}.lp-score-composer{font-size:.88rem;color:#777;margin-bottom:8px}.lp-score-tags{display:flex;gap:6px;flex-wrap:wrap}.lp-score-tag{font-size:.78rem;padding:3px 10px;border-radius:10px;background:#ffffff0f;color:#888}.lp-score-tag.type{background:#00e07a1a;color:#00e07a}.lp-artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.lp-artist-card{padding:20px;background:#16162a99;border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:border-color .2s}.lp-artist-card:hover{border-color:#00e07a33}.lp-artist-name{font-size:1.2rem;color:#e0e0e0;font-weight:600}.lp-artist-name-ar{font-size:1rem;color:#777;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif;margin-bottom:8px}.lp-artist-desc{font-size:.92rem;color:#888;line-height:1.5;margin-bottom:12px}.lp-artist-meters{display:flex;gap:20px;margin-bottom:12px}.lp-artist-meter{flex:1}.lp-artist-meter-label{font-size:.78rem;color:#666;margin-bottom:4px}.lp-artist-meter-bar{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.lp-artist-meter-fill{height:100%;background:#00e07a;border-radius:2px;transition:width .5s ease}.lp-artist-families{display:flex;gap:6px;flex-wrap:wrap}.lp-artist-family-tag{font-size:.78rem;padding:3px 10px;border-radius:10px;background:#00e07a14;color:#00e07a}.lp-artist-cta{margin-top:12px}.lp-artist-cta-btn{background:none;border:1px solid rgba(0,224,122,.3);color:#00e07a;padding:8px 16px;border-radius:8px;font-size:.88rem;cursor:pointer;font-family:inherit;transition:background .2s}.lp-artist-cta-btn:hover{background:#00e07a14}.lp-region-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:24px}.lp-region-tab{padding:8px 18px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:transparent;color:#888;font-size:.95rem;cursor:pointer;transition:all .2s;font-family:inherit}.lp-region-tab:hover{border-color:#00e07a4d;color:#ccc}.lp-region-tab.active{background:#00e07a1a;border-color:#00e07a;color:#00e07a}.lp-rhythm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.lp-rhythm-card{padding:18px;background:#16162a99;border:1px solid rgba(255,255,255,.06);border-radius:12px}.lp-rhythm-name{font-size:1.1rem;color:#ddd;font-weight:500}.lp-rhythm-name-ar{font-size:.95rem;color:#777;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif}.lp-rhythm-meta{font-size:.85rem;color:#666;margin:6px 0}.lp-rhythm-desc{font-size:.9rem;color:#888;line-height:1.5;margin-bottom:10px}.lp-pulse-row{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.lp-pulse-dot{width:14px;height:14px;border-radius:50%;transition:all .2s}.lp-pulse-dot.dum{background:#00e07a;box-shadow:0 0 6px #00e07a66}.lp-pulse-dot.tak{background:transparent;border:1.5px solid #00e07a}.lp-pulse-dot.rest{background:#ffffff14}.lp-inst-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:24px}.lp-inst-card{text-align:center;padding:20px 16px;background:#16162a80;border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:border-color .2s,transform .2s}.lp-inst-card:hover{border-color:#00e07a33;transform:translateY(-2px)}.lp-inst-card img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.08);margin-bottom:12px}.lp-inst-name{font-size:1.15rem;color:#e0e0e0;font-weight:600}.lp-inst-name-ar{font-size:1rem;color:#777;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif}.lp-inst-desc{font-size:.9rem;color:#888;margin-top:8px;line-height:1.5}.lp-inst-role{font-size:.82rem;color:#00e07a;margin-top:6px;font-style:italic}@media (max-width: 768px){.lp-family-grid,.lp-artist-grid{grid-template-columns:1fr}.lp-detail-jins-row{flex-direction:column}}@media (max-width: 600px){.lp-example-grid,.lp-score-grid,.lp-rhythm-grid{grid-template-columns:1fr}.lp-inst-grid{grid-template-columns:repeat(2,1fr);gap:12px}.lp-inst-card img{width:72px;height:72px}.lp-overlay-content{padding:16px 14px 40px}.lp-detail-title{font-size:1.5rem}.lp-promo-strip{padding:32px 16px}}[dir=rtl] .lp-family-count{margin-inline-start:0;margin-inline-end:auto}[dir=rtl] .lp-maqam-pill .pill-ar{margin-inline-start:0;margin-inline-end:6px}[dir=rtl] .lp-detail-mod-list li .mod-arrow{margin-inline-end:0;margin-inline-start:8px}[dir=rtl] .lp-overlay-close{justify-content:flex-start}.lp-detail-listen{text-align:center}.lp-detail-play-btn{display:inline-flex;align-items:center;gap:8px;background:#00e07a14;border:1px solid rgba(0,224,122,.2);color:#ccc;padding:10px 18px;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.85rem;margin:4px;transition:background .2s,border-color .2s}.lp-detail-play-btn:hover{background:#00e07a26;border-color:#00e07a}.lp-play-icon{color:#00e07a;font-size:1rem}.lp-player-bar{position:fixed;bottom:0;left:0;right:0;z-index:9999;display:flex;align-items:center;gap:12px;padding:10px 16px;background:#0c0c1af5;backdrop-filter:blur(16px);border-top:1px solid rgba(0,224,122,.15);transform:translateY(100%);transition:transform .3s ease}.lp-player-bar.visible{transform:translateY(0)}.lp-player-art{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.lp-player-info{flex:1;min-width:0}.lp-player-name{font-size:.82rem;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-player-maqam{font-size:.7rem;color:#777}.lp-player-btn{background:none;border:1px solid rgba(0,224,122,.3);color:#00e07a;width:36px;height:36px;border-radius:50%;font-size:1rem;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .2s}.lp-player-btn:hover{background:#00e07a1a}.lp-player-bar.playing .lp-player-btn:after{content:"▮▮"}.lp-player-bar:not(.playing) .lp-player-btn:after{content:"▶"}.lp-player-bar .lp-player-btn{font-size:0}.lp-player-bar .lp-player-btn:after{font-size:.9rem}.lp-player-progress-wrap{width:100px;height:4px;background:#ffffff14;border-radius:2px;cursor:pointer;flex-shrink:0}.lp-player-progress{height:100%;background:#00e07a;border-radius:2px;width:0%;transition:width .1s linear}.lp-player-close{background:none;border:none;color:#666;font-size:1.2rem;cursor:pointer;padding:4px 8px;flex-shrink:0}.lp-player-close:hover{color:#ccc}.lp-player-upsell{flex-shrink:0}.lp-player-upsell-link{color:#00e07a;text-decoration:none;font-size:.75rem;white-space:nowrap;transition:opacity .2s}.lp-player-upsell-link:hover{opacity:.8}@media (max-width: 600px){.lp-player-bar{padding:8px 10px;gap:8px}.lp-player-progress-wrap{width:60px}.lp-player-upsell{display:none}}.lp-trial-overlay{display:none;position:fixed;inset:0;z-index:10000;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);align-items:center;justify-content:center}.lp-trial-overlay.active{display:flex}.lp-trial-modal{background:#16162af2;border-radius:18px;padding:40px 36px;max-width:420px;width:90%;text-align:center;position:relative;border:1px solid rgba(0,224,122,.15);box-shadow:0 20px 60px #00000080}.lp-trial-close{position:absolute;top:12px;right:16px;background:none;border:none;color:#888;font-size:1.6rem;cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s}.lp-trial-close:hover{color:#fff}[dir=rtl] .lp-trial-close{right:auto;left:16px}.lp-trial-logo{width:80px;margin:0 auto 16px;border-radius:14px;display:block}.lp-trial-modal h2{color:#eaeaea;font-size:1.5rem;margin:0 0 8px}.lp-trial-desc{color:#888;font-size:.95rem;margin:0 0 24px}.lp-trial-modal input{width:100%;padding:12px 16px;margin-bottom:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#eaeaea;font-size:1rem;box-sizing:border-box;transition:border-color .2s}.lp-trial-modal input::placeholder{color:#666}.lp-trial-modal input:focus{border-color:#00e07a;outline:none}.lp-trial-submit{width:100%;margin-top:8px}.lp-auth-toggle{text-align:center;margin-top:16px;font-size:.85rem;color:#ffffff80}.lp-auth-toggle a{color:#00e07a;text-decoration:none}.lp-auth-toggle a:hover{text-decoration:underline}.lp-auth-error{text-align:center;color:#e74c3c;font-size:.85rem;margin-top:12px;display:none}@media (max-width: 600px){.lp-trial-modal{padding:32px 20px;width:94%}}.lp-pwa-overlay{display:none;position:fixed;inset:0;z-index:10000;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);align-items:center;justify-content:center;overflow-y:auto}.lp-pwa-overlay.active{display:flex}.lp-pwa-modal{background:#16162af2;border-radius:18px;padding:40px 36px;max-width:460px;width:90%;position:relative;border:1px solid rgba(0,122,255,.25);box-shadow:0 20px 60px #00000080}.lp-pwa-close{position:absolute;top:12px;right:16px;background:none;border:none;color:#888;font-size:1.6rem;cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s}.lp-pwa-close:hover{color:#fff}[dir=rtl] .lp-pwa-close{right:auto;left:16px}.lp-pwa-logo{width:72px;margin:0 auto 16px;border-radius:14px;display:block}.lp-pwa-modal h2{color:#eaeaea;font-size:1.4rem;margin:0 0 8px;text-align:center}.lp-pwa-desc{color:#888;font-size:.95rem;margin:0 0 24px;text-align:center}.lp-pwa-steps{list-style:none;padding:0;margin:0;counter-reset:pwa-step}.lp-pwa-steps li{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06);counter-increment:pwa-step}.lp-pwa-steps li:last-child{border-bottom:none}.lp-pwa-step-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:#007aff1f;color:#4a9eff;display:flex;align-items:center;justify-content:center}.lp-pwa-steps strong{display:block;color:#eaeaea;font-size:1rem;margin-bottom:2px}.lp-pwa-step-detail{display:block;color:#777;font-size:.88rem;line-height:1.4}@media (max-width: 600px){.lp-pwa-modal{padding:32px 20px;width:94%}}.lp-what-you-get{background:#0d0d1a;border-top:1px solid rgba(0,224,122,.15)}.lp-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:2rem}.lp-feat-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px 18px;text-align:center;transition:background .25s,border-color .25s,transform .25s}.lp-feat-card:hover{background:#00e07a0f;border-color:#00e07a40;transform:translateY(-2px)}.lp-feat-icon{font-size:2.2rem;margin-bottom:10px;line-height:1}.lp-feat-card h3{font-size:1.05rem;color:#fff;margin:0 0 6px;font-weight:600}.lp-feat-card p{font-size:.88rem;color:#999;margin:0;line-height:1.4}.lp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:2rem}.lp-col h3{color:#00e07a;font-size:1.2rem;margin:0 0 12px;font-weight:600}.lp-detect-features{display:flex;flex-direction:column;gap:20px;margin-top:2rem;max-width:600px;margin-inline-start:auto;margin-inline-end:auto}.lp-detect-item{display:flex;align-items:flex-start;gap:16px}.lp-detect-label{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:#c8963e;color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center}.lp-detect-item h4{color:#fff;font-size:1.05rem;margin:0 0 4px}.lp-detect-item p{color:#999;font-size:.9rem;margin:0;line-height:1.4}.lp-community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:2rem}.lp-community-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:28px 22px;transition:background .25s,border-color .25s}.lp-community-card:hover{background:#00e07a0f;border-color:#00e07a40}.lp-community-icon{font-size:2rem;margin-bottom:10px}.lp-community-card h3{color:#fff;font-size:1.1rem;margin:0 0 12px;font-weight:600}.lp-community-card ul{list-style:none;padding:0;margin:0}.lp-community-card li{color:#aaa;font-size:.9rem;padding:5px 0;padding-inline-start:16px;position:relative;line-height:1.4}.lp-community-card li:before{content:"—";position:absolute;left:0;color:#00e07a}@media (max-width: 768px){.lp-features-grid{grid-template-columns:repeat(2,1fr);gap:12px}.lp-feat-card{padding:18px 14px}.lp-feat-icon{font-size:1.8rem}.lp-feat-card h3{font-size:.95rem}.lp-feat-card p{font-size:.82rem}.lp-two-col{grid-template-columns:1fr;gap:24px}.lp-community-grid{grid-template-columns:1fr;gap:14px}.lp-community-card{padding:20px 16px}}@media (max-width: 480px){.lp-features-grid{grid-template-columns:1fr 1fr;gap:10px}.lp-feat-card{padding:14px 10px}.lp-feat-icon{font-size:1.5rem}.lp-detect-label{width:36px;height:36px;font-size:15px}}#lp-reviews-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:20px}.lp-review-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:18px;transition:border-color .2s}.lp-review-card:hover{border-color:#00e07a33}.lp-review-stars{margin-bottom:8px}.lp-review-title{color:#fff;font-weight:600;font-size:.95rem;margin-bottom:6px}.lp-review-body{color:#fff9;font-size:.88rem;line-height:1.5;margin-bottom:10px}.lp-review-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.lp-review-author{color:#00e07a;font-weight:500}.lp-review-date{color:#ffffff4d}@media (max-width: 768px){.lp-nav{padding:8px 12px}.lp-nav-logo{width:36px;height:36px}.lp-nav-title{font-size:1rem}.lp-hero{min-height:70vh;padding:80px 16px 40px}.lp-hero-logo{width:clamp(120px,40vw,180px);margin:4px auto 14px;border-radius:14px}.lp-hero-title{font-size:clamp(1.6rem,7vw,2.4rem);margin-bottom:10px}.lp-hero-tagline{font-size:clamp(1.2rem,5vw,1.8rem)}.lp-hero-subtitle{font-size:clamp(1rem,4vw,1.4rem);margin-bottom:12px}.lp-hero-desc{font-size:clamp(.9rem,3.5vw,1.1rem);margin-bottom:20px}.lp-hero-cta{gap:10px}.lp-btn-primary{padding:12px 28px;font-size:.95rem}.lp-btn-secondary{padding:10px 24px;font-size:.88rem}.lp-btn-download{padding:10px 18px;font-size:.85rem;min-width:auto}.lp-section{padding:40px 14px}.lp-section h2{font-size:1.4rem!important;margin-bottom:10px}.lp-section-subtitle{font-size:.9rem!important}.lp-section-inner{padding:0}.lp-feature-list{padding-inline-start:0}.lp-feature-list li{font-size:.88rem;padding:6px 0}.lp-download-btns{flex-direction:column;align-items:center;gap:10px}.lp-download-btns a{width:100%;max-width:280px;justify-content:center}[style*=grid-template-columns]{grid-template-columns:1fr!important}#landing-page p{font-size:.9rem!important}#landing-page h3{font-size:1.1rem!important}#landing-page [style*="max-width:560px"]{padding:16px!important}#landing-page [style*="font-size:1.5rem"]{font-size:1.2rem!important}#landing-page>div:first-child{font-size:.78rem!important;padding:8px 10px!important}}@media (max-width: 480px){.lp-hero{min-height:60vh;padding:70px 12px 30px}.lp-hero-title{font-size:1.5rem}.lp-hero-tagline{font-size:1.1rem}.lp-hero-logo{width:100px}.lp-btn-primary{padding:10px 22px;font-size:.88rem;width:100%}.lp-btn-secondary{width:100%}.lp-section{padding:30px 10px}.lp-section h2{font-size:1.2rem!important}.lp-nav{padding:6px 10px}.lp-nav-logo{width:30px;height:30px}.lp-nav-title{font-size:.9rem}}.les-body{overflow:auto;display:block;padding:0;height:auto;min-height:100vh}.les-nav{position:sticky;top:0;z-index:100;background:#080812eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);padding:12px 24px}.les-nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:12px}.les-nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.les-nav-logo{width:40px;height:40px;border-radius:8px;object-fit:contain}.les-nav-title{font-size:1.3rem;color:#00e07a;font-weight:700}.les-nav-links{display:flex;gap:20px;margin-inline-start:24px}.les-nav-link{color:#888;text-decoration:none;font-size:.95rem;transition:color .2s}.les-nav-link:hover{color:#00e07a}.les-nav-spacer{flex:1}[dir=rtl] .les-nav-links{margin-inline-start:0;margin-inline-end:24px}@media (max-width: 768px){.les-nav-links{gap:12px;margin-inline-start:12px}.les-nav-link{font-size:.82rem}}@media (max-width: 480px){.les-nav-links{display:none}}.les-main{max-width:1200px;margin:0 auto;padding:32px 24px 80px}.les-browse-header{text-align:center;margin-bottom:32px}.les-browse-header h1{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:300;color:#eaeaea;margin-bottom:8px}.les-browse-subtitle{font-size:1.1rem;color:#888}.les-filter-bar{margin-bottom:32px}.les-filter-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:12px}.les-filter-pill{padding:8px 18px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:transparent;color:#888;font-size:.9rem;cursor:pointer;transition:all .2s;font-family:inherit}.les-filter-pill:hover{border-color:#00e07a4d;color:#ccc}.les-filter-pill.active{background:#00e07a;color:#080812;border-color:#00e07a;font-weight:600}.les-teacher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.les-teacher-card{background:#16162ab3;border:1.5px solid rgba(255,255,255,.08);border-radius:14px;padding:24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:border-color .3s,transform .2s}.les-teacher-card:hover{border-color:#00e07a4d;transform:translateY(-2px)}.les-teacher-card-header{display:flex;align-items:center;gap:14px;margin-bottom:12px}.les-teacher-avatar img,.les-avatar-placeholder{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,224,122,.3)}.les-avatar-placeholder{background:#00e07a1a;color:#00e07a;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700}.les-avatar-lg img,.les-avatar-placeholder.les-avatar-lg{width:80px;height:80px;font-size:2rem}.les-teacher-name{font-size:1.15rem;color:#eaeaea;font-weight:600;margin:0}.les-experience-badge{font-size:.78rem;color:#00e07a;background:#00e07a1a;padding:3px 10px;border-radius:10px;display:inline-block;margin-top:4px}.les-teacher-bio{font-size:.9rem;color:#888;line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.les-teacher-instruments{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.les-instrument-badge{font-size:.78rem;padding:3px 10px;border-radius:10px;background:#ffffff0f;color:#ccc}.les-teacher-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.les-course-count{font-size:.82rem;color:#888}.les-view-profile{font-size:.82rem;color:#00e07a}.les-course-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.les-course-card{background:#16162ab3;border:1.5px solid rgba(255,255,255,.08);border-radius:14px;padding:24px}.les-course-card-top{margin-bottom:8px}.les-course-card-top h3{font-size:1.15rem;color:#eaeaea;font-weight:600;margin:0}.les-course-title-ar{font-size:.95rem;color:#888;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif}.les-course-desc{font-size:.9rem;color:#888;line-height:1.5;margin-bottom:12px}.les-course-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.les-level-badge{font-size:.78rem;padding:3px 10px;border-radius:10px;background:#008cff1f;color:#4aa8ff}.les-price-badge{font-size:.82rem;color:#00e07a;background:#00e07a1a;padding:3px 12px;border-radius:12px;font-weight:600}.les-duration-badge{font-size:.78rem;padding:3px 10px;border-radius:10px;background:#ffffff0f;color:#aaa}.les-btn-primary,.les-btn-book{display:inline-block;background:#00e07a1f;border:1px solid rgba(0,224,122,.3);color:#00e07a;padding:10px 24px;border-radius:10px;font-size:.95rem;cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s;text-decoration:none}.les-btn-primary:hover,.les-btn-book:hover{background:#00e07a33;border-color:#00e07a}.les-btn-secondary{display:inline-block;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ccc;padding:10px 24px;border-radius:10px;font-size:.95rem;cursor:pointer;font-family:inherit;transition:background .2s;text-decoration:none}.les-btn-secondary:hover{background:#ffffff1a}.les-btn-add{font-size:.82rem;background:none;border:1px solid rgba(0,224,122,.3);color:#00e07a;padding:4px 14px;border-radius:8px;cursor:pointer;font-family:inherit;margin-inline-start:12px}.les-btn-add:hover{background:#00e07a14}.les-btn-delete{font-size:.78rem;background:none;border:1px solid rgba(255,107,107,.3);color:#ff6b6b;padding:4px 12px;border-radius:8px;cursor:pointer;font-family:inherit}.les-btn-delete:hover{background:#ff6b6b14}.les-btn-join{display:inline-flex;align-items:center;gap:6px;background:#00e07a1f;border:1px solid rgba(0,224,122,.3);color:#00e07a;padding:8px 18px;border-radius:10px;font-size:.9rem;text-decoration:none;transition:background .2s}.les-btn-join:hover{background:#00e07a33}.les-btn-confirm{display:inline-block;background:#00e07a;border:none;color:#080812;padding:10px 28px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit}.les-btn-confirm:hover{background:#0f8}.les-btn-cancel{display:inline-block;background:none;border:1px solid rgba(255,255,255,.12);color:#aaa;padding:10px 28px;border-radius:10px;font-size:1rem;cursor:pointer;font-family:inherit;margin-inline-start:12px}.les-back-link{display:inline-block;color:#888;text-decoration:none;font-size:.9rem;margin-bottom:24px;transition:color .2s}.les-back-link:hover{color:#00e07a}.les-teacher-profile{margin-bottom:32px}.les-profile-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.les-profile-name{font-size:1.8rem;font-weight:300;color:#eaeaea;margin:0}.les-profile-bio{font-size:1rem;color:#aaa;line-height:1.7;margin-bottom:16px}.les-bio-ar{font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif;color:#888;margin-top:8px}.les-video-link{font-size:.95rem;color:#aaa;padding:12px 16px;background:#16162ab3;border:1px solid rgba(255,255,255,.08);border-radius:10px;display:inline-flex;align-items:center;gap:8px}.les-video-link a{color:#00e07a}.les-video-icon{font-size:1.2rem}.les-section-title{font-size:1.3rem;font-weight:400;color:#ddd;margin:32px 0 16px;display:flex;align-items:center}.les-availability-list{margin-bottom:32px}.les-availability-day{margin-bottom:16px}.les-day-label{font-size:.88rem;color:#00e07a;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.les-slot{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#16162a80;border:1px solid rgba(255,255,255,.06);border-radius:8px;margin-bottom:6px;font-size:.9rem;transition:border-color .2s,background .2s}.les-slot.available{border-color:#00e07a33;cursor:pointer}.les-slot.available:hover{border-color:#00e07a;background:#00e07a0f}.les-slot.booked{opacity:.5;cursor:not-allowed}.les-slot-time{color:#ddd}.les-slot-status{font-size:.78rem}.les-slot.available .les-slot-status{color:#00e07a}.les-slot.booked .les-slot-status{color:#ff6b6b}.les-weekly-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:32px}.les-day-column{background:#16162a80;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 8px;min-height:100px}.les-day-header{font-size:.78rem;color:#00e07a;text-align:center;font-weight:600;margin-bottom:8px;text-transform:uppercase}.les-slot-chip{font-size:.72rem;color:#ccc;background:#00e07a14;border:1px solid rgba(0,224,122,.15);border-radius:6px;padding:4px 8px;margin-bottom:4px;display:flex;justify-content:space-between;align-items:center}.les-slot-remove{background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:.9rem;padding:0 2px}.les-stats-row{display:flex;gap:16px;margin-bottom:32px}.les-stat-card{flex:1;text-align:center;padding:20px;background:#16162ab3;border:1.5px solid rgba(255,255,255,.08);border-radius:14px}.les-stat-number{font-size:2rem;font-weight:700;color:#00e07a}.les-stat-label{font-size:.82rem;color:#888;margin-top:4px}.les-booking-list{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.les-booking-card{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#16162ab3;border:1px solid rgba(255,255,255,.08);border-radius:12px}.les-booking-info h3{font-size:1.05rem;color:#eaeaea;font-weight:600;margin:0 0 4px}.les-booking-info p{font-size:.88rem;color:#888;margin:0}.les-booking-datetime{color:#00e07a!important;font-weight:500}.les-past-card{opacity:.6;display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;font-size:.88rem;color:#888}.les-status-badge{font-size:.72rem;padding:2px 8px;border-radius:8px;background:#ffffff0f;color:#888}.les-course-manage{position:relative}.les-course-active-badge{font-size:.72rem;padding:2px 8px;border-radius:8px;background:#00e07a1a;color:#00e07a}.les-course-active-badge.inactive{background:#ff6b6b1a;color:#ff6b6b}.les-course-actions{margin-top:12px;display:flex;gap:8px}.les-overlay{position:fixed;inset:0;z-index:9999;background:#080812eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;animation:modalFadeIn .25s ease}.les-overlay-content{max-width:600px;width:90%;max-height:85vh;overflow-y:auto;padding:32px;background:#16162af2;border:1.5px solid rgba(255,255,255,.1);border-radius:16px}.les-overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.les-overlay-header h2{font-size:1.4rem;font-weight:400;color:#eaeaea;margin:0}.les-overlay-close-btn{background:#ffffff14;border:none;color:#aaa;font-size:1.4rem;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.les-overlay-close-btn:hover{background:#ffffff26;color:#fff}.les-booking-slots{display:flex;flex-direction:column;gap:8px}.les-booking-slot-btn{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#16162ab3;border:1px solid rgba(0,224,122,.15);border-radius:10px;color:#ddd;font-size:.9rem;cursor:pointer;font-family:inherit;transition:border-color .2s,background .2s}.les-booking-slot-btn:hover{border-color:#00e07a;background:#00e07a0f}.les-slot-date{color:#00e07a;font-weight:500}.les-confirm-details{margin-bottom:24px}.les-confirm-details p{font-size:.95rem;color:#ccc;margin:8px 0}.les-confirm-details a{color:#00e07a}.les-payment-note{font-size:.85rem!important;color:#888!important;font-style:italic;margin-top:16px!important}.les-confirm-actions{display:flex;gap:12px;justify-content:flex-end}.les-booking-success{text-align:center;padding:24px 0}.les-success-icon{font-size:3rem;color:#00e07a;margin-bottom:16px}.les-booking-success h2{color:#00e07a;font-weight:400;margin-bottom:8px}.les-booking-success p{color:#aaa;margin:4px 0}.les-success-actions{margin-top:24px;display:flex;gap:12px;justify-content:center}.les-form{max-width:600px}.les-form-subtitle{font-size:1rem;color:#888;margin-bottom:24px}.les-form-group{margin-bottom:18px}.les-form-group label{display:block;font-size:.85rem;color:#aaa;margin-bottom:6px}.les-form input,.les-form textarea,.les-form select{background:#16162ab3;border:1.5px solid rgba(255,255,255,.12);border-radius:10px;color:#e0e0e0;padding:12px 16px;font-size:1rem;width:100%;font-family:inherit;transition:border-color .2s}.les-form input:focus,.les-form textarea:focus,.les-form select:focus{border-color:#00e07a;outline:none}.les-form-row{display:flex;gap:16px}.les-form-row .les-form-group{flex:1}.les-form-actions{margin-top:24px}.les-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.les-checkbox-label{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#16162a80;border:1px solid rgba(255,255,255,.06);border-radius:8px;font-size:.88rem;color:#ccc;cursor:pointer;transition:border-color .2s}.les-checkbox-label:hover{border-color:#00e07a4d}.les-checkbox-label input[type=checkbox]{width:auto;accent-color:#00e07a}.les-signin-prompt{text-align:center;padding:60px 24px}.les-signin-prompt h2{font-size:1.6rem;color:#eaeaea;margin-bottom:16px}.les-signin-prompt p{font-size:1rem;color:#888;margin-bottom:12px}.les-loading{text-align:center;color:#888;font-size:1rem;padding:48px 0}.les-empty{text-align:center;color:#666;font-size:1rem;padding:48px 0}.les-empty-msg{color:#666;font-size:.95rem;margin:12px 0}.les-empty-msg a{color:#00e07a}.les-error{color:#ff6b6b;text-align:center;padding:48px 0}.les-teaser-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;max-width:700px;margin:0 auto 24px}.les-teaser-card{text-align:center;padding:18px 12px;background:#16162ab3;border:1.5px solid rgba(255,255,255,.08);border-radius:12px;transition:border-color .2s,transform .2s}.les-teaser-card:hover{border-color:#00e07a4d;transform:translateY(-2px)}.les-teaser-icon{font-size:2rem;margin-bottom:8px}.les-teaser-name{font-size:.88rem;color:#ccc}.les-teaser-features{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin:24px 0}.les-teaser-feature{font-size:.95rem;color:#aaa;display:flex;align-items:center;gap:8px}.les-teaser-feature-icon{font-size:1.3rem}.les-teaser-cta{font-size:1.1rem!important;padding:14px 36px!important}@media (max-width: 768px){.les-teacher-grid{grid-template-columns:1fr}.les-weekly-grid{grid-template-columns:repeat(4,1fr)}.les-stats-row{flex-direction:column}.les-form-row{flex-direction:column;gap:0}.les-profile-header{flex-direction:column;text-align:center}.les-booking-card{flex-direction:column;gap:12px;text-align:center}.les-past-card{grid-template-columns:1fr;text-align:center}}@media (max-width: 480px){.les-weekly-grid{grid-template-columns:repeat(2,1fr)}.les-teaser-grid{grid-template-columns:repeat(3,1fr)}.les-teaser-features{flex-direction:column;align-items:center}.les-confirm-actions{flex-direction:column}.les-btn-cancel{margin-inline-start:0;margin-top:8px}}[dir=rtl] .les-teacher-card{text-align:end}[dir=rtl] .les-back-link{direction:rtl}[dir=rtl] .les-btn-add,[dir=rtl] .les-btn-cancel{margin-inline-start:0;margin-inline-end:12px}[dir=rtl] .les-overlay-close{justify-content:flex-start}.fb-mode-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.fb-mode-label{font-size:.85rem;color:#ffffff80;white-space:nowrap}.fb-mode-group{display:flex;gap:2px;background:#ffffff0f;border-radius:20px;padding:2px}.fb-mode-option{padding:6px 16px;border-radius:18px;font-size:.85rem;color:#fff9;cursor:pointer;transition:all .2s;white-space:nowrap}.fb-mode-option input[type=radio]{display:none}.fb-mode-option:hover{color:#fff;background:#ffffff14}.fb-mode-option.fb-mode-active{background:#00e07a33;color:#00e07a;font-weight:600}.app-context .fb-mode-option.fb-mode-active{background:#c9a03233;color:#c9a032}.fb-sort{margin-inline-start:auto}.fb-sort-select{padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffb3;font-size:.82rem;cursor:pointer}.fb-count{font-size:.82rem;color:#ffffff73;white-space:nowrap}.fb-active-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.fb-active-tags:empty{margin-bottom:0}.fb-tag{padding:4px 12px;border-radius:14px;font-size:.82rem;background:#00e07a26;color:#00e07a;border:1px solid rgba(0,224,122,.3);cursor:pointer;transition:all .2s}.fb-tag:hover{background:#00e07a40}.app-context .fb-tag{background:#c9a03226;color:#c9a032;border-color:#c9a0324d}.app-context .fb-tag:hover{background:#c9a03240}.fb-search-area{margin-bottom:12px}.fb-text-search{display:flex;flex-direction:column;width:100%;gap:6px;max-width:600px}.fb-text-input{width:100%;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;font-size:.95rem;outline:none;box-sizing:border-box}.fb-text-input:focus{border-color:#00e07a;background:#00e07a0a}.app-context .fb-text-input:focus{border-color:#c9a032;background:#c9a0320a}.fb-text-input::placeholder{color:#ffffff59}.fb-text-results{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto;scrollbar-width:thin}.fb-result-item{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-radius:8px;border:none;background:transparent;color:#ffffffbf;font-size:.88rem;cursor:pointer;text-align:start;transition:all .15s}.fb-result-item:hover{background:#00e07a1a;color:#fff}.fb-result-item.fb-result-active{background:#00e07a2e;color:#00e07a}.app-context .fb-result-item:hover{background:#c9a0321a}.app-context .fb-result-item.fb-result-active{background:#c9a0322e;color:#c9a032}.fb-result-count{font-size:.78rem;color:#ffffff59;margin-inline-start:8px}.fb-text-empty{padding:12px;color:#ffffff59;font-size:.85rem;text-align:center}.fb-chip{padding:5px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff9;font-size:.76rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.fb-chip:hover{background:#ffffff14;color:#fff}.fb-chip.fb-chip-active{background:#c8a8502e;color:#e8c860;border-color:#c8a85066;font-weight:600}.fb-chip.fb-chip-maqam{border-color:#9b87f533}.fb-chip.fb-chip-maqam.fb-chip-active{background:#9b87f526;color:#b8a5f5;border-color:#9b87f566}#fb-chips::-webkit-scrollbar{display:none}.sc-card.sc-grid{display:flex;align-items:center;gap:14px;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff12;cursor:pointer;transition:all .2s;position:relative}.sc-card.sc-grid:hover{background:#ffffff1f;border-color:#00e07a66}.sc-card.sc-grid.sc-playing{border-color:#00e07a;background:#00e07a14}.sc-cover{width:56px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#ffffff1a;display:flex;align-items:center;justify-content:center}.sc-cover img{width:100%;height:100%;object-fit:cover}.sc-cover-gradient .sc-note{font-size:1.5rem;color:#ffffff4d}.sc-body{flex:1;min-width:0}.sc-title{font-size:1.1rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-title-ar{font-size:.95rem;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif;color:#ffffff80}.sc-artist{font-size:.95rem;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif}.sc-maqam-tag{font-size:.82rem;color:#00e07a99;margin-top:2px;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif}.sc-meta{display:flex;align-items:center;gap:6px;margin-top:4px;flex-wrap:wrap}.sc-badge{font-size:.82rem;padding:2px 8px;border-radius:8px;background:#ffffff14;color:#ffffff8c;text-transform:capitalize;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif}.sc-badge-genre{background:#00e07a14;color:#00e07a99}.sc-duration{font-size:.85rem;color:#fff6}.sc-play-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,224,122,.3);background:#00e07a1a;color:#00e07a;font-size:1rem;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s}.sc-play-btn:hover{background:#00e07a33;border-color:#00e07a}.sc-card.sc-playing .sc-play-btn{background:#00e07a;color:#111;border-color:#00e07a;box-shadow:0 0 8px #00e07a80;animation:sc-pulse 2s ease-in-out infinite}.app-context .sc-card.sc-playing .sc-play-btn{background:#c9a032;color:#111;border-color:#c9a032;box-shadow:0 0 8px #c9a03280}.sc-admin{position:absolute;top:6px;right:6px;display:flex;gap:4px;opacity:0;transition:opacity .2s}.sc-card:hover .sc-admin{opacity:1}.sc-edit-btn,.sc-del-btn{width:28px;height:28px;border-radius:50%;border:none;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.sc-edit-btn{background:#00e07ad9;color:#080812}.sc-edit-btn:hover{background:#00e07a}.sc-del-btn{background:#e74c3cd9;color:#fff}.sc-del-btn:hover{background:#e74c3c}.sc-detect-group{display:flex;flex-direction:column;align-items:center;gap:1px;margin-inline-start:auto;flex-shrink:0}.sc-detect-label{font-size:.55rem;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.sc-detect-icons{display:flex;gap:3px}.sc-detect-btn{display:flex;flex-direction:column;align-items:center;gap:1px;padding:2px 5px;border-radius:6px;font-size:.5rem;border:1px solid rgba(138,100,255,.25);background:#8a64ff14;color:#8a64ff;cursor:pointer;transition:all .2s;line-height:1}.sc-detect-btn svg{opacity:.8}.sc-detect-btn span{font-size:.5rem}.sc-detect-btn:hover{background:#8a64ff33;border-color:#8a64ff}.sc-detect-btn.sc-detect-loading{opacity:.7;cursor:wait}.sc-detect-btn.sc-detect-done{border-color:#00e07a;color:#00e07a;background:#00e07a1a}.sc-detected-badge{padding:2px 10px;border-radius:10px;font-size:.7rem;background:#8a64ff26;color:#8a64ff;border:1px solid rgba(138,100,255,.3)}.sc-card.sc-compact{display:flex;align-items:center;gap:4px;padding:6px 8px;background:#16162ab3;border-radius:8px;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .15s}.sc-card.sc-compact:hover{background:#16162ae6;border-color:#00e07a4d}.sc-card.sc-compact.sc-playing{background:#00e07a1f;border-inline-start:3px solid #00e07a}.app-context .sc-card.sc-compact.sc-playing{background:#c9a0321f;border-inline-start:3px solid #C9A032}.sc-play{color:#00e07a;font-size:.75rem;flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00e07a1a;transition:all .2s}.sc-card.sc-playing .sc-play{width:32px;height:32px;background:#00e07a;color:#111;box-shadow:0 0 8px #00e07a80;animation:sc-pulse 2s ease-in-out infinite}.app-context .sc-play{color:#c9a032;background:#c9a0321a}.app-context .sc-card.sc-playing .sc-play{background:#c9a032;color:#111;box-shadow:0 0 8px #c9a03280}@keyframes sc-pulse{0%,to{box-shadow:0 0 6px #00e07a66}50%{box-shadow:0 0 14px #00e07ab3}}.sc-info{flex:1;min-width:0}.sc-card.sc-compact .sc-title{font-size:.95rem;color:#ddd;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif}.sc-card.sc-compact .sc-title-ar{font-size:.9rem;display:inline}.sc-card.sc-compact .sc-artist{font-size:.78rem;color:#ffffff73}.sc-card.sc-compact .sc-badge{font-size:.7rem;flex-shrink:0}.app-context .sc-badge{background:#c9a0321a;color:#c9a032}.sl-group{margin-bottom:2px}.sl-group-header{display:flex;align-items:baseline;gap:6px;padding:6px 10px;cursor:pointer;user-select:none;border-bottom:1px solid rgba(255,255,255,.06);border-radius:6px;transition:background .15s}.sl-group-header:hover{background:#ffffff0a}.sl-group-open>.sl-group-header{margin-bottom:4px}.sl-group-arrow{font-size:.7rem;color:#fff6;width:14px;display:inline-block;transition:transform .2s}.sl-group-open>.sl-group-header .sl-group-arrow{transform:rotate(90deg)}.sl-group:not(.sl-group-open)>.sl-group-cards{display:none}.sl-group-name{font-size:.95rem;font-weight:600;color:#00e07a}.app-context .sl-group-name{color:#c9a032}.sl-group-name-ar{font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif;font-size:.8rem;color:#ffffff80}.sl-group-count{font-size:.7rem;color:#ffffff59;margin-inline-start:auto}.sl-group-cards{display:grid;grid-template-columns:repeat(3,minmax(0,400px));gap:3px 16px}@media (max-width: 768px){.sl-group-cards{grid-template-columns:repeat(2,minmax(0,400px))}}@media (max-width: 480px){.sl-group-cards{grid-template-columns:minmax(0,1fr)}}.sl-sub-header{grid-column:1 / -1;padding:6px 12px 2px;font-size:.78rem;font-weight:600;color:#c9a032b3;border-top:1px solid rgba(201,160,50,.12);margin-top:4px;text-transform:capitalize}.sl-sub-header:first-child{margin-top:0;border-top:none}.sl-sub-count{font-weight:400;font-size:.7rem;color:#ffffff4d}#lp-songs-library h2{text-align:center;color:#fff;font-size:clamp(1.7rem,4vw,2.2rem);margin-bottom:8px}#lp-songs-library .lp-section-subtitle{text-align:center;color:#ffffff80;margin-bottom:24px;font-size:.95rem}#lp-songs-library .sl-controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;align-items:center;justify-content:center}#lp-songs-library .sl-search{flex:1 1 200px;max-width:300px;padding:8px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;font-size:.85rem;outline:none;transition:border-color .2s}#lp-songs-library .sl-search:focus{border-color:#00e07a80}#lp-songs-library .sl-search::placeholder{color:#ffffff4d}#lp-songs-library .sl-select{padding:8px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fffc;font-size:.8rem;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(255,255,255,0.4)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-inline-end:26px}#lp-songs-library .sl-select:focus{border-color:#00e07a80}#lp-songs-library .sl-select option{background:#1a1a2e;color:#fff}#lp-songs-library .sl-results{text-align:center;font-size:.75rem;color:#ffffff59;margin-bottom:12px}#lp-songs-library .sl-song-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}#lp-songs-library .sc-card.sc-grid{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.06);padding:6px 4px;gap:8px;border-radius:0}#lp-songs-library .sc-card.sc-grid:hover{background:#ffffff0a}#lp-songs-library .sc-cover{width:32px;height:32px;border-radius:4px}#lp-songs-library .sc-title{font-size:.82rem;color:#ffffffe6}#lp-songs-library .sc-artist{font-size:.72rem;color:#fff6}#lp-songs-library .sc-maqam-tag{font-size:.65rem;color:#00e07a99;margin-top:1px}#lp-songs-library .sc-play-btn{width:26px;height:26px;font-size:.7rem;border-color:#00e07a33;color:#00e07a;background:transparent}#lp-songs-library .sl-pagination{margin-top:20px;text-align:center}@media (max-width: 768px){#lp-songs-library .sl-song-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){#lp-songs-library .sl-song-grid{grid-template-columns:1fr}#lp-songs-library{padding:32px 10px!important}}.sl-song-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:start}@media (max-width: 768px){.sl-song-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.sl-song-grid{grid-template-columns:1fr}}.sl-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.sl-page-btn{padding:8px 20px;border-radius:8px;border:1px solid rgba(0,224,122,.3);background:#00e07a14;color:#00e07a;font-size:.9rem;cursor:pointer;transition:all .2s}.sl-page-btn:hover{background:#00e07a2e}.sl-page-info{font-size:.85rem;color:#ffffff80}.sl-loading,.sl-empty{text-align:center;padding:40px 0;color:#fff6;font-size:1rem}.sl-edit-overlay{position:fixed;inset:0;z-index:10000;background:#000000b3;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.sl-edit-panel{background:#141428;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:28px 32px;width:90%;max-width:480px}.sl-edit-panel h3{margin:0 0 12px;font-size:1.1rem;color:#fff}.sl-edit-player{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;background:#00e07a14;border-radius:8px;border:1px solid rgba(0,224,122,.2)}.sl-ed-play{padding:6px 16px;border:1px solid #00e07a;border-radius:6px;background:transparent;color:#00e07a;cursor:pointer;font-size:.85rem;white-space:nowrap}.sl-ed-play:hover{background:#00e07a;color:#080812}.sl-ed-now{color:#fff9;font-size:.85rem;font-variant-numeric:tabular-nums}.sl-edit-row{margin-bottom:12px}.sl-edit-row label{display:block;font-size:.78rem;color:#ffffff80;margin-bottom:4px}.sl-edit-row input{width:100%;padding:9px 12px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0f;color:#fff;font-size:.92rem;box-sizing:border-box}.sl-edit-actions{display:flex;align-items:center;gap:10px;margin-top:18px}.sl-ed-save{padding:9px 24px;border:none;border-radius:8px;background:#00e07a;color:#080812;font-weight:600;cursor:pointer;font-size:.9rem}.sl-ed-save:disabled{opacity:.5}.sl-ed-cancel{padding:9px 24px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:transparent;color:#fff9;cursor:pointer;font-size:.9rem}.sl-ed-status{font-size:.82rem}.sub-gate-overlay{position:fixed;inset:0;z-index:10000;background:#000000bf;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px)}.sub-gate-panel{background:#141428;border:1px solid rgba(138,100,255,.3);border-radius:16px;padding:32px;width:90%;max-width:400px;text-align:center}.sub-gate-panel h3{color:#8a64ff;font-size:1.3rem;margin:0 0 8px}.sub-gate-desc{color:#fff9;font-size:.9rem;margin-bottom:16px}.sub-gate-price{font-size:2rem;font-weight:700;color:#fff;margin-bottom:16px}.sub-gate-price span{font-size:.9rem;font-weight:400;color:#ffffff80}.sub-gate-features{list-style:none;padding:0;margin:0 0 24px;text-align:start}.sub-gate-features li{padding:6px 0;color:#ffffffb3;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.06)}.sub-gate-features li:before{content:"✓ ";color:#00e07a;font-weight:600}.sub-gate-actions{display:flex;gap:10px;justify-content:center}.sub-gate-subscribe{padding:10px 28px;border:none;border-radius:8px;background:#8a64ff;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer}.sub-gate-subscribe:hover{background:#7b52ff}.sub-gate-subscribe:disabled{opacity:.5}.sub-gate-cancel{padding:10px 20px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:transparent;color:#ffffff80;cursor:pointer;font-size:.9rem}.sc-detect-row{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 36px;background:#c8963e0f;border-bottom:1px solid rgba(200,150,62,.15)}.sc-det-btn{width:28px;height:28px;border-radius:50%;border:1px solid rgba(200,150,62,.4);background:transparent;color:#c8963e;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s}.sc-det-btn:disabled{opacity:.3;cursor:not-allowed}.sc-det-btn.active{background:#c8963e;color:#fff}.sc-det-iqaa{color:#8e44ad;border-color:#8e44ad66}.sc-det-iqaa.active{background:#8e44ad;color:#fff}.sc-det-song{color:#3a7bd5;border-color:#3a7bd566}.sc-det-song.active{background:#3a7bd5;color:#fff}.sc-det-save{color:#27ae60;border-color:#27ae6066}.sc-det-badge{font-size:12px;color:#e8d5b7;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.sc-compact .sc-edit-btn{background:transparent;border:none;color:#c8963e80;cursor:pointer;font-size:14px;padding:2px 6px;flex-shrink:0;transition:color .15s}.sc-compact .sc-edit-btn:hover{color:#c8963e}.sc-edit-form-row{padding:10px 12px 10px 36px;background:#c8963e0f;border-bottom:1px solid rgba(200,150,62,.15)}.sc-ef-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}@media (max-width: 480px){.sc-ef-fields{grid-template-columns:1fr}}.sc-ef-field label{display:block;font-size:11px;color:#ffffff80;margin-bottom:2px}.sc-ef-input{width:100%;padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;font-size:13px;outline:none;box-sizing:border-box}.sc-ef-input:focus{border-color:#c8963e}.sc-ef-actions{display:flex;gap:8px;align-items:center}.sc-ef-save,.sc-ef-cancel{padding:5px 14px;border-radius:6px;border:none;cursor:pointer;font-size:13px;font-weight:500}.sc-ef-save{background:#27ae60;color:#fff}.sc-ef-save:disabled{opacity:.5}.sc-ef-cancel{background:transparent;color:#ffffff80;border:1px solid rgba(255,255,255,.15)}.sc-ef-status{font-size:12px;color:#e8d5b7}.songs-audio-toggle{display:flex;gap:6px;margin-top:8px}.songs-toggle-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffff80;font-size:.82rem;cursor:pointer;transition:all .2s}.songs-toggle-btn:hover{background:#c9a0321a;border-color:#c9a0324d}.songs-toggle-btn.active{background:#c9a0322e;border-color:#c9a032;color:#c9a032}.songs-toggle-btn svg{flex-shrink:0}.toggle-count{font-size:.75rem;opacity:.7}.sc-card.sc-no-audio{opacity:.45}.sc-card.sc-no-audio .sc-play{display:none}.lessons-tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.lessons-tab{flex:1;padding:10px 0;text-align:center;background:transparent;border:none;color:#ffffff80;font-size:.9rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.lessons-tab.active{color:#8a64ff;border-bottom-color:#8a64ff}.lessons-sub{display:none}.lessons-sub.active{display:block}.lb-section{padding:8px 0}.lb-title{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 4px}.lb-subtitle{font-size:.85rem;color:#ffffff80;margin-bottom:14px}.lb-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.lb-filter-select{padding:7px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;font-size:.85rem;cursor:pointer;-webkit-appearance:none;appearance:none}.lb-filter-select:focus{border-color:#8a64ff;outline:none}.lb-loading{text-align:center;padding:40px 0;color:#fff6;font-size:.9rem}.lb-empty{text-align:center;padding:40px 0;color:#ffffff59;font-size:.9rem}.lb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.lb-teacher-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;cursor:pointer;transition:border-color .2s,transform .15s}.lb-teacher-card:hover{border-color:#8a64ff4d;transform:translateY(-2px)}.lb-tc-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.lb-tc-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#8a64ff,#6a44df);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;flex-shrink:0}.lb-tc-name{font-weight:700;color:#fff;font-size:1rem}.lb-tc-exp{font-size:.78rem;color:#fff6;margin-top:2px}.lb-tc-instruments{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.lb-tc-stat{display:flex;gap:12px;font-size:.8rem;color:#ffffff80}.td-section{padding:8px 0}.td-title{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 4px}.td-subtitle{font-size:.85rem;color:#ffffff80;margin-bottom:14px}.td-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;margin-bottom:14px}.td-card h4{font-size:1rem;font-weight:700;color:#fff;margin:0 0 10px}.td-form-row{margin-bottom:10px}.td-form-row label{display:block;font-size:.82rem;color:#ffffff80;margin-bottom:4px;font-weight:600}.td-form-row input,.td-form-row textarea,.td-form-row select{width:100%;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;font-size:.9rem;resize:vertical}.td-form-row input:focus,.td-form-row textarea:focus,.td-form-row select:focus{border-color:#8a64ff;outline:none}.td-add-btn{padding:8px 16px;border:1px dashed rgba(138,100,255,.4);border-radius:8px;background:transparent;color:#8a64ff;font-size:.85rem;cursor:pointer;transition:background .2s}.td-add-btn:hover{background:#8a64ff1a}.td-save-btn{padding:9px 24px;border:none;border-radius:8px;background:#8a64ff;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer}.td-save-btn:hover{background:#7b52ff}.td-save-btn:disabled{opacity:.5;cursor:default}.td-course-item,.td-slot-item{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);margin-bottom:8px}.td-course-info{flex:1}.td-course-title{font-weight:600;color:#fff;font-size:.9rem}.td-course-meta{font-size:.78rem;color:#fff6;margin-top:2px}.td-del-btn{padding:4px 10px;border:1px solid rgba(231,76,60,.3);border-radius:6px;background:transparent;color:#e74c3c;font-size:.78rem;cursor:pointer}.td-del-btn:hover{background:#e74c3c1a}.td-booking-item{padding:10px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);margin-bottom:8px}.td-booking-item strong{color:#fff}.td-booking-item span{font-size:.82rem;color:#ffffff80}.td-status{font-size:.82rem;margin-top:4px;min-height:18px}.mk-section{padding:8px 0}.mk-title{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 4px}.mk-subtitle{font-size:.85rem;color:#ffffff80;margin-bottom:14px}.mk-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.mk-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .2s,transform .15s}.mk-card:hover{border-color:#8a64ff4d;transform:translateY(-2px)}.mk-card-photo{width:100%;height:160px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ffffff05}.mk-card-photo img{width:100%;height:100%;object-fit:cover}.mk-no-photo{font-size:2.5rem;color:#ffffff26}.mk-card-body{padding:12px}.mk-card-title{font-weight:700;color:#fff;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-card-title-ar{font-size:.85rem;color:#fff6;margin-top:2px}.mk-card-meta{display:flex;gap:4px;flex-wrap:wrap;margin:8px 0}.mk-card-price{font-size:1.15rem;font-weight:700;color:#00e07a}.mk-card-seller{font-size:.78rem;color:#ffffff59;margin-top:4px}.mk-detail-price{font-size:1.5rem;font-weight:700;color:#00e07a;margin:12px 0}.mk-card-sound-badge{color:#f39c12;font-size:.85rem;margin-inline-start:6px}.mk-media-section{padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}.mk-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px dashed rgba(255,255,255,.2);border-radius:8px;background:#ffffff0a;color:#aaa;font-size:.82rem;cursor:pointer;transition:all .2s;margin-top:6px}.mk-upload-btn:hover{border-color:#00e07a66;color:#00e07a;background:#00e07a0f}.mk-upload-status{font-size:.78rem;margin-inline-start:8px}.mk-photo-preview{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.mk-photo-thumb{position:relative;width:72px;height:72px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.mk-photo-thumb img{width:100%;height:100%;object-fit:cover}.mk-photo-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:none;background:#000000b3;color:#fff;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.mk-sound-uploaded{display:flex;align-items:center;gap:8px;margin-top:6px}.mk-sound-uploaded audio{flex:1;height:32px}.mk-detail-gallery{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px;scroll-snap-type:x mandatory}.mk-detail-photo{width:200px;height:160px;object-fit:cover;border-radius:10px;flex-shrink:0;scroll-snap-align:start;border:1px solid rgba(255,255,255,.08)}.mk-detail-sound{margin:12px 0;padding:10px;border-radius:10px;background:#ffffff0a}.mk-detail-sound audio{border-radius:8px}@media (max-width: 768px){.sl-group-cards{grid-template-columns:1fr}.fb-search{max-width:100%}.sc-admin{opacity:1}.fb-controls{flex-direction:column;align-items:stretch}.fb-sort{margin-inline-start:0}.lb-grid{grid-template-columns:1fr}.lb-filters{flex-direction:column}.lb-filter-select{width:100%}.mk-grid{grid-template-columns:1fr 1fr}.mk-filters{flex-direction:column}.mk-filters .lb-filter-select,.mk-filters .td-add-btn{width:100%}.td-course-item,.td-slot-item{flex-direction:column;align-items:flex-start;gap:8px}.sub-gate-panel{padding:24px 16px;width:95%}.lessons-tabs{font-size:.82rem}}@media (max-width: 480px){.mk-grid{grid-template-columns:1fr}.mk-card-photo{height:140px}.lb-tc-header{flex-direction:column;text-align:center}}[dir=rtl] .sc-info,[dir=rtl] .sc-body{text-align:end}[dir=rtl] .fb-sort{margin-inline-start:0;margin-inline-end:auto}[dir=rtl] .mk-card-title,[dir=rtl] .lb-tc-name{text-align:end}.sa-panel{max-width:800px;margin:0 auto;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.sa-panel h2{font-size:1.2rem;margin-bottom:12px;color:#fff}.sa-form{display:flex;flex-direction:column;gap:16px}.sa-field{display:flex;flex-direction:column;gap:4px;flex:1}.sa-field label{font-size:.85rem;color:#fff9}.sa-required{color:#e74c3c}.sa-field input[type=text],.sa-field input[type=number],.sa-field select{padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;font-size:.95rem;outline:none}.sa-field input:focus,.sa-field select:focus{border-color:#00e07a}.sa-field input[type=file]{color:#fff9;font-size:.9rem}.sa-file-info{font-size:.8rem;color:#fff6;margin-top:2px}.sa-field-row{display:flex;gap:14px}.sa-actions{display:flex;align-items:center;gap:16px;margin-top:8px}.sa-btn-primary{padding:10px 28px;border-radius:8px;border:none;background:#00e07a;color:#080812;font-weight:600;font-size:.95rem;cursor:pointer;transition:opacity .2s}.sa-btn-primary:hover{opacity:.85}.sa-btn-primary:disabled{opacity:.5;cursor:default}.sa-btn-small{padding:3px 8px;border-radius:4px;border:1px solid rgba(0,224,122,.3);background:transparent;font-size:.7rem;color:#00e07a;font-size:.8rem;cursor:pointer;margin-top:4px;align-self:flex-start}.sa-status{font-size:.9rem}.sa-new-artist{margin-top:20px;padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.sa-new-artist h3{font-size:1.1rem;margin-bottom:14px;color:#fff}.sa-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:0}.sa-tab{padding:10px 20px;border:none;background:transparent;color:#ffffff80;font-size:.9rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.sa-tab:hover{color:#fffc}.sa-tab.active{color:#00e07a;border-bottom-color:#00e07a}.sa-tab-panel{margin-top:4px}.sa-textarea{width:100%;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;font-size:.9rem;font-family:monospace;resize:vertical;outline:none}.sa-textarea:focus{border-color:#00e07a}.sa-divider{border:none;border-top:1px solid rgba(255,255,255,.08);margin:28px 0}.sa-hint{font-size:.85rem;color:#ffffff73;margin-bottom:16px;line-height:1.5}.sa-log{max-height:400px;overflow-y:auto;margin-top:16px;font-family:monospace;font-size:.8rem;line-height:1.6}.sa-log-ok{color:#00e07a}.sa-log-err{color:#e74c3c}.sa-log-skip{color:#ffffff59}.sa-manage-bar{display:flex;align-items:center;gap:16px;margin-bottom:16px}.sa-manage-search{flex:1;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;font-size:.95rem}.sa-manage-search::placeholder{color:#ffffff59}.sa-manage-count{color:#ffffff80;font-size:.85rem;white-space:nowrap}.sa-song-list{max-height:40vh;overflow-y:auto;overflow-x:auto}.sa-manage{padding-bottom:60px}.sa-table{width:100%;border-collapse:collapse;font-size:.82rem;table-layout:fixed}.sa-table th{text-align:start;padding:8px 12px;color:#ffffff80;border-bottom:1px solid rgba(255,255,255,.12);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.sa-table td{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-table tr:hover{background:#ffffff0a}.sa-td-title{white-space:normal;word-break:break-word}.sa-td-title small{color:#ffffff73}.sa-btn-delete{padding:3px 8px;border:1px solid #e74c3c;border-radius:4px;background:transparent;color:#e74c3c;cursor:pointer;font-size:.7rem;transition:background .2s,color .2s}.sa-btn-delete:hover{background:#e74c3c;color:#fff}.sa-btn-purge{padding:6px 16px;border:1px solid #f0ad4e;border-radius:6px;background:transparent;color:#f0ad4e;cursor:pointer;font-size:.8rem;transition:background .2s,color .2s;white-space:nowrap}.sa-btn-purge:hover{background:#f0ad4e;color:#080812}.sa-btn-purge:disabled{opacity:.5;cursor:wait}.sa-artist-combo{position:relative;width:100%}.sa-artist-input{width:100%;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#fff;font-size:.95rem;outline:none;box-sizing:border-box}.sa-artist-input:focus{border-color:#00e07a}.sa-artist-dropdown{display:none;position:absolute;top:100%;left:0;right:0;max-height:240px;overflow-y:auto;background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-top:none;border-radius:0 0 8px 8px;z-index:100;box-shadow:0 8px 24px #00000080}.sa-artist-option{padding:10px 14px;cursor:pointer;color:#e0e0e0;font-size:.9rem;transition:background .15s}.sa-artist-option:hover{background:#00e07a26;color:#fff}.sa-artist-ar{color:#ffffff73;font-family:Amiri,-apple-system,Geeza Pro,system-ui,sans-serif;margin-inline-start:8px}.sa-artist-add-new{padding:10px 14px;cursor:pointer;color:#00e07a;font-size:.9rem;border-top:1px solid rgba(255,255,255,.08);transition:background .15s}.sa-artist-add-new:hover{background:#00e07a1a}.sa-artist-empty{padding:12px 14px;color:#fff6;font-size:.85rem;text-align:center}.sa-btn-play{width:26px;height:26px;border-radius:50%;border:1px solid #00e07a;background:transparent;color:#00e07a;cursor:pointer;font-size:.75rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,color .2s}.sa-btn-play:hover{background:#00e07a;color:#080812}.sa-btn-edit{padding:3px 8px;border:1px solid #00e07a;border-radius:4px;background:transparent;color:#00e07a;cursor:pointer;font-size:.7rem;transition:background .2s,color .2s;margin-inline-end:2px}.sa-btn-edit:hover{background:#00e07a;color:#080812}.sa-td-actions{white-space:nowrap;display:flex;gap:3px;align-items:center;flex-wrap:wrap}.sa-edit-row td{padding:0!important}.sa-edit-form{padding:16px;background:#ffffff08;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.sa-edit-form .sa-field-row{display:flex;gap:12px;margin-bottom:10px}.sa-edit-form .sa-field{flex:1}.sa-edit-form label{display:block;font-size:.75rem;color:#ffffff80;margin-bottom:3px}.sa-edit-form input,.sa-edit-form select{width:100%;padding:7px 10px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0f;color:#fff;font-size:.85rem;box-sizing:border-box}.sa-edit-actions{display:flex;align-items:center;gap:10px;margin-top:12px}.sa-btn-save{padding:7px 20px;border:none;border-radius:6px;background:#00e07a;color:#080812;font-weight:600;cursor:pointer;font-size:.85rem}.sa-btn-save:disabled{opacity:.5}.sa-btn-cancel{padding:7px 20px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:transparent;color:#fff9;cursor:pointer;font-size:.85rem}.sa-edit-status{font-size:.8rem}.sa-row-deleted{opacity:0;transition:opacity .3s}.sa-manage-pages{display:flex;gap:6px;justify-content:center;margin-top:16px;flex-wrap:wrap}.sa-page-btn{padding:6px 12px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:transparent;color:#fff9;cursor:pointer;font-size:.85rem}.sa-page-btn:hover{background:#ffffff14}.sa-page-btn.active{background:#00e07a;color:#080812;border-color:#00e07a}.sa-loading,.sa-empty{text-align:center;padding:40px;color:#fff6}.sa-search-row{display:flex;gap:10px}.sa-ext-search{flex:1;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#fff;font-size:.95rem;outline:none}.sa-ext-search:focus{border-color:#00e07a}.sa-ext-results{margin:16px 0}.sa-ext-result{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;margin-bottom:8px;background:#ffffff08;transition:background .15s}.sa-ext-result:hover{background:#ffffff0f}.sa-ext-thumb{width:80px;height:60px;object-fit:cover;border-radius:6px;flex-shrink:0;background:#000}.sa-ext-info{flex:1;min-width:0}.sa-ext-title{font-size:.9rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-ext-channel{font-size:.8rem;color:#ffffff73;margin-top:2px}.sa-ext-add-btn{flex-shrink:0;padding:6px 16px;border:1px solid #00e07a;border-radius:6px;background:transparent;color:#00e07a;cursor:pointer;font-size:.8rem;transition:background .2s,color .2s}.sa-ext-add-btn:hover{background:#00e07a;color:#080812}.sa-qa-count{font-size:.85rem;color:#ffffff80;margin-bottom:8px}.sa-qa-actions{flex-shrink:0}.sa-qa-add-btn{padding:6px 18px;border:1px solid #00e07a;border-radius:6px;background:transparent;color:#00e07a;cursor:pointer;font-size:.85rem;transition:background .2s,color .2s;min-width:60px;text-align:center}.sa-qa-add-btn:hover:not(:disabled){background:#00e07a;color:#080812}.sa-qa-add-btn:disabled{cursor:default;opacity:.8}@media (max-width: 768px){.sa-field-row{flex-direction:column}.sa-panel{padding:8px}.sa-tabs{flex-wrap:wrap}.sa-table{font-size:.8rem}.sa-table th,.sa-table td{padding:6px 8px}.sa-td-title{max-width:150px;word-break:break-word}}#browse-songs-section{margin-top:16px;padding:0 4px}.browse-songs-title{font-family:-apple-system,system-ui,Geeza Pro,Amiri,sans-serif;font-size:1.1rem;color:#c9a032;margin-bottom:12px;text-align:center}.browse-songs-grid{display:flex;flex-direction:column;gap:6px}.browse-empty{text-align:center;color:#555;font-size:.85rem;padding:20px}.app-context .sl-group-cards{display:flex;flex-direction:column;gap:6px;grid-template-columns:unset}.sa-filter-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:10px;padding:8px 0}.sa-filter-select{background:#1a1a2e;border:1px solid #333;color:#ccc;padding:5px 8px;border-radius:6px;font-size:.78rem;min-width:110px}.sa-filter-select:focus{border-color:#c9a032;outline:none}.sa-btn-clear-filters{background:transparent;border:1px solid #555;color:#999;padding:5px 10px;border-radius:6px;font-size:.75rem;cursor:pointer}.sa-btn-clear-filters:hover{border-color:#c9a032;color:#c9a032}.sa-quick-stats{display:flex;gap:12px;padding:4px 0 8px;font-size:.75rem}.sa-stat{color:#888}.sa-stat-warn{color:#f84}.sa-row-warn{background:#ff88440d}.sa-missing{color:#f44;font-style:italic;font-size:.75rem}@media (max-width: 768px){.sa-filter-row{flex-direction:column}.sa-filter-select{width:100%}}.app-admin{max-width:100%;margin:0 auto;overflow:visible}.app-admin>[id^=app-admin-]{overflow:visible}.app-admin-tabs{display:flex;gap:0;border-bottom:2px solid rgba(255,255,255,.1);margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.app-admin-tab{padding:10px 20px;background:none;border:none;border-bottom:2px solid transparent;color:#ffffff80;font-size:.95rem;font-weight:600;cursor:pointer;margin-bottom:-2px;white-space:nowrap;transition:color .2s,border-color .2s}.app-admin-tab:hover{color:#fffc}.app-admin-tab.active{color:#00e07a;border-bottom-color:#00e07a}.sa-player-bar{position:fixed;bottom:56px;left:0;right:0;background:linear-gradient(180deg,#1a1a2e,#151528);border-top:2px solid rgba(0,224,122,.3);padding:10px 16px;display:flex;align-items:center;gap:12px;z-index:99}.sa-player-btn{width:36px;height:36px;border-radius:50%;background:#00e07a26;border:none;color:#00e07a;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sa-player-info{flex:1;font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.sa-player-time{font-size:.72rem;opacity:.5;white-space:nowrap}.sa-player-stop{width:32px;height:32px;border-radius:50%;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#ff6b6b;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sa-player-stop:hover{background:#ff6b6b33;border-color:#ff6b6b}:root{--at-bg-base: #1A120E;--at-bg-card: #2C1A12;--at-bg-elevated: #3A2518;--at-bg-modal: #2C1A12;--at-bg-input: rgba(255,255,255,.06);--at-primary: #C8A96A;--at-primary-dim: rgba(200,169,106,.15);--at-gold: #C8A96A;--at-gold-dim: rgba(200,169,106,.12);--at-text: #EADBC8;--at-text-secondary: #B0A090;--at-text-muted: rgba(234,219,200,.4);--at-border: rgba(200,169,106,.1);--at-border-strong: rgba(200,169,106,.2);--at-border-accent: rgba(200,169,106,.3);--at-space-xs: 4px;--at-space-sm: 8px;--at-space-md: 12px;--at-space-lg: 16px;--at-space-xl: 24px;--at-space-2xl: 32px;--at-space-3xl: 48px;--at-font: "Inter", "Cairo", -apple-system, "Geeza Pro", system-ui, sans-serif;--at-font-ar: "Cairo", "Amiri", "Geeza Pro", sans-serif;--at-text-xs: .7rem;--at-text-sm: .82rem;--at-text-md: .92rem;--at-text-lg: 1.1rem;--at-text-xl: 1.3rem;--at-text-2xl: 1.8rem;--at-text-3xl: 2.5rem;--at-radius-sm: 8px;--at-radius-md: 12px;--at-radius-lg: 16px;--at-radius-xl: 20px;--at-radius-full: 50%;--at-shadow: 0 4px 24px rgba(0,0,0,.3);--at-shadow-lg: 0 8px 40px rgba(0,0,0,.4);--at-transition: .2s ease;--at-transition-slow: .4s ease}.at-card{background:var(--at-bg-card);border:1px solid var(--at-border);border-radius:var(--at-radius-md);padding:var(--at-space-lg);transition:border-color var(--at-transition),transform var(--at-transition)}.at-card:hover{border-color:var(--at-border-accent);transform:translateY(-2px)}.at-btn-primary{background:var(--at-primary);color:#000;border:none;border-radius:var(--at-radius-sm);padding:var(--at-space-md) var(--at-space-xl);font-weight:700;font-size:var(--at-text-sm);cursor:pointer;min-height:44px;transition:opacity var(--at-transition)}.at-btn-primary:hover{opacity:.9}.at-btn-primary:active{transform:scale(.98)}.at-btn-outline{background:transparent;color:var(--at-text);border:1px solid var(--at-border-strong);border-radius:var(--at-radius-sm);padding:var(--at-space-md) var(--at-space-xl);font-weight:600;font-size:var(--at-text-sm);cursor:pointer;min-height:44px;transition:border-color var(--at-transition)}.at-btn-outline:hover{border-color:var(--at-primary);color:var(--at-primary)}.at-heading{font-size:var(--at-text-xl);font-weight:700;color:var(--at-text);margin:0 0 var(--at-space-lg)}.at-input{width:100%;padding:var(--at-space-md) var(--at-space-lg);background:var(--at-bg-input);border:1px solid var(--at-border);border-radius:var(--at-radius-sm);color:var(--at-text);font-size:16px;font-family:var(--at-font);min-height:44px;box-sizing:border-box;outline:none;transition:border-color var(--at-transition)}.at-input:focus{border-color:var(--at-primary)}.at-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:var(--at-text-xs);font-weight:600}.at-badge-green{background:#00e07a26;color:#00e07a}.at-badge-gold{background:#c8a8501f;color:#c8a850}.at-badge-blue{background:#3b82f626;color:#3b82f6}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--at-primary);outline-offset:2px}.exp-notes{display:flex;align-items:center;justify-content:center;gap:4px;padding:12px 8px;flex-wrap:wrap;background:linear-gradient(180deg,#140f0899,#0a080466);border-radius:10px;border:1px solid rgba(200,168,80,.15)}.exp-n{display:flex;flex-direction:column;align-items:center;justify-content:center;width:46px;height:56px;border-radius:8px;background:linear-gradient(180deg,#1a2a3a,#0f1820);border:1px solid rgba(0,224,122,.2);cursor:pointer;transition:all .15s;user-select:none;-webkit-tap-highlight-color:transparent}.exp-n:hover{transform:scale(1.08);border-color:#00e07a80}.exp-n:active{transform:scale(.95);background:#00e07a26}.exp-n.root{border-bottom:3px solid #00e07a;background:linear-gradient(180deg,#0d3a2a,#0a2e22)}.exp-n.ghm{border-bottom:3px solid #c8a850}.exp-n.qt{background:linear-gradient(180deg,#2a1a3a,#1a1030);border-color:#a855f74d}.exp-n.playing{background:#00e07a33!important;transform:scale(1.1);box-shadow:0 0 16px #00e07a66;border-color:#00e07a}.exp-n-name{font-size:.72rem;font-weight:600;color:#fff;text-align:center;line-height:1.1}.exp-n-base{display:block}.exp-n-acc{font-size:.65rem;color:#fff9}.exp-step{font-size:.6rem;color:#ffffff4d;padding:0 1px;flex-shrink:0}.exp-tap-hint{text-align:center;padding:8px 0 0;font-size:.72rem;color:#ffffff59;font-style:italic;animation:pulse-hint 2s ease-in-out infinite}@keyframes pulse-hint{0%,to{opacity:.4}50%{opacity:.8}}