@font-face{font-family:LOHMusic;src:url('fonts/bravura.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:block}.loh-music{font-family:LOHMusic!important}
.loh-app,.loh-profile,.loh-widget,.loh-lab,.loh-teacher{--loh-gold:#d4af64;--loh-light:#f2dfb5;--loh-bg:#130a0e;box-sizing:border-box;color:#f6eee7;font:400 16px/1.65 Montserrat,Arial,sans-serif}
.loh-app *,.loh-profile *,.loh-widget *,.loh-lab *,.loh-teacher *{box-sizing:border-box;min-width:0}.loh-app [hidden],.loh-profile [hidden],.loh-lab [hidden]{display:none!important}
.loh-page{padding:28px 16px 60px}.loh-app,.loh-profile{width:100%;max-width:1200px;margin:0 auto;border:1px solid #86652c;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#290c14,#10090d)}
.loh-app h2,.loh-app h3,.loh-profile h1,.loh-profile h2,.loh-profile h3,.loh-lab h2,.loh-lab h3,.loh-teacher h2{font-family:'Playfair Display',Georgia,serif;color:var(--loh-light);line-height:1.2}.loh-app a,.loh-profile a,.loh-widget{color:#f2d697;text-decoration:none}.loh-profile a:hover,.loh-app a:hover,.loh-widget:hover{color:#fff2d2}.loh-profile p{margin:0 0 16px}.loh-section-head,.loh-profile-head{padding:30px 34px}.loh-section-head h2{font-size:clamp(1.9rem,4vw,3rem);margin:8px 0 16px}.loh-profile-head h1{font-size:clamp(2.1rem,5vw,3.8rem);margin:10px 0 16px}.loh-section-head p,.loh-profile-head p{max-width:800px}.loh-section-head small,.loh-profile-head small,.loh-card small,.loh-widget small{color:#d4b779;font-size:.72rem;font-weight:700;letter-spacing:.13em}
.loh-tools{padding:22px 30px;background:#180c12;border-block:1px solid #674e2d}.loh-tools>label{font-weight:600;display:block;margin-bottom:8px}.loh-tools input,.loh-tools select{font:inherit;width:100%;padding:11px 14px;border:1px solid #b69450;border-radius:8px;background:#faf5ec;color:#28191d}.loh-filter-row{display:flex;align-items:end;gap:16px;margin-top:14px}.loh-filter-row label{flex:1}.loh-filter-row select{display:block;margin-top:5px}.loh-tools [role=status]{font-size:.85rem;margin:10px 0 0;color:#d3c1b0}.loh-app button,.loh-lab button,.loh-button{font:600 .9rem/1.4 Montserrat,Arial,sans-serif;padding:11px 16px;background:#6d1828;color:#fff2df;border:1px solid #ad8c4e;border-radius:9px;cursor:pointer}.loh-app button:hover,.loh-lab button:hover,.loh-button:hover{background:#86283a;color:#fff}.loh-app :focus-visible,.loh-profile :focus-visible,.loh-widget:focus-visible,.loh-lab :focus-visible{outline:3px solid #edce89;outline-offset:4px}
.loh-feed-head{padding:20px 28px 0;display:flex;justify-content:space-between;align-items:center;color:#f0d79e}.loh-feed-head button{padding:6px 15px;margin-left:8px}.loh-feed{display:flex;gap:20px;overflow-x:auto;padding:22px 28px 30px;scroll-snap-type:x proximity;scrollbar-color:#b5914e #2c1018;overscroll-behavior-x:contain}.loh-card{flex:0 0 min(300px,78%);border:1px solid #886a39;border-radius:16px;overflow:hidden;background:linear-gradient(150deg,#3a101c,#160c12);scroll-snap-align:start}.loh-card>a{display:flex;height:100%;flex-direction:column;color:#f7f0e8}.loh-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#170e14}.loh-card>a>div{padding:19px;display:flex;flex-direction:column;flex:1}.loh-card h3{font-size:1.5rem;margin:8px 0 12px}.loh-card p{font-size:.88rem;line-height:1.55;margin:0 0 17px}.loh-card span{font-size:.82rem;font-weight:700;color:#eccb84;margin-top:auto}.loh-empty{padding:10px 28px}.loh-breadcrumb{display:flex;justify-content:space-between;gap:15px;padding:20px 30px;border-bottom:1px solid #654a2b;font-size:.85rem}.loh-hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:0 30px 24px;padding:24px;border:1px solid #6e5837;border-radius:18px;background:#1b1720;align-items:center}.loh-photo{margin:0;min-height:300px;display:flex;flex-direction:column;justify-content:center}.loh-photo>a{display:block;background:#f1efec;border-radius:12px;padding:16px}.loh-photo img{display:block;width:100%;height:430px;object-fit:contain}.loh-photo figcaption{font-size:.72rem;color:#c0b6aa;margin-top:10px}.loh-pill{display:inline-block;padding:4px 10px;margin:0 6px 8px 0;border:1px solid #79623d;border-radius:30px;color:#efd79e;font-size:.75rem}.loh-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 30px 22px}.loh-panel{padding:26px;margin:0 30px 22px;border:1px solid #715737;border-radius:16px;background:#1c111a}.loh-grid>.loh-panel{margin:0}.loh-panel h2{font-size:1.55rem;margin:0 0 17px}.loh-panel h3{font-size:1.15rem;margin:20px 0 9px}.loh-parts{display:grid;gap:10px}.loh-parts details{border:1px solid #5e4c3c;border-radius:10px;padding:12px;background:#241820}.loh-parts summary{font-weight:650;color:#ead19d;cursor:pointer}.loh-parts p{margin:10px 0 0;font-size:.9rem}.loh-teacher{display:flex;align-items:center;gap:22px;padding:10px 28px 0;margin:0 30px 24px;background:radial-gradient(ellipse at 20% 100%,#4a1724,#1a1016 70%);border:1px solid #846135;border-radius:18px;overflow:hidden}.loh-teacher>img{width:32%;max-width:265px;height:290px;object-fit:contain;object-position:center bottom;align-self:end}.loh-teacher>div{flex:1;padding-block:20px}.loh-teacher h2{font-size:1.5rem;margin:0 0 15px}.loh-teacher p{margin:0}.loh-panel audio{display:block;width:100%;margin:15px 0}.loh-small,.loh-sources{font-size:.82rem;color:#d0c1b4}.loh-button{display:inline-block}.loh-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.loh-widget{display:flex;align-items:center;gap:24px;width:100%;max-width:780px;margin:0 auto;padding:18px 25px;background:linear-gradient(130deg,#35101c,#120b10);border:1px solid #a17f43;border-radius:18px}.loh-widget>img{width:32%;height:190px;object-fit:contain}.loh-widget strong{font:700 clamp(1.4rem,3vw,2rem)/1.2 Georgia,serif;display:block;color:#f2dfb5;margin:7px 0 12px}.loh-widget p{font-size:.88rem;margin:0 0 14px}.loh-widget span{font-size:.85rem;font-weight:700;color:#e0bd76}
.loh-lab{background:linear-gradient(140deg,#24101a,#100d16);padding:25px;border:1px solid #87653c;border-radius:18px;max-width:1200px;margin:0 auto 22px}.loh-profile>.loh-lab{width:calc(100% - 60px)}.loh-lab h2{font-size:1.75rem;margin:0 0 12px}.loh-lab h3{font-size:1.2rem;margin:0 0 12px}.loh-lab p{margin:0 0 14px}.loh-lab .loh-lab-panel{border:1px solid #574438;border-radius:12px;padding:18px;margin:16px 0;background:#21171f}.loh-lab-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.loh-lab label{font-size:.82rem;display:grid;gap:5px;min-width:130px}.loh-lab select,.loh-lab input[type=number]{background:#f8f1e8;color:#24191e;border:1px solid #a68b58;padding:9px;border-radius:7px;font:inherit}.loh-lab input[type=range]{width:100%;accent-color:#c09b51}.loh-lab .loh-primary{background:#b89350;color:#1b1015}.loh-lab .loh-primary:hover{background:#dfbd7a}.loh-status{min-height:27px;font-weight:650;color:#f4d393}.loh-staff-wrap{background:#faf7ef;border-radius:10px;overflow:auto}.loh-staff{display:block;width:100%;min-width:650px;height:240px}.loh-staff [role=button]{cursor:pointer}.loh-staff .loh-active ellipse{fill:#a2234c}.loh-keyboard-scroll{overflow-x:auto;padding-bottom:12px}.loh-keyboard{display:flex;position:relative;height:190px;min-width:650px;touch-action:pan-x;user-select:none;margin:18px 0 0}.loh-lab button.loh-key{border-radius:0 0 7px 7px;padding:0;cursor:pointer;touch-action:none}.loh-key.white{flex:1;background:#f7f4ed;color:#2c1824;border:1px solid #655360;position:relative}.loh-key.white span{position:absolute;left:0;right:0;bottom:9px;font-size:.75rem}.loh-key.black{position:absolute;top:0;height:60%;width:4.2%;transform:translateX(-50%);background:#120f17;border:1px solid #000;z-index:2;color:white}.loh-key.black span{font-size:.6rem;position:absolute;bottom:8px;left:0;right:0}.loh-key.marked.white{background:#edce94}.loh-key.marked.black{background:#77552f}.loh-key.loh-active{background:#b93656!important;color:#fff!important}.loh-key.marked:after{content:'●';position:absolute;bottom:35px;left:0;right:0;text-align:center;font-size:10px}.loh-key.loh-active:after{content:'▼';position:absolute;bottom:52px;left:0;right:0;text-align:center;color:#fff}.loh-lab canvas{width:100%;height:150px;display:block;border-radius:9px;background:#0e0b13}.loh-wave-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.loh-harmonics{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.loh-harmonics label{display:flex;min-width:0;align-items:center}.loh-score{overflow:auto;max-height:190px;margin-top:15px}.loh-score ol{display:flex;list-style:none;padding:0;gap:8px;flex-wrap:wrap}.loh-score li{border:1px solid #69503c;padding:8px;border-radius:8px;font-size:.8rem}.loh-drum-pads{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.loh-drum-pads button{flex:1;min-width:110px;min-height:75px}.loh-beats{display:flex;gap:6px;margin:12px 0}.loh-beats button{flex:1;min-height:48px;padding:5px}.loh-beats button[aria-pressed=true]{background:#b38d48;color:#1b1015}.loh-beats button.loh-now{outline:3px solid #fff3d0;outline-offset:0}.loh-lab .loh-legend{font-size:.8rem;color:#d2c0b0}.loh-lab details>summary{cursor:pointer;font-weight:650;color:#f1d698}.loh-lab .loh-note{border-left:3px solid #bd9451;padding-left:12px;font-size:.85rem;color:#dfcdb9}.loh-lab input[type=checkbox]{accent-color:#c9a45d}
@media(max-width:720px){.loh-page{padding:15px 8px 35px}.loh-section-head,.loh-profile-head{padding:23px 18px}.loh-tools{padding:18px}.loh-feed{padding:18px;gap:15px}.loh-feed-head{padding:18px 18px 0}.loh-card{flex-basis:76%}.loh-hero,.loh-grid,.loh-wave-grid{grid-template-columns:1fr}.loh-hero{margin:0 15px 18px;padding:15px;gap:20px}.loh-photo img{height:330px}.loh-grid{margin:0 15px 18px;gap:16px}.loh-panel{margin:0 15px 18px;padding:19px}.loh-teacher{margin:0 15px 18px;padding:0 15px;gap:13px}.loh-teacher>img{width:37%;height:240px}.loh-teacher h2{font-size:1.2rem}.loh-teacher p{font-size:.87rem}.loh-breadcrumb{padding:16px;flex-wrap:wrap}.loh-widget{gap:15px;padding:15px}.loh-widget>img{width:30%;height:155px}.loh-widget p{font-size:.82rem}.loh-widget small{font-size:.6rem}.loh-lab{padding:15px}.loh-profile>.loh-lab{width:calc(100% - 30px)}.loh-lab .loh-lab-panel{padding:12px}.loh-lab-controls>label{flex:1}.loh-filter-row{align-items:stretch;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.loh-feed{scroll-behavior:auto}.loh-app *,.loh-profile *,.loh-lab *{transition:none!important;animation:none!important}}

/* 1.1.2: keep module typography readable under Elementor/theme globals. */
:is(.loh-app,.loh-profile,.loh-lab,.loh-teacher) :is(h1,h2,h3,h4){color:#f2dfb5!important;-webkit-text-fill-color:#f2dfb5!important;text-shadow:none!important}
:is(.loh-app,.loh-profile,.loh-lab,.loh-teacher,.loh-widget) p{color:#f6eee7!important;-webkit-text-fill-color:#f6eee7!important;font-size:16px!important;line-height:1.65!important}
:is(.loh-app,.loh-profile,.loh-lab,.loh-teacher) :is(label,li){color:#f6eee7!important;font-size:16px;line-height:1.55}
.loh-card h3{font-size:24px!important;line-height:1.25!important}
.loh-card p,.loh-widget p{font-size:16px!important;line-height:1.6!important}
:is(.loh-app,.loh-profile,.loh-lab,.loh-teacher) :is(.loh-small,.loh-legend,.loh-note,figcaption),.loh-tools [role=status]{color:#ded0c2!important;font-size:14px!important;line-height:1.6!important}
:is(.loh-app,.loh-profile,.loh-lab,.loh-widget) small{color:#e3c481!important;font-size:12px!important;line-height:1.5!important}
.loh-lab label{font-size:15px!important}
:is(.loh-app,.loh-lab) button:not(.loh-key),.loh-profile a.loh-button{background:#6d1828!important;color:#fff2df!important;-webkit-text-fill-color:#fff2df!important;border:1px solid #b69450!important;font:600 15px/1.4 Montserrat,Arial,sans-serif!important;text-transform:none!important;letter-spacing:normal!important;text-shadow:none!important;box-shadow:none!important;opacity:1!important}
:is(.loh-app,.loh-lab) button:not(.loh-key):is(:hover,:focus-visible),.loh-profile a.loh-button:is(:hover,:focus-visible){background:#86283a!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.loh-lab button.loh-primary,.loh-lab .loh-beats button[aria-pressed=true]{background:#d4af64!important;color:#241119!important;-webkit-text-fill-color:#241119!important}
.loh-lab button.loh-primary:is(:hover,:focus-visible){background:#e5c583!important;color:#241119!important;-webkit-text-fill-color:#241119!important}
.loh-feed-head button{min-width:44px;min-height:44px;font-size:22px!important}
:is(.loh-app,.loh-profile,.loh-widget) a:not(.loh-button),.loh-widget{color:#f2d697!important;text-shadow:none!important}
.loh-card span,.loh-widget span{color:#f2d697!important;font-size:14px!important}
:is(.loh-tools,.loh-lab) :is(select,input[type=number],input[type=search],input[type=text]){background:#faf5ec!important;color:#28191d!important;-webkit-text-fill-color:#28191d!important;font-size:16px!important;text-shadow:none!important}
.loh-tools input::placeholder{color:#67545a!important;-webkit-text-fill-color:#67545a!important;opacity:1}
.loh-lab .loh-key{font-family:Montserrat,Arial,sans-serif!important;text-shadow:none!important;text-transform:none!important;letter-spacing:normal!important}
.loh-lab .loh-key.white{color:#2c1824!important;-webkit-text-fill-color:#2c1824!important}
.loh-lab .loh-key.black,.loh-lab .loh-key.loh-active{color:#fff!important;-webkit-text-fill-color:#fff!important}
.loh-key.white span{font-size:12px!important}.loh-key.black span{font-size:10px!important}
@media(max-width:720px){.loh-teacher h2{font-size:22px!important}.loh-teacher p,.loh-widget p{font-size:15px!important}.loh-card h3{font-size:22px!important}}

/* Module headers: live headings and separate mobile crops. */
.loh-module-head{position:relative;isolation:isolate;overflow:hidden;min-height:360px;padding:32px!important;display:flex;align-items:center;background:#130a0e;border-radius:18px 18px 0 0}
.loh-module-picture{position:absolute;inset:0;z-index:-2;display:block}
.loh-module-picture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:center right;border-radius:0!important}
.loh-module-head:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(15,6,10,.88) 0%,rgba(15,6,10,.72) 29%,rgba(15,6,10,.12) 48%,transparent 61%)}
.loh-module-copy{width:40%;max-width:440px;position:relative}
.loh-module-copy h2{font-size:clamp(28px,3.6vw,48px)!important;line-height:1.12!important;margin:10px 0 16px!important;overflow-wrap:normal;word-break:normal}
.loh-module-copy p{font-size:16px!important;line-height:1.6!important;margin:0!important}
.loh-lab-head{margin:-25px -25px 20px;min-height:360px}
@media(max-width:1000px) and (min-width:721px){.loh-module-head{min-height:320px;padding:25px!important}.loh-module-copy{width:41%}.loh-module-copy h2{font-size:30px!important}.loh-module-copy p{font-size:15px!important}}
@media(max-width:720px){.loh-module-head{display:block;min-height:0;padding:0!important}.loh-module-picture{position:relative;inset:auto;z-index:0;aspect-ratio:1.95;overflow:hidden}.loh-module-picture img{object-fit:contain;object-position:center!important}.loh-module-head:after{display:none}.loh-module-copy{width:100%;max-width:none;padding:22px 20px 24px;background:linear-gradient(140deg,#290c14,#130a0e)}.loh-module-copy h2{font-size:30px!important;line-height:1.15!important}.loh-module-copy p{font-size:16px!important}.loh-lab-head{margin:-15px -15px 20px;min-height:0}}
@media(min-width:721px){.loh-module-head,.loh-lab-head{min-height:280px;aspect-ratio:3/1}.loh-module-copy h2{font-size:clamp(28px,3.1vw,42px)!important}}
@media(max-width:720px){.loh-module-picture{aspect-ratio:1200/572}}
@media(min-width:721px){.loh-module-head,.loh-lab-head{aspect-ratio:auto;min-height:clamp(280px,30vw,400px)}}
.loh-lab-head .loh-module-copy h2{max-width:9em}

/* 1.1.4: Pergamina 1.0.8 module and feed dimensions. */
.loh-app,.loh-lab{max-width:1060px}
@media(min-width:761px){.loh-module-head,.loh-lab-head{min-height:0;height:280px}.loh-module-copy h2{font-size:clamp(28px,3vw,38px)!important}}
.loh-tools{padding:16px 22px}.loh-tools input,.loh-tools select{padding:8px 12px}.loh-filter-row{gap:12px;margin-top:10px}
.loh-feed-head{padding:16px 22px 0}.loh-feed{gap:16px;padding:16px 22px 22px}.loh-card{flex-basis:260px;border-radius:14px}.loh-card>a>div{padding:16px}
@media(max-width:760px){
 .loh-tools{padding:14px 16px}.loh-feed-head{padding:14px 16px 10px}
 .loh-feed{--loh-feed-height:clamp(390px,56svh,470px);display:block;height:var(--loh-feed-height);max-height:none;padding:8px;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .loh-feed::-webkit-scrollbar{display:none}
 .loh-feed .loh-card{width:100%;height:calc(var(--loh-feed-height) - 16px);min-height:0;max-height:none;margin:0 0 8px;scroll-snap-align:start;scroll-snap-stop:always}
 .loh-feed .loh-card>a{display:grid;grid-template-rows:49% 51%;height:100%;min-height:0}
 .loh-feed .loh-card img{height:100%;width:100%;aspect-ratio:auto;object-fit:contain;background:radial-gradient(ellipse at top,#420e1a,#12080c)}
 .loh-feed .loh-card>a>div{height:100%;min-height:0;padding:10px 14px 8px}
 .loh-feed .loh-card h3{font-size:20px!important;line-height:1.2!important;margin:4px 0 6px}
 .loh-feed .loh-card p{font-size:14px!important;line-height:1.3!important;margin:0 0 8px}
 .loh-feed .loh-card span{font-size:13px!important;line-height:1.3}
 .loh-feed .loh-card small{font-size:11px!important;line-height:1.3!important}
}
@media(max-width:760px){.loh-feed{scroll-padding-top:8px}}
.loh-feed-head>div{display:flex;gap:6px;flex-shrink:0}.loh-feed-head button{margin-left:0}
@media(max-width:720px){.loh-module-copy{padding:12px 16px 16px}.loh-module-copy h2{font-size:28px!important;margin:6px 0 10px!important}.loh-app .loh-module-copy p,.loh-lab .loh-module-copy p{font-size:14px!important;line-height:1.5!important}}

/* Zenei alapok, 1.2.0 */
.loh-basics [hidden]{display:none!important}.loh-basics-head{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:22px;align-items:center;margin-bottom:20px}.loh-basics-head img{width:100%;height:auto;border-radius:12px}.loh-basics-head small{color:#e3c481;font-size:12px;font-weight:700;letter-spacing:.1em}.loh-basics-head h2{font-size:32px!important}
.loh-basics-tabs,.loh-basics-choices{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.loh-basics-tabs button[aria-selected=true],.loh-basics-choices button[data-result=correct]{background:#d4af64!important;color:#241119!important;-webkit-text-fill-color:#241119!important}.loh-basics-choices button[data-result=retry]{border:2px solid #f0a0a0!important}.loh-basics-staff{overflow-x:auto;margin:16px 0;background:#faf7ef;border-radius:10px}.loh-basics-staff svg{display:block;width:100%;min-width:440px;height:auto;max-height:240px;color:#2c1824;fill:#2c1824}.loh-basics-staff path{stroke:#615751;stroke-width:1;fill:none}.loh-basics-staff .loh-note-stem{stroke:#2c1824;stroke-width:2}.loh-basics-staff text{fill:#2c1824}.loh-basics .loh-basics-panel{margin:16px 0;padding:18px}.loh-basics .loh-status{margin-top:14px;min-height:28px}.loh-basics button.loh-basics-tap{display:block;width:100%;min-height:80px;margin-top:16px;font-size:20px!important;touch-action:manipulation}.loh-basics button:disabled{opacity:.55!important;cursor:not-allowed}.loh-basics [role=tabpanel]:focus-visible{outline:3px solid #edce89;outline-offset:3px}.loh-basics .loh-basics-tabs button{min-height:44px}
@media(max-width:720px){.loh-basics-head{grid-template-columns:1fr;gap:14px}.loh-basics-head img{grid-row:1}.loh-basics-head h2{font-size:28px!important}.loh-basics-tabs{display:grid;grid-template-columns:1fr 1fr}.loh-basics .loh-basics-panel{padding:14px 12px}.loh-basics-staff svg{min-width:400px}.loh-basics-choices button{min-height:44px}}
.loh-basics .loh-basics-tabs button[aria-selected=true],.loh-basics .loh-basics-choices button[data-result=correct]{background:#d4af64!important;color:#241119!important;-webkit-text-fill-color:#241119!important}
.loh-basics-head img{max-height:240px;object-fit:contain}@media(max-width:720px){.loh-basics-head img{max-height:200px}}

/* Tanulás a gyakorlás előtt, 1.3.0 */
.loh-basics .loh-lesson{border:1px solid #977344;border-radius:12px;padding:16px;margin-bottom:18px;background:#211019}.loh-basics .loh-lesson summary{cursor:pointer;font-size:18px;font-weight:700;color:#f2dfb5;min-height:44px}.loh-teach-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.loh-teach-buttons button{min-height:44px}.loh-basics .loh-teach-buttons button[aria-pressed=true]{background:#d4af64!important;color:#241119!important;-webkit-text-fill-color:#241119!important}.loh-teach-diagram{background:#faf7ef;border-radius:10px;overflow:hidden;margin:16px 0}.loh-teach-diagram svg{display:block;width:100%;height:auto}.loh-teach-diagram text{fill:#241119;font-family:Arial,sans-serif}.loh-teach-diagram text:not(.loh-music){font-size:16px}.loh-teach-diagram path{stroke:#615751;stroke-width:1.4;fill:none}.loh-teach-diagram .loh-teach-highlight{stroke:#ad721d;stroke-width:4}.loh-teach-diagram text.loh-music{font-family:LOHMusic!important}.loh-teach-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.loh-teach-pair>div{min-width:0}.loh-teach-pair .loh-basics-staff svg{min-width:0}.loh-basics [data-basic-practice]:focus{outline:2px solid #d4af64;outline-offset:8px}.loh-basics [data-basic-practice]{margin-top:24px}
@media(max-width:720px){.loh-teach-diagram svg{min-width:510px}.loh-teach-diagram{overflow-x:auto}.loh-basics .loh-lesson{padding:12px}.loh-teach-pair{grid-template-columns:1fr}.loh-teach-pair .loh-basics-staff svg{min-width:0}}

.loh-beat-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;background:#faf7ef;padding:12px 8px;border-radius:10px;margin:16px 0;color:#241119;text-align:center}.loh-basics .loh-beat-grid strong{color:#241119!important;font-size:18px!important}.loh-beat-grid span{display:flex;align-items:center;justify-content:center;min-height:65px;font-size:13px;line-height:1.3;border:1px solid #977344;border-radius:6px}.loh-beat-tone{background:#e5c27a}.loh-beat-rest{background:#ded8d1}

/* Hanglabor: reszponziv zongora, 1.3.2 */
.loh-piano-controls{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:14px 0}.loh-piano-controls button,.loh-piano-modal-head button{background:#b89350;color:#1b1015;border:1px solid #d8b778;border-radius:8px;padding:9px 12px;cursor:pointer}.loh-piano-controls button:disabled{opacity:.45;cursor:not-allowed}.loh-piano-controls [data-piano-range]{color:#f1d698;font-weight:700}.loh-piano-modal-head,.loh-piano-rotate{display:none}.loh-key[hidden]{display:none!important}.loh-piano-modal-open{overflow:hidden}.loh-piano-expanded{position:fixed;inset:0;z-index:2147483000;background:#180e17;padding:12px;display:flex;flex-direction:column;justify-content:center}.loh-piano-expanded .loh-piano-modal-head{display:flex;justify-content:space-between;align-items:center;color:#f1d698;margin-bottom:10px}.loh-piano-expanded .loh-keyboard-scroll{width:100%;overflow:hidden}.loh-piano-expanded .loh-keyboard{width:100%;min-width:0;height:min(65vh,320px);margin:0}.loh-piano-expanded .loh-key.black{width:4.2%}
@media(max-width:720px){.loh-piano-host .loh-keyboard-scroll{overflow:hidden;padding-bottom:0}.loh-piano-host .loh-keyboard{width:100%;min-width:0;height:165px;touch-action:none}.loh-piano-host .loh-keyboard.loh-piano-octave .loh-key.black{width:10.5%}.loh-piano-host .loh-keyboard.loh-piano-octave .loh-key.black[hidden]{display:none!important}.loh-piano-expanded .loh-piano-rotate{display:block;text-align:center;color:#f1d698}.loh-piano-expanded .loh-keyboard{height:min(48vh,240px)} }
@media(max-width:720px) and (orientation:landscape){.loh-piano-expanded{padding:6px 12px}.loh-piano-expanded .loh-piano-rotate{display:none}.loh-piano-expanded .loh-keyboard{height:calc(100dvh - 68px)}.loh-piano-expanded .loh-key.black{width:4.2%!important}}

/* 1.3.4: Modulbelépő – hangsúlyosabb, szélesebb képfelület. */
.loh-widget{max-width:960px!important;gap:18px!important;padding:12px!important;align-items:stretch!important;overflow:hidden}
.loh-widget>img{flex:0 0 46%;width:46%!important;height:250px!important;max-width:none!important;object-fit:cover!important;object-position:center!important;border-radius:12px}
.loh-widget>div{flex:1;min-width:0;align-self:center;padding:12px 14px}
@media(max-width:720px){.loh-widget{flex-direction:column!important;gap:0!important;padding:10px!important}.loh-widget>img{flex:none;width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover!important}.loh-widget>div{padding:16px 10px 12px}}

/* 1.3.5: show complete artwork without cropping */
.loh-widget>img{object-fit:contain!important;object-position:center!important;background:#210d15!important}
@media(max-width:720px){.loh-widget>img{object-fit:contain!important;height:auto!important;aspect-ratio:auto!important;max-height:320px!important}}

/* 1.3.7: A zongorabillentyuk eredeti szine marad lenyomaskor is; diszkret visszajelzes. */
.loh-lab .loh-key.loh-active.white{background:#f7f4ed!important;color:#2c1824!important;-webkit-text-fill-color:#2c1824!important;box-shadow:inset 0 0 0 3px #b89350!important}
.loh-lab .loh-key.loh-active.black{background:#120f17!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 2px #d8b778!important}
.loh-lab .loh-key.loh-active:after{display:none!important}

/* 1.3.9: immediate piano touch feedback; retain original key colors */
.loh-lab .loh-key.loh-pressed.white{background:#f7f4ed!important;color:#2c1824!important;box-shadow:inset 0 0 0 3px #b89350!important}
.loh-lab .loh-key.loh-pressed.black{background:#120f17!important;color:#fff!important;box-shadow:inset 0 0 0 2px #d8b778!important}
.loh-lab .loh-key.loh-pressed:after{display:none!important}

/* 1.3.10: piano keys never recolor, including touch, focus, active and theme overrides */
.loh-lab button.loh-key.white,.loh-lab button.loh-key.white:is(:hover,:active,:focus,:focus-visible),.loh-lab button.loh-key.white:is(.loh-active,.loh-pressed,.marked){background:#f7f4ed!important;color:#2c1824!important;-webkit-text-fill-color:#2c1824!important;box-shadow:none!important;outline:none!important;filter:none!important;transition:none!important;-webkit-tap-highlight-color:transparent!important}
.loh-lab button.loh-key.black,.loh-lab button.loh-key.black:is(:hover,:active,:focus,:focus-visible),.loh-lab button.loh-key.black:is(.loh-active,.loh-pressed,.marked){background:#120f17!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important;outline:none!important;filter:none!important;transition:none!important;-webkit-tap-highlight-color:transparent!important}
.loh-lab button.loh-key::after{display:none!important}
/* 1.4.0: a mintatartományon kívüli billentyűk nem választhatók. */
.loh-lab button.loh-key.white:disabled{background:#f7f4ed!important;background-image:none!important;color:#2c1824!important;-webkit-text-fill-color:#2c1824!important;opacity:1!important;filter:none!important;-webkit-appearance:none!important;appearance:none!important;box-shadow:none!important;cursor:not-allowed!important}
.loh-lab button.loh-key.black:disabled{background:#120f17!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;filter:none!important;-webkit-appearance:none!important;appearance:none!important;box-shadow:none!important;cursor:not-allowed!important}