.hltl-app{--forest:#486352;--dark:#243129;--sage:#8da36a;--beige:#f3eedf;--pale:#f3f5f1;--lav:#ddd5e8;--gray:#68746c;--red:#b34f4f;--blue:#477aa8;--green:#4f8658;--purple:#80609a;--orange:#c2763e;--yellow:#d4a72c;color:var(--dark);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:linear-gradient(135deg,#f7f3e9,#f4f5f1 60%,#eee9f3);min-height:760px;border-radius:14px;overflow:hidden}.hltl-app *{box-sizing:border-box}.hltl-app button,.hltl-app textarea{font:inherit}.hltl-app button{cursor:pointer}.hltl-head{height:66px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:#fffefb;border-bottom:1px solid #dedbce}.hltl-head>span{font-size:13px;color:var(--gray)}.hltl-brand{display:flex;align-items:center;gap:10px;font-size:18px}.hltl-brand i{font:700 20px Georgia,serif;font-style:normal;background:var(--dark);color:var(--beige);width:35px;height:35px;border-radius:9px;display:grid;place-items:center}.hltl-shell{max-width:1340px;margin:auto;padding:32px;display:grid;grid-template-columns:280px 1fr;gap:28px}.hltl-shell>aside{padding:15px 8px}.hltl-shell>aside>small,.eye{font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--forest);text-transform:uppercase}.hltl-shell>aside h2{font:500 28px/1.16 Georgia,serif;margin:10px 0}.hltl-shell>aside>p{font-size:14px;line-height:1.55;color:var(--gray)}.hltl-shell nav{display:grid;gap:7px;margin:26px 0}.hltl-shell nav button{border:0;background:transparent;color:var(--gray);display:flex;gap:11px;align-items:center;text-align:left;border-radius:9px;padding:9px}.hltl-shell nav i{font-style:normal;width:29px;height:29px;border:1px solid #bbc3bd;border-radius:50%;display:grid;place-items:center}.hltl-shell nav .on{background:var(--dark);color:#fff}.hltl-shell nav .on i{background:var(--sage);border-color:var(--sage);color:var(--dark);font-weight:800}.hltl-progress span{font-size:12px;color:var(--gray)}.hltl-progress>i{display:block;height:6px;background:#dfe3df;border-radius:5px;margin-top:8px;overflow:hidden}.hltl-progress b{display:block;height:100%;background:var(--sage)}.hltl-shell blockquote{border-left:3px solid var(--lav);margin:35px 0;padding-left:13px;font-family:Georgia,serif;color:var(--forest)}.hltl-shell blockquote small{display:block;margin-top:7px;color:var(--gray)}.hltl-shell>section{position:relative;background:#fffefa;border:1px solid #ddd9cc;border-radius:14px;box-shadow:0 16px 48px #24312914;padding:38px;min-height:650px}.hltl-shell h1{font:500 31px Georgia,serif;margin:5px 0 12px}.lead{font-size:16px;line-height:1.65;color:var(--gray);max-width:850px}.formula{display:grid;grid-template-columns:auto 20px auto 20px auto;gap:10px;align-items:center;justify-content:center;background:var(--pale);border:1px solid #d7dbd7;border-radius:11px;padding:25px;margin:27px 0 16px}.formula span{background:white;padding:11px 15px;border-radius:7px}.formula span:nth-of-type(2){background:var(--lav);font-weight:800}.formula em{grid-column:1/-1;text-align:center;color:var(--gray);font-family:Georgia,serif}.ways{display:grid;grid-template-columns:1fr repeat(3,1.15fr);gap:1px;background:#daddda;border:1px solid #daddda;border-radius:9px;overflow:hidden}.ways>*{background:white;padding:16px}.ways span{display:grid}.ways em{font-size:13px;color:var(--gray);margin-top:3px}.quiz{display:grid;gap:10px}.quiz article{padding:16px;border:1px solid #deddd7;border-radius:9px}.quiz article>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.quiz button,.tools button{background:white;border:1px solid #cbd0cc;border-radius:7px;padding:8px 11px}.quiz .correct{background:#e5efe5;border-color:var(--green);color:#315a38}.quiz .quiet{opacity:.4}.quiz .wrong{animation:hltl-shake .25s;border-color:var(--red)}@keyframes hltl-shake{50%{transform:translateX(4px)}}.advance{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-top:22px;font-size:13px;color:var(--gray)}.advance button{border:0;border-radius:8px;background:var(--dark);color:white;padding:12px 18px;font-weight:700}.advance button:disabled{opacity:.35;cursor:not-allowed}.source{background:var(--pale);border-left:4px solid var(--forest);padding:18px 22px;margin:25px 0;max-height:255px;overflow:auto}.source summary{font-weight:700;cursor:pointer}.source p{font:16px/1.75 Georgia,serif}.questions{display:grid;gap:11px}.questions label{display:grid;grid-template-columns:32px 1fr;gap:5px 10px;padding:15px;border:1px solid #deddd7;border-radius:9px}.questions label>b{grid-row:1/3;width:27px;height:27px;border-radius:50%;background:var(--lav);display:grid;place-items:center}.questions textarea{grid-column:2;min-height:46px;border:0;border-bottom:1px solid #ccd1cd;background:transparent;resize:vertical;padding:8px 0}.labtop{display:flex;justify-content:space-between}.labtop>div:last-child{display:flex;gap:7px}.labtop button{width:40px;height:40px;border:1px solid #ccd0cc;background:#fff;border-radius:8px}.labtop button:disabled{opacity:.3}.step{display:flex;gap:12px;margin-top:24px}.step>b{flex:none;width:28px;height:28px;border-radius:50%;background:var(--dark);color:#fff;display:grid;place-items:center}.step span{display:grid;font-size:13px;color:var(--gray)}.step strong{font-size:15px;color:var(--dark)}.roles{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.roles button{display:flex;align-items:center;gap:6px;padding:7px 9px;background:#fff;border:1px solid #d5d7d5;border-radius:7px;font-size:12px}.roles i{width:9px;height:9px;border-radius:50%;background:currentColor}.roles .praedikat{color:var(--red)}.roles .subjekt{color:var(--blue)}.roles .akkusativ{color:var(--green)}.roles .genitiv{color:var(--purple)}.roles .dativ{color:var(--orange)}.roles .ablativ{color:var(--yellow)}.roles .ppa{color:#476d68}.roles .nebensatz{color:var(--gray)}.roles .active{color:white}.roles .active.praedikat{background:var(--red)}.roles .active.subjekt{background:var(--blue)}.roles .active.akkusativ{background:var(--green)}.roles .active.genitiv{background:var(--purple)}.roles .active.dativ{background:var(--orange)}.roles .active.ablativ{background:var(--yellow);color:#4b3b08}.roles .active.ppa{background:#476d68}.roles .active.nebensatz{background:var(--gray)}.latin{min-height:145px;background:var(--beige);border-radius:11px;padding:25px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px}.latin button{border:0;border-bottom:3px solid transparent;background:transparent;padding:5px 3px;font:20px/1.45 Georgia,serif;color:var(--dark)}.latin .vocab{border-bottom-style:dotted;border-bottom-color:#89938c}.latin .praedikat{color:var(--red);background:#f5dddd}.latin .subjekt{color:#285d8c;background:#dceaf5}.latin .akkusativ{color:#336c3d;background:#dfeddf}.latin .genitiv{color:#704e89;background:#ebe2f0}.latin .dativ{color:#a25726;background:#f5e1d3}.latin .ablativ{color:#66500c;background:#f4e6ad}.latin .ppa{box-shadow:inset 0 -3px #476d68}.latin .nebensatz{outline:1px dashed var(--gray)}.tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:10px 0;font-size:12px}.tools span{margin-right:auto;color:var(--gray)}.hint{background:#ede8f3;border-radius:9px;padding:14px 18px}.hint p{margin:5px 0;color:#505c54}.hint p+p{border-top:1px solid #d5cde0;padding-top:9px}.translation{width:100%;min-height:100px;border:1px solid #cfd3cf;border-radius:9px;padding:14px;margin-top:13px;resize:vertical}.vocabbox{position:absolute;right:35px;top:190px;width:280px;background:#fffefa;border:1px solid #cfd3cf;border-radius:11px;padding:22px;box-shadow:0 18px 50px #24312933}.vocabbox>button{position:absolute;right:8px;top:5px;border:0;background:transparent;font-size:22px}.vocabbox small{font-size:10px;letter-spacing:.13em;color:var(--forest);font-weight:800}.vocabbox h3{font:26px Georgia,serif;margin:7px 0}.vocabbox p{color:var(--gray)}.vocabbox em{display:block;font-size:12px;color:var(--gray);margin-top:14px}.hltl-toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,20px);opacity:0;background:var(--dark);color:#fff;border-radius:8px;padding:11px 17px;transition:.2s}.hltl-toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:800px){.hltl-head{padding:0 18px}.hltl-head>span{display:none}.hltl-shell{grid-template-columns:1fr;padding:16px}.hltl-shell>aside{padding:4px}.hltl-shell>aside h2{font-size:24px}.hltl-shell nav{grid-template-columns:repeat(3,1fr);margin:14px 0}.hltl-shell nav button{font-size:0;justify-content:center}.hltl-shell blockquote{display:none}.hltl-shell>section{padding:22px;min-height:auto}.formula{grid-template-columns:1fr;text-align:center}.formula>b{display:none}.formula em{grid-column:auto}.ways{grid-template-columns:1fr}.roles{flex-wrap:nowrap;overflow:auto;padding-bottom:5px}.roles button{white-space:nowrap}.latin{padding:16px}.latin button{font-size:18px}.vocabbox{position:fixed;left:20px;right:20px;top:auto;bottom:20px;width:auto;z-index:20}.advance{align-items:flex-end}}