.lesson-room{color:#fff;background:#0a0814;min-height:100vh;padding:20px}.lr-header{border-bottom:1px solid #c8a85033;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.lr-header h1{color:#c8a850;margin:0;font-size:1.4rem}.lr-status{color:#aaa;font-size:.85rem}.lr-status-error{color:#e74c3c}.lr-status-success{color:#00e07a}.lr-lobby{justify-content:center;align-items:center;min-height:60vh;display:flex}.lr-lobby-box{text-align:center;background:#ffffff0a;border:1px solid #c8a8504d;border-radius:16px;width:100%;max-width:480px;padding:32px}.lr-lobby-box h2{color:#c8a850;margin:0 0 8px}.lr-subtitle{color:#aaa;margin-bottom:24px;font-size:.9rem}.lr-lobby-actions{flex-direction:column;gap:16px;display:flex}.lr-divider{color:#666;align-items:center;font-size:.8rem;display:flex}.lr-divider:before,.lr-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.lr-divider span{padding:0 12px}.lr-join-form{gap:8px;display:flex}.lr-join-form input{letter-spacing:4px;text-align:center;text-transform:uppercase;color:#fff;background:#0000004d;border:1px solid #ffffff26;border-radius:8px;flex:1;padding:12px;font-family:monospace;font-size:1.1rem}.lr-lobby-sync{color:#888;margin-top:24px;font-size:.8rem}.lr-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;padding:12px 24px;font-weight:600;transition:background .15s}.lr-btn:hover{background:#ffffff1f}.lr-btn-primary{color:#000;background:linear-gradient(135deg,#c8a850,#e8c860);border-color:#c8a850}.lr-btn-primary:hover{background:linear-gradient(135deg,#d8b860,#f8d870)}.lr-btn-secondary{color:#f87;background:#e74c3c26;border-color:#e74c3c66}.lr-room{grid-template-columns:300px 1fr;gap:20px;min-height:calc(100vh - 100px);display:grid}@media (width<=768px){.lr-room{grid-template-columns:1fr}}.lr-sidebar{flex-direction:column;gap:16px;display:flex}.lr-video-grid{flex-direction:column;gap:8px;display:flex}.lr-video-slot{aspect-ratio:4/3;background:#000;border:1px solid #ffffff1a;border-radius:12px;position:relative;overflow:hidden}.lr-video-slot video{object-fit:cover;width:100%;height:100%}.lr-video-name{color:#fff;background:#000000b3;border-radius:4px;padding:2px 8px;font-size:.75rem;position:absolute;bottom:8px;left:8px}.lr-controls{justify-content:center;gap:8px;display:flex}.lr-ctrl-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;width:48px;height:48px;font-size:1.2rem}.lr-ctrl-btn.active{color:#00e07a;background:#00e07a26;border-color:#00e07a}.lr-ctrl-btn.lr-leave{color:#f87;background:#e74c3c26;border-color:#e74c3c}.lr-participants h3{color:#aaa;margin:0 0 8px;font-size:.85rem}.lr-participants ul{margin:0;padding:0;list-style:none}.lr-participants li{background:#ffffff0a;border-radius:6px;margin-bottom:4px;padding:6px 10px;font-size:.85rem}.lr-main{flex-direction:column;gap:20px;display:flex}.lr-lesson-info{background:#ffffff0a;border-radius:12px;flex-wrap:wrap;align-items:center;gap:20px;padding:16px;display:flex}.lr-lesson-info>div{color:#888;flex-direction:column;gap:2px;font-size:.75rem;display:flex}.lr-lesson-info strong{color:#c8a850;font-size:1.1rem;font-weight:700}.lr-sync-indicator{background:#ffffff0d;border-radius:6px;margin-left:auto;padding:4px 10px;font-size:.8rem}.lr-sync-indicator.good{color:#00e07a}.lr-sync-indicator.ok{color:#f39c12}.lr-sync-indicator.poor{color:#e74c3c}.lr-metronome{text-align:center;background:#ffffff08;border-radius:12px;padding:30px}.lr-beats{justify-content:center;gap:20px;margin-bottom:16px;display:flex}.lr-beat{background:#ffffff0a;border:2px solid #fff3;border-radius:50%;width:50px;height:50px;transition:background 50ms,border-color 50ms,transform 50ms}.lr-beat.active{background:#c8a850;border-color:#e8c860;transform:scale(1.2)}.lr-beat.downbeat{background:#00e07a;border-color:#0f8}.lr-beat-counter{color:#c8a850;font-family:monospace;font-size:4rem;font-weight:700;line-height:1}.lr-countdown{z-index:1000;color:#c8a850;background:#0a0814e6;justify-content:center;align-items:center;font-size:10rem;font-weight:700;display:flex;position:fixed;inset:0}.lr-teacher-controls{background:#c8a8500f;border:1px solid #c8a85033;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;display:flex}.lr-teacher-controls label{color:#aaa;align-items:center;gap:8px;font-size:.85rem;display:flex}.lr-teacher-controls input[type=range]{width:150px}.lr-teacher-controls select{color:#fff;background:#0000004d;border:1px solid #ffffff26;border-radius:6px;padding:6px 10px}.lr-lesson-code strong{letter-spacing:4px;cursor:pointer;font-family:monospace;color:#00e07a!important;font-size:1.4rem!important}.lr-score-wrap{background:#ffffff08;border:1px solid #c8a85033;border-radius:12px;padding:16px}.lr-score-header{color:#c8a850;align-items:center;gap:10px;margin-bottom:12px;font-size:.9rem;font-weight:600;display:flex}.lr-score-hint{color:#888;margin-left:auto;font-size:.75rem;font-weight:400}.lr-score{background:#fff;border-radius:8px;min-height:160px;padding:8px;position:relative}.lr-score svg{max-width:100%;height:auto;display:block}.lr-score-cursor{opacity:.8;pointer-events:none;background:linear-gradient(#00e07a 0%,#c8a850 100%);width:3px;height:80%;transition:left .15s linear,top .15s linear;position:absolute;top:10%;box-shadow:0 0 12px #00e07a99}.lr-score svg g.note.lr-current-note{animation:.4s ease-out lr-note-pulse;fill:#00b060!important}.lr-score svg g.note.lr-current-note *{fill:inherit!important}@keyframes lr-note-pulse{0%{filter:brightness();transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.15)}to{filter:brightness();transform:scale(1)}}.lr-pitch-meter{background:conic-gradient(#00e07a calc(var(--acc,0%)), #ffffff1a 0);color:#fff;border:2px solid #0006;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.72rem;font-weight:700;display:flex;position:absolute;top:8px;right:8px}.lr-pitch-meter:before{content:"";background:#000000bf;border-radius:50%;position:absolute;inset:4px}.lr-pitch-meter span{z-index:1;position:relative}.lr-feedback-panel{background:#c8a8500f;border:1px solid #c8a85033;border-radius:12px;padding:16px}.lr-feedback-panel h3{color:#c8a850;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;font-size:.95rem;display:flex}.lr-fb-hint{color:#888;margin-left:auto;font-size:.75rem;font-weight:400}.lr-fb-row{border-bottom:1px solid #ffffff0a;grid-template-columns:120px 1fr 80px 30px;align-items:center;gap:12px;padding:8px 0;display:grid}.lr-fb-row:last-child{border-bottom:none}.lr-fb-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.lr-fb-bar{background:#ffffff0f;border-radius:5px;height:10px;display:block;overflow:hidden}.lr-fb-bar-fill{border-radius:5px;height:100%;transition:width .3s,background .3s;display:block}.lr-fb-acc{text-align:right;font-size:.85rem;font-weight:600}.lr-fb-signal{text-align:center;font-size:.9rem}.lr-fb-empty{text-align:center;color:#666;padding:20px;font-size:.85rem}.lr-student-controls{background:#00e07a0f;border:1px solid #00e07a33;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.lr-async-status{color:#aaa;font-size:.8rem}.lr-recordings-panel{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:16px}.lr-recordings-panel h3{color:#c8a850;margin:0 0 10px;font-size:.9rem}.lr-rec-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:8px 0;display:flex}.lr-rec-name{color:#fff;min-width:120px;font-size:.85rem}.lr-btn.lr-btn-recording{color:#fff;background:#e74c3c;animation:1.5s ease-in-out infinite lr-rec-pulse}@keyframes lr-rec-pulse{0%,to{box-shadow:0 0 #e74c3cb3}50%{box-shadow:0 0 0 10px #e74c3c00}}:root{--ink:#1a1614;--ink-soft:#3d3732;--ink-mute:#8a827c;--paper:#f6f2ea;--paper-soft:#ede7dc;--gold:#b8893d;--gold-soft:#d9b575;--hairline:#1a161414;--font-body:"Cormorant Garamond", "EB Garamond", "Amiri", Georgia, serif;--font-display:"Cormorant Garamond", "EB Garamond", "Amiri", Georgia, serif;--font-arabic:"Amiri", "Scheherazade New", "Cormorant Garamond", Georgia, serif;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;--fs-xs:.75rem;--fs-sm:.88rem;--fs-base:1rem;--fs-md:1.15rem;--fs-lg:1.5rem;--fs-xl:2rem;--fs-2xl:3rem;--fs-hero:4.5rem;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:20px;--s-5:32px;--s-6:52px;--s-7:84px;--r-sm:4px;--r-md:8px;--bg-app:var(--paper);--bg-panel:var(--paper-soft);--text:var(--ink);--text-soft:var(--ink-soft);--text-mute:var(--ink-mute);--accent:var(--gold);--text-primary:var(--ink);--text-secondary:var(--ink-soft);--text-tertiary:var(--ink-mute);--bg-primary:var(--paper);--bg-secondary:var(--paper-soft);--border-color:var(--hairline);--border:var(--hairline)}@media (prefers-color-scheme:dark){:root{--bg-app:#17140f;--bg-panel:#211d17;--ink:#f2ebde;--ink-soft:#c4bdae;--ink-mute:#7c746a;--paper:var(--bg-app);--paper-soft:var(--bg-panel);--hairline:#f2ebde14;--text:var(--ink);--text-soft:var(--ink-soft);--text-mute:var(--ink-mute);--text-primary:var(--ink);--text-secondary:var(--ink-soft);--text-tertiary:var(--ink-mute);--bg-primary:var(--paper);--bg-secondary:var(--paper-soft);--border-color:var(--hairline);--border:var(--hairline)}}body,.app,.app-main,#app-root{font-family:var(--font-body);font-size:var(--fs-base);letter-spacing:.005em;line-height:1.55;background:var(--bg-app)!important;color:var(--text)!important}[style*=linear-gradient],[style*=radial-gradient]{background-image:none!important}*{filter:none!important}.app :not(input):not(select):not(textarea){box-shadow:none!important}button,.btn,input,select,textarea,.card,.panel{border-radius:var(--r-md)!important}h1,h2,h3,h4,.hero-title,.section-title,.auth-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-weight:500}h1,.hero-title{font-size:var(--fs-2xl);margin:0 0 var(--s-4);line-height:1.1}h2,.section-title{font-size:var(--fs-xl);margin:0 0 var(--s-4);line-height:1.2}h3{font-size:var(--fs-lg);margin:0 0 var(--s-3)}p{color:var(--text-soft);margin:0 0 var(--s-4);line-height:1.6}[lang=ar],[dir=rtl],.title-ar{font-family:var(--font-arabic);font-size:1.08em;line-height:1.7}button,.btn,.tx-btn,.lr-btn,.lp-btn,.coupon-submit-btn{font-family:var(--font-ui)!important;font-size:var(--fs-sm)!important;border-radius:var(--r-md)!important;border:1px solid var(--hairline)!important;color:var(--text)!important;letter-spacing:.01em!important;cursor:pointer!important;text-transform:none!important;background:0 0!important;padding:10px 20px!important;font-weight:500!important;transition:background .15s,border-color .15s!important}button:hover,.btn:hover,.tx-btn:hover,.lr-btn:hover,.lp-btn:hover{background:var(--paper-soft)!important;border-color:var(--ink-mute)!important}.btn-primary,button.tx-primary,button.lr-btn-primary,button.primary,.lp-btn-primary,button[type=submit].primary,.coupon-submit-btn{background:var(--ink)!important;color:var(--paper)!important;border-color:var(--ink)!important}.btn-primary:hover,button.tx-primary:hover,button.lr-btn-primary:hover,button.primary:hover,.lp-btn-primary:hover,.coupon-submit-btn:hover{background:var(--gold)!important;border-color:var(--gold)!important;color:var(--paper)!important}.btn-ghost,.lr-btn-secondary,button.secondary{border-color:var(--hairline)!important;color:var(--text-soft)!important;background:0 0!important}input,select,textarea,.auth-input,.tx-select,.tx-field input{font-family:var(--font-ui)!important;font-size:var(--fs-base)!important;background:var(--paper)!important;color:var(--text)!important;border:1px solid var(--hairline)!important;border-radius:var(--r-sm)!important;padding:10px 14px!important}input:focus,select:focus,textarea:focus{border-color:var(--gold)!important;outline:none!important}.card,.panel,.coupon-box,.auth-box,.lr-lobby-box,.lr-feedback-panel,.lr-recordings-panel,.lr-score-wrap,.lr-metronome,.lr-teacher-controls,.lr-student-controls,.lr-lesson-info,.tx-layout>*,.tx-toolbar{background:var(--bg-panel)!important;border:1px solid var(--hairline)!important;border-radius:var(--r-md)!important;box-shadow:none!important}a{color:var(--gold);text-decoration:none}a:hover{color:var(--ink);text-decoration:underline}hr{border:none;border-top:1px solid var(--hairline);margin:var(--s-5) 0}html[dir=rtl] .title-en,html[dir=ltr] .title-ar,html:not([dir=rtl]) .title-ar{display:none!important}.accent,.gold{color:var(--gold)!important}[style*="color:#00e07a"],[style*="color:#c8a850"],[style*="color:#4fc3f7"],[style*="color:#e74c3c"]{color:var(--text)!important}.tx-status-error,.lr-status-error,.fb-status-error{color:#8a2a2a!important}.tx-status-success,.lr-status-success{color:var(--gold)!important}.ornament{background:var(--gold);width:60px;height:1px;margin:var(--s-5) auto;display:block}.app-main,.content,.lesson-room,.transcribe-view,.landing-view{padding:var(--s-5)!important}@media (width<=768px){.app-main,.content,.lesson-room,.transcribe-view{padding:var(--s-4)!important}}.instruments-view:not(.has-instrument) #iv-scale-display,.instruments-view:not(.has-instrument) #iv-pro-artist,.instruments-view:not(.has-instrument) .iv-main-panel,.instruments-view:not(.has-instrument) .iv-section,.instruments-view:not(.has-instrument) .iv-bottom,.instruments-view:not(.has-instrument) .pro-demo-panel{display:none!important}.instruments-view:not(.has-instrument) #iv-inst-grid{gap:var(--s-4)!important;max-width:900px!important;margin:var(--s-6) auto!important;padding:0 var(--s-4)!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;display:grid!important}.instruments-view:not(.has-instrument) .inst-card{background:var(--bg-panel)!important;border:1px solid var(--hairline)!important;border-radius:var(--r-md)!important;padding:var(--s-5)!important;text-align:center!important;cursor:pointer!important;aspect-ratio:1!important;justify-content:center!important;align-items:center!important;gap:var(--s-3)!important;flex-direction:column!important;transition:border-color .2s,transform .2s!important;display:flex!important}.instruments-view:not(.has-instrument) .inst-card:hover{border-color:var(--gold)!important;transform:translateY(-2px)!important}.instruments-view:not(.has-instrument) .inst-card img,.instruments-view:not(.has-instrument) .inst-card svg{object-fit:contain!important;filter:grayscale(.3)!important;width:72px!important;max-width:72px!important;height:72px!important;max-height:72px!important}.instruments-view:not(.has-instrument) .inst-card .inst-label{font-family:var(--font-display)!important;font-size:var(--fs-md)!important;color:var(--text)!important;font-weight:500!important}.instruments-view:not(.has-instrument):before{content:"اختر آلة — Choose an Instrument";font-family:var(--font-display);font-size:var(--fs-xl);color:var(--text);text-align:center;margin-top:var(--s-6);margin-bottom:var(--s-2);letter-spacing:.02em;font-weight:500;display:block}.instruments-view:not(.has-instrument):after{content:"";background:var(--gold);width:60px;height:1px;margin:0 auto var(--s-5);display:block}.instruments-view.has-instrument #iv-inst-grid{gap:var(--s-2)!important;padding:var(--s-2) 0!important;margin-bottom:var(--s-3)!important;border-bottom:1px solid var(--hairline)!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;display:flex!important;overflow-x:auto!important}.instruments-view.has-instrument .inst-card{border-radius:var(--r-sm)!important;cursor:pointer!important;opacity:.5!important;background:0 0!important;border:1px solid #0000!important;flex:none!important;width:60px!important;height:60px!important;padding:4px!important;transition:opacity .15s,border-color .15s!important}.instruments-view.has-instrument .inst-card.active{opacity:1!important;border-color:var(--gold)!important}.instruments-view.has-instrument .inst-card:hover{opacity:1!important}.instruments-view.has-instrument .inst-card img{object-fit:contain!important;width:100%!important;max-width:52px!important;height:100%!important;max-height:52px!important}.instruments-view.has-instrument .inst-card .inst-label{display:none!important}