*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh}
.page-header h1{font-family:var(--font-display);font-size:1.6rem;display:flex;align-items:center;gap:.5rem}
.page-header p{color:var(--text-muted);font-size:.88rem;margin-top:.3rem}
.tool-body{max-width:680px; }

.filter-group{margin-bottom:1.25rem}
.filter-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:.4rem;display:flex;align-items:center;gap:.35rem}

.combine-card{padding:1.75rem;margin-bottom:1.25rem;}
.review-banner{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent-text);border-radius:var(--radius);padding:.65rem 1rem;font-size:.85rem;font-weight:600;margin-bottom:1rem;text-align:center}
.session-complete{background:var(--surface);border:1px solid var(--green);border-radius:var(--radius-lg);padding:2.5rem 1.75rem;margin-bottom:1.25rem;text-align:center}
.session-complete-icon{font-size:2.5rem;margin-bottom:.5rem}
.session-complete p{color:var(--text-muted);margin-bottom:1.25rem}
.combine-counter{display:flex;align-items:center;gap:.35rem;width:fit-content;margin-left:auto;background:var(--surface-2);border:1px solid var(--border);border-radius:99px;padding:.2rem .7rem;font-size:.75rem;color:var(--text-dim);margin-bottom:1rem}
.source-sentences{margin-bottom:1.25rem}
.source-sentence{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text);line-height:1.5}
.connector-tag { margin:.5rem 0; }
.combine-input{width:100%;padding:.9rem 1rem;font-size:1.05rem;font-family:var(--font-body);background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text)}
.combine-input:focus{outline:none;border-color:var(--purple)}
.combine-input.correct{border-color:var(--green);background:var(--green-soft)}
.combine-input.wrong{border-color:var(--red);background:var(--red-soft)}

.check-btn{width:100%;margin-top:1rem;padding:.85rem;border-radius:var(--radius);border:none;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:.95rem;cursor:pointer}
.check-btn:disabled{opacity:.4;cursor:default}
.next-btn{width:100%;margin-top:.75rem;padding:.85rem;border-radius:var(--radius);border:1.5px solid var(--border);background:transparent;color:var(--text);font-weight:700;font-size:.95rem;cursor:pointer}

.result-box{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border);display:none}
.result-box.show{display:block}
.result-verdict{font-family:var(--font-display);font-size:1.4rem;font-weight:800;text-align:center;margin-bottom:.5rem}
.result-verdict.correct{color:var(--green)}
.result-verdict.wrong{color:var(--red)}
.result-answer{font-size:1rem;text-align:center;color:var(--text-muted);margin-bottom:.4rem}
.result-answer strong{color:var(--text)}
.result-hint{font-size:.85rem;color:var(--text-dim);text-align:center;font-style:italic;margin-top:.4rem}
.voice-btn{background:transparent;border:1.5px solid var(--purple);color:var(--purple);border-radius:99px;width:2.2rem;height:2.2rem;cursor:pointer;font-size:1rem}
@media (max-width:767px){.combine-input{font-size:1.05rem !important}}