.gate-wrap{max-width:440px;margin:-46px auto 60px;padding:0 18px;position:relative;z-index:5}.gate-card{background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:32px 28px;text-align:center}.gate-card h2{font-family:var(--font-display);font-size:20px;color:var(--navy);margin:0 0 8px}.gate-card p{font-size:14px;color:var(--ink-soft);margin:0 0 20px}.gate-card input[type=text]{width:100%;font-family:var(--font-body);font-size:16px;font-weight:600;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);margin-bottom:14px;text-align:center;color:var(--navy)}.gate-card input[type=text]:focus{outline:none;border-color:var(--blue)}.gate-card .btn{width:100%}.gate-blocked-badge{display:inline-block;background:#fceaec;color:var(--red-deep);font-family:var(--font-display);font-weight:600;font-size:12.5px;padding:5px 14px;border-radius:999px;margin-bottom:14px}.tab-btn{flex:1 1 auto;min-width:120px;border:none;background:0 0;font-family:var(--font-display);font-weight:600;font-size:14.5px;color:var(--ink-soft);padding:12px 14px;border-radius:999px;cursor:pointer;transition:background .18s ease,color .18s ease,transform .12s ease;text-align:center}.tab-btn:hover{background:var(--cream)}.tab-btn.active{color:#fff;transform:translateY(-1px)}.tab-btn[data-accent=blue].active{background:var(--blue)}.tab-btn[data-accent=orange].active{background:var(--orange)}.tab-btn[data-accent=green].active{background:var(--green)}.tab-btn[data-accent=red].active{background:var(--red)}.tab-btn[data-accent=navy].active{background:var(--navy)}.topic-section{display:none;animation:fadeIn .25s ease}.topic-section.active{display:block}.topic-intro{text-align:center;margin-bottom:28px}.topic-intro h2{font-family:var(--font-display);font-weight:700;font-size:clamp(21px,3vw,28px);color:var(--navy);margin:0 0 6px}.topic-intro p{color:var(--ink-soft);font-size:14.5px;margin:0}.ex-card{background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:26px;position:relative;overflow:hidden;border:1px solid var(--line)}.ex-card::before{content:"";position:absolute;top:0;bottom:0;left:38px;width:2px;background:rgba(195,17,38,.28)}.ex-card::after{content:"";position:absolute;top:64px;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(to bottom,transparent,transparent 27px,rgba(0,74,173,.055) 27px,rgba(0,74,173,.055) 28px);pointer-events:none}.ex-card-head{padding:22px 26px 16px 54px;position:relative;z-index:2}.ex-tag{display:inline-block;font-family:var(--font-display);font-weight:600;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#fff;padding:4px 12px;border-radius:999px;margin-bottom:10px}.ex-card-head h3{font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--navy);margin:0 0 6px}.ex-card-head .instruction{font-size:14px;color:var(--ink-soft);margin:0}.ex-card-body{padding:6px 26px 26px 54px;position:relative;z-index:2}.tag-blue{background:var(--blue)}.tag-orange{background:var(--orange)}.tag-green{background:var(--green)}.tag-red{background:var(--red)}.tag-navy{background:var(--navy)}.mcq-item{margin-bottom:20px;padding-bottom:18px;border-bottom:1px dashed var(--line)}.mcq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.mcq-q{font-weight:600;font-size:15px;color:var(--ink);margin:0 0 10px}.mcq-q .qnum{color:var(--orange);font-family:var(--font-display);margin-right:4px}.mcq-options{display:flex;flex-wrap:wrap;gap:8px}.opt-btn{border:1.5px solid var(--line);background:#fff;color:var(--ink);font-family:var(--font-body);font-weight:600;font-size:13.8px;padding:9px 15px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.opt-btn:hover:not(:disabled){border-color:var(--sky-deep);background:var(--cream)}.opt-btn:disabled{cursor:default}.opt-btn.is-correct{background:var(--ok);border-color:var(--ok);color:#fff}.opt-btn.is-wrong{background:var(--ko);border-color:var(--ko);color:#fff}.opt-btn.reveal{border-color:var(--ok);color:var(--ok);background:#eaf8f0}.retry-link{display:none;margin-top:8px;font-size:12.5px;font-weight:700;color:var(--blue);background:0 0;border:none;cursor:pointer;padding:0;text-decoration:underline}.tf-item{margin-bottom:18px;padding-bottom:16px;border-bottom:1px dashed var(--line)}.tf-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tf-statement{font-weight:600;font-size:15px;margin:0 0 10px}.tf-buttons{display:flex;gap:8px}.tf-btn{border:1.5px solid var(--line);background:#fff;font-family:var(--font-display);font-weight:600;font-size:13.5px;padding:8px 20px;border-radius:999px;cursor:pointer}.tf-btn:hover:not(:disabled){background:var(--cream)}.tf-btn.is-correct{background:var(--ok);border-color:var(--ok);color:#fff}.tf-btn.is-wrong{background:var(--ko);border-color:var(--ko);color:#fff}.opt-btn.answered{background:var(--sky);border-color:var(--sky-deep);color:var(--navy)}.tf-btn.answered{background:var(--sky);border-color:var(--sky-deep);color:var(--navy)}.match-btn.answered{background:var(--sky);border-color:var(--sky-deep);color:var(--navy);cursor:default}.opt-btn.reveal-correct,.tf-btn.reveal-correct,.match-btn.reveal-correct,.chip.reveal-correct{background:var(--ok);border-color:var(--ok);color:#fff}.opt-btn.reveal-wrong,.tf-btn.reveal-wrong,.match-btn.reveal-wrong,.chip.reveal-wrong{background:var(--ko);border-color:var(--ko);color:#fff}.fill-item input.reveal-correct,.conj-row input.reveal-correct{border-color:var(--ok);background:#eaf8f0;color:var(--green-deep)}.fill-item input.reveal-wrong,.conj-row input.reveal-wrong{border-color:var(--ko);background:#fceaec;color:var(--red-deep)}.reveal-answer{font-size:12.5px;color:var(--green-deep);font-weight:700;margin-left:8px}.fill-item{font-size:15px;line-height:2.1;margin-bottom:14px}.fill-item input{width:150px;font-family:var(--font-body);font-weight:600;font-size:14.5px;padding:5px 10px;border:none;border-bottom:2.5px solid var(--sky-deep);background:var(--cream);border-radius:6px 6px 0 0;text-align:center;color:var(--navy)}.fill-item input:focus{outline:none;border-color:var(--blue);background:#fff}.fill-item input.ok{border-color:var(--ok);background:#eaf8f0;color:var(--green-deep)}.fill-item input.ko{border-color:var(--ko);background:#fceaec;color:var(--red-deep)}.fill-answer{font-size:12.5px;color:var(--green-deep);font-weight:700;margin-left:8px;display:none}.card-actions{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap;align-items:center}.btn-ghost{background:0 0;color:var(--ink-soft);border:1.5px solid var(--line)}.btn-ghost:hover:not(:disabled){background:var(--cream)}.result-msg{font-size:13.5px;font-weight:700;padding:6px 14px;border-radius:999px;display:none}.result-msg.show{display:inline-block}.result-msg.good{background:#eaf8f0;color:var(--green-deep)}.result-msg.mixed{background:#fff3e2;color:var(--orange-deep)}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.match-col{display:flex;flex-direction:column;gap:8px}.match-btn{border:1.5px solid var(--line);background:#fff;font-weight:600;font-size:13.8px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:all .15s ease}.match-btn:hover:not(:disabled){border-color:var(--sky-deep);background:var(--cream)}.match-btn.selected{border-color:var(--blue);background:#eaf1fc}.match-btn.solved{background:#eaf8f0;border-color:var(--ok);color:var(--green-deep);cursor:default}.match-btn.wrong-locked{background:#fceaec;border-color:var(--ko)}.match-progress{font-size:12.8px;font-weight:700;color:var(--ink-soft);margin-top:12px}.sort-pool{display:flex;flex-wrap:wrap;gap:8px;padding:14px;background:var(--cream);border-radius:var(--radius-md);margin-bottom:16px;min-height:48px}.chip{border:1.5px solid var(--sky-deep);background:#fff;color:var(--navy);font-weight:600;font-size:13.5px;padding:7px 14px;border-radius:999px;cursor:pointer}.chip:hover{background:var(--sky)}.chip.selected{background:var(--blue);border-color:var(--blue);color:#fff}.sort-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.sort-cat{border:2px dashed var(--line);border-radius:var(--radius-md);padding:12px;min-height:70px;cursor:pointer}.sort-cat:hover{border-color:var(--sky-deep)}.sort-cat h4{margin:0 0 8px;font-family:var(--font-display);font-size:13.5px;color:var(--navy);text-transform:uppercase;letter-spacing:.04em}.sort-cat .chip{margin:3px 3px 3px 0;display:inline-block}.chip.ok{background:var(--ok);border-color:var(--ok);color:#fff}.chip.ko{background:var(--ko);border-color:var(--ko);color:#fff}.conj-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.conj-table{background:var(--cream);border-radius:var(--radius-md);padding:16px 16px 18px}.conj-table h4{margin:0 0 12px;font-family:var(--font-display);font-size:15px;color:var(--navy)}.conj-table h4 .infin{font-weight:500;color:var(--ink-soft);font-size:12.5px}.conj-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13.8px}.conj-row .pronoun{width:78px;flex-shrink:0;font-weight:600;color:var(--ink-soft)}.conj-row input{flex:1;font-family:var(--font-body);font-weight:600;font-size:14px;padding:6px 10px;border:1.5px solid var(--line);border-radius:8px;background:#fff}.conj-row input.ok{border-color:var(--ok);background:#eaf8f0;color:var(--green-deep)}.conj-row input.ko{border-color:var(--ko);background:#fceaec;color:var(--red-deep)}.conj-note{font-size:11.8px;color:var(--green-deep);font-weight:700;margin-left:6px;display:none}.fill-item input:disabled,.conj-row input:disabled{opacity:.75;cursor:not-allowed}.chip:disabled{opacity:.6;cursor:not-allowed}.chip:disabled:hover{background:inherit}@media (max-width:600px){.match-grid{grid-template-columns:1fr}.ex-card-head,.ex-card-body{padding-left:36px}.ex-card::before{left:22px}.fill-item{line-height:2.4}}