:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#25233b;background:#f5f3fc}*{box-sizing:border-box}body{margin:0}main{max-width:650px;margin:auto;padding:24px 16px 48px}header{text-align:center;margin:16px 0 25px}.eyebrow{font-size:12px;letter-spacing:.18em;color:#6d4de6;font-weight:800}h1{font-size:clamp(28px,7vw,42px);margin:9px 0}header p{color:#77718d;margin:0}.panel{background:white;border-radius:22px;padding:22px;box-shadow:0 8px 32px #4b3a8a12}.settings{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-size:13px;font-weight:700;color:#5e5973}select,input#answer{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #ded9ed;border-radius:12px;background:white;color:#25233b;font-size:16px}.check{grid-column:1/-1;display:flex;align-items:center;gap:8px}.check input{accent-color:#6d4de6}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.stats div{background:#eae5fb;border-radius:15px;padding:12px;text-align:center}.stats strong{display:block;font-size:24px;color:#6041ce}.stats span{font-size:12px;color:#77718d}.quiz{padding:25px 22px}.topline{display:flex;justify-content:space-between;color:#817b96;font-size:13px}.prompt-label{margin-top:29px;text-align:center;color:#817b96}.prompt{font-size:clamp(29px,8vw,43px);font-weight:800;text-align:center;margin:12px 0;overflow-wrap:anywhere}.hint{text-align:center;color:#817b96;font-size:13px;min-height:20px;margin-bottom:25px}button{border:0;cursor:pointer;font:inherit;font-weight:750;border-radius:13px;padding:15px 20px;background:#6d4de6;color:white;width:100%;margin-top:12px}button:active{transform:scale(.99)}button.secondary{background:#eae5fb;color:#5138b2}.feedback{padding:15px;border-radius:12px;margin-top:16px;line-height:1.5}.feedback.ok{background:#e4f8e9;color:#176235}.feedback.bad{background:#fff0e7;color:#a13f13}.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choices button{margin:0;background:#f0edfa;color:#443579;min-height:65px}.choices button.selected{background:#6d4de6;color:white}.bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 4px 24px;color:#817b96;font-size:12px}.textbutton{background:none;color:#817b96;padding:5px;width:auto;font-size:12px;margin:0}details{background:white;border-radius:15px;padding:15px}summary{cursor:pointer;font-weight:700}.wordlist{margin-top:15px;display:grid;gap:8px;font-size:13px}.wordlist div{border-bottom:1px solid #eee;padding-bottom:7px}@media(max-width:440px){.settings{grid-template-columns:1fr}.check{grid-column:1}.choices{grid-template-columns:1fr}}

/* Verze PWA: navigace + instalace */
.site-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}
.home-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#5138b2;font-weight:800;padding:8px 0}
.home-link:hover{text-decoration:underline}
.app-mark{font-size:12px;color:#817b96}
.install-panel{background:#eae5fb;border:1px solid #d8cef9;border-radius:18px;margin:0 0 18px;padding:14px 17px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.install-panel-text{display:flex;flex:1 1 200px;flex-direction:column;gap:3px}
.install-panel-text strong{font-size:14px;color:#463180}
.install-panel-text span{font-size:12px;color:#6f628e;line-height:1.4}
.install-button{width:auto;margin:0;padding:10px 16px;white-space:nowrap;font-size:13px}
.install-help{flex-basis:100%;font-size:12px;color:#5e5973}
.install-help summary{cursor:pointer;font-weight:700}
.install-help p{margin:9px 0 0;line-height:1.55}
.verb-details{background:white;border-radius:15px;padding:15px}
footer{text-align:center;margin-top:28px;font-size:13px}
footer a{color:#6d4de6;text-decoration:none;font-weight:700}
[hidden]{display:none!important}
@media(max-width:440px){.app-mark{font-size:11px}.install-button{width:100%}}