:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17322f;background:#f3f0e7;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;border-radius:999px;padding:.72rem 1.2rem;background:#173f3b;color:#fff;font-weight:700;cursor:pointer}button:hover{background:#255b54}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e6a83b;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}.shell{min-height:100vh;background:radial-gradient(circle at 85% 5%,#d3e4d8 0,transparent 28%)}header{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:2rem;padding:1rem clamp(1rem,5vw,5rem);background:rgba(243,240,231,.94);border-bottom:1px solid #ced8d0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}header b{font:700 1.5rem Georgia,serif;margin-right:auto}header nav{display:flex;gap:1rem}a{color:inherit;font-weight:700}.shell>section{padding:4rem clamp(1rem,6vw,6rem);max-width:90rem;margin:auto}.shell>section+section{border-top:1px solid #ccd5ce}.eyebrow{color:#a45a24;font-weight:800;letter-spacing:.2em;font-size:.78rem;margin:0}h1{font:500 clamp(2.6rem,7vw,5.5rem)/.95 Georgia,serif;margin:.3rem 0 1.5rem}h2{font:500 1.65rem Georgia,serif;margin-top:0}.card{background:#fffdf7;border:1px solid #d7d5ca;border-radius:1.4rem;padding:1.3rem;box-shadow:0 8px 30px rgba(22,55,49,.07)}.login{width:min(30rem,calc(100% - 2rem));margin:8vh auto;display:grid;grid-gap:1rem;gap:1rem}.login h1{font-size:3rem}.editor>label,.login label{display:grid;grid-gap:.35rem;gap:.35rem;font-weight:700}input,select,textarea{width:100%;border:1px solid #9aaba2;border-radius:.65rem;background:#fff;padding:.7rem;color:#17322f}textarea{min-height:5rem;resize:vertical}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.search{display:flex;gap:.5rem;max-width:38rem;margin:1.5rem 0}.editor{margin:1rem 0 2rem}.editor fieldset{border:0;padding:0;margin:0 0 1rem}.editor legend{font-weight:800;margin-bottom:.5rem}.learn-grid,.phrase-grid,.translation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));grid-gap:1rem;gap:1rem}.translation-grid label{display:grid;grid-gap:.3rem;gap:.3rem;font-size:.8rem;font-weight:800}.actions{display:flex;gap:.6rem;margin-top:1rem}.secondary{background:#e4ebe5;color:#17322f}.secondary:hover{background:#d2ded5}.link{color:#17322f;padding:.3rem}.link,.link:hover{background:transparent}.link:hover{text-decoration:underline}.phrase-head{display:flex;justify-content:space-between}.phrase-grid article p{display:grid;margin:.7rem 0}.flashcard small,.phrase-grid small{color:#a45a24;font-size:.7rem;font-weight:800;letter-spacing:.12em}.alert{position:fixed;z-index:4;right:1rem;bottom:1rem;background:#7e2626;color:#fff;padding:1rem;border-radius:.8rem}.language-pair{display:flex;align-items:flex-end;gap:1rem;margin:1rem 0 2rem}.language-pair label{font-weight:700}.flashcard{display:grid;grid-gap:.7rem;gap:.7rem;min-height:18rem;align-content:center;text-align:center}.flashcard strong{font:500 1.8rem Georgia,serif}.flashcard hr{width:100%;border:0;border-top:1px solid #ddd}.quiz-prompt{font:500 1.4rem Georgia,serif}.options{display:grid;grid-gap:.5rem;gap:.5rem}.correct{color:#17643f;font-weight:800}.incorrect{color:#9a3e2e;font-weight:800}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:650px){header nav{display:none}.section-title{align-items:flex-start;flex-direction:column}.language-pair{align-items:stretch}.search{display:grid}.shell>section{padding-block:2.5rem}}