.fnl-shell{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:24px 0 64px}.fnl-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.fnl-back{font-weight:900;color:var(--teal-dark);text-decoration:none}.fnl-panel{background:#fff;border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:var(--shadow)}.fnl-heading{text-align:center}.fnl-heading h1{font-size:clamp(2.1rem,6vw,4.2rem);margin:.2em 0}.fnl-heading p{max-width:840px;margin:0 auto;color:var(--muted)}.fnl-badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}.fnl-badges span{padding:8px 11px;border-radius:999px;background:var(--teal-soft);font-weight:800;color:var(--teal-dark)}.fnl-mode-guide{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:22px}.fnl-mode-guide article{border:1px solid var(--line);border-radius:18px;padding:12px;text-align:center;background:#fbfcf9}.fnl-mode-guide strong{display:block;font-size:1.5rem;color:var(--teal-dark)}.fnl-mode-guide span{font-weight:800}.fnl-rule{margin-top:18px;padding:14px;border-radius:18px;background:#fff7de;color:#664a17}.fnl-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.fnl-toolbar p{margin:0}.fnl-new,.fnl-check,.fnl-next,.fnl-complete button{border:0;border-radius:999px;padding:11px 18px;font-weight:900;cursor:pointer}.fnl-new,.fnl-next,.fnl-complete button{background:var(--cta);color:#fff}.fnl-check{background:var(--teal-dark);color:#fff}.fnl-progress{height:10px;background:#e7ece9;border-radius:999px;overflow:hidden;margin-top:12px}.fnl-progress>div{height:100%;width:0;background:linear-gradient(90deg,var(--teal),#65a49e)}.fnl-question{margin-top:18px;border:1px solid var(--line);border-radius:24px;padding:18px}.fnl-question-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-weight:800}.fnl-mode-badge{padding:6px 10px;border-radius:999px;background:var(--teal-soft);color:var(--teal-dark)}.fnl-question h2{text-align:center;font-size:clamp(1.5rem,4vw,2.25rem)}.fnl-given{text-align:center;font-size:1.4rem;font-weight:900}.fnl-visual{margin-top:16px;overflow-x:visible}.fnl-line{width:100%;min-width:0;padding:36px 22px 56px;position:relative}.fnl-line.is-clickable{cursor:pointer;touch-action:manipulation}.fnl-line-track{height:4px;background:#1e2725;position:relative}.fnl-tick{position:absolute;top:-12px;width:2px;height:28px;background:#1e2725;transform:translateX(-50%)}.fnl-tick button{position:absolute;left:50%;top:-12px;transform:translateX(-50%);width:max(26px,min(52px,calc((100vw - 48px)/var(--fnl-parts,4))));height:88px;max-width:none;border-radius:18px;border:0;background:transparent;cursor:pointer;touch-action:manipulation;z-index:3;-webkit-tap-highlight-color:transparent}.fnl-tick button:after{content:'';position:absolute;left:50%;top:24px;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;box-sizing:border-box;background:#fff;border:2px solid var(--teal-dark)}.fnl-tick button:hover:after,.fnl-tick button:focus-visible:after{background:var(--teal-soft);border-color:var(--teal)}.fnl-tick button:focus-visible{outline:3px solid rgba(26,91,92,.28);outline-offset:1px}.fnl-tick button.correct:after{background:var(--teal);border-color:var(--teal-dark)}.fnl-tick button.wrong:after{background:#fff1eb;border-color:#b94731}.fnl-tick.marked:after{content:'';position:absolute;left:50%;top:-6px;transform:translate(-50%,-100%);width:18px;height:18px;border-radius:50%;background:var(--cta)}.fnl-label{position:absolute;top:26px;transform:translateX(-50%);font-weight:900;pointer-events:none}.fnl-label.frac{line-height:1;text-align:center}.fnl-label.frac span{display:block}.fnl-label.frac i{display:block;height:1px;background:#111;margin:2px 0}.fnl-entry{display:grid;place-items:center;gap:12px;margin-top:20px}.fnl-fraction-entry{font-size:2rem;font-weight:900;text-align:center;min-width:70px}.fnl-fraction-entry span{display:block}.fnl-frac-line{height:2px;background:#111;margin:4px 0}.fnl-keypad{display:grid;grid-template-columns:repeat(5,52px);gap:8px}.fnl-keypad button{min-height:48px;border:2px solid var(--line);border-radius:14px;background:#fff;font-weight:900;font-size:1.05rem;cursor:pointer}.fnl-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:760px;margin:18px auto 0}.fnl-choice{min-height:54px;border:2px solid var(--line);border-radius:16px;background:#fff;font-weight:900;cursor:pointer}.fnl-choice:hover{border-color:var(--teal);background:var(--teal-soft)}.fnl-choice.correct{background:#eaf7ef;border-color:#9dccae;color:#2f7657}.fnl-choice.wrong{background:#fff1eb;border-color:#e4b1a4;color:#8a392d}.fnl-status{margin-top:16px;text-align:center;padding:12px;border-radius:16px;background:#f3f6f4;font-weight:850;color:var(--muted)}.fnl-status.good{background:#eaf7ef;color:#2f7657}.fnl-status.bad{background:#fff1eb;color:#8a392d}.fnl-next-row{text-align:center;margin-top:14px}.fnl-complete{text-align:center;margin-top:18px;padding:18px;border-radius:20px;background:linear-gradient(145deg,#ecf8f4,#fff7de)}.fnl-stars{font-size:1.8rem}.fnl-model{display:flex;justify-content:center;gap:4px;max-width:620px;margin:0 auto}.fnl-model-cell{width:42px;height:42px;border:2px solid var(--line);background:#fff}.fnl-model-cell.filled{background:var(--teal-soft);border-color:var(--teal)}.fnl-footer-note{margin-top:16px;color:var(--muted);font-size:.95rem}@media(max-width:800px){.fnl-mode-guide{grid-template-columns:1fr 1fr}.fnl-line{width:100%;min-width:0;padding-left:14px;padding-right:14px}.fnl-label{font-size:.82rem}}@media(max-width:560px){.fnl-panel{padding:14px}.fnl-mode-guide{grid-template-columns:1fr}.fnl-choices{grid-template-columns:1fr}.fnl-keypad{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));width:100%}.fnl-model-cell{width:clamp(18px,6vw,28px);height:clamp(18px,6vw,28px)}}.fnl-equivalent-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:center;max-width:760px;margin:8px auto 6px}.fnl-equivalent-item{display:grid;place-items:center;gap:10px}.fnl-equals{font-size:2.3rem;font-weight:900;color:var(--teal-dark)}.fnl-circle-model{width:min(190px,42vw);height:auto;overflow:visible}.fnl-circle-sector{fill:#fff;stroke:#34433f;stroke-width:2}.fnl-circle-sector.filled{fill:var(--teal-soft)}.fnl-strip-model{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(18px,34px);max-width:320px}.fnl-strip-cell{height:74px;border:2px solid #34433f;border-right-width:0;background:#fff}.fnl-strip-cell:last-child{border-right-width:2px}.fnl-strip-cell.filled{background:var(--teal-soft)}.fnl-model-fraction{font-size:1.45rem;font-weight:900;line-height:1;text-align:center;min-width:40px}.fnl-model-fraction span{display:block}.fnl-model-fraction i{display:block;height:2px;background:#111;margin:3px 0}@media(max-width:620px){.fnl-equivalent-pair{grid-template-columns:1fr;gap:10px}.fnl-equals{font-size:1.8rem}.fnl-circle-model{width:min(170px,60vw)}.fnl-strip-model{max-width:260px}}