@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;--color-mark:#6a6a9912;--color-inscribe:#6a6a9938;--color-glow-good:#77a39a73;--shadow-stage:0 1px 2px #2b223314, 0 8px 24px #2b223314, 0 32px 64px -24px #2b22332e;--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);background-image:radial-gradient(at 70% 0,#ffffff8c,#0000 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.17 0 0 0 0 0.13 0 0 0 0 0.2 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-attachment:fixed;margin:0;font-size:18px;line-height:1.56}.layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:40px;max-width:1160px;margin:0 auto;padding:32px 24px 48px;display:grid}.rail{max-height:calc(100vh - 64px);padding-right:4px;position:sticky;top:32px;overflow-y:auto}.stage{min-width:0;position:relative}.stage:before{content:attr(data-mark);font-family:var(--font-display);color:var(--color-mark);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:30rem;font-weight:600;line-height:1;position:absolute;top:-48px;right:-12px}.stage>*{z-index:1;position:relative}.stage>.card:first-child{margin-top:0}@media (width<=900px){.layout{grid-template-columns:minmax(0,1fr);gap:0;padding:24px 16px 48px;overflow-x:clip}.rail{max-height:none;padding-right:0;position:static;overflow:visible}.stage{margin-top:24px}.stage:before{font-size:16rem;top:-24px;right:0}}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:flex-start;gap:12px;display:flex}.rail .top-row{flex-direction:column;align-items:flex-start}.scoreboard{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;display:grid}.score{box-shadow:inset 0 0 0 1px var(--color-inscribe);background:#ffffff8c;border-radius:16px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.score b{font-family:var(--font-mono);color:var(--color-ink);font-size:1.6rem;font-weight:400;line-height:1.1}.score span{text-transform:uppercase;letter-spacing:.08em;color:var(--color-purple);font-size:.68rem;font-weight:600}.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}.rail .filter-panel{box-shadow:inset 0 0 0 1px var(--color-inscribe);background:#ffffff8c}.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}.latin,.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}.login-form{flex-direction:column;gap:10px;display:flex}input[type=text],input[type=email],input[type=password]{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,input[type=email]:focus,input[type=password]: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{flex-direction:column;flex:1;align-items:flex-end;gap:6px;max-width:320px;display:flex}.progress-label{font-family:var(--font-mono);color:var(--color-teal-deep);font-size:.8rem}.progress-track{background:var(--color-lavender);border-radius:9999px;width:100%;height:10px;overflow:hidden}.progress-fill{background:var(--color-gold);border-radius:9999px;height:100%;transition:width .35s cubic-bezier(.2,.8,.2,1)}.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}.th-sub{opacity:.75;font-size:.75rem;font-weight:400;display:block}.learn-note{margin:12px 0 0;font-size:.9rem}.case-use-group+.case-use-group{margin-top:14px}.case-use-heading{text-transform:capitalize;margin-bottom:4px;font-size:1rem}.case-use-list{margin:0;padding-left:20px;font-size:.92rem}.case-use-list li+li{margin-top:6px}.feedback-detail{margin-top:6px;font-size:.92rem}.vocab-chapter{margin-top:10px}.vocab-chapter summary{cursor:pointer;font-weight:500}.locked-tag{opacity:.7;margin-left:8px;font-size:.8rem;font-weight:400}.vocab-table td{vertical-align:top}.vocab-decl{opacity:.7;font-size:.8rem}.vocab-flag{color:var(--color-mauve-deep);margin-top:4px;font-size:.8rem}.parse-grid{gap:14px;margin-top:8px;display:grid}.parse-row .chip-row{flex-wrap:wrap}.parse-list{margin:6px 0;padding-left:20px}.parse-list li+li{margin-top:6px}.parse-use{opacity:.85;font-size:.85rem}.prompt-hint{color:var(--color-teal-deep);margin-top:6px;font-size:.85rem}.chip-note{opacity:.75;font-size:.75rem}.credits{color:var(--color-teal-deep);opacity:.85;margin-top:32px;font-size:.8rem}.credits a{color:inherit}.speed-bar{flex-wrap:wrap;gap:8px;margin:-8px 0 16px;font-size:.85rem;display:flex}.stage>.card{box-shadow:var(--shadow-stage), inset 0 0 0 1px var(--color-inscribe);padding:36px 40px}.stage>.card:after{content:"";border:1px solid var(--color-inscribe);pointer-events:none;border-radius:16px;position:absolute;inset:8px}.stage>.card{position:relative}.stage-card{flex-direction:column;min-height:min(640px,100vh - 64px);transition:box-shadow .3s;animation:.35s cubic-bezier(.2,.8,.2,1) card-enter;display:flex}.stage-head{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.stage-head .drill-type-label{margin-bottom:0;padding-top:2px}.stage-card .prompt{margin:40px 0 32px;font-size:clamp(1.8rem,3.2vw,2.6rem);line-height:1.2}.stage-card .options{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.stage-card .option-btn{align-items:center;gap:14px;padding:18px 20px;font-size:1.05rem;display:flex}.stage-foot{margin-top:auto;padding-top:28px}.stage>.result-good{box-shadow:var(--shadow-stage), inset 0 0 0 1px var(--color-inscribe), 0 0 0 6px var(--color-glow-good)}.result-bad .option-btn.incorrect,.result-bad .feedback.bad{animation:.4s shake}.opt-key,.btn-key{font-family:var(--font-mono);background:var(--color-surface);color:var(--color-purple);box-shadow:inset 0 -1px 0 var(--color-inscribe);border-radius:6px;flex-shrink:0;padding:5px 7px;font-size:.75rem;line-height:1}.btn-key{color:inherit;box-shadow:none;background:#ffffff2e;margin-left:8px}.option-btn.correct .opt-key,.option-btn.incorrect .opt-key{background:#fff9}.key-hint{color:var(--color-purple);opacity:.8;font-size:.78rem}@media (hover:none){.opt-key,.btn-key,.key-hint{display:none}}.streak-pop{animation:.45s cubic-bezier(.3,1.6,.5,1) pop}@keyframes card-enter{0%{opacity:0;transform:translateY(14px)scale(.99)}to{opacity:1;transform:none}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@media (width<=900px){.stage>.card{padding:24px 20px}.stage-card{min-height:0}.stage-card .prompt{margin:24px 0 20px}.stage-head{flex-direction:column;gap:10px}.progress{align-items:flex-start;width:100%;max-width:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.verb-callouts{margin-top:14px}.verb-parts .vp-stem{color:var(--color-ink)}.verb-parts .vp-sign{color:var(--color-purple);font-weight:600}.verb-parts .vp-ending{color:var(--color-teal-deep);text-underline-offset:3px;text-decoration:underline}.verb-parts>span+span:before{content:"·";color:var(--color-teal-deep);opacity:.5;font-weight:400}