@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&family=Space+Grotesk:wght@400;500;600&family=Geist+Mono:wght@400&display=swap";:root{--color-mauve:#cb96ba;--color-bluebell:#b0b3d6;--color-venus:#e0e4e7;--color-beryl:#d0ddc4;--color-duckegg:#9bbcac;--color-forest:#77a39a;--color-teal-deep:#4a6b62;--color-purple:#6a6a99;--color-gold:var(--color-mauve);--color-mint:var(--color-duckegg);--color-green:var(--color-beryl);--color-lavender:var(--color-bluebell);--color-surface:var(--color-venus);--color-ink:#2b2233;--color-white:#fff;--color-mauve-deep:#8c5678;--color-mauve-tint:#f3e4ee;--color-beryl-deep:#3e5230;--font-display:"Fraunces", Georgia, serif;--font-body:"Space Grotesk", system-ui, sans-serif;--font-mono:"Geist Mono", "Fira Code", monospace}*{box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--color-surface);color:var(--color-ink);margin:0;font-size:18px;line-height:1.56}.wrap{max-width:620px;margin:0 auto;padding:32px 20px 64px}h1,h2,h3{font-family:var(--font-display);font-variation-settings:"SOFT" 0, "WONK" 1;color:var(--color-ink);margin:0;line-height:1.1}h1{font-size:2rem;font-weight:600}h2{margin-bottom:4px;font-size:1.4rem;font-weight:500}.subtitle{color:var(--color-teal-deep);margin-top:6px;font-size:.95rem}.card{background:var(--color-white);border-radius:24px;margin-top:24px;padding:28px;box-shadow:0 1px 1.5px #0000001a,0 1px 1px #0000001a}.pill{background:var(--color-lavender);color:var(--color-ink);border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:500;display:inline-flex}.top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.stats{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.stat{background:var(--color-surface);color:var(--color-teal-deep);border-radius:16px;padding:10px 16px;font-size:.85rem;font-weight:500}.stat b{color:var(--color-ink);font-family:var(--font-mono);font-weight:400}.tabs{gap:8px;margin-top:16px;display:flex}.tab-btn{font-family:var(--font-body);border:2px solid var(--color-lavender);background:var(--color-white);min-height:44px;color:var(--color-ink);cursor:pointer;border-radius:9999px;align-items:center;padding:8px 18px;font-size:.9rem;font-weight:500;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.tab-btn:hover:not(.active){border-color:var(--color-purple)}.tab-btn.active{background:var(--color-teal-deep);border-color:var(--color-teal-deep);color:var(--color-surface)}.practice-filter{margin-top:16px}.pill-button{font-family:var(--font-body);cursor:pointer;border:none;min-height:44px}.pill-button:hover{opacity:.88}.filter-panel{background:var(--color-surface);border-radius:16px;margin-top:10px;padding:16px}.filter-group+.filter-group{margin-top:14px}.filter-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-purple);margin-bottom:8px;font-size:.75rem;font-weight:600}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip-btn{font-family:var(--font-body);border:2px solid var(--color-lavender);background:var(--color-white);min-height:44px;color:var(--color-ink);cursor:pointer;border-radius:9999px;align-items:center;padding:8px 14px;font-size:.85rem;font-weight:500;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.chip-btn:hover:not(.active):not(:disabled){border-color:var(--color-purple)}.chip-btn.active{background:var(--color-teal-deep);border-color:var(--color-teal-deep);color:var(--color-surface)}.chip-btn:disabled{cursor:default;opacity:.6}.chip-btn:disabled.active{opacity:1}.filter-warning{background:var(--color-mauve-tint);color:var(--color-mauve-deep);border-radius:12px;margin-top:14px;padding:10px 14px;font-size:.85rem}.filter-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.filter-footer-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.account-panel{margin-top:16px}.filter-hint{color:var(--color-teal-deep);margin:0;font-size:.8rem}.learn-section{margin-top:20px}.learn-section:first-child{margin-top:0}.learn-section summary{cursor:pointer;font-family:var(--font-display);font-variation-settings:"SOFT" 0, "WONK" 1;color:var(--color-ink);padding:4px 0;font-size:1.2rem;font-weight:500}.learn-section summary::marker{color:var(--color-purple)}.table-scroll{-webkit-overflow-scrolling:touch;margin-top:14px;overflow-x:auto}.table-scroll+.table-scroll{margin-top:24px}.learn-table{border-collapse:collapse;width:100%;font-size:.95rem}.learn-table caption{text-align:left;color:var(--color-teal-deep);margin-bottom:8px;font-size:.85rem}.learn-table th,.learn-table td{text-align:left;border-bottom:1px solid var(--color-surface);padding:8px 12px}.learn-table th{color:var(--color-purple);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.learn-table td.latin-form{font-family:var(--font-mono);color:var(--color-teal-deep)}.glossary-list{gap:10px;margin:14px 0 0;display:grid}.glossary-term{background:var(--color-surface);border-radius:14px;padding:12px 16px}.glossary-term dt{font-weight:600;font-family:var(--font-body);color:var(--color-ink)}.glossary-term dd{color:var(--color-teal-deep);margin:4px 0 0;font-size:.92rem}.drill-type-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-purple);margin-bottom:10px;font-size:.8rem;font-weight:600}.prompt{font-family:var(--font-display);font-variation-settings:"SOFT" 0, "WONK" 1;color:var(--color-ink);margin:14px 0 20px;font-size:1.5rem}.prompt .latin{color:var(--color-teal-deep);font-family:Georgia,serif}.options{gap:10px;display:grid}.option-btn{font-family:var(--font-body);text-align:left;border:2px solid var(--color-lavender);background:var(--color-white);cursor:pointer;border-radius:16px;padding:14px 18px;font-size:1rem;font-weight:500;transition:opacity .15s,border-color .15s}.option-btn:hover:not(:disabled){border-color:var(--color-purple)}.option-btn.correct{background:var(--color-green);border-color:var(--color-green);color:var(--color-ink)}.option-btn.incorrect{background:var(--color-mauve-tint);border-color:var(--color-mauve-deep);color:var(--color-ink)}.option-btn:disabled{cursor:default;opacity:.75}.option-btn:disabled.correct,.option-btn:disabled.incorrect{opacity:1}.text-input-row{flex-wrap:wrap;gap:10px;display:flex}input[type=text]{min-width:180px;font-family:var(--font-mono);border:2px solid var(--color-lavender);background:var(--color-surface);color:var(--color-ink);border-radius:16px;flex:1;padding:12px 16px;font-size:1.05rem}input[type=text]:focus{border-color:var(--color-purple);outline:none}.btn{font-family:var(--font-body);cursor:pointer;border:none;border-radius:9999px;padding:12px 24px;font-size:1rem;font-weight:500;transition:opacity .15s}.btn:hover{opacity:.88}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--color-gold);color:var(--color-ink)}.btn-secondary{background:var(--color-teal-deep);color:var(--color-surface)}.btn-ghost{background:var(--color-lavender);color:var(--color-ink)}.feedback{border-radius:16px;margin-top:16px;padding:14px 18px;font-size:.98rem;display:none}.feedback.show{display:block}.feedback.good{background:var(--color-beryl);color:var(--color-beryl-deep)}.feedback.bad{background:var(--color-mauve-tint);color:var(--color-mauve-deep)}.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.progress-track{background:var(--color-lavender);border-radius:9999px;height:6px;margin-top:20px;overflow:hidden}.progress-fill{background:var(--color-gold);border-radius:9999px;height:100%;transition:width .2s}.reset-link{color:var(--color-teal-deep);cursor:pointer;font-size:.8rem;font-family:var(--font-body);background:0 0;border:none;align-items:center;min-height:44px;padding:10px 4px;text-decoration:underline;display:inline-flex}.loading{color:var(--color-teal-deep);font-size:.9rem}