.lq-app{--lq-ink:#10231e;--lq-green:#17644f;--lq-soft:#edf6f1;max-width:900px;margin:clamp(24px,5vw,56px) auto;overflow:hidden;border:1px solid #d8e4dd;border-radius:28px;background:#fff;color:var(--lq-ink);box-shadow:0 18px 48px rgba(20,51,42,.12)}.lq-app *{box-sizing:border-box}.lq-app__header{padding:clamp(22px,5vw,42px);background:linear-gradient(140deg,#eff8f3,#fffaf0)}.lq-app__eyebrow{margin:0 0 7px;color:var(--lq-green);font-size:.76rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.lq-app__header h2{margin:0;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.08}.lq-app__header>p:last-child{max-width:680px;margin:12px 0 0;color:#53645e;line-height:1.65}.lq-app__status{display:flex;justify-content:space-between;gap:16px;padding:18px clamp(20px,5vw,40px) 12px;font-size:.86rem;font-weight:800}.lq-app__progress{height:7px;margin:0 clamp(20px,5vw,40px);overflow:hidden;border-radius:99px;background:#e5ece8}.lq-app__progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1e765e,#f1a953);transition:width .25s ease}.lq-app__stage{padding:clamp(22px,5vw,40px)}.lq-card__level{margin:0 0 8px;color:#6b7974;font-size:.75rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.lq-card h3{margin:0 0 22px;font-size:clamp(1.35rem,3vw,2rem);line-height:1.25}.lq-card__options{display:grid;gap:10px}.lq-option,.lq-button{appearance:none;border:1px solid #cfdcd5;border-radius:14px;background:#fff;color:var(--lq-ink);font:inherit;font-weight:750;cursor:pointer}.lq-option{width:100%;padding:15px 17px;text-align:left}.lq-option:hover:not(:disabled),.lq-option:focus-visible{border-color:var(--lq-green);background:var(--lq-soft)}.lq-option:focus-visible,.lq-button:focus-visible{outline:3px solid #2463a9;outline-offset:2px}.lq-option.is-correct{border-color:#177353;background:#e5f6ec}.lq-option.is-wrong{border-color:#a83838;background:#fff0f0}.lq-option:disabled{cursor:default}.lq-card__tools{margin-top:15px}.lq-button{padding:11px 15px}.lq-button--primary{border-color:var(--lq-ink);background:var(--lq-ink);color:#fff}.lq-hint,.lq-feedback{margin-top:15px;padding:14px 16px;border-radius:13px;line-height:1.55}.lq-hint{background:#fff7df}.lq-feedback{background:#f1f5f3}.lq-feedback strong{display:block;margin-bottom:4px}.lq-card__next{display:flex;justify-content:flex-end;margin-top:18px}.lq-result{text-align:center}.lq-result__score{margin:12px 0;font-size:clamp(2.5rem,8vw,5rem);font-weight:900;line-height:1}.lq-result__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}.lq-app__empty{padding:32px}.lq-app__footer{display:flex;justify-content:center;gap:9px;padding:18px 24px;border-top:1px solid #dfe8e3;background:#f7faf8;font-weight:800;text-align:center}.lq-app__footer a{color:var(--lq-green)!important}@media(max-width:520px){.lq-app{border-radius:20px}.lq-app__header,.lq-app__stage{padding:22px 18px}.lq-app__status{padding-left:18px;padding-right:18px}.lq-app__progress{margin-left:18px;margin-right:18px}.lq-result__actions{display:grid}.lq-button{width:100%}}
@media(prefers-reduced-motion:reduce){.lq-app__progress span{transition:none}}