.swan-ftl{
--panel:#17212b;--panel2:#22313d;--text:#fff;--muted:#d8e0e7;
--accent:#d7b56d;--good:#2f9d69;--bad:#bc4b4b;
max-width:900px;margin:0 auto;padding:18px;font-family:Arial,Helvetica,sans-serif;color:#fff!important
}
.swan-ftl *{box-sizing:border-box}
.swan-ftl h1,.swan-ftl h2,.swan-ftl p,.swan-ftl span,.swan-ftl div{color:#fff}
.swan-ftl__card{background:linear-gradient(180deg,var(--panel),var(--panel2));border-radius:28px;padding:30px;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.swan-ftl__start,.swan-ftl__result{text-align:center}
.swan-ftl__eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--accent)!important;font-weight:800;margin-bottom:12px}
.swan-ftl h1{margin:0 0 18px!important;font-size:clamp(36px,7vw,60px)!important;line-height:1.03!important;color:#fff!important}
.swan-ftl h2{color:#fff!important}
.swan-ftl__lead{color:var(--muted)!important;font-size:17px;line-height:1.65;max-width:670px;margin:0 auto 24px}
.swan-ftl button{min-height:50px;border-radius:14px;padding:13px 20px;font-size:16px;font-weight:800;cursor:pointer}
.swan-ftl__primary{border:0;background:var(--accent);color:#191919!important}
.swan-ftl__topbar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px;font-weight:700}
.swan-ftl__progress{height:10px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden;margin-bottom:24px}
.swan-ftl__progress-fill{width:0;height:100%;background:var(--accent);transition:width .25s ease}
.swan-ftl__prompt-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:25px;margin-bottom:22px;text-align:center}
.swan-ftl__prompt{margin:0!important;font-size:clamp(22px,4.8vw,34px)!important;line-height:1.4!important;font-weight:800!important;color:#fff!important}
.swan-ftl__answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.swan-ftl__answer{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff!important;text-align:left;min-height:66px}
.swan-ftl__answer.is-correct{background:rgba(47,157,105,.28);border-color:var(--good)}
.swan-ftl__answer.is-wrong{background:rgba(188,75,75,.30);border-color:var(--bad)}
.swan-ftl__answer:disabled{opacity:1;cursor:default}
.swan-ftl__feedback{min-height:30px;margin:20px 0 10px;text-align:center;font-weight:800}
.swan-ftl__actions{text-align:center;margin-top:16px}
.swan-ftl__bonus{margin-top:20px;padding:15px 18px;border-radius:15px;background:rgba(215,181,109,.11);color:var(--muted)!important;font-size:14px;line-height:1.55}
.swan-ftl__final-score{font-size:68px;font-weight:900;color:var(--accent)!important;margin:8px 0 14px}
.swan-ftl [hidden]{display:none!important}
@media(max-width:620px){.swan-ftl{padding:10px}.swan-ftl__card{padding:21px;border-radius:22px}.swan-ftl__answers{grid-template-columns:1fr}}

.swan-ftl__answer.is-pop{animation:swanFtlPop .48s ease}
.swan-ftl__answer.is-shake{animation:swanFtlShake .38s ease}
.swan-ftl__result.is-celebrating .swan-ftl__final-score{animation:swanFtlScore .7s cubic-bezier(.2,.9,.2,1.3)}
.swan-ftl.is-correct-flash .swan-ftl__prompt-box{box-shadow:0 0 0 2px rgba(215,181,109,.35),0 0 28px rgba(215,181,109,.22)}
@keyframes swanFtlPop{0%{transform:scale(1)}45%{transform:scale(1.06)}100%{transform:scale(1)}}
@keyframes swanFtlShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@keyframes swanFtlScore{0%{transform:scale(.55);opacity:0}65%{transform:scale(1.14);opacity:1}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.swan-ftl__answer.is-pop,.swan-ftl__answer.is-shake,.swan-ftl__result.is-celebrating .swan-ftl__final-score{animation:none}}