@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{--bg: #ffffff;--bg-subtle: #fbf5ef;--bg-warm: #fdece0;--ink: #2d2c2b;--ink-secondary: #5c5952;--ink-tertiary: #948d83;--border: #ece3d8;--primary: #0061ef;--primary-hover: #0050c7;--primary-tint: #e5eeff;--primary-glow: 0 97 239;--on-primary: #ffffff;--success: #17a56b;--success-hover: #12905b;--success-tint: #e4f7ee;--danger: #f04a55;--danger-hover: #d83b46;--danger-tint: #ffe9ea;--warning: #ffb020;--info: #0090ff;--c-blue: #0061ef;--c-blue-tint: #e5eeff;--c-purple: #7a5af8;--c-purple-tint: #eeeafd;--c-pink: #ff5fa2;--c-pink-tint: #ffe4f0;--c-orange: #ff7a3d;--c-orange-tint: #ffe8dc;--c-yellow: #ffc53d;--c-yellow-tint: #fff2d2;--c-teal: #14b8a6;--c-teal-tint: #dbf6f1;--c-green: #22c55e;--c-green-tint: #ddf7e6;--c-sky: #38bdf8;--c-sky-tint: #e2f5fe;--chart-muted: #ece3d8;--chart-highlight: var(--success);--chart-marker: #2d2c2b;--footer-bg: #2d2c2b;--font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-meta: 13px;--fs-keycap: 12px;--ls-meta: .08em;--ls-head: -.03em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-pill: 999px;--radius-card: 24px;--radius-image: 18px;--radius-chip: 10px;--shadow-float: 0 12px 34px rgb(45 44 43 / .1);--shadow-pop: 0 6px 0 rgb(45 44 43 / .06);--measure-quiz: 1040px;--measure-read: 720px;--control-h: 50px;--progress-h: 10px;--focus-ring: 0 0 0 3px var(--bg), 0 0 0 6px var(--primary);--dur-micro: .13s;--dur-state: .22s;--dur-progress: .3s;--ease: cubic-bezier(.34, 1.3, .5, 1)}@media(prefers-reduced-motion:reduce){:root{--dur-micro: 0ms;--dur-state: 0ms;--dur-progress: 0ms;--ease: linear}}[data-tenant=jeger]{--primary: #2f9e44;--primary-hover: #268a3a;--primary-tint: #e2f6e6;--primary-glow: 47 158 68}[data-tenant=baat]{--primary: #1580d8;--primary-hover: #0f6ab6;--primary-tint: #e2f0fc;--primary-glow: 21 128 216}[data-tenant=uk]{--primary: #4361ee;--primary-hover: #3651d4;--primary-tint: #e6ebff;--primary-glow: 67 97 238}[data-tenant=us]{--primary: #6549e8;--primary-hover: #543ccb;--primary-tint: #ece7fd;--primary-glow: 101 73 232}*,*:before,*:after{box-sizing:border-box}body{margin:0;font:400 16px / 1.6 var(--font-sans);color:var(--ink-secondary);background:var(--bg-subtle);background-image:radial-gradient(42rem 42rem at 108% -8%,rgb(255 197 61 / .18),transparent 60%),radial-gradient(38rem 38rem at -12% 6%,rgb(122 90 248 / .13),transparent 60%),radial-gradient(46rem 46rem at 50% 118%,rgb(56 189 248 / .12),transparent 62%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{color:var(--ink);margin:0;font-weight:800;letter-spacing:var(--ls-head);line-height:1.08}a{color:var(--primary);text-decoration:none;font-weight:600}a:hover{text-decoration:underline}button{font-family:var(--font-sans)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ef-meta{font-size:var(--fs-meta);font-weight:600;text-transform:uppercase;letter-spacing:var(--ls-meta);color:var(--ink-tertiary)}.ef-nums{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--control-h);padding:0 26px;border-radius:var(--radius-pill);border:1px solid transparent;font-family:var(--font-sans);font-size:15px;font-weight:700;line-height:1;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;min-width:0;transition:background var(--dur-micro) var(--ease),border-color var(--dur-micro) var(--ease),color var(--dur-micro) var(--ease),box-shadow var(--dur-state) var(--ease),transform var(--dur-state) var(--ease),opacity var(--dur-micro) var(--ease)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.35}.btn--sm{height:42px;padding:0 20px;font-size:14px}.btn--full{width:100%}.btn--primary{background:var(--primary);color:var(--on-primary);box-shadow:0 8px 18px rgb(var(--primary-glow) / .28)}.btn--primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 12px 22px rgb(var(--primary-glow) / .32)}.btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 10px rgb(var(--primary-glow) / .28)}.btn--primary.btn--success{background:var(--success);box-shadow:0 8px 18px #17a56b47}.btn--primary.btn--success:hover:not(:disabled){background:var(--success-hover);box-shadow:0 12px 22px #17a56b52}.btn--primary.btn--danger{background:var(--danger);box-shadow:0 8px 18px #f04a5547}.btn--primary.btn--danger:hover:not(:disabled){background:var(--danger-hover);box-shadow:0 12px 22px #f04a5552}.btn--secondary{background:var(--bg);color:var(--ink);border-color:var(--border);border-width:2px}.btn--secondary:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--ink);transform:translateY(-2px)}.btn--tertiary{background:transparent;color:var(--primary);font-weight:600;padding:0 12px}.btn--tertiary.btn--success{color:var(--success)}.btn--tertiary.btn--danger{color:var(--danger)}.btn--tertiary:hover:not(:disabled){text-decoration:underline}.keycap{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--radius-chip);border:1px solid var(--ink-tertiary);background:var(--bg);color:var(--ink-secondary);font-family:var(--font-sans);font-size:var(--fs-keycap);font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.keycap--subtle{border-color:var(--border);background:var(--bg-subtle);color:var(--ink-tertiary)}.keycap--success{color:var(--success);border-color:var(--success)}.keycap--danger{color:var(--danger);border-color:var(--danger)}.hotkey-hint{display:inline-flex}@media(pointer:coarse),(max-width:719px){.hotkey-hint,.option-card .keycap{display:none}}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);border:1.5px solid;font-size:14px;font-weight:700;line-height:1}.badge--primary{border-color:var(--primary);background:var(--primary-tint);color:var(--primary)}.badge--primary.badge--solid{background:var(--primary);color:var(--on-primary)}.badge--success{border-color:var(--success);background:var(--success-tint);color:var(--success)}.badge--danger{border-color:var(--danger);background:var(--danger-tint);color:var(--danger)}.badge--info{border-color:var(--info);background:#e7f0fe;color:var(--info)}.badge--neutral{border-color:var(--ink-secondary);background:var(--bg-subtle);color:var(--ink-secondary)}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg);color:var(--ink-secondary);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.chip--primary{border-color:var(--primary);background:var(--primary-tint);color:var(--primary)}.chip--warning{border-color:#f0d48a;background:#fdf4e1;color:#9a6400}.progress{height:var(--progress-h);width:100%;border-radius:var(--radius-pill);background:var(--border);overflow:hidden}.progress__fill{height:100%;border-radius:var(--radius-pill);background:var(--primary);transition:width var(--dur-progress) var(--ease)}.qbar{display:flex;align-items:center;gap:var(--space-4);width:100%}.qbar__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--ink-secondary);cursor:pointer;font-size:22px;line-height:1;flex:0 0 auto;transition:background var(--dur-micro) var(--ease)}.qbar__icon:hover{background:var(--bg-subtle)}.option-card{position:relative;display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:18px 20px;border-radius:var(--radius-card);border:1px solid var(--border);background:var(--bg);color:var(--ink);font-size:16px;font-weight:600;line-height:1.4;cursor:pointer;transition:border-color var(--dur-state) var(--ease),background var(--dur-state) var(--ease)}.option-card:hover:not(:disabled):not(.is-selected):not(.is-correct):not(.is-incorrect){border-color:var(--ink-tertiary)}.option-card:disabled{cursor:default}.option-card.is-selected,.option-card.is-correct,.option-card.is-incorrect{padding:17px 19px;border-width:2px}.option-card.is-selected{border-color:var(--primary);background:var(--primary-tint)}.option-card.is-correct{border-color:var(--success);background:var(--success-tint)}.option-card.is-incorrect{border-color:var(--danger);background:var(--danger-tint)}.option-card__label{flex:1 1 auto}.option-card__mark{width:22px;height:22px;flex:0 0 auto;border-radius:6px;border:2px solid var(--border);background:transparent;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:800}.is-selected>.option-card__mark{border-color:var(--primary);background:var(--primary)}.is-correct>.option-card__mark{border-color:var(--success);background:var(--success)}.is-incorrect>.option-card__mark{border-color:var(--danger);background:var(--danger)}@keyframes ef-band-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.feedback-band{position:relative;width:100%;animation:ef-band-up var(--dur-state) var(--ease)}.feedback-band--correct{background:var(--success-tint);border-top:1px solid var(--success)}.feedback-band--incorrect{background:var(--danger-tint);border-top:1px solid var(--danger)}.feedback-band__inner{max-width:var(--measure-quiz);margin:0 auto;padding:var(--space-5) var(--space-6);display:flex;align-items:flex-start;gap:var(--space-5);flex-wrap:wrap}.feedback-band__text{flex:1 1 320px;min-width:0}.feedback-band__explanation{margin:var(--space-3) 0 0;color:var(--ink-secondary);font-size:16px;line-height:1.6;max-width:620px}.feedback-band__actions{display:flex;align-items:center;gap:var(--space-3);flex:0 0 auto;margin-left:auto}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-pop)}.card--danger{border-color:var(--danger);background:var(--danger-tint)}.field-input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg);font-family:var(--font-sans);font-size:15px;color:var(--ink);outline:none;transition:border-color var(--dur-micro) var(--ease)}.field-input:focus{border-color:var(--primary)}textarea.field-input{resize:vertical;min-height:84px}.screen{min-height:100vh;background:transparent;display:flex;flex-direction:column}.screen--flat{background:var(--bg)}.app-header{position:sticky;top:0;z-index:20;background:#fbf5efd1;backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--border);padding:14px 18px}.app-header__inner{max-width:var(--measure-quiz);margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.app-header__inner>*{min-width:0}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(min-width:720px){.mode-grid{grid-template-columns:repeat(3,1fr);gap:16px}}.mode-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:17px;border-radius:var(--radius-card);border:2px solid var(--border);background:var(--bg);min-height:138px;cursor:pointer;text-align:left;font-family:var(--font-sans);box-shadow:var(--shadow-pop);transition:border-color var(--dur-micro) var(--ease),box-shadow var(--dur-state) var(--ease),transform var(--dur-state) var(--ease)}.mode-card:hover:not(:disabled){transform:translateY(-4px) rotate(-.4deg);box-shadow:var(--shadow-float)}.mode-card:disabled{cursor:not-allowed;opacity:.6}.cat-row{position:relative;display:flex;align-items:center;gap:16px;padding:18px 20px 18px 26px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-card);cursor:pointer;width:100%;text-align:left;font-family:var(--font-sans);box-shadow:var(--shadow-pop);overflow:hidden;transition:border-color var(--dur-micro) var(--ease),box-shadow var(--dur-state) var(--ease),transform var(--dur-state) var(--ease)}.cat-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:var(--cat-accent, var(--primary))}.cat-row:hover:not(:disabled){transform:translate(4px);box-shadow:var(--shadow-float);border-color:var(--cat-accent, var(--ink))}.cat-row:disabled{cursor:not-allowed;opacity:.6}.cat-row:nth-child(8n+1){--cat-accent: var(--c-blue)}.cat-row:nth-child(8n+2){--cat-accent: var(--c-purple)}.cat-row:nth-child(8n+3){--cat-accent: var(--c-pink)}.cat-row:nth-child(8n+4){--cat-accent: var(--c-orange)}.cat-row:nth-child(8n+5){--cat-accent: var(--c-teal)}.cat-row:nth-child(8n+6){--cat-accent: var(--c-yellow)}.cat-row:nth-child(8n+7){--cat-accent: var(--c-green)}.cat-row:nth-child(8n+8){--cat-accent: var(--c-sky)}.order-row{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:var(--radius-card);border:1px solid var(--border);background:var(--bg);text-align:left;font-family:var(--font-sans);font-size:15.5px;font-weight:600;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;transition:border-color var(--dur-micro) var(--ease),box-shadow var(--dur-micro) var(--ease),transform var(--dur-micro) var(--ease)}.order-row.is-lifted{border-color:var(--ink-tertiary);box-shadow:var(--shadow-float);transform:scale(1.02);position:relative;z-index:2}.order-row.is-correct{border-color:var(--success);background:var(--success-tint)}.order-row.is-incorrect{border-color:var(--danger);background:var(--danger-tint)}.order-row__grip{display:grid;grid-template-columns:repeat(2,4px);gap:3px;flex:0 0 auto;color:var(--ink-tertiary);cursor:grab;padding:6px 2px}.order-row__grip:active{cursor:grabbing}.order-row__dot{width:4px;height:4px;border-radius:50%;background:currentColor}.order-row__num{width:26px;height:26px;flex:0 0 auto;border-radius:8px;background:var(--bg-subtle);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink-secondary)}.order-row__nudge{appearance:none;border:1px solid var(--border);background:var(--bg);border-radius:7px;width:26px;height:22px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--ink-secondary);cursor:pointer;padding:0}.order-row__nudge:hover:not(:disabled){border-color:var(--ink-tertiary)}.order-row__nudge:disabled{opacity:.35;cursor:default}.match-cell{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 12px;border-radius:14px;border:1px solid var(--border);background:var(--bg);font-family:var(--font-sans);font-size:14.5px;font-weight:600;color:var(--ink);cursor:pointer;transition:border-color var(--dur-micro) var(--ease),background var(--dur-micro) var(--ease)}.match-cell:hover:not(:disabled):not(.is-locked){border-color:var(--ink-tertiary)}.match-cell:disabled{cursor:default}.match-cell.is-active,.match-cell.is-locked{padding:7px 11px;border-width:2px;border-color:var(--primary);background:var(--primary-tint)}.match-cell.is-correct{padding:7px 11px;border-width:2px;border-color:var(--success);background:var(--success-tint)}.match-cell.is-incorrect{padding:7px 11px;border-width:2px;border-color:var(--danger);background:var(--danger-tint)}.stepper{display:inline-flex;align-items:stretch;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);overflow:hidden}.stepper__btn{appearance:none;border:none;background:var(--bg-subtle);width:52px;font-size:22px;font-weight:600;color:var(--ink-secondary);cursor:pointer;transition:background var(--dur-micro) var(--ease)}.stepper__btn:hover:not(:disabled){background:var(--border)}.stepper__btn:disabled{opacity:.4;cursor:default}.stepper__value{display:flex;align-items:baseline;justify-content:center;gap:7px;padding:14px 22px;min-width:130px}.stepper__input{border:none;background:transparent;width:4.5ch;text-align:right;font-family:var(--font-sans);font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink);outline:none;padding:0;-moz-appearance:textfield;appearance:textfield}.stepper__input::-webkit-outer-spin-button,.stepper__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper.is-correct{border-color:var(--success);background:var(--success-tint)}.stepper.is-incorrect{border-color:var(--danger);background:var(--danger-tint)}.text-entry{width:100%;max-width:420px;height:64px;border-radius:14px;border:2px solid var(--primary);background:var(--bg);text-align:center;font-family:var(--font-sans);font-size:19px;font-weight:700;color:var(--ink);outline:none;transition:border-color var(--dur-micro) var(--ease)}.text-entry::placeholder{color:var(--ink-tertiary);font-weight:600}.text-entry:disabled{opacity:.9}.text-entry.is-correct{border-color:var(--success);background:var(--success-tint)}.text-entry.is-incorrect{border-color:var(--danger);background:var(--danger-tint)}.flashcard{width:100%;max-width:340px;min-height:260px;perspective:1000px;cursor:pointer;border:none;background:transparent;padding:0;font-family:var(--font-sans)}.flashcard__inner{display:grid;width:100%;min-height:260px;transition:transform var(--dur-progress) var(--ease);transform-style:preserve-3d}.flashcard.is-flipped .flashcard__inner{transform:rotateY(180deg)}.flashcard__face{grid-area:1 / 1;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:26px 22px;border-radius:20px;border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow-float);text-align:center}.flashcard__face--back{transform:rotateY(180deg)}.switch{position:relative;width:46px;height:28px;flex:0 0 auto;border-radius:var(--radius-pill);border:none;background:var(--border);cursor:pointer;padding:0;transition:background var(--dur-state) var(--ease)}.switch.is-on{background:var(--primary)}.switch__thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform var(--dur-state) var(--ease)}.switch.is-on .switch__thumb{transform:translate(18px)}.seg{display:inline-flex;padding:3px;gap:2px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-subtle)}.seg__btn{appearance:none;border:none;background:transparent;padding:7px 16px;border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:13.5px;font-weight:700;color:var(--ink-secondary);cursor:pointer;transition:background var(--dur-micro) var(--ease),color var(--dur-micro) var(--ease)}.seg__btn.is-active{background:var(--bg);color:var(--ink);box-shadow:0 1px 2px #0000000f}.palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:8px}.palette-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1.5px solid var(--border);background:var(--bg);color:var(--ink-secondary);font-family:var(--font-sans);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color var(--dur-micro) var(--ease)}.palette-cell:hover{border-color:var(--ink-tertiary)}.palette-cell.is-answered{border-color:var(--primary);background:var(--primary-tint);color:var(--primary)}.palette-cell.is-flagged{border-color:var(--warning);background:#fdf4e1;color:#9a6400}.palette-cell.is-current{box-shadow:var(--focus-ring)}.mode-card__tag{position:absolute;top:12px;right:12px}.pricing-card{position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-card);background:var(--bg);border:1px solid var(--border);width:100%}.pricing-card--recommended{border:2px solid var(--primary)}.pricing-card__flag{position:absolute;top:-13px;left:var(--space-6)}.pricing-card__features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.ef-faq-item{border-bottom:1px solid var(--border);padding:4px 0}.ef-faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 2px;font-size:16px;font-weight:700;color:var(--ink)}.ef-faq-item summary::-webkit-details-marker{display:none}.ef-faq-item summary:after{content:"+";flex-shrink:0;font-size:20px;font-weight:600;color:var(--ink-tertiary);transition:transform .15s ease}.ef-faq-item[open] summary:after{transform:rotate(45deg)}.ef-faq-item p{margin:0 0 18px;font-size:15px;line-height:1.65;color:var(--ink-secondary)}