:root{font-family:'Trebuchet MS','Gill Sans',sans-serif;font-size:17px;color:var(--ink);background:var(--page)}*{box-sizing:border-box}body{margin:0;line-height:1.6}header{background:var(--paper);border-bottom:3px solid var(--accent);padding:1.2rem max(1.3rem,calc((100vw - 1050px)/2))}.site-title{font-family:Georgia,serif;font-size:1.6rem;color:var(--ink);text-decoration:none}main{max-width:1050px;margin:auto;padding:1.3rem}a{color:var(--accent)}button,input,select{font:inherit}button{cursor:pointer;padding:.6rem .9rem;border:1px solid var(--border-strong);border-radius:4px;background:var(--paper);color:var(--ink)}button:hover{background:var(--hover)}button:disabled{opacity:.4;cursor:default}button.active,.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.7rem;font-size:.95rem;color:var(--secondary)}.breadcrumbs>*+*:before{content:'/';display:inline-block;margin-right:.7rem;color:var(--muted)}h1,h2,h3{font-family:Georgia,serif;font-weight:normal;line-height:1.25}h1{font-size:2.3rem;margin:1.2rem 0 .5rem}h2{font-size:1.55rem}.heading{padding-bottom:1rem;border-bottom:1px solid var(--nav-border);margin-bottom:1.3rem}.heading p{color:var(--secondary);margin:.4rem 0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{display:block;border:1px solid var(--line-alt);background:var(--paper);border-radius:4px;padding:1.2rem;text-decoration:none;color:var(--ink)}.card:hover{border-color:var(--accent);background:var(--hover)}.card h2{margin:0 0 .3rem;color:var(--accent)}.card p{margin:.5rem 0 0}.metadata{color:var(--secondary);font-size:.9rem}.wordpreview{line-height:1.8}.legend{color:var(--secondary);margin-bottom:1rem}.stages,.actions,.wordrail{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.wordrail button{padding:.3rem .65rem;font-size:.9rem}.panel{background:var(--paper);border:1px solid var(--line-alt);border-radius:4px;padding:1.5rem}.topline{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--secondary);font-size:.95rem}.flashcard{position:relative;min-height:340px;border:1px solid var(--border-strong);border-radius:4px;background:var(--soft);padding:1.5rem 1.7rem 3.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.flashcard.front{text-align:center}.word{font-size:clamp(2.4rem,6vw,4rem);margin:.8rem 0}.pos{font-size:1rem;color:var(--accent);font-family:inherit}.label{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--secondary);font-weight:700}.flashcard.back{background:var(--paper)}.cardcontent{width:100%}.cardcontent h2{margin:0}.definition{font-size:1.15rem}.details{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;border-top:1px solid var(--line);padding-top:1rem}.example{border-left:4px solid var(--accent);padding:.8rem 1rem;background:var(--pale);margin-top:1rem}.fliplabel{position:absolute;bottom:1rem;left:0;right:0;text-align:center;color:var(--secondary);font-size:.9rem}.small{font-size:.9rem;color:var(--secondary)}.question{font-size:1.25rem;line-height:1.65;margin:1rem 0}.options{display:grid;gap:.6rem}.options button{text-align:left}.options .selected{border:2px solid var(--accent);background:var(--selected)}.options button:disabled{opacity:1}input{display:block;padding:.7rem;border:1px solid var(--input-border);border-radius:4px;background:var(--paper);color:var(--ink);width:450px;max-width:100%}.feedback{padding:1rem;border-radius:4px;margin-top:1rem;background:var(--wash)}.feedback.correct{background:var(--success-bg);color:var(--success)}.feedback.incorrect{background:var(--error-bg);color:var(--error)}.feedback:empty{display:none}.progress{height:5px;border-radius:4px;background:var(--line);margin-top:1rem}.progress div{height:100%;background:var(--accent);border-radius:4px}.missed{padding-left:1.5rem}.formnotice{background:var(--wash);padding:.65rem 1rem;border:1px solid var(--wash-border);font-size:.9rem}footer{border-top:1px solid var(--nav-border);margin-top:2rem;padding-top:1rem;color:var(--footer);font-size:.9rem}footer nav{display:flex;flex-wrap:wrap;gap:1.4rem}footer p{margin-top:1rem}strong{font-weight:700}.groupnav{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.2rem}.groupnav a{padding:.5rem 0}details{margin-top:.8rem}summary{cursor:pointer}.heading strong{font-weight:normal}#groupselect{background:var(--paper);color:var(--ink);padding:.4rem;border:1px solid var(--input-border);max-width:100%}@media(max-width:760px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.details{gap:.8rem}}@media(max-width:520px){main{padding:1rem}.cards{grid-template-columns:1fr}.panel{padding:1rem}.details{grid-template-columns:1fr}.flashcard{min-height:310px;padding:1.2rem 1rem 3.5rem}.stages button{flex:1 0 42%}.site-title{font-size:1.3rem}.topline{align-items:flex-start}h1{font-size:1.9rem}.question{font-size:1.15rem}}
:root[data-theme="dark"] button.active,:root[data-theme="dark"] button.primary{background:#286a70;color:#fff}.label{font-size:.85rem}