.answer-reviewed{position:relative;border:1px solid var(--line);border-radius:17px;padding:16px 52px 16px 16px;margin:12px 0;background:var(--surface)}
.answer-reviewed .icon-button{position:absolute;right:5px;top:10px}.answer-reviewed p{font-size:13px;margin-top:7px}
.answer-correct{border-color:#238453;background:color-mix(in srgb,#238453 16%,var(--surface))}.answer-wrong{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,var(--surface))}
@media(hover:none){.option:hover{background:var(--surface);border-color:var(--line)}}
.ranking-entry{display:flex;align-items:center;gap:13px;margin:10px 0 23px}.ranking-entry span{flex:1}.ranking-entry small{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.admin-word{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}.admin-word span{color:var(--accent)}
.admin-learned{margin-top:24px}.admin-learned .pager button{min-height:44px}
.intro-sound{position:absolute;z-index:3;left:50%;transform:translateX(-50%);bottom:calc(105px + env(safe-area-inset-bottom));background:#ffffff22;color:white;border:1px solid #ffffff55;border-radius:16px;padding:12px 20px;white-space:nowrap}
.welcome-copy h2{font-size:clamp(30px,9vw,48px);line-height:1.1;margin-top:20px;font-weight:850}.welcome-copy h1{overflow-wrap:anywhere}
.alphabet-sheet .letter-large{font-size:44px}.alphabet-sheet .card{padding:16px}.alphabet-sheet .card h3{font-size:22px}
html[data-theme=emerald]{--bg:#e1f0e8;--surface:#f5fff9;--hero:#0c4c36}html[data-theme=caucasus]{--bg:#f3e6d2;--surface:#fff9ed;--hero:#62452b}html[data-theme=blue]{--bg:#e0ebfa;--surface:#f5f9ff;--hero:#123c69}